:root {
    --toast-plain-bg: #fff8ee;
    --toast-plain-bg-2: #fff1d6;
    --toast-plain-panel: #ffffff;
    --toast-plain-panel-2: #fff7ea;
    --toast-plain-text: #2a1a10;
    --toast-plain-muted: #7f6452;
    --toast-plain-line: rgba(109, 74, 43, 0.14);
    --toast-plain-accent: #eb8f2d;
    --toast-plain-accent-2: #f5c96b;
    --toast-plain-accent-deep: #8f5527;
    --toast-plain-success: #2b8f57;
    --toast-plain-danger: #c4494c;
    --toast-plain-warning: #cc8a22;
    --toast-plain-shadow: 0 20px 40px rgba(126, 79, 33, 0.10);

    --toast-light-bg: #f4e4d0;
    --toast-light-bg-2: #e7c9a3;
    --toast-light-panel: #fbefe0;
    --toast-light-panel-2: #f2debf;
    --toast-light-text: #2b180d;
    --toast-light-muted: #7a5740;
    --toast-light-line: rgba(120, 79, 41, 0.22);
    --toast-light-accent: #cf9437;
    --toast-light-accent-2: #e2b666;
    --toast-light-accent-deep: #7d4f1f;
    --toast-light-success: #3d9861;
    --toast-light-danger: #bf5d48;
    --toast-light-warning: #c79222;
    --toast-light-shadow: 0 20px 40px rgba(114, 70, 27, 0.16);

    --toast-med-bg: #d9a06a;
    --toast-med-bg-2: #b96e35;
    --toast-med-panel: #f0c491;
    --toast-med-panel-2: #e5ae74;
    --toast-med-text: #251108;
    --toast-med-muted: #6d4633;
    --toast-med-line: rgba(92, 42, 15, 0.24);
    --toast-med-accent: #c95c21;
    --toast-med-accent-2: #ea9440;
    --toast-med-accent-deep: #6d230a;
    --toast-med-success: #2f8f65;
    --toast-med-danger: #c63b38;
    --toast-med-warning: #d67717;
    --toast-med-shadow: 0 20px 40px rgba(92, 35, 10, 0.22);

    --toast-burnt-bg: #161210;
    --toast-burnt-bg-2: #221915;
    --toast-burnt-panel: #211916;
    --toast-burnt-panel-2: #2a1f1a;
    --toast-burnt-text: #f7eadf;
    --toast-burnt-muted: #c8b3a2;
    --toast-burnt-line: rgba(255, 219, 189, 0.12);
    --toast-burnt-accent: #ff8c42;
    --toast-burnt-accent-2: #ffb066;
    --toast-burnt-accent-deep: #ffcf99;
    --toast-burnt-success: #54c08a;
    --toast-burnt-danger: #ff7b75;
    --toast-burnt-warning: #ffbf4f;
    --toast-burnt-shadow: 0 24px 54px rgba(0, 0, 0, 0.42);

    --bg: var(--toast-plain-bg);
    --bg-2: var(--toast-plain-bg-2);
    --panel: var(--toast-plain-panel);
    --panel-2: var(--toast-plain-panel-2);
    --text: var(--toast-plain-text);
    --muted: var(--toast-plain-muted);
    --line: var(--toast-plain-line);
    --accent: var(--toast-plain-accent);
    --accent-2: var(--toast-plain-accent-2);
    --accent-deep: var(--toast-plain-accent-deep);
    --success: var(--toast-plain-success);
    --danger: var(--toast-plain-danger);
    --warning: var(--toast-plain-warning);
    --shadow: var(--toast-plain-shadow);
}
html[data-toast-theme="light"] {
    --bg: var(--toast-light-bg);
    --bg-2: var(--toast-light-bg-2);
    --panel: var(--toast-light-panel);
    --panel-2: var(--toast-light-panel-2);
    --text: var(--toast-light-text);
    --muted: var(--toast-light-muted);
    --line: var(--toast-light-line);
    --accent: var(--toast-light-accent);
    --accent-2: var(--toast-light-accent-2);
    --accent-deep: var(--toast-light-accent-deep);
    --success: var(--toast-light-success);
    --danger: var(--toast-light-danger);
    --warning: var(--toast-light-warning);
    --shadow: var(--toast-light-shadow);
}
html[data-toast-theme="med"] {
    --bg: var(--toast-med-bg);
    --bg-2: var(--toast-med-bg-2);
    --panel: var(--toast-med-panel);
    --panel-2: var(--toast-med-panel-2);
    --text: var(--toast-med-text);
    --muted: var(--toast-med-muted);
    --line: var(--toast-med-line);
    --accent: var(--toast-med-accent);
    --accent-2: var(--toast-med-accent-2);
    --accent-deep: var(--toast-med-accent-deep);
    --success: var(--toast-med-success);
    --danger: var(--toast-med-danger);
    --warning: var(--toast-med-warning);
    --shadow: var(--toast-med-shadow);
}
html[data-toast-theme="burnt"] {
    --bg: var(--toast-burnt-bg);
    --bg-2: var(--toast-burnt-bg-2);
    --panel: var(--toast-burnt-panel);
    --panel-2: var(--toast-burnt-panel-2);
    --text: var(--toast-burnt-text);
    --muted: var(--toast-burnt-muted);
    --line: var(--toast-burnt-line);
    --accent: var(--toast-burnt-accent);
    --accent-2: var(--toast-burnt-accent-2);
    --accent-deep: var(--toast-burnt-accent-deep);
    --success: var(--toast-burnt-success);
    --danger: var(--toast-burnt-danger);
    --warning: var(--toast-burnt-warning);
    --shadow: var(--toast-burnt-shadow);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    background:
        radial-gradient(circle at top, rgba(245,201,107,0.35), transparent 30%),
        linear-gradient(180deg, var(--bg) 0%, #fffdf8 100%);
    color: var(--text);
}
a { color: inherit; text-decoration: none; }
.wrap { width: min(1180px, calc(100% - 32px)); margin: 0 auto; }
.topbar {
    border-bottom: 1px solid var(--line);
    position: sticky;
    top: 0;
    z-index: 50;
    backdrop-filter: blur(10px);
    background: rgba(255, 248, 238, 0.88);
}
.topbar-inner { display:flex; justify-content:space-between; align-items:center; min-height:78px; gap:16px; }
.brand { display:flex; align-items:center; gap:14px; font-weight:800; font-size:1.1rem; }
.brand-text { display:flex; flex-direction:column; line-height:1.05; }
.brand-text small { font-weight:600; font-size:.74rem; color: var(--muted); letter-spacing:.02em; margin-top:5px; }
.brand-mark {
    position: relative;
    width: 46px;
    height: 46px;
    border-radius: 16px;
    background: linear-gradient(180deg, #fff4d7 0%, #ffd995 100%);
    border: 1px solid rgba(143, 85, 39, 0.18);
    box-shadow: var(--shadow);
    flex: 0 0 46px;
}
.brand-mark::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 8px;
    width: 18px;
    height: 4px;
    border-radius: 999px;
    background: #7a4926;
    transform: translateX(-50%);
}
.toast-face {
    position: absolute;
    left: 50%;
    top: 7px;
    width: 24px;
    height: 28px;
    transform: translateX(-50%);
    border: 3px solid #935524;
    border-radius: 12px 12px 9px 9px;
    background: linear-gradient(180deg, #fff1c8 0%, #f7c86e 100%);
}
.toast-eye, .toast-smile {
    position: absolute;
    display: block;
}
.toast-eye {
    top: 8px;
    width: 3.5px;
    height: 3.5px;
    border-radius: 50%;
    background: #2a1a10;
}
.toast-eye.left { left: 6px; }
.toast-eye.right { right: 6px; }
.toast-smile {
    left: 50%;
    bottom: 6px;
    width: 10px;
    height: 5px;
    border-bottom: 2px solid #d15a59;
    border-radius: 0 0 10px 10px;
    transform: translateX(-50%);
}
.site-logo {
    width: 40px;
    height: 40px;
    object-fit: contain;
    border-radius: 10px;
}
.nav {
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    align-items:center;
}
.nav a {
    padding:10px 14px;
    border:1px solid var(--line);
    border-radius:14px;
    background: rgba(255,255,255,0.7);
    box-shadow: 0 8px 20px rgba(126,79,33,0.04);
    transition: transform .15s ease, border-color .15s ease, background .15s ease;
}
.nav a:hover, .button:hover { transform: translateY(-1px); }
.nav-dropdowns {
    justify-content:flex-end;
    gap:10px;
}
.nav-dropdown {
    position:relative;
}
.nav-dropdown-toggle {
    appearance:none;
    border:1px solid var(--line);
    border-radius:16px;
    background: rgba(255,255,255,0.78);
    box-shadow: 0 8px 20px rgba(126,79,33,0.04);
    color: var(--text);
    min-height: 48px;
    padding: 10px 15px;
    display:inline-flex;
    align-items:center;
    gap:10px;
    font: inherit;
    font-weight: 700;
    cursor:pointer;
    transition: transform .15s ease, border-color .15s ease, background .15s ease, box-shadow .15s ease;
}
.nav-dropdown-toggle:hover,
.nav-dropdown-toggle:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(235, 143, 45, 0.42);
    background: rgba(255,255,255,0.95);
    outline: none;
}
.nav-dropdown.is-open .nav-dropdown-toggle {
    border-color: rgba(235, 143, 45, 0.48);
    background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(255,241,214,0.94) 100%);
    box-shadow: 0 16px 30px rgba(126,79,33,0.10);
}

