/* ===================== SETTINGS PAGE ===================== */
.settings-page {
    padding: 28px 0 52px;
}

.settings-shell {
    width: min(1160px, calc(100% - 32px));
    margin: 0 auto;
}

.settings-shell .page-title {
    margin: 0 0 20px;
    font-size: 22px;
    color: var(--text);
}

.settings-grid {
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 16px;
}
.settings-content { min-width: 0; }

.settings-nav {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.settings-nav-item {
    display: block;
    padding: 10px 14px;
    border: 1px solid transparent;
    border-radius: var(--radius);
    color: var(--muted);
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: all .15s;
}

.settings-nav-item:hover {
    color: var(--text);
    background: var(--raised);
}

.settings-nav-item.active {
    color: var(--text);
    background: var(--panel);
    border-color: var(--line);
}

.settings-panel {
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--panel);
    overflow: hidden;
}

.sp-head {
    padding: 14px 18px;
    border-bottom: 1px solid var(--line);
    background: var(--raised);
    color: var(--muted-strong);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .065em;
    text-transform: uppercase;
}

.sp-body {
    padding: 18px;
}

.profile-preview {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--line-soft);
}

.settings-avatar {
    width: 64px;
    height: 64px;
    border-radius: 10px;
    border: 1px solid var(--line);
    background: var(--field);
}

.settings-display-name {
    font-size: 18px;
    font-weight: 700;
    color: var(--text);
}

.settings-username {
    color: var(--muted);
    font-size: 13px;
}

.settings-group {
    display: inline-block;
    margin-top: 4px;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
}

.badge-admin { background: rgba(242, 201, 76, .15); color: var(--gold); }
.badge-donator { background: rgba(93, 156, 236, .15); color: var(--blue); }
.badge-member { background: var(--accent-soft); color: var(--accent-bright); }

.settings-readonly {
    display: grid;
    gap: 1px;
}

.sr-row {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid var(--line-soft);
}

.sr-row:last-child { border-bottom: 0; }

.sr-label { color: var(--muted); font-size: 12px; }
.sr-value { color: var(--text); font-size: 13px; font-weight: 600; }

.settings-note {
    margin-top: 14px;
    color: var(--muted);
    font-size: 11px;
}

@media (max-width: 780px) {
    .settings-grid { grid-template-columns: 1fr; }
    .settings-nav { flex-direction: row; flex-wrap: wrap; }
}

