:root{--ink:#17242a;--muted:#78858a;--line:#e4e8e5;--paper:#f5f6f2;--white:#fff;--orange:#eb9b40;--orange-light:#fff0dc;--green:#31896f;--red:#bc6449;--shadow:0 10px 35px #16272b0e}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}.app-shell{min-height:100vh;display:flex}.sidebar{color:#dce5e3;background:#17242a;flex-direction:column;flex:none;width:250px;height:100vh;padding:25px 14px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;padding:4px 11px 35px;display:flex}.brand-icon{background:var(--orange);color:#17242a;border-radius:12px;flex:none;place-items:center;width:43px;height:43px;display:grid}.brand-icon.large{width:56px;height:56px;margin-bottom:25px}.brand strong{letter-spacing:.075em;font-size:14px;display:block}.brand span{color:#90a5a7;letter-spacing:.15em;margin-top:4px;font-size:9px;display:block}.nav-caption{letter-spacing:.16em;color:#80989b;padding:0 16px 11px;font-size:10px}.sidebar nav{gap:3px;display:grid}.nav-item{color:#b9c8c8;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:13px;width:100%;padding:13px 15px;font-size:13px;font-weight:600;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background:#2c3d43}.nav-item.active{box-shadow:inset 3px 0 0 var(--orange)}.sidebar-bottom{border-top:1px solid #304249;margin-top:auto;padding-top:19px}.user-box{align-items:center;gap:10px;padding:0 10px 16px;display:flex}.avatar{color:#1e3037;background:#e5ab62;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.avatar.small{width:29px;height:29px;font-size:12px}.user-box strong,.user-box small{font-size:12px;display:block}.user-box small{color:#8ea4a7;margin-top:3px;font-size:11px}.main{flex:1;min-width:0}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:70px;padding:0 38px;display:flex}.breadcrumbs{color:#9da9a8;font-size:13px}.breadcrumbs span{color:#c6d0cd;padding:0 12px}.breadcrumbs strong{color:var(--ink)}.top-actions{color:#829291;align-items:center;gap:9px;font-size:12px;display:flex}.live-dot{background:var(--orange);border-radius:50%;width:7px;height:7px}.icon-btn{color:#506269;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.icon-btn:hover{background:#e9eeea}.mobile-menu,.mobile-close,.mobile-shade{display:none}.content{max-width:1480px;margin:auto;padding:35px 38px 80px}.page-heading{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:26px;display:flex}.page-heading h1{letter-spacing:-.045em;margin:7px 0;font-size:31px}.page-heading p{color:var(--muted);margin-bottom:0;font-size:14px;line-height:1.5}.eyebrow{letter-spacing:.18em;color:#c37f32;font-size:11px;font-weight:800}.btn{white-space:nowrap;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:11px 16px;font-size:12px;font-weight:700;display:inline-flex}.btn.primary{background:var(--orange);color:#263239}.btn.primary:hover{background:#f3ae5a}.btn.secondary{color:#34454b;background:#fff;border-color:#dfe5e1}.btn.secondary:hover{background:#f5f7f3}.btn.dark{color:#fff;background:#273a40}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.wide{width:100%}.button-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.section{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:15px;min-width:0;margin-bottom:18px;padding:22px}.section-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:19px;display:flex}.section-head h2{letter-spacing:-.02em;margin:0 0 5px;font-size:17px}.section-head p{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.section-head .btn{margin-top:-5px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;display:grid}.metric{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:15px;min-height:133px;padding:21px}.metric>span,.machine-stats span,.detail-metrics span{letter-spacing:.13em;color:#91a09f;font-size:10px;font-weight:800;display:block}.metric strong{letter-spacing:-.045em;margin:16px 0 5px;font-size:27px;display:block}.metric small{color:#8c9a98;font-size:11px}.metric-alert{background:#fff7f1;border-color:#eecfbe}.metric-alert strong{color:#b75f3c}.machine-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.machine-card{text-align:left;color:inherit;background:#f9faf7;border:1px solid #e5eae6;border-radius:12px;padding:0;transition:transform .2s,box-shadow .2s;overflow:hidden}.machine-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #16272b17}.machine-drawing{background:radial-gradient(circle at 75% 20%,#f5dfc0,#0000 39%),linear-gradient(135deg,#e8ece5,#dfe5dc);place-items:center;height:130px;display:grid;position:relative;overflow:hidden}.machine-drawing:after{content:"";filter:blur(4px);background:#52646b21;border-radius:50%;width:80%;height:11px;position:absolute;bottom:15px}.machine-shape{clip-path:polygon(0 12%,100% 12%,87% 88%,13% 88%);color:#e8ae68;z-index:1;background:#53666a;border-radius:12px;place-items:center;width:102px;height:82px;display:grid;position:relative;box-shadow:0 8px #40535a}.machine-shape:before{content:"";background:#374c52;border-radius:4px;height:13px;position:absolute;top:-6px;left:13px;right:13px}.machine-shape.mixer{clip-path:none;border-radius:50%;width:95px;height:95px}.machine-shape span{font-size:42px}.machine-info{padding:17px}.machine-title{justify-content:space-between;align-items:center;display:flex}.machine-title strong{font-size:21px}.machine-info h3{color:#6f8082;margin:4px 0 20px;font-size:12px;font-weight:500}.machine-stats{border-top:1px solid #e3e8e3;justify-content:space-between;padding-top:14px;display:flex}.machine-stats b{margin-top:5px;font-size:12px;display:block}.badge{white-space:nowrap;color:#657874;background:#edf0ee;border-radius:6px;padding:5px 8px;font-size:10px;font-weight:800;display:inline-block}.badge.good{color:#2b8466;background:#e1f1eb}.badge.warn{color:#a67624;background:#fff0d5}.badge.danger{color:#ad6046;background:#fae8e1}.two-cols{grid-template-columns:1fr 1fr;gap:18px;display:grid}.mini-list{gap:2px;display:grid}.mini-row{border-bottom:1px solid #eff1ee;align-items:center;gap:12px;min-width:0;padding:11px 0;display:flex}.mini-row:last-child{border:0}.mini-row>div:not(.avatar){flex:1;min-width:0}.mini-row b,.mini-row small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mini-row b{font-size:12px}.mini-row small{color:#8b9b98;margin-top:4px;font-size:11px}.mini-row strong{font-size:12px}.code-tag{color:#42565b;background:#edf2f0;border-radius:6px;padding:7px 9px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:700}.text-danger{color:#b7593f!important}.empty{text-align:center;color:#a2afad;padding:34px 15px}.empty svg{margin-bottom:8px}.empty p{margin:0;font-size:12px}.field{flex-direction:column;gap:7px;min-width:0;display:flex}.field span{color:#526369;font-size:11px;font-weight:800}.field small{color:#8e9d9b;font-size:10px}.field input,.field select,input:not([type=checkbox]),select{color:#203038;background:#fff;border:1px solid #dce3df;border-radius:8px;outline:0;width:100%;min-width:0;height:41px;padding:9px 11px;font-size:13px}.field input:focus,.field select:focus,input:focus,select:focus{border-color:#d69b55;box-shadow:0 0 0 3px #edb96d29}.form-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.form-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.form-actions{grid-column:1/-1;justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.stack-form{gap:14px;display:grid}.inline-form{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.inline-form>*{flex:1;min-width:100px}.inline-form .btn,.inline-form .icon-btn{flex:0}.scan-input{background:#fff;border:1px solid #dce3df;border-radius:8px;flex:2;align-items:center;min-width:180px;display:flex}.scan-input input{box-shadow:none!important;background:0 0!important;border:0!important}.scan-input .icon-btn{margin-right:3px}.scan-input.search{max-width:260px}.orders-layout{grid-template-columns:315px minmax(0,1fr);align-items:start;gap:18px;display:grid}.order-list{max-height:720px;overflow:auto}.order-row{text-align:left;width:100%;color:inherit;background:#fff;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:12px 8px;display:flex}.order-row:hover,.order-row.selected{background:#f6f8f4;border-color:#e5ebe3}.order-code{color:#ad7534;white-space:nowrap;font-size:11px;font-weight:800}.order-row>span:nth-child(2){flex:1;min-width:0}.order-row b,.order-row small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.order-row b{font-size:11px}.order-row small{color:#8e9e9c;margin-top:3px;font-size:10px}.detail-metrics{grid-template-columns:repeat(4,1fr);gap:9px;margin:5px 0 20px;display:grid}.detail-metrics>div{background:#f6f8f5;border-radius:8px;padding:12px}.detail-metrics strong{margin-top:8px;font-size:15px;display:block}.detail-note{color:#657979;margin:0;font-size:12px}.bom-box{background:#f6f8f4;border-radius:8px;padding:14px;font-size:11px}.bom-box>strong{margin-right:8px}.bom-box>div{border-top:1px solid #e1e6e0;justify-content:space-between;padding:8px 0;display:flex}.compact-history{max-height:170px;margin-top:16px;overflow:auto}.compact-history>div,.history-list>div{border-top:1px solid #edf1ed;grid-template-columns:1fr auto auto;align-items:center;gap:13px;padding:8px 0;font-size:11px;display:grid}.compact-history small,.history-list small{color:#94a09e}.label-list{margin-top:15px}.label-row{border-top:1px solid #eef1ed;flex-wrap:wrap;align-items:center;gap:9px;padding:8px 0;font-size:11px;display:flex}.label-row>span:nth-child(2){margin-right:auto}.link-button{color:#a76e2e;cursor:pointer;background:0 0;border:0;padding:6px;font-size:11px;font-weight:800}.link-button:hover{text-decoration:underline}.subform{background:#f7f8f5;border-radius:9px;margin-top:17px;padding:15px}.subform h3{margin:0 0 12px;font-size:12px}.subform .inline-form+.inline-form{margin-top:9px}.close-box{border-top:1px solid var(--line);gap:10px;margin-top:20px;padding-top:17px;display:flex}.close-box .btn{flex:none}.bag-editor{margin-top:20px}.bag-editor h3{font-size:14px}.bag-form{border-top:1px solid #edf0ed;grid-template-columns:33px 1.6fr .8fr 1.1fr 1fr 1fr 1fr 33px;align-items:end;gap:9px;padding:13px 0;display:grid}.bag-index{color:#a3b0ad;align-self:center;font-size:13px;font-weight:800}.bag-form .field span{font-size:9px}.bag-form .delete{align-self:center}.check{color:#5d7073;align-items:center;gap:8px;font-size:12px;display:flex}.check input{width:auto}.permission-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:#93a19e;letter-spacing:.08em;white-space:nowrap;border-bottom:1px solid #e5ebe5;padding:11px 9px;font-size:10px}td{white-space:nowrap;border-bottom:1px solid #eef1ed;padding:12px 9px}td strong,td small{display:block}td strong{font-size:11px}td small{color:#91a09b;margin-top:4px;font-size:10px}.negative-row{background:#fff7f3}.helper{color:#8b9a98;margin:11px 0 0;font-size:11px;line-height:1.5}.report-filter{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.report-filter .field{min-width:150px}.report-filter .btn{margin-bottom:0}.modal-backdrop{z-index:30;background:#15252ab8;justify-content:center;align-items:center;padding:15px;display:flex;position:fixed;inset:0}.scanner-panel,.detail-modal{background:#fff;border-radius:15px;width:100%;max-width:480px;max-height:90vh;padding:22px;overflow:auto;box-shadow:0 25px 70px #0715196b}.detail-modal{max-width:620px}.camera-frame{background:#182b30;border-radius:10px;height:300px;margin:15px 0;position:relative;overflow:hidden}.camera-frame video{object-fit:cover;width:100%;height:100%}.scan-line{background:#e9a34d;width:70%;height:2px;position:absolute;top:50%;left:15%;box-shadow:0 0 20px #ecab5c}.camera-icon{color:#fff8;position:absolute;top:17px;right:17px}.history-list{max-height:300px;margin-top:20px;overflow:auto}.toast{z-index:40;color:#fff;background:#24453c;border-radius:9px;align-items:center;gap:17px;padding:13px 16px;font-size:12px;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 15px 35px #233b3a3b}.toast.error{background:#ad553f}.toast button{color:#fff;background:0 0;border:0}.error{color:#b7523c;font-size:12px}.loading-screen{color:#536568;justify-content:center;align-items:center;gap:12px;min-height:100vh;font-size:13px;display:flex}.spinner{border:2px solid #d6ded9;border-top-color:#e69b45;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-page{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-art{color:#fff;background-color:#17242a;background-image:radial-gradient(circle at 80% 15%,#395458 0,#0000 35%),linear-gradient(135deg,#17242a,#1d3136);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;justify-content:center;align-items:center;padding:60px;display:flex}.login-art-inner{max-width:480px}.login-art h1{letter-spacing:-.06em;margin:24px 0;font-size:clamp(48px,6vw,82px);line-height:1.02}.login-art h1 em{color:#eaa048;font-style:normal}.login-art p{color:#afc1c2;max-width:370px;font-size:16px;line-height:1.6}.process-art{align-items:center;gap:13px;margin-top:70px;display:flex}.process-art span{border:1px solid #79919565;border-radius:8px;padding:13px 12px;font-size:11px;font-weight:700}.process-art b{color:#efa951}.login-form-wrap{place-items:center;padding:35px;display:grid}.login-card{gap:17px;width:min(100%,390px);display:grid}.login-card h2{margin:0;font-size:31px}.login-card p{color:#8e9c9a;margin:-10px 0 10px;font-size:13px}.login-card>small{text-align:center;color:#9aa8a5;font-size:11px}.login-card .btn{margin-top:5px}.edit-product{margin-top:18px}#product-editor{scroll-margin-top:18px}.toast.error{color:#fff;background:#9f4030;font-weight:600}.bom-component-row{grid-template-columns:minmax(0,1fr) 88px 36px;align-items:center;gap:9px;display:grid}.bom-component-row>select,.bom-component-row>input{width:100%;min-width:0}.bom-component-row>.icon-btn{width:36px;min-width:36px}@media (max-width:600px){.bom-component-row{grid-template-columns:minmax(0,1fr) 36px}.bom-component-row>select{grid-column:1/-1}}.product-edit-note{grid-column:1/-1;margin:0}.receipt-label-list{gap:8px;display:grid}.receipt-label-row{background:#fbfcfa;border:1px solid #e3e9e4;border-radius:10px;flex-wrap:wrap;align-items:center;gap:13px;padding:12px;display:flex}.receipt-label-product{flex:1;min-width:150px}.receipt-label-product b,.receipt-label-product small{display:block}.receipt-label-product b{font-size:13px}.receipt-label-product small{color:#738681;margin-top:4px;font-size:11px}.receipt-history-list{gap:8px;display:grid}.receipt-history{border:1px solid #e3e9e4;border-radius:10px;overflow:hidden}.receipt-history summary{cursor:pointer;flex-wrap:wrap;align-items:center;gap:12px;padding:14px;list-style:none;display:flex}.receipt-history summary::-webkit-details-marker{display:none}.receipt-history summary strong{font-size:13px}.receipt-history summary span:not(.badge){color:#758683;flex:1;font-size:12px}.receipt-history-body{border-top:1px solid #e3e9e4;gap:13px;padding:14px;display:grid}.receipt-history-body>.btn{justify-self:start}@media (max-width:600px){.mini-row .link-button{flex:none}.mini-row .code-tag{text-overflow:ellipsis;max-width:95px;overflow:hidden}.receipt-label-row .button-row,.receipt-label-row .button-row .btn{width:100%}.receipt-history summary span:not(.badge){flex-basis:100%}}@media (max-width:1180px){.metric-grid,.machine-grid{grid-template-columns:repeat(2,1fr)}.bag-form{grid-template-columns:30px repeat(3,1fr) 33px}.bag-form .field:nth-of-type(n+4){grid-column:span 1}.content{padding:30px 25px}.topbar{padding:0 25px}}@media (max-width:850px){.sidebar{z-index:22;transition:transform .2s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.mobile-close,.mobile-menu{display:inline-flex}.mobile-close{color:#fff;margin-left:auto}.mobile-shade{z-index:21;background:#0008;display:block;position:fixed;inset:0}.two-cols,.orders-layout{grid-template-columns:1fr}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-page{grid-template-columns:1fr}.login-art{display:none}}@media (max-width:600px){.topbar{height:58px;padding:0 14px}.top-actions{font-size:0}.top-actions .live-dot{display:none}.content{padding:23px 13px 70px}.page-heading{align-items:flex-start}.page-heading h1{font-size:26px}.page-heading>button{margin-top:6px}.page-heading p{font-size:12px}.metric-grid{gap:9px}.metric{min-height:108px;padding:15px}.metric strong{font-size:20px}.machine-grid{grid-template-columns:1fr 1fr;gap:9px}.machine-drawing{height:95px}.machine-shape{transform:scale(.72)}.machine-info{padding:12px}.machine-title strong{font-size:18px}.machine-title .badge{display:none}.machine-info h3{margin-bottom:12px}.machine-stats{display:block}.machine-stats>div+div{margin-top:8px}.section{padding:15px}.section-head{flex-wrap:wrap}.form-grid,.form-grid.compact{grid-template-columns:1fr 1fr}.form-grid .field:has(input[name=reason]){grid-column:1/-1}.inline-form{align-items:stretch}.inline-form>*{flex-basis:100%}.inline-form .btn{flex:1}.scan-input{min-height:42px}.detail-metrics{grid-template-columns:1fr 1fr}.bag-form{grid-template-columns:24px 1fr 1fr 30px}.bag-form .field{grid-column:span 1}.bag-form .field:first-of-type{grid-column:2/4}.bag-form .delete{grid-area:1/4}.close-box{display:grid}.permission-grid{grid-template-columns:1fr}.compact-history>div,.history-list>div{grid-template-columns:1fr auto}.compact-history small,.history-list small{grid-column:1/-1}.breadcrumbs{font-size:11px}}.package-picker{background:#f5f8f5;border:1px solid #d6dfda;border-radius:12px;gap:12px;padding:16px;display:grid}.package-picker>small{color:#526864}.package-picker .permission-grid{margin:2px 0}.package-picker .field{max-width:100%}.mixer-bags{gap:14px;margin-top:18px;display:grid}.mixer-bag{background:#f8faf8;border:1px solid #d5dfd8;border-radius:12px;padding:14px}.mixer-bag-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mixer-bag-head>div{flex-direction:column;gap:3px;margin-right:auto;display:flex}.mixer-bag-head small{color:#587068}.mixer-load-list{gap:8px;margin-top:12px;display:grid}.mixer-load-list>div{background:#fff;border-radius:8px;grid-template-columns:minmax(160px,1fr) auto auto;align-items:center;gap:10px;padding:9px 10px;display:grid}.mixer-load-list small{color:#587068}@media (max-width:700px){.mixer-load-list>div{grid-template-columns:1fr auto}.mixer-load-list small{grid-column:1/-1}}.bag-form.simple{grid-template-columns:34px minmax(180px,2fr) minmax(110px,1fr) minmax(140px,1.2fr) 36px;align-items:center}@media (max-width:600px){.bag-form.simple{grid-template-columns:28px minmax(0,1fr) 36px;align-items:start}.bag-form.simple .field{grid-column:2}.bag-form.simple .delete{grid-area:1/3}}.screen-picker{background:#f8faf7;border:1px solid #dce5e0;border-radius:10px;grid-column:1/-1;gap:11px;padding:14px;display:grid}.screen-picker>strong{font-size:12px}.screen-picker>small{color:#758783;font-size:11px}.screen-picker .permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.transfer-context{background:#f2f7f4;border:1px solid #dce9e0;border-radius:9px;gap:4px;margin:0;padding:12px 13px;font-size:12px;display:grid}.transfer-context span,.transfer-context small{color:#647a74}.transfer-context span{font-weight:700}.dashboard-hero{color:#fff;background:radial-gradient(circle at 82% 0,#476e68 0,#0000 34%),linear-gradient(125deg,#152e36,#23454b);border-radius:18px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:17px;padding:29px 32px;display:flex;box-shadow:0 16px 38px #173c3c22}.dashboard-hero h1{letter-spacing:-.05em;margin:8px 0;font-size:clamp(30px,3vw,44px)}.dashboard-hero p{color:#c2d3d0;max-width:540px;margin:0;font-size:13px;line-height:1.5}.dashboard-hero .eyebrow{color:#edb873}.dashboard-hero-actions{align-items:center;gap:18px;display:flex}.record-note{color:#d5e2db;white-space:nowrap;align-items:center;gap:7px;font-size:11px;display:inline-flex}.flow-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.flow-card{text-align:left;min-width:0;color:var(--ink);box-shadow:var(--shadow);background:#fff;border:1px solid #dce6df;border-radius:13px;flex-direction:column;align-items:flex-start;gap:6px;padding:17px 17px 18px;display:flex;position:relative}.flow-card:not(:last-child):after{content:"→";z-index:2;color:#ad8060;font-size:18px;font-weight:800;position:absolute;top:45%;right:-11px}.flow-card:hover:not(:disabled){background:#fffdf8;border-color:#d5ab70}.flow-card:disabled{cursor:default}.flow-icon{color:#2f625b;background:#e9f2eb;border-radius:9px;place-items:center;width:33px;height:33px;margin-bottom:3px;display:grid}.flow-label{color:#748b83;text-transform:uppercase;letter-spacing:.09em;font-size:11px;font-weight:800}.flow-card strong{letter-spacing:-.035em;font-size:22px}.flow-card small{color:#8b9d98;font-size:11px}.dashboard-main-grid{grid-template-columns:minmax(0,1.8fr) minmax(285px,1fr);align-items:start;gap:17px;display:grid}.dashboard-main-grid>.section{margin:0}.dashboard-side{gap:17px;display:grid}.dashboard-side .section{margin:0}.overview-machines{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.equipment-card{border-color:#dbe5dd;border-radius:13px}.equipment-card:disabled{cursor:default}.equipment-card:disabled:hover{box-shadow:none;transform:none}.equipment-card .machine-drawing{background:linear-gradient(150deg,#e1eee8,#ecf1e8 60%,#f3e7d5);justify-content:center;align-items:center;height:137px;display:flex}.equipment-card .machine-drawing:after{display:none}.equipment-svg{filter:drop-shadow(0 8px 6px #34504a30);width:225px;height:128px}.machine-code-pill{color:#fff;letter-spacing:.05em;background:#24454b;border-radius:6px;padding:5px 8px;font-size:11px;font-weight:800;position:absolute;top:13px;left:13px}.equipment-card .machine-info{padding:14px 15px 16px}.equipment-card .machine-title{align-items:flex-start;gap:8px}.equipment-card .machine-title strong{font-size:13px;line-height:1.35}.equipment-card .badge{flex:none}.machine-output{flex-direction:column;gap:2px;padding:13px 0;display:flex}.machine-output strong{letter-spacing:-.04em;font-size:24px}.machine-output small{color:#7a8e87;font-size:10px}.machine-facts{border-top:1px solid #e1e9e2;gap:7px;padding-top:10px;display:grid}.machine-facts span{color:#81928e;justify-content:space-between;gap:8px;font-size:10px;display:flex}.machine-facts b{color:#405850;text-align:right;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stock-distribution{gap:13px;margin:0 0 14px;display:grid}.stock-kind>div{justify-content:space-between;gap:8px;font-size:11px;display:flex}.stock-kind strong{white-space:nowrap}.stock-kind i{background:#edf1ec;border-radius:20px;height:6px;margin-top:7px;display:block;overflow:hidden}.stock-kind i b{background:#54a186;border-radius:20px;height:100%;display:block}.attention-list{gap:10px;display:grid}.attention{color:#637b72;background:#f5f8f5;border-radius:9px;align-items:center;gap:9px;padding:10px;font-size:11px;display:flex}.attention span{flex:1}.attention b{color:#244e44;font-size:14px}.attention.warning{color:#a2632e;background:#fff3e8}.attention.warning b{color:#9e4e2c}.open-order-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.open-order-card{background:#f7f9f6;border:1px solid #e5ece5;border-radius:9px;gap:7px;padding:11px;display:grid}.open-order-card .code-tag{justify-self:start}.open-order-card b{font-size:12px}.open-order-card small{color:#72847d;font-size:10px}@media (max-width:1150px){.dashboard-main-grid{grid-template-columns:1fr}.dashboard-side{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:750px){.dashboard-hero{flex-direction:column;align-items:flex-start;padding:24px}.flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-card:nth-child(2):after{display:none}.dashboard-side{grid-template-columns:1fr}.open-order-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:550px){.dashboard-hero-actions{flex-wrap:wrap;justify-content:space-between;width:100%}.dashboard-hero p{font-size:12px}.flow-grid{gap:9px}.flow-card{padding:13px}.flow-card strong{font-size:18px}.overview-machines{grid-template-columns:1fr 1fr;gap:9px}.equipment-card .machine-drawing{height:104px}.equipment-svg{width:160px;height:101px}.equipment-card .machine-info{padding:11px}.equipment-card .machine-title{display:block}.equipment-card .machine-title .badge{margin-top:7px;display:inline-block}.equipment-card .machine-title strong{font-size:11px}.machine-output strong{font-size:17px}.machine-facts span{display:block}.machine-facts b{text-align:left;margin-top:3px;display:block}.open-order-grid,.screen-picker .permission-grid{grid-template-columns:1fr}}.order-search{color:#778985;background:#fff;border:1px solid #dce3df;border-radius:8px;align-items:center;gap:8px;width:100%;margin-bottom:12px;padding-left:11px;display:flex}.order-search:focus-within{border-color:#d69b55;box-shadow:0 0 0 3px #edb96d29}.order-search input[type=search]{width:100%;min-width:0;box-shadow:none;background:0 0;border:0;flex:1;padding-left:0}.order-search input[type=search]:focus{box-shadow:none;border:0}.order-search .icon-btn{flex:none;width:32px;height:32px;margin-right:4px}.label-print-layout{grid-template-columns:minmax(280px,1fr) minmax(320px,1.15fr);align-items:start;gap:18px;display:grid}.label-print-layout .section{min-width:0}.label-print-results{gap:7px;max-height:465px;margin-top:15px;display:grid;overflow:auto}.label-print-result{text-align:left;color:#23383a;background:#fafbf8;border:1px solid #e4eae5;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.label-print-result:hover,.label-print-result.selected{background:#fff8ed;border-color:#dda75f}.label-print-result span{min-width:0}.label-print-result strong,.label-print-result small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.label-print-result strong{font-size:12px}.label-print-result small{color:#718481;margin-top:4px;font-size:11px}.label-print-result b{white-space:nowrap;font-size:12px}.label-print-detail{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.label-print-detail>div{background:#f6f8f5;border-radius:9px;min-width:0;padding:13px}.label-print-detail small{color:#7a8d89;letter-spacing:.08em;margin-bottom:7px;font-size:10px;font-weight:800;display:block}.label-print-detail strong{overflow-wrap:anywhere;font-size:13px}.label-print-action{grid-column:1/-1;justify-content:center}.label-print-detail>.helper{grid-column:1/-1;margin:0}@media (max-width:900px){.label-print-layout{grid-template-columns:1fr}}@media (max-width:550px){.label-print-detail{grid-template-columns:1fr}}.production-page{gap:20px;display:grid}.production-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.production-heading h1{margin:5px 0;font-size:clamp(26px,3vw,38px)}.production-heading p{color:#637a76;margin:0}.production-filter{background:#fff;border:1px solid #dbe5de;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 17px;display:flex}.production-filter label{font-size:12px;font-weight:800}.production-filter select{width:min(280px,100%)}.production-filter small{color:#718481;flex:1;min-width:230px}.production-summary-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.production-summary-card{color:#fff;background:#1d3940;border-radius:16px;min-height:170px;padding:22px;position:relative;overflow:hidden}.production-summary-card.mixer{background:#365a50}.production-summary-card:after{content:"";border:1px solid #ffffff24;border-radius:50%;width:190px;height:190px;position:absolute;top:-90px;right:-70px;box-shadow:0 0 0 35px #ffffff0a,0 0 0 70px #ffffff08}.production-summary-icon{background:#ffffff21;border-radius:9px;place-items:center;width:35px;height:35px;margin-bottom:12px;display:grid}.production-summary-title{font-size:16px;font-weight:800}.production-summary-metrics{z-index:1;grid-template-columns:1fr 1fr;gap:14px;margin-top:17px;display:grid;position:relative}.production-summary-metrics>div+div{border-left:1px solid #ffffff3b;padding-left:17px}.production-summary-metrics small{color:#d7e5df;letter-spacing:.05em;font-size:10px;display:block}.production-summary-metrics strong{white-space:nowrap;margin-top:6px;font-size:clamp(20px,2.4vw,30px);display:block}.production-table-section table{min-width:650px}.production-table-section td:first-child strong,.production-table-section td:first-child small{display:block}.production-table-section td:first-child strong{font-size:14px}.production-table-section td:first-child small{color:#738680;margin-top:4px;font-size:11px}.production-type{color:#916126;letter-spacing:.07em;margin-right:8px;font-size:9px;font-weight:900;display:inline-block}.production-table-section tfoot{background:#eaf0ea;font-weight:800}.production-table-section tfoot td{border-top:2px solid #abbdb5}.production-empty{text-align:center;color:#768882;padding:23px!important}.production-machine-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.production-machine-card{background:#fbfcfa;border:1px solid #e0e8e2;border-radius:11px;overflow:hidden}.production-machine-art{background:#e8efea;place-items:center;height:118px;display:grid;position:relative}.production-machine-art svg{width:190px;max-width:100%;height:105px}.production-machine-art span{color:#fff;background:#193941;border-radius:5px;padding:5px 7px;font-size:11px;font-weight:900;position:absolute;top:10px;left:11px}.production-machine-body{padding:14px}.production-machine-body>strong,.production-machine-body>small{display:block}.production-machine-body>small{color:#758983;margin-top:3px}.production-machine-total,.production-machine-month{border-top:1px solid #e1e9e2;justify-content:space-between;gap:7px;margin-top:12px;padding-top:11px;font-size:11px;display:flex}.production-machine-total b{font-size:16px}.production-machine-shifts{color:#70847e;gap:5px;margin-top:10px;font-size:11px;display:grid}.production-machine-shifts span{justify-content:space-between;display:flex}.production-machine-shifts b,.production-machine-month b{color:#203d40}.report-filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.report-filters .field{min-width:0}.report-actions{flex-wrap:wrap;grid-column:1/-1;align-items:end;gap:9px;display:flex}.report-actions .field{min-width:180px}.report-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.report-kpi{background:#f5f8f4;border:1px solid #e0e8e2;border-radius:10px;padding:17px}.report-kpi small,.report-kpi strong{display:block}.report-kpi small{color:#6c817a}.report-kpi strong{margin-top:7px;font-size:23px}.trend-chart{gap:10px;max-height:430px;display:grid;overflow:auto}.trend-row{grid-template-columns:105px minmax(0,1fr) 100px;align-items:center;gap:10px;font-size:12px;display:grid}.trend-bars{background:#edf1ec;border-radius:5px;height:24px;display:flex;overflow:hidden}.trend-bars .crusher{background:#dba257}.trend-bars .mixer{background:#587e72}.trend-legend{color:#6b8078;gap:16px;margin-bottom:15px;font-size:11px;display:flex}.trend-legend i{border-radius:2px;width:10px;height:10px;margin-right:5px;display:inline-block}.trend-legend .crusher{background:#dba257}.trend-legend .mixer{background:#587e72}@media (max-width:1000px){.production-machine-grid,.report-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:650px){.production-heading{flex-direction:column;align-items:flex-start}.production-filter{flex-direction:column;align-items:stretch}.production-filter small{min-width:0}.production-summary-cards{grid-template-columns:1fr}.production-machine-grid{grid-template-columns:1fr 1fr}.production-machine-art{height:90px}.production-machine-art svg{height:80px}.production-machine-body{padding:10px}.production-machine-total{display:block}.production-machine-total b{margin-top:4px;display:block}.report-filters,.report-kpis{grid-template-columns:1fr}.trend-row{grid-template-columns:75px minmax(0,1fr) 76px;gap:5px;font-size:10px}}.calendar-field{position:relative}.calendar-trigger{text-align:left;color:#243b3d;cursor:pointer;width:100%;min-height:42px;font:inherit;background:#fff;border:1px solid #d8e2dc;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;padding:9px 11px;display:flex}.calendar-trigger:hover,.calendar-trigger[aria-expanded=true]{border-color:#d49c55;box-shadow:0 0 0 3px #edb96d24}.calendar-trigger svg{color:#708982;flex:none}.calendar-popover{z-index:20;background:#fff;border:1px solid #dce5df;border-radius:12px;width:320px;max-width:calc(100vw - 36px);padding:14px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 16px 40px #1a353030}.calendar-controls{grid-template-columns:30px 1fr 82px 30px;align-items:center;gap:5px;margin-bottom:12px;display:grid}.calendar-controls button{color:#284743;cursor:pointer;background:#edf2ed;border:0;border-radius:6px;place-items:center;height:32px;display:grid}.calendar-controls select{border:1px solid #dce5df;border-radius:6px;width:100%;min-width:0;height:32px;padding:3px;font-size:12px}.calendar-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.calendar-grid strong{color:#748981;padding:6px 0;font-size:11px}.calendar-grid button{color:#24403d;cursor:pointer;background:0 0;border:0;border-radius:6px;height:34px;font-size:12px}.calendar-grid button:hover{background:#edf2ed}.calendar-grid button.selected{color:#1a3035;background:#d99c4d;font-weight:900}.trend-chart{grid-template-columns:74px minmax(0,1fr);gap:10px;max-height:none;display:grid;overflow:visible}.trend-y-axis{color:#70847d;white-space:nowrap;flex-direction:column;justify-content:space-between;align-items:flex-end;height:220px;margin-top:25px;font-size:10px;display:flex}.trend-scroll{min-width:0;padding-bottom:8px;overflow-x:auto}.trend-columns{gap:5px;height:272px;display:grid}.trend-column{grid-template-rows:25px 220px 27px;place-items:end center;min-width:0;display:grid}.trend-column-value{white-space:nowrap;color:#344f4b;align-self:center;font-size:10px;font-weight:800}.trend-column-plot{background:repeating-linear-gradient(0deg,#e5ece7 0 1px,#0000 1px 25%);border-bottom:1px solid #9fb3ab;justify-content:center;align-items:flex-end;width:100%;height:220px;display:flex}.trend-column-stack{border-radius:4px 4px 0 0;flex-direction:column;width:min(52px,84%);min-height:0;display:flex;overflow:hidden}.trend-column-stack .crusher,.trend-column-stack .mixer{width:100%;display:block}.trend-column-stack .crusher{background:#dba257}.trend-column-stack .mixer{background:#587e72}.trend-column>strong{white-space:nowrap;color:#5e7670;align-self:center;font-size:10px;font-weight:700}@media (max-width:650px){.trend-chart{grid-template-columns:55px minmax(0,1fr);gap:6px}.trend-y-axis{font-size:9px}.calendar-popover{width:310px}}.trend-chart{width:100%;min-width:0;overflow:hidden}.trend-columns{gap:4px;width:100%;min-width:0}.trend-chart.dense .trend-columns{gap:2px}.trend-chart.very-dense .trend-columns{gap:0}.trend-chart.dense .trend-column-value{visibility:hidden;width:0;overflow:hidden}.trend-chart.dense .trend-column>strong{font-size:9px}.trend-chart.dense .trend-column-stack{width:64%}.trend-chart.very-dense .trend-column-stack{border-radius:0;width:100%}.trend-column{grid-template-columns:minmax(0,1fr);position:relative}.trend-column>strong{width:max-content;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.trend-column:first-child>strong{left:0;transform:none}.trend-column:last-child>strong{left:auto;right:0;transform:none}.trend-column-plot{background:repeating-linear-gradient(to top,#e5ece7 0,#e5ece7 1px,transparent 1px,transparent var(--trend-grid-step,25%))}.production-summary-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.production-summary-card{min-width:0;min-height:170px;padding:12px 14px}.production-summary-heading{z-index:1;align-items:center;gap:10px;min-height:32px;display:flex;position:relative}.production-summary-heading .production-summary-icon{flex:none;width:32px;height:32px;margin:0}.production-summary-heading .production-summary-title{font-size:14px}.production-summary-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:15px}.production-summary-metrics>div+div{border-top:0;border-left:1px solid #ffffff3b;padding:0 0 0 10px}.production-summary-metrics strong{font-size:clamp(18px,2vw,25px)}.production-summary-card.stock{color:#203a3b;background:#eef4ed;border:1px solid #dbe7dd}.production-summary-card.stock:after{display:none}.production-summary-card.stock .production-summary-icon{color:#325f50;background:#dce9dc}.stock-card-updated{color:#71867d;margin-top:2px;font-size:9px;display:block}.stock-pie-layout{grid-template-columns:120px minmax(0,1fr);align-items:center;gap:7px;margin-top:3px;display:grid}.stock-pie{width:120px;max-width:100%;height:120px;display:block}.stock-pie-side{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.stock-pie-total{letter-spacing:-.04em;font-size:clamp(16px,1.8vw,21px);line-height:1.1}.stock-pie-legend{gap:3px;width:100%;max-height:75px;display:grid;overflow-y:auto}.stock-pie-legend>div{align-items:flex-start;gap:5px;min-width:0;font-size:9px;line-height:1.35;display:flex}.stock-pie-legend i{border:1px solid #203a3b26;border-radius:2px;flex:none;width:8px;height:8px;margin-top:2px}.stock-pie-legend span{overflow-wrap:anywhere;white-space:normal;min-width:0}.stock-pie-warning{color:#9c4a2c;align-items:center;gap:3px;font-size:9px;font-weight:800;display:flex}.stock-card-link{color:#2b5d51;font:inherit;cursor:pointer;background:0 0;border:0;align-self:flex-start;margin-top:4px;padding:0;font-size:11px;font-weight:800}.stock-pie-side .stock-card-link{margin-top:0;font-size:10px}.stock-card-link:hover{text-decoration:underline}@media (max-width:650px){.production-summary-cards{grid-template-columns:1fr}.trend-chart{grid-template-columns:55px minmax(0,1fr)}.trend-column-value{visibility:hidden;width:0;overflow:hidden}}.stock-kind-filter{flex:none;margin-left:auto;position:relative}.stock-kind-button{color:#315b4d;white-space:nowrap;background:#fff;border:1px solid #c9d9cd;border-radius:8px;align-items:center;gap:5px;padding:6px 8px;font-size:11px;font-weight:800;display:inline-flex}.stock-kind-menu{z-index:5;background:#fff;border:1px solid #c9d9cd;border-radius:8px;min-width:110px;padding:4px;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 20px #132d281f}.stock-kind-menu button{text-align:left;color:#284b40;background:0 0;border:0;border-radius:5px;width:100%;padding:7px 9px;font-size:11px;display:block}.stock-kind-menu button:hover,.stock-kind-menu button[aria-checked=true]{background:#e8f1e9}.inventory-filters{margin-bottom:18px}.order-detail-page{gap:0;display:grid}.detail-metrics.order-performance{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:-10px}.order-performance>div{min-width:0}.order-performance strong{overflow-wrap:anywhere}.order-row .order-list-speed{color:#42665b;font-weight:700}.order-action-buttons{flex-wrap:wrap;gap:9px;margin:0 0 18px;display:flex}.order-action-modal{width:100%;max-width:min(92vw,820px);max-height:92vh;padding:20px}.order-action-modal-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.order-action-modal-head h2{margin:0;font-size:20px}.order-action-modal .section{box-shadow:none;margin:0;padding:14px}.order-action-modal .inline-form{align-items:stretch}.order-action-modal .inline-form .scan-input{min-width:min(100%,300px)}@media (max-width:650px){.order-action-modal{padding:13px}.order-action-modal .inline-form{grid-template-columns:1fr;display:grid}.order-action-modal .inline-form>*{width:100%}.order-action-buttons .btn{flex:140px}}.production-split-tables{gap:15px;display:grid}.production-split-table{border:1px solid #e0e8e2;border-radius:11px;min-width:0;overflow:hidden}.production-split-heading{background:#f2f6f2;justify-content:space-between;align-items:center;gap:12px;padding:12px 15px;display:flex}.production-split-table.mixer .production-split-heading{background:#edf4f1}.production-split-heading h3{color:#284a45;margin:0;font-size:14px}.production-scroll-hint,.production-table-narrow{display:none}.sidebar{overflow-y:auto}.production-split-table .table-scroll{overflow-x:auto}.production-split-table table{table-layout:fixed}.production-split-table.day th:first-child{width:40%}.production-split-table.day th:not(:first-child){width:15%}.production-split-table.month th:first-child{width:75%}.production-split-table.month th:last-child{width:25%}.production-split-table th:not(:first-child),.production-split-table td:not(:first-child){text-align:right}.production-split-table.month table{min-width:0}.production-split-table table{margin:0}.production-split-table td:first-child,.production-split-table th:first-child{min-width:220px}.production-machine-filters{flex-wrap:wrap;align-items:end;gap:11px;margin-bottom:16px;display:flex}.production-machine-filters .field{width:205px;max-width:100%}.production-machine-filters .btn{min-height:42px}.production-machine-message{color:#617973;margin:4px 0 16px;font-size:12px}.production-machine-message.error{color:#a34e36}.production-machine-capacity{border-top:1px solid #e1e9e2;gap:4px;margin-top:12px;padding-top:11px;display:grid}.production-machine-capacity>span{color:#668078;font-size:10px;font-weight:800}.production-machine-capacity strong{letter-spacing:-.035em;color:#244e47;font-size:19px}.production-machine-capacity small{color:#738881;font-size:10px;line-height:1.35}.production-machine-card.large-crusher .production-machine-art{background:#dce9e2}.production-machine-card.large-crusher .production-machine-art svg{width:225px;height:115px}.production-machine-card.small-crusher .production-machine-art svg{width:165px;height:94px}@media (max-width:650px){.production-scroll-hint{color:#6b8078;padding:7px 10px 0;font-size:10px;display:block}.production-machine-filters{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.production-machine-filters .field{width:auto}.production-machine-filters .btn{grid-column:1/-1}.production-split-table.day .table-scroll{overflow-x:visible}.production-split-table.day table{table-layout:fixed;width:100%;min-width:0}.production-split-table.day th:first-child{width:36%}.production-split-table.day th:not(:first-child){width:16%}.production-split-table.day th,.production-split-table.day td{white-space:normal;overflow-wrap:anywhere;min-width:0;padding:9px 3px;font-size:10px;line-height:1.25}.production-split-table.day th:first-child,.production-split-table.day td:first-child{text-align:left;padding-left:7px}.production-split-table.day th:last-child,.production-split-table.day td:last-child{padding-right:7px}.production-split-table.day td:not(:first-child){font-variant-numeric:tabular-nums;overflow-wrap:normal;word-break:normal}.production-split-table.day td:first-child strong{overflow-wrap:anywhere;font-size:10px}.production-split-table.day td:first-child small{overflow-wrap:anywhere;font-size:9px;line-height:1.2}.production-split-table.day .production-table-unit,.production-split-table.day .production-table-wide{display:none}.production-split-table.day .production-table-narrow{display:inline}.production-machine-card.large-crusher .production-machine-art svg{width:100%;height:85px}.production-machine-card.small-crusher .production-machine-art svg{width:145px;height:75px}}.sidebar nav{min-height:0;overflow-y:auto}.sidebar .brand{padding-bottom:20px}.sidebar-bottom{flex-shrink:0}.sidebar nav .nav-item{padding-top:10px;padding-bottom:10px}.workflow-backdrop{z-index:70}.workflow-modal{width:650px;max-width:94vw;max-height:90dvh;overflow:auto}.workflow-modal textarea{font:inherit;border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;padding:10px}.workflow-modal p{margin-bottom:0;font-size:13px;line-height:1.6}.workflow-filters{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-items:end;gap:14px;margin-bottom:18px;display:grid}.workflow-summary{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px;display:grid}.workflow-summary>div{border:1px solid var(--line);background:#fff;border-radius:12px;padding:18px}.workflow-summary span{color:var(--muted);font-size:10px;font-weight:800}.workflow-summary strong{margin-top:10px;font-size:24px;display:block}.event-list{gap:10px;display:grid}.event-row{border:1px solid var(--line);background:#f8faf7;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:14px;display:grid}.event-meta{flex-direction:column;align-items:flex-start;gap:7px;min-width:0;display:flex}.event-meta>strong{overflow-wrap:anywhere;font-size:13px}.event-meta small{color:#627578;font-size:11px;line-height:1.4}.event-meta p{overflow-wrap:anywhere;margin:0;font-size:12px}.event-value{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.event-value b{white-space:nowrap;font-size:15px}.event-value .link-button{align-items:center;gap:5px;min-height:36px;display:flex}.audit-details{grid-column:1/-1}.audit-details summary{cursor:pointer;color:#7b592a;align-items:center;gap:6px;padding:8px 0;font-size:11px;display:flex}.audit-columns{grid-template-columns:1fr 1fr;gap:12px;font-size:12px;display:grid}.audit-columns>div{background:#fff;border-radius:8px;min-width:0;padding:12px}.audit-values{gap:6px;margin-bottom:0;display:grid}.audit-values>div{flex-wrap:wrap;gap:6px;display:flex}.audit-values dt{color:var(--muted)}.audit-values dd{overflow-wrap:anywhere;max-width:100%;margin:0;font-size:11px}.workflow-pages{justify-content:center;margin-top:15px;font-size:12px}.bag-machine-filter{max-width:260px;margin-bottom:16px}.bag-progress-grid{grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:12px;display:grid}.bag-progress-card{border:1px solid var(--line);background:#f8faf6;border-radius:12px;gap:11px;min-width:0;padding:16px;display:grid}.bag-progress-card>div:first-child{justify-content:space-between;align-items:center;gap:8px;display:flex}.bag-progress-card strong{overflow-wrap:anywhere;font-size:13px}.bag-progress-card small{color:#647776;font-size:11px;line-height:1.5}.bag-amounts{flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:12px;display:flex}.bag-amounts span{color:#8c642c}.bag-progress-card progress,.bom-progress progress{width:100%;height:9px;accent-color:var(--green);background:#e5ece7;border:0;border-radius:5px;overflow:hidden}.bag-progress-card progress::-webkit-progress-bar{background:#e5ece7;border-radius:5px}.bom-progress progress::-webkit-progress-bar{background:#e5ece7;border-radius:5px}.bag-progress-card progress::-webkit-progress-value{background:var(--green);border-radius:5px}.bom-progress progress::-webkit-progress-value{background:var(--green);border-radius:5px}.bom-progress{border:1px solid var(--line);background:#f8faf7;border-radius:12px;margin-top:15px;padding:18px}.bom-progress h3{margin-bottom:6px;font-size:14px}.bom-progress-row{border-top:1px solid var(--line);gap:10px;padding:14px 0;display:grid}.bom-progress-row strong,.bom-progress-row small{display:block}.bom-progress-row strong{font-size:12px}.bom-progress-row small{color:var(--muted);margin-top:4px;font-size:11px}.bom-quantities{flex-wrap:wrap;gap:10px 22px;font-size:11px;display:flex}.bom-quantities b{color:#32574d;display:inline!important}.bom-ratio{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.compact-history>div:has(.link-button){grid-template-columns:minmax(0,1fr) auto auto auto}@media (max-width:700px){.workflow-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.workflow-summary{gap:7px}.workflow-summary>div{padding:12px 9px}.workflow-summary strong{font-size:17px}.bag-progress-grid{grid-template-columns:1fr}.event-row{gap:8px;padding:11px}.event-value b{font-size:12px}.event-value .btn{padding:8px;font-size:11px}.audit-columns{grid-template-columns:1fr}.compact-history>div:has(.link-button){grid-template-columns:1fr auto}.compact-history>div:has(.link-button) small{grid-column:1/-1}.workflow-modal .button-row .btn{white-space:normal}.bom-progress{padding:12px}.workflow-modal{padding:18px}}@media screen and (max-width:1100px){.two-cols{grid-template-columns:minmax(0,1fr)}.section-head>div,.page-heading>div{min-width:0}.section-head h2,.section-head p,.page-heading h1,.page-heading p{overflow-wrap:anywhere}.scan-input{min-width:0}.label-print-layout{grid-template-columns:minmax(0,1fr)}.label-print-results{min-width:0}.label-print-result span{flex:1;min-width:0}.calendar-popover{width:min(320px,100vw - 32px);max-width:none}.calendar-field:nth-child(2n) .calendar-popover{left:auto;right:0}.modal-backdrop{padding:12px}.scanner-panel,.detail-modal{overscroll-behavior:contain;min-width:0;max-height:calc(100dvh - 24px)}.sidebar{max-width:calc(100vw - 32px);height:100dvh}.brand{flex-shrink:0}.sidebar nav .nav-item{min-height:44px}.table-scroll{min-width:0;max-width:100%;overflow:visible}.responsive-table{width:100%;min-width:0;display:block;position:relative}.responsive-table thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.responsive-table tbody,.responsive-table tfoot{gap:12px;width:100%;min-width:0;display:grid}.responsive-table tbody>tr,.responsive-table tfoot>tr{border:1px solid var(--line);background:#f8faf7;border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;padding:13px;display:grid}.responsive-table tr.negative-row{background:#fff7f3;border-color:#ebc8b9}.responsive-table td{white-space:normal;overflow-wrap:anywhere;border:0;min-width:0;padding:0;font-size:13px;line-height:1.45;display:block}.responsive-table td:before{content:attr(data-label);color:#607873;letter-spacing:.025em;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.responsive-table td:first-child,.responsive-table td[data-wide=true]{grid-column:1/-1}.responsive-table td[data-wide=true]:before{display:none}.responsive-table td strong{font-size:13px}.responsive-table td small{color:#647975;font-size:11px;line-height:1.45}.responsive-table .badge{white-space:normal}.responsive-table .link-button{text-align:left;min-height:44px;padding:8px 0}.responsive-table td:last-child:has(button){grid-column:1/-1}}@media screen and (max-width:700px){.page-heading{flex-wrap:wrap}.page-heading>.button-row{width:100%}.form-grid,.form-grid.compact,.report-filters,.workflow-filters{grid-template-columns:minmax(0,1fr)}.inventory-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-filters>.scan-input{grid-column:1/-1}.form-grid>.field,.form-grid>select,.form-grid>input{min-width:0;max-width:100%}.field input,.field select,input:not([type=checkbox]),select,textarea{min-height:44px;font-size:16px}.check{align-items:flex-start;min-height:40px;line-height:1.5}.check input{flex:none;width:18px;height:18px;margin-top:4px}.icon-btn{flex-shrink:0;width:44px;min-width:44px;height:44px;min-height:44px}.btn{white-space:normal;text-align:center;max-width:100%;min-height:44px;line-height:1.4}.btn svg{flex:none}.form-actions,.button-row{flex-wrap:wrap}.form-actions .btn{flex:160px}.inline-form{min-width:0}.inline-form>*{min-width:0;max-width:100%}.mini-row{flex-wrap:wrap;gap:8px}.mini-row>div:not(.avatar){flex:130px}.mini-row b,.mini-row small{white-space:normal;text-overflow:clip;overflow-wrap:anywhere;overflow:visible}.mini-row .code-tag{white-space:normal;overflow-wrap:anywhere;max-width:100%;overflow:visible}.mini-row .link-button{min-height:44px}.mini-row>.button-row{flex-basis:100%;justify-content:flex-end}.code-tag{overflow-wrap:anywhere;white-space:normal;max-width:100%}.order-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:12px;display:grid}.order-row .order-code{white-space:normal;overflow-wrap:anywhere;grid-column:1/-1}.order-row b,.order-row small{white-space:normal;overflow-wrap:anywhere;overflow:visible}.detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-metrics>div,.metric{min-width:0}.detail-metrics strong,.metric strong{overflow-wrap:anywhere}.detail-note{overflow-wrap:anywhere;line-height:1.5}.order-action-modal{max-width:100%;max-height:calc(100dvh - 24px);padding:12px}.order-action-modal-head{align-items:flex-start;gap:10px}.order-action-modal-head h2{overflow-wrap:anywhere;min-width:0;font-size:18px;line-height:1.4}.order-action-modal .section{padding:12px}.order-action-buttons{grid-template-columns:minmax(0,1fr);display:grid}:is(.compact-history>div,.compact-history>div:has(.link-button),.history-list>div){grid-template-columns:minmax(0,1fr);gap:7px}.compact-history small,.history-list small{grid-column:auto;line-height:1.5}.compact-history span,.compact-history b,.history-list span,.history-list b{overflow-wrap:anywhere}.compact-history .link-button{justify-self:start;min-height:44px}.event-row{grid-template-columns:minmax(0,1fr)}.event-value{flex-flow:wrap;justify-content:space-between;align-items:center;min-width:0}.event-value b{white-space:normal;overflow-wrap:anywhere;font-size:14px}.event-meta small,.event-meta b{overflow-wrap:anywhere}.workflow-summary{grid-template-columns:minmax(0,1fr);gap:8px}.workflow-summary>div{justify-content:space-between;align-items:center;gap:10px;padding:14px;display:flex}.workflow-summary strong{overflow-wrap:anywhere;margin-top:0}.bag-progress-card>div:first-child{flex-wrap:wrap}.bag-progress-card>div:first-child strong{min-width:0}.bag-progress-card .button-row>.btn{flex:160px}.bom-box>div{flex-wrap:wrap;gap:10px}.bom-progress-row>div{overflow-wrap:anywhere;min-width:0}.bom-quantities{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.bom-quantities span,.bom-ratio span{overflow-wrap:anywhere;white-space:normal}.label-print-result{align-items:flex-start;gap:8px;padding:11px}.label-print-result strong,.label-print-result small{white-space:normal;text-overflow:clip;overflow-wrap:anywhere;overflow:visible}.label-print-result b{white-space:normal;overflow-wrap:anywhere;text-align:right;flex:none;max-width:40%}.receipt-label-product{overflow-wrap:anywhere;flex-basis:100%;min-width:0}.receipt-history summary strong,.receipt-label-row .code-tag{overflow-wrap:anywhere}.receipt-history-body{padding:12px}.receipt-history-body>.btn{white-space:normal;width:100%}.label-print-action{white-space:normal}.calendar-popover{z-index:80;width:min(340px,100vw - 32px);max-height:calc(100dvh - 32px);position:fixed;top:50%;overflow-y:auto;transform:translate(-50%,-50%);left:50%!important;right:auto!important}.calendar-controls{grid-template-columns:36px minmax(0,1fr) 78px 36px;gap:4px}.calendar-controls select{height:36px;min-height:36px;font-size:14px}.calendar-grid button{height:40px;font-size:14px}.calendar-trigger{min-height:44px;font-size:16px}.camera-frame{height:min(300px,45dvh)}.workflow-modal,.scanner-panel,.detail-modal{width:100%;max-width:100%;padding:15px}.workflow-modal p,.scanner-panel p{overflow-wrap:anywhere}.workflow-modal .button-row>.btn{flex:160px}.toast{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));overflow-wrap:anywhere;max-width:calc(100vw - 24px);line-height:1.5}.toast button{flex:none;min-width:36px;min-height:36px}.production-summary-heading>div:not(.stock-kind-filter){flex:1;min-width:0}.production-summary-heading{flex-wrap:wrap;gap:8px}.production-summary-title,.stock-pie-total{overflow-wrap:anywhere}.stock-pie-legend span{white-space:normal;overflow-wrap:anywhere;overflow:visible}.production-machine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.production-machine-body{min-width:0}.production-machine-body small,.production-machine-body strong,.production-machine-capacity strong,.production-machine-total b{overflow-wrap:anywhere}.production-split-table .table-scroll{overflow:visible}.production-split-table.month th,.production-split-table.month td{white-space:normal;overflow-wrap:anywhere;min-width:0;padding:10px 8px;line-height:1.4}.production-split-table.month th:first-child{width:60%}.production-split-table.month th:last-child{width:40%}.production-split-table.month td strong,.production-split-table.month td small,.production-split-table.day td:not(:first-child){overflow-wrap:anywhere}.trend-scroll{overflow:visible}.login-form-wrap{padding:24px 18px}.login-card{min-width:0;max-width:100%}.breadcrumbs{overflow-wrap:anywhere;min-width:0;line-height:1.4}.top-actions{flex:none}}@media screen and (max-width:360px){.production-machine-grid,.inventory-filters{grid-template-columns:minmax(0,1fr)}.stock-pie-layout{grid-template-columns:100px minmax(0,1fr)}.stock-pie{width:100px;height:100px}.production-summary-heading .stock-kind-filter{margin-left:auto}.production-summary-metrics{grid-template-columns:minmax(0,1fr)}.production-summary-metrics>div+div{border-top:1px solid #ffffff3b;border-left:0;padding:10px 0 0}}@media screen{body:has(.modal-backdrop){overflow:hidden}}@media screen and (max-width:700px){.metric-grid{grid-template-columns:minmax(0,1fr);gap:8px}.metric-grid .metric{justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:14px;display:flex}.metric-grid .metric>span{max-width:50%;line-height:1.4}.metric-grid .metric strong{text-align:right;min-width:0;margin:0;font-size:20px}.brand{gap:8px;padding-left:0;padding-right:0}.brand>div:not(.brand-icon){flex:1;min-width:0}.brand strong{overflow-wrap:anywhere;font-size:12px}.brand span{letter-spacing:.07em;white-space:normal;font-size:8px}.brand .brand-icon{width:36px;height:36px}.brand .mobile-close{margin-left:0}}@media screen and (min-width:851px) and (max-width:1100px){.sidebar{z-index:22;transition:transform .2s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.mobile-close,.mobile-menu{display:inline-flex}.mobile-close{color:#fff;margin-left:auto}.mobile-shade{z-index:21;background:#0008;display:block;position:fixed;inset:0}.brand{gap:8px;padding-left:0;padding-right:0}.brand>div:not(.brand-icon){flex:1;min-width:0}.brand strong{overflow-wrap:anywhere;font-size:12px}.brand span{letter-spacing:.07em;white-space:normal;font-size:8px}.brand .brand-icon{width:36px;height:36px}.brand .mobile-close{margin-left:0}}@media screen and (max-width:1100px){.user-box>div:not(.avatar){min-width:0}.user-box strong,.user-box small{overflow-wrap:anywhere}}.btn.danger{color:#943927;background:#fff2ef;border-color:#e6b5a9}.btn.danger:hover{background:#ffe4dd}.input-bag-summary{border:1px solid var(--line);background:var(--paper);overflow-wrap:anywhere;border-radius:12px;padding:16px}.input-bag-summary>strong,.input-bag-summary>b{display:block}.input-bag-summary>b{margin-top:6px;font-size:1.35rem}.input-bag-summary>span{color:var(--muted);font-size:.8rem}.order-identity{overflow-wrap:anywhere;background:#f0f5f2;border:1px solid #cfddd4;border-left:5px solid #285947;border-radius:14px;min-width:0;margin-bottom:16px;padding:18px}.order-identity.mixer{background:#faf7ef;border-left-color:#936d30}.identity-top,.identity-tags,.execution-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.identity-top{letter-spacing:.06em;justify-content:space-between;font-size:12px}.identity-product{color:#17382b;letter-spacing:.02em;margin-top:12px;font-size:clamp(24px,4vw,38px);line-height:1.2;display:block}.order-identity p{color:#3a4f44;margin:8px 0 12px}.identity-tags span,.identity-tags b{background:#ffffffb3;border:1px solid #dce4dc;border-radius:7px;padding:5px 9px;font-size:13px}.identity-lot{border-top:1px solid #cbd8cc;flex-direction:column;gap:5px;margin-top:14px;padding-top:12px;display:flex}.identity-lot b{font-size:20px}.identity-lot span{font-size:13px}.execution-controls{margin-bottom:16px}.execution-controls small{color:#5d6e63}.execution-working{color:#174c30;background:#d9eee2}.execution-waiting{color:#76510b;background:#fff0ce}.execution-planned{color:#3c5264;background:#e8edf2}.order-list-product{color:#193f30;font-size:18px}.order-manager-tools{justify-content:flex-end;margin:14px 0;display:flex}.wizard-fields{border:0;gap:16px;min-width:0;margin:0;padding:0;display:grid}.wizard-fields .check{margin-top:10px}.correction-preview{background:#f4f7f4;border:1px solid #d5e0d5;border-radius:12px;min-width:0;padding:16px}.preview-amounts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.preview-amounts span{flex-direction:column;gap:6px;font-size:13px;display:flex}.preview-amounts b{font-size:21px}.reprint-required{background:#fff6dc;border:1px solid #e6d39d;border-radius:10px;margin:12px 0;padding:15px}.reprint-required p{color:#725514}.report-lot-age{margin-top:18px}.report-lot-age summary{cursor:pointer;margin-bottom:14px}@media (max-width:600px){.order-identity{padding:13px}.identity-tags{gap:6px}.identity-tags span,.identity-tags b{font-size:12px}.execution-controls .btn{flex:1}.execution-controls small{width:100%}.order-manager-tools{justify-content:stretch}.order-manager-tools>.btn{width:100%}.reprint-required .button-row{flex-direction:column;align-items:stretch}.correction-preview{padding:12px}.preview-amounts b{font-size:18px}.wizard-fields select{width:100%;min-width:0}}.refresh-button:disabled{cursor:wait;opacity:.65}.refresh-button.refreshing svg{animation:.8s linear infinite spin}@media (prefers-reduced-motion:reduce){.refresh-button.refreshing svg{animation:none}}
:root{--ag-brand:#8b169c;--ag-brand-deep:#6b1775;--ag-brand-accent:#ba5fca;--ag-brand-slate:#505568;--ag-brand-muted:#656975;--ag-brand-coolgray:#cbd0d4}.ag-app,.ag-login{--ag-ink:#373747;--ag-primary:var(--ag-brand);--ag-primary-hover:var(--ag-brand-deep);--ag-accent:var(--ag-brand-accent);--ag-deep:#3b1647;--ag-green:var(--ag-brand);--ag-muted:var(--ag-brand-muted);--ag-line:#dfe2e9;--ag-paper:#f5f6f9;--ag-surface:#fff;--ag-tint:#f6edf8;--ag-tint-strong:#efddf3;--ag-orange:#ad7623;--ag-shadow:0 3px 16px #34304605;color:var(--ag-ink);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,Helvetica,sans-serif;font-size:14px;line-height:1.5}.ag-app *,.ag-login *{box-sizing:border-box}.ag-app{background:var(--ag-paper);min-height:100vh;display:flex}.ag-app button,.ag-login button,.ag-app input,.ag-app select,.ag-app textarea,.ag-login input{font:inherit}.ag-app button,.ag-login button{cursor:pointer}.ag-app button:disabled,.ag-login button:disabled{opacity:.45;cursor:not-allowed}.ag-app a{text-decoration:none}.ag-app h1,.ag-app h2,.ag-app h3,.ag-app p,.ag-login h1,.ag-login p{margin:0}.ag-app a:focus-visible,.ag-app button:focus-visible,.ag-login button:focus-visible{outline-offset:3px;outline:3px solid #ba5fca88}.ag-app button,.ag-login button,.ag-app a{-webkit-tap-highlight-color:transparent}.ag-brand{color:var(--ag-primary);background:#fff;border:1px solid #ffffff9c;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;margin:0 4px 27px;padding:13px 12px 16px;display:flex}.ag-brand-logo{aspect-ratio:192/126;object-fit:contain;flex:none;width:144px;height:auto;display:block}.ag-brand-caption,.ag-brand small{color:var(--ag-brand-slate);letter-spacing:1.5px;text-align:center;margin:0;font-size:9px;font-weight:700;line-height:1.4;display:block}.ag-top-symbol{object-fit:contain;flex:none;width:28px;height:28px;display:block}.ag-brand-symbol{object-fit:contain;width:34px;height:34px;display:block}.ag-brandmark{background:var(--ag-tint);width:42px;height:42px;color:var(--ag-primary);border-radius:10px;flex:none;place-items:center;display:grid}.ag-wordmark{letter-spacing:-1px;font-weight:800;line-height:1.1;font-size:25px!important}.ag-shell-nav{color:#fff;z-index:30;scrollbar-width:thin;scrollbar-color:#a25aa6 transparent;background:linear-gradient(168deg,#6b1775 0%,#48144f 63%,#38133f 100%);flex-direction:column;flex:0 0 248px;width:248px;height:100vh;padding:24px 15px 20px;display:flex;position:sticky;top:0;overflow:auto}.ag-nav-caption{color:#ddc5e3;letter-spacing:1.65px;margin:0 14px 10px;font-size:10px;font-weight:650}.ag-shell-nav nav{gap:4px;display:grid}.ag-nav-button{color:#ebddef;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:11px;width:100%;min-height:44px;padding:10px 13px;font-weight:550;transition:background .15s,color .15s,border-color .15s;display:flex;font-size:12px!important}.ag-nav-button svg{opacity:.82;flex:none}.ag-nav-button:hover{color:#fff;background:#ffffff13}.ag-nav-button.active{color:var(--ag-brand-deep);background:#fff;border-color:#ffffff25;font-weight:700;box-shadow:0 3px 12px #23052914}.ag-nav-button.active svg{opacity:1;color:var(--ag-primary)}.ag-nav-button span{flex:1}.ag-nav-count{background:var(--ag-tint-strong);color:var(--ag-primary);border-radius:5px;padding:2px 7px;font-size:10px}.ag-nav-divider{background:#ffffff20;height:1px;margin:22px 12px}.ag-nav-footer{margin-top:auto;padding:26px 12px 0}.ag-local{color:#dfcce4;align-items:center;gap:7px;margin-bottom:18px;font-size:11px;display:flex}.ag-dot{background:#bf9bd0;border-radius:50%;flex:none;width:6px;height:6px;display:inline-block}.ag-user{align-items:center;gap:10px;display:flex}.ag-avatar{color:#fff;background:#ffffff1d;border-radius:10px;flex:none;place-items:center;width:35px;height:35px;font-weight:700;display:grid}.ag-user strong{font-size:12px;display:block}.ag-user small{color:#d9bfdf;margin-top:2px;font-size:10px;display:block}.ag-signout{color:#ebddef;background:0 0;border:0;border-radius:6px;margin-left:auto;padding:7px}.ag-signout:hover{background:#ffffff15}.ag-main{flex:1;min-width:0}.ag-topbar{border-bottom:1px solid var(--ag-line);border-top:3px solid var(--ag-brand);background:#fff;justify-content:space-between;align-items:center;gap:14px;height:76px;padding:0 34px;display:flex}.ag-breadcrumb{color:#81838f;align-items:center;gap:10px;font-size:12px;display:flex}.ag-breadcrumb strong{color:var(--ag-brand-slate);font-weight:600}.ag-top-right{color:var(--ag-muted);align-items:center;gap:14px;font-size:12px;display:flex}.ag-top-pill{border:1px solid var(--ag-line);white-space:nowrap;background:#fafbfc;border-radius:6px;align-items:center;gap:7px;padding:6px 10px;font-size:11px;display:inline-flex}.ag-top-pill .ag-dot{background:var(--ag-brand-accent)}.ag-iconbutton{border:1px solid var(--ag-line);min-width:36px;height:36px;color:var(--ag-brand-slate);background:#fff;border-radius:8px;place-items:center;padding:7px;display:inline-grid}.ag-iconbutton:hover{background:var(--ag-tint);color:var(--ag-primary);border-color:#d8b5df}.ag-mobile-toggle,.ag-mobile-close{display:none}.ag-content{max-width:1640px;margin:auto;padding:34px 34px 68px}.ag-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.ag-heading h1{color:#33333f;letter-spacing:-.85px;margin-bottom:9px;font-size:31px;font-weight:700;line-height:1.16}.ag-heading p{color:var(--ag-muted);max-width:750px;font-size:13px;line-height:1.65}.ag-overline{color:var(--ag-primary);letter-spacing:1.75px;margin-bottom:10px;font-size:10px;font-weight:750;display:block}.ag-btn{border:1px solid var(--ag-primary);background:var(--ag-primary);color:#fff;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 16px;font-weight:650;line-height:1.3;transition:background .15s,border-color .15s,box-shadow .15s;display:inline-flex;font-size:12px!important}.ag-btn:hover{background:var(--ag-primary-hover);border-color:var(--ag-primary-hover);box-shadow:0 3px 9px #8b169c17}.ag-btn.secondary{color:var(--ag-brand-slate);background:#fff;border-color:#d8dbe4}.ag-btn.secondary:hover{background:var(--ag-tint);color:var(--ag-primary-hover);border-color:#d5acde}.ag-btn.ghost{background:var(--ag-tint);color:var(--ag-primary);border-color:#0000}.ag-btn.danger{color:#fff;background:#b74848;border-color:#b74848}.ag-btn.small{min-height:32px;padding:7px 10px;font-size:11px!important}.ag-btn.light{color:var(--ag-brand-deep);background:#f6edf8;border-color:#e7d6eb}.ag-btn.full{width:100%}.ag-buttons{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ag-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.ag-form.three{grid-template-columns:repeat(3,minmax(0,1fr))}.ag-form.four{grid-template-columns:repeat(4,minmax(0,1fr))}.ag-field{flex-direction:column;gap:7px;min-width:0;display:flex}.ag-field>span{color:var(--ag-brand-slate);font-size:12px;font-weight:650}.ag-field input:not([type=checkbox]),.ag-field select,.ag-field textarea,.ag-filter-input{width:100%;min-width:0;line-height:1.4;color:#383944!important;background:#fff!important;border:1px solid #d7dbe3!important;border-radius:7px!important;outline:none!important;height:43px!important;min-height:43px!important;padding:10px 12px!important;font-size:13px!important}.ag-field textarea{resize:vertical;height:88px!important}.ag-field input:focus,.ag-field select:focus,.ag-field textarea:focus,.ag-filter-input:focus{border-color:var(--ag-primary)!important;box-shadow:0 0 0 3px #8b169c12!important}.ag-field input:disabled,.ag-field select:disabled{color:#90939e!important;background:#f1f2f5!important}.ag-field input[readonly]{color:var(--ag-brand-slate)!important;background:#f7f7fa!important}.ag-field small{color:var(--ag-muted);font-size:11px;line-height:1.5}.ag-span-all{grid-column:1/-1}.ag-form-actions{grid-column:1/-1;justify-content:flex-end;align-items:center;gap:8px;padding-top:8px;display:flex}.ag-form-note{color:var(--ag-brand-slate);background:#faf5fb;border:1px solid #e9dcec;border-radius:8px;grid-column:1/-1;padding:13px 15px;font-size:12px;line-height:1.7}.ag-form-note strong{color:var(--ag-primary-hover)}.ag-form-note.warning{color:#8c641f;background:#fff8eb;border-color:#ead9b9}.ag-inline-note{color:var(--ag-muted);font-size:12px;line-height:1.65}.ag-checkbox{color:var(--ag-brand-slate);align-items:center;gap:9px;min-height:40px;font-size:12px;display:flex}.ag-checkbox input{accent-color:var(--ag-primary);flex:none;width:16px;height:16px;margin:0}.ag-scanfield{background:#fff;border:1px solid #d7dbe3;border-radius:7px;align-items:center;gap:3px;min-width:0;padding-right:4px;display:flex}.ag-scanfield:focus-within{border-color:var(--ag-primary);box-shadow:0 0 0 3px #8b169c12}.ag-scanfield input{box-shadow:none!important;background:0 0!important;border:0!important}.ag-scanfield>svg{flex:none;color:var(--ag-muted)!important}.ag-scanfield .ag-iconbutton{background:var(--ag-tint);color:var(--ag-primary);border:0;flex:none}.ag-filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.ag-filter-input{max-width:290px}.ag-filters select{min-width:180px;max-width:250px;height:43px;color:var(--ag-brand-slate);background:#fff;border:1px solid #d7dbe3;border-radius:7px;padding:10px 12px;font-size:12px}.ag-card{border:1px solid var(--ag-line);background:var(--ag-surface);min-width:0;box-shadow:var(--ag-shadow);border-radius:12px;margin-bottom:22px;padding:24px}.ag-cardhead{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.ag-cardhead h2{letter-spacing:-.3px;color:#3c3b48;font-size:17px;font-weight:700}.ag-cardhead p{color:var(--ag-muted);margin-top:6px;font-size:12px;line-height:1.65}.ag-cardhead .ag-overline{margin-bottom:7px}.ag-cardhead .ag-btn{margin-top:-2px}.ag-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px;display:grid}.ag-kpi{border:1px solid var(--ag-line);box-shadow:var(--ag-shadow);background:#fff;border-radius:12px;padding:22px;position:relative;overflow:hidden}.ag-kpi:before{content:"";background:#c9a4d2;border-radius:0 0 3px 3px;width:28px;height:3px;position:absolute;top:0;left:22px}.ag-kpi.dark{color:#fff;background:linear-gradient(135deg,#8b169c,#6b1775);border-color:#7c168b}.ag-kpi.dark:before{background:#e1b7ec}.ag-kpi-label{color:var(--ag-brand-slate);justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.ag-kpi-label svg{color:var(--ag-primary)}.ag-kpi.dark .ag-kpi-label,.ag-kpi.dark .ag-kpi-label svg{color:#f0d9f5}.ag-kpi-value{letter-spacing:-1px;margin:17px 0 9px;font-size:32px;font-weight:700;line-height:1.2}.ag-kpi-value small{letter-spacing:0;color:var(--ag-muted);margin-left:6px;font-weight:450;font-size:14px!important}.ag-kpi small{color:var(--ag-muted);font-size:11px}.ag-kpi.dark .ag-kpi-value small,.ag-kpi.dark>small{color:#f0d9f5}.ag-grid-2{grid-template-columns:1fr 1fr;align-items:start;gap:22px;display:grid}.ag-grid-2>*{min-width:0}.ag-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.ag-flow{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.ag-flow-step{background:#faf8fc;border:1px solid #e9dfee;border-radius:9px;min-height:119px;padding:16px 14px;transition:border-color .15s,background .15s,transform .15s;position:relative}.ag-flow-step:hover{background:var(--ag-tint);border-color:#c99ad4;transform:translateY(-2px)}.ag-flow-step:after{content:"›";z-index:1;color:#b9a0c1;font-size:24px;position:absolute;top:42px;right:-11px}.ag-flow-step:last-child:after{display:none}.ag-flow-step span{color:#94719f;justify-content:space-between;align-items:center;font-size:11px;font-weight:650;display:flex}.ag-flow-step span svg{color:var(--ag-primary)}.ag-flow-step strong{color:#493c54;margin-top:17px;font-size:13px;font-weight:650;display:block}.ag-flow-step small{color:var(--ag-muted);margin-top:5px;font-size:11px;display:block}.ag-equipment-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.ag-equipment{background:#fbfbfd;border:1px solid #e0e2e9;border-radius:10px;min-width:0;padding:19px}.ag-equipment-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:18px;display:flex}.ag-equipment-icon{background:var(--ag-tint);width:36px;height:36px;color:var(--ag-primary);border-radius:9px;place-items:center;display:grid}.ag-equipment strong{color:#434050;font-size:14px}.ag-equipment small{color:var(--ag-muted);margin-top:5px;font-size:11px;display:block}.ag-equipment-amount{justify-content:space-between;align-items:baseline;gap:8px;margin:20px 0 10px;font-size:12px;display:flex}.ag-equipment-amount b{letter-spacing:-.55px;font-size:23px}.ag-equipment-amount span{color:var(--ag-muted);font-size:11px}.ag-progress{background:#e6e0ec;border-radius:8px;height:6px;overflow:hidden}.ag-progress span{background:linear-gradient(90deg,#8b169c,#ba5fca);border-radius:8px;max-width:100%;height:100%;display:block}.ag-progress.warn span{background:#ba832b}.ag-badge{background:var(--ag-tint);color:var(--ag-brand-deep);white-space:nowrap;border-radius:5px;align-items:center;padding:5px 8px;font-size:10px;font-weight:700;line-height:1.3;display:inline-flex}.ag-badge.green{color:#7a1b8a;background:#f1e4f5}.ag-badge.amber{color:#90641d;background:#fff3dc}.ag-badge.gray{color:var(--ag-brand-muted);background:#eceef2}.ag-badge.red{color:#aa4141;background:#feebea}.ag-fifo-list{gap:8px;margin-top:15px;display:grid}.ag-fifo-layer{background:#fff;border:1px solid #e5e2eb;border-radius:7px;justify-content:space-between;align-items:center;gap:11px;padding:11px 12px;font-size:12px;display:flex}.ag-fifo-layer strong{font-size:12px}.ag-fifo-layer small{color:var(--ag-muted);font-size:10px}.ag-fifo-layer.first{border-left:3px solid var(--ag-primary)}.ag-equipment .ag-btn{margin-top:15px}.ag-lineage{flex-wrap:wrap;gap:5px;display:flex}.ag-lineage span{color:#7c458a;background:#faf5fc;border:1px solid #e3d4e9;border-radius:5px;padding:4px 6px;font-size:11px}.ag-tablewrap{border:1px solid var(--ag-line);scrollbar-width:thin;border-radius:9px;width:100%;overflow-x:auto}.ag-table{border-collapse:collapse;width:100%;min-width:560px;font-size:12px;table-layout:auto!important;margin:0!important}.ag-table th{color:var(--ag-brand-slate);letter-spacing:.1px;text-align:left;white-space:nowrap;border-bottom:1px solid var(--ag-line);background:#f5f3f8;padding:13px 15px;font-size:11px;font-weight:650}.ag-table td{vertical-align:middle;color:var(--ag-brand-slate);border-bottom:1px solid #ebeaf0;padding:15px}.ag-table tr:last-child td{border-bottom:0}.ag-table td strong{color:#403c4b;font-size:12px}.ag-table td small{color:var(--ag-muted);margin-top:4px;font-size:11px;display:block}.ag-table td.ag-right,.ag-table th.ag-right{text-align:right}.ag-table tbody tr:hover{background:#fcf9fd}.ag-code{white-space:nowrap;background:#f8effa;border:1px solid #eadcef;border-radius:5px;padding:5px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:650;display:inline-block;color:#7b258b!important;font-size:11px!important}.ag-tabs{border-bottom:1px solid var(--ag-line);scrollbar-width:thin;gap:5px;margin-bottom:24px;padding-bottom:12px;display:flex;overflow:auto}.ag-tab{color:var(--ag-muted);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:7px;padding:9px 13px;font-size:12px!important}.ag-tab:hover{color:var(--ag-brand-deep);background:#eeedf3}.ag-tab.active{color:var(--ag-brand-deep);background:#f2e6f6;border-color:#e1c9e8;font-weight:700}.ag-order-layout{grid-template-columns:285px minmax(0,1fr);align-items:start;gap:20px;display:grid}.ag-order-list{max-height:800px;padding:10px;overflow:auto}.ag-order-choice{text-align:left;width:100%;color:var(--ag-brand-slate);background:#fff;border:1px solid #0000;border-radius:8px;margin-bottom:5px;padding:15px 12px;display:block}.ag-order-choice:hover{background:#faf7fc}.ag-order-choice.active{box-shadow:inset 3px 0 0 var(--ag-primary);background:#f7effa;border-color:#dfc8e8}.ag-order-choice>div{justify-content:space-between;align-items:center;gap:9px;display:flex}.ag-order-choice strong{color:#573763;font-size:13px}.ag-order-choice span{font-size:11px}.ag-order-choice small{color:var(--ag-muted);margin-top:7px;font-size:11px;display:block}.ag-order-choice .ag-progress{margin-top:14px}.ag-order-detail-head{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:20px;display:flex}.ag-order-detail-head h2{letter-spacing:-.5px;margin-top:5px;font-size:23px}.ag-order-detail-head p{color:var(--ag-muted);margin-top:6px;font-size:12px}.ag-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0;display:grid}.ag-summary>div{background:#faf7fc;border:1px solid #e5ddea;border-radius:8px;padding:15px}.ag-summary small{color:var(--ag-muted);letter-spacing:.35px;font-size:10px;font-weight:650;display:block}.ag-summary strong{color:var(--ag-brand-deep);letter-spacing:-.4px;margin-top:8px;font-size:20px;display:block}.ag-batch{border:1px solid var(--ag-line);border-radius:10px;margin-top:14px;overflow:hidden}.ag-batch-head{background:#f9f7fc;justify-content:space-between;align-items:center;gap:12px;padding:17px;display:flex}.ag-batch-head strong{color:#61366d;font-size:13px}.ag-batch-head small{color:var(--ag-muted);margin-top:4px;font-size:11px;display:block}.ag-batch-body{border-top:1px solid var(--ag-line);padding:18px}.ag-recipe-row{grid-template-columns:minmax(100px,1fr) 95px 105px 36px;align-items:end;gap:10px;margin-bottom:12px;display:grid}.ag-recipe-row .ag-field>span{font-size:11px}.ag-recipe-total{color:var(--ag-primary);justify-content:space-between;padding:12px 0;font-size:12px;display:flex}.ag-recipe-total.invalid{color:#ad4e42}.ag-details summary{cursor:pointer;color:var(--ag-primary);padding:9px 0;font-size:12px;font-weight:550}.ag-details p{color:var(--ag-muted);font-size:12px;line-height:1.65}.ag-empty{text-align:center;color:var(--ag-muted);background:#fbfafc;border:1px dashed #d8c9df;border-radius:9px;padding:36px 22px}.ag-empty>svg{color:#ad81bb;margin-bottom:12px}.ag-empty h3{color:#584764;margin:0 0 9px;font-size:14px;font-weight:650}.ag-empty p{max-width:490px;margin:auto;font-size:12px;line-height:1.7}.ag-empty .ag-btn{margin-top:18px}.ag-empty-inline{color:var(--ag-muted);text-align:center;padding:22px;font-size:12px}.ag-setup{border:1px solid #e3d3eb;border-left:4px solid var(--ag-primary);background:linear-gradient(108deg,#faf3fc,#f6f4fb);border-radius:11px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px;padding:25px;display:flex;position:relative;overflow:hidden}.ag-setup h2{letter-spacing:-.4px;color:#563161;margin-bottom:9px;font-size:20px}.ag-setup p{color:var(--ag-muted);max-width:650px;font-size:12px;line-height:1.75}.ag-setup-list{flex-wrap:wrap;gap:8px;margin-top:19px;display:flex}.ag-setup-list span{color:#776180;background:#ffffffc7;border:1px solid #ded3e6;border-radius:5px;padding:6px 9px;font-size:10px}.ag-setup-list span.done{color:var(--ag-brand-deep);background:#f0e0f6;border-color:#cba7d8;font-weight:650}.ag-alert{color:#713b80;background:#faf2fc;border:1px solid #dfc8e7;border-radius:8px;align-items:flex-start;gap:10px;margin-bottom:20px;padding:14px 16px;font-size:12px;line-height:1.7;display:flex}.ag-alert svg{flex:none;margin-top:3px}.ag-alert.warning{color:#916821;background:#fff8eb;border-color:#ebd8b9}.ag-alert.error{color:#a4453f;background:#fff0ef;border-color:#edcdca}.ag-toast{z-index:100;background:var(--ag-brand-deep);color:#fff;border-radius:9px;align-items:center;gap:10px;max-width:calc(100vw - 30px);padding:15px 19px;font-size:13px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #3c104f30}.ag-toast.error{background:#a64242}.ag-toast button{color:inherit;background:0 0;border:0;place-items:center;margin-left:10px;padding:3px;display:grid}.ag-modal-bg{z-index:70;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#21142c7a;justify-content:center;align-items:center;padding:26px;display:flex;position:fixed;inset:0}.ag-modal{background:#fff;border:1px solid #e4daeb;border-radius:14px;width:100%;max-width:680px;max-height:92vh;padding:28px;overflow:auto;box-shadow:0 25px 80px #260a3b2b}.ag-modal.wide{max-width:940px}.ag-modal-head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:25px;display:flex}.ag-modal-head h2{letter-spacing:-.5px;color:#44334e;font-size:23px}.ag-modal-head p{color:var(--ag-muted);margin-top:8px;font-size:12px}.ag-modal .ag-card{box-shadow:none;padding:16px}.ag-loading{min-height:70vh;color:var(--ag-primary);align-content:center;place-items:center;gap:17px;font-size:13px;display:grid}.ag-spin{animation:1s linear infinite ag-spin}@keyframes ag-spin{to{transform:rotate(360deg)}}.ag-muted{color:var(--ag-muted)!important}.ag-text-right{text-align:right}.ag-error-page{text-align:center;max-width:530px;margin:80px auto;padding:34px}.ag-error-page h2{margin:17px}.ag-error-page p{color:var(--ag-muted);margin-bottom:22px}.ag-scrollhint,.ag-mobile-overlay{display:none}.ag-login{background:#f7f7fa;grid-template-columns:1.06fr 1fr;min-height:100vh;display:grid}.ag-login-story{color:#fff;background:radial-gradient(at 90% 90%,#ba5fca36,#0000 60%),linear-gradient(145deg,#6b1775,#421248);flex-direction:column;justify-content:space-between;padding:44px 58px;display:flex;position:relative;overflow:hidden}.ag-login-story:before{content:"";pointer-events:none;border:1px solid #ffffff0f;border-radius:50%;width:540px;height:540px;position:absolute;bottom:-150px;right:-220px;box-shadow:0 0 0 80px #ffffff04,0 0 0 160px #ffffff03}.ag-login-story .ag-brand{align-self:flex-start;width:186px;margin:0;padding:13px 20px 16px;display:flex;box-shadow:0 10px 30px #250b2d13}.ag-login-story .ag-brand-logo{aspect-ratio:192/126;width:144px;height:auto}.ag-login-story .ag-brandmark{width:44px;height:44px}.ag-login-story .ag-brand small{font-size:8px}.ag-login-message{padding:70px 0;position:relative}.ag-login-message .ag-overline{color:#e6bced}.ag-login-message h1{letter-spacing:-1.7px;max-width:520px;margin:19px 0 25px;font-size:clamp(38px,4vw,54px);font-weight:650;line-height:1.14}.ag-login-message h1 em{color:#e1acec;font-style:normal}.ag-login-message p{color:#e5cee9;max-width:440px;font-size:14px;line-height:1.9}.ag-login-flow{color:#ecd5f1;flex-wrap:wrap;align-items:center;gap:9px;font-size:10px;display:flex;position:relative}.ag-login-flow span{background:#ffffff06;border:1px solid #ffffff26;border-radius:6px;padding:9px 11px}.ag-login-panel{justify-content:center;align-items:center;padding:48px;display:flex}.ag-login-box{width:100%;max-width:365px}.ag-login-box .ag-overline{margin-bottom:17px}.ag-login-box h1{letter-spacing:-.85px;color:#3f3448;margin-bottom:14px;font-size:30px;line-height:1.2}.ag-login-box>p{color:var(--ag-muted);margin-bottom:33px;font-size:13px;line-height:1.75}.ag-login-box .ag-form{grid-template-columns:1fr;gap:20px;display:grid}.ag-login-box .ag-field input{height:47px!important;min-height:47px!important}.ag-login-box .ag-btn{min-height:46px}.ag-login-box footer{color:var(--ag-muted);border-top:1px solid #e0dce7;align-items:center;gap:8px;margin-top:30px;padding-top:22px;font-size:11px;line-height:1.5;display:flex}.ag-login-box footer svg{color:var(--ag-primary);flex:none}.ag-login-error{color:#a4453f;background:#fff0ef;border:1px solid #edcdca;border-radius:7px;margin-bottom:18px;padding:12px;font-size:12px}.ag-app .modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;background:#21142c7a}.ag-app .scanner-panel{border-color:#e4daeb;border-radius:14px}.ag-app .scanner-panel .eyebrow{color:var(--ag-primary)}.ag-app .scanner-panel .btn{background:var(--ag-primary);color:#fff;border-color:var(--ag-primary)}.ag-app .scanner-panel .icon-btn{color:var(--ag-brand-slate)}.ag-app .scanner-panel .icon-btn:hover{background:var(--ag-tint)}.ag-app .scanner-panel .section-head h2{color:#44334e}.ag-app .scanner-panel .section-head p{color:var(--ag-muted)}.ag-app .scanner-panel .btn.secondary{color:var(--ag-primary);background:#fff;border-color:#d5acde}.ag-app .scanner-panel .error{color:#a4453f}.ag-app .scanner-panel .scan-line{background:#ba5fca;box-shadow:0 0 20px #ba5fca99}.ag-app .scanner-panel .camera-icon{color:#f0d9f5aa}.ag-app .scanner-panel .camera-frame{background:#34203e}@media (min-width:1600px){.ag-equipment-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:1250px){.ag-shell-nav{flex-basis:225px;width:225px;padding-left:12px;padding-right:12px}.ag-content{padding:28px 25px 58px}.ag-topbar{padding:0 25px}.ag-kpis{gap:12px}.ag-kpi{padding:19px}.ag-kpi-value{font-size:29px}.ag-equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ag-flow{grid-template-columns:repeat(3,minmax(0,1fr))}.ag-flow-step:after{display:none}.ag-order-layout{grid-template-columns:245px minmax(0,1fr)}.ag-form.four,.ag-summary,.ag-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.ag-login-story{padding:40px}}@media (max-width:980px){.ag-shell-nav{flex-basis:auto;width:260px;height:100dvh;transition:left .2s;position:fixed;left:-280px}.ag-shell-nav.open{left:0}.ag-mobile-toggle,.ag-mobile-close{display:grid}.ag-mobile-close{color:#fff;background:0 0;border:0;position:absolute;top:8px;right:8px}.ag-mobile-overlay{z-index:25;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#21142c66;display:block;position:fixed;inset:0}.ag-topbar{height:69px}.ag-top-left{align-items:center;gap:12px;display:flex}.ag-login-story{padding:35px}.ag-login-message h1{font-size:39px}}@media (max-width:740px){.ag-content{padding:24px 17px 44px}.ag-topbar{height:65px;padding:0 17px}.ag-breadcrumb>span:first-child,.ag-top-date,.ag-top-pill{display:none}.ag-heading{align-items:flex-start;gap:12px;margin-bottom:23px}.ag-heading h1{font-size:28px}.ag-heading p{font-size:12px}.ag-heading>.ag-buttons{flex-direction:column;flex:none;align-items:stretch}.ag-overline{font-size:9px}.ag-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.ag-kpi{padding:18px}.ag-kpi-value{margin:13px 0 8px;font-size:28px}.ag-kpi-label{font-size:11px}.ag-grid-2,.ag-grid-3{grid-template-columns:1fr;gap:0}.ag-card{margin-bottom:18px;padding:19px}.ag-cardhead h2{font-size:16px}.ag-cardhead p{font-size:11px}.ag-flow{grid-template-columns:1fr;gap:8px}.ag-flow-step{grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:61px;padding:12px 14px;display:grid}.ag-flow-step>span{font-size:10px}.ag-flow-step>span svg{display:none}.ag-flow-step strong,.ag-flow-step small{margin:0}.ag-flow-step strong{font-size:12px}.ag-flow-step small{font-size:10px}.ag-equipment-grid{gap:11px}.ag-equipment{padding:15px}.ag-equipment-amount{display:block}.ag-equipment-amount span{margin-top:4px;display:block}.ag-equipment-amount b{font-size:22px}.ag-form,.ag-form.three,.ag-form.four{grid-template-columns:1fr}.ag-field input,.ag-field select{height:46px!important;min-height:46px!important;font-size:16px!important}.ag-field>span{font-size:12px}.ag-form-actions{justify-content:stretch}.ag-form-actions>.ag-btn{flex:1}.ag-order-layout{grid-template-columns:1fr;gap:0}.ag-order-list{gap:8px;max-height:none;margin-bottom:18px;padding:8px;display:flex;overflow-x:auto}.ag-order-choice{min-width:230px;max-width:250px;margin:0}.ag-order-detail-head h2{font-size:20px}.ag-summary{gap:8px}.ag-summary>div{padding:12px}.ag-summary strong{font-size:18px}.ag-batch-head{align-items:flex-start;padding:14px}.ag-batch-body{padding:14px}.ag-batch-head strong{font-size:12px}.ag-batch-head small{font-size:10px}.ag-cardhead{gap:10px}.ag-btn{min-height:41px;padding:10px 12px}.ag-scrollhint{color:var(--ag-muted);text-align:right;margin-top:9px;font-size:10px;display:block}.ag-setup{padding:21px;display:block}.ag-setup>.ag-btn{margin-top:20px}.ag-setup h2{font-size:18px}.ag-modal-bg{padding:12px}.ag-modal{max-height:94dvh;padding:22px}.ag-modal-head h2{font-size:21px}.ag-recipe-row{grid-template-columns:minmax(90px,1fr) 90px 35px;gap:8px}.ag-recipe-row .ag-manual-field{grid-column:1/-1;margin-top:-6px}.ag-tabs{margin-bottom:20px}.ag-tab{padding:9px 11px}.ag-login{grid-template-columns:1fr}.ag-login-story{grid-template-columns:126px 1fr;justify-content:flex-start;align-items:center;gap:24px;min-height:220px;padding:25px;display:grid}.ag-login-story .ag-brand{width:126px;padding:9px 10px 12px}.ag-login-story .ag-brand-logo{width:104px;height:auto}.ag-login-story .ag-brand small,.ag-login-story .ag-brand-caption{letter-spacing:.8px;font-size:7px}.ag-login-message{padding:0}.ag-login-message h1{letter-spacing:-.8px;margin:0;font-size:27px}.ag-login-message .ag-overline,.ag-login-message p,.ag-login-flow{display:none}.ag-login-panel{padding:36px 25px 42px}.ag-login-box{max-width:430px}.ag-login-box h1{font-size:27px}.ag-filter-input,.ag-filters select{flex:170px;width:100%;max-width:none}.ag-table td,.ag-table th{padding:12px}.ag-fifo-layer{align-items:flex-start}.ag-login-box footer{margin-top:25px}.ag-top-right{gap:8px}.ag-toast{font-size:12px;bottom:15px}}@media (max-width:420px){.ag-heading h1{font-size:26px}.ag-heading>.ag-buttons .ag-btn{padding-left:9px;padding-right:9px;font-size:10px!important}.ag-content{padding-left:13px;padding-right:13px}.ag-card{padding:16px}.ag-equipment-grid{grid-template-columns:1fr}.ag-kpi{padding:16px 13px}.ag-kpi-value{font-size:25px}.ag-kpi-label svg{width:14px;height:14px}.ag-flow-step{grid-template-columns:25px minmax(0,1fr)}.ag-flow-step small{grid-column:2}.ag-login-story{grid-template-columns:108px 1fr;gap:18px;padding:23px 20px}.ag-login-story .ag-brand{width:108px}.ag-login-story .ag-brand-logo{width:88px;height:auto}.ag-login-message h1{font-size:24px}}@media (prefers-reduced-motion:reduce){.ag-app *,.ag-login *{scroll-behavior:auto!important;transition:none!important}}
.ag-live{--ag-live-fill:#b661c4;--ag-live-purple:#8b169c;--ag-live-deep:#6b1775;--ag-live-line:#e1e0e9;--ag-live-muted:#77788a;color:#414150;background:#fff;border:1px solid #dedee8;border-radius:14px;overflow:hidden;box-shadow:0 5px 24px #3b164705}.ag-live button{font-family:inherit}.ag-live-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ag-live-toolbar{background:#fff;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px 17px;display:flex}.ag-live-title{align-items:center;gap:13px;min-width:0;display:flex}.ag-live-title-icon{width:43px;height:43px;color:var(--ag-live-purple);background:#faf1fc;border:1px solid #e8d5ed;border-radius:12px;flex:none;place-items:center;display:grid}.ag-live-title>div>span{color:var(--ag-live-purple);letter-spacing:1.8px;margin-bottom:4px;font-size:9px;font-weight:750;display:block}.ag-live-title h2{letter-spacing:-.35px;color:#373340;font-size:19px;line-height:1.3}.ag-live-title p{color:var(--ag-live-muted);margin-top:5px;font-size:11px}.ag-live-controls{flex:none;align-items:center;gap:7px;display:flex}.ag-live-connection{color:#6b1775;white-space:nowrap;align-items:center;gap:6px;margin-right:5px;font-size:10px;font-weight:650;display:inline-flex}.ag-live-connection i{background:#9a31a8;border-radius:50%;width:6px;height:6px;display:block;box-shadow:0 0 0 3px #8b169c0d}.ag-live-connection.is-warning{color:#98672b}.ag-live-connection.is-warning i{background:#ad7f42;box-shadow:0 0 0 3px #ad7f4210}.ag-live-connection.is-paused{color:#77788a}.ag-live-connection.is-paused i{box-shadow:none;background:#92929f}.ag-live-tool{color:#777185;background:#fff;border:1px solid #e0dce7;border-radius:7px;place-items:center;width:33px;height:33px;padding:0;display:inline-grid}.ag-live-tool:hover{color:var(--ag-live-purple);background:#fcf7fd;border-color:#cfa6d7}.ag-live-tool:focus-visible,.ag-live-vessel:focus-visible,.ag-live-stage-action:focus-visible,.ag-live-close-detail:focus-visible{outline-offset:3px;outline:3px solid #ba5fca88}.ag-live-sync{color:var(--ag-live-muted);background:#fcfbfd;border-top:1px solid #f1edf4;border-bottom:1px solid #eae7ef;flex-wrap:wrap;align-items:center;gap:6px 18px;padding:10px 24px;font-size:10px;line-height:1.6;display:flex}.ag-live-sync>span{align-items:center;gap:5px;display:inline-flex}.ag-live-sync strong{color:#555060;font-weight:650}.ag-live-dot{background:#b898c3;border-radius:50%;width:5px;height:5px;margin-right:1px;display:inline-block}.ag-live-record-note{margin-left:auto}.ag-live-notice{color:#8c682f;background:#fff9ef;border:1px solid #ecdab9;border-radius:8px;align-items:flex-start;gap:10px;margin:16px 22px 0;padding:12px 14px;font-size:11px;display:flex}.ag-live-notice svg{flex:none;margin-top:2px}.ag-live-notice strong,.ag-live-notice span{display:block}.ag-live-notice span{margin-top:2px}.ag-live-kpis{border-bottom:1px solid #eeebf1;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:20px 24px 23px;display:grid}.ag-live-kpis>div{border-right:1px solid #e8e4ec;min-width:0;padding:0 18px}.ag-live-kpis>div:first-child{padding-left:0}.ag-live-kpis>div:last-child{border:0;padding-right:0}.ag-live-kpis span{color:#797386;margin-bottom:5px;font-size:11px;display:block}.ag-live-kpis strong{color:#484052;letter-spacing:-.6px;white-space:nowrap;font-size:23px;font-weight:700;line-height:1.25;display:block}.ag-live-kpis strong em{letter-spacing:0;font-size:12px;font-style:normal;font-weight:500}.ag-live-kpis small{color:#8a8493;margin-top:6px;font-size:9px;line-height:1.6;display:block}.ag-live-kpis .ag-live-kpi-stock strong{color:var(--ag-live-purple)}.ag-live-scene-scroll{scrollbar-width:thin;scrollbar-color:#d2b3d9 #f5f2f7;overflow-x:auto}.ag-live-canvas{background-color:#fff;background-image:radial-gradient(#ece7f0 .65px,#0000 .65px);background-size:14px 14px;padding:22px 22px 0}.ag-live-stage-heading{align-items:flex-start;gap:7px;min-height:40px;margin:0 0 12px;display:flex}.ag-live-stage-heading>span{color:#9c68a6;background:#fff;border:1px solid #eadbed;border-radius:6px;flex:none;place-items:center;width:23px;height:23px;margin-top:1px;font-size:9px;font-weight:750;display:grid}.ag-live-stage-heading>div{min-width:0}.ag-live-stage-heading h3{color:#51445a;white-space:nowrap;font-size:12px;font-weight:750;line-height:1.4}.ag-live-stage-heading p{color:#928398;margin-top:2px;font-size:9px;line-height:1.5}.ag-live-stage-heading>b{color:#a28ba9;background:#f6f0f8;border-radius:5px;margin:2px 0 0 auto;padding:2px 8px;font-size:10px;font-weight:550}.ag-live-silo-bank{padding:0 0 22px;position:relative}.ag-live-silo-grid{gap:7px;padding:0 7px;display:grid}.ag-live-vessel{color:#4f4856;cursor:pointer;background:#ffffffd9;border:1px solid #0000;border-radius:10px;flex-direction:column;align-items:center;width:100%;min-width:0;padding:9px 5px 10px;transition:background .16s,border-color .16s,box-shadow .16s;display:flex;position:relative}.ag-live-vessel:hover{background:#fcf7fd;border-color:#e0c9e6}.ag-live-vessel.is-selected{background:#fdf8ff;border-color:#b774c4;box-shadow:0 0 0 2px #8b169c09}.ag-live-vessel.is-recent{border-color:#ba5fca;box-shadow:0 0 0 3px #ba5fca12}.ag-live-vessel-name{text-align:center;width:100%;min-width:0;margin-bottom:4px;line-height:1.5;display:block}.ag-live-vessel-name b{color:#6b1775;overflow-wrap:anywhere;font-size:10px;font-weight:750;display:block}.ag-live-vessel-name span{color:#8c8191;min-height:13px;font-size:9px;line-height:1.4;display:block}.ag-live-vessel-art{width:100%;max-width:112px;height:134px;margin:0 auto 6px;display:block;overflow:visible}.ag-live-vessel-weight{color:#8c8293;white-space:nowrap;line-height:1.4}.ag-live-vessel-weight strong{color:#56425e;letter-spacing:-.35px;font-size:15px}.ag-live-vessel-weight>span{font-size:9px}.ag-live-vessel-level{background:#e8dced;border-radius:5px;width:62%;height:4px;margin:10px auto 22px;position:relative}.ag-live-vessel-level>i{border-radius:inherit;background:#ad55bc;max-width:100%;height:100%;display:block}.ag-live-vessel-level>span{color:#b095b8;text-align:center;font-size:8px;position:absolute;top:8px;left:0;right:0}.ag-live-state{color:#8c8191;background:#f3eff5;border-radius:4px;max-width:100%;margin-top:2px;padding:2px 6px;font-size:9px;line-height:1.5;display:block}.ag-live-state.is-filling{color:#8b169c;background:#f2dff6}.ag-live-state.is-ready{color:#6b1775;background:#ecd8f1}.ag-live-vessel-material{-webkit-line-clamp:2;color:#817287;text-align:center;-webkit-box-orient:vertical;min-height:27px;margin-top:6px;font-size:9px;line-height:1.6;display:-webkit-box;overflow:hidden}.ag-live-vessel-lot{color:#a18ba9;overflow-wrap:anywhere;max-width:100%;margin-top:2px;font-size:8px;line-height:1.6;display:block}.ag-live-silo-outlet{border-left:4px solid #c7b5cd;height:18px;position:absolute;bottom:-19px;left:calc(50% - 2px)}.ag-live-manifold{border-top:5px solid #c7b5cd;height:45px;margin:17px 8.3% 0;position:relative}.ag-live-manifold:before{content:"";border-top:1px solid #eee7f0;position:absolute;top:-5px;left:0;right:0}.ag-live-manifold:after{content:"";border-left:5px solid #c7b5cd;border-radius:0 0 0 8px;height:43px;position:absolute;top:0;left:7%}.ag-live-manifold>div{height:5px;position:absolute;top:-5px;left:0;right:0}.ag-live-manifold>span{color:#a58bae;background:#fff;border:1px solid #eee4f1;border-radius:6px;align-items:center;gap:3px;padding:3px 8px;font-size:9px;display:inline-flex;position:absolute;top:9px;left:11%}.ag-live-process-grid{grid-template-columns:minmax(0,1.1fr) 24px minmax(0,1.28fr) 24px minmax(0,1fr) 24px minmax(0,1fr);gap:0;padding-top:3px;display:grid}.ag-live-process-stage{min-width:0;padding-bottom:15px}.ag-live-mixer-list{gap:8px;display:grid}.ag-live-mixer-list .ag-live-vessel{padding:9px 7px 10px}.ag-live-mixer-list .ag-live-vessel-name{min-height:29px}.ag-live-mixer-art{width:100%;max-width:230px;height:146px;margin:0 auto;display:block;overflow:visible}.ag-live-mixer-list .ag-live-vessel-weight{margin-top:2px}.ag-live-mixer-list .ag-live-vessel-material{min-height:25px}.ag-live-tank-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;display:grid}.ag-live-tank-grid:has(>:only-child){grid-template-columns:minmax(0,1fr)}.ag-live-tank-grid .ag-live-vessel{padding:9px 3px 10px}.ag-live-tank-grid .ag-live-vessel-name b{font-size:9px}.ag-live-tank-grid .ag-live-vessel-name span{font-size:8px}.ag-live-tank-art{width:100%;max-width:118px;height:146px;margin:0 auto;display:block;overflow:visible}.ag-live-tank-grid .ag-live-vessel-weight{white-space:normal}.ag-live-tank-grid .ag-live-vessel-weight strong{font-size:13px}.ag-live-tank-grid .ag-live-vessel-weight>span{font-size:8px;display:block}.ag-live-tank-grid .ag-live-vessel-material{font-size:8px}.ag-live-tank-grid .ag-live-vessel-lot{font-size:7px}.ag-live-process-arrow{color:#b6a5bd;padding:82px 0 0}.ag-live-process-arrow svg{width:100%;height:160px;display:block;overflow:visible}.ag-live-pipe-base{fill:none;stroke:#c7b5cd;stroke-width:5px}.ag-live-pipe-flow{fill:none;stroke:#8b169c;stroke-width:3px;stroke-dasharray:5 5;opacity:0}.ag-live-machine-card{text-align:center;flex-direction:column;align-items:center;padding:9px 3px 0;display:flex}.ag-live-packing-art{width:100%;max-width:180px;height:177px;margin:24px auto 1px;display:block}.ag-live-dispatch-art{width:100%;max-width:160px;height:164px;margin:29px auto 9px;display:block}.ag-live-machine-card>strong{color:#624b6c;font-size:11px;font-weight:700;line-height:1.6;display:block}.ag-live-machine-card>span{color:#a08baa;margin-top:3px;font-size:9px;line-height:1.5;display:block}.ag-live-queue{gap:5px;width:100%;margin-top:12px;display:grid}.ag-live-queue>div{color:#9d82a5;background:#fff;border:1px solid #eadced;border-radius:5px;justify-content:space-between;align-items:center;gap:3px;padding:5px 6px;font-size:8px;display:flex}.ag-live-queue b{color:#8c6396;font-weight:650}.ag-live-queue span{text-align:right}.ag-live-queue>div.is-blocked{background:#fffaf1;border-color:#eadbbf;flex-wrap:wrap}.ag-live-queue small{color:#8a682c;text-align:left;flex:0 0 100%;font-size:9px;line-height:1.6}.ag-live-stage-action{color:#8b169c;background:#fff;border:1px solid #e4d3e9;border-radius:6px;justify-content:center;align-items:center;gap:5px;min-height:31px;margin-top:12px;padding:7px 8px;font-weight:650;line-height:1.4;display:inline-flex;font-size:9px!important}.ag-live-stage-action:hover{background:#fbf2fd;border-color:#c892d4}.ag-live-stage-action svg{flex:none}.ag-live-shift{border-top:1px solid #e8e0ec;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;margin-top:8px;padding:12px 0 1px;display:grid}.ag-live-shift>span{color:#a18ca9;font-size:8px;display:block}.ag-live-shift b{color:#83628f;font-size:13px;font-weight:650;display:block}.ag-live-legend{color:#97869f;border-top:1px solid #e9e3ee;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:12px;padding:13px 1px 15px;font-size:9px;display:flex}.ag-live-legend>span{align-items:center;gap:6px;display:flex}.ag-live-legend>span:last-child{margin-left:auto}.ag-live-legend i{border-radius:2px;width:13px;height:8px;display:block}.ag-live-legend-fill{background:#ba5fca}.ag-live-legend .ag-live-legend-pipe{background:#c7b5cd;width:18px;height:4px}.ag-live-legend .ag-live-legend-recent{background:repeating-linear-gradient(90deg,#8b169c 0 4px,#0000 4px 7px);width:18px;height:4px}.ag-live-pan-hint{text-align:center;color:#ad9cb4;background:#fcfafd;border-top:1px solid #f3edf5;padding:8px 12px;font-size:9px}.ag-live-stage-empty{color:#a78fae;text-align:center;background:#fcf8fd;border:1px dashed #e4d6e9;border-radius:8px;padding:20px 12px;font-size:11px;line-height:1.7}.ag-live-empty{color:#a078ae;text-align:center;flex-direction:column;align-items:center;padding:55px 25px;display:flex}.ag-live-empty h3{color:#6b1775;margin:14px 0 8px;font-size:16px}.ag-live-empty p{color:#8f8097;max-width:430px;font-size:12px;line-height:1.7}.ag-live-detail{background:#fff;border:1px solid #d9c0e1;border-radius:10px;margin:21px 22px 0;overflow:hidden}.ag-live-detail>header{background:#faf4fc;border-bottom:1px solid #ebdff0;align-items:center;gap:10px;padding:13px 16px;display:flex}.ag-live-detail-icon{color:#8b169c;background:#fff;border:1px solid #e8cfef;border-radius:8px;place-items:center;width:35px;height:35px;display:grid}.ag-live-detail>header span{color:#ab8cb5;margin-bottom:2px;font-size:9px;display:block}.ag-live-detail h3{color:#755080;font-size:12px}.ag-live-close-detail{color:#a187aa;background:#fff;border:1px solid #e2d0e9;border-radius:6px;place-items:center;width:29px;height:29px;margin-left:auto;padding:0;font-weight:400;line-height:1;display:grid;font-size:20px!important}.ag-live-close-detail:hover{color:#6b1775;border-color:#be93ca}.ag-live-detail-layout{grid-template-columns:230px minmax(0,1fr);display:grid}.ag-live-detail-summary{background:#fdfbfe;border-right:1px solid #ebe3ee;padding:17px 18px 20px}.ag-live-detail-summary>span{color:#9b79a6;font-size:10px}.ag-live-detail-summary>strong{color:#795085;letter-spacing:-.4px;margin-top:5px;font-size:21px;line-height:1.4;display:block}.ag-live-detail-summary>strong small{color:#aa91b3;letter-spacing:0;font-size:11px;font-weight:500}.ag-live-detail-meter{background:#ebdff0;border-radius:5px;height:5px;margin:10px 0 12px}.ag-live-detail-meter>i{border-radius:inherit;background:#ba5fca;height:100%;display:block}.ag-live-detail-summary>p{color:#9a80a4;font-size:11px;line-height:1.6}.ag-live-detail-lot{border-top:1px solid #eee5f1;flex-direction:column;gap:3px;margin-top:12px;padding-top:10px;display:flex}.ag-live-detail-lot small{color:#b095ba;font-size:9px}.ag-live-detail-lot b{color:#8b5e97;font-size:12px}.ag-live-detail-lot span{color:#a58aaf;font-size:9px}.ag-live-detail-content{min-width:0;padding:16px 18px}.ag-live-detail-content h4{color:#896594;margin:0 0 11px;font-size:11px;font-weight:650}.ag-live-detail-layers{scrollbar-width:thin;scrollbar-color:#d4b8dd transparent;max-height:227px;display:grid;overflow-y:auto}.ag-live-detail-layers>div{border-bottom:1px solid #f1eaf4;align-items:center;gap:10px;padding:8px 0;display:flex}.ag-live-detail-layers>div:last-child{border-bottom:0}.ag-live-detail-layers>div>span{color:#b396be;background:#fcf8fd;border:1px solid #ecdff1;border-radius:6px;flex:none;place-items:center;width:23px;height:23px;font-size:9px;display:grid}.ag-live-detail-layers>div>div{min-width:0}.ag-live-detail-layers b{color:#8a6695;overflow-wrap:anywhere;font-size:10px;display:block}.ag-live-detail-layers small{color:#b097ba;margin-top:2px;font-size:9px;display:block}.ag-live-detail-layers strong{color:#94749f;white-space:nowrap;margin-left:auto;font-size:10px;font-weight:650}.ag-live-detail-note{color:#ad96b7;font-size:9px;line-height:1.7;margin-top:10px!important}.ag-live-recipe-table{overflow-x:auto}.ag-live-recipe-table table{border-collapse:collapse;color:#9c81a6;background:#fff;border:0;width:100%;margin:0;font-size:10px}.ag-live-recipe-table th{color:#b196bb;text-transform:none;white-space:nowrap;text-align:right;background:#fcf8fd;border:0;border-bottom:1px solid #eee3f2;padding:7px 6px;font-size:9px;font-weight:550}.ag-live-recipe-table td{text-align:right;border:0;border-bottom:1px solid #f0e8f4;padding:7px 6px}.ag-live-recipe-table th:first-child,.ag-live-recipe-table td:first-child{text-align:left}.ag-live-recipe-table td b,.ag-live-recipe-table td small{display:block}.ag-live-recipe-table td b{color:#94739f;font-weight:600}.ag-live-recipe-table td small{color:#b79ebf;margin-top:2px;font-size:8px}.ag-live-recipe-table td strong{color:#8b169c;font-weight:650}.ag-live-events{padding:22px}.ag-live-events-head{color:#a286ac;align-items:center;gap:7px;margin:0 0 11px;display:flex}.ag-live-events-head h3{color:#93739f;font-size:11px;font-weight:650}.ag-live-events-head>span{color:#b39abd;margin-left:auto;font-size:9px}.ag-live-events>div:last-child{border:1px solid #eee6f2;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.ag-live-events article{background:#fefcff;border-bottom:1px solid #f1eaf5;align-items:center;gap:10px;min-width:0;padding:11px 13px;display:flex}.ag-live-events article:nth-child(odd){border-right:1px solid #eee6f2}.ag-live-events article:nth-last-child(-n+2){border-bottom:0}.ag-live-events time{color:#b397bd;flex:none;font-size:9px}.ag-live-events article>div{min-width:0}.ag-live-events article strong{color:#9b7ba6;font-size:9px;font-weight:550;line-height:1.5;display:block}.ag-live-events article small{color:#bdacc5;margin-top:2px;font-size:8px;display:block}.ag-live-events article>b{color:#ac8fb6;white-space:nowrap;margin-left:auto;font-size:9px;font-weight:550}.ag-live.is-focused{z-index:100;background:#f7f5fa;border:0;border-radius:0;padding-bottom:24px;position:fixed;inset:0;overflow:auto}.ag-live.is-focused>.ag-live-toolbar{z-index:10;border-bottom:1px solid #e6dcec;position:sticky;top:0}.ag-live.is-focused>.ag-live-canvas,.ag-live.is-focused>.ag-live-detail,.ag-live.is-focused>.ag-live-events{max-width:1600px}.ag-live.is-focused .ag-live-canvas{padding-top:28px}.ag-live.is-focused .ag-live-vessel-art{height:164px}.ag-live.is-focused .ag-live-mixer-art,.ag-live.is-focused .ag-live-tank-art{height:180px}.ag-live.is-focused .ag-live-packing-art{height:211px}.ag-live.is-focused .ag-live-dispatch-art{height:198px}.ag-live.may-animate .ag-live-process-arrow.is-recent .ag-live-pipe-flow{opacity:1;animation:.8s linear infinite ag-live-flow}.ag-live.may-animate .ag-live-manifold.is-recent>div{background:repeating-linear-gradient(90deg,#8b169c 0 7px,#0000 7px 13px) 0 0/13px 5px;animation:.8s linear infinite ag-live-manifold-flow}@keyframes ag-live-flow{to{stroke-dashoffset:-20px}}@keyframes ag-live-manifold-flow{to{background-position:26px 0}}@media (max-width:1100px){.ag-live-toolbar{align-items:flex-start;gap:14px;padding:19px 20px 15px}.ag-live-title h2{font-size:17px}.ag-live-title-icon{width:38px;height:38px}.ag-live-controls{gap:5px}.ag-live-connection{font-size:9px}.ag-live-sync{padding:9px 20px}.ag-live-record-note{width:100%;margin-left:0}.ag-live-kpis{padding:18px 20px}.ag-live-kpis>div{padding:0 13px}.ag-live-kpis strong{font-size:20px}.ag-live-kpis span{font-size:10px}.ag-live-canvas{padding:19px 17px 0}.ag-live-detail,.ag-live-notice{margin-left:17px;margin-right:17px}.ag-live-events{padding:20px 17px}.ag-live-process-grid{grid-template-columns:minmax(0,1.05fr) 17px minmax(0,1.28fr) 17px minmax(0,1fr) 17px minmax(0,1fr)}}@media (max-width:850px){.ag-live-toolbar{flex-wrap:wrap;gap:12px}.ag-live-controls{margin-left:auto}.ag-live-title h2{font-size:16px}.ag-live-legend>span:last-child{width:100%;margin-left:0}}@media (max-width:680px){.ag-live-toolbar{gap:13px;padding:17px 15px 14px}.ag-live-title-icon{width:37px;height:37px}.ag-live-title h2{font-size:16px}.ag-live-title>div>span{font-size:8px}.ag-live-title p{font-size:10px}.ag-live-controls{justify-content:flex-end;width:100%;margin-left:0}.ag-live-connection{margin-right:auto;font-size:10px}.ag-live-tool{width:35px;height:35px}.ag-live-sync{gap:5px 14px;padding:10px 15px;font-size:9px}.ag-live-record-note{margin-top:2px;line-height:1.6}.ag-live-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;padding:6px 15px 10px}.ag-live-kpis>div{border-bottom:1px solid #eae3ee;border-right:0;padding:13px 0!important}.ag-live-kpis>div:nth-last-child(-n+2){border-bottom:0}.ag-live-kpis strong{font-size:22px}.ag-live-kpis small{font-size:9px}.ag-live-canvas{padding:20px 15px 0;min-width:0!important}.ag-live-silo-grid{gap:16px 7px;padding:0;grid-template-columns:repeat(3,minmax(0,1fr))!important}.ag-live-silo-bank{padding-bottom:12px}.ag-live-silo-outlet{display:none}.ag-live-silo-grid .ag-live-vessel{background:#fff;border-color:#f1e9f4}.ag-live-silo-grid .ag-live-vessel.is-selected{background:#fdf8ff;border-color:#b774c4}.ag-live-manifold{height:42px;margin:15px 16.67% 0}.ag-live-manifold:after{height:37px;left:50%}.ag-live-manifold>span{white-space:nowrap;padding:2px 5px;font-size:8px;top:9px;left:calc(50% + 12px)}.ag-live-manifold>span svg{display:none}.ag-live-process-grid{flex-direction:column;gap:0;padding:0;display:flex}.ag-live-process-stage{width:100%;padding-bottom:0}.ag-live-process-stage>.ag-live-stage-heading{border-top:1px solid #eee5f2;margin-bottom:10px;padding-top:10px}.ag-live-stage-heading h3{font-size:13px}.ag-live-stage-heading p{font-size:10px}.ag-live-stage-heading>span{width:25px;height:25px;font-size:10px}.ag-live-mixer-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.ag-live-mixer-list .ag-live-vessel{border:1px solid #eee2f3;padding:12px}.ag-live-mixer-art{max-width:255px;height:160px}.ag-live-vessel-name b,.ag-live-tank-grid .ag-live-vessel-name b{font-size:11px}.ag-live-vessel-name span,.ag-live-tank-grid .ag-live-vessel-name span{font-size:10px}.ag-live-vessel-material,.ag-live-tank-grid .ag-live-vessel-material{min-height:28px;font-size:10px}.ag-live-vessel-weight strong,.ag-live-tank-grid .ag-live-vessel-weight strong{font-size:18px}.ag-live-vessel-weight>span,.ag-live-tank-grid .ag-live-vessel-weight>span,.ag-live-vessel-lot,.ag-live-tank-grid .ag-live-vessel-lot,.ag-live-state{font-size:10px}.ag-live-vessel-level>span{font-size:9px}.ag-live-tank-grid{gap:10px}.ag-live-tank-grid .ag-live-vessel{border-color:#eee2f3;padding:12px 6px}.ag-live-tank-art{max-width:130px;height:155px}.ag-live-tank-grid .ag-live-vessel-weight>span{display:inline}.ag-live-process-arrow{width:100%;height:43px;padding:0;position:relative}.ag-live-process-arrow svg{width:40px;height:80px;position:absolute;top:-19px;left:calc(50% - 20px);transform:rotate(90deg)}.ag-live-machine-card{background:#fff;border:1px solid #eee2f3;border-radius:10px;padding:10px 12px 16px}.ag-live-packing-art{max-width:200px;height:184px;margin:0 auto}.ag-live-dispatch-art{max-width:185px;height:173px;margin:4px auto}.ag-live-machine-card>strong{font-size:14px}.ag-live-machine-card>span{font-size:11px}.ag-live-queue{gap:7px;max-width:320px}.ag-live-queue>div{padding:7px 10px;font-size:10px}.ag-live-stage-action{min-height:35px;padding:8px 12px;font-size:11px!important}.ag-live-shift{max-width:280px}.ag-live-shift>span{font-size:10px}.ag-live-shift b{font-size:17px}.ag-live-legend{gap:8px 12px;padding-bottom:16px;font-size:9px}.ag-live-pan-hint{display:none}.ag-live-detail{margin:16px 12px 0}.ag-live-detail>header{padding:12px}.ag-live-detail-layout{grid-template-columns:minmax(0,1fr)}.ag-live-detail-summary{border-bottom:1px solid #ebe3ee;border-right:0;padding:16px}.ag-live-detail-summary>strong{font-size:23px}.ag-live-detail-content{padding:15px}.ag-live-detail-content h4{font-size:12px}.ag-live-detail-layers b,.ag-live-detail-layers strong{font-size:11px}.ag-live-detail-layers small,.ag-live-detail-note{font-size:10px}.ag-live-events{padding:20px 12px}.ag-live-events>div:last-child{grid-template-columns:minmax(0,1fr)}.ag-live-events article{gap:8px;padding:12px;border-bottom:1px solid #f1eaf5!important;border-right:0!important}.ag-live-events article:last-child{border-bottom:0!important}.ag-live-events article strong{font-size:10px}.ag-live-events article time,.ag-live-events article>b,.ag-live-events article small{font-size:9px}.ag-live-events-head>span{font-size:8px}.ag-live.is-focused>.ag-live-toolbar{padding-top:max(14px, env(safe-area-inset-top))}}@media (prefers-reduced-motion:reduce){.ag-live *,.ag-live :before,.ag-live :after{transition:none!important;animation:none!important}}.ag-live-vessel-name span,.ag-live-vessel-weight>span,.ag-live-vessel-level>span,.ag-live-state,.ag-live-vessel-material,.ag-live-vessel-lot,.ag-live-stage-heading p,.ag-live-manifold>span,.ag-live-machine-card>span,.ag-live-queue>div,.ag-live-shift>span,.ag-live-legend,.ag-live-pan-hint,.ag-live-detail>header span,.ag-live-detail-summary>span,.ag-live-detail-summary>strong small,.ag-live-detail-summary>p,.ag-live-detail-lot small,.ag-live-detail-lot span,.ag-live-detail-content h4,.ag-live-detail-layers b,.ag-live-detail-layers small,.ag-live-detail-layers strong,.ag-live-detail-note,.ag-live-recipe-table,.ag-live-recipe-table th,.ag-live-recipe-table td b,.ag-live-recipe-table td small,.ag-live-events-head>span,.ag-live-events time,.ag-live-events article strong,.ag-live-events article small,.ag-live-events article>b{color:#75657e}.ag-live-detail h3,.ag-live-detail-summary>strong,.ag-live-detail-lot b,.ag-live-shift b,.ag-live-queue b,.ag-live-events-head h3{color:#6d4d79}@media (min-width:901px){.ag-live.is-focused{padding-bottom:16px}.ag-live.is-focused>.ag-live-toolbar{min-height:52px;padding:10px 24px 9px}.ag-live.is-focused .ag-live-title-icon{width:36px;height:36px}.ag-live.is-focused .ag-live-title>div>span{margin-bottom:1px;font-size:8px}.ag-live.is-focused .ag-live-title h2{font-size:17px}.ag-live.is-focused .ag-live-title p{display:none}.ag-live.is-focused .ag-live-sync{min-height:29px;padding:6px 24px}.ag-live.is-focused .ag-live-record-note{width:auto;margin-left:auto}.ag-live.is-focused .ag-live-kpis{min-height:70px;padding:8px 24px}.ag-live.is-focused .ag-live-kpis span{margin-bottom:2px;font-size:10px}.ag-live.is-focused .ag-live-kpis strong{font-size:21px}.ag-live.is-focused .ag-live-kpis small{margin-top:2px;font-size:9px}.ag-live.is-focused .ag-live-canvas{padding:12px 24px 0}.ag-live.is-focused .ag-live-stage-heading{align-items:center;min-height:22px;margin-bottom:4px}.ag-live.is-focused .ag-live-stage-heading h3{font-size:11px}.ag-live.is-focused .ag-live-stage-heading p{display:none}.ag-live.is-focused .ag-live-stage-heading>span{width:22px;height:22px}.ag-live.is-focused .ag-live-silo-bank{padding-bottom:6px}.ag-live.is-focused .ag-live-vessel{padding:4px 5px 5px}.ag-live.is-focused .ag-live-vessel-name{margin-bottom:0}.ag-live.is-focused .ag-live-vessel-name b{font-size:10px;line-height:1.4}.ag-live.is-focused .ag-live-vessel-name span{display:none}.ag-live.is-focused .ag-live-vessel-art{height:80px;margin-bottom:0}.ag-live.is-focused .ag-live-vessel-weight{line-height:1.3}.ag-live.is-focused .ag-live-vessel-weight strong{font-size:14px}.ag-live.is-focused .ag-live-vessel-weight>span{font-size:9px}.ag-live.is-focused .ag-live-vessel-level{height:3px;margin:4px auto 11px}.ag-live.is-focused .ag-live-vessel-level>span{font-size:8px;top:4px}.ag-live.is-focused .ag-live-vessel-material{white-space:nowrap;text-overflow:ellipsis;max-width:100%;min-height:13px;margin-top:3px;font-size:9px;line-height:1.4;display:block}.ag-live.is-focused .ag-live-vessel-lot,.ag-live.is-focused .ag-live-silo-grid .ag-live-state{display:none}.ag-live.is-focused .ag-live-silo-outlet{height:10px;bottom:-11px}.ag-live.is-focused .ag-live-manifold{border-top-width:4px;height:25px;margin-top:10px}.ag-live.is-focused .ag-live-manifold:before{top:-4px}.ag-live.is-focused .ag-live-manifold:after{border-left-width:4px;height:25px}.ag-live.is-focused .ag-live-manifold>div{height:4px;top:-4px}.ag-live.is-focused .ag-live-manifold>span{padding:1px 7px;font-size:8px;top:4px}.ag-live.is-focused .ag-live-process-grid{padding-top:0}.ag-live.is-focused .ag-live-process-stage{padding-bottom:5px}.ag-live.is-focused .ag-live-mixer-list .ag-live-vessel{padding:5px 7px}.ag-live.is-focused .ag-live-mixer-list .ag-live-vessel-name{min-height:14px}.ag-live.is-focused .ag-live-mixer-art,.ag-live.is-focused .ag-live-tank-art{height:96px}.ag-live.is-focused .ag-live-tank-grid .ag-live-vessel{padding:5px 4px}.ag-live.is-focused .ag-live-tank-grid .ag-live-vessel-weight>span{display:inline}.ag-live.is-focused .ag-live-state{padding:1px 5px;font-size:9px}.ag-live.is-focused .ag-live-process-arrow{padding-top:36px}.ag-live.is-focused .ag-live-machine-card{padding-top:4px}.ag-live.is-focused .ag-live-packing-art{height:112px;margin:9px auto 2px}.ag-live.is-focused .ag-live-dispatch-art{height:104px;margin:12px auto 7px}.ag-live.is-focused .ag-live-machine-card>strong{font-size:11px;line-height:1.5}.ag-live.is-focused .ag-live-machine-card>span{margin-top:1px;font-size:9px}.ag-live.is-focused .ag-live-queue{display:none}.ag-live.is-focused .ag-live-stage-action{min-height:25px;margin-top:7px;padding:5px 7px}.ag-live.is-focused .ag-live-shift{gap:5px;margin-top:5px;padding-top:5px}.ag-live.is-focused .ag-live-shift>span{font-size:8px}.ag-live.is-focused .ag-live-shift b{font-size:10px}.ag-live.is-focused .ag-live-legend{margin-top:5px;padding:6px 1px;font-size:9px}.ag-live.is-focused .ag-live-legend>span:last-child{width:auto;margin-left:auto}.ag-live.is-focused .ag-live-pan-hint{display:none}}