:root {
    --sc-color-bg: #09111f;
    --sc-color-surface: #121c31;
    --sc-color-surface-alt: #1a2642;
    --sc-color-border: #2e496b;
    --sc-color-border-strong: #446a97;
    --sc-color-text: #e9f2ff;
    --sc-color-muted: #9fb4d2;
    --sc-color-link: #8fe8ff;
    --sc-color-primary: #72dcff;
    --sc-color-primary-strong: #2ed6ff;
    --sc-color-teal: #44e1cf;
    --sc-color-info: #93b8e8;
    --sc-color-steel: #7f9fc8;
    --sc-color-silver: #d8e6fb;
    --sc-color-violet: #a88dff;
    --sc-color-violet-strong: #855dff;
    --sc-color-developer: #b182ff;
    --sc-color-success: #34d399;
    --sc-color-warning: #fbbf24;
    --sc-color-danger: #fb7185;
    --sc-color-banner: #162846;
    --sc-color-banner-border: #63ddff;
    --sc-shadow-lg: 0 18px 34px rgba(2, 6, 23, 0.34);
    --sc-shadow-md: 0 10px 24px rgba(2, 6, 23, 0.24);
    --sc-radius-lg: 12px;
    --sc-radius-md: 9px;
    --sc-radius-sm: 6px;
    --sc-font-family-base: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    --sc-shell-max: 1480px;
    --sc-content-max: 1120px;
    --sc-gap: 1rem;
    --sc-admin-sidebar-width: 206px;
    --sc-admin-sidebar-gap: 8px;
    --sc-admin-main-gutter: 8px;
}

* { box-sizing: border-box; }
html,
body {
    min-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}