/* ========= EMAIL STATUS CARD (Settings > Email) ========= */
.email-status-card{
    display:flex;gap:14px;align-items:flex-start;padding:16px 18px;margin-bottom:16px;
    border-radius:var(--radius);background:var(--panel-glass);border:1px solid var(--line-glass);
}
.email-status-icon{font-size:1.3rem;line-height:1.3;flex-shrink:0}
.email-status-body strong{display:block;margin-bottom:4px;font-size:.92rem}
.email-status-body p{margin:0 0 10px;color:var(--muted);font-size:var(--fs-sm,.84rem);line-height:1.55}
.email-status-body form{margin:0}
.email-status-card.is-verified{border-color:rgba(47,201,105,.3)}
.email-status-card.is-verified .email-status-icon{color:var(--green)}
.email-status-card.is-verified strong{color:var(--green)}
.email-status-card.is-pending{border-color:rgba(242,201,76,.3)}
.email-status-card.is-pending .email-status-icon{color:#f7df8a}
.email-status-card.is-pending strong{color:#f7df8a}
.email-status-card.is-placeholder{border-color:rgba(233,82,91,.3)}
.email-status-card.is-placeholder .email-status-icon{color:#f19aa0}
.email-status-card.is-placeholder strong{color:#f19aa0}

/* ===================== SETTINGS (redesign) ===================== */
.btn-ghost{background:transparent;border:1px solid var(--line);color:var(--muted)}
.btn-ghost:hover{color:var(--text);border-color:var(--muted)}
.btn-block{display:block;width:100%;text-align:center;margin-top:12px}
.settings-hero{position:relative;margin-bottom:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overflow:hidden}
.settings-hero-banner{height:110px;background:var(--raised) center/cover no-repeat;position:relative}
.settings-hero-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),var(--panel))}
.settings-hero-body{display:flex;align-items:flex-end;gap:16px;padding:0 20px 18px;margin-top:-42px;position:relative;flex-wrap:wrap}
.settings-hero-avatar{width:84px;height:84px;border-radius:14px;border:3px solid var(--panel);background:var(--field);object-fit:cover;flex-shrink:0}
.settings-hero-identity{flex:1;min-width:160px}
.settings-hero-identity h1{margin:0;font-size:1.35rem;line-height:1.2;color:var(--text)}
.settings-hero-meta{display:flex;align-items:center;gap:8px;margin-top:4px;color:var(--muted);font-size:.82rem}
.settings-hero-meta .settings-group{margin-top:0}
.settings-hero-stats{display:flex;gap:4px}
.settings-hero-stats>a,.settings-hero-stats>div{display:flex;flex-direction:column;align-items:center;min-width:72px;padding:6px 10px;border-radius:8px;color:inherit;text-decoration:none}
.settings-hero-stats>a:hover{background:var(--raised)}
.settings-hero-stats strong{font-size:1.05rem;color:var(--text)}
.settings-hero-stats span{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.settings-message{margin-bottom:16px}
.settings-grid{grid-template-columns:240px 1fr;gap:20px;align-items:start}
.settings-nav{position:sticky;top:84px;gap:14px;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}
.settings-nav-group{display:flex;flex-direction:column;gap:2px}
.settings-nav-heading{padding:4px 10px 6px;font-size:.66rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.settings-nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;font-size:.84rem}
.settings-nav-item.active{background:var(--accent-soft);border-color:transparent;color:var(--text);box-shadow:inset 3px 0 0 var(--accent)}
.settings-nav-icon{display:inline-flex;width:18px;justify-content:center;opacity:.8}
.settings-nav-item.active .settings-nav-icon{color:var(--accent-bright);opacity:1}
.settings-nav-dot{width:7px;height:7px;margin-left:auto;border-radius:50%;background:#f2c94c}
.settings-nav-count{margin-left:auto;padding:1px 7px;border-radius:10px;font-size:.7rem;background:var(--raised);color:var(--muted)}
.settings-section>*+*,.settings-section form>*+*{margin-top:14px}
.settings-section form>input[type=hidden]+*{margin-top:0}
.sp-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.sp-head-aside{margin-left:auto;text-transform:none;letter-spacing:0;font-weight:700;font-size:.78rem;color:var(--text)}
.sp-head-aside form,form.sp-head-aside{margin:0}
.sp-head-link{color:var(--accent-bright);text-decoration:none}
.sr-muted{color:var(--muted);font-weight:500}
.settings-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.field-counter{display:block;margin-top:4px;text-align:right;font-size:.72rem;color:var(--muted)}
.completion-bar{height:8px;border-radius:6px;background:var(--raised);overflow:hidden;margin-bottom:14px}
.completion-bar span{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--accent),var(--accent-bright));transition:width .4s}
.completion-list{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.completion-item{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid var(--line-soft);border-radius:8px;color:var(--text);font-size:.83rem;text-decoration:none;transition:border-color .15s}
.completion-item:hover{border-color:var(--line)}
.completion-item.is-done{color:var(--muted);text-decoration:line-through;text-decoration-color:rgba(255,255,255,.2)}
.completion-mark{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--line);flex-shrink:0}
.completion-item.is-done .completion-mark{border-color:#2fc969;background:#2fc969;color:#fff}
.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.overview-grid>*+*{margin-top:0!important}
.quick-links{display:flex;flex-direction:column;gap:6px}
.quick-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;color:var(--text);text-decoration:none;border:1px solid transparent}
.quick-link:hover{background:var(--raised);border-color:var(--line-soft)}
.quick-link svg{color:var(--accent-bright);flex-shrink:0}
.quick-link strong{display:block;font-size:.85rem}
.quick-link small{color:var(--muted);font-size:.74rem}
.settings-toggle-list{display:flex;flex-direction:column;padding-top:6px;padding-bottom:6px}
.settings-toggle{display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--line-soft);cursor:pointer}
.settings-toggle:last-child{border-bottom:0}
.settings-toggle-text{flex:1}
.settings-toggle-text strong{display:block;font-size:.86rem;color:var(--text)}
.settings-toggle-text small{color:var(--muted);font-size:.76rem}
.settings-toggle input{position:absolute;opacity:0;pointer-events:none}
.settings-switch{position:relative;width:40px;height:22px;border-radius:12px;background:var(--raised);border:1px solid var(--line);flex-shrink:0;transition:background .18s,border-color .18s}
.settings-switch::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--muted);transition:transform .18s,background .18s}
.settings-toggle input:checked+.settings-switch{background:var(--accent);border-color:var(--accent)}
.settings-toggle input:checked+.settings-switch::after{transform:translateX(18px);background:#fff}
.settings-toggle input:focus-visible+.settings-switch{outline:2px solid var(--accent-bright);outline-offset:2px}
.radio-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.radio-card{position:relative;cursor:pointer}
.radio-card input{position:absolute;opacity:0}
.radio-card span{display:block;height:100%;padding:12px;border:1px solid var(--line);border-radius:8px;transition:border-color .15s,background .15s}
.radio-card strong{display:block;font-size:.85rem;color:var(--text)}
.radio-card small{color:var(--muted);font-size:.74rem}
.radio-card input:checked+span{border-color:var(--accent);background:var(--accent-soft)}
.radio-card input:focus-visible+span{outline:2px solid var(--accent-bright)}
.segmented{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:9px;background:var(--raised);margin-bottom:12px}
.segmented-item{padding:7px 14px;border:0;border-radius:6px;background:transparent;color:var(--muted);font:inherit;font-size:.83rem;font-weight:700;cursor:pointer;text-decoration:none}
.segmented-item span{margin-left:4px;opacity:.7;font-weight:600}
.segmented-item.active{background:var(--panel);color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.3)}
.settings-search{width:100%;margin-bottom:10px;padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:var(--field);color:var(--text);font:inherit;font-size:.85rem}
.settings-search:focus{outline:none;border-color:var(--accent)}
.person-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 4px;border-bottom:1px solid var(--line-soft)}
.person-row:last-of-type{border-bottom:0}
.person-row[hidden]{display:none}
.person-main{display:flex;align-items:center;gap:12px;min-width:0;flex:1;color:inherit;text-decoration:none}
.person-main:hover strong{color:var(--accent-bright)}
.person-avatar{width:40px;height:40px;border-radius:10px;object-fit:cover;background:var(--field);flex-shrink:0}
.person-text{min-width:0}
.person-text strong{display:block;font-size:.88rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.person-text small{color:var(--muted);font-size:.75rem}
.person-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}
.person-actions form{margin:0}
.person-tag{display:inline-block;padding:1px 7px;border-radius:10px;font-size:.68rem;font-weight:700;background:var(--raised);color:var(--muted-strong,var(--muted))}
.person-tag.is-green{background:rgba(47,201,105,.14);color:#82dfa5}
.person-tag.is-gold{background:rgba(242,201,76,.14);color:#f7df8a}
.settings-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 12px;text-align:center;color:var(--muted)}
.settings-empty p{margin:0;max-width:360px;font-size:.85rem;line-height:1.5}
.settings-more{display:block;margin-top:10px;text-align:center;font-size:.82rem;color:var(--accent-bright)}
.inline-form{display:flex;gap:8px;margin-bottom:6px}
.inline-form input{flex:1;padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:var(--field);color:var(--text);font:inherit}
@media (max-width:900px){
    .settings-grid{grid-template-columns:1fr}
    .settings-nav{position:static;flex-direction:row;gap:6px;overflow-x:auto;padding:8px;scrollbar-width:none}
    .settings-nav::-webkit-scrollbar{display:none}
    .settings-nav-group{flex-direction:row;gap:4px;flex-shrink:0}
    .settings-nav-heading{display:none}
    .settings-nav-item{white-space:nowrap;padding:7px 11px}
    .settings-nav-item.active{box-shadow:inset 0 -2px 0 var(--accent)}
    .settings-nav-count,.settings-nav-dot{margin-left:4px}
}
@media (max-width:640px){
    .settings-hero-stats{width:100%;justify-content:space-between}
    .settings-hero-stats>a,.settings-hero-stats>div{min-width:0;flex:1}
    .settings-hero-view{width:100%;text-align:center}
    .completion-list,.overview-grid,.settings-field-row,.radio-cards{grid-template-columns:1fr}
    .person-row{flex-wrap:wrap}
    .person-actions{width:100%;justify-content:flex-end}
}

/* ========= FORUM REFRESH: help/admin design language on stats, uploader, settings, profile ========= */

/* Stats */
.stats-hero{position:relative;overflow:hidden;isolation:isolate;border-radius:var(--lg-radius,22px);background:var(--lg-specular), var(--panel-glass)}
.stats-hero-glow{
    position:absolute;inset:0;z-index:-1;pointer-events:none;
    background:
        radial-gradient(520px 200px at 10% -70px, rgba(204,0,68,.26), transparent 70%),
        radial-gradient(360px 160px at 96% 130%, rgba(93,156,236,.1), transparent 70%);
}
.stats-hero-eyebrow{
    display:inline-flex;align-items:center;padding:3px 10px;margin-bottom:6px;border-radius:999px;
    font-size:.62rem;font-weight:800;letter-spacing:.6px;text-transform:uppercase;
    color:var(--accent-bright);background:var(--accent-soft);border:1px solid var(--accent-border);
}
.stats-hero h1{font-size:1.4rem;font-weight:800;letter-spacing:-.3px;line-height:1.15}
.stats-hero-sub{font-size:.8rem;margin-top:4px;color:var(--muted-strong)}
.stats-hero .zr-logo-mark{width:52px;height:52px;border-radius:14px;border:0;background:linear-gradient(135deg,var(--accent-bright),var(--button_third));box-shadow:0 8px 22px -8px rgba(204,0,68,.75)}
.sh-status{padding:5px 12px;border-radius:999px;font-size:.74rem;border:1px solid var(--line)}
.sh-status.online{background:rgba(47,201,105,.1);border-color:rgba(47,201,105,.3)}
.sh-status.offline{background:rgba(233,82,91,.1);border-color:rgba(233,82,91,.3)}
.sh-status .status-dot{width:7px;height:7px}
.sh-players{border-radius:999px;background:var(--raised-glass);border:1px solid var(--line-glass);font-variant-numeric:tabular-nums}
.stats-hero-right{flex-shrink:0}
.sh-players,.sh-uptime,.sh-status{white-space:nowrap}
.container > .radio-overview-banner{
    position:relative;overflow:hidden;margin-bottom:2px;border:1px solid var(--accent-border);border-radius:var(--lg-radius-sm,16px);
    background:linear-gradient(120deg,rgba(204,0,68,.16),rgba(204,0,68,.03) 60%), var(--panel-glass);box-shadow:var(--lg-rim), var(--lg-ambient);
}
.container > .radio-overview-banner:hover{border-color:rgba(204,0,68,.6)}
.sh-uptime{padding:5px 12px;border-radius:999px;background:var(--raised-glass);border:1px solid var(--line-glass);color:var(--muted-strong);font-variant-numeric:tabular-nums}

.stats-tabs{
    border-radius:var(--lg-radius-sm,16px);background:var(--lg-specular), var(--panel-glass);
    backdrop-filter:var(--lg-blur);-webkit-backdrop-filter:var(--lg-blur);
    border:var(--lg-border);box-shadow:var(--lg-rim), var(--lg-ambient);
}
.stab{border-radius:10px;font-weight:700;color:var(--muted-strong)}
.stab.active{background:linear-gradient(90deg,rgba(204,0,68,.3),rgba(204,0,68,.1));box-shadow:inset 0 0 0 1px var(--accent-border);color:#fff}

.spanel{
    border:var(--lg-border);border-radius:var(--lg-radius-sm,16px);
    background:var(--lg-specular), var(--panel-glass);
    backdrop-filter:var(--lg-blur);-webkit-backdrop-filter:var(--lg-blur);box-shadow:var(--lg-rim), var(--lg-ambient);
}
.spanel-head{background:rgba(255,255,255,.025);border-bottom:1px solid var(--line-glass);color:var(--text);font-size:.74rem;font-weight:800;letter-spacing:.05em}
.spanel-head .sicon{width:28px;height:28px;border-radius:9px;color:var(--accent-bright);background:color-mix(in srgb,var(--accent-bright) 14%,transparent);border:1px solid color-mix(in srgb,var(--accent-bright) 30%,transparent)}
.ranking-row,.recent-row{border-bottom-color:var(--line-glass);transition:background .15s, box-shadow .15s}
.ranking-row:hover,.recent-row:hover{background:rgba(204,0,68,.06);box-shadow:inset 3px 0 0 var(--accent-bright)}
.ranking-row .rank-avatar{border-radius:10px;border-color:var(--line-glass)}
.spanel-body > .ranking-row:nth-child(1) .rank-num{color:var(--gold)}
.spanel-body > .ranking-row:nth-child(2) .rank-num{color:#c9d1dc}
.spanel-body > .ranking-row:nth-child(3) .rank-num{color:#d99560}
.rank-val{font-variant-numeric:tabular-nums}
.sort-tab{border-radius:999px;background:rgba(255,255,255,.04);border-color:var(--line-glass);transition:all .15s}
.sort-tab:hover{border-color:var(--accent-border);background:var(--accent-soft)}
.sort-tab.active{background:var(--accent-soft);border-color:var(--accent-border);color:#fff;box-shadow:inset 0 0 0 1px var(--accent-border)}

.stats-tabs ~ .table-wrap{
    border-radius:var(--lg-radius-sm,16px);overflow:auto;background:var(--lg-specular), var(--panel-glass);
    border:var(--lg-border);box-shadow:var(--lg-rim), var(--lg-ambient);
}
.stats-tabs ~ .table-wrap .data-table th{background:rgba(255,255,255,.025)}
.stats-tabs ~ .table-wrap .data-table tbody tr{transition:background .15s, box-shadow .15s}
.stats-tabs ~ .table-wrap .data-table tbody tr:hover{background:rgba(204,0,68,.06);box-shadow:inset 3px 0 0 var(--accent-bright)}
.stats-tabs ~ .table-wrap .data-table tbody tr:last-child td{border-bottom:none}

/* Uploader */
.map-uploader .uploader-heading{
    position:relative;overflow:hidden;isolation:isolate;padding:24px 26px;margin:6px 0 16px;
    border-radius:var(--lg-radius,22px);background:var(--lg-specular), var(--panel-glass);
    border:var(--lg-border);box-shadow:var(--lg-rim), var(--lg-ambient);
}
.map-uploader .uploader-heading::before{
    content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
    background:radial-gradient(520px 200px at 12% -70px, rgba(204,0,68,.26), transparent 70%), radial-gradient(360px 160px at 95% 130%, rgba(93,156,236,.1), transparent 70%);
}
.map-uploader .uploader-eyebrow{
    display:inline-flex;align-items:center;padding:3px 10px;margin-bottom:6px;border-radius:999px;letter-spacing:.6px;
    background:var(--accent-soft);border:1px solid var(--accent-border);
}
.map-uploader .uploader-heading .page-title{font-weight:800}
.map-uploader .admin-stat-card{
    --kpi:var(--accent-bright);position:relative;overflow:hidden;text-align:left;padding:16px 18px;
    border-radius:var(--lg-radius-sm,16px);background:var(--lg-specular), var(--panel-glass);
}
.map-uploader .admin-stat-card::after{
    content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;
    background:radial-gradient(circle,var(--kpi),transparent 70%);opacity:.16;pointer-events:none;
}
.map-uploader .admin-stat-card:nth-child(1){--kpi:var(--gold)}
.map-uploader .admin-stat-card:nth-child(2){--kpi:var(--green)}
.map-uploader .admin-stat-card:nth-child(3){--kpi:var(--red)}
.map-uploader .admin-stat-card:nth-child(4){--kpi:var(--blue)}
.map-uploader .admin-stat-card strong{font-size:1.55rem;line-height:1.1;color:var(--kpi);font-variant-numeric:tabular-nums}
.map-uploader .admin-stat-card span{font-weight:600;color:var(--muted-strong)}
.uploader-tab{border-radius:12px}
.uploader-tab.active{background:linear-gradient(90deg,rgba(204,0,68,.32),rgba(204,0,68,.12));border-color:var(--accent-border);box-shadow:inset 0 0 0 1px var(--accent-border), 0 8px 24px -10px rgba(204,0,68,.5)}
.uploader-info-card{border-radius:var(--lg-radius-sm,16px);background:var(--lg-specular), var(--panel-glass);box-shadow:var(--lg-rim), var(--lg-ambient)}
.uploader-info-card h2{border-bottom-color:var(--line-glass);color:var(--text)}
.uploader-info-card .info-card-icon{width:28px;height:28px;border-radius:9px;border:1px solid color-mix(in srgb,var(--accent-bright) 30%,transparent)}
.uploader-spec{border-radius:10px;background:rgba(255,255,255,.03);border-color:var(--line-glass)}

/* Settings */
.settings-hero{border:var(--lg-border);border-radius:var(--lg-radius,22px);background:var(--lg-specular), var(--panel-glass);box-shadow:var(--lg-rim), var(--lg-ambient)}
.settings-hero-banner::after{background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(21,24,30,.92))}
.settings-hero-avatar{border-radius:16px;border-color:rgba(21,24,30,.95);box-shadow:0 10px 26px -10px rgba(0,0,0,.8)}
.settings-hero-identity h1{font-weight:800;letter-spacing:-.3px}
.settings-hero-stats>a,.settings-hero-stats>div{border-radius:12px}
.settings-hero-stats>a:hover{background:rgba(255,255,255,.045)}
.settings-nav{
    padding:14px 12px;border:var(--lg-border);border-radius:var(--lg-radius-sm,16px);
    background:var(--lg-specular), var(--panel-glass);
    backdrop-filter:var(--lg-blur);-webkit-backdrop-filter:var(--lg-blur);box-shadow:var(--lg-rim), var(--lg-ambient);
}
.settings-nav-heading{font-size:.62rem;letter-spacing:1.1px;opacity:.75}
.settings-nav-item{position:relative;border-radius:10px;font-weight:600;color:var(--muted-strong)}
.settings-nav-item:hover{background:rgba(255,255,255,.045);color:var(--text)}
.settings-nav-item.active{color:#fff;background:linear-gradient(90deg,rgba(204,0,68,.24),rgba(204,0,68,.06));box-shadow:inset 0 0 0 1px var(--accent-border)}
.settings-panel{
    border:var(--lg-border);border-radius:var(--lg-radius-sm,16px);
    background:var(--lg-specular), var(--panel-glass);box-shadow:var(--lg-rim), var(--lg-ambient);
}
.settings-panel .sp-head{background:rgba(255,255,255,.025);border-bottom:1px solid var(--line-glass);color:var(--text);font-size:.74rem;font-weight:800;letter-spacing:.05em}
.quick-link{border-radius:12px}
.quick-link:hover{background:rgba(204,0,68,.06);border-color:var(--accent-border)}
.completion-item{border-radius:10px;border-color:var(--line-glass)}
.completion-item:hover{border-color:var(--accent-border)}

/* Profile */
.profile-panel{border-radius:var(--lg-radius-sm,16px);background:var(--lg-specular), var(--panel-glass)}
.pp-header{background:rgba(255,255,255,.025);border-bottom:1px solid var(--line-glass);color:var(--text);font-size:.74rem;font-weight:800;letter-spacing:.05em}
.pp-header .pp-icon{width:28px;height:28px;border-radius:9px;color:var(--accent-bright);background:color-mix(in srgb,var(--accent-bright) 14%,transparent);border:1px solid color-mix(in srgb,var(--accent-bright) 30%,transparent)}
.profile-panel .stat-row{border-bottom-color:var(--line-glass);transition:background .15s}
.profile-panel .stat-row:hover{background:rgba(255,255,255,.025)}
.profile-panel .stat-value{font-variant-numeric:tabular-nums}
.pqs-item{
    position:relative;overflow:hidden;border:var(--lg-border);border-radius:14px;
    background:var(--lg-specular), var(--panel-glass);box-shadow:var(--lg-rim), var(--lg-ambient);
}
.pqs-item::after{
    content:"";position:absolute;right:-26px;top:-26px;width:80px;height:80px;border-radius:50%;
    background:radial-gradient(circle,var(--accent-bright),transparent 70%);opacity:.14;pointer-events:none;
}
.profile-tabs{border-radius:var(--lg-radius-sm,16px);border:var(--lg-border);background:var(--lg-specular), var(--panel-glass);box-shadow:var(--lg-rim), var(--lg-ambient)}
.ptab{border-radius:10px;font-weight:700;color:var(--muted-strong)}
.ptab.active{background:linear-gradient(90deg,rgba(204,0,68,.3),rgba(204,0,68,.1));box-shadow:inset 0 0 0 1px var(--accent-border);color:#fff}
.profile-hero{
    overflow:hidden;border:var(--lg-border);border-radius:var(--lg-radius,22px);
    background:var(--lg-specular), var(--panel-glass);box-shadow:var(--lg-rim), var(--lg-ambient);
}
.profile-hero .profile-banner{border-radius:0}
.profile-hero .profile-banner-overlay{background:linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(21,24,30,.35) 55%,rgba(21,24,30,.96) 100%)}
.profile-hero .profile-header{background:transparent;border:0;border-radius:0;box-shadow:none}
.profile-hero .profile-avatar{border-color:rgba(21,24,30,.95)}
.profile-avatar{border-radius:18px;box-shadow:0 12px 30px -10px rgba(0,0,0,.85)}

@media (min-width: 861px){
    .stats-hero{padding:24px 26px}
}
@media (max-width: 860px){
    .map-uploader .uploader-heading{padding:18px}
}

/* Editor live preview */
.editor-preview-container{padding:0;overflow:hidden;background:rgba(10,12,17,.6);border-color:var(--line-glass)}
.editor-preview-container.is-open{animation:zrPageIn .22s var(--ease-out,ease) both}
.editor-preview-head{
    display:flex;align-items:center;gap:8px;padding:9px 14px;border-bottom:1px solid var(--line-glass);
    background:rgba(255,255,255,.025);font-size:.68rem;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--muted-strong);
}
.editor-preview-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);transition:background .2s, box-shadow .2s}
.editor-preview-container.is-loading .editor-preview-dot{background:var(--gold);box-shadow:0 0 8px var(--gold)}
.editor-preview-meta{margin-left:auto;font-weight:600;letter-spacing:0;text-transform:none;color:var(--muted)}
.editor-preview-body{padding:16px;min-height:140px;transition:opacity .2s var(--ease-out,ease)}
.editor-preview-container.is-loading .editor-preview-body{opacity:1}
.editor-preview-empty{padding:12px 0;color:var(--muted);font-style:italic}

/* Motion: short, eased, never in the way */
:root{--ease-out:cubic-bezier(.22,1,.36,1)}
@keyframes zrPageIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.site-main > .container{animation:zrPageIn .32s var(--ease-out) both}
.btn{transition:filter .18s var(--ease-out), background-color .18s var(--ease-out), border-color .18s var(--ease-out), color .18s var(--ease-out), transform .12s var(--ease-out), box-shadow .18s var(--ease-out)}
.btn:active{transform:translateY(1px) scale(.985)}
.stab,.ptab,.uploader-tab,.sort-tab,.settings-nav-item,.admin-side-link,.help-pill,.quick-link{transition:background .22s var(--ease-out), color .22s var(--ease-out), border-color .22s var(--ease-out), box-shadow .22s var(--ease-out)}
.pqs-item,.map-uploader .admin-stat-card,.admin-kpi,.help-cat-card{transition:transform .25s var(--ease-out), border-color .25s var(--ease-out), box-shadow .25s var(--ease-out)}
.pqs-item:hover,.map-uploader .admin-stat-card:hover,.admin-kpi:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.12)}
.spanel,.profile-panel,.settings-panel,.uploader-info-card{transition:border-color .25s var(--ease-out), box-shadow .25s var(--ease-out)}
.spanel:hover,.profile-panel:hover,.uploader-info-card:hover{border-color:rgba(255,255,255,.11)}
a{transition:color .18s var(--ease-out)}

@media (prefers-reduced-motion: reduce){
    .site-main > .container{animation:none}
    .btn:active,.pqs-item:hover,.map-uploader .admin-stat-card:hover,.admin-kpi:hover{transform:none}
}