/* v1.1.8 — transaction-time quantities and local-file backup/restore. */
.history-explainer{margin:0;padding:12px 22px;background:var(--bg);border-top:1px solid var(--line);font-size:.79rem;line-height:1.7;color:var(--muted)}
.content[data-view=history] .inventory-table{min-width:1120px}
.content[data-view=history] th.numeric{white-space:normal;line-height:1.5}
.content[data-view=history] .history-before,.content[data-view=history] .history-after{font-variant-numeric:tabular-nums}
.content[data-view=history] .history-delta .qty-button{color:inherit;font-weight:750}
.content[data-view=history] .numeric .subline{font-weight:400;font-size:.68rem;color:var(--muted);white-space:normal}
.content[data-view=history] .history-delta{background:#f7f9fc}
.content[data-view=history] .history-after{background:#edf4fc}
.content[data-view=history] .row-actions{flex-wrap:wrap;gap:5px}
.stock-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;text-align:center;font-variant-numeric:tabular-nums}
.stock-flow>div{min-width:0;padding:8px 3px}
.stock-flow>div+div{border-left:1px solid #cfdaea;position:relative}
.stock-flow>div+div:before{content:'→';position:absolute;left:-.5em;top:50%;font-size:.8rem;color:var(--muted);background:#eef5ff;line-height:1}
.stock-flow span{display:block;font-size:.75rem;color:var(--muted);line-height:1.5;margin-bottom:8px}
.stock-flow strong{font-size:1.45rem;color:var(--ink);display:block;overflow-wrap:anywhere;white-space:normal}
.stock-flow small{font-size:.7rem;font-weight:400;margin-left:3px;color:var(--muted)}
.stock-flow .result strong{color:var(--blue)}
.stock-flow .positive strong{color:var(--green)}
.stock-flow .negative strong{color:var(--red)}
.preview{flex-wrap:wrap}
.preview>.stock-flow{width:100%}.preview>p{width:100%;margin:5px 0 0}
.settings-eyebrow{color:var(--blue);font-size:.7rem;font-weight:750;letter-spacing:.08em;display:block;margin-bottom:12px}
.settings-card h2{margin-bottom:16px}.settings-card .hint{line-height:1.8}.settings-card hr{border:0;border-top:1px solid var(--line);margin:24px 0}.settings-card .actions{flex-wrap:wrap}
.restore-steps{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.restore-steps span{font-size:.75rem;padding:7px 10px;background:var(--bg);border:1px solid var(--line);border-radius:6px}
.backup-file-info h3{overflow-wrap:anywhere;font-size:1rem;margin:16px 0 6px}.backup-file-info p{font-size:.82rem;color:var(--muted)}
.restore-counts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.restore-counts>div{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:16px}.restore-counts span{display:block;font-size:.8rem;color:var(--muted);margin-bottom:10px}.restore-counts strong{font-size:1.2rem}
.restore-modes{border:1px solid var(--line);border-radius:10px;padding:12px 18px;margin:20px 0}.restore-modes legend{font-weight:650;font-size:.9rem;padding:0 6px}.restore-modes label{display:flex;align-items:flex-start;gap:12px;padding:14px 0;margin:0;cursor:pointer}.restore-modes input{width:20px;height:20px;flex-shrink:0;margin:2px 0 0}.restore-modes small{display:block;font-size:.8rem;color:var(--muted);line-height:1.7;margin-top:6px}.restore-modes label+label{border-top:1px solid var(--line)}.restore-modes .unavailable{opacity:.65;cursor:not-allowed}
.restore-confirm{align-items:flex-start;padding:12px 0;line-height:1.7}.restore-confirm input{width:20px;height:20px;flex-shrink:0;margin-top:3px}
.backup-hash{margin:16px 0;font-size:.75rem}.backup-hash code,.backup-filename{display:block;overflow-wrap:anywhere;white-space:normal;background:var(--bg);padding:12px;margin:10px 0 18px;font-size:.75rem}
.saved-backups{display:grid;gap:12px}.saved-backup{display:flex;gap:14px;align-items:center;justify-content:space-between;border:1px solid var(--line);padding:16px;border-radius:10px}.saved-backup>div{min-width:0}.saved-backup strong{font-size:.9rem}.saved-backup p{font-size:.78rem;color:var(--muted);margin:6px 0}.saved-backup code{display:block;white-space:normal;overflow-wrap:anywhere;font-size:.7rem}.saved-backup button{flex-shrink:0}
#loginRecovery{font-size:.8rem;line-height:1.7}
@media(max-width:900px){
  .history-card .stock-flow{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px 5px;margin:18px 0 10px;gap:4px}
  .history-card .stock-flow>div+div:before{background:var(--bg)}
  .stock-flow span,.preview .stock-flow span{font-size:.76rem;word-break:keep-all}
  .stock-flow strong,.preview .stock-flow strong{font-size:1.28rem}
  .stock-flow small{display:block;margin:3px 0 0;font-size:.68rem}
  .saved-backup{display:block}.saved-backup button{margin-top:14px;width:100%}
  .restore-counts{grid-template-columns:1fr}.restore-modes{padding:10px 14px}
  .settings-card .restore-steps{display:grid;grid-template-columns:1fr;gap:6px}
}

/* Main modules have equal priority beside the brand. */
.module-nav{display:flex;gap:8px;align-items:center;margin-right:auto;margin-left:28px;flex-shrink:0}.module-nav button{white-space:nowrap;min-width:110px;padding:12px 20px;font-size:18px;font-weight:700;background:#f4f7fb;color:#40536b;border-color:transparent}.module-nav button.active{background:#e7f1ff;border-color:#a9c9ef;color:#0755a3}.qty-readonly{font-variant-numeric:tabular-nums}body[data-module=orders] .inventory-tabs,body[data-module=orders] .top-actions [data-act=savePrint],body[data-module=orders] .top-actions [data-act=print],body[data-module=orders] #exportMenu{display:none}
@media(max-width:1100px){.topbar{flex-wrap:wrap}.module-nav{margin-left:12px}.top-actions{margin-left:auto}}
@media(max-width:900px){.module-nav{order:3;grid-column:1/-1;grid-row:3;flex-basis:100%;margin:10px 0 0;padding-top:10px;border-top:1px solid var(--line);gap:10px}.module-nav button{flex:1;min-height:48px;font-size:17px}.topbar{flex-wrap:wrap}body[data-module=orders] .mobile-nav{display:none}body[data-module=orders]{padding-bottom:0}}
@media print{.module-nav{display:none}}

.inventory-report-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.toolbar>.inventory-report-actions{flex-basis:100%;padding-top:12px;border-top:1px solid var(--line);margin-top:8px}.inventory-report-actions button{white-space:nowrap;min-height:44px}.inventory-report-actions .hint{font-size:14px}
@media(max-width:900px){.inventory-report-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.inventory-report-actions button{min-height:50px;font-size:16px;padding:10px 8px}.inventory-report-actions .hint{grid-column:1/-1;line-height:1.5}.toolbar>.inventory-report-actions{margin-top:4px}}

@media(max-width:900px){.content[data-view=history] .toolbar .inventory-report-actions .hint{display:block}}