.nav-toggle-label {
    display:inline-flex;
    align-items:center;
    gap:8px;
}
.nav-toggle-text {
    display:inline;
}
.nav-caret {
    font-size: .86rem;
    line-height: 1;
    transition: transform .18s ease;
}
.nav-dropdown.is-open .nav-caret {
    transform: rotate(180deg);
}
.nav-dropdown-menu {
    position:absolute;
    top: calc(100% + 10px);
    right:0;
    min-width: 220px;
    padding: 10px;
    border:1px solid var(--line);
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(255,247,234,0.98) 100%);
    box-shadow: 0 24px 48px rgba(126,79,33,0.16);
    display:none;
    z-index: 80;
}
.nav-dropdown:not(.nav-dropdown-account) .nav-dropdown-menu {
    left: 0;
    right: auto;
}
.nav-dropdown.is-open .nav-dropdown-menu {
    display:grid;
    gap:6px;
}
.nav-dropdown-menu a {
    display:flex;
    align-items:center;
    width:100%;
    min-height: 44px;
    padding: 11px 13px;
    border-radius: 14px;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
    font-weight: 600;
}
.nav-dropdown-menu a:hover,
.nav-dropdown-menu a:focus-visible {
    background: rgba(245, 201, 107, 0.20);
    border-color: rgba(235, 143, 45, 0.26);
    outline: none;
}

