/* Operation visual. Screen-only: report capture and ticket print retain their sizing. */
@media screen{
body.operation-visual{--navy:#12354f;--teal:#087e74;--muted:#627587;--line:#dce5ee;--bg:#f3f6fb;background:var(--bg);color:#233d53;font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif}
.operation-visual>aside{width:216px;padding:24px 16px;background:linear-gradient(165deg,#133b58,#102b43);overflow-y:auto}
.operation-visual>aside .brand{display:flex;align-items:center;gap:12px;font-size:24px;letter-spacing:1px}
.operation-visual>aside .brand>.brand-symbol{width:43px;height:40px;flex-basis:43px;border-radius:9px;margin:0}
.operation-visual>aside .brand>.brand-symbol img{width:94px!important;left:-27px}
.operation-visual>aside .brand>span{font-size:12px;letter-spacing:1.8px;color:#edf7ff}
.operation-visual .workspace{margin-top:22px;padding:18px 10px 14px;letter-spacing:1.2px}
.operation-visual>aside nav{gap:4px}
.operation-visual>aside nav button{font-size:18px;padding:11px 12px;border-radius:8px;gap:10px;min-width:0;color:#c1d3e1}
.operation-visual>aside nav button span{font-size:12px;line-height:1.4}
.operation-visual>aside nav button.active{background:#ffffff15;box-shadow:inset 3px 0 #5fd6c3;color:#fff}
.operation-visual>aside nav button:hover{background:#ffffff0d}
.operation-visual .aside-bottom{padding:20px 8px 0;line-height:1.5}
.operation-visual>main{margin-left:216px}
.operation-visual>main>header{height:62px;padding:0 26px;box-shadow:0 1px 6px #183e5f05}
.operation-visual .content{max-width:1800px;padding:20px 26px}
.operation-visual .demo{border:0;border-radius:7px;background:#e7eef7;color:#335979;font-size:10px;padding:7px 11px;letter-spacing:.6px}
.operation-visual .demo span{color:#536c82}
.operation-visual .sync-banner{background:#edf8f4;border-color:#cfe7dc;border-radius:9px;padding:10px 13px;margin-top:8px;gap:10px}
.operation-visual .sync-banner p{font-size:11px;line-height:1.4}
.operation-visual .sync-actions button{font-size:11px;padding:7px 9px;background:#fff}
.operation-visual .title{margin:22px 0 18px;gap:16px}
.operation-visual h1{font-size:27px;line-height:1.2;margin:5px 0 7px;letter-spacing:-.8px}
.operation-visual .title p{font-size:12px;line-height:1.5}
.operation-visual .eyebrow{font-size:10px;letter-spacing:1.6px;color:#287385}
.operation-visual button.primary{background:#087e74;border-radius:7px;padding:10px 15px;box-shadow:0 2px 3px #065d4910}
.operation-visual button.primary:hover{background:#06685f}
.operation-visual button.secondary{border-color:#cfdde7;color:#365671;border-radius:7px;background:#fff}
.operation-visual button.secondary:hover{background:#f0f5fa;border-color:#9bb6cc}
.operation-visual button:focus-visible,.operation-visual input:focus-visible,.operation-visual select:focus-visible,.operation-visual textarea:focus-visible{outline:3px solid #4b94c7;outline-offset:2px}
.operation-visual input,.operation-visual select,.operation-visual textarea{border-radius:7px;border-color:#cedce6;max-width:100%;min-width:0;line-height:1.4;padding:10px 11px}
.operation-visual .stats{gap:12px;margin-bottom:18px}
.operation-visual .stat{padding:15px 17px;border-radius:10px;border-top:3px solid #286fa8;box-shadow:0 3px 10px #163b5d04}
.operation-visual .stat.teal{border-top-color:#008575}.operation-visual .stat.amber{border-top-color:#d5a03a}
.operation-visual .stat strong{font-size:28px;line-height:1.25;margin:5px 0}
.operation-visual .stat small{font-size:11px}
.operation-visual .overview-grid{gap:14px}
.operation-visual .panel,.operation-visual .insight,.operation-visual .notice-panel{border-radius:11px;box-shadow:0 3px 10px #163b5d04}
.operation-visual .panel-head{padding:17px 18px;gap:12px;align-items:flex-start;flex-wrap:wrap}
.operation-visual .panel-head h2{font-size:15px}
.operation-visual .panel-head p{font-size:11px}
.operation-visual .filters{padding:0 18px 15px;gap:8px;flex-wrap:wrap}
.operation-visual .filters input,.operation-visual .filters select{font-size:12px}
.operation-visual .filters input{flex:2 1 220px}
.operation-visual .filters select{flex:1 1 150px;max-width:100%}
.operation-visual th{font-size:10px;letter-spacing:.2px;color:#4c697e;padding:10px 13px;background:#f1f5fa}
.operation-visual td{padding:11px 13px;font-size:12px;border-color:#e3ebf2}
.operation-visual .sub{color:#62778a;font-size:11px;margin-top:3px}
.operation-visual .badge{padding:4px 7px;font-size:10px;line-height:1.3}
.operation-visual .client{color:#224b6d}
.operation-visual .barrow{grid-template-columns:minmax(130px,1fr) 1.8fr 24px;font-size:12px}
.operation-visual .insight-note small{font-size:11px}
.operation-visual .log{padding:12px;border-left:3px solid #dce9f3;margin:6px 0;background:#f8fafc;border-radius:0 6px 6px 0}
.operation-visual .log small{font-size:11px}
.operation-visual .stock-cards{gap:9px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.operation-visual .stock-cards .item{border-left:3px solid #12a08d;background:#f2faf7;padding:12px;margin:0 0 8px}
.operation-visual .stock-cards strong{font-size:22px}
.operation-visual .catalog-heading{margin:18px 0 12px;padding:0 2px;flex-wrap:wrap}
.operation-visual .catalog-heading h1{font-size:26px}
.operation-visual .catalog-help{font-size:12px;line-height:1.5}
.operation-visual .notice-panel-heading{padding:13px 16px}
.operation-visual .notice-highlights{grid-template-columns:repeat(3,minmax(0,1fr))}
.operation-visual .notice-card{padding:13px 15px}
.operation-visual .notice-line strong{font-size:12px}
.operation-visual .notice-line time{font-size:11px}
.operation-visual .notice-card-actions button{font-size:11px}
.operation-visual .notice-symbol{width:27px;height:27px;border-radius:7px;flex-basis:27px;font-size:16px}
.operation-visual #noticesDialog,.operation-visual #accessDialog,.operation-visual #modal{border:1px solid #d7e3ed;border-radius:12px;max-height:94dvh;overflow:auto}
.operation-visual #modalBody{padding:22px}
.operation-visual .modal-top h2{font-size:22px;color:#1b4565;line-height:1.3}
.operation-visual .modal-top p{font-size:12px}
.operation-visual .field{font-size:12px;font-weight:500;gap:6px}
.operation-visual .field small{font-weight:400;font-size:11px;line-height:1.4}
.operation-visual .form-item{grid-template-columns:minmax(0,2.5fr) minmax(75px,.7fr) minmax(90px,.8fr) auto;gap:10px;border-bottom:1px solid #e1e9f0;margin-bottom:13px}
.operation-visual .form-grid>*{min-width:0}
.operation-visual .form-actions{flex-wrap:wrap;border-top:1px solid #dce5ee;padding-top:15px}
.operation-visual .form-actions button{min-height:34px}
.operation-visual .order-edit-item{background:#f3f7fc;border-color:#dbe6f1;border-radius:9px;padding:14px}
.operation-visual #accessDialog{padding:27px;border-top:4px solid #087e74}
.operation-visual .access-help{background:#edf5fb;color:#456276;border-radius:8px}
.operation-visual .account-box{color:#345675}.operation-visual .account-switch{font-size:11px}
.operation-visual #modal.program-detail-dialog{width:min(1200px,96vw)}
.operation-visual #modal.program-detail-dialog #modalBody{padding:17px 19px}
.operation-visual .program-detail .modal-top h2{font-size:19px}
.operation-visual .program-detail .detail-meta{padding:10px 12px;font-size:12px;background:#eef4fa;gap:8px 12px;margin-bottom:13px}
.operation-visual .program-detail .detail-meta small{font-size:10px;color:#516e85}
.operation-visual .program-products-scroll{overflow-x:auto;border:1px solid #dce5ee;border-radius:8px}
.operation-visual .program-products-table{table-layout:fixed;min-width:880px;white-space:normal}
.operation-visual .program-products-table th{padding:8px 6px;font-size:10px;letter-spacing:0;text-align:center;vertical-align:middle}
.operation-visual .program-products-table th:first-child{width:28%;text-align:left}
.operation-visual .program-products-table th:last-child{width:68px}
.operation-visual .program-products-table th:nth-last-child(2){width:95px}
.operation-visual .program-products-table .list-sort-button{font-size:10px;line-height:1.2;padding:0;gap:2px;justify-content:center;width:100%;text-align:center;flex-wrap:wrap}
.operation-visual .program-products-table th:first-child .list-sort-button{justify-content:flex-start;text-align:left}
.operation-visual .program-products-table .list-sort-button span{font-size:9px;padding:1px 3px}
.operation-visual .program-products-table .product-data-row td{padding:9px 7px;vertical-align:middle;line-height:1.35;border-bottom:1px solid #e2eaf0}
.operation-visual .program-products-table .product-data-row{cursor:default}
.operation-visual .program-products-table .product-name strong{display:block;font-size:12px;overflow-wrap:anywhere;color:#234d6d}
.operation-visual .program-products-table .product-name small{display:block;font-size:10px;margin-top:3px;color:#62788a}
.operation-visual .program-products-table .product-number{text-align:center;font-weight:650;font-variant-numeric:tabular-nums;font-size:15px}
.operation-visual .program-products-table .product-ready{background:#e6f6ef;color:#006c53}
.operation-visual .program-products-table .product-pending{background:#fff3db;color:#8a5705}
.operation-visual .program-products-table .product-due-cell{font-size:11px;text-align:center}
.operation-visual .program-products-table .product-row-toggle{font-size:11px;padding:6px 8px;min-height:30px}
.operation-visual .program-products-table .product-control-row>td{padding:0;cursor:default}
.operation-visual .product-controls{padding:11px 14px;background:#f1f6fb;border-left:3px solid #167e91}
.operation-visual .product-controls h3{font-size:12px;margin:0 0 6px}
.operation-visual .product-controls .shipment-section{background:transparent;margin:0;padding:0}
.operation-visual .product-controls .shipment-section h3{font-size:11px;margin-bottom:5px}
.operation-visual .product-controls .shipment-facts{font-size:11px;gap:6px 15px}
.operation-visual .product-controls .item-actions{margin-top:6px}
.operation-visual .program-detail .form-actions{gap:6px;margin-top:13px;padding-top:12px}
.operation-visual .program-detail .form-actions button{font-size:11px;padding:8px 10px}
.operation-visual #orderTicketDialog{border:1px solid #d5e3ed;border-radius:12px}
.operation-visual .ticket-tools{background:#edf4fa}
.operation-visual .order-ticket .ticket-client{background:#e7f5ef;border-left:3px solid #087e74}
.operation-visual .report-controls{padding:18px;border-radius:10px}
.operation-visual .report-filter-grid input,.operation-visual .report-filter-grid select{width:100%}
.operation-visual .order-list-controls{align-items:center}
.operation-visual #queueSummary{margin-bottom:16px}
.operation-visual .queue-heading{margin-bottom:10px;gap:10px;flex-wrap:wrap}
.operation-visual .queue-heading h2{font-size:14px}
.operation-visual .queue-heading p{font-size:11px}
.operation-visual .visual-group-filters{display:flex;gap:7px;flex-wrap:wrap}
.operation-visual .visual-group-filter{background:#fff;border:1px solid #d3e0ea;border-radius:7px;padding:7px 10px;font-size:11px;color:#3d5d75;text-align:left;display:flex;align-items:center;gap:8px}
.operation-visual .visual-group-filter b{font-size:11px;background:#edf2f7;padding:1px 6px;border-radius:4px}
.operation-visual .visual-group-filter.selected{background:#e7f5ef;border-color:#73b7aa;color:#006e5c}
.operation-visual .visual-view-switch{display:flex;gap:3px;padding:3px;border-radius:7px;background:#eaf0f6;border:1px solid #d6e2ed}
.operation-visual .visual-view-switch button{background:transparent;border:0;padding:5px 11px;border-radius:4px;color:#4c6a83;font-size:11px}
.operation-visual .visual-view-switch button.selected{background:#fff;color:#164f7b;box-shadow:0 1px 4px #19405b12}
.operation-visual .visual-sort{display:flex;align-items:center;gap:4px 13px;flex-wrap:wrap;padding:0 18px 13px;color:#61788c;font-size:11px}
.operation-visual .visual-sort .list-sort-button{font-size:10px;padding:2px 0;gap:4px}
.operation-visual .visual-sort .list-sort-button span{font-size:9px}
.operation-visual .visual-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 15px 15px;align-items:start}
.operation-visual .visual-lane{--lane-color:#677f96;background:#edf2f7;border-radius:9px;min-width:0}
.operation-visual .visual-lane--production{--lane-color:#246fb0;background:#edf3fb}
.operation-visual .visual-lane--collection{--lane-color:#078370;background:#eaf5ef}
.operation-visual .visual-lane>h3{font-size:12px;display:flex;justify-content:space-between;align-items:center;border-top:3px solid var(--lane-color);border-radius:7px 7px 0 0;margin:0;padding:12px 11px;color:#33546d}
.operation-visual .visual-lane>h3 span{background:#fff;border-radius:5px;padding:2px 7px;font-size:11px}
.operation-visual .visual-lane-content{padding:0 8px 8px;display:grid;gap:9px}
.operation-visual .visual-order{background:#fff;border:1px solid #d9e5ef;box-shadow:0 2px 4px #153f5e05;border-radius:8px;min-width:0;padding:11px}
.operation-visual .visual-order.is-priority{border-left:3px solid #d2a133}
.operation-visual .visual-order-top{display:flex;justify-content:space-between;gap:6px;flex-wrap:wrap;color:#657e92;font-size:10px}
.operation-visual .visual-priority{color:#8b5700;background:#fff1cf;padding:1px 5px;border-radius:4px}
.operation-visual .visual-order-client{border:0;background:none;color:#204d70;font-size:14px;font-weight:700;line-height:1.3;text-align:left;overflow-wrap:anywhere;display:block;width:100%;padding:6px 0 2px}
.operation-visual .visual-order-client:hover{text-decoration:underline}
.operation-visual .visual-order-group{font-size:10px;color:#627b90;line-height:1.4;overflow-wrap:anywhere;margin:2px 0 9px}
.operation-visual .visual-amounts{display:grid;gap:8px}
.operation-visual .visual-amounts span{display:flex;justify-content:space-between;gap:5px;flex-wrap:wrap;font-size:11px;color:#566d80;line-height:1.35}
.operation-visual .visual-amounts b{font-weight:650;color:#245981;font-variant-numeric:tabular-nums}
.operation-visual .visual-amounts .visual-ready b{color:#00725e}
.operation-visual .visual-progress{height:4px;background:#e5edf4;border-radius:3px;overflow:hidden;margin:5px 0 6px}
.operation-visual .visual-progress i{height:100%;display:block;background:var(--lane-color)}
.operation-visual .visual-ready-notice{font-size:10px;color:#006e54;background:#e8f6ed;padding:4px 6px;border-radius:4px;margin:8px 0 0}
.operation-visual .visual-dates{padding-top:8px;margin-top:9px;border-top:1px solid #e6edf3;display:grid;gap:4px}
.operation-visual .visual-dates span{font-size:10px;color:#627b90;display:flex;justify-content:space-between;flex-wrap:wrap;gap:3px 7px}
.operation-visual .visual-dates b{color:#355872;font-weight:600}
.operation-visual .visual-dates .late,.operation-visual .visual-dates .late b{color:#ae4143}
.operation-visual .visual-created{font-size:10px;color:#6d8090;display:block;margin:7px 0;overflow-wrap:anywhere}
.operation-visual .visual-order-actions{display:flex;gap:5px;flex-wrap:wrap}
.operation-visual .visual-order-actions .secondary{padding:6px 7px;font-size:10px;flex:1 1 auto;line-height:1.35;white-space:normal}
.operation-visual .visual-order-actions .secondary:first-child{background:#eef5fb;color:#1d5a8b}
.operation-visual .visual-empty{font-size:11px;line-height:1.5;margin:2px 4px 8px;color:#6f8293}
.operation-visual .visual-board-note{font-size:11px;color:#61788b;padding:0 18px 15px;margin:0}
.operation-visual .visual-mobile-tabs{display:none}
@media(max-width:1150px){.operation-visual .notice-highlights{grid-template-columns:1fr}.operation-visual .sync-banner{align-items:flex-start;flex-direction:column}.operation-visual>aside{width:190px;padding:23px 11px}.operation-visual>main{margin-left:190px}.operation-visual .content{padding:18px}.operation-visual>main>header{padding:0 18px}.operation-visual .visual-board{gap:8px;padding:0 10px 12px}.operation-visual .visual-order{padding:9px}.operation-visual .visual-lane-content{padding:0 6px 6px}}
@media(max-width:760px){.operation-visual>aside{position:static;width:100%;padding:13px}.operation-visual>aside .brand{font-size:20px}.operation-visual>aside .brand>.brand-symbol{width:33px;height:30px;flex-basis:33px}.operation-visual>aside .brand>.brand-symbol img{width:72px!important;left:-21px}.operation-visual>aside .brand>span{display:inline;font-size:11px}.operation-visual .workspace,.operation-visual .aside-bottom{display:none}.operation-visual>aside nav{display:flex;flex-wrap:wrap;gap:4px;margin-top:11px}.operation-visual>aside nav button{flex:0 1 auto;min-height:36px;padding:8px;gap:5px;font-size:15px;margin:0}.operation-visual>aside nav button span{font-size:11px}.operation-visual>main{margin:0}.operation-visual>main>header{height:auto;min-height:54px;padding:9px 13px;flex-wrap:wrap;gap:8px}.operation-visual>main>header>span{display:none}.operation-visual .account-box{margin:0;font-size:11px}.operation-visual .content{padding:13px}.operation-visual .title{margin:18px 0 14px;flex-wrap:wrap}.operation-visual .title h1{font-size:24px}.operation-visual .title .primary{font-size:11px;padding:10px 12px;min-height:38px}.operation-visual .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.operation-visual .stat{padding:12px}.operation-visual .stat label{font-size:11px}.operation-visual .stat strong{font-size:25px}.operation-visual .demo{font-size:10px;gap:3px}.operation-visual .demo span{font-size:10px}.operation-visual .sync-actions button{min-height:36px}.operation-visual .visual-group-filters{gap:5px}.operation-visual .visual-group-filter{font-size:10px;min-height:35px;max-width:100%}.operation-visual .queue-heading .secondary{font-size:11px}.operation-visual .filters{padding:0 12px 12px}.operation-visual .filters input{flex-basis:100%}.operation-visual .filters select{flex:1 1 110px;min-width:0}.operation-visual .panel-head{padding:14px}.operation-visual .visual-mobile-tabs{display:flex;gap:5px;padding:0 10px 10px}.operation-visual .visual-mobile-tabs button{min-width:0;flex:1;border:1px solid #d8e3ed;background:#f0f5fa;color:#47677f;border-radius:6px;padding:8px 4px;font-size:11px;line-height:1.3;min-height:44px}.operation-visual .visual-mobile-tabs button b{display:block}.operation-visual .visual-mobile-tabs button[aria-selected=true]{background:#e4f4ec;color:#006b57;border-color:#7db9aa}.operation-visual .visual-board{grid-template-columns:1fr;padding:0 10px 12px}.operation-visual .visual-lane:not(.is-mobile-active){display:none}.operation-visual .visual-order-client{font-size:15px}.operation-visual .visual-order-group,.operation-visual .visual-created,.operation-visual .visual-dates span,.operation-visual .visual-order-top,.operation-visual .visual-ready-notice{font-size:11px}.operation-visual .visual-order-actions .secondary{min-height:38px;font-size:11px}.operation-visual .visual-amounts span{font-size:12px}.operation-visual .form-grid{grid-template-columns:1fr}.operation-visual .form-item{grid-template-columns:1fr 1fr}.operation-visual .form-item .field:first-child{grid-column:1/-1}.operation-visual .field input,.operation-visual .field select,.operation-visual .field textarea{font-size:16px}.operation-visual .form-actions button{min-height:38px}.operation-visual #modalBody,.operation-visual #modal.program-detail-dialog #modalBody{padding:13px}.operation-visual .program-detail .detail-meta{grid-template-columns:repeat(2,minmax(0,1fr));font-size:11px}.operation-visual .program-detail .detail-meta>div:first-child{grid-column:1/-1}.operation-visual .program-products-table th:first-child{width:180px}.operation-visual .program-products-table .product-row-toggle{min-height:36px}.operation-visual .program-detail .item-actions button{min-height:38px}.operation-visual .program-detail .form-actions button{min-height:36px}.operation-visual .visual-sort{padding:0 12px 10px}.operation-visual .order-list-controls{justify-content:flex-start}.operation-visual .stock-cards{grid-template-columns:1fr}.operation-visual .barrow{font-size:11px;grid-template-columns:110px 1fr 20px}.operation-visual .stock-entry-actions{flex-wrap:wrap}.operation-visual .notice-dialog-top{padding:17px}}
}