/* Charte Institut Al-Nour — GENERE par tools/brand/build_brand_css.py alnour.
   Ne pas modifier a la main : editer tools/brand/alnour.json puis relancer. */

:root {
    --n-brand: #0b6b3d;
    --n-brand-dark: #08502e;
    --n-brand-light: #8fd6ad;
    --n-brand-pale: #eef8f1;
    --n-brand-glow: rgba(11, 107, 61, 0.14);
    --n-info: #0b6b3d;
    --n-info-pale: #eef8f1;
    --n-shadow-brand: 0 4px 14px rgba(15, 127, 71, 0.2);
    --n-quran-dark: #08502e;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-info:hover,
.btn-info:focus {
    box-shadow: 0 6px 20px rgba(15, 127, 71, 0.3);
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled):active {
    background-color: #063d23;
    border-color: #063d23;
}

:root {
    --n-focus: 0 0 0 3px rgba(15, 127, 71, .22);
}

.n-account-security {
    background:linear-gradient(155deg,#073642,#0b6b3d);
}

.n-account-security .n-eyebrow {
    color:#bfe6cd;
}

.n-account-security-action {
    color:#0b6b3d;
}

.n-account-security-action:hover {
    background:#eef8f1;
    color:#08502e;
}

.n-documents-student-tab.active {
    background:#eef8f1;
}

.n-result-avatar {
    background: linear-gradient(135deg, var(--n-brand), #08502e);
}

.teacher-surface .n-teacher-class-card:hover {
    border-color: rgba(15, 127, 71,.28);
}

.teacher-surface .n-teacher-quick-actions > a:hover {
    border-color: rgba(15, 127, 71,.3);
}

.teacher-surface .n-notify-choice > input:checked + span {
    border-color: rgba(15, 127, 71,.35);
}

.teacher-surface .btn-primary:hover,
.teacher-surface .btn-info:hover {
    border-color: #08502e;
    background: #08502e;
}

.teacher-session-roster-list .nav-link.active i {
    color: #bfe6cd;
}

.n-quran-period-empty {
    border: 1px dashed rgba(15, 127, 71,.3);
}

#toast-container > .toast-info {
    border-color: rgba(11, 107, 61, .28) !important;
}

.n-notification-fallback.is-info {
    border-color: rgba(11, 107, 61, .28);
}

.n-auth-story {
    background:
        linear-gradient(90deg, rgba(3, 40, 22,.98) 0%, rgba(6, 64, 36,.94) 58%, rgba(11, 107, 61,.68) 100%),
        url('../../imgs/noun-bg-2.jpeg') right center/cover;
}

.n-auth-story::before {
    background: linear-gradient(180deg, transparent 38%, rgba(3, 40, 22,.26));
}

.n-auth-mark {
    box-shadow: 0 .75rem 2rem rgba(3, 40, 22,.2);
}

.n-auth-kicker {
    color: #bfe6cd;
}

.n-auth-benefits i {
    color: #8fd6ad;
}

.n-auth-submit {
    background: #0b6b3d;
}

.n-auth-submit:hover, .n-auth-submit:focus {
    background: #08502e;
}

.n-admin-shell {
    background:
        radial-gradient(circle at 8% 0%, rgba(15, 127, 71, 0.10), transparent 28rem),
        linear-gradient(180deg, #f7fbfc 0, var(--n-bg) 28rem);
}

.n-chart-line.is-sessions {
    stroke: #0b6b3d;
}

.n-chart-dot.is-sessions {
    fill: #0b6b3d;
}

.n-chart-key {
    border-top: 2px solid #0b6b3d;
}

.n-rich-editor:focus-within {
    box-shadow: 0 0 0 3px rgba(11, 107, 61, .12);
}

.n-rich-tool[aria-pressed="true"], .n-rich-tool[aria-expanded="true"] {
    border-color: rgba(11, 107, 61, .35);
}

.n-ai-translate-out {
    border-left: 3px solid var(--n-brand, #0b6b3d);
    background: rgba(11, 107, 61, .05);
}

.n-quran-plan-vigilance {
    background: rgba(11, 107, 61, .05);
}

.n-quran-plan-vigilance > i {
    color: var(--n-brand, #0b6b3d);
}

.n-dashboard-cta:hover, .n-search-button:hover {
    background: #08502e;
}

.teacher-surface .n-preference-savebar {
    border: 1px solid rgba(15, 127, 71, .22);
}

.teacher-surface .n-document-recipient:has(input:checked) {
    border-color: rgba(15, 127, 71,.32);
}

.teacher-surface .n-class-pill {
    border: 1px solid rgba(15, 127, 71,.18);
}

.teacher-surface .n-copy-link:hover {
    background: #d9f1e1;
}

.teacher-surface .n-sticky-form-actions {
    border: 1px solid rgba(15, 127, 71,.2);
}

.teacher-surface .n-attendance-type-filter input:checked + span {
    border-color: rgba(15, 127, 71,.35);
}

.teacher-surface .n-report-periods > a:hover {
    border-color: rgba(15, 127, 71,.35);
}

.teacher-surface .n-report-classes > a:hover,
.teacher-surface .n-report-classes > a:focus-visible {
    border-color: rgba(15, 127, 71,.35);
}

.teacher-surface .n-report-student-nav > button.active {
    border-color: rgba(15, 127, 71,.28);
}

.teacher-surface .n-report-student-card[open] {
    border-color: rgba(15, 127, 71,.24);
}

.family-surface,
.student-surface {
    background:
        radial-gradient(circle at 100% 0, rgba(11, 107, 61,.075), transparent 27rem),
        linear-gradient(180deg, #fbfcfa 0, var(--n-bg) 34rem);
}

.n-family-hero {
    border: 1px solid rgba(11, 107, 61,.18);
}

.n-family-hero .n-eyebrow,
.n-student-hero .n-eyebrow {
    color: #d9f1e1;
}

.n-family-child-card:hover {
    border-color: rgba(11, 107, 61,.28);
}

.n-family-child-photo-add img {
    border-color: rgba(11, 107, 61,.4) !important;
}

.n-student-hero {
    border: 1px solid rgba(11, 107, 61,.18);
}

.n-student-hero-verse .n-verse-arabic {
    color: #eef8f1;
}

.family-learning-period--current {
    border-color: rgba(11, 107, 61,.28);
    box-shadow: 0 0 0 3px rgba(11, 107, 61,.06);
}

.n-admin-selection-count {
    border-color: rgba(15, 127, 71,.2);
}

.n-admin-user-avatar {
    box-shadow: inset 0 0 0 1px rgba(15, 127, 71,.12);
}

.n-status-symbol {
    border: 1px solid rgba(15, 127, 71,.16);
}

.n-insights-notice {
    color:#063d23;
}

.n-archive-banner a {
    color: var(--n-brand-dark, #08502e);
}

.n-global-search-trigger:hover, .n-global-search-trigger:focus-visible {
    color: var(--n-brand-dark, #08502e);
}

a.n-global-search-ligne:hover, .n-global-search-ligne.est-active {
    background: var(--n-brand-pale, #eef8f1);
}

.n-family-hero-verse .n-verse-arabic {
    color: #eef8f1;
}

:root {
    --n-gold: #b8892e;
    --n-gold-dark: #8a6421;
    --n-gold-pale: #fbf5e6;
    --n-alnour-gold: #d4a94a;
}

/* Le fond photo d'Institut Noun est remplace par un degrade vert et or. */
.n-auth-story {
    background: radial-gradient(circle at 85% 15%, rgba(212, 169, 74, .35), transparent 45%), linear-gradient(135deg, #063d23 0%, #0b6b3d 60%, #0f7f47 100%) !important;
}

@media (max-width: 991.98px) {
    .n-auth-form-side {
        background: linear-gradient(rgba(250,252,250,.96), rgba(246,250,247,.98)) !important;
    }
}