/* practice.css — 測試 tab（test.js 掛載嘅 .nlt-* 介面）同列印樣式 */

.nlt-panel{padding:18px}
.nlt-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:4px}
.nlt-sub{margin:0;font-weight:700;color:var(--ink-soft);font-size:.84rem}
.nlt-ctrl{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0 4px}
.nlt-field{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:.85rem;color:var(--ink-soft)}
.nlt-num-input{width:110px;min-height:40px;border:var(--bw) solid var(--rule-strong);border-radius:var(--r-btn);background:var(--card);color:var(--ink);font-weight:800;font-size:.9rem;padding:6px 10px;font-family:inherit}
.nlt-num-input:focus{outline:2px solid var(--accent);outline-offset:2px}
.nlt-add{min-height:40px;padding:6px 14px;font-size:.85rem}
.nlt-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;margin:14px 0}
@media (max-width:920px){.nlt-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (max-width:560px){.nlt-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:400px){.nlt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.nlt-cell{border:1px solid var(--rule-strong);border-radius:var(--r-btn);background:var(--card);padding:8px 9px;min-width:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.nlt-num{font-weight:800;font-variant-numeric:tabular-nums;font-size:.95rem;margin-bottom:6px;overflow-wrap:anywhere}
.nlt-ans{width:100%;border:1px solid var(--rule);border-radius:var(--r-input);padding:6px 8px;background:var(--card);color:var(--ink);font-weight:700;font-size:.85rem;font-family:inherit;min-width:0}
.nlt-ans:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}
.nlt-ans:disabled{cursor:default}
.nlt-cell.is-ok{background:var(--memo-bg);border-color:var(--memo-fg)}
.nlt-cell.is-ok .nlt-ans{border-color:var(--memo-fg);color:var(--memo-fg);background:transparent}
.nlt-cell.is-bad{background:var(--holiday-bg);border-color:var(--holiday-fg)}
.nlt-cell.is-bad .nlt-ans{border-color:var(--holiday-fg);color:var(--holiday-fg);background:var(--card)}
.nlt-fix{margin-top:6px;font-size:.76rem;font-weight:800;color:var(--ok);overflow-wrap:anywhere}
.nlt-summary{margin:10px 0 0;text-align:center;font-weight:800;color:var(--ink-soft);font-size:.95rem}
.nlt-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.nlt-actions .btn-primary,.nlt-actions .btn-secondary{flex:1 1 150px}
.nlt-note{margin:10px 0 0;text-align:center;color:var(--ink-faint);font-size:.72rem}
.nlt-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--ink);color:var(--paper);padding:10px 18px;border-radius:999px;font-weight:800;font-size:.85rem;z-index:99;transition:opacity .3s}
.nlt-toast.is-out{opacity:0}
@media print{
  .app>.top,.nlt-noprint{display:none!important}
  body{background:#fff!important}
  .nlt-panel{box-shadow:none!important;border-width:1px!important}
  .nlt-grid{gap:6px}
  .nlt-summary{font-size:12pt}
}