/* RSC Management Dashboard v3.0 styles (loaded after dashboard.css) */
:root{--v3-green:#2f7d4f;--v3-green-bg:#e8f4ec;--v3-amber:#9a5b00;--v3-amber-bg:#fff4e0;--v3-red:#b42318;--v3-red-bg:#fdecea;--v3-none:#5b6b78;--v3-none-bg:#eef2f5}
/* Use the full screen width on large monitors */
.content{max-width:none}
.position{grid-template-columns:repeat(auto-fill,minmax(330px,1fr))}
.chart-grid{grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}
.heading{align-items:flex-start}
.v3-tools{display:flex;gap:10px;align-items:center;margin-left:auto;flex-wrap:wrap}
.v3-asat{font-size:12px;color:var(--muted);font-weight:600}
.v3-block{margin:0 0 18px}
.v3-loading{color:var(--muted);font-size:13px;padding:10px 0}
.v3-summary{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:6px 0 10px}
.v3-muted{color:var(--muted);font-size:12px}
.v3-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin-bottom:18px}
.v3-kpi{all:unset;box-sizing:border-box;cursor:pointer;background:#fff;border:1px solid var(--line);border-left:5px solid var(--v3-none);border-radius:9px;padding:13px 14px;display:flex;flex-direction:column;gap:4px;min-height:150px}
.v3-kpi:hover{box-shadow:0 2px 10px rgba(16,44,61,.12)}
.v3-kpi:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.v3-kpi.st-green{border-left-color:var(--v3-green)}.v3-kpi.st-amber{border-left-color:var(--v3-amber)}.v3-kpi.st-red{border-left-color:var(--v3-red)}
.v3-kpi-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.v3-kpi-label{font-size:12px;font-weight:700;color:var(--ink);line-height:1.3}
.v3-kpi-value{font-size:26px;font-weight:800;color:var(--ink);letter-spacing:-.01em}
.v3-kpi-target{font-size:12px;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap}
.v3-kpi-sub{font-size:11.5px;color:var(--muted);line-height:1.35}
.v3-change.good{color:var(--v3-green);font-weight:700}.v3-change.bad{color:var(--v3-red);font-weight:700}
.v3-pill{display:inline-block;font-size:10.5px;font-weight:800;border-radius:999px;padding:2px 8px;white-space:nowrap;text-transform:uppercase;letter-spacing:.03em}
.v3-pill.st-green{background:var(--v3-green-bg);color:var(--v3-green)}.v3-pill.st-amber{background:var(--v3-amber-bg);color:var(--v3-amber)}
.v3-pill.st-red{background:var(--v3-red-bg);color:var(--v3-red)}.v3-pill.st-none{background:var(--v3-none-bg);color:var(--v3-none)}
.v3-spark{width:100%;height:34px;display:block}
.v3-spark path{fill:none;stroke:var(--blue);stroke-width:1.6;vector-effect:non-scaling-stroke}
.v3-spark .dot-green{fill:var(--v3-green)}.v3-spark .dot-amber{fill:var(--v3-amber)}.v3-spark .dot-red{fill:var(--v3-red)}.v3-spark .dot-none{fill:var(--blue)}
.v3-spark-empty{font-size:11px;color:var(--muted);height:34px;display:flex;align-items:center}
.v3-panel{margin-bottom:14px}
.v3-panel h3{margin:0 0 10px}
.v3-note{font-size:11.5px;color:var(--muted);margin-top:8px;line-height:1.4}
.v3-grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(520px,1fr));gap:12px}
.v3-mini-stats{display:flex;gap:22px;flex-wrap:wrap;font-size:13px;margin-bottom:10px}
.v3-mini-stats b{font-size:18px;color:var(--ink)}
.v3-table-wrap{overflow:auto;max-height:420px}
.v3-table{width:100%;border-collapse:collapse;font-size:12.5px}
.v3-table th{position:sticky;top:0;background:#f6f9fb;text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:7px 8px;border-bottom:1px solid var(--line)}
.v3-table td{padding:7px 8px;border-bottom:1px solid #edf1f3;vertical-align:top}
.v3-table.v3-kv th{position:static;width:34%;text-transform:none;letter-spacing:0;font-size:12px;background:#fafcfd}
.v3-bars{display:flex;flex-direction:column;gap:7px}
.v3-bar-row{display:grid;grid-template-columns:120px 1fr 60px;gap:10px;align-items:center;font-size:12.5px}
.v3-bar{background:#edf1f3;border-radius:4px;height:10px;overflow:hidden}.v3-bar>div{background:var(--blue);height:100%}
.v3-bar-row strong{text-align:right}
.v3-legend{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--muted);margin-bottom:8px}
.v3-legend span{display:inline-block;width:11px;height:11px;border-radius:2px}
.v3-legend .o,.v3-col-bars .o{background:var(--blue)}.v3-legend .c,.v3-col-bars .c{background:#9cc3a8}
.v3-cols{display:grid;grid-template-columns:repeat(12,1fr);gap:8px;align-items:end;height:170px}
.v3-col{display:flex;flex-direction:column;height:100%}
.v3-col-bars{flex:1;display:flex;gap:2px;align-items:flex-end}
.v3-col-bars>div{flex:1;border-radius:3px 3px 0 0;min-height:2px}
.v3-col-label{font-size:10px;color:var(--muted);text-align:center;margin-top:4px;white-space:nowrap}
.v3-about{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px 14px;font-size:12.5px;color:var(--muted)}
.v3-about summary{cursor:pointer;font-weight:700;color:var(--ink)}
.v3-quick{margin-top:18px}
@media(max-width:780px){.v3-grid2{grid-template-columns:1fr}.v3-kpis{grid-template-columns:1fr}.v3-tools{margin-left:0}.heading{flex-direction:column}}
/* Quick Ask answers */
.v3-qa-form{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-bottom:12px}
.v3-qa-form label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:700;color:var(--muted)}
.v3-qa-form input{padding:8px 10px;border:1px solid var(--line);border-radius:7px;min-width:220px;font-size:14px}
.v3-answer-summary{font-size:15px;font-weight:600;color:var(--ink);margin:0 0 12px}
.v3-summary-text p{margin:0 0 8px;font-size:13.5px;line-height:1.45}
.v3-answer-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px}
#detailModalBody h4{margin:14px 0 8px;font-size:13px}

/* v3.1 customer orders */
.v3-cust-link{color:#0b5f8a;font-weight:650;text-decoration:none;border-bottom:1px dotted #0b5f8a}
.v3-cust-link:hover{color:#063f5c;border-bottom-style:solid}
.v3-find{margin:0 0 10px;font-size:12.5px;color:var(--muted)}
.v3-find input{margin-left:8px;width:min(340px,70vw);padding:6px 9px;border:1px solid var(--line);border-radius:6px;font:inherit;color:var(--ink)}
.v3-click{cursor:pointer}
.v3-click:hover td{background:#eef5f9}
.v3-selected td{background:#e1eef6!important;font-weight:700}
.v3-table td.num,.v3-table th.num{text-align:right;white-space:nowrap}
.v3-scroll{max-height:320px}
.v3-cust-tools{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.v3-cust-tools input{flex:1;min-width:200px;padding:7px 10px;border:1px solid var(--line);border-radius:6px;font:inherit}
.v3-back{margin-bottom:12px}

/* v3.2 drill-downs */
.v3-explain{background:#f3f8fb;border:1px solid #d7e6ef;border-radius:8px;padding:9px 12px;font-size:12.5px;color:#23404f;margin-bottom:10px;line-height:1.45}
.v3-drill-count{align-self:center;font-size:12.5px;color:var(--muted);white-space:nowrap}
.v3-scroll-tall{max-height:58vh}
.v3-num-link{color:#0b5f8a;font-weight:700;text-decoration:none;border-bottom:1px dotted #0b5f8a;cursor:pointer}
.v3-num-link:hover{color:#063f5c;border-bottom-style:solid}
.v3-table a[data-open-order],.v3-table a[data-open-order-direct]{color:#0b5f8a;font-weight:650}
.v3-qp-head{display:flex;flex-wrap:wrap;gap:12px;margin:4px 0 14px}
.v3-qp-stat{border:1px solid var(--line);border-radius:8px;padding:10px 14px;min-width:150px;background:#fbfcfd}
.v3-qp-stat.main{background:#eef6fb;border-color:#cfe2ee}
.v3-qp-label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:700}
.v3-qp-value{font-size:24px;font-weight:800;margin-top:2px}
.v3-qp-value .v3-num-link{border-bottom-width:2px}
.v3-qp-sub{font-size:12px;color:var(--muted)}
.v3-rules{margin-top:10px;font-size:12.5px;color:#33505f}
.v3-rules summary{cursor:pointer;font-weight:700}
.v3-rules li{margin:4px 0}
.qp-CONVERTED{background:#e3f4ea;color:#1d6b3c}.qp-SAME_DAY{background:#eef0f2;color:#4b5a66}.qp-OPEN_NEW{background:#e8f1f8;color:#1f5577}
.qp-AGED_7{background:#fff3dc;color:#8a5a00}.qp-EXPIRED{background:#fde7e7;color:#9b2c2c}
.v3-bars-click{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}
.v3-bar-row{display:grid;grid-template-columns:120px 1fr 48px;gap:10px;align-items:center;text-decoration:none;color:inherit;padding:4px 6px;border-radius:6px}
.v3-bar-row:hover{background:#eef5f9}
.v3-bar-label{font-size:13px}
.v3-bar-track{height:12px;background:#edf1f4;border-radius:6px;overflow:hidden}
.v3-bar-fill{display:block;height:100%;background:#1f5d7a;border-radius:6px}
.v3-bar-val{text-align:right;font-weight:800;color:#0b5f8a}
.v3-kpi-note{font-size:11px;color:var(--muted);margin-top:4px;line-height:1.35}
.v3-kpi-actions{display:flex;justify-content:space-between;margin-top:8px;font-size:11.5px;font-weight:700}
.v3-kpi-open{color:#0b5f8a}
.v3-kpi-page{color:var(--muted);text-decoration:underline;cursor:pointer}
.v3-kpi-page:hover{color:#0b5f8a}
.v3-sales-people a.bar-row{text-decoration:none;color:inherit;border-radius:6px}
.v3-sales-people a.bar-row:hover{background:#eef5f9}
.v3-sales-people .bar-value{color:#0b5f8a;font-weight:800}
.v3-qp-sub2{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#385668;margin:12px 0 6px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.v3-seg{display:inline-flex;border:1px solid var(--line);border-radius:7px;overflow:hidden;text-transform:none;letter-spacing:0}
.v3-seg button{border:0;background:#fff;padding:5px 11px;font:inherit;font-size:12px;font-weight:700;color:#385668;cursor:pointer}
.v3-seg button.active{background:#1f5d7a;color:#fff}

/* v3.3 Delivery & Logistics */
.lg-page .v3-qp-stat.v3-click{cursor:pointer}
.lg-page .v3-qp-stat.v3-click:hover{border-color:#8fb7cf;background:#f3f9fc}
.lg-today{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.lg-truck{border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:#fbfcfd;font-size:12.5px}
.lg-truck:hover{border-color:#8fb7cf;background:#f3f9fc}
.lg-truck-name{font-weight:800;font-size:14px}
.lg-truck-n{margin:6px 0 4px;font-size:13px}
.lg-map{height:360px;border:1px solid var(--line);border-radius:8px;margin:6px 0 12px}
.lg-coverage summary{cursor:pointer;padding:4px 0}
.lg-stop td{color:#55636d;background:#fafbfc}
.lg-shift td,.lg-move td{background:#f6f8fa}
.v3-red{color:#b42318;font-weight:700}
.lg-alert{border-left:4px solid #c62828;background:#fff4f4;padding:12px 16px;margin-bottom:12px}
.v3-link{color:#1f5d7a;text-decoration:underline;cursor:pointer}
.si-weeks{display:flex;gap:8px;align-items:flex-end;overflow-x:auto;padding:6px 0 4px}
.si-week{min-width:74px;text-align:center;font-size:11px;padding:4px;border-radius:6px}
.si-week:hover{background:#f2f5f8}
.si-bar{background:#b5651d;border-radius:3px 3px 0 0;margin:0 auto 4px;width:28px}
.si-wv{font-weight:600;font-size:12px}
