.unit-print-header,.unit-print-signatures{display:none}
@media screen{
 .settings-cards{display:grid;gap:24px}
 .settings-cards>.settings-card{margin:0;scroll-margin-top:75px}
 .unit-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}
 .unit-fields input,.unit-fields textarea{width:100%;min-width:0}
 .workspace-ui textarea{font:inherit;font-size:16px;line-height:1.6;padding:11px 12px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text);resize:vertical}
 .workspace-ui textarea:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
 .symbol-count-caption{display:block;font-size:11px;color:var(--muted);font-weight:400}
 .workspace-ui [data-custom-symbol]{color:var(--custom-symbol-display-ink,color-mix(in srgb,var(--custom-symbol-color) 45%,black))!important;background:var(--custom-symbol-display-bg,color-mix(in srgb,var(--custom-symbol-color) 12%,var(--surface)))!important}
 :root[data-theme=dark] .workspace-ui [data-custom-symbol]{color:var(--custom-symbol-display-ink,color-mix(in srgb,var(--custom-symbol-color) 40%,white))!important;background:var(--custom-symbol-display-bg,color-mix(in srgb,var(--custom-symbol-color) 20%,var(--surface)))!important}
}
@media print{
 .unit-print-header{display:block;margin-bottom:14px;text-align:left;color:#111}
 .unit-print-header>strong{font-size:16px}.unit-print-header h2,.unit-print-header p{text-align:center;margin:8px 0}
 .unit-print-signatures{display:block;break-inside:avoid;margin-top:18px;color:#111}
 .unit-print-signatures>p{text-align:right;font-style:italic}
 .unit-print-signatures>div{display:flex;justify-content:space-around;gap:18px;flex-wrap:wrap;margin-top:16px}
 .unit-print-signatures section{min-width:130px;min-height:100px;text-align:center}.unit-print-signatures strong,.unit-print-signatures span{display:block}.unit-print-signatures span{font-size:10px;margin-top:4px}
}
@media screen{.unit-fields{align-items:start}.unit-fields label{align-content:start}}
/* Thẻ gọn: giữ chữ dễ đọc, bớt khoảng trống. */
@media screen{
 .workspace-ui .settings-cards{gap:16px}
 .workspace-ui .settings-cards>.settings-card{padding:18px}
 .workspace-ui .settings-cards>.settings-card>.settings-heading{margin-bottom:14px;gap:12px}
 .workspace-ui .settings-cards>.settings-card>.settings-heading .section-kicker{display:none}
 .workspace-ui .settings-cards h2{font-size:20px}
 .workspace-ui .settings-cards label{margin:0;gap:6px}
 .workspace-ui .settings-cards .error:empty{display:none}
 .workspace-ui .unit-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
 .workspace-ui #unitForm>.primary{margin-top:14px}
 .settings-card-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
 .workspace-ui .settings-card-actions>button{min-height:44px;padding:8px 12px;font-size:14px}
 .workspace-ui .settings-cards .total-formula>.hint{max-width:470px;margin:0;font-size:13px}
 @media(min-width:1450px){.workspace-ui .unit-fields{grid-template-columns:1.2fr 1fr 1fr 1.4fr}}
 @media(max-width:900px){
  .workspace-ui .settings-cards>.settings-card{padding:14px}
  .workspace-ui .unit-fields{grid-template-columns:1fr 1fr;gap:12px}
  .workspace-ui .unit-fields>label:first-child{grid-column:1/-1}
 }
}
/* Inline symbol and calendar-scope editor beneath the layout preview. */
#settingsCards .cell-rule-options{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.45fr);gap:20px;align-items:start;margin-bottom:12px}
#settingsCards .cell-rule-symbols{display:flex;flex-wrap:wrap;gap:12px 20px}
#settingsCards .cell-rule-scope{display:grid;gap:8px}
@media(max-width:760px){#settingsCards .cell-rule-options{grid-template-columns:minmax(0,1fr)}}