/* v153 vendor final: four tabs + full detail */
.v153-vendor-shell{display:grid;gap:14px}.v153-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px;border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(232,244,255,.78),rgba(255,243,230,.76));border:1px solid #d3e6f6;box-shadow:0 16px 40px rgba(30,66,98,.12)}.v153-hero h2{margin:0 0 6px;font-size:24px}.v153-hero p{margin:0;color:#60788f}.v153-hero .vendorName{margin-top:8px!important;color:#0b3a65;font-weight:900}.v153-heroIcon{width:72px;height:72px;border-radius:22px;background:#fff;display:grid;place-items:center;font-size:34px;box-shadow:0 10px 26px rgba(36,80,118,.16)}.v153-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.v153-stat{background:#fff;border:1px solid #d7e8f6;border-radius:18px;padding:14px 16px;box-shadow:0 8px 22px rgba(43,76,110,.08)}.v153-stat b{display:block;color:#0b3f70;font-size:26px}.v153-stat span{font-weight:850;color:#60788f}.v153-panel{margin:0;background:rgba(255,255,255,.82);border:1px solid #d7e8f6;border-radius:22px;padding:16px;box-shadow:0 12px 30px rgba(43,76,110,.09)}.v153-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.v153-card{background:#fff;border:1px solid #d7e8f6;border-radius:18px;padding:15px;box-shadow:0 8px 20px rgba(43,76,110,.08)}.v153-cardHead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.v153-title{font-weight:900;color:#0e2d4a;margin:8px 0}.v153-meta{font-size:12px;color:#637d95;margin:4px 0;line-height:1.45}.v153-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.v153-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900;background:#edf6ff;color:#165b96}.v153-pill.warn{background:#fff2d7;color:#9a5d00}.v153-pill.ok{background:#ddf7e9;color:#16814c}.v153-pill.bad{background:#ffe3e9;color:#b01e38}.v153-pill.info{background:#e0f0ff;color:#1e68a2}.v153-empty{padding:22px;border:1px dashed #bad5ed;border-radius:16px;text-align:center;background:rgba(255,255,255,.55);color:#637d95;font-weight:800}.v153-uploadList{display:grid;gap:10px}.v153-uploadRow{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;background:#fff;border:1px solid #d7e8f6;border-radius:16px;padding:12px}.v153-report{white-space:pre-wrap;background:#f8fbff;border:1px solid #d7e8f6;border-radius:16px;padding:16px;font-family:ui-monospace,Consolas,monospace;color:#17324d;line-height:1.5}.v153-detailGrid{display:grid;grid-template-columns:1.25fr .95fr;gap:14px}.v153-infoBox{border:1px solid #d7e8f6;border-radius:18px;padding:14px;background:#fbfdff}.v153-infoBox h3{margin:0 0 10px;font-size:15px;color:#60788f;text-transform:uppercase;letter-spacing:.04em}.v153-infoBox p{margin:8px 0;line-height:1.45}.v153-photoBox{border:1px solid #d7e8f6;border-radius:18px;padding:10px;background:#fbfdff}.v153-photoBox img{width:100%;max-height:320px;object-fit:cover;border-radius:14px;cursor:zoom-in}.v153-chips{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 14px}.v153-chip{border:1px solid #cce0f2;border-radius:12px;padding:7px 10px;background:#f7fbff;font-weight:900;color:#0e4273}.v153-archive{display:none;margin-top:12px}.v153-archive.show{display:block}.v153-tabsHint{font-size:12px;color:#60788f;margin-top:4px}@media(max-width:900px){.v153-stats{grid-template-columns:repeat(2,1fr)}.v153-grid{grid-template-columns:1fr}.v153-heroIcon{display:none}.v153-detailGrid{grid-template-columns:1fr}.v153-uploadRow{grid-template-columns:36px 1fr}.v153-uploadRow>div:last-child{grid-column:2}.v153-hero{align-items:flex-start}.v153-stats .v153-stat:last-child{grid-column:1/-1}}
body.vendor-v170 #tabDashboard,body.vendor-v170 #tabInbox,body.vendor-v170 #tabManual,body.vendor-v170 #tabWorkOrder,body.vendor-v170 #tabLogbook,body.vendor-v170 #tabVendor,body.vendor-v170 #tabTickets,body.vendor-v170 #tabKanban,body.vendor-v170 #tabReports,body.vendor-v170 #tabChecklist,body.vendor-v170 #tabRevisiStatus{display:none!important}.v153-kpi{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:14px 0}.v153-kpi>div{padding:16px;border-radius:22px;background:rgba(255,255,255,.80);border:1px solid rgba(255,255,255,.9);box-shadow:0 10px 24px rgba(43,76,110,.08)}.v153-kpi b{display:block;font-size:26px;color:#1463a0}.v153-kpi span{font-size:12px;color:#60788f;font-weight:850}.v153-cardTop{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.v153-tag{display:inline-flex;padding:5px 8px;border-radius:999px;background:#e8f3ff;color:#2b68a0;font-weight:900;font-size:11px}.v153-uploadIcon{width:42px;height:42px;border-radius:14px;background:#e8f3ff;display:grid;place-items:center}.v153-detail .detailSplit{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(260px,.88fr);gap:16px;align-items:start}.v153-detail .sectionMini{padding:12px 14px;border:1px solid #d7e8f6;border-radius:18px;background:#fbfdff;margin-bottom:12px}.v153-detail .sectionMini p{margin:8px 0;line-height:1.45}.v153-vendor-section.hidden{display:none!important}@media(max-width:980px){.v153-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}.v153-kpi>div:last-child{grid-column:1/-1}.v153-detail .detailSplit{grid-template-columns:1fr}}