body {
    margin: 0;
    min-height: 100vh;
    background:
        radial-gradient(circle at 14% 0%, rgba(114, 220, 255, 0.12), transparent 26%),
        radial-gradient(circle at 88% 12%, rgba(168, 141, 255, 0.12), transparent 24%),
        linear-gradient(180deg, #09111f 0%, #0b1324 42%, #080f1c 100%);
    color: var(--sc-color-text);
    font-family: var(--sc-font-family-base);
    line-height: 1.48;
}
a { color: var(--sc-color-link); text-decoration: none; }
a:hover { color: #b8ecff; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
img { max-width: 100%; }
pre, code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }

.sc-page-shell, .sc-admin-frame, .sc-public-frame { min-height: 100vh; }
.sc-shell { width: min(var(--sc-shell-max), calc(100% - 1.5rem)); margin: 0 auto; }
.sc-panel, .panel, .widget, .settings-panel, .sc-card {
    background:
        linear-gradient(180deg, rgba(29, 42, 71, 0.98), rgba(14, 21, 38, 0.98)),
        linear-gradient(135deg, rgba(129, 113, 255, 0.04), transparent 45%);
    border: 1px solid var(--sc-color-border);
    border-radius: var(--sc-radius-lg);
    box-shadow: var(--sc-shadow-md);
}
.sc-section-header, .content-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .55rem;
    margin-bottom: .75rem;
}
.page-title, h1, h2, h3, h4 { margin: 0; color: #f7fbff; }
.muted, .help, .sc-muted, .placeholder-note { color: var(--sc-color-muted); }
.sc-pill, .chip, .badge, .status-pill {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    border-radius: 3px;
    padding: .16rem .42rem;
    font-size: .72rem;
    font-weight: 600;
    border: 1px solid rgba(159, 182, 214, 0.24);
    background: rgba(23, 35, 59, 0.9);
    color: var(--sc-color-text);
}
.badge.pass, .status-pass { color: #86f0be; border-color: rgba(52, 211, 153, .46); background: linear-gradient(180deg, rgba(21, 73, 57, .52), rgba(11, 39, 29, .52)); box-shadow: inset 0 1px 0 rgba(214, 255, 234, .08); }
.badge.warn, .status-warn { color: #ffd978; border-color: rgba(251, 191, 36, .48); background: linear-gradient(180deg, rgba(92, 67, 16, .5), rgba(56, 39, 10, .5)); box-shadow: inset 0 1px 0 rgba(255, 244, 202, .08); }
.badge.fail, .status-fail { color: #ff9eb0; border-color: rgba(251, 113, 133, .48); background: linear-gradient(180deg, rgba(90, 24, 42, .54), rgba(54, 13, 25, .54)); box-shadow: inset 0 1px 0 rgba(255, 223, 229, .08); }
.badge.note, .status-note, .status-pill { color: var(--sc-color-info); border-color: rgba(147, 184, 232, .42); background: linear-gradient(180deg, rgba(27, 45, 78, .52), rgba(14, 25, 45, .52)); box-shadow: inset 0 1px 0 rgba(225, 236, 255, .08); }
.status-good { color: var(--sc-color-success); }
.status-bad { color: var(--sc-color-danger); }
.status-neutral { color: var(--sc-color-text); }
.sc-btn, .sc-compact-button, .settings-save, .notes-save, .widget-toggle, .debug-toggle__button, form button[type="submit"] {
    appearance: none;
    border: 1px solid rgba(79, 215, 236, .42);
    background: linear-gradient(180deg, rgba(68, 225, 207, 0.2), rgba(46, 214, 255, 0.12));
    color: #f7fbff;
    min-height: 1.85rem;
    padding: .28rem .58rem;
    border-radius: 2px;
    font-size: .78rem;
    font-weight: 700;
    line-height: 1.2;
}
.sc-btn--secondary { background: linear-gradient(180deg, rgba(34, 48, 74, 0.95), rgba(17, 27, 43, 0.95)); border-color: rgba(84, 112, 149, .9); }
.sc-btn:hover, .sc-compact-button:hover, .settings-save:hover, .notes-save:hover, .widget-toggle:hover, .debug-toggle__button:hover, form button[type="submit"]:hover { border-color: rgba(114,220,255,.72); background: linear-gradient(180deg, rgba(84, 236, 220, .28), rgba(61, 164, 255, .16)); }
.sc-btn:focus-visible, .sc-compact-button:focus-visible, .settings-save:focus-visible, .notes-save:focus-visible, .widget-toggle:focus-visible, .debug-toggle__button:focus-visible, form button[type="submit"]:focus-visible { outline: 2px solid rgba(125,211,252,.78); outline-offset: 2px; }
.sc-btn:active, .sc-compact-button:active, .settings-save:active, .notes-save:active, .widget-toggle:active, .debug-toggle__button:active, form button[type="submit"]:active { transform: translateY(1px); background: linear-gradient(180deg, rgba(32, 125, 154, .3), rgba(76, 129, 255, .16)); }
.sc-btn[disabled], button[disabled] { opacity: .58; cursor: not-allowed; }
input[type="text"], input[type="email"], input[type="password"], input[type="color"], select, textarea {
    width: 100%;
    padding: .42rem .52rem;
    color: var(--sc-color-text);
    background: rgba(8, 13, 24, .92);
    border: 1px solid var(--sc-color-border);
    border-radius: 2px;
}
textarea { min-height: 104px; resize: vertical; }
.sc-management-panel, .sc-fieldset, .sc-control-panel { display: grid; gap: .4rem; min-width: 0; margin: 0; padding: .5rem .55rem; border: 1px solid var(--sc-color-border); border-radius: 0; background: rgba(4,8,16,.46); }
.sc-management-panel--compact { gap: .32rem; padding: .42rem .5rem; }
.sc-fieldset { padding-top: .38rem; }
.sc-fieldset__legend, .sc-control-panel__legend { padding: 0 .35rem; color: #f7fbff; font-size: .78rem; font-weight: 800; letter-spacing: .02em; }
.sc-management-table { width: 100%; border-collapse: collapse; table-layout: auto; }
.sc-management-table--compact th { padding: .26rem .38rem; background: rgba(39,64,95,.72); font-size: .72rem; line-height: 1.2; }
.sc-management-table--compact td { padding: .28rem .38rem; border-top: 1px solid rgba(159,182,214,.14); line-height: 1.25; vertical-align: middle; }
.sc-form-row { display: grid; grid-template-columns: minmax(170px, 230px) minmax(0, 1fr); gap: .42rem; align-items: start; padding: .32rem 0; border-top: 1px solid rgba(159,182,214,.12); }
.sc-form-row:first-child { border-top: 0; padding-top: 0; }
.sc-form-row--compact { grid-template-columns: minmax(160px, 215px) minmax(0, 1fr); gap: .36rem; padding: .28rem 0; }
.sc-action-strip { display: flex; flex-wrap: wrap; align-items: end; gap: .35rem; width: fit-content; max-width: 100%; padding: .42rem .5rem; border: 1px solid rgba(39,64,95,.9); border-radius: 0; background: rgba(10,17,30,.78); }
.sc-action-strip--full { width: 100%; justify-content: space-between; align-items: center; }
.sc-compact-button { width: fit-content; max-width: 100%; min-height: 1.65rem; padding: .2rem .45rem; font-size: .74rem; }
.sc-compact-select, .sc-compact-input, .sc-compact-textarea { color: var(--sc-color-text); background: rgba(8,13,24,.92); border: 1px solid var(--sc-color-border); border-radius: 2px; }
.sc-compact-select, .sc-compact-input { min-height: 1.75rem; padding: .24rem .42rem; font-size: .76rem; line-height: 1.2; }
.sc-compact-select { width: auto; min-width: 11rem; max-width: min(100%, 20rem); }
.sc-compact-input { width: min(100%, 28rem); }
.sc-compact-textarea { min-height: 5.5rem; padding: .34rem .42rem; font-size: .76rem; line-height: 1.32; }
.sc-source-code-area { height: min(42vh, 24rem); min-height: 8.5rem; font-family: "Fira Code", Consolas, monospace; font-size: .74rem; line-height: 1.32; tab-size: 4; }
.sc-status-key { display: flex; flex-wrap: wrap; gap: .25rem; align-items: center; }
.sc-status-key__item { width: fit-content; max-width: 100%; }
.sc-help-box { margin: 0; padding: .34rem .42rem; border: 1px solid rgba(39,64,95,.72); background: rgba(8,13,24,.68); color: var(--sc-color-muted); }
table { width: 100%; border-collapse: collapse; }
th, td { padding: .52rem .65rem; border-bottom: 1px solid rgba(159, 182, 214, 0.16); text-align: left; vertical-align: top; }
th { color: #dff8ff; font-size: .79rem; letter-spacing: .05em; text-transform: uppercase; }
.list, ul { padding-left: 1.15rem; }

.sc-admin-frame {
    min-height: 100dvh;
    height: auto;
    overflow: visible;
    padding-bottom: .75rem;
}
.sc-admin-frame:not(.sc-admin-login-frame) {
    height: auto;
    overflow: visible;
    padding-bottom: .75rem;
}
.sc-admin-mode-banner {
    width: min(var(--sc-shell-max), calc(100% - 1.5rem));
    margin: 0 auto .55rem;
    padding: .28rem .55rem;
    display: flex;
    align-items: center;
    gap: .4rem;
    border-radius: 0;
}
.sc-admin-frame__shell {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: var(--sc-admin-sidebar-gap);
    min-height: 100dvh;
    height: auto;
    width: 100%;
    max-width: none;
    margin: 0;
    overflow: visible;
}
.sc-admin-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: var(--sc-admin-sidebar-width);
    height: 100dvh;
    min-height: 100dvh;
    max-height: 100dvh;
    overflow-y: auto;
    box-sizing: border-box;
    overflow-x: hidden;
    padding: .42rem .34rem .5rem .42rem;
    scrollbar-gutter: stable;
    border-radius: 0;
}

.sc-admin-sidebar {
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
}

.sc-admin-sidebar::-webkit-scrollbar {
    width: 10px;
}

.sc-admin-sidebar::-webkit-scrollbar-track {
    background: transparent;
}

.sc-admin-sidebar::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 8px;
    border: 2px solid transparent;
}

.sc-admin-sidebar:hover {
    scrollbar-color: #4b5563 transparent;
}

.sc-admin-sidebar:hover::-webkit-scrollbar-thumb {
    background: #4b5563;
    border-color: transparent;
}

.sc-admin-sidebar::-webkit-scrollbar-thumb:hover {
    background: #64748b;
}
.sc-admin-brand { display: grid; gap: .24rem; margin-bottom: .34rem; border-bottom: 1px solid rgba(103, 179, 214, .32); padding-bottom: .34rem; min-width: 0; }
.sc-admin-brand__title { font-size: .86rem; font-weight: 800; letter-spacing: 0; line-height: 1.15; }
.sc-admin-brand__subtitle { color: #c7e5f5; font-size: .66rem; text-transform: uppercase; letter-spacing: .04em; margin-top: .06rem; line-height: 1.2; }
.sc-admin-brand__current-page { color: #f7fbff; font-size: .72rem; font-weight: 700; line-height: 1.15; margin-top: .08rem; }
.sc-admin-brand__meta { display: flex; flex-wrap: wrap; gap: .16rem .32rem; font-size: .64rem; line-height: 1.2; color: #a8c6da; min-width: 0; }
.sc-admin-current-context { display: flex; flex-wrap: wrap; gap: .16rem; min-width: 0; }
.sc-admin-developer-mode-toggle { display: grid; gap: .2rem; min-width: 0; }
.sc-admin-developer-mode-toggle button { min-height: 1.45rem; padding: .16rem .34rem; font-size: .66rem; line-height: 1.1; }
.sc-admin-developer-mode-toggle span { font-size: .62rem; line-height: 1.15; overflow-wrap: anywhere; }
.sc-admin-nav-groups { display: grid; gap: .38rem; padding-right: .12rem; min-width: 0; }
.sc-admin-nav-group { overflow: hidden; border-radius: 0; border: 1px solid rgba(87, 212, 234, .46); background: rgba(9, 16, 30, .94); box-shadow: inset 0 1px 0 rgba(102, 217, 237, .1), 0 1px 0 rgba(0, 0, 0, .38); min-width: 0; }
.sc-admin-nav-group:has(.sc-admin-nav-list:empty) { display: none; }
.sc-admin-nav-group__toggle { width: 100%; min-height: 1.45rem; background: linear-gradient(180deg, rgba(21, 37, 61, .98), rgba(11, 18, 32, .98)); border: 0; border-bottom: 1px solid rgba(87, 212, 234, .44); color: #f4fbff; display: grid; grid-template-columns: minmax(0, 1fr) 1.12rem; gap: .28rem; align-items: center; padding: .18rem .22rem .18rem .38rem; font-size: .74rem; font-weight: 800; letter-spacing: 0; text-transform: none; text-align: left; line-height: 1.08; text-shadow: 0 1px 0 rgba(0, 0, 0, .58); }
.sc-admin-nav-group__toggle span:first-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sc-admin-nav-group__toggle span:last-child, .sc-admin-nav-item__toggle span { display: inline-flex; align-items: center; justify-content: center; width: 1rem; height: 1rem; border: 1px solid rgba(102, 217, 237, .74); background: rgba(13, 33, 51, .96); color: #b8f3ff; font-size: .74rem; font-weight: 900; line-height: 1; box-shadow: inset 0 0 0 1px rgba(184, 243, 255, .08); }
.sc-admin-nav-group.is-collapsed .sc-admin-nav-group__items { display: none; }
.sc-admin-nav-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; min-width: 0; }
.sc-admin-nav-list li { margin: 0; }
.sc-admin-nav-item-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: stretch; }
.sc-admin-nav-item__toggle { border: 0; border-top: 1px solid rgba(57, 97, 140, .7); border-left: 1px solid rgba(57, 97, 140, .7); background: rgba(11, 25, 43, .98); color: #b8f3ff; width: 1.32rem; display: inline-flex; align-items: center; justify-content: center; padding: 0; font-size: .66rem; }
.sc-admin-nav-item__toggle:hover { color: #ffffff; background: rgba(34, 199, 226, .2); }
.sc-admin-nav-item.is-collapsed > .sc-admin-nav-item__children { display: none; }
.sc-admin-nav-list--nested { margin: 0; padding: 0 0 0 .56rem; border-left: 1px solid rgba(102, 217, 237, .28); background: rgba(7, 13, 25, .78); }
.sc-admin-nav-list--nested .sc-admin-nav-item { position: relative; }
.sc-admin-nav-list--nested .sc-admin-nav-item::before { content: ''; position: absolute; left: -.56rem; top: .55rem; width: .42rem; border-top: 1px solid rgba(102, 217, 237, .26); }
.sc-admin-nav-item--child .sc-admin-nav-link { padding: .14rem .32rem .14rem .24rem; font-size: .7rem; color: #cfe3f3; border-top-color: rgba(39, 64, 95, .56); }
.sc-admin-nav-item--child .sc-admin-nav-link.active { color: #ffffff; background: rgba(34, 199, 226, .16); border-top-color: rgba(102, 217, 237, .42); }
.sc-admin-nav-link { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: .24rem; min-height: 1.38rem; padding: .15rem .36rem .15rem .44rem; border-radius: 0; color: #eef7ff; border-top: 1px solid rgba(39, 64, 95, .68); font-size: .72rem; line-height: 1.12; overflow: hidden; }
.sc-admin-nav-link span:first-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sc-admin-nav-link:hover { background: rgba(34, 199, 226, .12); color: #ffffff; border-top-color: rgba(102, 217, 237, .42); }
.sc-admin-nav-link.active { background: rgba(12, 34, 55, .98); color: #ffffff; border-top-color: rgba(102, 217, 237, .64); box-shadow: inset 4px 0 0 var(--sc-color-primary-strong); }
.sc-admin-nav-link.active::after { content: ''; position: absolute; inset: 0 0 0 auto; width: 2px; background: var(--sc-color-primary); }
.sc-admin-nav-link__state { color: #9de6f8; font-size: .55rem; text-transform: uppercase; letter-spacing: 0; font-weight: 900; line-height: 1; }
.sc-admin-main {
    margin-left: calc(var(--sc-admin-sidebar-width) + var(--sc-admin-sidebar-gap));
    width: calc(100% - (var(--sc-admin-sidebar-width) + var(--sc-admin-sidebar-gap)));
    max-width: calc(100% - (var(--sc-admin-sidebar-width) + var(--sc-admin-sidebar-gap)));
    padding-right: var(--sc-admin-main-gutter);
    box-sizing: border-box;
    min-width: 0;
    min-height: 0;
    height: auto;
    max-height: none;
    display: grid;
    gap: .42rem;
    overflow: visible;
}
.sc-admin-header { width: 100%; padding: .4rem .55rem; display: grid; gap: .26rem; border-radius: 0; }
.sc-admin-header__primary { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: start; gap: .3rem .55rem; }
.sc-admin-header__secondary { display: grid; gap: .26rem; border-top: 1px solid rgba(39, 64, 95, .75); padding-top: .26rem; }
.sc-admin-header__section { display: inline-block; color: var(--sc-color-primary); font-size: .63rem; text-transform: uppercase; letter-spacing: .12em; margin-bottom: .06rem; }
.sc-admin-header__subline { color: var(--sc-color-muted); font-size: .75rem; }
.sc-admin-toplinks { display: flex; flex-wrap: wrap; gap: .18rem; align-items: center; }
.sc-admin-toplinks__item { display: inline-flex; align-items: center; min-height: 1.45rem; padding: .12rem .4rem; border: 1px solid rgba(39, 64, 95, .95); background: rgba(8, 13, 24, .74); color: var(--sc-color-text); font-size: .7rem; border-radius: 0; }
.sc-admin-toplinks__item:hover, .sc-admin-toplinks__item.active { background: rgba(102, 217, 237, .12); border-color: rgba(102, 217, 237, .28); }
.sc-admin-toplinks__item--text { color: var(--sc-color-muted); }
.sc-admin-meta, .header-badges { display: flex; flex-wrap: wrap; gap: .2rem; }
.sc-admin-owner-note { padding: .24rem .38rem; border-radius: 0; border: 1px solid rgba(102, 217, 237, .28); background: rgba(102, 217, 237, .08); font-size: .72rem; }
.sc-admin-content { min-width: 0; padding: .52rem; border-radius: 0; line-height: 1.3; }
.sc-admin-content > :where(div, section, article, main),
.sc-admin-content .panel,
.sc-admin-content .card,
.sc-admin-content .widget,
.sc-admin-content .grid,
.sc-admin-content .cards,
.sc-admin-content details,
.sc-admin-content .sc-table-scroll,
.sc-admin-content .sc-payload-pane { min-width: 0; max-width: 100%; }
.sc-admin-content .sc-payload-pane { overflow: auto; border: 1px solid rgba(39,64,95,.85); background: rgba(8,13,24,.72); }
.sc-admin-content .sc-payload-pane summary { padding: .28rem .42rem; cursor: pointer; }
.sc-admin-content pre.payload { display: block; max-width: 100%; max-height: 24rem; margin: 0; overflow: auto; white-space: pre; overflow-wrap: normal; word-break: normal; padding: .35rem .42rem; font-size: .72rem; line-height: 1.25; color: #dbe8f7; background: #0b1220; }
.sc-diagnostics-payload { min-width: 0; max-width: 100%; border: 1px solid rgba(39,64,95,.85); background: rgba(8,13,24,.72); overflow: hidden; }
.sc-diagnostics-payload + .sc-diagnostics-payload { margin-top: .4rem; }
.sc-diagnostics-payload > summary { display: flex; align-items: center; justify-content: space-between; gap: .5rem; padding: .32rem .45rem; cursor: pointer; font-weight: 700; color: #dbe8f7; }
.sc-diagnostics-payload__meta { flex: 0 0 auto; border: 1px solid rgba(102,217,237,.35); color: #99daff; background: rgba(12,25,44,.86); padding: .08rem .3rem; font-size: .68rem; text-transform: uppercase; }
.sc-diagnostics-payload__modes { display: grid; gap: .35rem; padding: 0 .42rem .42rem; min-width: 0; }
.sc-diagnostics-payload__mode { min-width: 0; border: 1px solid rgba(39,64,95,.7); background: rgba(5,10,20,.5); }
.sc-diagnostics-payload__mode > summary { padding: .24rem .36rem; cursor: pointer; color: #b7c7db; font-size: .76rem; font-weight: 700; }
.sc-diagnostics-payload__block { display: block; box-sizing: border-box; width: 100%; max-width: 100%; max-height: 26rem; margin: 0; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; word-break: break-word; padding: .42rem .5rem; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: .72rem; line-height: 1.28; color: #dbe8f7; background: #0b1220; }
.sc-diagnostics-payload__children { display: grid; gap: .35rem; padding: 0 .42rem .42rem; min-width: 0; }
.sc-diagnostics-payload__child { min-width: 0; border: 1px solid rgba(102,217,237,.22); background: rgba(12,25,44,.45); }
.sc-diagnostics-payload__child > summary { display: flex; justify-content: space-between; gap: .5rem; padding: .28rem .36rem; cursor: pointer; font-size: .76rem; font-weight: 700; }
.sc-diagnostics-payload__block--raw { white-space: pre-wrap; }
.sc-auth-expired__panel { border-color: rgba(102,217,237,.35); background: rgba(12,25,44,.72); }
.sc-auth-expired__panel h2 { margin-top: 0; }
.sc-admin-content :where(p, .help, .muted, .placeholder-note) { line-height: 1.26; }
.sc-admin-content p { margin: 0 0 .22rem; }
.sc-admin-content p:last-child { margin-bottom: 0; }
.sc-admin-content :where(ul, ol) { margin-top: .16rem; margin-bottom: .28rem; padding-left: 1.05rem; }
.sc-admin-content li { margin-bottom: .08rem; line-height: 1.26; }
.sc-admin-content :where(h1, h2, h3, h4) { line-height: 1.16; }
.sc-admin-content :where(h1, h2, h3, h4) + :where(p, ul, ol) { margin-top: .18rem; }
.sc-admin-content :where(.panel, .widget, .sc-panel, .sc-card) > :where(h1, h2, h3, h4):first-child { margin-bottom: .2rem; }
.sc-admin-content .sc-table-scroll { overflow-x: auto; }
.sc-admin-content .sc-table-scroll table { min-width: 720px; }
.sc-admin-footer { padding: .34rem .55rem; color: var(--sc-color-muted); display: flex; justify-content: space-between; gap: .45rem; flex-wrap: wrap; font-size: .71rem; border-radius: 0; }

.sc-admin-section-header { margin-bottom: .4rem; }
.sc-admin-dashboard-heading { margin-bottom: .32rem; }
.dashboard-grid { display: block; column-count: 2; column-gap: .4rem; }
.dashboard-grid--dense > .widget { min-height: 0; }
.dashboard-grid > .widget[data-widget-id="system-summary"],
.dashboard-grid > .widget[data-widget-id="quick-actions"],
.dashboard-grid > .widget[data-widget-id="notes"] { column-span: all; }
.widget,
.widget.widget--full { display: inline-grid; width: 100%; break-inside: avoid; margin: 0 0 .4rem; gap: .22rem; padding: .34rem .42rem; border-radius: 0; vertical-align: top; }
.widget-header { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: .2rem .4rem; min-height: 1.75rem; padding: 0 0 .18rem; border-bottom: 1px solid rgba(39, 64, 95, .72); }
.widget-title { font-size: .74rem; letter-spacing: .045em; text-transform: uppercase; line-height: 1.12; }
.widget-body { display: grid; gap: .22rem; min-width: 0; }
.widget-toggle { min-height: 1.4rem; min-width: 1.9rem; padding: .08rem .34rem; font-size: .68rem; justify-self: end; }
.widget-body[hidden],
.system-status-card__body[hidden],
.setting-field[hidden],
.sc-style-options__field[hidden] { display: none !important; }
.stat { font-size: 1.15rem; font-weight: 800; color: #f7fbff; line-height: 1.05; }
.status-grid, .quick-links, .sc-overview-grid { display: grid; gap: .26rem; }
.status-grid { grid-template-columns: repeat(auto-fit, minmax(124px, 1fr)); }
.status-item, .quick-link { padding: .3rem .4rem; border-radius: 0; background: rgba(8, 13, 24, .7); border: 1px solid rgba(39, 64, 95, .9); }
.quick-links--dense { grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); }
.quick-link { display: flex; justify-content: space-between; align-items: center; color: inherit; font-size: .74rem; }
.sc-admin-summary-row { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border: 1px solid rgba(39, 64, 95, .85); background: rgba(8, 13, 24, .72); }
.sc-admin-summary-cell { display: grid; gap: .08rem; padding: .26rem .38rem; border-right: 1px solid rgba(39, 64, 95, .8); }
.sc-admin-summary-cell:last-child { border-right: 0; }
.sc-admin-summary-cell__label { color: var(--sc-color-muted); font-size: .66rem; text-transform: uppercase; letter-spacing: .06em; }
.sc-admin-summary-cell__value { font-size: .78rem; font-weight: 700; }
.sc-admin-data-table th,
.sc-admin-data-table td { padding: .28rem .4rem; font-size: .74rem; }
.sc-admin-data-table tbody th { width: 35%; color: var(--sc-color-muted); font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.system-status-page{display:grid;gap:.4rem}
.system-status-page__header,.system-status-card__header,.system-status-page__meta{display:flex;align-items:center;justify-content:space-between;gap:.4rem;flex-wrap:wrap}
.system-status-page__header h2,.system-status-card__header h3{margin:0}
.system-status-card__body{display:grid;gap:.18rem;min-width:0}
.system-status-page__meta{justify-content:flex-end;font-size:.74rem;color:var(--sc-color-muted)}
.system-status-page [data-system-status-summary]{grid-template-columns:minmax(0,.9fr) minmax(0,2.2fr) minmax(7rem,.75fr)}
.system-status-page [data-system-status-summary] .system-status-summary-cell{min-width:0}
.system-status-page [data-system-status-summary] .system-status-summary-cell__value{min-width:0}
.system-status-page [data-system-status-summary] .system-status-summary-cell__value--source{overflow-wrap:anywhere;word-break:break-word}
.system-status-grid{display:block;column-count:2;column-gap:.45rem}
.system-status-card{display:inline-grid;width:100%;break-inside:avoid;margin:0 0 .45rem;gap:.2rem;padding:.32rem .38rem;vertical-align:top}
.system-status-card__header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.16rem .35rem;min-height:1.75rem;padding:0 0 .14rem;border-bottom:1px solid rgba(39, 64, 95, .72)}
.system-status-card__header .badge{justify-self:start}
.system-status-card__header .sc-btn{justify-self:end}
.system-status-card__error,.system-status-page__error{margin:0;padding:.24rem .34rem;border:1px solid rgba(251,113,133,.35);background:rgba(251,113,133,.1);color:var(--sc-color-danger)}
.system-status-card .sc-admin-data-table td{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}
.system-status-card .sc-admin-data-table td .system-status-card__source,
.system-status-card .sc-admin-data-table td .system-status-card__detail{min-width:0;overflow-wrap:anywhere;word-break:break-word}
.sc-layout--horizontal .dashboard-grid{column-count:1}
.sc-layout--two-column .dashboard-grid{column-count:2}
.sc-layout--three-column .dashboard-grid{column-count:3}
.sc-layout--horizontal .system-status-grid{column-count:1}
.sc-layout--two-column .system-status-grid{column-count:2}
.sc-layout--three-column .system-status-grid{column-count:3}
.system-status-value{font-weight:700;color:var(--sc-color-text)}
.notes-editor { display: grid; gap: .3rem; }
.notes-toolbar { display: flex; gap: .28rem; flex-wrap: wrap; }
.notes-toolbar button { padding: .18rem .38rem; min-height: 1.45rem; font-size: .7rem; }
.notes-area { min-height: 112px; padding: .42rem; border-radius: 0; border: 1px solid var(--sc-color-border); background: rgba(8,13,24,.92); }
.notes-footer, .settings-actions { display: flex; justify-content: space-between; align-items: center; gap: .45rem; flex-wrap: wrap; }
.settings-shell { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: .55rem; }
.settings-nav, .settings-panel { padding: .6rem; border-radius: 0; }
.settings-nav__group-list { display: grid; gap: .35rem; }
.settings-nav__group { border: 1px solid rgba(39,64,95,.9); background: rgba(8,13,24,.7); border-radius: 0; overflow: hidden; }
.settings-nav__toggle { width: 100%; background: rgba(9, 17, 30, .92); border: 0; border-bottom: 1px solid rgba(39,64,95,.85); color: inherit; text-align: left; padding: .38rem .5rem; display: flex; justify-content: space-between; gap: .45rem; align-items: center; font-size: .75rem; font-weight: 700; text-transform: uppercase; }
.settings-nav__items { display: grid; gap: 0; padding: .18rem 0; }
.settings-nav__link { display: flex; justify-content: space-between; align-items: center; gap: .35rem; padding: .36rem .5rem; border-radius: 0; color: inherit; background: transparent; border-top: 1px solid rgba(39,64,95,.42); font-size: .78rem; }
.settings-nav__link.active { border-color: rgba(102,217,237,.25); background: rgba(102,217,237,.12); }
.setting-field { display: grid; grid-template-columns: minmax(180px, 220px) minmax(0, 1fr); gap: .6rem; padding: .6rem 0; border-top: 1px solid rgba(159,182,214,.12); }
.setting-field:first-child { border-top: 0; padding-top: 0; }
.setting-control > label { display: flex; align-items: center; gap: .6rem; }
.setting-control input[type="checkbox"] { width: auto; }
.settings-panel .setting-control input[type="color"] { width: 2.4rem; min-width: 2.4rem; height: 1.8rem; padding: .12rem; border-radius: 2px; }
.settings-status[data-state="success"] { color: var(--sc-color-success); }
.settings-status[data-state="error"] { color: var(--sc-color-danger); }
.sc-lock-grid, .sc-mode-grid, .twilight-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: .8rem; }

.sc-public-mode-banner {
    position: sticky;
    top: 0;
    z-index: 45;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    width: 100%;
    padding: .3rem .75rem;
    border-bottom: 1px solid rgba(92, 142, 196, .44);
    background: linear-gradient(90deg, rgba(16, 24, 42, .98), rgba(32, 45, 69, .98));
    color: #e2e8f0;
    box-shadow: 0 6px 14px rgba(2, 6, 23, .18);
    backdrop-filter: blur(10px);
}
.sc-public-mode-banner .badge { flex: 0 0 auto; }
.sc-public-frame { padding-top: 0; }
.sc-public-top-banner {
    width: 100%;
    min-height: clamp(140px, 22vw, 320px);
    background:
        linear-gradient(180deg, rgba(9, 16, 31, .12), rgba(9, 16, 31, .42)),
        radial-gradient(circle at 84% 10%, rgba(168, 141, 255, .18), transparent 18%),
        radial-gradient(circle at 18% 18%, rgba(114, 220, 255, .14), transparent 22%),
        #0a1324 url('/Styles/Default/Banner.png') center/cover no-repeat;
    border-bottom: 1px solid rgba(65, 109, 153, .82);
}
.sc-public-frame__shell { display: grid; gap: .85rem; padding: .85rem 0 1.5rem; }
.sc-public-header { display: grid; gap: .75rem; }
.sc-public-utility { width: 100%; padding: .8rem .95rem; display: flex; justify-content: space-between; gap: .75rem; flex-wrap: wrap; align-items: start; background: linear-gradient(180deg, rgba(26, 39, 65, .92), rgba(12, 20, 36, .92)); border: 1px solid rgba(63, 101, 142, .72); box-shadow: inset 0 1px 0 rgba(220, 241, 255, .06), 0 12px 24px rgba(2, 7, 18, .18); }
.site-name { font-size: clamp(1.35rem, 2.7vw, 2rem); font-weight: 800; line-height: 1.08; }
.site-tagline { color: var(--sc-color-muted); margin-top: .18rem; }
.sc-public-account-actions { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; gap: .4rem; }
.sc-nav { display: flex; flex-wrap: wrap; gap: .45rem; padding: .6rem .8rem; }
.sc-nav a { display: inline-flex; align-items: center; gap: .35rem; min-height: 2rem; padding: .42rem .7rem; border-radius: 0; background: rgba(17, 26, 45, .9); border: 1px solid rgba(39,64,95,.9); color: var(--sc-color-text); }
.sc-nav a.active { background: rgba(102,217,237,.14); border-color: rgba(102,217,237,.3); }
.sc-breadcrumbs, .sc-public-main { padding: 0 .8rem; }
.sc-breadcrumbs .trail { display: flex; flex-wrap: wrap; gap: .3rem; color: var(--sc-color-muted); font-size: .88rem; }
.sc-public-main__inner { width: min(100%, var(--sc-content-max)); margin: 0 auto; }
.sc-public-main__content { padding: .95rem; overflow: hidden; }
.footer-inner { display: flex; justify-content: space-between; gap: .8rem; flex-wrap: wrap; padding: .75rem 0; color: var(--sc-color-muted); }

.panel-content { display: grid; gap: .65rem; }


.card .content {
    min-width: 0;
}
.card .content pre,
.card .content code,
.card .content .stack {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    word-break: break-word;
}
.twilight-hero { margin-bottom: .8rem; }
.twilight-card { padding: .8rem; border-radius: var(--sc-radius-md); background: linear-gradient(180deg, rgba(18, 29, 49, .84), rgba(8, 13, 24, .82)); border: 1px solid rgba(60, 100, 141, .84); box-shadow: inset 0 1px 0 rgba(225, 240, 255, .05); }
.sc-home-intro { display: grid; gap: .75rem; margin-bottom: .85rem; }
.sc-lead { color: var(--sc-color-muted); }
.sc-message-grid, .sc-home-modules { display: grid; gap: .75rem; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); }
.sc-message-card, .sc-home-module { padding: .8rem; border: 1px solid rgba(39,64,95,.9); background: rgba(8,13,24,.72); }
.sc-home-module h3, .sc-message-card h2 { margin-top: 0; }
.sc-login-page { display: grid; gap: .85rem; }
.sc-login-card { padding: .95rem; }
.sc-login-shell { min-height: calc(100vh - 2rem); display: flex; align-items: center; justify-content: center; }
.sc-login-main { width: min(100%, 560px); }
.sc-login-main__content { width: 100%; padding: 0; border: 0; background: transparent; box-shadow: none; }
.sc-login-main__content .sc-login-page { width: 100%; max-width: 500px; margin: 0 auto; }
.sc-login-main__content .sc-lock-grid { grid-template-columns: 1fr; gap: .65rem; }
.sc-admin-login-page { max-width: 640px; }
.sc-admin-login-card { border-radius: 0; padding: .7rem; }
.sc-admin-login-card__header { margin-bottom: .55rem; }
.sc-login-form { display: grid; gap: .7rem; }
.sc-login-form label { display: grid; gap: .28rem; font-size: .8rem; }
.sc-admin-login-form { gap: .55rem; }
.sc-admin-login-form__actions { display: flex; gap: .45rem; align-items: center; flex-wrap: wrap; }
.sc-inline-login { display: grid; gap: .7rem; }
.sc-login-messages { display: grid; gap: .45rem; }
.sc-message-list { margin: 0; padding-left: 1rem; }

.maintenance-panel, .sc-lockdown-panel { padding: .95rem; }
.maintenance-status, .sc-mode-status { display: flex; align-items: center; flex-wrap: wrap; gap: .45rem; margin-bottom: .6rem; }
.maintenance-title, .sc-mode-title { font-size: clamp(1.55rem, 2.7vw, 2.1rem); line-height: 1.1; margin-bottom: .35rem; }
.maintenance-body, .sc-mode-body { color: var(--sc-color-muted); max-width: 60ch; }
.maintenance-container { max-width: 900px; margin: 80px auto; padding: 24px; }
.maintenance-divider { margin: 24px 0 0; border: 0; border-top: 1px solid rgba(159,182,214,.2); }
.maintenance-ad { margin-top: 24px; max-height: 250px; overflow: hidden; }
.maintenance-ad iframe, .maintenance-ad ins, .maintenance-ad img { max-width: 100% !important; }
.sc-lockdown-shell { display: grid; gap: .95rem; }
.sc-lockdown-layout { width: min(100%, 1000px); margin: 0 auto; }
.sc-lockdown-main { display: grid; gap: .8rem; }
.sc-lockdown-hero { background: linear-gradient(180deg, rgba(20, 32, 54, 0.98), rgba(11, 18, 33, 0.98)); }
.sc-lockdown-return { margin-top: .6rem; }
.sc-lockdown-columns { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr); gap: .85rem; align-items: start; }
.sc-lockdown-login, .sc-lockdown-support { display: grid; gap: .8rem; }
.sc-lockdown-card-heading { display: grid; gap: .45rem; }
.sc-lockdown-help-list { margin: 0; }
.sc-lockdown-actions { margin-top: auto; }
.sc-lockdown-ad-shell { width: min(100%, 860px); margin: 0 auto; }
.sc-lockdown-ad-frame { display: grid; gap: .55rem; padding: .8rem .9rem; border-radius: var(--sc-radius-lg); border: 1px solid rgba(39,64,95,.85); background: rgba(8, 13, 24, .72); }
.sc-lockdown-ad-header { display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; }
.sc-lockdown-ad-copy { margin: 0; }
.sc-lockdown-ad-container { min-height: 84px; width: min(100%, 728px); margin: 0 auto; padding: .55rem; border-radius: var(--sc-radius-md); border: 1px dashed rgba(102,217,237,.24); background: rgba(6, 10, 18, .72); overflow: hidden; }
.sc-lockdown-ad-container iframe, .sc-lockdown-ad-container ins, .sc-lockdown-ad-container img { max-width: 100% !important; }

.sc-style-manager, .sc-style-manager-wrapper { display: grid; gap: .55rem; }
.sc-style-manager__heading { margin-bottom: -.1rem; }
.sc-style-manager__toolbar, .sc-style-manager__layout, .sc-style-manager__panel, .sc-style-manager-wrapper__panel, .sc-style-manager-wrapper__workbench { padding: .55rem .6rem; border-radius: 0; background: rgba(10, 17, 30, .78); border: 1px solid rgba(39,64,95,.9); }
.sc-style-manager__toolbar { display: flex; flex-wrap: wrap; align-items: end; gap: .45rem; }
.sc-style-manager__toolbar--form { width: fit-content; max-width: 100%; }
.sc-style-manager__field { display: grid; gap: .18rem; min-width: 160px; }
.sc-style-manager__field--actions { min-width: auto; }
.sc-style-manager__field--search { min-width: min(28rem, 100%); flex: 1 1 18rem; }
.sc-style-manager__landing { border: 1px solid rgba(39,64,95,.95); background: rgba(10, 17, 30, .78); }
.sc-style-manager__action-select { width: auto; min-width: 13rem; max-width: 18rem; height: 1.85rem; padding-block: .14rem; }
.sc-style-manager__table { width: 100%; border-collapse: collapse; table-layout: auto; }
.sc-style-manager__table th { padding: .28rem .42rem; background: rgba(39,64,95,.72); font-size: .76rem; text-align: left; }
.sc-style-manager__table td { padding: .3rem .42rem; border-top: 1px solid rgba(159,182,214,.14); vertical-align: middle; }
.sc-style-manager__style-row { background: linear-gradient(90deg, rgba(13,31,52,.96), rgba(18,69,94,.86)); }
.sc-style-manager__style-row.is-selected { box-shadow: inset 3px 0 0 var(--sc-color-accent); }
.sc-style-manager__style-row.is-expanded { background: linear-gradient(90deg, rgba(13,31,52,.98), rgba(13,109,142,.78)); }
.sc-style-manager__style-cell { min-width: 13rem; }
.sc-style-manager__style-title, .sc-style-manager__meta, .sc-style-manager__footer-actions, .sc-style-manager__control-strip { display: flex; align-items: center; gap: .35rem; flex-wrap: wrap; }
.sc-style-manager__style-title input { width: 1rem; height: 1rem; margin: 0; }
.sc-style-manager__meta-cell { width: 1%; white-space: nowrap; }
.sc-style-manager__action-cell { width: 1%; white-space: nowrap; }
.sc-style-manager__button-cell { width: 1%; white-space: nowrap; text-align: center; }
.sc-style-manager__go, .sc-style-manager__toggle { width: auto; min-width: 2.35rem; padding: .22rem .45rem; }
.sc-style-manager__footer-actions { justify-content: center; padding: .34rem .45rem; border-top: 1px solid rgba(159,182,214,.14); background: rgba(8,13,24,.62); }
.sc-style-source-status { display: grid; gap: .32rem; padding: .45rem .55rem; border: 1px solid rgba(39,64,95,.9); background: rgba(8,13,24,.72); }
.sc-style-source-status__summary { display: flex; align-items: baseline; gap: .45rem; flex-wrap: wrap; }
.sc-style-source-status__rows, .sc-style-source-status__notes { display: flex; flex-wrap: wrap; gap: .28rem; font-size: .72rem; }
.sc-style-source-status__notes span { padding-right: .45rem; border-right: 1px solid rgba(159,182,214,.18); }
.sc-style-source-status__notes span:last-child { border-right: 0; }
.sc-style-manager__option { display: grid; grid-template-columns: minmax(180px, 230px) minmax(0, 1fr); gap: .45rem; padding: .42rem 0; border-top: 1px solid rgba(159,182,214,.12); }
.sc-style-manager__option:first-of-type { border-top: 0; padding-top: 0; }
.sc-style-manager__expanded-row td { padding: .45rem; background: linear-gradient(90deg, rgba(6, 16, 30, .96), rgba(8, 75, 103, .72)); }
.sc-style-manager__expanded { display: grid; gap: .45rem; padding: 0; }
.sc-style-manager__expanded-grid { display: grid; grid-template-columns: minmax(270px, .8fr) minmax(250px, .6fr); gap: .62rem; align-items: start; }
.sc-style-manager__expanded-stack { display: grid; gap: .42rem; }
.sc-style-manager__expanded-panel { display: grid; gap: .34rem; padding: .42rem; border-radius: 0; border: 1px solid rgba(39,64,95,.82); background: rgba(8,13,24,.72); }
.sc-style-manager__expanded-header { display: flex; justify-content: space-between; align-items: center; gap: .5rem; flex-wrap: wrap; }
.sc-style-manager__expanded-header h4 { margin: 0; font-size: .92rem; }
.sc-style-manager__template-panel { min-width: 0; }
.sc-style-manager__template-browser { height: min(42vh, 24rem); min-height: 17rem; overflow: auto; border: 1px solid rgba(159,182,214,.28); background: rgba(4,8,16,.82); font-family: "Fira Code", Consolas, monospace; font-size: .76rem; line-height: 1.32; }
.sc-style-manager__template-browser-title, .sc-style-manager__template-group-row, .sc-style-manager__template-item { padding: .16rem .32rem; }
.sc-style-manager__template-browser-title { color: #9bdcff; font-weight: 800; background: rgba(7,24,42,.94); border-bottom: 1px solid rgba(102,217,237,.26); }
.sc-style-manager__template-group-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: .45rem; color: #8fdcff; font-weight: 800; background: linear-gradient(90deg, rgba(7,28,48,.96), rgba(12,56,92,.88)); text-decoration: none; border-top: 1px solid rgba(102,217,237,.16); }
.sc-style-manager__template-items[hidden] { display: none; }
.sc-style-manager__template-item { display: flex; align-items: center; gap: .24rem; flex-wrap: wrap; color: var(--sc-color-text); font-weight: 650; text-decoration: none; border-top: 1px solid rgba(39,64,95,.22); border-left: 3px solid rgba(159,182,214,.22); background: rgba(10,33,57,.74); }
.sc-style-manager__template-item-label { flex: 1 1 14rem; min-width: 0; overflow-wrap: anywhere; }
.sc-style-manager__template-item--default { background: rgba(18, 30, 48, .92); border-left-color: rgba(143, 168, 205, .44); color: var(--sc-color-silver); }
.sc-style-manager__template-item--inherited { background: linear-gradient(180deg, rgba(8, 44, 66, .9), rgba(10, 31, 50, .88)); border-left-color: rgba(68,225,207,.7); color: #dffcf8; }
.sc-style-manager__template-item--customized { background: linear-gradient(180deg, rgba(64, 41, 21, .92), rgba(45, 27, 14, .9)); border-left-color: rgba(251,191,36,.78); color: #fff1c4; }
.sc-style-manager__template-item--neutral { background: rgba(15, 32, 51, .88); }
.sc-style-manager__template-group-row:hover, .sc-style-manager__template-item:hover { background: rgba(27,84,118,.78); color: #fff; }
.sc-style-manager__template-group-row.is-selected, .sc-style-manager__template-item.is-selected { outline: 1px solid #9bdcff; outline-offset: -1px; background: linear-gradient(180deg, rgba(20, 95, 125, .86), rgba(52, 54, 122, .82)); color: #fff; box-shadow: inset 3px 0 0 rgba(131, 240, 255, .84), inset 0 0 0 1px rgba(185, 147, 255, .18); }
.sc-style-manager__group-indicator { flex: 0 0 auto; }
.sc-style-manager__state-badge { font-size: .64rem; line-height: 1.08; }
.sc-style-manager__state-badge--master-default,
.sc-style-manager__state-badge--file-backed-readonly { color: var(--sc-color-silver); border-color: rgba(143,168,205,.4); background: linear-gradient(180deg, rgba(40, 55, 78, .64), rgba(25, 36, 54, .64)); }
.sc-style-manager__state-badge--inherited-from-parent { color: #a6fff2; border-color: rgba(68,225,207,.48); background: linear-gradient(180deg, rgba(9, 64, 72, .62), rgba(7, 47, 63, .62)); }
.sc-style-manager__state-badge--current-set-customized,
.sc-style-manager__state-badge--revertible { color: #fff0b3; border-color: rgba(251,191,36,.56); background: linear-gradient(180deg, rgba(92, 59, 16, .68), rgba(63, 38, 12, .68)); }
.sc-style-manager__state-badge--editable { color: #e8dcff; border-color: rgba(177,130,255,.52); background: linear-gradient(180deg, rgba(74, 54, 135, .64), rgba(42, 35, 92, .64)); }
.sc-style-manager__state-badge--read-only { color: #cfe0f8; border-color: rgba(127,159,200,.4); background: linear-gradient(180deg, rgba(33, 48, 70, .62), rgba(22, 33, 53, .62)); }
.sc-style-manager__state-badge--no-inherited-source { color: #ffd6de; border-color: rgba(251,113,133,.44); background: linear-gradient(180deg, rgba(89, 24, 42, .62), rgba(60, 17, 30, .62)); }
.sc-style-manager__template-control-label { padding: .24rem .32rem; border: 1px solid rgba(159,182,214,.28); background: rgba(17,53,85,.76); font-weight: 700; }
.sc-style-manager__template-control-nav { display: flex; align-items: center; justify-content: center; gap: .32rem; flex-wrap: wrap; font-weight: 700; }
.sc-style-manager__template-control-nav .sc-btn { min-width: 2.4rem; padding: .18rem .36rem; }
.sc-style-manager__control-strip .is-disabled { opacity: .58; cursor: not-allowed; }
.sc-style-manager__surface-select { width: 100%; min-height: 18rem; font-family: "Fira Code", Consolas, monospace; font-size: .76rem; }
.sc-style-manager__surface-list { display: grid; gap: .28rem; }
.sc-style-manager__surface-card { display: grid; gap: .12rem; padding: .35rem .42rem; border-radius: 0; border: 1px solid rgba(39,64,95,.72); background: rgba(4,8,16,.76); }
.sc-style-manager__action-domain { display: grid; gap: .22rem; }
.sc-style-manager__action-domain h5 { margin: 0; font-size: .92rem; }
.sc-style-manager__action-links { display: flex; flex-wrap: wrap; gap: .25rem; }
.sc-style-manager__quick-link { width: fit-content; max-width: 100%; }
.sc-style-manager__status-list { display: flex; flex-wrap: wrap; gap: .28rem; }
.sc-style-manager__selector-grid { display: grid; gap: .5rem; }
.sc-style-manager__template-list, .sc-style-manager__search-results { display: grid; gap: .42rem; }
.sc-style-manager__template-card, .sc-style-manager__result-card { padding: .45rem; border: 1px solid rgba(39,64,95,.82); background: rgba(8,13,24,.68); }
.sc-style-manager__snippet { margin: 0; padding: .38rem; overflow-x: auto; border: 1px solid rgba(39,64,95,.72); background: rgba(4,8,16,.92); }
.sc-style-options__panel { display: grid; gap: .55rem; }
.sc-style-options__actions { display: flex; justify-content: space-between; align-items: center; gap: .45rem; flex-wrap: wrap; }
.sc-style-options__actions--sticky { position: sticky; top: .45rem; z-index: 2; padding-bottom: .18rem; border-bottom: 1px solid rgba(39,64,95,.6); background: rgba(10, 17, 30, .78); }
.sc-style-options__sections { display: grid; gap: .6rem; }
.sc-style-options__section { display: grid; gap: .45rem; padding: .55rem; border-radius: 0; border: 1px solid rgba(39,64,95,.82); background: rgba(8,13,24,.68); }
.sc-style-options__section-header, .sc-style-options__template-header, .sc-style-options__css-panel-header { display: flex; justify-content: space-between; align-items: start; gap: .45rem; flex-wrap: wrap; }
.sc-style-options__readonly-list, .sc-style-options__common-templates, .sc-style-options__css-panels, .sc-style-options__field-groups { display: grid; gap: .45rem; }
.sc-style-options__readonly-row { display: grid; grid-template-columns: minmax(190px, 280px) minmax(0, 1fr); gap: .45rem; padding: .38rem 0; border-top: 1px solid rgba(159,182,214,.12); }
.sc-style-options__readonly-row:first-child { border-top: 0; padding-top: 0; }
.sc-style-options__readonly-label, .sc-style-options__readonly-value { display: grid; gap: .25rem; }
.sc-style-options__readonly-value input { width: 100%; }
.sc-style-options__field-group, .sc-style-options__css-panel, .sc-style-options__template-card { display: grid; gap: .42rem; padding: .5rem; border-radius: 0; border: 1px solid rgba(39,64,95,.72); background: rgba(4,8,16,.76); }
.sc-style-options__group-header { display: grid; gap: .25rem; }
.sc-style-options__field-list { display: grid; gap: .38rem; }
.sc-style-options__field { display: grid; grid-template-columns: minmax(190px, 250px) minmax(0, 1fr); gap: .45rem; padding: .32rem 0; border-top: 1px solid rgba(159,182,214,.12); }
.sc-style-options__field:first-child { border-top: 0; padding-top: 0; }
.sc-style-options__field-label, .sc-style-options__field-control { display: grid; gap: .25rem; }
.sc-style-options__field-control textarea { min-height: 6.5rem; }
.sc-style-options__color-control { display: flex; align-items: center; gap: .35rem; flex-wrap: wrap; }
.sc-style-options__template-source, .sc-style-options__css-source { width: 100%; min-height: 8.5rem; }
.sc-style-options__css-panel-grid { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(210px, .75fr); gap: .55rem; }
.sc-style-options__css-panel-main, .sc-style-options__css-panel-side { display: grid; gap: .45rem; }
.sc-style-options__css-subpanel { display: grid; gap: .28rem; padding: .42rem; border-radius: 0; border: 1px solid rgba(39,64,95,.68); background: rgba(8,13,24,.72); }
.sc-style-options__css-subpanel h6, .sc-style-options__css-selector { margin: 0; }
.sc-style-options__css-selector { display: grid; gap: .14rem; min-width: 0; padding: .3rem .4rem; border-radius: 0; border: 1px solid rgba(39,64,95,.68); background: rgba(4,8,16,.92); font-family: "Fira Code", Consolas, monospace; }
.sc-style-options__css-selector-label { font-family: Inter, "Segoe UI", sans-serif; font-size: .72rem; font-weight: 600; color: var(--sc-color-muted); }
.sc-style-options__css-selector-value { display: block; min-width: 0; white-space: normal; overflow-wrap: anywhere; word-break: break-word; line-height: 1.3; color: var(--sc-color-primary); }
.sc-style-options__selector-panel { gap: 0; padding: 0; overflow: hidden; border: 1px solid rgba(102,217,237,.42); background: rgba(4,8,16,.88); box-shadow: inset 0 1px 0 rgba(230,238,252,.06); }
.sc-style-options__selector-panel-titlebar { display: flex; justify-content: space-between; align-items: center; gap: .45rem; min-height: 2rem; padding: .28rem .45rem; border-bottom: 1px solid rgba(102,217,237,.26); background: linear-gradient(180deg, rgba(17,26,45,.98), rgba(8,13,24,.96)); color: var(--sc-color-text); }
.sc-style-options__selector-panel-titlebar h5 { margin: 0; font-size: .9rem; font-weight: 700; }
.sc-style-options__selector-panel form { display: grid; gap: 0; background: rgba(8,13,24,.7); }
.sc-style-options__selector-panel-grid { display: grid; grid-template-columns: minmax(320px, 1.08fr) minmax(320px, 1fr); gap: .58rem; padding: .55rem .65rem .45rem; }
.sc-style-options__selector-side-stack { display: grid; gap: .42rem; align-content: start; }
.sc-style-options__selector-links-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .58rem; padding: 0 .65rem .55rem; }
.sc-style-options__selector-subpanel { gap: .34rem; padding: .48rem .6rem .58rem; border: 1px solid rgba(39,64,95,.86); background: rgba(10,17,30,.84); color: var(--sc-color-text); }
.sc-style-options__selector-subpanel legend { padding: 0 .25rem; font-size: .82rem; font-weight: 700; color: var(--sc-color-primary); }
.sc-style-options__selector-subpanel table { width: 100%; border: 0; background: transparent; }
.sc-style-options__selector-subpanel tr { background: transparent; }
.sc-style-options__selector-subpanel th,
.sc-style-options__selector-subpanel td { padding: .14rem .18rem; border: 0; vertical-align: middle; background: transparent; }
.sc-style-options__selector-subpanel th { width: 42%; color: var(--sc-color-text); font-size: .78rem; font-weight: 400; text-align: left; }
.sc-style-options__selector-subpanel label { color: var(--sc-color-text); }
.sc-style-options__selector-field,
.sc-style-options__selector-extra textarea { width: 100%; border: 1px solid rgba(102,217,237,.34); border-radius: 0; background: rgba(4,8,16,.94); color: var(--sc-color-text); font-weight: 700; }
.sc-style-options__selector-field { min-height: 1.68rem; padding: .22rem .35rem; }
.sc-style-options__selector-field::placeholder,
.sc-style-options__selector-extra textarea::placeholder { color: rgba(159,182,214,.78); font-weight: 400; }
.sc-style-options__selector-reference { display: grid; gap: .14rem; margin-top: .24rem; font-size: .68rem; line-height: 1.24; color: var(--sc-color-muted); }
.sc-style-options__selector-reference-row { display: flex; flex-wrap: wrap; gap: .22rem .34rem; align-items: baseline; }
.sc-style-options__selector-reference-row--warning { color: var(--sc-color-warning); font-weight: 700; }
.sc-style-options__selector-reference-label { color: var(--sc-color-muted); font-weight: 700; }
.sc-style-options__selector-reference-value,
.sc-style-options__selector-reference-source { min-width: 0; overflow-wrap: anywhere; word-break: break-word; }
.sc-style-options__selector-reference-value { color: var(--sc-color-primary); }
.sc-style-options__selector-reference-source { color: var(--sc-color-text); }
.sc-style-options__selector-color-control { display: grid; grid-template-columns: minmax(0, 1fr) 2.35rem; gap: .3rem; align-items: center; }
.sc-style-options__selector-color-picker { width: 2.35rem; height: 1.68rem; padding: 0; border: 1px solid rgba(102,217,237,.34); border-radius: 0; background: rgba(4,8,16,.94); cursor: pointer; }
.sc-style-options__selector-color-picker::-webkit-color-swatch-wrapper { padding: 0; }
.sc-style-options__selector-color-picker::-webkit-color-swatch { border: 0; }
.sc-style-options__selector-extra textarea { min-height: 5.1rem; max-height: 10rem; padding: .38rem .45rem; line-height: 1.25; }
.sc-style-options__selector-description { min-height: 3.6rem; }
.sc-style-options__selector-description p { margin: 0; color: var(--sc-color-muted); font-size: .78rem; line-height: 1.35; }
.sc-style-options__css-panel-footer,
.sc-style-options__selector-panel-footer { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: .55rem; padding: .42rem .55rem; border-top: 1px solid rgba(39,64,95,.84); background: rgba(4,8,16,.96); }
.sc-style-options__css-panel-footer .sc-style-options__css-selector { border: 1px inset rgba(39,64,95,.72); background: rgba(10,17,30,.92); color: var(--sc-color-text); }
.sc-style-options__css-panel-footer .sc-style-options__css-selector code { color: var(--sc-color-primary); }
.sc-style-options__selector-panel-footer .sc-style-options__css-selector { border: 1px inset rgba(39,64,95,.72); background: rgba(10,17,30,.92); color: var(--sc-color-text); }
.sc-style-options__selector-panel-footer .sc-style-options__css-selector code { color: var(--sc-color-primary); }
.sc-style-options__selector-footer-main { min-width: 0; }
.sc-style-options__selector-footer-actions { display: inline-flex; flex-wrap: wrap; justify-content: flex-end; align-items: flex-start; gap: .3rem; }
.sc-style-options__aggregate { display: grid; gap: .45rem; }
.sc-style-options__editor-control-grid,
.sc-style-options__toolbar-menu-grid { display: grid; grid-template-columns: repeat(2, minmax(280px, 1fr)); gap: .5rem; align-items: start; }
.sc-style-options__editor-control,
.sc-style-options__toolbar-list { gap: .32rem; padding: .46rem .52rem .54rem; border: 1px solid rgba(39,64,95,.86); background: rgba(10,17,30,.84); color: var(--sc-color-text); }
.sc-style-options__editor-control-table { width: 100%; border: 0; border-collapse: separate; border-spacing: 0 .14rem; background: transparent; }
.sc-style-options__editor-control-table th,
.sc-style-options__editor-control-table td { padding: .08rem .16rem; border: 0; background: transparent; vertical-align: middle; }
.sc-style-options__editor-control-table th { width: 7.4rem; color: var(--sc-color-text); font-size: .78rem; font-weight: 400; text-align: left; }
.sc-style-options__editor-preview-cell { width: 3.35rem; text-align: center; }
.sc-style-options__editor-preview { display: inline-flex; align-items: center; justify-content: center; width: 2.55rem; height: 2.2rem; border: 1px solid rgba(102,217,237,.38); background: #d9e2ef; color: #101827; box-shadow: inset 0 1px 0 rgba(255,255,255,.68); }
.sc-style-options__editor-preview-face { display: inline-grid; place-items: center; min-width: 1.35rem; min-height: 1.18rem; border: 1px solid rgba(16,24,39,.52); background: #f4f7fb; color: #101827; font-weight: 800; font-size: .82rem; line-height: 1; }
.sc-style-options__editor-preview--menu-normal,
.sc-style-options__editor-preview--menu-hover,
.sc-style-options__editor-preview--menu-down { width: 3rem; justify-content: start; padding-left: .34rem; background: #ffffff; }
.sc-style-options__editor-preview--popup-down { border-style: double; background: #d7e5fb; }
.sc-style-options__editor-preview--button-hover,
.sc-style-options__editor-preview--menu-hover { background: #c7d9f1; }
.sc-style-options__editor-preview--button-down,
.sc-style-options__editor-preview--menu-down,
.sc-style-options__editor-preview--popup-down { background: #9fbce8; }
.sc-style-options__editor-preview--button-selected { background: #eef6fb; }
.sc-style-options__editor-color-control { display: grid; grid-template-columns: minmax(0, 1fr) 2.2rem; gap: .28rem; align-items: center; }
.sc-style-options__editor-input { width: 100%; min-height: 1.58rem; padding: .2rem .34rem; font-size: .78rem; font-family: Consolas, "Fira Code", monospace; }
.sc-style-options__editor-swatch { width: 2.2rem; height: 1.58rem; padding: 0; border: 1px solid rgba(102,217,237,.34); border-radius: 0; background: rgba(4,8,16,.94); }
.sc-style-options__editor-swatch--empty { display: inline-block; background: repeating-linear-gradient(45deg, rgba(159,182,214,.22), rgba(159,182,214,.22) 4px, rgba(4,8,16,.94) 4px, rgba(4,8,16,.94) 8px); }
.sc-style-options__editor-swatch::-webkit-color-swatch-wrapper { padding: 0; }
.sc-style-options__editor-swatch::-webkit-color-swatch { border: 0; }
.sc-style-options__toolbar-textarea { width: 100%; min-height: 8.8rem; font-size: .78rem; line-height: 1.25; font-family: Consolas, "Fira Code", monospace; }

@media (max-width: 900px) {
    .sc-style-manager__expanded-grid { grid-template-columns: 1fr; }
    .sc-style-options__css-panel-grid { grid-template-columns: 1fr; }
    .sc-style-options__selector-panel-grid,
    .sc-style-options__selector-links-grid,
    .sc-style-options__editor-control-grid,
    .sc-style-options__toolbar-menu-grid { grid-template-columns: 1fr; }
}

.sc-layout-selector {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    width: fit-content;
    max-width: 100%;
    padding: .35rem .45rem;
    border: 1px solid rgba(39,64,95,.82);
    background: rgba(8,13,24,.72);
}

.sc-layout-selector label {
    font-size: .76rem;
    font-weight: 700;
    white-space: nowrap;
}

.sc-layout-selector select {
    width: auto;
    min-width: 10.5rem;
    max-width: 15rem;
}

.sc-layout-selector__status {
    min-width: 0;
    font-size: .72rem;
    color: var(--sc-color-muted);
}

.u-stack { display: grid; gap: .55rem; }
.u-inline { display: flex; gap: .35rem; flex-wrap: wrap; align-items: center; }
.u-space-between { display: flex; justify-content: space-between; gap: .55rem; align-items: center; }
.u-full { width: 100%; }
.u-hidden { display: none !important; }

@media (max-width: 600px) {
    .sc-admin-frame__shell { grid-template-columns: minmax(0, 1fr); min-height: 0; overflow: visible; }
    .settings-shell { grid-template-columns: 1fr; }
    .sc-admin-sidebar,
    .sc-admin-main { margin-left: 0; min-height: 0; max-height: none; overflow: visible; }
}

@media (max-width: 760px) {
    .sc-shell { width: min(var(--sc-shell-max), calc(100% - .75rem)); }
    .dashboard-grid { column-count: 1; }
    .system-status-grid { column-count: 1; }
    .sc-admin-summary-row { grid-template-columns: 1fr; }
    .setting-field, .sc-style-manager__option, .sc-lockdown-columns, .sc-style-options__readonly-row, .sc-style-options__field { grid-template-columns: 1fr; }
    .notes-footer, .settings-actions { align-items: start; }
    .sc-lockdown-ad-frame, .sc-public-main__content { padding: .8rem; }
    .footer-inner { flex-direction: column; }
}

.sc-admin-header{padding:.55rem .7rem;display:grid;gap:.35rem}
.sc-admin-header__secondary{padding:.38rem .45rem;border:1px solid rgba(39,64,95,.7);background:rgba(8,13,24,.72)}
.sc-admin-meta{gap:.3rem}
.sc-admin-footer{border-top:1px solid rgba(39,64,95,.72)}

.settings-panel{padding:.65rem;display:grid;gap:.55rem}
.settings-selector-panel{display:grid;gap:.35rem;padding:.45rem .5rem;border:1px solid rgba(39,64,95,.82);background:rgba(8,13,24,.68)}
.settings-selector-panel__header{display:flex;justify-content:space-between;align-items:center;gap:.45rem;flex-wrap:wrap}
.settings-selector-panel__header h4{margin:0;font-size:.82rem}
.settings-selector-panel__links{display:flex;gap:.28rem;flex-wrap:wrap}
.settings-selector-panel__links button:not(.sc-compact-button){padding:0;border:0;background:transparent;color:var(--sc-color-link);font-size:.72rem;text-decoration:underline;cursor:pointer}
.settings-selector-panel__links .sc-compact-button{text-decoration:none}
.settings-selector-panel__body{display:grid;grid-template-columns:minmax(14rem,24rem) auto;gap:.45rem;align-items:start}
.settings-selector-list{width:100%;max-width:24rem;min-height:8.5rem;background:rgba(4,8,16,.9);border:1px solid rgba(39,64,95,.95);color:var(--sc-color-text);font-size:.76rem}
.settings-selector-list option,.settings-selector-list optgroup{background:#08101d;color:var(--sc-color-text)}
.settings-selector-panel__actions{display:flex;align-items:start}
.settings-selector-panel__backup{min-height:.1rem}
.settings-subgroups{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.3rem}
.settings-actions--sticky{position:sticky;top:.4rem;z-index:4;padding:.45rem .5rem;border:1px solid rgba(39,64,95,.85);background:rgba(10,17,30,.95)}
.settings-actions--bottom{position:sticky;bottom:.35rem;z-index:4;padding:.45rem .5rem;border:1px solid rgba(39,64,95,.85);background:rgba(10,17,30,.96);box-shadow:0 -10px 18px rgba(2,6,23,.22)}
.settings-status[data-state="dirty"]{color:#9de6f8;font-weight:700}
.settings-status[data-state="success"]{color:var(--sc-color-success);font-weight:700}
.settings-status[data-state="error"]{color:#fca5b5;font-weight:700}
.settings-fields--rows{display:grid;gap:.4rem}
.setting-field{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:.65rem;padding:.45rem .4rem;border:1px solid rgba(39,64,95,.58);background:rgba(8,13,24,.62)}
.setting-field.is-dirty{border-left:3px solid var(--sc-color-primary)}
.setting-field.is-jump-target{outline:2px solid rgba(102,217,237,.8);background:rgba(102,217,237,.12)}
.setting-label label{display:block;font-weight:700;margin-bottom:.12rem}
.setting-control input[type="text"]{max-width:29rem}
.setting-control select{max-width:22rem}
.setting-control textarea{max-width:42rem;min-height:110px}
.setting-control input[type="color"]{width:3rem;height:2rem;padding:.1rem}
.setting-check{display:inline-flex;align-items:center;gap:.45rem}
.setting-check input{width:auto}

@media (max-width: 980px){
  .settings-selector-panel__body{grid-template-columns:1fr}
  .setting-field{grid-template-columns:1fr}
  .settings-actions--sticky{position:static}
  .settings-actions--bottom{bottom:.25rem}
}


:root {
    --sc-admin-space-1: .2rem;
    --sc-admin-space-2: .35rem;
    --sc-admin-space-3: .5rem;
    --sc-admin-space-4: .7rem;
    --sc-admin-space-5: .9rem;
    --sc-admin-row-min: 30px;
    --sc-admin-control-max: 28rem;
    --sc-admin-control-max-wide: 44rem;
}

.sc-admin-content > :where(div, section, article, main) { display: grid; gap: var(--sc-admin-space-3); }
.sc-admin-content .sc-panel, .sc-admin-content .panel, .sc-admin-content .widget, .sc-admin-content .settings-panel, .sc-admin-content .sc-card { border-radius: 0; }
.sc-section-header, .content-header { margin-bottom: var(--sc-admin-space-3); }

.sc-admin-content .setting-field {
    grid-template-columns: minmax(210px, 260px) minmax(0, 1fr);
    gap: var(--sc-admin-space-3);
    padding: var(--sc-admin-space-3) 0;
    min-height: var(--sc-admin-row-min);
}
.sc-admin-content .setting-label label { display:block; font-weight:700; line-height:1.2; }
.sc-admin-content .setting-label .help { display:block; margin-top:.12rem; font-size:.74rem; }
.sc-admin-content .setting-label .muted { margin-top:.08rem; font-size:.72rem; }
.sc-admin-content .setting-control { display:flex; align-items:center; gap:var(--sc-admin-space-2); flex-wrap:wrap; }
.sc-admin-content .setting-control input[type="text"],
.sc-admin-content .setting-control input[type="password"],
.sc-admin-content .setting-control input[type="email"],
.sc-admin-content .setting-control textarea { width:min(100%, var(--sc-admin-control-max-wide)); }
.sc-admin-content .setting-control select { width:auto; min-width:14rem; max-width:var(--sc-admin-control-max); }
.sc-admin-frame select,
.sc-admin-frame option,
.sc-admin-frame optgroup { background: rgba(8,13,24,.96); color: var(--sc-color-text); }
.sc-admin-frame select { border-color: var(--sc-admin-border-medium); box-shadow: var(--sc-admin-input-shadow); }
.sc-admin-frame select:focus-visible { border-color: var(--sc-admin-border-high); box-shadow: var(--sc-admin-input-shadow-focus); }
.sc-admin-frame option:disabled,
.sc-admin-frame optgroup:disabled,
.sc-admin-frame select:disabled { color: var(--sc-admin-disabled-text); background: var(--sc-admin-surface-disabled); }
.sc-admin-content .settings-panel .setting-control input[type="color"] { width:2.1rem; min-width:2.1rem; height:1.5rem; padding:.05rem; }
.sc-admin-content .setting-check { display:inline-flex; align-items:center; gap:.35rem; min-height:var(--sc-admin-row-min); }
.sc-admin-content .setting-check input[type="checkbox"], .sc-admin-content .setting-check input[type="radio"] { width:auto; margin:0; }

.sc-admin-login-card { padding: .6rem .7rem; }
.sc-admin-login-form { display:grid; gap: .35rem; }
.sc-admin-login-form input[type="text"],
.sc-admin-login-form input[type="password"],
.sc-admin-login-form input[type="email"] { max-width: 30rem; }
.sc-admin-login-form .sc-login-options { display:flex; flex-wrap:wrap; gap:.6rem 1rem; align-items:center; }
.sc-admin-login-form .sc-login-options label { display:inline-flex; align-items:center; gap:.35rem; }
.sc-admin-login-form__actions { display:flex; gap:.4rem; align-items:center; }

.sc-mode-inline { display:flex; flex-wrap:wrap; gap:.8rem; align-items:center; }
.sc-mode-inline label { display:inline-flex; align-items:center; gap:.32rem; }

.sc-admin-content .debug-tests{display:grid;gap:.35rem;color:#d5deea}
.sc-admin-content .debug-tests .panel{border:1px solid rgba(39,64,95,.9);background:rgba(8,13,24,.74);padding:.38rem .46rem;border-radius:0}
.sc-admin-content .debug-tests .grid{display:grid;grid-template-columns:repeat(4,minmax(132px,1fr));gap:.25rem}
.sc-admin-content .debug-tests .grid-2{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:.25rem}
.sc-admin-content .debug-tests .toolbar{display:flex;gap:.22rem;flex-wrap:wrap}
.sc-admin-content .debug-tests button,.sc-admin-content .debug-tests input{padding:.16rem .35rem;border:1px solid rgba(39,64,95,.95);background:rgba(8,13,24,.84);color:#d5deea;border-radius:0}
.sc-admin-content .debug-tests details.panel summary { cursor:pointer; font-weight:700; }
.sc-admin-content .debug-tests pre.payload { max-height: 24rem; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; word-break: break-word; padding: .35rem .42rem; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: .72rem; line-height: 1.25; }

@media (max-width: 1100px) {
  .sc-admin-content .setting-field { grid-template-columns: 1fr; gap: .28rem; }
  .sc-admin-content .setting-control input[type="text"], .sc-admin-content .setting-control textarea, .sc-admin-content .setting-control select { max-width:100%; width:100%; }
}


.sc-admin-content .settings-panel{padding:.5rem;gap:.35rem}
.sc-admin-content .settings-actions--sticky{padding:.28rem .38rem;top:.25rem}
.sc-admin-content .settings-actions--bottom{padding:.28rem .38rem}
.sc-admin-content .settings-fields--rows{gap:.2rem}
.sc-admin-content .setting-field{grid-template-columns:minmax(200px,240px) minmax(0,1fr);gap:.38rem;padding:.24rem .28rem;min-height:28px}
.sc-admin-content .setting-label label{font-size:.78rem;font-weight:600;line-height:1.15;margin-bottom:.06rem}
.sc-admin-content .setting-label .help{font-size:.67rem;line-height:1.1;margin-top:.04rem}
.sc-admin-content .setting-label .muted{font-size:.64rem;line-height:1.05;margin-top:.04rem}
.sc-admin-content .setting-control{min-height:28px;gap:.25rem}
.sc-admin-content .setting-control input[type="text"],.sc-admin-content .setting-control input[type="password"],.sc-admin-content .setting-control input[type="email"]{max-width:22rem;padding:.24rem .34rem}
.sc-admin-content .setting-control select{min-width:10rem;max-width:18rem;padding:.2rem .3rem}
.sc-admin-content .setting-control textarea{max-width:32rem;min-height:64px;padding:.24rem .34rem}
.sc-admin-content .settings-panel .setting-control input[type="color"]{width:1.7rem;min-width:1.7rem;height:1.2rem;padding:0}
.sc-admin-content .setting-check{min-height:24px;gap:.26rem;font-size:.76rem}
.sc-section-header{margin-bottom:.28rem}
.content-header{margin-bottom:.22rem}
.sc-admin-content .widget,.sc-admin-content .panel,.sc-admin-content .sc-panel{padding:.34rem .42rem}
.sc-admin-content .sc-management-panel{gap:.32rem;padding:.42rem .5rem;border:1px solid var(--sc-color-border);background:rgba(4,8,16,.46)}
.sc-admin-content .sc-management-panel--compact{gap:.28rem;padding:.36rem .44rem}
.sc-admin-content .sc-action-strip{gap:.3rem;padding:.34rem .42rem}
.sc-admin-content .sc-management-table--compact th{padding:.22rem .34rem;font-size:.7rem}
.sc-admin-content .sc-management-table--compact td{padding:.24rem .34rem;font-size:.74rem}

@media (max-width: 1100px) {
  .sc-admin-content .setting-field{grid-template-columns:1fr;padding:.24rem 0;}
  .sc-admin-content .setting-control input[type="text"],.sc-admin-content .setting-control input[type="password"],.sc-admin-content .setting-control input[type="email"],.sc-admin-content .setting-control textarea,.sc-admin-content .setting-control select{width:100%;max-width:100%;min-width:0;}
}


.settings-group-section{border:1px solid rgba(39,64,95,.52);padding:.35rem .4rem;margin-bottom:.45rem;background:rgba(8,13,24,.42)}
.settings-group-header{display:flex;justify-content:space-between;align-items:baseline;gap:.35rem;flex-wrap:wrap;padding-bottom:.2rem;border-bottom:1px solid rgba(39,64,95,.45);margin-bottom:.2rem}
.settings-group-header h5{margin:0;font-size:.8rem}
.sc-admin-content .setting-field{grid-template-columns:minmax(180px,220px) minmax(0,1fr);padding:.18rem .2rem;gap:.25rem}
.sc-admin-content .setting-label .muted{font-size:.66rem;line-height:1.1}
.sc-admin-content .setting-control textarea{min-height:56px;max-width:26rem}
.sc-admin-content .setting-control .setting-color-input,.sc-admin-content .settings-panel .setting-control input[type="color"]{width:1.5rem;min-width:1.5rem;height:1rem;padding:0;border:1px solid rgba(39,64,95,.8)}

.sc-layout-control {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .35rem;
}

.sc-layout-control-option {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.75rem;
    padding: .22rem .58rem;
    border: 1px solid var(--sc-color-border);
    background: rgba(23, 35, 59, 0.9);
    color: var(--sc-color-muted);
}

.sc-layout-control-option--active {
    border-color: var(--sc-color-primary);
    color: #f7fbff;
    background: rgba(102, 217, 237, .16);
}

.sc-admin-frame {
    --sc-admin-page-bg: #0a1222;
    --sc-admin-surface-raised: linear-gradient(180deg, rgba(31, 47, 77, .98), rgba(14, 24, 41, .98));
    --sc-admin-surface-panel: linear-gradient(180deg, rgba(25, 37, 61, .98), rgba(10, 17, 31, .98));
    --sc-admin-surface-nested: linear-gradient(180deg, rgba(16, 24, 42, .98), rgba(7, 12, 23, .98));
    --sc-admin-surface-recessed: linear-gradient(180deg, rgba(6, 13, 24, .98), rgba(13, 20, 37, .96));
    --sc-admin-surface-disabled: linear-gradient(180deg, rgba(12, 18, 32, .97), rgba(9, 14, 24, .97));
    --sc-admin-border-low: rgba(88, 114, 148, .5);
    --sc-admin-border-medium: rgba(104, 156, 204, .76);
    --sc-admin-border-high: rgba(124, 220, 247, .84);
    --sc-admin-edge-highlight: rgba(214, 245, 255, .18);
    --sc-admin-shadow-raised: 0 8px 18px rgba(2, 7, 18, .28);
    --sc-admin-shadow-panel: 0 6px 14px rgba(1, 5, 14, .24);
    --sc-admin-shadow-inset: inset 0 1px 0 rgba(198, 238, 255, .08), inset 0 -1px 0 rgba(0, 0, 0, .22);
    --sc-admin-input-shadow: inset 0 1px 0 rgba(0, 0, 0, .54), inset 0 0 0 1px rgba(14, 28, 45, .45);
    --sc-admin-input-shadow-focus: inset 0 1px 0 rgba(0, 0, 0, .54), inset 0 0 0 1px rgba(84, 208, 230, .2), 0 0 0 1px rgba(84, 208, 230, .18);
    --sc-admin-table-head: linear-gradient(180deg, rgba(58, 87, 126, .98), rgba(31, 49, 79, .98));
    --sc-admin-table-row-odd: rgba(12, 18, 33, .56);
    --sc-admin-table-row-even: rgba(18, 28, 48, .74);
    --sc-admin-table-row-hover: rgba(36, 66, 104, .78);
    --sc-admin-table-row-selected: rgba(26, 87, 110, .6);
    --sc-admin-sidebar-surface: linear-gradient(180deg, rgba(12, 19, 35, .99), rgba(8, 12, 25, .99));
    --sc-admin-sidebar-group: linear-gradient(180deg, rgba(18, 29, 48, .98), rgba(9, 16, 29, .98));
    --sc-admin-sidebar-active: linear-gradient(180deg, rgba(28, 72, 116, .98), rgba(22, 36, 72, .98));
    --sc-admin-sidebar-hover: rgba(48, 95, 130, .52);
    --sc-admin-disabled-text: #89a0bd;
    font-size: 14px;
    line-height: 1.28;
    color: var(--sc-color-text);
    background:
        radial-gradient(circle at 12% 0%, rgba(114, 220, 255, .1), transparent 24%),
        radial-gradient(circle at 92% 11%, rgba(168, 141, 255, .1), transparent 22%),
        linear-gradient(180deg, rgba(7, 11, 21, .94), rgba(9, 14, 28, .98)),
        var(--sc-admin-page-bg);
}

.sc-admin-frame:not(.sc-admin-login-frame) {
    padding-bottom: .45rem;
}

.sc-admin-frame :where(.badge, .status-pill, .chip) {
    padding: .1rem .32rem;
    font-size: 11px;
    line-height: 1.15;
    border-color: rgba(126, 163, 201, .42);
    background: linear-gradient(180deg, rgba(32, 47, 76, .94), rgba(16, 26, 43, .96));
    box-shadow: inset 0 1px 0 rgba(224, 242, 255, .08);
    color: #f4f9ff;
}

.sc-admin-frame :where(.sc-btn, .sc-compact-button, .settings-save, .notes-save, .widget-toggle, .debug-toggle__button, form button[type="submit"], .toolbar button) {
    min-height: 24px;
    padding: 2px 7px;
    font-size: 12px;
    line-height: 1.15;
    border-color: var(--sc-admin-border-medium);
    background: linear-gradient(180deg, rgba(74, 229, 209, .34), rgba(30, 103, 146, .92));
    box-shadow: inset 0 1px 0 rgba(233, 250, 255, .18), inset 0 -1px 0 rgba(2, 9, 18, .42), 0 2px 5px rgba(0, 0, 0, .22);
    text-shadow: 0 1px 0 rgba(0, 0, 0, .32);
}

.sc-admin-frame :where(.sc-btn:hover, .sc-compact-button:hover, .settings-save:hover, .notes-save:hover, .widget-toggle:hover, .debug-toggle__button:hover, .toolbar button:hover) {
    border-color: var(--sc-admin-border-high);
    background: linear-gradient(180deg, rgba(108, 236, 247, .4), rgba(52, 121, 168, .96));
    box-shadow: inset 0 1px 0 rgba(241, 252, 255, .24), inset 0 -1px 0 rgba(0, 0, 0, .42), 0 4px 9px rgba(2, 9, 19, .24);
}

.sc-admin-frame :where(.sc-btn:focus-visible, .sc-compact-button:focus-visible, .settings-save:focus-visible, .notes-save:focus-visible, .widget-toggle:focus-visible, .debug-toggle__button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, .toolbar button:focus-visible) {
    outline: 2px solid rgba(125,211,252,.78);
    outline-offset: 2px;
}

.sc-admin-frame :where(.sc-btn:active, .sc-compact-button:active, .settings-save:active, .notes-save:active, .widget-toggle:active, .debug-toggle__button:active, .toolbar button:active) {
    transform: translateY(1px);
    background: linear-gradient(180deg, rgba(18, 87, 118, .98), rgba(66, 116, 191, .42));
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(143, 224, 242, .12);
}

.sc-admin-frame :where(input[type="text"], input[type="email"], input[type="password"], input[type="search"], select, .sc-compact-input, .sc-compact-select) {
    min-height: 24px;
    padding: 2px 6px;
    font-size: 12px;
    line-height: 1.15;
    color: #eff7ff;
    background: var(--sc-admin-surface-recessed);
    border-color: var(--sc-admin-border-medium);
    box-shadow: var(--sc-admin-input-shadow);
}

.sc-admin-frame :where(textarea, .sc-compact-textarea) {
    min-height: 64px;
    padding: 4px 6px;
    font-size: 12px;
    line-height: 1.25;
    color: #eff7ff;
    background: var(--sc-admin-surface-recessed);
    border-color: var(--sc-admin-border-medium);
    box-shadow: var(--sc-admin-input-shadow);
}

.sc-admin-frame :where(input[type="text"], input[type="email"], input[type="password"], input[type="search"], select, textarea, .sc-compact-input, .sc-compact-select, .sc-compact-textarea):focus-visible {
    border-color: var(--sc-admin-border-high);
    box-shadow: var(--sc-admin-input-shadow-focus);
}

.sc-admin-frame :where(input[type="text"], input[type="email"], input[type="password"], input[type="search"], select, textarea, .sc-compact-input, .sc-compact-select, .sc-compact-textarea)[readonly],
.sc-admin-frame [aria-readonly="true"] :where(input[type="text"], input[type="email"], input[type="password"], input[type="search"], select, textarea, .sc-compact-input, .sc-compact-select, .sc-compact-textarea) {
    background: linear-gradient(180deg, rgba(14, 22, 38, .98), rgba(18, 28, 47, .94));
    border-color: rgba(92, 118, 152, .72);
    color: #dbe7f6;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03), inset 0 0 0 1px rgba(23, 36, 57, .42);
}

.sc-admin-frame :where(input, select, textarea, button):disabled,
.sc-admin-frame :where(.sc-btn, .sc-compact-button, .settings-save, .notes-save, .widget-toggle, .debug-toggle__button)[disabled] {
    color: var(--sc-admin-disabled-text);
    background: var(--sc-admin-surface-disabled);
    border-color: rgba(75, 96, 123, .72);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .02);
    opacity: 1;
    filter: saturate(.72);
}

.sc-admin-frame :where(.sc-btn--secondary) {
    border-color: rgba(110, 146, 184, .66);
    background: linear-gradient(180deg, rgba(48, 66, 91, .96), rgba(22, 33, 49, .96));
}

.sc-admin-frame .sc-compact-select {
    width: auto;
    min-width: 9.5rem;
    max-width: min(100%, 18rem);
}

.sc-admin-frame .sc-compact-input {
    width: min(100%, 22rem);
}

.sc-admin-frame :where(
    textarea,
    select[multiple],
    select[size],
    pre.payload,
    .sc-diagnostics-payload__block,
    .sc-source-code-area,
    .settings-selector-list,
    .sc-style-manager__template-browser,
    .sc-style-options__css-source,
    .sc-style-options__template-source,
    .sc-style-options__toolbar-textarea
) {
    scrollbar-width: thin;
    scrollbar-color: rgba(121, 162, 199, .88) rgba(6, 11, 21, .9);
}

.sc-admin-frame :where(
    textarea,
    select[multiple],
    select[size],
    pre.payload,
    .sc-diagnostics-payload__block,
    .sc-source-code-area,
    .settings-selector-list,
    .sc-style-manager__template-browser,
    .sc-style-options__css-source,
    .sc-style-options__template-source,
    .sc-style-options__toolbar-textarea
)::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.sc-admin-frame :where(
    textarea,
    select[multiple],
    select[size],
    pre.payload,
    .sc-diagnostics-payload__block,
    .sc-source-code-area,
    .settings-selector-list,
    .sc-style-manager__template-browser,
    .sc-style-options__css-source,
    .sc-style-options__template-source,
    .sc-style-options__toolbar-textarea
)::-webkit-scrollbar-track {
    background: rgba(6, 11, 21, .92);
    border-left: 1px solid rgba(39, 64, 95, .56);
}

.sc-admin-frame :where(
    textarea,
    select[multiple],
    select[size],
    pre.payload,
    .sc-diagnostics-payload__block,
    .sc-source-code-area,
    .settings-selector-list,
    .sc-style-manager__template-browser,
    .sc-style-options__css-source,
    .sc-style-options__template-source,
    .sc-style-options__toolbar-textarea
)::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, rgba(132, 185, 221, .94), rgba(73, 114, 151, .96));
    border: 1px solid rgba(201, 233, 255, .16);
    box-shadow: inset 0 1px 0 rgba(237, 248, 255, .12);
}

.sc-admin-frame :where(
    textarea,
    select[multiple],
    select[size],
    pre.payload,
    .sc-diagnostics-payload__block,
    .sc-source-code-area,
    .settings-selector-list,
    .sc-style-manager__template-browser,
    .sc-style-options__css-source,
    .sc-style-options__template-source,
    .sc-style-options__toolbar-textarea
)::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, rgba(151, 206, 238, .98), rgba(85, 132, 175, .98));
}

.sc-admin-frame input[type="color"],
.sc-admin-frame .setting-color-input {
    width: 24px;
    min-width: 24px;
    height: 20px;
    padding: 0;
}

.sc-admin-frame :where(.sc-management-panel, .sc-fieldset, .sc-control-panel) {
    gap: .26rem;
    padding: .32rem .4rem;
    border-color: var(--sc-admin-border-medium);
    background: var(--sc-admin-surface-panel);
    box-shadow: inset 0 1px 0 var(--sc-admin-edge-highlight), var(--sc-admin-shadow-panel);
}

.sc-admin-frame fieldset.sc-management-panel,
.sc-admin-frame fieldset.sc-fieldset,
.sc-admin-frame fieldset.sc-control-panel {
    min-inline-size: 0;
}

.sc-admin-frame .sc-management-panel--compact {
    gap: .22rem;
    padding: .28rem .36rem;
    background: linear-gradient(180deg, rgba(19, 30, 49, .98), rgba(10, 17, 30, .98));
}

.sc-admin-frame :where(.sc-fieldset__legend, .sc-control-panel__legend) {
    padding: 0 .24rem;
    font-size: 12px;
    line-height: 1.1;
    color: #f5fbff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .32);
}

.sc-admin-frame .sc-help-box {
    padding: .22rem .32rem;
    border-color: rgba(85, 122, 158, .72);
    background: linear-gradient(180deg, rgba(13, 22, 37, .94), rgba(8, 14, 24, .94));
}

.sc-admin-frame .sc-form-row {
    grid-template-columns: minmax(150px, 210px) minmax(0, 1fr);
    gap: .3rem;
    padding: .2rem 0;
}

.sc-admin-frame .sc-form-row--compact {
    grid-template-columns: minmax(145px, 205px) minmax(0, 1fr);
    gap: .25rem;
    padding: .16rem 0;
}

.sc-admin-frame .sc-action-strip {
    gap: .24rem;
    padding: .24rem .32rem;
    border-color: var(--sc-admin-border-medium);
    background: linear-gradient(180deg, rgba(15, 24, 39, .96), rgba(9, 15, 25, .96));
    box-shadow: inset 0 1px 0 rgba(216, 244, 255, .06);
}

.sc-admin-frame .sc-management-table--compact th,
.sc-admin-content table th {
    padding: .18rem .3rem;
    font-size: 11px;
    line-height: 1.12;
    color: #ecf9ff;
    border-bottom: 1px solid rgba(128, 176, 216, .48);
    background: var(--sc-admin-table-head);
    box-shadow: inset 0 1px 0 rgba(228, 248, 255, .1);
}

.sc-admin-frame .sc-management-table--compact td,
.sc-admin-content table td {
    padding: .2rem .3rem;
    font-size: 12px;
    line-height: 1.18;
    border-top-color: rgba(95, 126, 160, .32);
}

.sc-admin-main {
    gap: .28rem;
    background: linear-gradient(180deg, rgba(8, 14, 24, .82), rgba(7, 12, 21, .62));
}

.sc-admin-header {
    min-height: 0;
    padding: .24rem .38rem;
    gap: .16rem;
}

.sc-admin-header__primary {
    align-items: center;
    gap: .22rem .45rem;
}

.sc-admin-header__identity {
    display: flex;
    flex: 1 1 28rem;
    flex-wrap: wrap;
    align-items: baseline;
    gap: .12rem .38rem;
    min-width: 0;
}

.sc-admin-header__section {
    margin: 0;
    font-size: 10px;
    line-height: 1;
    color: #bfa8ff;
}

.sc-admin-header__breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .16rem .28rem;
    flex-basis: 100%;
    min-width: 0;
    color: var(--sc-color-muted);
    font-size: 11px;
    line-height: 1.15;
}

.sc-admin-header__breadcrumb-item--current {
    color: #f7fbff;
    font-weight: 700;
}

.sc-admin-header__breadcrumb-separator {
    color: rgba(159,182,214,.72);
}

.sc-admin-header .page-title {
    font-size: 18px;
    line-height: 1.05;
}

.sc-admin-header__subline {
    flex-basis: 100%;
    font-size: 11px;
    line-height: 1.15;
}

.sc-admin-header__secondary {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .18rem;
    padding: .16rem .28rem;
    border: 1px solid rgba(78, 109, 148, .7);
    background: linear-gradient(180deg, rgba(12, 20, 36, .82), rgba(9, 15, 28, .78));
}

.sc-admin-toplinks {
    gap: .14rem;
}

.sc-admin-toplinks__item {
    min-height: 24px;
    padding: 2px 7px;
    font-size: 12px;
    line-height: 1.15;
    border-color: rgba(86, 111, 149, .88);
    background: linear-gradient(180deg, rgba(21, 32, 52, .94), rgba(10, 16, 29, .92));
}

.sc-admin-meta,
.header-badges {
    gap: .14rem;
}

.sc-admin-owner-note {
    padding: .12rem .28rem;
    font-size: 11px;
    line-height: 1.2;
    border-color: rgba(170, 133, 255, .32);
    background: linear-gradient(180deg, rgba(67, 49, 120, .22), rgba(24, 20, 55, .18));
    color: #d8c7ff;
}

.sc-admin-content {
    padding: .36rem;
    line-height: 1.24;
    background: linear-gradient(180deg, rgba(10, 16, 28, .72), rgba(8, 14, 24, .52));
}

.sc-admin-section-header,
.sc-admin-content .sc-section-header,
.sc-admin-content .content-header {
    gap: .35rem;
    margin-bottom: .35rem;
}

.sc-admin-content .page-title {
    font-size: 18px;
}

.sc-admin-content :where(h2, h3) {
    font-size: 16px;
}

.sc-admin-content h4 {
    font-size: 14px;
}

.sc-admin-content :where(h5, h6) {
    font-size: 13px;
}

.sc-admin-content :where(p, .help, .muted, .placeholder-note) {
    line-height: 1.2;
}

.sc-admin-content p {
    margin-bottom: .16rem;
}

.sc-admin-content :where(.widget, .panel, .sc-panel, .sc-card, .card) {
    padding: .32rem .4rem;
    border-color: var(--sc-admin-border-medium);
    background: var(--sc-admin-surface-raised);
    box-shadow: inset 0 1px 0 var(--sc-admin-edge-highlight), var(--sc-admin-shadow-raised);
}

.sc-admin-content .card {
    border: 1px solid var(--sc-admin-border-medium);
    background: var(--sc-admin-surface-panel);
}

.sc-admin-content .grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: .32rem;
}

.sc-admin-content .section {
    margin-top: .38rem;
}

.sc-admin-content .panel-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .3rem;
}

.sc-admin-content .toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .24rem;
}

.sc-admin-content .toolbar label {
    display: inline-flex;
    align-items: center;
    gap: .24rem;
}

.sc-admin-frame .sc-admin-sidebar {
    background: var(--sc-admin-sidebar-surface);
    border-right: 1px solid rgba(90, 135, 176, .36);
    box-shadow: inset -1px 0 0 rgba(219, 246, 255, .04);
}

.sc-admin-frame .sc-admin-brand {
    border-bottom-color: rgba(109, 170, 205, .42);
}

.sc-admin-frame[data-active-group="developer"] .sc-admin-brand__subtitle,
.sc-admin-frame[data-active-group="developer"] .sc-admin-brand__current-page {
    color: #d8c7ff;
}

.sc-admin-frame .sc-admin-developer-mode-toggle {
    gap: .12rem;
}

.sc-admin-frame .sc-admin-developer-mode-toggle button {
    min-height: 24px;
    padding: 2px 6px;
    font-size: 11px;
    line-height: 1.08;
    border-color: rgba(158, 119, 255, .62);
    background: linear-gradient(180deg, rgba(95, 72, 171, .96), rgba(33, 35, 79, .96));
    box-shadow: inset 0 1px 0 rgba(243, 236, 255, .14), inset 0 -1px 0 rgba(10, 7, 24, .38), 0 1px 3px rgba(0, 0, 0, .18);
}

.sc-admin-frame .sc-admin-developer-mode-toggle button:hover {
    border-color: rgba(185, 147, 255, .82);
    background: linear-gradient(180deg, rgba(116, 88, 204, .98), rgba(43, 47, 98, .98));
    box-shadow: inset 0 1px 0 rgba(250, 245, 255, .18), inset 0 -1px 0 rgba(0, 0, 0, .32), 0 2px 5px rgba(0, 0, 0, .2);
}

.sc-admin-frame .sc-admin-developer-mode-toggle button:active {
    background: linear-gradient(180deg, rgba(47, 42, 105, .98), rgba(80, 79, 165, .88));
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(221, 213, 255, .08);
}

.sc-admin-frame .sc-admin-nav-groups {
    gap: .46rem;
}

.sc-admin-frame .sc-admin-nav-group {
    border-color: rgba(94, 145, 186, .62);
    background: var(--sc-admin-sidebar-group);
    box-shadow: inset 0 1px 0 rgba(220, 244, 255, .08), 0 3px 10px rgba(0, 0, 0, .18);
}

.sc-admin-frame .sc-admin-nav-group__toggle {
    background: linear-gradient(180deg, rgba(33, 50, 78, .98), rgba(16, 25, 41, .98));
    border-bottom-color: rgba(110, 171, 206, .5);
    color: #f2fbff;
}

.sc-admin-frame .sc-admin-nav-group__toggle:hover {
    background: linear-gradient(180deg, rgba(42, 63, 94, .98), rgba(18, 31, 50, .98));
}

.sc-admin-frame .sc-admin-nav-group__toggle span:last-child,
.sc-admin-frame .sc-admin-nav-item__toggle span {
    border-color: rgba(118, 203, 227, .86);
    background: linear-gradient(180deg, rgba(21, 55, 77, .98), rgba(10, 26, 39, .98));
    color: #d9f8ff;
}

.sc-admin-frame .sc-admin-nav-item__toggle {
    border-top-color: rgba(68, 108, 150, .82);
    border-left-color: rgba(68, 108, 150, .82);
    background: rgba(12, 28, 44, .98);
}

.sc-admin-frame .sc-admin-nav-list--nested {
    border-left-color: rgba(109, 180, 210, .34);
    background: rgba(7, 13, 24, .88);
}

.sc-admin-frame .sc-admin-nav-link {
    border-top-color: rgba(61, 95, 132, .78);
    background: transparent;
    color: #eef7ff;
}

.sc-admin-frame .sc-admin-nav-link:hover {
    background: var(--sc-admin-sidebar-hover);
    border-top-color: rgba(111, 191, 214, .52);
    box-shadow: inset 3px 0 0 rgba(112, 219, 238, .36);
}

.sc-admin-frame .sc-admin-nav-link.active {
    background: linear-gradient(180deg, rgba(17, 48, 76, .98), rgba(20, 36, 72, .98));
    border-top-color: rgba(129, 214, 232, .72);
    box-shadow: inset 4px 0 0 var(--sc-color-primary-strong), inset 0 1px 0 rgba(217, 244, 255, .08), inset 0 0 0 1px rgba(168, 141, 255, .14);
}

.sc-admin-frame .sc-admin-nav-link.active::after {
    background: linear-gradient(180deg, var(--sc-color-primary), var(--sc-color-violet));
}

.sc-admin-frame .settings-nav__group,
.sc-admin-frame .settings-selector-panel,
.sc-admin-frame .settings-group-section,
.sc-admin-frame .sc-style-source-status,
.sc-admin-frame .sc-admin-summary-row,
.sc-admin-frame .status-item,
.sc-admin-frame .quick-link {
    border-color: var(--sc-admin-border-medium);
    background: var(--sc-admin-surface-panel);
    box-shadow: inset 0 1px 0 rgba(220, 244, 255, .06);
}

.sc-admin-frame .settings-nav__toggle {
    background: linear-gradient(180deg, rgba(31, 47, 73, .98), rgba(14, 22, 36, .98));
    border-bottom-color: rgba(94, 143, 186, .58);
}

.sc-admin-frame .settings-nav__link {
    border-top-color: rgba(70, 107, 144, .4);
}

.sc-admin-frame .settings-nav__link:hover {
    background: rgba(32, 75, 104, .42);
}

.sc-admin-frame .settings-nav__link.active {
    background: rgba(40, 102, 128, .38);
    border-color: rgba(111, 190, 214, .38);
}

.sc-admin-frame .sc-layout-selector {
    min-height: 28px;
    gap: .25rem;
    padding: 2px 4px;
}

.sc-admin-frame .sc-layout-selector label {
    font-size: 11px;
    line-height: 1.1;
}

.sc-admin-frame .sc-layout-selector select {
    min-width: 8rem;
    max-width: 10.5rem;
    min-height: 24px;
}

.sc-admin-frame .sc-layout-selector__status {
    font-size: 11px;
    line-height: 1.1;
}

.sc-admin-frame .sc-layout-selector__status:empty {
    display: none;
}

.sc-admin-content .settings-panel {
    gap: .28rem;
    padding: .32rem .4rem;
    background: var(--sc-admin-surface-raised);
}

.sc-admin-frame .settings-shell {
    grid-template-columns: 210px minmax(0, 1fr);
    gap: .38rem;
}

.sc-admin-content .settings-selector-panel {
    gap: .25rem;
    padding: .3rem .36rem;
}

.sc-admin-content .settings-selector-panel__header {
    gap: .3rem;
}

.sc-admin-content .settings-selector-panel__header h4 {
    font-size: 14px;
}

.sc-admin-content .settings-selector-panel__body {
    grid-template-columns: minmax(13rem, 22rem) auto;
    gap: .32rem;
}

.sc-admin-content .settings-selector-list {
    min-height: 11rem;
    font-size: 12px;
}

.sc-admin-content .settings-actions--sticky,
.sc-admin-content .settings-actions--bottom {
    padding: .22rem .3rem;
}

.sc-admin-content .settings-fields--rows {
    gap: .18rem;
}

.sc-admin-frame .settings-group-section {
    padding: .26rem .32rem;
    margin-bottom: .3rem;
}

.sc-admin-frame .settings-group-header {
    gap: .25rem;
    padding-bottom: .14rem;
    margin-bottom: .14rem;
}

.sc-admin-frame .settings-group-header p {
    margin: 0;
}

.sc-admin-content .setting-field {
    grid-template-columns: minmax(165px, 205px) minmax(0, 1fr);
    min-height: 28px;
    gap: .22rem;
    padding: .14rem .18rem;
}

.sc-admin-content .setting-label label {
    font-size: 12px;
    line-height: 1.12;
}

.sc-admin-content .setting-label .muted,
.sc-admin-content .setting-label .help {
    font-size: 11px;
    line-height: 1.08;
}

.sc-admin-content .setting-control {
    min-height: 24px;
    gap: .22rem;
}

.sc-admin-content .setting-control textarea {
    min-height: 56px;
    max-width: 26rem;
}

.sc-admin-content .setting-check {
    min-height: 24px;
    gap: .24rem;
    font-size: 12px;
}

.sc-admin-frame .sc-style-manager,
.sc-admin-frame .sc-style-manager-wrapper {
    gap: .36rem;
}

.sc-admin-frame .sc-style-manager__toolbar,
.sc-admin-frame .sc-style-manager__layout,
.sc-admin-frame .sc-style-manager__panel,
.sc-admin-frame .sc-style-manager-wrapper__panel,
.sc-admin-frame .sc-style-manager-wrapper__workbench {
    padding: .32rem .4rem;
    border-color: var(--sc-admin-border-medium);
    background: var(--sc-admin-surface-panel);
    box-shadow: inset 0 1px 0 var(--sc-admin-edge-highlight), var(--sc-admin-shadow-panel);
}

.sc-admin-frame .sc-style-manager__landing,
.sc-admin-frame .sc-style-main-css__panel,
.sc-admin-frame .sc-style-source-status,
.sc-admin-frame .sc-style-options__panel,
.sc-admin-frame .sc-style-manager__expanded-panel,
.sc-admin-frame .sc-style-options__editor-control,
.sc-admin-frame .sc-style-options__toolbar-list {
    border-color: rgba(102, 164, 201, .78);
    background: linear-gradient(180deg, rgba(24, 38, 59, .96), rgba(12, 20, 34, .96));
    box-shadow: inset 0 1px 0 rgba(232, 246, 255, .07), 0 12px 26px rgba(2, 8, 18, .18);
}

.sc-admin-frame .sc-style-manager__expanded-panel,
.sc-admin-frame .sc-style-options__css-subpanel,
.sc-admin-frame .sc-style-options__editor-control,
.sc-admin-frame .sc-style-options__toolbar-list,
.sc-admin-frame .sc-style-options__field-group,
.sc-admin-frame .sc-style-options__section {
    position: relative;
}

.sc-admin-frame .sc-style-manager__expanded-panel::before,
.sc-admin-frame .sc-style-options__css-subpanel::before,
.sc-admin-frame .sc-style-options__editor-control::before,
.sc-admin-frame .sc-style-options__toolbar-list::before,
.sc-admin-frame .sc-style-options__field-group::before,
.sc-admin-frame .sc-style-options__section::before {
    content: '';
    position: absolute;
    inset: 0;
    border: 1px solid rgba(217, 240, 255, .04);
    pointer-events: none;
}

.sc-admin-frame .sc-style-manager__toolbar {
    gap: .28rem;
    align-items: end;
    border-color: rgba(103, 166, 202, .82);
    background: linear-gradient(180deg, rgba(18, 30, 48, .98), rgba(9, 16, 27, .98));
}

.sc-admin-frame .sc-style-manager__field {
    gap: .12rem;
    min-width: 140px;
}

.sc-admin-frame .sc-style-manager__field label {
    font-size: 12px;
    line-height: 1.1;
}

.sc-admin-frame .sc-style-manager__action-select {
    height: 24px;
    min-width: 11rem;
    max-width: 16rem;
}

.sc-admin-frame .sc-style-manager__table th {
    padding: .18rem .3rem;
    font-size: 11px;
    border-bottom: 1px solid rgba(109, 165, 204, .38);
    background: linear-gradient(180deg, rgba(42, 63, 92, .88), rgba(23, 36, 56, .88));
}

.sc-admin-frame .sc-style-manager__table td {
    padding: .18rem .3rem;
    font-size: 12px;
    line-height: 1.18;
    border-top-color: rgba(109, 165, 204, .16);
}

.sc-admin-frame .sc-style-manager__style-title,
.sc-admin-frame .sc-style-manager__meta,
.sc-admin-frame .sc-style-manager__footer-actions,
.sc-admin-frame .sc-style-manager__control-strip {
    gap: .22rem;
}

.sc-admin-frame .sc-style-manager__meta {
    flex-wrap: nowrap;
}

.sc-admin-frame .sc-style-manager__meta-cell {
    width: auto;
    min-width: max-content;
}

.sc-admin-frame .sc-style-manager__style-title input {
    width: 13px;
    height: 13px;
}

.sc-admin-frame .sc-style-manager__go,
.sc-admin-frame .sc-style-manager__toggle {
    min-width: 2rem;
    padding: 2px 7px;
}

.sc-admin-frame .sc-style-manager__footer-actions {
    padding: .22rem .32rem;
    background: linear-gradient(180deg, rgba(12, 19, 32, .96), rgba(8, 13, 24, .96));
    border: 1px solid rgba(97, 154, 191, .66);
}

.sc-admin-frame .sc-style-manager__option {
    grid-template-columns: minmax(160px, 215px) minmax(0, 1fr);
    gap: .32rem;
    padding: .24rem 0;
}

.sc-admin-frame .sc-style-manager__expanded-row td {
    padding: .28rem;
}

.sc-admin-frame .sc-style-manager__expanded {
    gap: .3rem;
}

.sc-admin-frame .sc-style-manager__expanded-grid {
    grid-template-columns: minmax(300px, 1.45fr) minmax(240px, .85fr);
    gap: .42rem;
}

.sc-admin-frame .sc-style-manager__expanded-stack,
.sc-admin-frame .sc-style-manager__expanded-panel {
    gap: .24rem;
}

.sc-admin-frame .sc-style-manager__expanded-panel {
    padding: .28rem .34rem;
}

.sc-admin-frame .sc-style-manager__expanded-header {
    gap: .3rem;
}

.sc-admin-frame .sc-style-manager__expanded-header h4 {
    font-size: 14px;
}

.sc-admin-frame .sc-style-manager__template-browser {
    height: min(34vh, 19rem);
    min-height: 13rem;
    font-size: 12px;
    border: 1px solid rgba(96, 151, 188, .72);
    background: rgba(6, 11, 21, .88);
    box-shadow: inset 0 1px 0 rgba(230, 245, 255, .04);
}

.sc-admin-frame .sc-style-manager__template-browser-title,
.sc-admin-frame .sc-style-manager__template-group-row,
.sc-admin-frame .sc-style-manager__template-item {
    padding: .12rem .24rem;
}

.sc-admin-frame .sc-style-manager__template-browser-title {
    border-bottom: 1px solid rgba(96, 151, 188, .38);
    background: linear-gradient(180deg, rgba(17, 28, 46, .98), rgba(9, 16, 28, .98));
}

.sc-admin-frame .sc-style-manager__template-group-row {
    border-top: 1px solid rgba(87, 129, 167, .28);
    background: rgba(13, 22, 38, .8);
}

.sc-admin-frame .sc-style-manager__template-group-row:hover,
.sc-admin-frame .sc-style-manager__template-item:hover {
    background: linear-gradient(180deg, rgba(33, 88, 123, .34), rgba(27, 56, 89, .28));
}

.sc-admin-frame .sc-style-manager__template-group-row.is-selected,
.sc-admin-frame .sc-style-manager__template-item.is-selected {
    background: linear-gradient(180deg, rgba(43, 109, 142, .38), rgba(47, 54, 128, .3));
    box-shadow: inset 3px 0 0 rgba(118, 219, 240, .82), inset 0 0 0 1px rgba(177, 130, 255, .14);
}

.sc-admin-frame .sc-style-manager__template-items {
    border-top: 1px solid rgba(83, 126, 164, .22);
    background: rgba(8, 14, 26, .72);
}

.sc-admin-frame .sc-style-manager__template-item {
    border-top: 1px solid rgba(83, 126, 164, .16);
}

.sc-admin-frame .sc-style-manager__template-item--default {
    background: rgba(16, 28, 45, .74);
}

.sc-admin-frame .sc-style-manager__template-item--inherited {
    background: linear-gradient(180deg, rgba(11, 38, 45, .78), rgba(10, 25, 38, .72));
}

.sc-admin-frame .sc-style-manager__template-item--customized {
    background: linear-gradient(180deg, rgba(46, 31, 15, .72), rgba(34, 22, 11, .68));
}

.sc-admin-frame .sc-style-manager__template-control-label {
    padding: .16rem .24rem;
    border: 1px solid rgba(90, 141, 178, .44);
    background: rgba(11, 19, 32, .82);
}

.sc-admin-frame .sc-style-manager__surface-select {
    min-height: 13rem;
    font-size: 12px;
}

.sc-admin-frame .sc-style-manager__surface-card,
.sc-admin-frame .sc-style-manager__template-card,
.sc-admin-frame .sc-style-manager__result-card {
    gap: .1rem;
    padding: .28rem .34rem;
}

.sc-admin-frame .sc-style-manager__action-links,
.sc-admin-frame .sc-style-manager__status-list {
    gap: .2rem;
}

.sc-admin-frame .sc-style-manager__status-key {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    gap: .14rem .32rem;
    margin: 0;
    font-size: 12px;
}

.sc-admin-frame .sc-style-manager__status-key dt,
.sc-admin-frame .sc-style-manager__status-key dd {
    margin: 0;
}

.sc-admin-frame .sc-style-manager__snippet {
    padding: .24rem .3rem;
    max-height: 10rem;
}

.sc-admin-frame .sc-style-manager :where(input[readonly], textarea[readonly], select[disabled], input[disabled], textarea[disabled], button[disabled], .is-disabled) {
    border-color: rgba(84, 112, 139, .76);
    background: linear-gradient(180deg, rgba(16, 24, 36, .96), rgba(10, 16, 26, .96));
    color: #a6bad1;
    box-shadow: inset 0 1px 0 rgba(229, 242, 255, .03);
}

.sc-admin-frame .sc-style-manager :where(button[disabled], .is-disabled) {
    opacity: .86;
    cursor: not-allowed;
}

.sc-admin-frame .sc-style-manager input[type="checkbox"][disabled] {
    accent-color: #5d738d;
}

.sc-admin-frame .sc-style-manager .badge,
.sc-admin-frame .sc-style-options .badge {
    border-color: rgba(110, 170, 206, .32);
    background: rgba(18, 29, 46, .92);
}

.sc-admin-frame .sc-style-manager .sc-style-manager__state-badge,
.sc-admin-frame .sc-style-options .sc-status-key__item {
    box-shadow: inset 0 1px 0 rgba(235, 247, 255, .05);
}

.sc-admin-frame .sc-style-manager .sc-fieldset__legend,
.sc-admin-frame .sc-style-options .sc-fieldset__legend,
.sc-admin-frame .sc-style-manager .sc-control-panel__legend {
    color: #f4fbff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .45);
}

.sc-admin-frame .sc-style-manager .sc-style-source-status__summary,
.sc-admin-frame .sc-style-manager .sc-style-source-status__rows,
.sc-admin-frame .sc-style-manager .sc-style-source-status__notes {
    gap: .3rem;
}

.sc-admin-frame .sc-style-options__css-subpanel {
    border-color: rgba(88, 130, 169, .76);
    background: linear-gradient(180deg, rgba(16, 27, 42, .92), rgba(10, 18, 30, .92));
}

.sc-admin-frame .sc-style-options__selector-panel {
    border-color: rgba(94, 144, 183, .82);
    background: rgba(11, 18, 30, .9);
}

.sc-admin-frame .sc-style-options__selector-panel-titlebar,
.sc-admin-frame .sc-style-options__selector-panel-footer {
    background: linear-gradient(180deg, rgba(17, 28, 45, .96), rgba(10, 17, 29, .96));
}

.sc-admin-frame .sc-style-options__toolbar-menu-grid .sc-style-options__toolbar-list,
.sc-admin-frame .sc-style-options__editor-control-grid .sc-style-options__editor-control {
    border-color: rgba(96, 149, 188, .76);
    background: linear-gradient(180deg, rgba(19, 31, 48, .95), rgba(11, 18, 31, .95));
}

.sc-admin-frame .sc-style-manager__row-form,
.sc-admin-frame .sc-style-manager__inline-form {
    gap: .28rem;
}

.sc-admin-frame .sc-style-options__panel,
.sc-admin-frame .sc-style-options__sections,
.sc-admin-frame .sc-style-options__readonly-list,
.sc-admin-frame .sc-style-options__common-templates,
.sc-admin-frame .sc-style-options__css-panels,
.sc-admin-frame .sc-style-options__field-groups {
    gap: .32rem;
}

.sc-admin-frame .sc-style-options__section,
.sc-admin-frame .sc-style-options__field-group,
.sc-admin-frame .sc-style-options__css-panel,
.sc-admin-frame .sc-style-options__template-card {
    gap: .28rem;
    padding: .32rem .38rem;
    border-color: var(--sc-admin-border-medium);
    background: var(--sc-admin-surface-panel);
    box-shadow: inset 0 1px 0 var(--sc-admin-edge-highlight), var(--sc-admin-shadow-panel);
}

.sc-admin-frame .sc-style-options__section-header,
.sc-admin-frame .sc-style-options__template-header,
.sc-admin-frame .sc-style-options__css-panel-header {
    gap: .3rem;
}

.sc-admin-frame .sc-style-options__readonly-row,
.sc-admin-frame .sc-style-options__field {
    grid-template-columns: minmax(165px, 220px) minmax(0, 1fr);
    gap: .32rem;
    padding: .2rem 0;
}

.sc-admin-frame .sc-style-options__field-list {
    gap: .2rem;
}

.sc-admin-frame .sc-style-options__group-header {
    gap: .16rem;
}

.sc-admin-frame .sc-style-options__field-label,
.sc-admin-frame .sc-style-options__field-control {
    gap: .16rem;
}

.sc-admin-frame .sc-style-options__field-control textarea {
    min-height: 64px;
    max-width: 28rem;
}

.sc-admin-frame .sc-style-options__template-source {
    height: 8rem;
    min-height: 7rem;
}

.sc-admin-frame .sc-style-options__css-source {
    height: 7.5rem;
    min-height: 6rem;
}

.sc-admin-frame .sc-style-manager__template-editor .sc-source-code-area {
    height: min(56vh, 28rem);
    min-height: 18rem;
}

.sc-admin-frame .sc-source-code-area {
    height: 7.5rem;
    min-height: 7rem;
    max-height: 18rem;
    font-size: 12px;
    line-height: 1.25;
}

.sc-admin-frame .sc-style-options__css-panel-grid {
    grid-template-columns: minmax(0, 1.6fr) minmax(190px, .72fr);
    gap: .36rem;
}

.sc-admin-frame .sc-style-options__css-panel-main,
.sc-admin-frame .sc-style-options__css-panel-side {
    gap: .3rem;
}

.sc-admin-frame .sc-style-options__css-subpanel {
    gap: .2rem;
    padding: .28rem .34rem;
    border-color: rgba(87, 122, 158, .74);
    background: var(--sc-admin-surface-nested);
    box-shadow: inset 0 1px 0 rgba(225, 245, 255, .05);
}

.sc-admin-frame .sc-style-options__css-selector {
    padding: .18rem .28rem;
}

.sc-admin-frame .sc-style-options__selector-panel {
    gap: 0;
    padding: 0;
}

.sc-admin-frame .sc-style-options__selector-panel-titlebar {
    min-height: 1.8rem;
    padding: .22rem .38rem;
}

.sc-admin-frame .sc-style-options__selector-panel-grid {
    grid-template-columns: minmax(300px, 1.08fr) minmax(300px, 1fr);
    gap: .46rem;
    padding: .46rem .52rem .38rem;
}

.sc-admin-frame .sc-style-options__selector-links-grid {
    gap: .46rem;
    padding: 0 .52rem .46rem;
}

.sc-admin-frame .sc-style-options__selector-side-stack {
    gap: .34rem;
}

.sc-admin-frame .sc-style-options__selector-panel .sc-style-options__css-subpanel {
    gap: .28rem;
    padding: .4rem .5rem .48rem;
}

.sc-admin-frame .sc-style-options__selector-extra .sc-style-options__css-source,
.sc-admin-frame .sc-style-options__selector-extra .sc-source-code-area {
    height: 5.3rem;
    min-height: 5.3rem;
}

.sc-admin-frame .sc-style-options__css-panel-footer,
.sc-admin-frame .sc-style-options__selector-panel-footer {
    padding: .34rem .46rem;
}

@media (max-width: 760px) {
    .sc-style-options__selector-panel-footer {
        grid-template-columns: 1fr;
    }

    .sc-style-options__selector-footer-actions {
        justify-content: flex-start;
    }
}

.sc-admin-frame .sc-style-options__aggregate {
    gap: .32rem;
}

.sc-admin-frame .sc-style-options__editor-control-grid,
.sc-admin-frame .sc-style-options__toolbar-menu-grid {
    gap: .4rem;
}

.sc-admin-frame .sc-style-options__editor-control,
.sc-admin-frame .sc-style-options__toolbar-list {
    padding: .36rem .44rem .42rem;
}

.sc-admin-frame .sc-style-options__editor-control-table {
    border-spacing: 0 .1rem;
}

.sc-admin-frame .sc-style-options__editor-control-table th,
.sc-admin-frame .sc-style-options__editor-control-table td {
    padding: .06rem .12rem;
}

.sc-admin-frame .sc-style-options__editor-control-table th {
    width: 6.6rem;
}

.sc-admin-frame .sc-style-options__editor-preview-cell {
    width: 3rem;
}

.sc-admin-frame .sc-style-options__editor-input,
.sc-admin-frame .sc-style-options__editor-swatch {
    min-height: 1.44rem;
    height: 1.44rem;
}

.sc-admin-frame .sc-style-options__toolbar-textarea {
    min-height: 7.4rem;
    height: 7.4rem;
}

@media (max-width: 900px) {
    .sc-admin-frame .sc-style-options__selector-panel-grid,
    .sc-admin-frame .sc-style-options__selector-links-grid,
    .sc-admin-frame .sc-style-options__editor-control-grid,
    .sc-admin-frame .sc-style-options__toolbar-menu-grid {
        grid-template-columns: 1fr;
    }
}

.sc-admin-frame .system-status-page {
    gap: .32rem;
}

.sc-admin-frame .system-status-page__header,
.sc-admin-frame .system-status-card__header,
.sc-admin-frame .system-status-page__meta {
    gap: .28rem;
}

.sc-admin-frame .system-status-grid {
    column-gap: .32rem;
}

.sc-admin-frame .system-status-card {
    gap: .24rem;
    padding: .28rem .34rem;
    border-color: var(--sc-admin-border-medium);
    background: var(--sc-admin-surface-raised);
    box-shadow: inset 0 1px 0 var(--sc-admin-edge-highlight), var(--sc-admin-shadow-panel);
}

.sc-admin-frame .sc-admin-summary-cell {
    gap: .06rem;
    padding: .18rem .28rem;
    background: linear-gradient(180deg, rgba(16, 24, 39, .88), rgba(10, 16, 27, .88));
}

.sc-admin-frame .sc-admin-summary-cell__label {
    font-size: 11px;
}

.sc-admin-frame .sc-admin-summary-cell__value {
    font-size: 12px;
}

.sc-admin-frame .sc-admin-data-table th,
.sc-admin-frame .sc-admin-data-table td {
    padding: .2rem .3rem;
    font-size: 12px;
    vertical-align: top;
    overflow-wrap: anywhere;
}

.sc-admin-frame :where(table tbody tr:nth-child(odd) td, table tbody tr:nth-child(odd) th) {
    background: var(--sc-admin-table-row-odd);
}

.sc-admin-frame :where(table tbody tr:nth-child(even) td, table tbody tr:nth-child(even) th) {
    background: var(--sc-admin-table-row-even);
}

.sc-admin-frame :where(table tbody tr:hover td, table tbody tr:hover th) {
    background: var(--sc-admin-table-row-hover);
}

.sc-admin-frame :where(tr.is-selected td, tr.is-selected th, [aria-selected="true"] td, [aria-selected="true"] th) {
    background: var(--sc-admin-table-row-selected);
}

.sc-admin-frame .debug-summary-table,
.sc-admin-frame .debug-tests__summary-table,
.sc-admin-frame .routing-summary-table {
    width: 100%;
}

.sc-admin-frame .debug-summary-table th,
.sc-admin-frame .debug-tests__summary-table th,
.sc-admin-frame .routing-summary-table th {
    width: 1%;
    white-space: nowrap;
}

.sc-admin-frame .settings-selector-table {
    width: auto;
    max-width: 34rem;
}

.sc-admin-frame .settings-selector-table th {
    width: 4.5rem;
}

.sc-admin-frame .settings-selector-table td {
    vertical-align: top;
}

.sc-admin-content .settings-selector-panel__body {
    grid-template-columns: minmax(13rem, 22rem);
    gap: .22rem;
}

.sc-admin-frame .settings-selector-panel__actions {
    width: 1%;
    white-space: nowrap;
}

.sc-admin-frame [data-settings-filter],
.sc-admin-frame [data-system-status-filter],
.sc-admin-frame [data-debug-filter],
.sc-admin-frame [data-debug-tests-filter],
.sc-admin-frame [data-routing-filter],
.sc-admin-frame [data-template-browser-filter] {
    width: min(100%, 15rem);
    max-width: 15rem;
}

.sc-admin-frame #simulate_path {
    width: min(100%, 20rem);
    max-width: 20rem;
}

.sc-admin-frame .sc-style-manager__expanded-stack {
    align-content: start;
    grid-auto-rows: max-content;
}

.sc-admin-frame .sc-style-manager__selected-action-label {
    align-self: center;
    padding: 0 .12rem;
    color: var(--sc-color-muted);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.1;
    white-space: nowrap;
}

.sc-admin-frame .sc-style-manager__control-strip form {
    display: inline-flex;
    margin: 0;
}

.sc-admin-frame .sc-style-manager__control-strip [hidden] {
    display: none !important;
}

.sc-admin-frame .sc-style-manager__template-action-reason {
    margin: 0;
    font-size: 11px;
    line-height: 1.2;
}

.sc-admin-frame .sc-style-manager__template-filter {
    display: flex;
    align-items: center;
    gap: .24rem;
    flex-wrap: wrap;
}

.sc-admin-frame .debug-tests {
    gap: .28rem;
}

.sc-admin-frame .debug-tests .panel {
    padding: .3rem .36rem;
}

.sc-admin-frame .debug-tests .toolbar {
    gap: .2rem;
}

.sc-admin-frame .routing-integrity .card {
    display: grid;
    gap: .24rem;
}

.sc-admin-frame .routing-integrity .toolbar input {
    width: min(100%, 18rem);
}

@media (max-width: 900px) {
    .sc-admin-frame {
        font-size: 14px;
    }

    .sc-admin-content {
        padding: .32rem;
    }

    .sc-admin-frame__shell {
        gap: .32rem;
    }

    .sc-admin-sidebar {
        position: static;
        width: 100%;
        height: auto;
        min-height: 0;
        max-height: none;
        overflow: visible;
    }

    .sc-admin-main {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        padding-right: 0;
    }

    .sc-admin-header__identity {
        flex-basis: 100%;
    }

    .sc-admin-frame .settings-shell,
    .sc-admin-frame .sc-style-manager__expanded-grid,
    .sc-admin-frame .sc-style-options__css-panel-grid {
        grid-template-columns: 1fr;
    }

    .sc-admin-frame .settings-selector-table,
    .sc-admin-frame .settings-selector-table tbody,
    .sc-admin-frame .settings-selector-table tr,
    .sc-admin-frame .settings-selector-table th,
    .sc-admin-frame .settings-selector-table td {
        display: block;
        width: 100%;
        max-width: 100%;
    }

    .sc-admin-content .setting-field,
    .sc-admin-frame .sc-style-options__readonly-row,
    .sc-admin-frame .sc-style-options__field,
    .sc-admin-frame .sc-style-manager__option {
        grid-template-columns: 1fr;
    }

    .sc-admin-frame .sc-compact-select,
    .sc-admin-frame .sc-compact-input,
    .sc-admin-content .setting-control input[type="text"],
    .sc-admin-content .setting-control input[type="password"],
    .sc-admin-content .setting-control input[type="email"],
    .sc-admin-content .setting-control textarea,
    .sc-admin-content .setting-control select {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }
}