.operations-body{margin:0;background:#f4f6f5;color:#15201c;overflow-x:hidden}.operations-app{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.operations-nav{position:sticky;top:0;height:100vh;background:#0d211b;color:#dce8e3;padding:22px 14px 18px;display:flex;flex-direction:column;z-index:20}.ops-brand{display:flex;align-items:center;gap:10px;color:#fff;padding:0 8px 22px}.ops-brand .brand-mark{background:#d9f1e8;color:#0c5e50}.ops-brand strong,.ops-brand small{display:block}.ops-brand strong{font-size:12px;letter-spacing:.06em}.ops-brand small{font-size:9px;color:#83a39a;margin-top:2px}.operations-nav nav{flex:1;overflow:auto}.nav-group{margin:7px 0 18px}.nav-group>span{display:block;padding:0 10px 6px;color:#6f9187;font-size:9px;text-transform:uppercase;letter-spacing:.14em;font-weight:800}.nav-group a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;color:#bcd0c9;font-size:11px;margin:2px 0}.nav-group a b{font-weight:600}.nav-group a:hover,.nav-group a.active{background:#17372d;color:#fff}.ops-nav-footer{border-top:1px solid #224239;padding:14px 8px 0;display:grid;gap:10px;font-size:10px}.ops-nav-footer>a{color:#c7d9d3}.environment{display:flex;align-items:center;gap:7px;color:#73988d}.environment span{width:7px;height:7px;border-radius:50%;background:#45d69d;box-shadow:0 0 0 3px #45d69d1b}.operations-main{min-width:0}.operations-topbar{height:70px;background:#fff;border-bottom:1px solid #e2e8e5;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:15}.operations-topbar>div:first-of-type{display:grid}.operations-topbar strong{font-size:12px}.operations-topbar small{font-size:9px;color:#839089;margin-top:2px}.top-actions{display:flex;align-items:center;gap:9px}.ops-store-link,.ops-icon{border:1px solid #dce4e0;background:#fff;border-radius:9px;padding:8px 10px;font-size:10px;color:#33443d}.ops-icon{cursor:pointer;font-size:15px;padding:5px 10px}.ops-user{display:flex;align-items:center;gap:8px;border-left:1px solid #e3e8e5;padding-left:12px}.ops-user>span{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#e2f3ed;color:#096150;font-size:10px;font-weight:800}.ops-user div{display:grid}.ops-menu{display:none}.operations-content{padding:28px;max-width:1600px;margin:auto}.ops-loading{padding:60px;text-align:center;color:#708078}.ops-page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:20px}.ops-page-head h1{font-size:30px;line-height:1.1;letter-spacing:-.04em;margin:5px 0 6px}.ops-page-head p{color:#708078;margin:0;font-size:11px;max-width:680px}.ops-eyebrow{font-size:9px;letter-spacing:.16em;color:#08725f;font-weight:900}.ops-head-actions{display:flex;gap:8px;flex-wrap:wrap}.ops-btn{border:0;border-radius:9px;padding:9px 12px;font-size:10px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.ops-btn.primary{background:#0b6e5e;color:#fff}.ops-btn.secondary{background:#fff;color:#283b34;border:1px solid #dbe3df}.ops-metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.ops-metric{background:#fff;border:1px solid #dfe6e2;border-radius:14px;padding:14px;min-width:0}.ops-metric>span{display:block;color:#7b8983;font-size:9px}.ops-metric strong{display:block;font-size:23px;letter-spacing:-.04em;margin-top:4px;overflow:hidden;text-overflow:ellipsis}.ops-metric small{display:block;color:#8b9892;font-size:8px;margin-top:3px}.ops-metric.positive{border-top:2px solid #1ca67f}.ops-metric.warning{border-top:2px solid #d89d35}.ops-two-col{display:grid;grid-template-columns:1fr 1.25fr;gap:14px}.ops-panel{background:#fff;border:1px solid #dfe6e2;border-radius:15px;padding:16px;margin-top:14px;min-width:0}.ops-panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.ops-panel h2{font-size:13px;margin:0}.ops-panel-actions{font-size:9px}.ops-panel-actions a{color:#08725f;font-weight:700}.pulse-row{display:grid;grid-template-columns:70px 1fr 36px;align-items:center;gap:9px;font-size:10px;margin:12px 0}.pulse-row>div{height:8px;background:#edf1ef;border-radius:99px;overflow:hidden}.pulse-row i{height:100%;display:block;background:#119579;border-radius:99px}.pulse-row strong{text-align:right}.dashboard-note{background:#f3f8f6;border-radius:10px;padding:10px;color:#698078;font-size:9px;margin-top:14px}.ops-list{display:grid}.ops-list-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #edf1ef}.ops-list-row:last-child{border-bottom:0}.ops-list-row>div{display:grid;gap:3px}.ops-list-row>div:last-child{text-align:right;justify-items:end}.ops-list-row strong{font-size:10px}.ops-list-row small{font-size:8px;color:#819088}.ops-toolbar{display:flex;gap:8px;align-items:center;margin-bottom:0}.ops-input,.ops-select{width:100%;border:1px solid #d8e1dd;background:#fff;border-radius:9px;padding:9px 10px;font:inherit;font-size:10px;color:#21352d;outline:none}.ops-input:focus,.ops-select:focus{border-color:#4b9a84;box-shadow:0 0 0 3px #0e806716}.ops-toolbar .ops-input{max-width:360px}.ops-toolbar .ops-select{max-width:150px}.ops-count{font-size:9px;color:#7b8983;margin-left:auto}.ops-select.compact{padding:6px 8px;width:auto;min-width:118px}.ops-table-wrap{width:100%;overflow:auto}.ops-table{width:100%;border-collapse:collapse;font-size:9.5px}.ops-table th{text-align:left;padding:8px 9px;color:#829089;font-size:8px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e4e9e7;white-space:nowrap}.ops-table td{padding:9px;border-bottom:1px solid #eef1ef;vertical-align:middle;white-space:nowrap}.ops-table tbody tr:hover{background:#fafcfb}.product-cell{display:flex;align-items:center;gap:9px;min-width:200px}.product-cell img{width:38px;height:32px;object-fit:contain;border-radius:7px;background:#f4f6f5;border:1px solid #e5ebe8}.product-cell div{display:grid;gap:2px}.product-cell small,.cell-sub{font-size:8px;color:#87958f;display:block;margin-top:2px}.op-status{display:inline-flex;padding:4px 6px;border-radius:99px;background:#eef2f0;color:#50635c;font-size:7px;font-weight:900;letter-spacing:.04em}.op-status.READY,.op-status.DELIVERED,.op-status.APPROVED,.op-status.WON{background:#e3f5ee;color:#08715d}.op-status.RESERVED,.op-status.PREPARING,.op-status.NEGOTIATION,.op-status.SENT{background:#fff4dd;color:#986415}.op-status.SOLD,.op-status.PAID,.op-status.SHIPPED{background:#e9f0fa;color:#315f93}.op-status.REPAIR,.op-status.CANCELLED,.op-status.REJECTED,.op-status.LOST{background:#fce9e7;color:#a13f36}.op-status.INSPECTION,.op-status.QUALITY_CHECK,.op-status.NEW{background:#eeeafb;color:#61549b}.publish-switch{display:inline-block}.publish-switch input{display:none}.publish-switch span{display:block;width:31px;height:18px;background:#cbd5d1;border-radius:99px;position:relative;cursor:pointer}.publish-switch span:after{content:'';position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;top:2px;left:2px;transition:.15s}.publish-switch input:checked+span{background:#129979}.publish-switch input:checked+span:after{left:15px}.row-action{border:1px solid #dbe4e0;background:#fff;border-radius:7px;padding:5px 8px;font-size:8px;font-weight:700;cursor:pointer}.stock-controls{display:flex;gap:4px}.stock-controls button{border:1px solid #d9e2de;background:#fff;border-radius:6px;min-width:28px;padding:4px;font-size:9px;cursor:pointer}.stock-low{color:#b36b20}.health-mini{font-size:8px;color:#5d7169}.ops-empty{text-align:center;padding:45px 20px;color:#7d8c85}.ops-empty>div{font-size:24px}.ops-empty h3{color:#344840;font-size:13px;margin:8px 0 4px}.ops-empty p{font-size:9px;margin:0}.ops-dialog{border:0;border-radius:18px;padding:0;width:min(650px,calc(100% - 28px));box-shadow:0 24px 80px #0c211c33}.ops-dialog::backdrop{background:#0a1713aa;backdrop-filter:blur(3px)}.ops-dialog form{padding:22px;position:relative}.dialog-close{position:absolute;right:14px;top:12px;border:0;background:#eff3f1;width:29px;height:29px;border-radius:8px;font-size:17px;cursor:pointer}.dialog-title h2{font-size:21px;margin:5px 0}.dialog-title p{color:#788981;font-size:10px;margin:0 0 18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.form-grid label{font-size:8px;font-weight:800;color:#667870;text-transform:uppercase;letter-spacing:.04em}.form-grid label>*{margin-top:5px;text-transform:none;letter-spacing:normal}.form-full{grid-column:1/-1}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:17px}.conversation-list{display:grid;gap:10px}.conversation-card{border:1px solid #e2e8e5;border-radius:12px;padding:13px}.conversation-meta{display:flex;justify-content:space-between;align-items:center}.conversation-meta small{font-size:8px;color:#819088}.conversation-card h3{font-size:11px;margin:10px 0 4px}.conversation-card p{font-size:9px;color:#667a72;margin:0}.conversation-products{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}.conversation-products span{font-size:8px;padding:4px 6px;border-radius:6px;background:#f0f5f3}.operations-body .toast{z-index:1000}
@media(max-width:1200px){.ops-metric-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.operations-app{display:block}.operations-nav{position:fixed;left:-270px;width:240px;transition:.2s}.operations-nav.open{left:0;box-shadow:20px 0 60px #0003}.ops-menu{display:block;border:0;background:#edf2f0;border-radius:8px;width:34px;height:34px}.operations-topbar{padding:0 14px}.operations-content{padding:18px}.ops-two-col{grid-template-columns:1fr}.ops-user div,.ops-store-link{display:none}}
@media(max-width:600px){.operations-content{padding:14px}.ops-page-head{align-items:flex-start;flex-direction:column}.ops-page-head h1{font-size:25px}.ops-metric-grid{grid-template-columns:1fr 1fr}.ops-toolbar{flex-wrap:wrap}.ops-toolbar .ops-input,.ops-toolbar .ops-select{max-width:none}.ops-count{margin-left:0}.form-grid{grid-template-columns:1fr}.form-full{grid-column:auto}.operations-topbar>div:first-of-type{display:none}}

/* V4 Orders & Supply Planning */
.dialog-metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin:14px 0}.order-address{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-top:1px solid #e5e9e7;border-bottom:1px solid #e5e9e7;margin-bottom:16px}.order-address span{color:#64716c}.fulfillment-chain{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:18px;padding:14px;border-radius:14px;background:#f5f8f7;color:#6f7d78;font-size:13px}.fulfillment-chain span{padding:6px 10px;border-radius:999px;background:white;border:1px solid #dfe6e3}.fulfillment-chain span.done{background:#e5f5ef;color:#174f3e;border-color:#b8dfd1}.ops-table td small{display:block;color:#77827e;margin-top:3px}.op-status.CRITICAL{background:#fee8e8;color:#9f2323}.op-status.HIGH{background:#fff0d9;color:#8a5600}.op-status.MEDIUM{background:#fff7d7;color:#705e00}.op-status.ALLOCATED,.op-status.PICKING,.op-status.PICKED,.op-status.PACKED{background:#e7f1ff;color:#275b96}@media(max-width:900px){.dialog-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.fulfillment-chain{flex-wrap:wrap}.order-address{flex-direction:column}}
/* V6 full order detail */
.ops-order-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;align-items:start}.order-metric-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.fulfillment-timeline{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.fulfillment-step{position:relative;border:1px solid #dfe6e2;border-radius:10px;padding:10px 8px;background:#fafcfb;display:grid;gap:5px;min-width:0}.fulfillment-step span{display:grid;place-items:center;width:20px;height:20px;border-radius:99px;background:#e6ece9;color:#667870;font-size:8px;font-weight:900}.fulfillment-step strong{font-size:7px;line-height:1.25;word-break:break-word}.fulfillment-step.done{background:#edf8f4;border-color:#cbe8dd}.fulfillment-step.done span{background:#0b7a64;color:white}.fulfillment-step.current{box-shadow:0 0 0 2px #0b7a6415;border-color:#6eb4a2}.order-lines-table td{white-space:normal;min-width:90px}.order-lines-table td:nth-child(2){min-width:220px}.detail-stack{display:grid;gap:0}.detail-stack>div{display:grid;gap:3px;padding:10px 0;border-bottom:1px solid #edf1ef}.detail-stack>div:last-child{border-bottom:0}.detail-stack span{font-size:8px;color:#7b8983;text-transform:uppercase;letter-spacing:.05em}.detail-stack strong{font-size:10px;line-height:1.35}.detail-form{display:grid;gap:10px}.detail-form label{display:grid;gap:5px;font-size:8px;font-weight:800;color:#667870;text-transform:uppercase;letter-spacing:.04em}.detail-form textarea{resize:vertical}.operations-body:has(.ops-order-layout) .operations-content{max-width:1750px}
@media(max-width:1150px){.ops-order-layout{grid-template-columns:1fr}.fulfillment-timeline{grid-template-columns:repeat(4,1fr)}.order-metric-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.fulfillment-timeline{grid-template-columns:repeat(2,1fr)}.order-metric-grid{grid-template-columns:1fr 1fr}}
@media print{.operations-nav,.operations-topbar,.ops-head-actions{display:none!important}.operations-app{display:block}.operations-content{padding:0}.ops-order-layout{grid-template-columns:1fr}.ops-panel{break-inside:avoid}}

/* V8 Bot Lab */
.bot-metrics{margin-bottom:14px}.bot-lab-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.8fr);gap:14px;align-items:start}.bot-console,.bot-debug{margin-top:0}.bot-channel-wrap label{display:flex;align-items:center;gap:7px;font-size:9px;color:#6f7e78}.bot-customer-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.bot-messages{height:440px;overflow:auto;background:#f6f9f7;border:1px solid #e3eae7;border-radius:13px;padding:14px;display:flex;flex-direction:column;gap:9px}.bot-system{font-size:9px;color:#74857e;text-align:center;padding:5px}.bot-bubble{max-width:78%;padding:10px 12px;border-radius:13px;background:#fff;border:1px solid #dfe7e3;font-size:11px;line-height:1.45;align-self:flex-start;white-space:pre-wrap}.bot-bubble.user{background:#0b6e5e;color:#fff;border-color:#0b6e5e;align-self:flex-end}.bot-bubble.error{background:#fff0f0;color:#9e2f2f;border-color:#f0caca}.bot-product-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.bot-product-strip>div{background:#fff;border:1px solid #dfe7e3;border-radius:10px;padding:9px;display:grid;gap:3px}.bot-product-strip strong{font-size:9px}.bot-product-strip small{font-size:8px;color:#718078}.bot-quick{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.bot-quick button{border:1px solid #d8e2de;background:#fff;border-radius:99px;padding:6px 9px;font-size:8px;color:#496158;cursor:pointer}.bot-compose{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:stretch;margin-top:9px}.bot-compose textarea{min-height:58px;resize:vertical}.bot-compose .ops-btn{min-width:110px}.bot-debug{position:sticky;top:84px;max-height:calc(100vh - 105px);overflow:auto}.bot-diagnostic-empty{padding:24px 10px;color:#798982;font-size:10px;line-height:1.5}.debug-intent{border-radius:11px;background:#e7f6f0;padding:12px;display:flex;align-items:center;justify-content:space-between}.debug-intent span,.debug-grid span{font-size:8px;color:#6c7e77}.debug-intent strong{font-size:12px;color:#086250}.debug-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.debug-grid>div{border:1px solid #e0e7e4;border-radius:9px;padding:9px;display:grid;gap:3px}.debug-grid strong{font-size:10px}.bot-debug h3{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#60756c;margin:15px 0 6px}.bot-debug pre,.integration-contract pre{background:#0d211b;color:#d5eee5;border-radius:10px;padding:10px;font-size:8px;line-height:1.45;white-space:pre-wrap;word-break:break-word;overflow:auto}.debug-products{display:grid;gap:5px}.debug-products>div{border:1px solid #e2e8e5;border-radius:8px;padding:8px;display:grid;gap:2px}.debug-products strong{font-size:9px}.debug-products span{font-size:8px;color:#75847e}.integration-contract>div{display:flex;align-items:center;gap:8px}.integration-contract>div span{background:#0b6e5e;color:#fff;border-radius:6px;padding:5px 7px;font-size:8px;font-weight:900}.integration-contract code{font-size:10px;color:#16483c}.integration-contract p{font-size:10px;color:#718078;line-height:1.5;max-width:900px}.bot-error{padding:12px;border:1px solid #f1caca;background:#fff4f4;border-radius:10px;color:#9b3434}.bot-error p{font-size:9px}@media(max-width:1000px){.bot-lab-grid{grid-template-columns:1fr}.bot-debug{position:static;max-height:none}.bot-product-strip{grid-template-columns:1fr 1fr}}@media(max-width:620px){.bot-customer-row,.debug-grid{grid-template-columns:1fr}.bot-compose{grid-template-columns:1fr}.bot-product-strip{grid-template-columns:1fr}.bot-messages{height:360px}}