/* V170 hybrid additions — loaded only for the vendor portal. */
body.vendor-v170 #tabVendorPortal,body.vendor-v170 #tabVendorHistory{display:none!important}
.v170-vendor-section.hidden{display:none!important}
.v170-report-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}
.v170-report-actions{display:flex;gap:8px;flex-wrap:wrap}
.v170-report-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:14px 0}
.v170-report-kpis>div{background:#f7fbff;border:1px solid #d7e8f6;border-radius:16px;padding:12px}
.v170-report-kpis b{display:block;font-size:24px;color:#1463a0}.v170-report-kpis span{font-size:12px;color:#60788f;font-weight:850}
.v170-report-table-wrap{overflow:auto;border:1px solid #d7e8f6;border-radius:16px;background:#fff}
.v170-report-table{width:100%;min-width:720px;border-collapse:collapse}.v170-report-table th,.v170-report-table td{padding:11px 12px;border-bottom:1px solid #e3edf5;text-align:left;vertical-align:top}.v170-report-table th{background:#eef6fc;color:#4c6b84;font-size:12px}.v170-report-table tr:last-child td{border-bottom:0}
.v170-upload-modal{width:min(720px,96vw)!important}.v170-upload-modal form{display:grid;gap:10px}.v170-upload-modal textarea{min-height:100px}
.v170-loading{opacity:1;pointer-events:auto}.v170-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.v170-toolbar-actions{display:flex;gap:8px;flex-wrap:wrap}
.v170-source-warning{margin-bottom:12px}
@media(max-width:900px){.v170-report-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.v170-report-kpis>div:last-child{grid-column:1/-1}}

/* V171 — tombol buka/tutup daftar WO selesai Vendor. */
.v171-completed-wo-section{overflow:hidden}
.v171-completed-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.v171-completed-copy{display:flex;align-items:center;gap:12px;min-width:0}
.v171-completed-copy h2{margin:0 0 4px}
.v171-completed-icon{width:46px;height:46px;flex:0 0 46px;border-radius:16px;display:grid;place-items:center;background:#e4f7ed;border:1px solid #bfe8d2;color:#17804d;font-size:23px;font-weight:950;box-shadow:0 8px 18px rgba(35,114,75,.10)}
.v171-completed-toggle{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-height:42px;white-space:nowrap}
.v171-completed-toggle:disabled{opacity:.55;cursor:not-allowed}
.v171-completed-toggle .v171-eye{font-size:16px}.v171-completed-toggle .v171-chevron{font-size:10px;opacity:.75}
.v171-completed-panel{display:none;margin-top:14px;padding-top:14px;border-top:1px solid #dceaf5}
.v171-completed-panel.show{display:block;animation:v171CompletedReveal .18s ease-out}
.v171-completed-note{margin-bottom:12px;padding:10px 12px;border-radius:14px;background:#f0f8f4;border:1px solid #cfe9dc;color:#356c52;font-size:12px;font-weight:800}
.v171-completed-card{background:linear-gradient(180deg,#fff,#fbfefc);border-color:#cfe8da}
.v171-completed-card .v171-detail-completed{border-color:#badbc9}
.v171-completed-detail-notice{width:100%;margin:0}
@keyframes v171CompletedReveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.v171-completed-summary{align-items:stretch}.v171-completed-copy{align-items:flex-start}.v171-completed-toggle{width:100%}.v171-completed-icon{width:40px;height:40px;flex-basis:40px;border-radius:14px}}