/* Shared visual language with the financial dashboard, scoped to the home view. */
#dashboard-view{--dash-teal:#2f7f7a;--dash-ink:#182d32;--dash-muted:#76868b;color:var(--dash-ink);padding-top:6px}
#dashboard-view .dash-header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px}
#dashboard-view .dash-header h2{font-size:25px;font-weight:650;letter-spacing:-.7px;margin:8px 0 6px}
#dashboard-view .dash-header p{font-size:12px;color:var(--dash-muted);line-height:1.5;margin:0}
#dashboard-view .dash-header>.dash-note{max-width:280px;text-align:right;font-size:10px}
#dashboard-view .dash-kicker{font-size:10px;font-weight:700;letter-spacing:1.8px;color:var(--dash-teal)}
#dashboard-view .dash-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}
#dashboard-view .dash-summary[hidden]{display:none}
#dashboard-view .dash-metric{background:#fff;border:1px solid #e1e8e7;border-radius:12px;padding:18px;min-height:140px;gap:0;box-shadow:0 3px 8px #182d3203;color:var(--dash-ink);font-family:inherit;min-width:0;transition:border-color .15s,box-shadow .15s}
#dashboard-view .dash-metric .dash-metric-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;font-weight:600;line-height:1.5}
#dashboard-view .dash-icon{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:9px;background:#eef4f3;color:var(--dash-teal);font-style:normal}
#dashboard-view .dash-icon svg{width:19px;height:19px}
#dashboard-view .dash-metric strong{font-size:26px;font-weight:650;letter-spacing:-.7px;line-height:1.2;margin:16px 0;overflow-wrap:anywhere}
#dashboard-view .dash-metric small{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #203c3e0d;padding-top:10px;color:#60847b;font-size:10px;margin-top:auto;width:100%}
#dashboard-view .dash-metric small span{font-size:15px}
#dashboard-view .dash-metric.featured{background:#203c3e;border-color:#203c3e;color:#fff}
#dashboard-view .dash-metric.featured .dash-icon{background:#ffffff14;color:#99ccc1}
#dashboard-view .dash-metric.featured small{color:#b5cecc;border-color:#ffffff1a}
#dashboard-view .dash-metric.green{background:#f0f8f4;border-color:#dcebe2}
#dashboard-view .dash-metric.green strong{color:#2e7e69}
#dashboard-view .dash-metric.sand{background:#fcf7ef;border-color:#eee5d6}
#dashboard-view .dash-metric.sand strong{color:#9c7544}
#dashboard-view .dash-metric.sand .dash-icon{background:#f6eddf;color:#9c7544}
#dashboard-view .dash-metric.blue{background:#f1f4f8;border-color:#e0e6ec}
#dashboard-view .dash-metric.blue .dash-icon{background:#e7edf6;color:#7480a5}
#dashboard-view .dash-metric:hover:not(:disabled){border-color:#79a89d;box-shadow:0 4px 14px #203c3e0d}
#dashboard-view button:focus-visible{outline:3px solid #b2d7ca;outline-offset:3px}
#dashboard-view .dash-grid{gap:20px;margin-top:22px;align-items:stretch}
#dashboard-view .dash-block,#dashboard-view .dash-attention{background:#fff;border:1px solid #e1e8e7;border-radius:12px;padding:22px;box-shadow:0 3px 8px #182d3203}
#dashboard-view .dash-block{display:flex;flex-direction:column}
#dashboard-view .dash-block>.dash-block-head{flex-shrink:0}
#dashboard-view .dash-block>.dash-metrics{flex:0 0 auto;grid-auto-rows:1fr;align-content:start}
#dashboard-view .dash-block-head{gap:12px;margin-bottom:12px}
#dashboard-view .dash-block-head h2,#dashboard-view .dash-all-clear h2{font-size:15px;font-weight:650;letter-spacing:-.2px;margin:6px 0}
#dashboard-view .dash-block-head p,#dashboard-view .dash-note{font-size:11px;line-height:1.6;color:var(--dash-muted)}
#dashboard-view .dash-block-head .ghost{font-size:10px;border:1px solid #e1e8e7;border-radius:7px;padding:8px 10px;white-space:nowrap;color:var(--dash-teal);background:#fff}
#dashboard-view .dash-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#dashboard-view .dash-block .dash-metric{background:#fbfcfb;min-height:0;padding:12px;border-radius:9px}
#dashboard-view .dash-block .dash-metric strong{font-size:24px;margin:8px 0 10px}
#dashboard-view .dash-block .dash-metric .dash-icon{width:26px;height:26px;border-radius:7px}
#dashboard-view .dash-block .dash-metric .dash-icon svg{width:16px;height:16px}
#dashboard-view .dash-block .dash-metric small{padding-top:6px;line-height:1.2}
#dashboard-view .dash-block .dash-metric small span{font-size:12px}
#dashboard-view .dash-block-head p{margin:5px 0 0;line-height:1.45}
#dashboard-view .dash-block>.dash-note{margin:10px 0 0;line-height:1.45}
#dashboard-view .dash-block>.dash-unit-row{margin-top:12px;gap:6px}
#dashboard-view .dash-block .dash-unit-row span{padding:5px 9px}
#dashboard-view .dash-block>.dash-register-summary{margin:12px 0 8px}
#dashboard-view .dash-attention .dash-metrics{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
#dashboard-view .dash-attention .dash-metric{min-height:110px;padding:12px 14px}
#dashboard-view .dash-attention .dash-metric strong{font-size:23px;margin:8px 0}
#dashboard-view .dash-metric.danger{background:#fff5f3;border-color:#f0dfda}
#dashboard-view .dash-metric.danger strong,#dashboard-view .dash-metric.danger .dash-icon{color:#b15c51}
#dashboard-view .dash-metric.danger .dash-icon{background:#fbe8e4}
#dashboard-view .dash-metric.warning{background:#fcf8ef;border-color:#eee5d6}
#dashboard-view .dash-metric.warning strong,#dashboard-view .dash-metric.warning .dash-icon{color:#9c7544}
#dashboard-view .dash-metric.warning .dash-icon{background:#f6eddf}
#dashboard-view .dash-attention .tag{background:#f5f8f6;color:#608076;border:1px solid #e3ebe7;font-size:10px;font-weight:500}
#dashboard-view .dash-all-clear{display:flex;gap:14px;align-items:center}
#dashboard-view .dash-all-clear p{color:var(--dash-muted);font-size:11px;margin:4px 0}
#dashboard-view .dash-unit-row span{background:#f1f6f3;color:#608076;font-size:11px}
#dashboard-view .dash-register-summary{font-size:11px;color:#76868b}
#dashboard-view .dash-register-summary strong{color:var(--dash-teal)}
#dashboard-view .table-wrap{width:100%;min-width:0;max-width:100%;overflow:visible}
#dashboard-view table{font-size:11px;width:100%;min-width:0;max-width:100%;table-layout:fixed}
#dashboard-view th,#dashboard-view td{white-space:normal;overflow-wrap:anywhere;vertical-align:top}
#dashboard-view th:nth-child(1){width:22%}
#dashboard-view th:nth-child(2){width:26%}
#dashboard-view th:nth-child(3),#dashboard-view th:nth-child(4){width:26%}
#dashboard-view td .tag{max-width:100%;white-space:normal;overflow-wrap:anywhere}
#dashboard-view th{font-size:10px;color:#76868b;background:#f7faf8}
#dashboard-view td,#dashboard-view th{padding:11px 10px;border-color:#edf1ef}
#dashboard-view .cashier-shortcuts{background:#f0f8f4;border-color:#dcebe2;padding:18px;margin:0 0 22px}
@media(min-width:1450px){#dashboard-view .dash-summary .dash-metric strong{font-size:32px}}
@media(max-width:1100px){#dashboard-view .dash-summary{grid-template-columns:repeat(2,minmax(0,1fr))}#dashboard-view .dash-grid{grid-template-columns:1fr}#dashboard-view .dash-block>.dash-metrics{flex:initial;grid-auto-rows:auto}}
@media(max-width:650px){#dashboard-view .dash-header{flex-direction:column;align-items:start;gap:10px}#dashboard-view .dash-header>.dash-note{text-align:left;max-width:none}#dashboard-view .dash-header h2{font-size:21px}#dashboard-view .dash-summary{gap:10px}#dashboard-view .dash-summary .dash-metric{padding:14px;min-height:146px}#dashboard-view .dash-metric strong{font-size:22px}#dashboard-view .dash-block,#dashboard-view .dash-attention{padding:16px}#dashboard-view .dash-block-head{flex-wrap:wrap}#dashboard-view .dash-icon{width:27px;height:27px}#dashboard-view .dash-metric .dash-metric-label{font-size:10px}#dashboard-view .dash-attention .dash-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}