/* Tableaux de bord SCOLARIS : bannière d'accueil et raccourcis. Styles volontairement autonomes (pas de dépendance au thème compilé). */
.sc-hero {
    --sc-accent: #0064d4;
    position: relative; overflow: hidden; border-radius: 1rem; margin-top: .5rem; padding: 1.5rem 1.75rem;
    color: #fff;
    background:
        radial-gradient(circle at 92% 12%, rgba(255, 157, 4, .55) 0, rgba(255, 157, 4, 0) 34%),
        linear-gradient(120deg, #023b92 0%, var(--sc-accent) 100%);
    box-shadow: 0 10px 25px -12px rgba(2, 59, 146, .55);
}
.sc-hero::after {
    content: ""; position: absolute; right: -60px; bottom: -90px; width: 260px; height: 260px; border-radius: 50%;
    background: rgba(255, 255, 255, .08);
}
.sc-hero__main { position: relative; z-index: 1; display: flex; align-items: center; gap: 1.1rem; flex-wrap: wrap; }
.sc-hero__logo { height: 3.6rem; max-width: 9rem; object-fit: contain; border-radius: .6rem; background: #fff; padding: .35rem; }
.sc-hero__eyebrow { font-size: .75rem; letter-spacing: .08em; text-transform: uppercase; opacity: .8; }
.sc-hero__title { font-size: 1.55rem; font-weight: 700; line-height: 1.2; }
.sc-hero__sub { margin-top: .15rem; font-size: .9rem; opacity: .88; }
.sc-hero__links { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1.1rem; }
.sc-chip {
    display: inline-flex; align-items: center; padding: .4rem .85rem; border-radius: 999px; font-size: .82rem; font-weight: 600;
    color: #fff; text-decoration: none; background: rgba(255, 255, 255, .16); border: 1px solid rgba(255, 255, 255, .28);
    transition: background .15s ease, transform .15s ease;
}
.sc-chip:hover { background: rgba(255, 255, 255, .3); transform: translateY(-1px); }
.sc-chip--accent { background: #ff9d04; border-color: #ff9d04; color: #3a2500; }
.sc-chip--accent:hover { background: #ffb338; }
@media (max-width: 640px) {
    .sc-hero { padding: 1.1rem 1.1rem; }
    .sc-hero__title { font-size: 1.25rem; }
}