/* Essam Gold visual identity — shared by login, user, and admin surfaces. */
:root {
    --gold-950: #2b1908;
    --gold-900: #3a220d;
    --gold-800: #56330f;
    --gold-700: #7a4b12;
    --gold-600: #a96f14;
    --gold-500: #d2a12c;
    --gold-400: #e8c55a;
    --gold-300: #f1dc8a;
    --gold-100: #fbf2d0;
    --ivory: #fbf8f0;
    --ivory-2: #f5eddd;
    --ink: #291d12;
    --muted-ink: #756450;
    --gold-shadow: rgba(80, 47, 8, .16);
}

body.app-theme-gold,
body.auth-page {
    color: var(--ink);
    background-color: var(--ivory);
}

body.app-theme-gold {
    background:
        radial-gradient(900px 420px at 100% -10%, rgba(232, 197, 90, .13), transparent 64%),
        linear-gradient(180deg, #fffdf8 0, var(--ivory) 280px, #f7f1e5 100%);
}

body.auth-page {
    background:
        radial-gradient(760px 500px at 12% -8%, rgba(232, 197, 90, .28), transparent 65%),
        radial-gradient(620px 460px at 108% 10%, rgba(122, 75, 18, .13), transparent 60%),
        linear-gradient(145deg, #fffdf7 0%, #f8f1e3 58%, #f2e5cb 100%) !important;
}

body.auth-page .brand-lockup {
    border: 1px solid rgba(232, 197, 90, .72);
    box-shadow: 0 18px 46px rgba(76, 43, 7, .24), 0 0 0 7px rgba(255, 250, 235, .72);
}

body.auth-page .app-tagline {
    color: var(--gold-800) !important;
    background: linear-gradient(180deg, #fffaf0, var(--gold-100)) !important;
    border: 1px solid rgba(210, 161, 44, .34);
    box-shadow: 0 5px 15px rgba(80, 47, 8, .08);
}

body.auth-page .card,
body.app-theme-gold .card,
body.app-theme-gold .modal-content,
body.app-theme-gold .offcanvas {
    background: rgba(255, 254, 250, .96);
    border: 1px solid rgba(210, 161, 44, .24) !important;
    box-shadow: 0 14px 38px var(--gold-shadow) !important;
}

body.auth-page .form-control,
body.auth-page .input-group-text,
body.app-theme-gold .form-control,
body.app-theme-gold .form-select,
body.app-theme-gold .input-group-text,
body.app-theme-gold .select2-selection {
    border-color: #dccda9 !important;
    background-color: #fffdfa;
}

body.auth-page .input-group-text,
body.app-theme-gold .input-group-text {
    color: var(--gold-700);
    background: #faf3e3;
}

body.auth-page .form-control:focus,
body.app-theme-gold .form-control:focus,
body.app-theme-gold .form-select:focus,
body.app-theme-gold .select2-container--focus .select2-selection {
    border-color: var(--gold-500) !important;
    box-shadow: 0 0 0 .2rem rgba(210, 161, 44, .2) !important;
}

body.auth-page .btn-primary,
body.app-theme-gold .btn-primary {
    color: #211404 !important;
    border-color: #b57b15 !important;
    background: linear-gradient(135deg, #f0d46f 0%, #d5a52d 48%, #bd7e14 100%) !important;
    box-shadow: 0 7px 18px rgba(122, 75, 18, .22);
    font-weight: 800;
}

body.auth-page .btn-primary:hover,
body.app-theme-gold .btn-primary:hover {
    color: #160d02 !important;
    border-color: #93600f !important;
    background: linear-gradient(135deg, #f4dd83 0%, #dfb43d 50%, #c88918 100%) !important;
    transform: translateY(-1px);
}

body.app-theme-gold .btn-outline-primary {
    color: var(--gold-700);
    border-color: #c59025;
}
body.app-theme-gold .btn-outline-primary:hover {
    color: #211404;
    background: var(--gold-300);
    border-color: var(--gold-600);
}

body.app-theme-gold .text-primary,
body.app-theme-gold a:not(.btn):not(.nav-link):not(.dropdown-item) { color: var(--gold-700) !important; }

body.app-theme-gold .app-desktop-nav,
body.app-theme-gold .app-topbar-mobile,
body.app-theme-gold > .navbar-dark {
    background: linear-gradient(112deg, var(--gold-950), #4b2d0c 58%, #6c4512) !important;
    border-bottom: 1px solid rgba(232, 197, 90, .48);
    box-shadow: 0 6px 22px rgba(43, 25, 8, .2);
}

body.app-theme-gold .app-desktop-nav .nav-link:hover {
    background: rgba(241, 220, 138, .14) !important;
}
body.app-theme-gold .app-desktop-nav .nav-link.active {
    color: #261603 !important;
    background: linear-gradient(135deg, #f2db82, #c99322) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.3), 0 4px 12px rgba(0,0,0,.16);
}

body.app-theme-gold .navbar-brand .brand-icon {
    background: transparent !important;
    box-shadow: 0 0 0 2px rgba(232, 197, 90, .45);
}

/* Keep the wordmark readable on the dark bar. */
body.app-theme-gold .navbar-brand,
body.app-theme-gold .navbar-brand:hover,
body.app-theme-gold .navbar-brand:focus {
    color: #f5dda0 !important;
    text-decoration: none !important;
}
body.app-theme-gold .navbar-brand .fw-bold {
    color: #f5dda0 !important;
    font-weight: 800 !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .35);
    letter-spacing: .01em;
}

body.app-theme-gold .app-account-trigger {
    max-width: 210px;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    color: #fff8e5 !important;
    background: rgba(255, 250, 232, .09) !important;
    border: 1px solid rgba(241, 220, 138, .68) !important;
    border-radius: 999px;
    padding: .42rem .78rem;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
    font-weight: 700;
    text-decoration: none !important;
}
body.app-theme-gold .app-account-trigger:hover,
body.app-theme-gold .app-account-trigger:focus,
body.app-theme-gold .app-account-trigger[aria-expanded="true"] {
    color: #211404 !important;
    background: linear-gradient(135deg, #f4dfa0, #d5a52d) !important;
    border-color: #f2dc88 !important;
    box-shadow: 0 5px 14px rgba(0,0,0,.18);
}
body.app-theme-gold .app-account-trigger .bi-person-circle { font-size: 1.05rem; flex: none; }
body.app-theme-gold .app-account-name {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.app-theme-gold .app-bottom-nav {
    background: #fffdf8;
    border-top-color: #dfc98f;
}
body.app-theme-gold .app-bottom-nav-link.active { color: var(--gold-700) !important; }

body.app-theme-gold .app-nav-link:hover,
body.app-theme-gold .dropdown-item:hover {
    color: var(--gold-800) !important;
    background: var(--gold-100) !important;
}
body.app-theme-gold .app-nav-link.active {
    color: #211404 !important;
    background: linear-gradient(135deg, #f2dc88, #d0a02a) !important;
}

body.app-theme-gold .table { --bs-table-bg: transparent; --bs-table-striped-bg: rgba(210, 161, 44, .055); }
body.app-theme-gold .table thead th {
    color: #4a2d0d;
    background: #f8edcf;
    border-bottom-color: #d7bc72;
}

body.app-theme-gold .page-link { color: var(--gold-700); border-color: #dfd0ab; }
body.app-theme-gold .page-item.active .page-link { color:#211404; background:var(--gold-400); border-color:var(--gold-600); }
body.app-theme-gold .dropdown-menu { border:1px solid rgba(210,161,44,.28) !important; background:#fffefb; }
body.app-theme-gold .border-top,
body.app-theme-gold .border-bottom { border-color: #e4d6b6 !important; }
body.app-theme-gold .text-muted { color: var(--muted-ink) !important; }

@media (prefers-reduced-motion: no-preference) {
    body.auth-page .btn,
    body.app-theme-gold .btn { transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease; }
}