
/* ---------- v3: sheet matches the paper invoice book ---------- */
.sh-meta{display:grid;grid-template-columns:1.7fr 1fr;gap:8px;margin-bottom:8px}
.sh-foot{display:grid;grid-template-columns:1.7fr 1fr;grid-template-areas:"words total" "sign paid" "sign rem";gap:6px 8px;margin-top:8px}
.sh-foot.has-disc{grid-template-areas:"words disc" "words total" "sign paid" "sign rem"}
.sh-foot .lb{min-width:92px}
.sh-foot .sh-words{grid-area:words}.sh-foot .sh-total{grid-area:total}.sh-foot .sh-disc{grid-area:disc}
.sh-foot .sh-sign{grid-area:sign}.sh-foot .sh-paid{grid-area:paid}.sh-foot .sh-rem{grid-area:rem}
.sh-foot .sh-cell{min-height:40px}
.sh-foot .sh-words{margin:0;display:grid;grid-template-columns:auto 1fr;grid-template-rows:none;align-items:stretch;min-height:40px}
.sh-foot .sh-words .lb{border-bottom:0;display:flex;flex-direction:column;justify-content:center;text-align:center}
.sh-foot .sh-words .tx{padding:6px 10px;font-size:1rem;line-height:1.45;display:flex;align-items:center}
.sh-foot .sh-sign{display:grid;grid-template-columns:auto 1fr;margin:0;min-height:86px}
.sh-foot .sh-sign .lb{border-right:0;border-left:1px solid var(--paper-line);font-weight:700}
.sh-foot .val{display:flex;align-items:center;justify-content:center;font-family:var(--font);font-size:1.15rem;font-weight:700;font-variant-numeric:tabular-nums;direction:ltr}
.sh-foot input{text-align:center;font-weight:700}
.sh-foot .sg{display:grid;place-items:center}
.sh-foot .sg small{font-family:var(--font);color:#5b6570}
@media(max-width:820px){.sh-meta{grid-template-columns:1fr}}
.sh-foot .sh-tax{grid-area:tax}
/* ---------- v3: feature switches ---------- */
.feat{display:flex;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);cursor:pointer}
.feat:last-child{border-bottom:0}
.feat small{display:block;color:var(--muted);font-size:.82rem;margin-top:2px}
.sw{position:relative;width:46px;height:26px;flex:none}
.sw input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;z-index:2;width:100%;height:100%}
.sw i{position:absolute;inset:0;background:var(--line2);border-radius:999px;transition:.2s}
.sw i::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.3)}
.sw input:checked+i{background:var(--accent)}
.sw input:checked+i::after{inset-inline-start:23px}
.alert-line{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}
.alert-line:last-child{border-bottom:0}
.alert-line .dot{width:9px;height:9px;border-radius:50%;background:var(--faint);flex:none}
.alert-line .dot.bad{background:var(--red)}.alert-line .dot.warn{background:var(--honey)}
.img-prev{width:100%;max-width:560px;display:block;margin:0 auto;border:1px solid var(--line);border-radius:6px}
@media print{
  #printArea .lines td{height:23px}
  #printArea .lines th{padding:1px 3px;font-size:11px}
  #printArea .lines th em{font-size:9px}
  #printArea .sh-top{margin-bottom:6px}
  #printArea .sh-title b{font-size:1.5rem}
  #printArea .sh-no b{font-size:1.3rem}
  #printArea .sh-meta{margin-bottom:5px}
  #printArea .sh-cell{min-height:28px}
  #printArea .sh-cell .lb{font-size:11px;padding:1px 6px}
  #printArea .sh-foot{margin-top:5px;gap:4px 6px}
  #printArea .sh-foot .sh-cell{min-height:28px}
  #printArea .sh-foot .lb{min-width:74px}
  #printArea .sh-foot .sh-sign{min-height:60px}
  #printArea .sh-foot .val{font-size:1rem}
  #printArea .sh-foot .sh-words .tx{font-size:.9rem;padding:3px 6px}
  #printArea .sh-note{margin-top:4px;font-size:11px}
}
@media print{
  #printArea .sh-top{grid-template-columns:1fr auto 1fr}
  #printArea .sh-title{order:0;grid-column:auto;margin-bottom:0}
  #printArea .sh-meta{grid-template-columns:1.7fr 1fr}
  #printArea .sh-co img{width:34px;height:34px}
}
