/* Live product palette and hierarchy shared by all management screens.
   No demo values, remote fonts, or external runtime dependency. */
:root{color-scheme:dark;--product-bg:#121a27;--product-paper:#1b2637;--product-ink:#edf4ff;--product-muted:#b7c7dc;--product-line:#384b64;--product-soft:#24344a;--product-accent:#69d7d1;--product-on-accent:#103332;--product-accent-soft:#173e40;--product-navy:#aec9f2;--product-warn:#ffd18a;--product-warn-soft:#463620;--product-danger:#ffb9c3;--product-danger-soft:#442835;--product-sidebar:#132b45;--product-sidebar-ink:#edf4ff;--product-sidebar-active:#294e70;--db-paper:var(--product-paper);--db-bg:var(--product-bg);--db-ink:var(--product-ink);--db-muted:var(--product-muted);--db-line:var(--product-line);--db-soft:var(--product-soft);--db-button:var(--product-accent);--db-button-text:var(--product-on-accent);--db-error:var(--product-danger)}
body{background:var(--product-bg);color:var(--product-ink);font:400 14px/1.6 "Pretendard","Malgun Gothic",sans-serif}
#xonic-dashboard-wireframe{--db-paper:var(--product-paper);--db-bg:var(--product-bg);--db-ink:var(--product-ink);--db-muted:var(--product-muted);--db-line:var(--product-line);--db-soft:var(--product-soft);--db-selected:var(--product-accent-soft);--db-button:var(--product-accent);--db-button-text:var(--product-on-accent);--db-warn:var(--product-warn);--db-warn-bg:var(--product-warn-soft);--db-error:var(--product-danger);--db-error-bg:var(--product-danger-soft);--db-blue:var(--product-accent);--db-blue-bg:var(--product-accent-soft);--db-purple:#d3b9ff;--db-purple-bg:#382e4a;font-size:14px;line-height:1.6}
#xonic-dashboard-wireframe .dash-app{grid-template-columns:200px minmax(0,1fr)}
#xonic-dashboard-wireframe .sidebar{background:var(--product-sidebar);color:var(--product-sidebar-ink);border-right:0;padding:26px 14px}
#xonic-dashboard-wireframe .brand{padding:0 5px 30px;color:var(--product-sidebar-ink)}
#xonic-dashboard-wireframe .brand-wordmark{font-size:12px;letter-spacing:.025em}
#xonic-dashboard-wireframe .service-name{font-size:12px;color:#c1d0e3;margin-top:5px}
#xonic-dashboard-wireframe .nav-list{gap:6px}
#xonic-dashboard-wireframe .nav-list a{padding:12px;min-height:46px;gap:11px;color:var(--product-sidebar-ink);border-radius:7px;font-size:13px}
#xonic-dashboard-wireframe .nav-list a:hover{background:var(--product-sidebar-active)}
#xonic-dashboard-wireframe .nav-list a[aria-current=page]{background:var(--product-sidebar-active);box-shadow:inset 3px 0 #6ce0d8;color:var(--product-sidebar-ink)}
#xonic-dashboard-wireframe .nav-icon{color:#c1d0e3;width:17px;height:17px}
#xonic-dashboard-wireframe .common-bar{min-height:68px;padding:17px 28px;background:var(--product-paper)}
#xonic-dashboard-wireframe .bar-left>strong{font-size:13px;color:var(--product-muted)}
#xonic-dashboard-wireframe .account-label{font-size:12px}
#xonic-dashboard-wireframe .account-controls button{font-size:12px;min-height:36px}
#xonic-dashboard-wireframe .main{padding:28px}
#xonic-dashboard-wireframe h1{font-size:28px;line-height:1.3;margin-bottom:8px;letter-spacing:-.04em}
#xonic-dashboard-wireframe h2{font-size:18px;margin:0 0 6px}
#xonic-dashboard-wireframe .page-top{margin-bottom:24px}
#xonic-dashboard-wireframe .page-top p{font-size:13px}
#xonic-dashboard-wireframe .page-eyebrow{font-size:11px;letter-spacing:.1em;color:var(--product-accent);margin-bottom:6px}
#xonic-dashboard-wireframe :is(button,select,input,textarea):not(.measurement-analysis *){border-radius:7px;padding:9px 12px;font-size:13px;background:var(--product-paper)}
#xonic-dashboard-wireframe button{min-height:38px}
#xonic-dashboard-wireframe button.primary{background:var(--product-accent);color:var(--product-on-accent);border-color:var(--product-accent)}
#xonic-dashboard-wireframe button.primary:hover:not(:disabled){background:var(--product-accent);opacity:.9}
#xonic-dashboard-wireframe .summary-grid{gap:12px;margin-bottom:24px}
#xonic-dashboard-wireframe .summary{padding:16px 18px;min-height:126px;gap:7px}
#xonic-dashboard-wireframe .summary-card{border-radius:9px}
#xonic-dashboard-wireframe .summary-card .summary-number{font-size:30px;line-height:1.3}
#xonic-dashboard-wireframe .summary-label{font-size:13px}
#xonic-dashboard-wireframe .summary-note{font-size:12px}
#xonic-dashboard-wireframe .section{border-radius:9px;padding:20px;margin-bottom:20px}
#xonic-dashboard-wireframe .work-grid{gap:20px;margin-bottom:20px}
#xonic-dashboard-wireframe .section-header{margin-bottom:16px}
#xonic-dashboard-wireframe .section-header small,#xonic-dashboard-wireframe .api-meta,#xonic-dashboard-wireframe .row-meta{font-size:12px}
#xonic-dashboard-wireframe .detail-link strong{font-size:13px;margin-bottom:5px}
#xonic-dashboard-wireframe .work-row{padding:16px 0}
#xonic-dashboard-wireframe .badge{font-size:11px;padding:3px 7px;border-radius:5px}
#xonic-dashboard-wireframe .operational-summary h2{font-size:16px}
#xonic-dashboard-wireframe .operational-summary p{font-size:12px}
#xonic-dashboard-wireframe .operational-summary summary{color:var(--product-muted)}
#xonic-dashboard-wireframe .notice{font-size:13px;border-radius:7px;background:var(--product-soft)}
#xonic-dashboard-wireframe .segmented{border-radius:7px;gap:4px;padding:4px}
#xonic-dashboard-wireframe .segmented button{padding:5px 10px;min-height:30px;font-size:12px;background:transparent}
#xonic-dashboard-wireframe .segmented button[aria-pressed=true]{background:var(--product-paper);color:var(--product-ink)}
#xonic-dashboard-wireframe .dashboard-data-table th{font-size:12px;background:var(--product-soft);padding:11px 10px}
#xonic-dashboard-wireframe .dashboard-data-table td{font-size:12px;padding:14px 10px}
#xonic-dashboard-wireframe .dashboard-data-table td small{font-size:12px}
#xonic-dashboard-wireframe .table-wrap{border-radius:8px}
#xonic-dashboard-wireframe :is(th,td){padding:13px 12px}
#xonic-dashboard-wireframe th{font-size:12px}
#xonic-dashboard-wireframe table{font-size:13px}
#xonic-dashboard-wireframe .settings-content h2{font-size:18px;margin-bottom:12px}
#xonic-dashboard-wireframe .settings-content h3{font-size:15px;margin-top:24px}
#xonic-dashboard-wireframe .settings-content>p,#xonic-dashboard-wireframe .role-grid p{font-size:13px}
#xonic-dashboard-wireframe .settings-tabs{gap:8px}
#xonic-dashboard-wireframe .settings-tabs button[aria-pressed=true]{background:var(--product-navy);color:var(--product-paper);border-color:var(--product-navy)}
#xonic-dashboard-wireframe .settings-filters label{font-size:12px}
#xonic-dashboard-wireframe .role-grid .card{padding:18px;border-radius:8px}
#xonic-dashboard-wireframe .card h3{margin-top:0;font-size:15px}
#xonic-dashboard-wireframe .settings-content .admin-block{margin-top:28px;padding-top:24px}
#xonic-dashboard-wireframe .analysis-overview .review-row{display:flex;align-items:start;gap:14px;justify-content:space-between;padding:15px 0;border-top:1px solid var(--product-line)}
#xonic-dashboard-wireframe .analysis-overview .review-row:first-child{border-top:0}
#xonic-dashboard-wireframe .analysis-overview .review-row>div{flex:1}
#xonic-dashboard-wireframe .analysis-overview a{color:var(--product-accent);font-size:13px;text-underline-offset:3px}
#xonic-dashboard-wireframe .analysis-overview .review-title{font-size:14px;font-weight:500;margin-bottom:4px}
#xonic-dashboard-wireframe .analysis-overview .review-meta{font-size:12px;color:var(--product-muted)}
#xonic-dashboard-wireframe .analysis-overview .review-badge{display:inline-block;background:var(--product-warn-soft);color:var(--product-warn);padding:3px 7px;border-radius:5px;font-size:11px;margin-right:7px}
/* Auth keeps the same server-enforced required-only rules. */
#xonic-auth-wireframe{--auth-bg:var(--product-bg);--auth-paper:var(--product-paper);--auth-ink:var(--product-ink);--auth-subtle:var(--product-muted);--auth-line:var(--product-line);--auth-soft:var(--product-soft);--auth-accent:var(--product-accent);--auth-error:var(--product-danger);--auth-error-bg:var(--product-danger-soft);--auth-success:#a5e9c5;--auth-success-bg:#193e32;font-size:14px;line-height:1.6}
#xonic-auth-wireframe .auth-panel{padding:34px;border-radius:12px;border-top:3px solid var(--product-accent);box-shadow:0 12px 36px rgb(19 43 69 / 6%)}
#xonic-auth-wireframe .brand{margin-bottom:28px}
#xonic-auth-wireframe .brand-wordmark{font-size:18px;color:var(--product-navy)}
#xonic-auth-wireframe .service-name{color:var(--product-muted);font-size:13px}
#xonic-auth-wireframe h1{font-size:27px;color:var(--product-ink);margin-bottom:8px}
#xonic-auth-wireframe .intro{font-size:13px}
#xonic-auth-wireframe :is(input:not([type=checkbox]),.field select){background:var(--product-paper);border-color:var(--product-line);color:var(--product-ink);border-radius:7px}
#xonic-auth-wireframe button{background:var(--product-paper);color:var(--product-ink);border-color:var(--product-line);border-radius:7px}
#xonic-auth-wireframe .primary{background:var(--product-accent);color:var(--product-on-accent);border-color:var(--product-accent)}
#xonic-auth-wireframe .reveal{min-width:58px;width:58px;white-space:nowrap}
#xonic-auth-wireframe .text-action{color:var(--product-muted);background:transparent}
/* Conditional auth panels and cached-response notices share the dark palette too. */
#xonic-auth-wireframe .dialog{background:var(--product-paper);color:var(--product-ink);border-color:var(--product-line)}
.api-stale,.dev-banner{background:var(--product-warn-soft);color:var(--product-warn);border-color:var(--product-line)}
.public-screen .download-file{background:var(--product-paper);color:var(--product-ink)}
dialog{background:var(--product-paper);color:var(--product-ink);border-color:var(--product-line);border-radius:10px;font-size:14px}
dialog h2{font-size:21px}
dialog :is(input,select,textarea,button){background:var(--product-paper);color:var(--product-ink);border-color:var(--product-line);border-radius:7px}
dialog :is(button.primary,button[type=submit],form>button:not([type=button])){background:var(--product-accent);color:var(--product-on-accent);border-color:var(--product-accent)}
dialog :is(button.primary,button[type=submit],form>button:not([type=button])):hover:not(:disabled){background:var(--product-accent)}
dialog .notice{background:var(--product-soft);border-color:var(--product-line);font-size:13px}
dialog .notice:is(.error,.api-error,.error-notice){background:var(--product-danger-soft);color:var(--product-danger)}
dialog :is(th,td){border-color:var(--product-line)}
dialog th{background:var(--product-soft);color:var(--product-muted)}
dialog :is(label,dt){font-size:12px}
/* The public download module owns its neutral brand boundary and QR white quiet zone. */
@media(max-width:1100px){#xonic-dashboard-wireframe .dash-app{grid-template-columns:176px minmax(0,1fr)}#xonic-dashboard-wireframe .main{padding:22px}#xonic-dashboard-wireframe .brand-wordmark{font-size:11px}#xonic-dashboard-wireframe .nav-list a{font-size:12px}}
@media(max-width:900px){#xonic-dashboard-wireframe .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){#xonic-dashboard-wireframe .dash-app{grid-template-columns:minmax(0,1fr)}#xonic-dashboard-wireframe .sidebar{padding:16px 12px}#xonic-dashboard-wireframe .nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}#xonic-dashboard-wireframe .brand{padding-bottom:16px}#xonic-dashboard-wireframe .common-bar{padding:12px;min-height:60px}#xonic-dashboard-wireframe .main{padding:20px 12px}#xonic-dashboard-wireframe h1{font-size:24px}#xonic-dashboard-wireframe .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#xonic-dashboard-wireframe .summary{padding:13px;min-height:112px}#xonic-dashboard-wireframe .summary-card .summary-number{font-size:26px}#xonic-dashboard-wireframe .section{padding:16px}#xonic-dashboard-wireframe .analysis-overview .review-row{flex-wrap:wrap;gap:8px}#xonic-dashboard-wireframe :is(input,select,textarea){font-size:16px}#xonic-dashboard-wireframe .dashboard-data-table td{padding:0}#xonic-auth-wireframe .auth-panel{padding:28px 22px}}
@media(pointer:coarse){#xonic-dashboard-wireframe button,dialog button{min-height:44px}}
@media(prefers-reduced-motion:no-preference){#xonic-dashboard-wireframe .nav-list a,#xonic-dashboard-wireframe button{transition:background-color .15s,border-color .15s}}

#xonic-auth-wireframe #guest-login{display:block;width:100%;min-height:44px;margin-top:16px;padding:10px 14px;border:1px solid var(--product-accent);background:transparent;color:var(--product-ink);font-size:14px;font-weight:600;text-decoration:none}
#xonic-auth-wireframe .guest-login-help{margin:10px 0 0;font-size:12px;color:var(--product-muted);line-height:1.6;text-align:center}