:root{--v2-ink:#20312e;--v2-muted:#71827f;--v2-line:#dce9e5;--v2-soft:#f3f8f6;--v2-accent:#18a286;--v2-accent-dark:#087c69;--v2-warn:#c47a11}
.v2-toolbar,.v2-tabs,.v2-search{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.v2-toolbar select,.v2-search input,.v2-search select,.supplier-edit input,.supplier-edit select,.supplier-edit textarea{border:1px solid var(--v2-line);border-radius:12px;background:#fff;color:var(--v2-ink);padding:11px 14px;font:inherit;outline:none}
.v2-toolbar select:focus,.v2-search input:focus,.supplier-edit input:focus,.supplier-edit textarea:focus{border-color:var(--v2-accent);box-shadow:0 0 0 3px #18a28618}
.v2-toolbar button,.v2-search button,.v2-tabs button,.work-order-actions button,.supplier-edit button{border:0;border-radius:12px;padding:11px 18px;font:inherit;font-weight:700;cursor:pointer}
.v2-toolbar .primary,.v2-search button,.supplier-edit .save{background:var(--v2-accent);color:#fff}
.v2-tabs{margin-bottom:18px}.v2-tabs button{background:#fff;border:1px solid var(--v2-line);color:var(--v2-muted)}.v2-tabs button.active{background:#e5f6f1;border-color:#8bd4c2;color:var(--v2-accent-dark)}
.v2-kpis{display:grid;grid-template-columns:repeat(5,minmax(180px,1fr));gap:16px;margin:20px 0}.v2-kpi{padding:20px;cursor:pointer;transition:.18s;border:1px solid var(--v2-line)}.v2-kpi:hover{transform:translateY(-2px)}.v2-kpi.active{border:2px solid var(--v2-accent);box-shadow:0 10px 28px #087c6918}.v2-kpi-head{display:flex;justify-content:space-between;gap:8px;color:var(--v2-muted)}.v2-kpi strong{display:block;font-size:32px;margin:18px 0 8px;color:var(--v2-ink)}.v2-kpi small{color:#12956d}.v2-kpi small.down{color:#dc5961}
.source-pill{font-size:12px;background:#fff1d8;color:#a7670c;padding:4px 8px;border-radius:999px;white-space:nowrap}.source-pill.system{background:#e7f6f1;color:#087c69}.source-pill.live{background:#e7f1ff;color:#2563a8}
.v2-chart-card{padding:26px;margin-bottom:20px}.v2-chart-head{display:flex;justify-content:space-between;align-items:flex-start}.v2-chart-head h3{margin:0 0 5px}.v2-chart-head p{margin:0;color:var(--v2-muted)}.v2-line-chart{width:100%;height:330px;margin-top:16px}.v2-line-chart .grid{stroke:#e6efec;stroke-width:1}.v2-line-chart .today{fill:none;stroke:var(--v2-accent);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.v2-line-chart .yesterday{fill:none;stroke:#f4b858;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.v2-line-chart text{fill:#768784;font-size:12px}.v2-legend{display:flex;gap:18px}.v2-legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.v2-legend .a{background:var(--v2-accent)}.v2-legend .b{background:#f4b858}
.combined-hero{background:linear-gradient(120deg,#e8f8f3,#fff7e8);padding:26px;border-radius:22px;border:1px solid var(--v2-line);margin-bottom:18px}.combined-hero h2{margin:4px 0 8px}.combined-hero p{margin:0;color:var(--v2-muted)}
.v2-search{margin-bottom:14px}.v2-search input{min-width:310px;flex:1}.v2-table{width:100%;border-collapse:collapse;min-width:980px}.v2-table th,.v2-table td{text-align:left;padding:14px 12px;border-bottom:1px solid #eaf0ee;vertical-align:top}.v2-table th{font-size:13px;color:var(--v2-muted);background:#f8fbfa}.v2-table small{display:block;color:var(--v2-muted);margin-top:4px}.v2-empty{text-align:center;padding:48px;color:var(--v2-muted)}
.product-style-table{table-layout:fixed;min-width:860px}.product-style-table col.style-code{width:16%}.product-style-table col.product-code{width:36%}.product-style-table col.inventory{width:13%}.product-style-table col.business{width:14%}.product-style-table col.visual{width:13%}.product-style-table col.action{width:12%}.product-style-table th,.product-style-table td{padding:17px 18px}.product-code-cell{white-space:normal;word-break:break-word}
.supplier-row{cursor:pointer}.supplier-row:hover{background:#f6fbf9}.supplier-detail{background:#f7fbfa}.supplier-detail>td{padding:18px 24px}.supplier-products{max-height:210px;overflow:auto;margin-bottom:15px}.supplier-chip{display:inline-block;background:#fff;border:1px solid var(--v2-line);border-radius:8px;padding:7px 9px;margin:3px}.supplier-edit{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.supplier-edit textarea{grid-column:span 4;resize:vertical;min-height:44px}.supplier-edit .save{align-self:stretch}
.floating-tool-rail{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:90;display:flex;flex-direction:column;gap:10px}.floating-tool-rail button{width:76px;min-height:58px;border:1px solid #cfe1dc;border-radius:14px;background:#fff;color:var(--v2-ink);box-shadow:0 8px 22px #173f3622;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.floating-tool-rail button:hover{border-color:var(--v2-accent);color:var(--v2-accent-dark);transform:translateX(-3px)}.floating-tool-rail span{font-size:19px}.floating-tool-rail b{font-size:12px}
.tool-drawer-v2{position:fixed;z-index:110;right:0;top:0;bottom:0;width:min(440px,94vw);background:#fff;box-shadow:-16px 0 44px #153c3430;transform:translateX(105%);transition:.25s;display:flex;flex-direction:column}.tool-drawer-v2.open{transform:none}.tool-drawer-head{padding:20px;border-bottom:1px solid var(--v2-line);display:flex;justify-content:space-between}.tool-drawer-head div{display:flex;flex-direction:column;gap:5px}.tool-drawer-head small{color:var(--v2-muted)}.tool-drawer-head button{border:0;background:none;font-size:25px;cursor:pointer}.tool-drawer-body{padding:20px;overflow:auto;flex:1}.tool-drawer-foot{display:flex;gap:8px;padding:16px;border-top:1px solid var(--v2-line)}.tool-drawer-foot input{flex:1;border:1px solid var(--v2-line);border-radius:12px;padding:12px}.tool-drawer-foot button,.work-create-placeholder button{border:0;border-radius:12px;background:var(--v2-accent);color:#fff;padding:0 18px;font-weight:700}.assistant-message{background:#eff8f5;border-radius:14px;padding:15px;line-height:1.6}.ai-v2-overlay{position:fixed;inset:0;background:#122a2530;z-index:100;display:none}.ai-v2-overlay.show{display:block}.drawer-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}.drawer-tabs button{border:1px solid var(--v2-line);border-radius:10px;padding:11px;background:#fff;color:var(--v2-muted);font-weight:700}.drawer-tabs button.active{background:#e7f6f1;color:var(--v2-accent-dark);border-color:#91d5c5}.drawer-empty{padding:42px 15px;text-align:center;background:#f7faf9;border-radius:14px;display:flex;flex-direction:column;gap:8px}.drawer-empty span{color:var(--v2-muted)}.work-create-placeholder{display:flex;flex-direction:column;gap:14px}.work-create-placeholder label{display:flex;flex-direction:column;gap:7px;font-weight:700}.work-create-placeholder input,.work-create-placeholder textarea{border:1px solid var(--v2-line);border-radius:11px;padding:12px;font:inherit}.work-create-placeholder textarea{height:120px;resize:vertical}.work-create-placeholder button{padding:12px}.work-create-placeholder small{color:var(--v2-muted)}.drawer-skill-list{display:flex;flex-direction:column;gap:10px}.drawer-skill-list button{border:1px solid var(--v2-line);border-radius:13px;background:#fff;padding:14px;display:grid;grid-template-columns:36px 1fr 20px;text-align:left;align-items:center;cursor:pointer}.drawer-skill-list button:hover{background:#f0faf7;border-color:#8dd0c0}.drawer-skill-list span{font-size:20px;color:var(--v2-accent)}.drawer-skill-list div{display:flex;flex-direction:column;gap:3px}.drawer-skill-list small{color:var(--v2-muted)}.ai-layout,.data-ai-title,.data-ai-workspace{display:none!important}
.ops-kpis{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:14px;margin:18px 0}.ops-kpi{position:relative;padding:18px;cursor:pointer;border:1px solid var(--v2-line);min-height:128px}.ops-kpi.active{border:2px solid var(--v2-accent);box-shadow:0 8px 24px #087c6918}.ops-kpi>span{color:var(--v2-muted)}.ops-kpi strong{display:block;font-size:27px;margin:15px 0 7px}.ops-kpi small{color:#15996f}.ops-kpi small.down{color:#dc5961}.ops-kpi i{position:absolute;right:12px;top:12px;font-style:normal}.ops-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:18px}.ops-line{height:275px}.ops-action-list{display:flex;flex-direction:column;gap:9px}.ops-action-list button{border:1px solid #e4ece9;border-radius:12px;background:#fff;padding:12px;display:grid;grid-template-columns:30px 1fr auto;align-items:center;text-align:left;cursor:pointer}.ops-action-list button:hover{background:#f5faf8}.priority{font-style:normal;width:25px;height:25px;border-radius:7px;background:#fff1d7;color:#a5660a;text-align:center;line-height:25px}.priority.high{background:#ffe6e6;color:#c43d48}.ops-action-list b{color:var(--v2-muted);font-size:12px}.ops-event-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 18px}.ops-event-tabs button{border:1px solid var(--v2-line);border-radius:9px;background:#fff;padding:9px 13px;color:var(--v2-muted);cursor:pointer}.ops-event-tabs button.active{background:#e7f6f1;color:#087c69;border-color:#91d5c5}
@media(max-width:1200px){.ops-kpis{grid-template-columns:repeat(3,1fr)}.ops-grid{grid-template-columns:1fr}}
@media(max-width:1100px){.v2-kpis{grid-template-columns:repeat(2,1fr)}.supplier-edit{grid-template-columns:1fr 1fr}.supplier-edit textarea{grid-column:1/-1}}
@media(max-width:680px){.v2-kpis,.ops-kpis{grid-template-columns:1fr}.tool-drawer-v2{width:100%;top:8vh}.floating-tool-rail{right:6px}.floating-tool-rail button{width:58px}.v2-line-chart{height:240px}}
.site-footer{display:flex;justify-content:center;align-items:center;gap:14px;min-height:52px;padding:14px 24px;color:#788985;font-size:12px;border-top:1px solid #e1ebe8;background:#f7faf9}.site-footer[hidden]{display:none}.site-footer a{color:#52756d;text-decoration:none}.site-footer a:hover{text-decoration:underline}