/* CZHS local main fdc6242: reuse the approved theme/font, not its runtime. */
@font-face{font-family:Roboto;src:url('./fonts/roboto-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Roboto;src:url('./fonts/roboto-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Roboto;src:url('./fonts/roboto-600.woff2') format('woff2');font-weight:600;font-display:swap}
:root{
  --bg:#f8fafd;--surface:#fff;--rail:#f0f4f9;--ink:#1f1f1f;
  --muted:#444746;--line:#e1e5ea;--accent:#0b57d0;--accent-soft:#d3e3fd;
  --warning:#715414;--warning-bg:#fffcf4;
  font-family:Roboto,-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;
}
body{font-family:inherit}
::selection{background:#c2e7ff;color:var(--ink)}
input,textarea{caret-color:var(--accent)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:var(--accent)}
.topbar{background:var(--bg)}
.nav-link{color:var(--muted);border-radius:4px}
.nav-link:hover{background:#e9eef6;color:var(--ink)}
.nav-link[aria-current=page]{background:var(--accent-soft);color:var(--ink)}
.rail-note{border-color:var(--line)}
.avatar{background:#d3e3fd}
.brand small,.footer{color:var(--muted)}
.btn,.icon-button,.field input,.field select,.field textarea,.search-box,.price-input{border-radius:4px}
.btn:hover{background:#e9eef6}
.btn.primary:hover{background:#0842a0}
.btn.soft{background:var(--accent-soft)}
.panel{border-radius:8px}
.badge{background:#f0f6f1;color:#3f684d}
.badge.neutral{background:#eef1f5;color:#444746}
.notice.ok{background:var(--accent-soft);color:#174ea6}
.scope-strip,.dialog-foot,th{background:#f8fafd}
tr.selected{background:#f0f5ff}
tbody tr:hover{background:#f6f8fc}
.template-icon{background:#eef3fb;color:#4d6585}
.template-mobile,.mobile-product,td{border-color:var(--line)}
.workflow-step.done{color:var(--accent);border-color:#9bbcef}
.check-row svg,.aside-step svg{color:var(--accent)}
.badge.warning{background:var(--warning-bg);color:var(--warning)}
#toast{background:#174ea6}
h1{font-size:28px}
@media(max-width:650px){.page-head h1{font-size:25px}}