.nav-theme-toggle {
    min-width: 178px;
    justify-content: space-between;
}
.nav-theme-current {
    font-size: 1.15rem;
    line-height: 1;
}
.nav-theme-current-label {
    flex: 1 1 auto;
    text-align: left;
}
.nav-theme-menu {
    min-width: 280px;
}
.nav-theme-option {
    appearance: none;
    width: 100%;
    border: 1px solid transparent;
    border-radius: 16px;
    background: transparent;
    color: var(--text);
    min-height: 58px;
    padding: 11px 13px;
    display: flex;
    align-items: center;
    gap: 12px;
    text-align: left;
    cursor: pointer;
    transition: background .15s ease, border-color .15s ease, transform .15s ease;
}
.nav-theme-option:hover,
.nav-theme-option:focus-visible {
    background: rgba(245, 201, 107, 0.18);
    border-color: rgba(235, 143, 45, 0.28);
    outline: none;
    transform: translateY(-1px);
}
.nav-theme-option.is-active {
    background: rgba(235, 143, 45, 0.14);
    border-color: rgba(235, 143, 45, 0.34);
}
.nav-theme-option-icon {
    width: 34px;
    height: 34px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    background: linear-gradient(180deg, rgba(255,255,255,0.82) 0%, rgba(245, 201, 107, 0.35) 100%);
    border: 1px solid var(--line);
    flex: 0 0 34px;
}
.nav-theme-option-copy {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.nav-theme-option-copy strong {
    font-size: .96rem;
}
.nav-theme-option-copy small {
    color: var(--muted);
    font-size: .76rem;
}
.main-container { padding: 30px 0 52px; }
.card {
    background: linear-gradient(180deg, var(--panel) 0%, var(--panel-2) 100%);
    border: 1px solid var(--line);
    border-radius: 24px;
    padding: 24px;
    box-shadow: var(--shadow);
}
.soft-card { background: linear-gradient(180deg, rgba(255,255,255,0.9) 0%, rgba(255,247,234,0.9) 100%); }
.hero { margin-bottom: 22px; }
.hero-grid { display:grid; grid-template-columns: 1.55fr 1fr; gap:18px; align-items:stretch; }
.hero-main { padding: 42px; }
.hero-side { display:flex; flex-direction:column; gap:14px; justify-content:center; }
.toaster-card { position: relative; overflow: hidden; }
.toaster-card::before {
    content:"";
    position:absolute;
    inset:auto -40px -50px auto;
    width:180px;
    height:180px;
    border-radius:50%;
    background: radial-gradient(circle, rgba(245,201,107,0.35) 0%, rgba(245,201,107,0) 70%);
}
.toaster-hero-art {
    position: relative;
    height: 210px;
    margin-bottom: 8px;
}

.logo-hero-art {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 210px;
}
.hero-logo-wrap {
    width: min(100%, 320px);
    height: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    border-radius: 28px;
    background: linear-gradient(180deg, rgba(255,255,255,0.04) 0%, rgba(255,170,64,0.08) 100%);
    border: 1px solid rgba(255,190,112,0.12);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 18px 40px rgba(0,0,0,0.18);
}
.hero-logo {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    filter: drop-shadow(0 12px 24px rgba(0,0,0,0.18));
}
.toast-pop {
    position: absolute;
    left: 50%;
    top: 10px;
    width: 88px;
    height: 102px;
    transform: translateX(-50%);
    border: 6px solid #965827;
    border-radius: 28px 28px 20px 20px;
    background: linear-gradient(180deg, #fff2cb 0%, #f1b44d 100%);
    box-shadow: 0 20px 30px rgba(143,85,39,0.18);
}
.toast-pop .toast-eye { top: 33px; width: 6px; height: 6px; }
.toast-pop .toast-eye.left { left: 21px; }
.toast-pop .toast-eye.right { right: 21px; }
.toast-pop .toast-smile { width: 20px; height: 9px; bottom: 18px; border-bottom-width: 3px; }
.toaster-body {
    position: absolute;
    left: 50%;
    bottom: 18px;
    width: 170px;
    height: 90px;
    transform: translateX(-50%);
    border-radius: 28px;
    background: linear-gradient(180deg, #2a231f 0%, #46352b 100%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
}
.toaster-slot {
    position: absolute;
    left: 50%;
    bottom: 82px;
    width: 90px;
    height: 14px;
    transform: translateX(-50%);
    border-radius: 999px;
    background: #171210;
}
.toaster-lever {
    position: absolute;
    right: calc(50% - 95px);
    bottom: 48px;
    width: 8px;
    height: 34px;
    border-radius: 999px;
    background: #655349;
}
.steam {
    position:absolute;
    top: 0;
    width: 28px;
    height: 40px;
    border: 3px solid rgba(143,85,39,0.16);
    border-color: rgba(143,85,39,0.16) transparent transparent transparent;
    border-radius: 50%;
}
.steam-one { left: calc(50% - 58px); }
.steam-two { right: calc(50% - 58px); top: 6px; }
.hero-stat {
    position: relative;
    padding: 14px 16px;
    border-radius: 18px;
    background: rgba(255,255,255,0.7);
    border: 1px solid var(--line);
}
.hero-stat span, .stat span { display:block; color:var(--muted); font-size:.86rem; margin-bottom:4px; }
.hero-stat strong { font-size:1.05rem; }
.hero h1 { font-size: clamp(2.2rem, 4vw, 4.4rem); line-height: 1.02; margin: 6px 0 12px; letter-spacing: -0.04em; }
.hero p { color: var(--muted); max-width: 760px; font-size: 1.08rem; line-height: 1.75; }
.eyebrow { color: var(--accent-deep); text-transform: uppercase; letter-spacing: .14em; font-size: .76rem; font-weight: 800; }
.hero-pill-row { display:flex; gap:10px; flex-wrap:wrap; margin-top: 18px; }
.hero-pill {
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 14px;
    border-radius:999px;
    background: rgba(255,255,255,0.75);
    border:1px solid var(--line);
    color: #5b4130;
    font-weight:700;
    font-size:.92rem;
}
.grid-three, .grid-four, .grid-two { display:grid; gap:18px; }
.grid-three { grid-template-columns: repeat(3, minmax(0,1fr)); }
.grid-four { grid-template-columns: repeat(4, minmax(0,1fr)); }
.grid-two { grid-template-columns: repeat(2, minmax(0,1fr)); }
.compact-grid .card, .compact-grid.card { padding:20px; }
.feature-card h3, .card h2, .card h3 { margin-top:0; letter-spacing:-0.02em; }
.feature-card p { color: var(--muted); line-height:1.7; }
.toaster-copy-grid { margin-top: 2px; margin-bottom: 24px; }
.hero-actions, .page-head { display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; }
.button {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    background: linear-gradient(180deg, var(--accent) 0%, #dd7c1d 100%);
    color:#fffaf2;
    border:none;
    border-radius:16px;
    padding:12px 16px;
    font-weight:800;
    cursor:pointer;
    box-shadow: 0 12px 24px rgba(221,124,29,0.22);
}
.button.ghost {
    background: rgba(255,255,255,0.75);
    color: var(--text);
    border:1px solid var(--line);
    box-shadow: none;
}
.button.danger { background: linear-gradient(180deg, var(--danger) 0%, #ae3438 100%); color: #fff; box-shadow:none; }
.button.small { padding: 8px 12px; border-radius: 12px; font-size:.92rem; }
.form-card { max-width: 760px; }
.wide-card { max-width:none; }
.auth-card h1 { margin-bottom: 8px; }
label { display:block; margin: 0 0 14px; color: var(--muted); font-weight:600; }
input, select {
    width: 100%;
    margin-top: 6px;
    background: rgba(255,255,255,0.85);
    color: var(--text);
    border:1px solid var(--line);
    border-radius: 14px;
    padding: 12px 14px;
}
.table { width:100%; border-collapse: collapse; }
.table th, .table td { text-align:left; padding:14px 12px; border-bottom:1px solid var(--line); vertical-align: top; }
.table th { color: var(--muted); font-size:.82rem; text-transform: uppercase; letter-spacing:.08em; }
.badge {
    display:inline-flex;
    padding:7px 11px;
    border-radius:999px;
    font-weight:800;
    font-size:.82rem;
    text-transform:capitalize;
    letter-spacing:.01em;
}
.badge-ready { background: rgba(43,143,87,.14); color:#246f46; }
.badge-ready::after { content: none; }
.badge-queued { background: rgba(204,138,34,.14); color:#9f6514; }
.badge-queued::after { content: none; }
.badge-blocked, .badge-flagged { background: rgba(196,73,76,.12); color:#99393c; }
.badge-blocked::after, .badge-flagged::after { content: none; }
.alert {
    padding: 14px 16px;
    border-radius: 16px;
    margin-bottom: 18px;
    border: 1px solid var(--line);
    background: rgba(255,255,255,0.8);
}
.alert.success { background: rgba(43,143,87,.10); }
.alert.error { background: rgba(196,73,76,.09); }
.inline-input { min-width: 260px; }
.inline-form { display:flex; gap:8px; flex-wrap:wrap; }
.muted { color: var(--muted); }
.footer { border-top:1px solid var(--line); padding:18px 0 30px; color:var(--muted); }
.footer-inner { display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.stats-grid { margin-bottom: 24px; }
.stat h2 { margin: 10px 0 0; font-size: 2rem; letter-spacing: -0.03em; }
.page-shell { display:flex; flex-direction:column; gap:22px; }
.page-shell.two-col { display:grid; grid-template-columns: 2fr 1fr; gap:22px; align-items:start; }
.stack-gap { display:flex; flex-direction:column; gap:8px; }
.progress-shell { height:14px; border-radius:999px; overflow:hidden; background:rgba(143,85,39,0.08); border:1px solid var(--line); }
.progress-bar { height:100%; width:0; background:linear-gradient(90deg, var(--accent), var(--accent-2)); transition:width .2s ease; }
.share-card { max-width:760px; margin:0 auto; }
.meta-grid { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:14px; margin:20px 0; }
.meta-grid div {
    padding:14px;
    border:1px solid var(--line);
    border-radius:16px;
    background: rgba(255,255,255,0.75);
}
.meta-grid span { display:block; color:var(--muted); font-size:.84rem; margin-bottom:6px; }
.divider { border:0; border-top:1px solid var(--line); margin:24px 0; }
.clean-list { margin:0; padding-left:18px; color:var(--muted); line-height:1.8; }
.clean-list strong { color: var(--text); }
.compact-form { max-width:420px; }
.side-list h3 { margin-top:0; }
.table-card { overflow:auto; }
code { background: rgba(143,85,39,0.08); padding: 2px 6px; border-radius: 8px; }
.dropzone {
    border: 2px dashed rgba(221,124,29,0.4);
    border-radius: 20px;
    padding: 26px;
    background: rgba(255,255,255,0.45);
    cursor: pointer;
    transition: border-color .2s ease, transform .2s ease, background .2s ease;
}
.dropzone.is-dragging { border-color: var(--accent); background: rgba(245,201,107,0.25); transform: scale(1.01); }
.dropzone input[type=file] { position:absolute; opacity:0; pointer-events:none; width:1px; height:1px; }
.dropzone-inner { display:flex; flex-direction:column; gap:8px; align-items:center; justify-content:center; min-height:140px; text-align:center; }

.upload-status-card {
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    gap:14px;
    align-items:flex-start;
    padding:16px 18px;
    border-radius:18px;
    border:1px solid var(--line);
    background:rgba(255,255,255,0.78);
    box-shadow:0 10px 26px rgba(69,39,19,0.06);
}
.upload-status-card strong { display:block; margin-bottom:4px; color:var(--text); }
.upload-status-card p { margin:0; color:var(--muted); }
.upload-status-icon {
    width:46px;
    height:46px;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.4rem;
    background:rgba(221,124,29,0.12);
    border:1px solid rgba(221,124,29,0.18);
}
.upload-status-copy { min-width:0; }
.upload-status-link { margin-top:8px; font-size:.94rem; word-break:break-all; }
.upload-status-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:12px; }
.upload-status-card.is-success {
    background:rgba(43,143,87,0.08);
    border-color:rgba(43,143,87,0.18);
}
.upload-status-card.is-success .upload-status-icon {
    background:rgba(43,143,87,0.14);
    border-color:rgba(43,143,87,0.22);
}
.upload-status-card.is-error {
    background:rgba(196,73,76,0.08);
    border-color:rgba(196,73,76,0.18);
}
.upload-status-card.is-error .upload-status-icon {
    background:rgba(196,73,76,0.13);
    border-color:rgba(196,73,76,0.2);
}
.upload-status-card.is-uploading {
    background:rgba(221,124,29,0.08);
    border-color:rgba(221,124,29,0.18);
}
.upload-status-card.is-uploading .upload-status-icon,
.upload-status-card.is-info .upload-status-icon {
    background:rgba(245,201,107,0.2);
    border-color:rgba(221,124,29,0.16);
}
.copy-row { display:flex; gap:8px; align-items:center; }
.share-action-row { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:18px; }
.preview-shell {
    margin-top: 20px;
    border: 1px solid var(--line);
    border-radius: 20px;
    overflow: hidden;
    background: rgba(255,255,255,0.6);
}
.file-preview-image { display:block; width:100%; height:auto; max-height:70vh; object-fit:contain; background:#f8f1e6; }
.file-preview-frame { display:block; width:100%; min-height:70vh; border:0; background:#fff; }

@media (max-width: 720px) {
    .nav-dropdown-toggle {
        padding: 10px 12px;
        gap: 8px;
    }
    .nav-toggle-text,
    .nav-theme-current-label {
        display: none;
    }
    .nav-theme-toggle {
        min-width: auto;
    }
}
@media (max-width: 980px) {
    .hero-grid, .page-shell.two-col, .grid-four, .grid-two { grid-template-columns: 1fr; }
    .topbar-inner { align-items:flex-start; padding: 12px 0; }
}
@media (max-width: 900px) {
    .grid-three, .meta-grid { grid-template-columns: 1fr; }
    .copy-row { flex-direction:column; align-items:stretch; }
    .upload-status-card { grid-template-columns:1fr; }
    .upload-status-actions { flex-direction:column; }
}


.checkbox-row {
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin: 12px 0 18px;
    color: var(--text);
    font-weight: 600;
}
.checkbox-row input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin: 2px 0 0;
    flex: 0 0 18px;
}
.text-link {
    color: var(--accent-deep);
    text-decoration: underline;
    text-underline-offset: 2px;
}
.toast-alert {
    display:flex;
    align-items:flex-start;
    gap:14px;
    border-radius: 20px;
    padding: 16px 18px;
    margin-bottom: 18px;
}
.toast-alert-icon {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width: 42px;
    height: 42px;
    border-radius: 14px;
    background: rgba(255,255,255,0.72);
    font-size: 1.2rem;
    flex: 0 0 42px;
}
.toast-alert-copy {
    display:flex;
    flex-direction:column;
    gap:3px;
}
.alert.success {
    background: linear-gradient(180deg, rgba(66, 179, 112, 0.14) 0%, rgba(66, 179, 112, 0.08) 100%);
    border: 1px solid rgba(43,143,87,0.22);
    color: #1e5d3b;
}
.alert.error {
    background: linear-gradient(180deg, rgba(196, 73, 76, 0.12) 0%, rgba(196, 73, 76, 0.07) 100%);
    border: 1px solid rgba(196,73,76,0.18);
    color: #7f2e30;
}
.quota-card, .quota-panel {
    margin-top: 16px;
    border: 1px solid var(--line);
    background: rgba(255,255,255,0.72);
    border-radius: 18px;
    padding: 14px 16px;
}
.quota-head {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:14px;
    margin-bottom: 10px;
    font-weight: 700;
}
.quota-head span {
    color: var(--muted);
    font-weight: 700;
}
.quota-bar {
    width: 100%;
    height: 12px;
    background: rgba(42,26,16,0.08);
    border-radius: 999px;
    overflow: hidden;
}
.quota-bar span {
    display:block;
    height:100%;
    border-radius:999px;
    background: linear-gradient(90deg, var(--accent) 0%, var(--accent-2) 100%);
}

.quota-bar.compact {
    height: 10px;
    margin-top: 10px;
}
.storage-stat-card h2 small {
    font-size: .58em;
    color: var(--muted);
    font-weight: 700;
}
.stat-note {
    margin: 10px 0 0;
    color: var(--muted);
    font-size: .92rem;
}

.quota-card.toast-quota-card,
.toast-quota-card {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(255,247,237,0.94) 100%);
    box-shadow: 0 14px 34px rgba(124, 63, 19, 0.10), inset 0 1px 0 rgba(255,255,255,0.8);
}
.toast-quota-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at top right, rgba(255,179,71,0.16), transparent 36%), radial-gradient(circle at bottom left, rgba(120,72,32,0.08), transparent 34%);
    pointer-events: none;
}
.quota-card-inline {
    margin-top: 12px;
    padding: 12px 14px;
}
.quota-head.compact {
    margin-bottom: 8px;
}
.quota-meta-row {
    display:flex;
    justify-content:space-between;
    gap:12px;
    align-items:center;
    margin-top: 10px;
    flex-wrap: wrap;
}
.quota-stage-label {
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: .84rem;
    font-weight: 800;
    letter-spacing: .01em;
    border: 1px solid rgba(124,63,19,0.12);
    background: rgba(255,255,255,0.75);
    color: #7a4c1b;
    position: relative;
    z-index: 1;
}
.toast-bar {
    position: relative;
    background: linear-gradient(180deg, rgba(70,42,17,0.12) 0%, rgba(70,42,17,0.06) 100%);
    border: 1px solid rgba(124,63,19,0.10);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.06);
}
.toast-bar span {
    position: relative;
    transition: width .28s ease, filter .28s ease, box-shadow .28s ease;
    background: linear-gradient(90deg, #f7efe6 0%, #f4d8b1 22%, #e8b06c 48%, #c87b36 72%, #6f3e1f 100%);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.18);
}
.toast-bar span::after {
    content: '';
    position: absolute;
    top: 0;
    left: -20%;
    width: 40%;
    height: 100%;
    background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.45) 50%, transparent 100%);
    opacity: .7;
}
.toast-quota-card[data-toast-percent="0"] .quota-stage-label,
.toast-quota-card[data-toast-percent="1"] .quota-stage-label,
.toast-quota-card[data-toast-percent="2"] .quota-stage-label,
.toast-quota-card[data-toast-percent="3"] .quota-stage-label,
.toast-quota-card[data-toast-percent="4"] .quota-stage-label,
.toast-quota-card[data-toast-percent="5"] .quota-stage-label {
    color: #8d6a46;
}
.toast-quota-card[data-toast-percent^="1"] .toast-bar span,
.toast-quota-card[data-toast-percent^="2"] .toast-bar span,
.toast-quota-card[data-toast-percent^="3"] .toast-bar span,
.toast-quota-card[data-toast-percent^="4"] .toast-bar span {
    filter: saturate(.9) brightness(1.02);
}
.toast-quota-card[data-toast-percent^="5"] .toast-bar span,
.toast-quota-card[data-toast-percent^="6"] .toast-bar span,
.toast-quota-card[data-toast-percent^="7"] .toast-bar span {
    filter: saturate(1.02) contrast(1.02);
}
.toast-quota-card[data-toast-percent^="8"] .toast-bar span,
.toast-quota-card[data-toast-percent^="9"] .toast-bar span,
.toast-quota-card[data-toast-percent="100"] .toast-bar span {
    filter: saturate(1.08) brightness(.92);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.10), 0 0 18px rgba(140,72,23,0.18);
}
.toast-quota-card[data-toast-percent="100"] .quota-stage-label {
    color: #5d2c17;
    border-color: rgba(93,44,23,0.18);
    background: rgba(111,62,31,0.08);
}

.site-footer {
    border-top: 1px solid var(--line);
    background: rgba(255,248,238,0.88);
    padding: 18px 0 28px;
}
.footer-inner {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px;
    flex-wrap:wrap;
    color: var(--muted);
}
.footer-nav {
    display:flex;
    gap:14px;
    flex-wrap:wrap;
}

.site-footer-inner {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px;
    flex-wrap:wrap;
    color: var(--muted);
}
.site-footer-links {
    display:flex;
    gap:14px;
    flex-wrap:wrap;
}
.site-footer-links a:hover {
    opacity: .85;
}
.footer-nav a:hover, .text-link:hover {
    opacity: .85;
}
.legal-card {
    max-width: 900px;
}
.legal-card h3 {
    margin-top: 22px;
    margin-bottom: 8px;
}
.legal-card p {
    color: var(--muted);
    line-height: 1.8;
}
@media (max-width: 900px) {
    .quota-head, .footer-inner, .site-footer-inner {
        flex-direction: column;
        align-items: flex-start;
    }
}


.form-actions-inline {
    display:flex;
    align-items:center;
    gap:14px;
    flex-wrap:wrap;
    margin-top: 8px;
}
.split-actions {
    justify-content:space-between;
}
.forgot-link {
    margin-left:auto;
    text-align:right;
}
.compact-checkbox {
    margin: 6px 0 8px;
}
.footer-copy {
    display:flex;
    flex-direction:column;
    gap:6px;
}
@media (max-width: 700px) {
    .split-actions {
        align-items:flex-start;
    }
    .forgot-link {
        margin-left:0;
    }
}

.page-head-merged {
    align-items: stretch;
}
.page-head-main {
    flex: 1 1 620px;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.page-head-actions {
    align-self: flex-start;
}
.quota-panel-inline {
    margin-top: 2px;
    max-width: 760px;
}
.quota-copy {
    margin: 10px 0 0;
}
@media (max-width: 900px) {
    .page-head-actions {
        width: 100%;
    }
}


.checkbox-inline { display:inline-flex; align-items:center; gap:10px; color:var(--muted); font-weight:700; }
.checkbox-inline input, .row-check input { width:auto; margin:0; }
.file-manager-shell { display:flex; flex-direction:column; gap:18px; }
.file-manager-topbar { display:flex; justify-content:space-between; gap:18px; align-items:flex-end; flex-wrap:wrap; }
.file-manager-topbar h2 { margin:6px 0 8px; }
.file-manager-tools { display:flex; gap:12px; flex-wrap:wrap; align-items:center; }
.search-shell { min-width:280px; flex:1 1 280px; }
.toolbar-input { margin-top:0; min-width:210px; }
.toolbar-select { max-width:220px; }
.file-manager-bulkbar {
    display:flex;
    justify-content:space-between;
    gap:14px;
    align-items:center;
    flex-wrap:wrap;
    padding:14px 16px;
    border:1px solid var(--line);
    border-radius:18px;
    background:rgba(255,255,255,0.68);
}
.bulkbar-meta { display:flex; gap:10px; align-items:center; flex-wrap:wrap; color:var(--muted); font-weight:700; }
.file-table-wrap {
    overflow:auto;
    border:1px solid var(--line);
    border-radius:22px;
    background:rgba(255,255,255,0.58);
}
.file-table th { white-space:nowrap; }
.file-table .select-col { width:44px; }
.file-row.is-hidden { display:none; }
.file-row.is-deleted { opacity:.7; }
.file-name-cell { display:flex; align-items:center; gap:12px; min-width:230px; }
.file-chip {
    min-width:48px;
    padding:8px 10px;
    border-radius:14px;
    text-align:center;
    font-size:.78rem;
    font-weight:800;
    letter-spacing:.08em;
    color:var(--accent-deep);
    background:linear-gradient(180deg, rgba(245,201,107,0.22) 0%, rgba(235,143,45,0.10) 100%);
    border:1px solid rgba(143,85,39,0.16);
}
.mini-pill {
    display:inline-flex;
    align-items:center;
    padding:6px 10px;
    border-radius:999px;
    font-size:.82rem;
    font-weight:800;
    border:1px solid var(--line);
}
.mini-pill.is-protected { background:rgba(245,201,107,0.28); color:var(--accent-deep); }
.mini-pill.is-open { background:rgba(255,255,255,0.72); color:var(--muted); }
.copy-stack { display:flex; gap:8px; align-items:center; min-width:280px; }
.row-actions { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.empty-state { padding:24px 8px; color:var(--muted); }

@media (max-width: 860px) {
    .file-manager-topbar { align-items:stretch; }
    .file-manager-tools { width:100%; }
    .search-shell { min-width:100%; }
    .toolbar-select { max-width:none; }
    .copy-stack { min-width:220px; flex-direction:column; align-items:stretch; }
}


/* ULTRA COMPACT FILE TABLE */
.file-table-wrap{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,0.58);}
.file-table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;}
.file-table th,.file-table td{vertical-align:middle;padding:8px 6px;}
.file-table th{font-size:.72rem;text-transform:uppercase;white-space:nowrap;}
.file-table td{font-size:.9rem;}

.file-table th:nth-child(2),.file-table td:nth-child(2){width:200px;}
.file-table th:nth-child(3),.file-table td:nth-child(3){width:50px;}
.file-table th:nth-child(4),.file-table td:nth-child(4){width:65px;}
.file-table th:nth-child(5),.file-table td:nth-child(5){width:90px;}
.file-table th:nth-child(6),.file-table td:nth-child(6){width:70px;}
.file-table th:nth-child(7),.file-table td:nth-child(7){width:50px;}
.file-table th:nth-child(8),.file-table td:nth-child(8){width:55px;}
.file-table th:nth-child(9),.file-table td:nth-child(9){width:150px;}
.file-table th:nth-child(10),.file-table td:nth-child(10){width:130px;}

.file-name-cell{display:flex;gap:6px;align-items:center;min-width:0;}
.file-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;}

.copy-stack{display:flex;gap:4px;align-items:center;min-width:0;}
.copy-stack .inline-input{font-size:.75rem;padding:6px 8px;}

.row-actions .button{padding:6px 8px;font-size:.75rem;}


/* NEXT LEVEL UI */
.row-actions .button{
    padding:6px 8px;
    font-size:.75rem;
}

.button.copy::before{content:"📋";}
.button.open::before{content:"🔗";}
.button.delete::before{content:"🗑";}

.button.copy,
.button.open,
.button.delete{
    display:inline-flex;
    align-items:center;
    gap:4px;
}

.status-pill{
    padding:4px 8px;
    border-radius:999px;
    font-size:.72rem;
    font-weight:700;
}


/* CLEAN REBUILD: compact file manager */
.file-manager-shell {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.file-manager-topbar {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-end;
    flex-wrap: wrap;
}
.file-manager-topbar h2 { margin: 4px 0 8px; }
.file-manager-tools {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}
.search-shell { min-width: 280px; flex: 1 1 280px; }
.toolbar-input { margin-top: 0; min-width: 190px; }
.toolbar-select { max-width: 190px; }

.file-manager-bulkbar {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
    padding: 10px 12px;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: rgba(255,255,255,0.68);
}
.bulkbar-meta {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
    color: var(--muted);
    font-weight: 700;
}

.file-table-wrap {
    overflow-x: auto;
    overflow-y: hidden;
    border: 1px solid var(--line);
    border-radius: 20px;
    background: rgba(255,255,255,0.62);
}
.file-table {
    width: 100%;
    min-width: 1020px;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
}
.file-table th,
.file-table td {
    vertical-align: middle;
    padding: 8px 6px;
}
.file-table th {
    white-space: nowrap;
    font-size: .72rem;
    letter-spacing: .03em;
    text-transform: uppercase;
}
.file-table td {
    font-size: .9rem;
}
.file-table .select-col { width: 34px; }
.file-table th:nth-child(2), .file-table td:nth-child(2) { width: 205px; }
.file-table th:nth-child(3), .file-table td:nth-child(3) { width: 56px; }
.file-table th:nth-child(4), .file-table td:nth-child(4) { width: 72px; }
.file-table th:nth-child(5), .file-table td:nth-child(5) { width: 88px; }
.file-table th:nth-child(6), .file-table td:nth-child(6) { width: 78px; }
.file-table th:nth-child(7), .file-table td:nth-child(7) { width: 52px; text-align:center; }
.file-table th:nth-child(8), .file-table td:nth-child(8) { width: 86px; text-align:center; }
.file-table th:nth-child(9), .file-table td:nth-child(9) { width: 170px; }
.file-table th:nth-child(10), .file-table td:nth-child(10) { width: 170px; }

.file-row.is-hidden { display: none; }
.file-row.is-deleted { opacity: .7; }

.file-name-cell {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}
.file-chip {
    flex: 0 0 auto;
    min-width: 40px;
    padding: 5px 7px;
    border-radius: 10px;
    text-align: center;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .05em;
    color: var(--accent-deep);
    background: linear-gradient(180deg, rgba(245,201,107,0.22) 0%, rgba(235,143,45,0.10) 100%);
    border: 1px solid rgba(143,85,39,0.16);
}
.file-meta {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
}
.file-meta strong {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.15;
    font-size: .92rem;
}

.status-badge.badge {
    padding: 5px 8px;
    font-size: .74rem;
}
.badge-ready::after,
.badge-queued::after,
.badge-blocked::after,
.badge-flagged::after {
    content: none;
}

.mini-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 800;
    white-space: nowrap;
    border: 1px solid var(--line);
}
.mini-pill.is-protected {
    background: rgba(245,201,107,0.28);
    color: var(--accent-deep);
}
.mini-pill.is-open {
    background: rgba(255,255,255,0.82);
    color: var(--muted);
}

.copy-stack {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 4px;
}
.copy-stack .inline-input {
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 7px 8px;
    font-size: .75rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.row-actions {
    display: flex;
    gap: 4px;
    align-items: center;
    flex-wrap: nowrap;
}
.icon-btn {
    min-width: auto;
    padding: 7px 8px !important;
    gap: 4px;
}
.icon-btn .btn-icon {
    line-height: 1;
    font-size: .9rem;
}
.icon-btn .btn-label {
    font-size: .76rem;
    line-height: 1;
}
.bulk-delete-btn .btn-label {
    font-size: .82rem;
}
.empty-state {
    padding: 22px 8px;
    color: var(--muted);
}
.checkbox-inline input,
.row-check input {
    width: auto;
    margin: 0;
}

@media (max-width: 900px) {
    .file-manager-topbar { align-items: stretch; }
    .file-manager-tools { width: 100%; }
    .search-shell { min-width: 100%; }
    .toolbar-select { max-width: none; }
    .file-table { min-width: 940px; }
}

@media (max-width: 720px) {
    .hero-logo-wrap {
        height: 160px;
        width: min(100%, 260px);
    }
}


.page-shell { display: flex; flex-direction: column; gap: 18px; }
.admin-shell { gap: 20px; }
.admin-hero { display:flex; justify-content:space-between; align-items:flex-end; gap:18px; flex-wrap:wrap; }
.admin-stat-grid { grid-template-columns: repeat(4, minmax(0,1fr)); }
.admin-stat-card p { margin: 8px 0 0; color: var(--muted); font-size: .92rem; line-height: 1.5; }
.admin-grid-panels { align-items: stretch; }
.admin-section-head { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:14px; }
.admin-link-grid { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:12px; }
.admin-bullet-list { margin:0; padding-left: 18px; color: var(--muted); line-height:1.8; }
.table-wrap { overflow-x:auto; }
.small-text { font-size: .82rem; }
.badge-active, .badge-ready { background: rgba(43,143,87,0.12); color: var(--success); }
.badge-banned, .badge-blocked { background: rgba(196,73,76,0.12); color: var(--danger); }
.badge-queued { background: rgba(204,138,34,0.12); color: var(--warning); }
@media (max-width: 980px) {
  .admin-stat-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .admin-link-grid { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  .admin-stat-grid, .grid-two, .grid-three, .grid-four, .hero-grid { grid-template-columns: 1fr; }
}

@media (max-width: 780px) {
    .topbar-inner {
        align-items: center;
        padding: 12px 0;
        gap: 12px;
        flex-wrap: nowrap;
    }
    .nav-dropdowns {
        width: auto;
        margin-left: auto;
        justify-content: flex-end;
        gap: 8px;
        flex-wrap: nowrap;
    }
    .nav-dropdown {
        width: auto;
        flex: 0 0 auto;
    }
    .nav-dropdown-toggle,
    .nav-theme-toggle {
        width: auto;
        min-width: 48px;
        padding: 10px 12px;
        justify-content: center;
        gap: 0;
    }
    .nav-toggle-label {
        gap: 0;
    }
    .nav-toggle-text,
    .nav-theme-current-label,
    .nav-caret {
        display: none;
    }
    .nav-dropdown-menu,
    .nav-dropdown:not(.nav-dropdown-account) .nav-dropdown-menu {
        left: auto;
        right: 0;
        min-width: 220px;
    }
}

@media (max-width: 640px) {
    .brand {
        gap: 10px;
        min-width: 0;
    }
    .brand-text {
        display: flex;
        min-width: 0;
    }
    .brand-text strong {
        display: block;
        font-size: .95rem;
        line-height: 1.05;
        white-space: nowrap;
    }
    .brand-text small {
        display: none;
    }
    .site-logo {
        width: 36px;
        height: 36px;
        flex: 0 0 36px;
    }
}


.account-settings-shell { align-items: start; }
.info-list { display:flex; flex-direction:column; gap:10px; }
.info-row {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:12px 14px;
    border:1px solid var(--line);
    border-radius:16px;
    background: rgba(255,255,255,0.72);
}
.info-row span { color: var(--muted); font-weight:700; }
.info-row strong { text-align:right; }
@media (max-width: 720px) {
    .info-row { align-items:flex-start; flex-direction:column; }
    .info-row strong { text-align:left; }
}

.security-shell { gap: 20px; }
.security-pill-row { justify-content: flex-end; }
.security-stat-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.security-overview-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}
.security-summary-card,
.security-chart-card {
    min-height: 100%;
}
.security-kpi-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.security-kpi-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 14px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: rgba(255,255,255,0.74);
}
.security-kpi-row span { color: var(--muted); font-weight: 700; }
.security-kpi-row strong { text-align: right; }
.security-link-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-bottom: 10px; }
.security-note { margin: 6px 0 0; }
.security-bar-chart {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 12px;
    align-items: end;
    min-height: 220px;
    padding-top: 10px;
}
.security-bar-group {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}
.security-bar-stack {
    width: 100%;
    min-height: 160px;
    display: flex;
    align-items: end;
    justify-content: center;
    gap: 8px;
    padding: 12px 10px;
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(255,255,255,0.86), rgba(241,243,249,0.86));
    border: 1px solid var(--line);
}
.security-bar {
    display: block;
    width: 18px;
    min-height: 8px;
    border-radius: 999px 999px 8px 8px;
    box-shadow: inset 0 -1px 0 rgba(255,255,255,0.4);
}
.security-bar.waf-total,
.security-swatch.waf-total { background: linear-gradient(180deg, #7aa2ff, #4f6fe8); }
.security-bar.waf-blocked,
.security-swatch.waf-blocked { background: linear-gradient(180deg, #ff9a9a, #d24b4b); }
.security-bar.auth-success,
.security-swatch.auth-success { background: linear-gradient(180deg, #87d8b6, #2b8f57); }
.security-bar.auth-fail,
.security-swatch.auth-fail { background: linear-gradient(180deg, #ffc88b, #cc8a22); }
.security-bar-meta {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    text-align: center;
}
.security-bar-meta strong { font-size: .95rem; }
.security-bar-meta span { color: var(--muted); font-size: .82rem; }
.security-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 14px;
    color: var(--muted);
    font-size: .9rem;
}
.security-legend span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.security-swatch {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 999px;
}
.security-breakdown-list,
.security-feed-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.security-breakdown-row,
.security-feed-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    padding: 14px 16px;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: rgba(255,255,255,0.76);
}
.security-breakdown-metrics,
.security-feed-meta {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
    text-align: right;
}
.security-feed-copy {
    min-width: 0;
    flex: 1;
}
.security-feed-copy strong,
.security-breakdown-row strong {
    text-transform: capitalize;
}
.badge-high { background: rgba(196,73,76,0.12); color: var(--danger); }
.badge-medium, .badge-logged { background: rgba(204,138,34,0.12); color: var(--warning); }
.badge-low { background: rgba(72,104,196,0.12); color: #4868c4; }

@media (max-width: 1100px) {
    .security-overview-grid { grid-template-columns: 1fr; }
}

@media (max-width: 900px) {
    .security-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .security-link-grid { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
    .security-bar-chart { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .security-breakdown-row,
    .security-feed-row,
    .security-kpi-row {
        flex-direction: column;
        align-items: flex-start;
    }
    .security-breakdown-metrics,
    .security-feed-meta {
        justify-content: flex-start;
        text-align: left;
    }
}


html[data-toast-theme="burnt"] body {
    background:
        radial-gradient(circle at top, rgba(255,176,102,0.16), transparent 30%),
        linear-gradient(180deg, var(--bg) 0%, #0f0c0a 100%);
}
html[data-toast-theme="burnt"] .topbar {
    background: rgba(22, 18, 16, 0.88);
}
html[data-toast-theme="burnt"] .nav a,
html[data-toast-theme="burnt"] .nav-dropdown-toggle {
    background: rgba(42,31,26,0.82);
    box-shadow: 0 8px 20px rgba(0,0,0,0.18);
}
html[data-toast-theme="burnt"] .nav-dropdown-menu {
    background: linear-gradient(180deg, rgba(33,25,22,0.98) 0%, rgba(42,31,26,0.98) 100%);
}
html[data-toast-theme="burnt"] .nav-theme-option-icon {
    background: linear-gradient(180deg, rgba(255,255,255,0.08) 0%, rgba(255,176,102,0.12) 100%);
}
@media (max-width: 720px) {
    .nav-theme-toggle {
        min-width: 0;
    }
    .nav-theme-current-label {
        display: none;
    }
    .nav-theme-menu {
        min-width: min(280px, calc(100vw - 32px));
    }
}


html[data-toast-theme="burnt"] .card,
html[data-toast-theme="burnt"] .soft-card,
html[data-toast-theme="burnt"] .hero-stat,
html[data-toast-theme="burnt"] .hero-pill,
html[data-toast-theme="burnt"] .meta-grid div,
html[data-toast-theme="burnt"] .toolbar-input,
html[data-toast-theme="burnt"] .toolbar-select,
html[data-toast-theme="burnt"] .file-manager-bulkbar,
html[data-toast-theme="burnt"] .file-table-wrap,
html[data-toast-theme="burnt"] .quota-card,
html[data-toast-theme="burnt"] .quota-panel,
html[data-toast-theme="burnt"] .toast-quota-card,
html[data-toast-theme="burnt"] .preview-shell,
html[data-toast-theme="burnt"] .legal-card,
html[data-toast-theme="burnt"] .alert,
html[data-toast-theme="burnt"] .dropzone,
html[data-toast-theme="burnt"] .nav-dropdown-menu a:hover,
html[data-toast-theme="burnt"] .nav-dropdown-menu a:focus-visible {
    background: rgba(42, 31, 26, 0.88);
    color: var(--text);
}
html[data-toast-theme="burnt"] .file-preview-image,
html[data-toast-theme="burnt"] .file-preview-frame {
    background: #1a1412;
}
html[data-toast-theme="burnt"] .mini-pill.is-open,
html[data-toast-theme="burnt"] .button.ghost,
html[data-toast-theme="burnt"] .nav-dropdown-menu a,
html[data-toast-theme="burnt"] .table tr,
html[data-toast-theme="burnt"] .file-row,
html[data-toast-theme="burnt"] code {
    background: rgba(255,255,255,0.06);
    color: var(--text);
}
html[data-toast-theme="burnt"] .table th,
html[data-toast-theme="burnt"] .table td,
html[data-toast-theme="burnt"] .file-table th,
html[data-toast-theme="burnt"] .file-table td,
html[data-toast-theme="burnt"] .footer,
html[data-toast-theme="burnt"] .site-footer {
    border-color: var(--line);
}
html[data-toast-theme="burnt"] input,
html[data-toast-theme="burnt"] select,
html[data-toast-theme="burnt"] textarea {
    background: rgba(42,31,26,0.92);
    color: var(--text);
    border-color: var(--line);
}
html[data-toast-theme="burnt"] .brand-mark {
    background: linear-gradient(180deg, #3a2a22 0%, #6b442b 100%);
    border-color: rgba(255, 207, 153, 0.18);
}
html[data-toast-theme="burnt"] .toast-face {
    border-color: #d8a16d;
    background: linear-gradient(180deg, #8a5931 0%, #c97b3f 100%);
}
html[data-toast-theme="burnt"] .toast-eye {
    background: #201510;
}
html[data-toast-theme="burnt"] .toast-smile,
html[data-toast-theme="burnt"] .brand-mark::after {
    border-bottom-color: #ffd0a0;
    background: #ffd0a0;
}

/* GOD MODE staff panels */
.panel-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:start}.panel-sidebar{position:sticky;top:18px}.panel-sidebar-top h2{margin:0 0 6px}.panel-nav{display:grid;gap:10px;margin-top:14px}.panel-nav-link{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;text-decoration:none;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}.panel-nav-link.is-active{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.14)}.panel-nav-emoji{font-size:1.1rem}.panel-main{display:grid;gap:18px}.panel-page-hero{margin-bottom:0}.settings-form-stack,.settings-grid{display:grid;gap:16px}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.settings-item{display:grid;gap:8px;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:14px}.settings-key{font-size:.8rem;opacity:.7;word-break:break-all}.settings-toggle-row{display:flex;align-items:center;gap:8px}.simple-list{margin:0;padding-left:18px}.toast-success{border-color:rgba(72,187,120,.4)}.toast-error{border-color:rgba(245,101,101,.4)}@media (max-width: 980px){.panel-shell{grid-template-columns:1fr}.panel-sidebar{position:static}}

.upload-status-actions[hidden],
.upload-status-link[hidden] {
    display: none !important;
}

/* ===== Toasty Pagination ===== */
.toasty-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:16px 18px;margin-top:16px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.toasty-pagination-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--muted, #b8aa96);font-size:.94rem}
.toasty-pagination-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.toasty-page-btn,.toasty-page-gap{display:inline-flex;align-items:center;justify-content:center;min-width:42px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);text-decoration:none;font-weight:700;line-height:1;color:inherit}
.toasty-page-btn:hover{background:rgba(255,255,255,.06);transform:translateY(-1px)}
.toasty-page-btn.is-active{background:linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.08));border-color:rgba(255,255,255,.18)}
.toasty-page-btn.is-disabled{opacity:.45;cursor:default;pointer-events:none}
.toasty-page-gap{border-style:dashed;opacity:.6}
@media (max-width:700px){.toasty-pagination{padding:14px}.toasty-page-btn,.toasty-page-gap{padding:9px 10px;min-width:38px}}

.mini-pill.is-private {
    background: rgba(255, 193, 7, 0.14);
    border: 1px solid rgba(255, 193, 7, 0.28);
}

.mini-pill.is-public {
    background: rgba(86, 204, 242, 0.14);
    border: 1px solid rgba(86, 204, 242, 0.28);
}

textarea,
textarea.input {
    width: 100%;
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid var(--line);
    background: var(--panel);
    color: var(--text);
    font-size: 14px;
    resize: vertical;
    min-height: 90px;
    transition: all 0.15s ease;
}

textarea:focus {
    outline: none;
    border-color: var(--accent);
    box-shadow: 0 0 0 2px rgba(235, 143, 45, 0.2);
}


/* Ultra compact dashboard stat cards */
.compact-grid {
    gap: 12px;
}
.compact-grid .card,
.compact-grid.card {
    padding: 14px 14px 12px;
    border-radius: 18px;
}
.compact-grid .page-head {
    gap: 10px;
    align-items: flex-start;
    margin-bottom: 8px;
}
.compact-grid .eyebrow {
    font-size: .68rem;
    letter-spacing: .16em;
    margin-bottom: 4px;
}
.compact-grid h3 {
    margin: 0;
    font-size: 1.24rem;
    line-height: 1.05;
}
.compact-grid .mini-pill {
    padding: 5px 9px;
    border-radius: 999px;
    font-size: .72rem;
    min-height: auto;
    line-height: 1;
}
.compact-grid .info-list {
    gap: 7px;
}
.compact-grid .info-row {
    gap: 10px;
    padding: 8px 10px;
    border-radius: 13px;
    min-height: 0;
}
.compact-grid .info-row span,
.compact-grid .info-row strong {
    font-size: .95rem;
    line-height: 1.2;
}
.compact-grid .info-row span {
    min-width: 0;
}
.compact-grid .info-row strong {
    flex: 0 0 auto;
}
.compact-grid .quota-card-inline {
    margin-top: 9px !important;
    padding: 10px 11px;
    border-radius: 14px;
}
.compact-grid .quota-head.compact {
    margin-bottom: 6px;
    gap: 8px;
    font-size: .86rem;
}
.compact-grid .quota-head.compact span {
    font-size: .82rem;
}
.compact-grid .quota-bar.compact {
    height: 7px;
    margin-top: 0;
}
.compact-grid .quota-meta-row {
    margin-top: 7px;
    gap: 8px;
    align-items: center;
}
.compact-grid .quota-meta-row .muted {
    font-size: .8rem;
    line-height: 1.2;
    flex: 1 1 180px;
}
.compact-grid .quota-stage-label {
    padding: 4px 8px;
    font-size: .72rem;
}
.compact-grid .empty-state {
    padding: 10px 12px;
    border-radius: 14px;
}
@media (max-width: 900px) {
    .compact-grid {
        gap: 10px;
    }
}

/* Dashboard file table cleanup */
.file-table .limit-main {
    font-weight: 700;
    line-height: 1.2;
}
.file-table .limit-sub {
    margin-top: 4px;
    white-space: nowrap;
}
.file-table td:nth-child(6),
.file-table td:nth-child(7),
.file-table td:nth-child(8),
.file-table td:nth-child(9) {
    white-space: nowrap;
}
.file-table th:nth-child(2), .file-table td:nth-child(2) { width: 205px; }
.file-table th:nth-child(3), .file-table td:nth-child(3) { width: 56px; }
.file-table th:nth-child(4), .file-table td:nth-child(4) { width: 72px; }
.file-table th:nth-child(5), .file-table td:nth-child(5) { width: 88px; }
.file-table th:nth-child(6), .file-table td:nth-child(6) { width: 110px; }
.file-table th:nth-child(7), .file-table td:nth-child(7) { width: 125px; }
.file-table th:nth-child(8), .file-table td:nth-child(8) { width: 92px; text-align: center; }
.file-table th:nth-child(9), .file-table td:nth-child(9) { width: 60px; text-align: center; }
.file-table th:nth-child(10), .file-table td:nth-child(10) { width: 170px; }
.file-table th:nth-child(11), .file-table td:nth-child(11) { width: 170px; }
.file-table th:nth-child(12), .file-table td:nth-child(12) { width: 240px; }


/* Dashboard action columns */
.file-table {
    min-width: 1280px;
}
.file-table .action-col,
.file-table .action-cell {
    text-align: center;
}
.file-table .action-cell {
    white-space: nowrap;
}
.file-table .action-button {
    width: 100%;
    justify-content: center;
}
.file-table .action-empty {
    display: inline-block;
    width: 100%;
    text-align: center;
    color: var(--muted);
    opacity: .65;
    font-weight: 700;
}
.file-table th:nth-child(10), .file-table td:nth-child(10) { width: 135px; }
.file-table th:nth-child(11), .file-table td:nth-child(11) { width: 170px; }
.file-table th:nth-child(12), .file-table td:nth-child(12),
.file-table th:nth-child(13), .file-table td:nth-child(13),
.file-table th:nth-child(14), .file-table td:nth-child(14),
.file-table th:nth-child(15), .file-table td:nth-child(15) { width: 86px; }
@media (max-width: 1100px) {
    .file-table { min-width: 1280px; }
}


/* Downloads page width/overflow cleanup */
.downloads-page {
    display: grid;
    gap: 18px;
    min-width: 0;
}
.downloads-page > section,
.downloads-page .card,
.downloads-page .page-head,
.downloads-page .hero-pill-row,
.downloads-page .table-wrap,
.downloads-page .file-table-wrap {
    min-width: 0;
    max-width: 100%;
}
.downloads-page .page-head > *,
.downloads-page .hero-pill {
    min-width: 0;
}
.downloads-page .table-wrap,
.downloads-page .file-table-wrap {
    width: 100%;
    overflow-x: auto;
}
.downloads-page .table {
    width: 100%;
}
.downloads-page .page-head .hero-pill-row {
    margin-left: 0 !important;
    flex: 0 1 auto;
    justify-content: flex-start;
}
@media (min-width: 981px) {
    .downloads-page .page-head .hero-pill-row {
        justify-content: flex-end;
    }
}
@media (max-width: 1200px) {
    .downloads-page .grid-four {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 760px) {
    .downloads-page .grid-four {
        grid-template-columns: 1fr;
    }
}