/* —— App shell premium —— */
.app-shell { background: #f4f6f9; }
.gold-sidebar {
    height: 100vh;
    background:
        radial-gradient(circle at 15% 0%, rgba(232, 185, 49, .12), transparent 27%),
        linear-gradient(180deg, #171717 0%, #0d0d0e 68%, #080808 100%);
    border-right: 1px solid rgba(255,255,255,.06);
    box-shadow: 18px 0 50px rgba(15, 23, 42, .10);
}
.gold-sidebar::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .25;
    background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px);
    background-size: 100% 44px;
}
.gold-sidebar__brand {
    position: relative;
    z-index: 1;
    min-height: 7.2rem;
    padding: 1.55rem 1.5rem 1.25rem;
    border-bottom: 1px solid rgba(255,255,255,.07);
}
.gold-sidebar__logo-wrap { display: inline-flex; align-items: center; min-width: 44px; min-height: 44px; }
.gold-sidebar__logo { height: 2.35rem; width: auto; object-fit: contain; transition: height .25s; }
.gold-sidebar__eyebrow { margin-top: .7rem; font-size: .62rem; font-weight: 700; text-transform: uppercase; letter-spacing: .26em; color: rgba(255,255,255,.38); }
.gold-sidebar__collapse {
    position: absolute;
    right: -.85rem;
    top: 1.7rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: .65rem;
    color: #1a1a1a;
    background: var(--gold);
    border: 3px solid #f4f6f9;
    box-shadow: 0 7px 18px rgba(0,0,0,.18);
    transition: transform .25s, background .2s;
}
.gold-sidebar__collapse:hover { background: #C99612; transform: scale(1.07); }
.gold-sidebar__contract {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: .75rem;
    margin: 1rem .9rem .3rem;
    padding: .9rem;
    border-radius: 1rem;
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.07);
}
.gold-sidebar__contract-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    min-width: 2.25rem;
    border-radius: .75rem;
    color: var(--gold);
    background: rgba(232,185,49,.09);
}
.gold-sidebar__contract-label { font-size: .6rem; font-weight: 700; text-transform: uppercase; letter-spacing: .15em; color: var(--gold); }
.gold-sidebar__contract-name { margin-top: .15rem; font-size: .87rem; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gold-sidebar__contract-meta { margin-top: .15rem; font-size: .67rem; color: rgba(255,255,255,.42); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gold-sidebar__nav { position: relative; z-index: 1; padding: 1rem .75rem; }
.gold-sidebar__section { padding: 0 .75rem .55rem; font-size: .61rem; font-weight: 700; text-transform: uppercase; letter-spacing: .18em; color: rgba(255,255,255,.3); }
.gold-sidebar__link {
    position: relative;
    display: flex;
    align-items: center;
    gap: .8rem;
    min-height: 3rem;
    margin-bottom: .25rem;
    padding: .55rem .7rem;
    border-radius: .9rem;
    color: rgba(255,255,255,.62);
    font-size: .85rem;
    font-weight: 600;
    transition: color .18s, background .18s, transform .18s;
}
.gold-sidebar__link:hover { color: #fff; background: rgba(255,255,255,.065); transform: translateX(2px); }
.gold-sidebar__link.is-active {
    color: #fff;
    background: linear-gradient(100deg, rgba(232,185,49,.18), rgba(232,185,49,.055));
    box-shadow: inset 3px 0 0 var(--gold), 0 8px 24px rgba(0,0,0,.08);
}
.gold-sidebar__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    border-radius: .65rem;
    color: rgba(255,255,255,.55);
    transition: color .18s, background .18s;
}
.gold-sidebar__link:hover .gold-sidebar__icon { color: var(--gold); }
.gold-sidebar__link.is-active .gold-sidebar__icon { color: #171717; background: var(--gold); box-shadow: 0 6px 16px rgba(232,185,49,.2); }
.gold-sidebar__label { flex: 1; white-space: nowrap; }
.gold-sidebar__active-dot { width: .3rem; height: .3rem; border-radius: 50%; background: var(--gold); box-shadow: 0 0 0 4px rgba(232,185,49,.09); }
.gold-sidebar__user {
    position: relative;
    z-index: 1;
    padding: 1rem 1rem 1.15rem;
    border-top: 1px solid rgba(255,255,255,.07);
    background: rgba(0,0,0,.12);
}
.gold-topbar {
    background: rgba(255,255,255,.87);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border-bottom: 1px solid rgba(226,232,240,.85);
    box-shadow: 0 6px 22px rgba(15,23,42,.035);
}
.gold-mobile-menu-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: .8rem;
    color: #fff;
    background: #171717;
    box-shadow: 0 7px 16px rgba(15,23,42,.14);
}

/* —— Home premium / carousel —— */
.gold-eyebrow { font-size: .62rem; font-weight: 800; text-transform: uppercase; letter-spacing: .19em; color: var(--gold-dark); }
.gold-hero-slider {
    position: relative;
    overflow: hidden;
    min-height: 25rem;
    border-radius: 1.75rem;
    background: #111;
    box-shadow: 0 24px 60px rgba(15,23,42,.16);
}
.gold-hero-slider__track { min-height: 21rem; position: relative; }
.gold-hero-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    background-position: 78% center;
    background-size: cover;
    transition: opacity .7s ease, visibility .7s;
}
.gold-hero-slide::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(7,7,8,.95) 0%, rgba(7,7,8,.76) 36%, rgba(7,7,8,.16) 72%, rgba(7,7,8,.1) 100%); }
.gold-hero-slide.is-active { opacity: 1; visibility: visible; }
.gold-hero-slide__content { position: relative; z-index: 1; max-width: 38rem; padding: clamp(2rem, 5vw, 4rem); color: #fff; }
.gold-hero-slide__tag { display: inline-flex; align-items: center; gap: .55rem; color: var(--gold); font-size: .65rem; font-weight: 800; text-transform: uppercase; letter-spacing: .2em; }
.gold-hero-slide__tag::before { content: ''; width: 1.8rem; height: 2px; background: var(--gold); }
.gold-hero-slide h2 { margin-top: 1rem; max-width: 34rem; font-size: clamp(1.8rem, 4vw, 3.25rem); line-height: 1.03; font-weight: 800; letter-spacing: -.045em; }
.gold-hero-slide p { margin-top: 1rem; max-width: 31rem; color: rgba(255,255,255,.68); font-size: .92rem; line-height: 1.65; }
.gold-hero-slide__cta { display: inline-flex; align-items: center; gap: .65rem; margin-top: 1.5rem; padding: .78rem 1rem; border-radius: .8rem; color: #171717; background: var(--gold); font-size: .75rem; font-weight: 800; box-shadow: 0 12px 28px rgba(232,185,49,.23); transition: transform .18s, background .18s; }
.gold-hero-slide__cta:hover { background: #E8B931; transform: translateY(-2px); }
.gold-hero-slider__footer {
    position: absolute;
    z-index: 3;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 4.2rem;
    padding: .75rem 1.2rem;
    color: #fff;
    background: rgba(0,0,0,.48);
    border-top: 1px solid rgba(255,255,255,.1);
    backdrop-filter: blur(14px);
}
.gold-hero-slider__hello { font-size: .75rem; font-weight: 700; }
.gold-hero-slider__context { margin-top: .1rem; font-size: .62rem; color: rgba(255,255,255,.48); }
.gold-hero-slider__dots { display: flex; gap: .4rem; }
.gold-hero-slider__dots button { width: .45rem; height: .45rem; border-radius: 999px; background: rgba(255,255,255,.35); transition: width .25s, background .25s; }
.gold-hero-slider__dots button.is-active { width: 1.5rem; background: var(--gold); }
.gold-mini-progress { position: relative; z-index: 1; width: 100%; height: .35rem; margin-top: .65rem; overflow: hidden; border-radius: 999px; background: #f1f5f9; }
.gold-mini-progress i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--gold), var(--gold-dark)); }
.gold-shortcut-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: .75rem; }
.gold-shortcut { display: flex; align-items: center; gap: .85rem; min-height: 5.5rem; padding: 1rem; border: 1px solid #edf1f5; border-radius: 1.15rem; background: #fff; transition: transform .18s, border-color .18s, box-shadow .18s; }
.gold-shortcut:hover { transform: translateY(-2px); border-color: rgba(232,185,49,.48); box-shadow: 0 14px 32px rgba(15,23,42,.07); }
.gold-shortcut__icon { display: inline-flex; align-items: center; justify-content: center; width: 2.6rem; height: 2.6rem; min-width: 2.6rem; border-radius: .85rem; color: #9a7000; background: var(--gold-soft); }
.gold-shortcut strong { display: block; font-size: .78rem; }
.gold-shortcut small { display: block; margin-top: .22rem; color: #94a3b8; font-size: .62rem; line-height: 1.4; }
.gold-shortcut__arrow { margin-left: auto; color: #cbd5e1; transition: color .18s, transform .18s; }
.gold-shortcut:hover .gold-shortcut__arrow { color: var(--gold-dark); transform: translateX(2px); }
.gold-support-card { position: relative; overflow: hidden; padding: 1.7rem; border-radius: 1.5rem; color: #fff; background: linear-gradient(145deg, #232323, #0b0b0c); box-shadow: 0 18px 42px rgba(15,23,42,.13); }
.gold-support-card::after { content: ''; position: absolute; width: 11rem; height: 11rem; right: -5rem; bottom: -5rem; border-radius: 50%; background: rgba(232,185,49,.09); }
.gold-support-card__icon { display: inline-flex; align-items: center; justify-content: center; width: 2.8rem; height: 2.8rem; margin-bottom: 1.4rem; border-radius: .9rem; color: #161616; background: var(--gold); }
.gold-support-card h3 { margin-top: .55rem; max-width: 18rem; font-size: 1.35rem; line-height: 1.2; font-weight: 800; letter-spacing: -.03em; }
.gold-support-card p:not(.gold-eyebrow) { margin-top: .8rem; color: rgba(255,255,255,.55); font-size: .75rem; line-height: 1.6; }
.gold-support-card a { position: relative; z-index: 1; display: inline-flex; align-items: center; gap: .7rem; margin-top: 1.35rem; color: var(--gold); font-size: .75rem; font-weight: 800; }
.gold-page-intro {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 1.5rem 1.65rem;
    border-radius: 1.5rem;
    color: #fff;
    background: linear-gradient(120deg, #202020, #0d0d0e);
    box-shadow: 0 16px 38px rgba(15,23,42,.12);
}
.gold-page-intro::after { content: ''; position: absolute; width: 12rem; height: 12rem; right: -5rem; top: -7rem; border-radius: 50%; background: rgba(232,185,49,.1); }
.gold-page-intro h2 { margin-top: .35rem; font-size: clamp(1.25rem, 3vw, 1.75rem); font-weight: 800; letter-spacing: -.035em; }
.gold-page-intro p:not(.gold-eyebrow) { margin-top: .45rem; max-width: 42rem; color: rgba(255,255,255,.52); font-size: .74rem; line-height: 1.55; }
.gold-page-intro__mark { position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center; width: 4rem; height: 4rem; min-width: 4rem; border-radius: 1.2rem; color: #171717; background: var(--gold); transform: rotate(-4deg); box-shadow: 0 14px 30px rgba(232,185,49,.2); }
.gold-page-intro__mark .sidebar-icon { width: 1.65rem; height: 1.65rem; }
.gold-unavailable-state { padding: 3rem 1.5rem; text-align: center; }
.gold-unavailable-state__icon { display: inline-flex; align-items: center; justify-content: center; width: 4rem; height: 4rem; margin-bottom: 1.2rem; border-radius: 1.25rem; color: #9a7000; background: var(--gold-soft); }
.gold-unavailable-state__icon svg { width: 1.75rem; height: 1.75rem; }
.gold-unavailable-state h3 { font-size: 1.15rem; font-weight: 800; }
.gold-unavailable-state p { max-width: 36rem; margin: .55rem auto 0; color: #64748b; font-size: .78rem; line-height: 1.6; }
.gold-toolbar { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 1rem; padding: 1rem; border: 1px solid #edf1f5; border-radius: 1.2rem; background: #fff; box-shadow: 0 10px 28px rgba(15,23,42,.045); }
.gold-year-list { display: flex; flex-wrap: wrap; gap: .55rem; }
.gold-year-list a { display: flex; min-width: 7rem; flex-direction: column; padding: .65rem .8rem; border: 1px solid #e5eaf0; border-radius: .85rem; color: #64748b; background: #f8fafc; transition: border-color .18s, background .18s, transform .18s; }
.gold-year-list a:hover { transform: translateY(-1px); border-color: rgba(232,185,49,.7); }
.gold-year-list a strong { color: #1f2937; font-size: .85rem; }
.gold-year-list a span { margin-top: .08rem; font-size: .58rem; }
.gold-year-list a.is-active { color: #6f5200; border-color: var(--gold); background: var(--gold-soft); box-shadow: 0 7px 18px rgba(232,185,49,.13); }
.gold-year-list a.is-active strong { color: #171717; }
.gold-progress-card { position: relative; overflow: hidden; }
.gold-progress-card::after { content: ''; position: absolute; width: 15rem; height: 15rem; right: -8rem; bottom: -10rem; border-radius: 50%; background: rgba(232,185,49,.08); }
.gold-progress-card__number { margin: 1.5rem 0 .75rem; font-size: clamp(2.7rem, 7vw, 4.8rem); line-height: 1; font-weight: 800; letter-spacing: -.07em; color: #171717; }
.gold-progress-card__number small { margin-left: .15rem; font-size: .35em; color: var(--gold-dark); letter-spacing: 0; }
.gold-count-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 2rem; height: 2rem; padding: 0 .55rem; border-radius: .7rem; color: #8a6500; background: var(--gold-soft); font-size: .7rem; font-weight: 800; }
.gold-empty-compact { padding: 1.2rem .9rem; text-align: center; border: 1px dashed #dbe2ea; border-radius: 1rem; background: #fafbfc; }
.gold-empty-compact > .sidebar-icon { width: 1.6rem; height: 1.6rem; color: #c6a13d; }
.gold-empty-compact strong { display: block; margin-top: .7rem; font-size: .76rem; }
.gold-empty-compact p { margin-top: .35rem; color: #94a3b8; font-size: .64rem; line-height: 1.5; }
.gold-empty-premium { display: flex; align-items: center; gap: 1.4rem; }
.gold-empty-premium__art { display: inline-flex; align-items: center; justify-content: center; width: 5rem; height: 5rem; min-width: 5rem; border-radius: 1.35rem; color: #947000; background: linear-gradient(145deg, #fff7dc, #ffe691); transform: rotate(-3deg); }
.gold-empty-premium__art .sidebar-icon { width: 2rem; height: 2rem; }
.gold-empty-premium h3 { margin-top: .35rem; font-size: 1.1rem; font-weight: 800; }
.gold-empty-premium p:not(.gold-eyebrow) { margin-top: .35rem; max-width: 42rem; color: #64748b; font-size: .75rem; line-height: 1.55; }
.gold-document-section__icon { display: inline-flex; align-items: center; justify-content: center; width: 2.7rem; height: 2.7rem; min-width: 2.7rem; border-radius: .9rem; color: #977000; background: var(--gold-soft); }
.gold-document-item { padding: 1rem; border: 1px solid #edf1f5; border-radius: 1rem; background: #fff; transition: border-color .18s, transform .18s, box-shadow .18s; }
.gold-document-item:hover { transform: translateY(-2px); border-color: rgba(232,185,49,.5); box-shadow: 0 12px 28px rgba(15,23,42,.06); }
.gold-download-link { display: inline-flex; align-items: center; gap: .35rem; color: #9a7000; font-size: .7rem; font-weight: 800; }
.gold-download-link span { display: inline-flex; align-items: center; justify-content: center; width: 1.35rem; height: 1.35rem; border-radius: .45rem; background: var(--gold-soft); }
.gold-contact-card { background: radial-gradient(circle at 100% 0%, rgba(232,185,49,.17), transparent 32%), linear-gradient(145deg, #222, #0c0c0d); border-color: rgba(255,255,255,.06); }
.gold-whatsapp-button { display: inline-flex; align-items: center; justify-content: center; gap: .55rem; min-height: 3.15rem; padding: .75rem 1rem; border-radius: .9rem; color: #fff; background: #25d366; font-size: .8rem; font-weight: 800; box-shadow: 0 10px 24px rgba(37,211,102,.2); transition: background .18s, transform .18s; }
.gold-whatsapp-button:hover { color: #fff; background: #1fbd5a; transform: translateY(-1px); }
.gold-whatsapp-button svg { display: block; width: 1.25rem; height: 1.25rem; }
.gold-profile-card { padding: 2rem 1.5rem; border-radius: 1.5rem; color: #fff; text-align: center; background: radial-gradient(circle at 50% 0%, rgba(232,185,49,.18), transparent 35%), linear-gradient(160deg, #222, #0a0a0b); box-shadow: 0 18px 44px rgba(15,23,42,.14); }
.gold-profile-card__avatar { display: inline-flex; align-items: center; justify-content: center; width: 5rem; height: 5rem; border-radius: 1.5rem; color: #171717; background: linear-gradient(145deg, var(--gold), #F6D77A); font-size: 1.35rem; font-weight: 800; box-shadow: 0 18px 35px rgba(232,185,49,.2); transform: rotate(-3deg); }
.gold-profile-card h3 { margin-top: 1.25rem; font-size: .95rem; font-weight: 800; }
.gold-profile-card > p { margin-top: .35rem; color: rgba(255,255,255,.48); font-size: .7rem; }
.gold-profile-card__status { display: inline-flex; align-items: center; gap: .45rem; margin-top: 1.25rem; padding: .4rem .7rem; border-radius: 999px; color: #bbf7d0; background: rgba(34,197,94,.1); font-size: .62rem; font-weight: 700; }
.gold-profile-card__status i { width: .4rem; height: .4rem; border-radius: 50%; background: #4ade80; box-shadow: 0 0 0 4px rgba(74,222,128,.1); }
.gold-definition-grid > div { padding: .9rem 1rem; border: 1px solid #edf1f5; border-radius: .9rem; background: #fafbfc; }
.gold-definition-grid dt { color: #94a3b8; font-size: .6rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
.gold-definition-grid dd { margin-top: .3rem; font-size: .75rem; font-weight: 700; }
.gold-financial-note { padding: .85rem 1rem; border: 1px solid #f2dfaa; border-radius: 1rem; color: #68551e; background: #fffaec; }
.gold-financial-note strong { display: block; font-size: .72rem; }
.gold-financial-note p { margin-top: .25rem; font-size: .66rem; line-height: 1.55; }

@media (min-width: 1024px) {
    .gold-sidebar.is-collapsed { width: 5.5rem !important; }
    .gold-sidebar.is-collapsed .sidebar-expandable { display: none !important; }
    .gold-sidebar.is-collapsed .gold-sidebar__brand { min-height: 5.75rem; padding: 1.45rem .75rem; text-align: center; }
    .gold-sidebar.is-collapsed .gold-sidebar__logo { height: 1.8rem; max-width: 3.3rem; object-fit: contain; }
    .gold-sidebar.is-collapsed .gold-sidebar__collapse { top: 1.85rem; }
    .gold-sidebar.is-collapsed .gold-sidebar__collapse svg { transform: rotate(180deg); }
    .gold-sidebar.is-collapsed .gold-sidebar__nav { padding: 1rem .75rem; }
    .gold-sidebar.is-collapsed .gold-sidebar__link { justify-content: center; padding: .5rem; }
    .gold-sidebar.is-collapsed .gold-sidebar__link:hover { transform: none; }
    .gold-sidebar.is-collapsed .gold-sidebar__user { display: flex; justify-content: center; padding-inline: .6rem; }
}

/* —— Avatar / menu de conta —— */
.gold-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    min-width: 2.5rem;
    border-radius: 50%;
    font-weight: 800;
    font-size: 0.85rem;
    letter-spacing: 0.02em;
    color: var(--ink);
    background: linear-gradient(135deg, var(--gold) 0%, #E8B931 100%);
    box-shadow: 0 4px 12px rgba(232, 185, 49, 0.35);
    user-select: none;
}
.gold-avatar--sm { width: 2.25rem; height: 2.25rem; min-width: 2.25rem; font-size: 0.8rem; }
.gold-avatar--dark {
    background: linear-gradient(135deg, var(--gold) 0%, var(--gold-dark) 100%);
    box-shadow: none;
}

.gold-avatar-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.3rem 0.55rem 0.3rem 0.3rem;
    border: 1px solid transparent;
    border-radius: 999px;
    background: transparent;
    cursor: pointer;
    transition: background .15s, border-color .15s, box-shadow .15s;
}
.gold-avatar-btn:hover { background: #fff; border-color: #eef2f7; box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06); }
.gold-avatar-btn[aria-expanded="true"] { background: #fff; border-color: #eef2f7; box-shadow: 0 6px 18px rgba(15, 23, 42, 0.08); }
.gold-avatar-btn__chevron { color: #94a3b8; transition: transform .2s; }
.gold-avatar-btn[aria-expanded="true"] .gold-avatar-btn__chevron { transform: rotate(180deg); }

.gold-menu {
    position: absolute;
    top: calc(100% + 0.6rem);
    right: 0;
    z-index: 60;
    width: 15rem;
    background: #fff;
    border: 1px solid #eef2f7;
    border-radius: 1rem;
    box-shadow: 0 20px 48px rgba(15, 23, 42, 0.16);
    padding: 0.5rem;
    transform-origin: top right;
    animation: goldMenuIn .16s ease both;
}
.gold-menu.hidden { display: none; }
.gold-menu__header {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.65rem 0.65rem 0.85rem;
    border-bottom: 1px solid #f1f5f9;
    margin-bottom: 0.4rem;
}
.gold-menu__contract { margin: .15rem .25rem .45rem; padding: .65rem; border-radius: .75rem; background: #f8fafc; }
.gold-menu__contract label { display: block; margin-bottom: .35rem; color: #94a3b8; font-size: .58rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
.gold-menu__contract select { width: 100%; border: 0; outline: 0; color: #1f2937; background: transparent; font-size: .72rem; font-weight: 700; }
.gold-menu__item {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.7rem 0.65rem;
    border-radius: 0.7rem;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--ink);
    text-decoration: none;
    transition: background .15s, color .15s;
}
.gold-menu__item svg { color: #94a3b8; transition: color .15s; }
.gold-menu__item:hover { background: var(--gold-soft); color: var(--gold-dark); }
.gold-menu__item:hover svg { color: var(--gold-dark); }
.gold-menu__item--danger:hover { background: #fef2f2; color: #b91c1c; }
.gold-menu__item--danger:hover svg { color: #b91c1c; }

@keyframes goldMenuIn {
    from { opacity: 0; transform: translateY(-6px) scale(.97); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

.gold-whatsapp-widget {
    position: fixed;
    z-index: 55;
    right: 1.35rem;
    bottom: 1.35rem;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: .75rem;
}
.gold-whatsapp-fab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.6rem;
    height: 3.6rem;
    border: 3px solid #fff;
    border-radius: 50%;
    color: #fff;
    background: #25d366;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .24), 0 8px 20px rgba(37, 211, 102, .24);
    transition: transform .18s, box-shadow .18s;
}
.gold-whatsapp-fab:hover { transform: translateY(-3px) scale(1.03); box-shadow: 0 18px 38px rgba(15, 23, 42, .25), 0 10px 24px rgba(37, 211, 102, .3); }
.gold-whatsapp-fab svg { width: 1.85rem; height: 1.85rem; }
.gold-whatsapp-popover {
    width: min(20rem, calc(100vw - 2rem));
}

.shell { min-height: 100dvh; display: flex; background: #f4f6f9; }
.gold-sidebar { width: 18rem; flex: 0 0 18rem; position: sticky; top: 0; display: flex; flex-direction: column; color: #fff; z-index: 50; }
.gold-sidebar nav { flex: 1; overflow: auto; }
.app-main { flex: 1; min-width: 0; }
.gold-sidebar a { text-decoration: none; }
.gold-topbar { position: sticky; top: 0; z-index: 30; }
.gold-topbar__row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 32px; }
.gold-topbar__lead { display: flex; align-items: center; gap: 12px; min-width: 0; }
.top-title p { margin: 0; font-size: 11px; letter-spacing: .18em; text-transform: uppercase; color: #6b7280; font-weight: 700; }
.top-title h1 { margin: 0; font-size: 1.25rem; letter-spacing: -.02em; }
.avatar-meta { text-align: left; line-height: 1.2; }
.avatar-meta strong { display: block; font-size: 14px; }
.avatar-meta small { color: #6b7280; font-size: 11px; }
@media (max-width: 767px) {
  .gold-topbar__row { padding: 10px 14px; }
}
.gold-menu a { text-decoration: none; color: inherit; }
@media (max-width: 1023px) {
  .gold-sidebar { position: fixed; inset: 0 auto 0 0; height: 100dvh; transform: translateX(-105%); transition: transform .25s ease; width: min(18rem, 86vw); }
  .shell.nav-open .gold-sidebar { transform: none; }
  .shell.nav-open .overlay { display: block; position: fixed; inset: 0; background: rgba(8,10,14,.62); z-index: 40; }
  .gold-mobile-menu-btn { display: inline-flex; }
  .gold-sidebar__collapse { display: none; }
}
@media (min-width: 1024px) {
  .gold-mobile-menu-btn { display: none; }
  .overlay { display: none !important; }
}