/* SHiNOVA v1.9.0 — External Parts Procurement / Supplier Credit / Weekly Settlement */
:root{
  --sp-green:#087d4b;
  --sp-green-dark:#075c3a;
  --sp-green-soft:#edf8f2;
  --sp-border:var(--rf-border,#d8e1dc);
  --sp-card:var(--rf-card,#fff);
  --sp-text:var(--rf-text,#17221c);
  --sp-muted:var(--rf-muted,#68756f);
  --sp-red:#b43c38;
  --sp-amber:#9a5a13;
}

/* Inventory sub-navigation injected into the existing SHiNOVA sidebar. */
.v180-inventory-sub{display:grid;gap:2px;padding:3px 8px 7px 30px}
.v180-inventory-sub a{display:flex!important;align-items:center;min-height:34px;padding:7px 10px!important;border-radius:6px!important;color:rgba(255,255,255,.82)!important;font-size:12px!important;text-decoration:none!important}
.v180-inventory-sub a:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}
.v180-inventory-sub a.active{background:rgba(255,255,255,.14)!important;color:#fff!important;font-weight:700}

.v180-module-tabs{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 14px;padding:5px;border:1px solid var(--sp-border);border-radius:9px;background:#fff}
.v180-module-tabs button{min-height:36px;padding:8px 12px;border:0;border-radius:6px;background:transparent;color:var(--sp-muted);font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.v180-module-tabs button:hover{background:#f4f8f6;color:var(--sp-text)}
.v180-module-tabs button.active{background:var(--sp-green-soft);color:var(--sp-green-dark)}

.v180-grid-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.v180-kpi{min-width:0;padding:16px;border:1px solid var(--sp-border);border-radius:10px;background:#fff;box-shadow:0 1px 2px rgba(18,56,37,.035)}
.v180-kpi span{display:block;color:var(--sp-muted);font-size:12px}
.v180-kpi strong{display:block;margin-top:7px;color:var(--sp-text);font-size:22px;line-height:1.15;font-variant-numeric:tabular-nums}
.v180-kpi small{display:block;margin-top:6px;color:var(--sp-muted);font-size:11px;line-height:1.35}
.v180-kpi.attention strong{color:var(--sp-amber)}
.v180-kpi.danger strong{color:var(--sp-red)}

.v180-workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px;align-items:start}
.v180-main-stack,.v180-side-stack{display:grid;gap:14px;min-width:0}
.v180-section{min-width:0;border:1px solid var(--sp-border);border-radius:10px;background:#fff;box-shadow:0 1px 2px rgba(18,56,37,.035);overflow:hidden}
.v180-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:15px 16px 12px;border-bottom:1px solid #e5ebe7}
.v180-section-head h3{margin:0;color:var(--sp-text);font-size:15px;line-height:1.3}
.v180-section-head p{margin:4px 0 0;color:var(--sp-muted);font-size:11px;line-height:1.45}
.v180-section-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.v180-section-body{padding:14px 16px 16px;min-width:0}

.v180-toolbar{display:grid;grid-template-columns:minmax(220px,1.8fr) repeat(3,minmax(135px,.7fr));gap:8px;margin-bottom:12px}
.v180-toolbar.two{grid-template-columns:minmax(220px,1.5fr) minmax(160px,.6fr)}
.v180-toolbar input,.v180-toolbar select{width:100%;min-width:0;min-height:40px;padding:9px 10px;border:1px solid var(--sp-border)!important;border-radius:6px!important;background:#fff;color:var(--sp-text);font:inherit;box-shadow:none!important;outline:none}
.v180-toolbar input:focus,.v180-toolbar select:focus{border-color:#6eb493!important;box-shadow:0 0 0 2px #e7f5ed!important}

.v180-table-wrap{width:100%;max-width:100%;overflow:auto;border:1px solid var(--sp-border);border-radius:8px;background:#fff}
.v180-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px}
.v180-table th,.v180-table td{padding:10px 9px;border-bottom:1px solid #e8eeea;text-align:left;vertical-align:middle;overflow-wrap:anywhere}
.v180-table th{background:#f8faf9;color:var(--sp-muted);font-size:10.5px;font-weight:700;white-space:nowrap}
.v180-table tbody tr:last-child td{border-bottom:0}
.v180-table tbody tr:hover{background:#fbfdfc}
.v180-table td.numeric,.v180-table th.numeric{text-align:right;font-variant-numeric:tabular-nums}
.v180-table td.center,.v180-table th.center{text-align:center}
.v180-table .link{padding:0;border:0;background:transparent;color:#086c49;font:inherit;font-weight:700;cursor:pointer}
.v180-table .subline{display:block;margin-top:3px;color:var(--sp-muted);font-size:10.5px;line-height:1.35}
.v180-table .actions{display:flex;gap:5px;align-items:center;flex-wrap:wrap}

.v180-status{display:inline-flex;align-items:center;justify-content:center;min-height:23px;padding:3px 8px;border-radius:999px;background:#eef2f0;color:#58635e;font-size:10px;font-weight:700;white-space:nowrap}
.v180-status.green{background:#e9f7ef;color:#087048}.v180-status.amber{background:#fff3df;color:#8e530f}.v180-status.red{background:#fdeceb;color:#a2332f}.v180-status.blue{background:#eaf3ff;color:#2c6497}.v180-status.purple{background:#f1ebff;color:#6b4caf}

.v180-summary-list{display:grid;gap:0}
.v180-summary-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #e8eeea}
.v180-summary-row:last-child{border-bottom:0}
.v180-summary-row span{color:var(--sp-muted);font-size:11px}.v180-summary-row b{font-size:12px;font-variant-numeric:tabular-nums;text-align:right}
.v180-summary-total{padding:4px 0 12px}.v180-summary-total span{display:block;color:var(--sp-muted);font-size:11px}.v180-summary-total strong{display:block;margin-top:5px;font-size:22px;font-variant-numeric:tabular-nums;color:var(--sp-green-dark)}
.v180-summary-total.due strong{color:var(--sp-red)}

.v180-supplier-list{display:grid;gap:8px}
.v180-supplier-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px;border:1px solid #e3ebe6;border-radius:8px;background:#fbfdfc}
.v180-supplier-card h4{margin:0;font-size:12px}.v180-supplier-card p{margin:4px 0 0;color:var(--sp-muted);font-size:10.5px}.v180-supplier-card strong{font-size:12px;font-variant-numeric:tabular-nums;text-align:right}

.v180-progress{height:7px;margin:10px 0 3px;border-radius:999px;background:#edf1ef;overflow:hidden}.v180-progress i{display:block;height:100%;border-radius:inherit;background:var(--sp-green);width:var(--pct,0%)}
.v180-progress-meta{display:flex;justify-content:space-between;gap:10px;color:var(--sp-muted);font-size:10px}

.v180-empty{padding:28px 18px;text-align:center;color:var(--sp-muted);font-size:12px}
.v180-alert{padding:10px 12px;border:1px solid #cfe5d8;border-radius:8px;background:#f2faf6;color:#295c43;font-size:11px;line-height:1.5}
.v180-alert.warn{border-color:#ecd3a7;background:#fff8ec;color:#80521a}.v180-alert.danger{border-color:#edc4c2;background:#fff3f2;color:#8e3531}
.v180-money{font-variant-numeric:tabular-nums;white-space:nowrap}

.v180-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.v180-detail-grid>div{padding:10px;border:1px solid #e2eae6;border-radius:8px;background:#fafcfb;min-width:0}.v180-detail-grid .wide{grid-column:1/-1}.v180-detail-grid small{display:block;color:var(--sp-muted);font-size:10px}.v180-detail-grid b{display:block;margin-top:4px;font-size:12px;overflow-wrap:anywhere}
.v180-modal-note{margin-bottom:12px}

/* v1.9.0 adds Buy-for-Ticket without changing the v1.7.1 aligned stock-table geometry. */
.v180-buy-ticket{white-space:nowrap}
.v180-inventory-route-tabs{margin-top:-2px}

@media(max-width:1180px){.v180-workspace{grid-template-columns:1fr}.v180-side-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.v180-side-stack .v180-section:last-child:nth-child(odd){grid-column:1/-1}}
@media(max-width:900px){.v180-grid-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.v180-toolbar,.v180-toolbar.two{grid-template-columns:1fr 1fr}.v180-toolbar>:first-child{grid-column:1/-1}.v180-table{min-width:940px;table-layout:auto}}
@media(max-width:620px){.v180-grid-kpis{grid-template-columns:1fr 1fr;gap:8px}.v180-kpi{padding:12px}.v180-kpi strong{font-size:18px}.v180-side-stack{grid-template-columns:1fr}.v180-section-head{padding:13px 12px;flex-direction:column}.v180-section-actions{width:100%;justify-content:flex-start}.v180-section-body{padding:12px}.v180-toolbar,.v180-toolbar.two{grid-template-columns:1fr}.v180-toolbar>:first-child{grid-column:auto}.v180-detail-grid{grid-template-columns:1fr}.v180-detail-grid .wide{grid-column:auto}.v180-table-wrap{border:0;overflow:visible}.v180-table{min-width:0;display:block}.v180-table thead{display:none}.v180-table tbody{display:grid;gap:9px}.v180-table tr{display:grid!important;grid-template-columns:1fr 1fr;border:1px solid var(--sp-border);border-radius:8px;background:#fff;overflow:hidden}.v180-table td{display:grid;gap:3px;padding:9px;border-bottom:1px solid #edf1ef!important;text-align:left!important}.v180-table td::before{content:attr(data-label);color:var(--sp-muted);font-size:9.5px;font-weight:700}.v180-table td[data-wide="1"]{grid-column:1/-1}.v180-table .actions{justify-content:flex-start}.v180-inventory-sub{padding-left:22px}}