.admin-workspace { --admin-ink:#1d1d1f; --admin-muted:#33333c; --admin-line:#dedee3; --admin-orange:#ff5300; color:var(--admin-ink); background:#f5f5f7; min-width:0; font-family:"Inter",system-ui,sans-serif; font-size:14px; line-height:1.5; }
.admin-workspace *, .admin-workspace *::before, .admin-workspace *::after { box-sizing:border-box; }
.admin-workspace [hidden] { display:none!important; }
.admin-workspace :is(input,select,textarea,button) { font:inherit; }
.admin-workspace :is(h1,h2,h3,p) { margin:0; }
.admin-workspace h1 { font-size:clamp(28px,2.5vw,38px); line-height:1.15; letter-spacing:-.035em; font-weight:700; }
.admin-workspace h1:focus { outline:none; }
.admin-workspace h2 { font-size:18px; line-height:1.35; font-weight:650; letter-spacing:-.015em; }
.admin-workspace h3 { font-size:15px; font-weight:650; }
.admin-page-heading { display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; gap:20px; margin-bottom:28px; }
.admin-page-heading p { max-width:72ch; margin-top:10px; color:var(--admin-muted); }
.admin-workspace .admin-panel { padding:24px; background:#fff; border:1px solid var(--admin-line); border-radius:14px; min-width:0; margin-bottom:20px; }
.admin-panel-heading { margin-bottom:20px; display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:16px; }
.admin-panel-heading p, .admin-muted, .admin-workspace small { color:var(--admin-muted); }
.admin-panel-heading p { margin-top:6px; max-width:75ch; }
.admin-workspace .admin-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.admin-workspace .admin-button { display:inline-flex; justify-content:center; align-items:center; gap:8px; min-height:44px; padding:10px 16px; border:1px solid transparent; border-radius:10px; color:#292930; background:#ededf1; font-weight:600; cursor:pointer; text-align:center; line-height:1.4; box-shadow:none; transition:box-shadow 140ms; }
.admin-workspace .admin-button:hover:not(:disabled) { background:#e2e2e8; }
.admin-workspace .admin-button-primary { background:#983100; color:#fff; border-color:#ff5300; }
.admin-workspace .admin-button-primary:hover:not(:disabled) { background:#872900; border-color:#ff5300; color:#fff; }
.admin-workspace .admin-button-quiet { background:transparent; color:#34343e; }
.admin-workspace .admin-button-quiet:hover:not(:disabled) { background:#f1f1f5; color:#292930; }
.admin-workspace .admin-button-danger { color:#53151b; background:#fff1ef; }
.admin-workspace .admin-button:disabled { cursor:default; color:#292930; background:#f0f0f4; border-color:transparent; }
.admin-workspace :is(button,a,input,select,textarea,summary):focus-visible { outline:2px solid #9b3000; outline-offset:3px; }
.admin-workspace :is(input:not([type=checkbox]),select,textarea) { width:100%; min-width:0; min-height:46px; padding:11px 13px; background:#fff; color:#1d1d1f; border:1px solid #c7c7cc; border-radius:10px; box-shadow:none; }
.admin-workspace :is(input,textarea)::placeholder { color:#33333c; opacity:1; }
.admin-workspace :is(input,select,textarea):disabled { color:#33333c; -webkit-text-fill-color:#33333c; opacity:1; background:#f9f9fb; }
.admin-workspace input[type=checkbox] { width:20px; height:20px; margin:2px 0 0; accent-color:#b43b00; flex:0 0 auto; }
.admin-workspace :is(input,textarea)[aria-invalid=true] { border-color:#9d2d21; }
.admin-field { display:grid; align-content:start; gap:7px; min-width:0; }
.admin-field>span:first-child { font-weight:600; }
.admin-field small { font-size:13px; }
.admin-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.admin-field-wide { grid-column:1/-1; }
.admin-form-actions { position:sticky; bottom:0; z-index:5; display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; padding:18px 24px; border:1px solid var(--admin-line); border-radius:14px; background:#fff; margin-top:24px; }
.admin-notice { padding:14px 16px; border:1px solid #dedee3; border-radius:10px; background:#f9f9fb; margin-bottom:18px; overflow-wrap:anywhere; }
.admin-notice[data-tone=error] { border-color:#cfaaa5; color:#53151b; background:#fff4f2; }
.admin-notice[data-tone=success] { border-color:#b6cbbf; color:#153524; background:#f4faf6; }
.admin-notice p+p { margin-top:8px; }
.admin-notice .admin-actions { margin-top:12px; }
.admin-tabs { display:flex; gap:24px; overflow-x:auto; border-bottom:1px solid var(--admin-line); margin:-4px 0 20px; padding:0 0 0; scrollbar-width:thin; }
.admin-workspace .admin-tab { position:relative; white-space:nowrap; border:0; border-radius:0; padding:13px 1px 15px; min-height:48px; background:transparent; color:#35353d; font-weight:550; cursor:pointer; }
.admin-workspace .admin-tab[aria-selected=true] { color:#762300; font-weight:650; box-shadow:inset 0 -2px #ff5300; }
.admin-toolbar { display:flex; align-items:end; flex-wrap:wrap; gap:14px; margin-bottom:20px; }
.admin-workspace fieldset.admin-toolbar { border:0; padding:0; min-width:0; }
.admin-navigation-label { margin:24px 14px 10px; color:#33333c; font-size:12px; font-weight:650; letter-spacing:.02em; }
.admin-toolbar .admin-field { flex:1 1 180px; }
.admin-toolbar .admin-search { flex:2 1 260px; }
.admin-table-wrap { width:100%; max-width:100%; overflow:auto; border:1px solid #e5e5ea; border-radius:10px; }
.admin-workspace .admin-table { width:100%; border-collapse:collapse; font-size:14px; text-align:left; }
.admin-table th { padding:13px 16px; background:#fafafb; color:#33333c; font-size:12px; font-weight:650; white-space:nowrap; border-bottom:1px solid #e5e5ea; }
.admin-table td { padding:17px 16px; border-bottom:1px solid #ececf0; vertical-align:middle; min-width:130px; }
.admin-table tr:last-child td { border-bottom:0; }
.admin-table tbody tr:hover { background:#fcfcfe; }
.admin-table td:first-child { min-width:220px; }
.admin-table small { display:block; margin-top:3px; font-size:13px; overflow-wrap:anywhere; }
.admin-table .admin-button { min-height:44px; padding:10px 12px; white-space:nowrap; }
.admin-link { border:0; padding:0; font:inherit; color:#762300; background:transparent; text-align:left; cursor:pointer; font-weight:600; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; }
.admin-page-controls { display:flex; justify-content:space-between; align-items:center; gap:18px; flex-wrap:wrap; margin-top:20px; }
.admin-page-controls p { color:var(--admin-muted); }
.admin-empty { display:grid; justify-items:center; text-align:center; gap:8px; padding:52px 20px; }
.admin-empty h2 { font-size:18px; }
.admin-empty p { color:var(--admin-muted); max-width:50ch; }
.admin-workspace .admin-disclosure { border:1px solid #e5e5ea; border-radius:10px; background:#fff; margin-top:12px; min-width:0; }
.admin-workspace .admin-disclosure>summary { list-style:none; min-height:48px; display:flex; align-items:center; justify-content:space-between; padding:14px 16px; gap:14px; font-weight:600; cursor:pointer; }
.admin-workspace .admin-disclosure>summary::-webkit-details-marker { display:none; }
.admin-workspace .admin-disclosure>summary::before { content:none; display:none; }
.admin-workspace .admin-disclosure>summary::after { content:""; width:8px; height:8px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg); margin:0 3px 4px; transition:transform 180ms; flex:0 0 auto; }
.admin-workspace .admin-disclosure[open]>summary::after { transform:rotate(225deg); margin-bottom:-3px; }
.admin-workspace .admin-disclosure::details-content { transition:content-visibility 180ms allow-discrete,block-size 180ms; interpolate-size:allow-keywords; block-size:0; overflow:clip; }
.admin-workspace .admin-disclosure[open]::details-content { block-size:auto; }
.admin-disclosure-body { padding:0 16px 16px; }
.admin-permission-row { display:flex; gap:13px; padding:13px 0; border-top:1px solid #eeeeF2; cursor:pointer; align-items:flex-start; }
.admin-permission-row span { display:grid; gap:4px; }
.admin-permission-row strong { font-size:14px; font-weight:550; }
.admin-permission-row small { font-size:13px; }
.admin-permission-auditor { border:0; padding:8px 0 18px; }
.admin-secret-control { display:flex; gap:8px; align-items:center; min-width:0; }
.admin-secret-control input { flex:1; min-width:0; }
.admin-secret-control .admin-button { flex:0 0 auto; }
.admin-detail-list { display:grid; grid-template-columns:minmax(130px,.35fr) minmax(0,1fr); gap:10px 20px; margin:0; }
.admin-detail-list dt { color:var(--admin-muted); }
.admin-detail-list dd { margin:0; overflow-wrap:anywhere; white-space:pre-wrap; }
.admin-record-answers { display:grid; gap:16px; }
.admin-answer-value { padding:14px 0; border-top:1px solid #eeeef2; overflow-wrap:anywhere; }
.admin-answer-value p { white-space:pre-wrap; margin-top:5px; }
.admin-dialog { width:min(760px,calc(100vw - 32px)); max-height:calc(100dvh - 40px); padding:0; border:1px solid #dedee3; border-radius:14px; color:#1d1d1f; background:#fff; font-family:"Inter",system-ui,sans-serif; box-shadow:0 16px 60px rgb(29 29 31 / 18%); }
.admin-dialog::backdrop { background:rgb(29 29 31 / 40%); }
.admin-dialog>.admin-workspace { background:#fff; padding:28px; }
.admin-dialog-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; margin-bottom:24px; }
.admin-dialog .admin-table-wrap { margin-top:20px; }
.admin-dialog h3 { margin-top:24px; margin-bottom:12px; }
.admin-loading { padding:48px 20px; text-align:center; color:#33333c; }
.admin-workspace [aria-busy=true] { cursor:progress; }
@media(max-width:700px) { .admin-workspace .admin-panel { padding:18px 16px; } .admin-form-grid { grid-template-columns:minmax(0,1fr); gap:18px; } .admin-form-actions { position:static; padding:16px; } .admin-page-heading { margin-bottom:22px; } .admin-toolbar { gap:12px; } .admin-toolbar .admin-field { flex-basis:100%; } .admin-tabs { gap:20px; } .admin-detail-list { grid-template-columns:minmax(0,1fr); gap:4px; } .admin-detail-list dd { margin-bottom:12px; } .admin-secret-control { flex-wrap:wrap; } .admin-secret-control input { flex-basis:100%; } .admin-dialog>.admin-workspace { padding:20px 16px; } }
@media(prefers-reduced-motion:reduce) { .admin-workspace *, .admin-workspace *::before, .admin-workspace *::after { transition:none!important; scroll-behavior:auto!important; } }
@media(forced-colors:active) { .admin-workspace .admin-button { border:1px solid ButtonText; } .admin-workspace .admin-tab[aria-selected=true] { outline:2px solid Highlight; outline-offset:-3px; } .admin-workspace :is(.admin-panel,.admin-notice,.admin-table-wrap,.admin-disclosure) { border-color:CanvasText; } }
