*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-y-0{bottom:0;top:0}.-bottom-12{bottom:-3rem}.-left-12{left:-3rem}.-right-12{right:-3rem}.-top-12{top:-3rem}.bottom-0{bottom:0}.left-0{left:0}.left-1{left:.25rem}.left-1\/2{left:50%}.left-2{left:.5rem}.left-\[50\%\]{left:50%}.right-0{right:0}.right-1{right:.25rem}.right-2{right:.5rem}.right-4{right:1rem}.top-0{top:0}.top-1{top:.25rem}.top-1\/2{top:50%}.top-4{top:1rem}.top-6{top:1.5rem}.top-\[1px\]{top:1px}.top-\[50\%\]{top:50%}.top-\[60\%\]{top:60%}.top-full{top:100%}.isolate{isolation:isolate}.z-10{z-index:10}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[1\]{z-index:1}.order-1{order:1}.m-1{margin:.25rem}.m-2{margin:.5rem}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-bottom:.25rem;margin-top:.25rem}.-ml-4{margin-left:-1rem}.-mt-4{margin-top:-1rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.ms-1{-webkit-margin-start:.25rem;margin-inline-start:.25rem}.ms-9{-webkit-margin-start:2.25rem;margin-inline-start:2.25rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-24{margin-top:6rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[1px\]{height:1px}.h-\[var\(--radix-navigation-menu-viewport-height\)\]{height:var(--radix-navigation-menu-viewport-height)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-\[--radix-context-menu-content-available-height\]{max-height:var(--radix-context-menu-content-available-height)}.max-h-\[--radix-select-content-available-height\]{max-height:var(--radix-select-content-available-height)}.max-h-\[300px\]{max-height:300px}.max-h-\[88vh\]{max-height:88vh}.max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-screen{max-height:100vh}.min-h-\[88px\]{min-height:88px}.w-10{width:2.5rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-4{width:1rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[100px\]{width:100px}.w-\[1px\]{width:1px}.w-full{width:100%}.w-max{width:-webkit-max-content;width:max-content}.w-px{width:1px}.min-w-0{min-width:0}.min-w-10{min-width:2.5rem}.min-w-8{min-width:2rem}.min-w-9{min-width:2.25rem}.min-w-\[12rem\]{min-width:12rem}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.max-w-5xl{max-width:64rem}.max-w-lg{max-width:32rem}.max-w-max{max-width:-webkit-max-content;max-width:max-content}.flex-1{flex:1 1}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-full{flex-basis:100%}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.origin-\[--radix-context-menu-content-transform-origin\]{transform-origin:var(--radix-context-menu-content-transform-origin)}.origin-\[--radix-dropdown-menu-content-transform-origin\]{transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\[--radix-hover-card-content-transform-origin\]{transform-origin:var(--radix-hover-card-content-transform-origin)}.origin-\[--radix-menubar-content-transform-origin\]{transform-origin:var(--radix-menubar-content-transform-origin)}.origin-\[--radix-popover-content-transform-origin\]{transform-origin:var(--radix-popover-content-transform-origin)}.origin-\[--radix-select-content-transform-origin\]{transform-origin:var(--radix-select-content-transform-origin)}.origin-\[--radix-tooltip-content-transform-origin\]{transform-origin:var(--radix-tooltip-content-transform-origin)}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.translate-x-\[-50\%\]{--tw-translate-x:-50%}.translate-x-\[-50\%\],.translate-y-\[-50\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50\%\]{--tw-translate-y:-50%}.rotate-45{--tw-rotate:45deg}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate:90deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;user-select:none}.select-all{-webkit-user-select:all;user-select:all}.resize{resize:both}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.375rem*var(--tw-space-y-reverse));margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:12px;border-radius:var(--radius)}.rounded-md{border-radius:10px;border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:8px;border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:.75rem}.rounded-t-\[10px\]{border-top-left-radius:10px;border-top-right-radius:10px}.rounded-tl-sm{border-top-left-radius:8px;border-top-left-radius:calc(var(--radius) - 4px)}.border{border-width:1px}.border-2{border-width:2px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-t-4{border-top-width:4px}.border-amber-200{--tw-border-opacity:1;border-color:#fde68a;border-color:rgb(253 230 138/var(--tw-border-opacity,1))}.border-destructive{border-color:hsl(var(--destructive))}.border-destructive\/50{border-color:hsl(var(--destructive)/.5)}.border-emerald-200{--tw-border-opacity:1;border-color:#a7f3d0;border-color:rgb(167 243 208/var(--tw-border-opacity,1))}.border-gray-100{--tw-border-opacity:1;border-color:#f3f4f6;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:#e5e7eb;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-input{border-color:hsl(var(--input))}.border-primary{border-color:hsl(var(--primary))}.border-primary\/50{border-color:hsl(var(--primary)/.5)}.border-red-200{--tw-border-opacity:1;border-color:#fecaca;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-rose-200{--tw-border-opacity:1;border-color:#fecdd3;border-color:rgb(254 205 211/var(--tw-border-opacity,1))}.border-sky-200{--tw-border-opacity:1;border-color:#bae6fd;border-color:rgb(186 230 253/var(--tw-border-opacity,1))}.border-transparent{border-color:#0000}.border-l-transparent{border-left-color:#0000}.border-t-sky-500{--tw-border-opacity:1;border-top-color:#0ea5e9;border-top-color:rgb(14 165 233/var(--tw-border-opacity,1))}.border-t-transparent{border-top-color:#0000}.bg-accent{background-color:hsl(var(--accent))}.bg-amber-50{--tw-bg-opacity:1;background-color:#fffbeb;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-amber-500{--tw-bg-opacity:1;background-color:#f59e0b;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-background{background-color:hsl(var(--background))}.bg-black\/80{background-color:#000c}.bg-blue-600{--tw-bg-opacity:1;background-color:#2563eb;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-border{background-color:hsl(var(--border))}.bg-card{background-color:hsl(var(--card))}.bg-destructive{background-color:hsl(var(--destructive))}.bg-emerald-50{--tw-bg-opacity:1;background-color:#ecfdf5;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.bg-emerald-600{--tw-bg-opacity:1;background-color:#059669;background-color:rgb(5 150 105/var(--tw-bg-opacity,1))}.bg-foreground{background-color:hsl(var(--foreground))}.bg-gray-100{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:#f9fafb;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-muted{background-color:hsl(#F1F5F9);background-color:hsl(var(--muted))}.bg-muted\/50{background-color:hsl(#F1F5F9/.5);background-color:hsl(var(--muted)/.5)}.bg-popover{background-color:hsl(var(--popover))}.bg-primary{background-color:hsl(var(--primary))}.bg-primary\/10{background-color:hsl(var(--primary)/.1)}.bg-primary\/20{background-color:hsl(var(--primary)/.2)}.bg-red-50{--tw-bg-opacity:1;background-color:#fef2f2;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-rose-50{--tw-bg-opacity:1;background-color:#fff1f2;background-color:rgb(255 241 242/var(--tw-bg-opacity,1))}.bg-secondary{background-color:hsl(var(--secondary))}.bg-sky-50{--tw-bg-opacity:1;background-color:#f0f9ff;background-color:rgb(240 249 255/var(--tw-bg-opacity,1))}.bg-transparent{background-color:initial}.bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.fill-current{fill:currentColor}.fill-primary{fill:hsl(var(--primary))}.p-0{padding:0}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-\[1px\]{padding:1px}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pl-2{padding-left:.5rem}.pl-2\.5{padding-left:.625rem}.pl-4{padding-left:1rem}.pl-8{padding-left:2rem}.pr-2{padding-right:.5rem}.pr-2\.5{padding-right:.625rem}.pr-6{padding-right:1.5rem}.pr-8{padding-right:2rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[0\.8rem\]{font-size:.8rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-feature-settings:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-accent-foreground{color:hsl(var(--accent-foreground))}.text-amber-500{--tw-text-opacity:1;color:#f59e0b;color:rgb(245 158 11/var(--tw-text-opacity,1))}.text-amber-700{--tw-text-opacity:1;color:#b45309;color:rgb(180 83 9/var(--tw-text-opacity,1))}.text-amber-800{--tw-text-opacity:1;color:#92400e;color:rgb(146 64 14/var(--tw-text-opacity,1))}.text-card-foreground{color:hsl(var(--card-foreground))}.text-current{color:currentColor}.text-destructive{color:hsl(var(--destructive))}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-emerald-600{--tw-text-opacity:1;color:#059669;color:rgb(5 150 105/var(--tw-text-opacity,1))}.text-emerald-800{--tw-text-opacity:1;color:#065f46;color:rgb(6 95 70/var(--tw-text-opacity,1))}.text-foreground{color:hsl(var(--foreground))}.text-foreground\/50{color:hsl(var(--foreground)/.5)}.text-gray-400{--tw-text-opacity:1;color:#9ca3af;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:#4b5563;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:#374151;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:#1f2937;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:#111827;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:#15803d;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-popover-foreground{color:hsl(var(--popover-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-red-600{--tw-text-opacity:1;color:#dc2626;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:#b91c1c;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:#991b1b;color:rgb(153 27 27/var(--tw-text-opacity,1))}.text-rose-700{--tw-text-opacity:1;color:#be123c;color:rgb(190 18 60/var(--tw-text-opacity,1))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-sky-800{--tw-text-opacity:1;color:#075985;color:rgb(7 89 133/var(--tw-text-opacity,1))}.text-slate-900{--tw-text-opacity:1;color:#0f172a;color:rgb(15 23 42/var(--tw-text-opacity,1))}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-lg{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.shadow-none{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid #0000;outline-offset:2px}.outline{outline-style:solid}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-0,.ring-1{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-ring{--tw-ring-color:hsl(var(--ring))}.ring-offset-background{--tw-ring-offset-color:hsl(var(--background))}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.\!filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-1000{transition-duration:1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes enter{0%{opacity:1;opacity:var(--tw-enter-opacity,1);transform:translateZ(0) scaleX(1) rotate(0);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:1;opacity:var(--tw-exit-opacity,1);transform:translateZ(0) scaleX(1) rotate(0);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.animate-in{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-duration:.15s;animation-name:enter}.fade-in-0{--tw-enter-opacity:0}.zoom-in{--tw-enter-scale:0}.zoom-in-95{--tw-enter-scale:.95}.zoom-out{--tw-exit-scale:0}.duration-1000{animation-duration:1s}.duration-150{animation-duration:.15s}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.running{animation-play-state:running}.paused{animation-play-state:paused}:root{--ep-dark:#0f3d2e;--ep-primary:#176b4d;--ep-accent:#2f8f6b;--paper:#f8fafc;--surface:#fff;--muted:#f1f5f9;--ink:#0f172a;--soft:#64748b;--line:#e2e8f0;--blue:#2563eb;--red:#dc2626;--amber:#d97706;--green:#059669;--radius:12px;--radius-sm:4px;--radius-xl:16px;--radius-2xl:20px;--ctrl-h-compact:28px;--shadow:0 1px 2px #0f172a0d,0 10px 28px #0f172a0f;--color-input-bg:#e0f2fe;--color-input-border:#38bdf8;--color-input-hover:#0ea5e9;--color-input-focus:#0284c7;--color-input-text:#0f172a;--color-input-placeholder:#94a3b8;--color-input-ring:#0ea5e947;--color-readonly-bg:#f1f5f9;--color-readonly-border:#e2e8f0;--color-readonly-text:#475569;--color-card-bg:#fff;--color-card-border:#e2e8f0;--color-sales:#0d9488;--color-production:#4f46e5;--color-purchasing:#d97706;--color-inventory:#65a30d;--color-hr:#7c3aed;--color-payroll:#4f46e5;--color-admin:#c026d3;--color-route:#0891b2;--color-settings:#334155;--color-dashboard:#0891b2;--color-reports:#2563eb;--mod:#0891b2;--mod-strong:#0e7490;--mod-soft:#ecfeff;--mod-border:#67e8f9;--mod-ink:#155e75}*{box-sizing:border-box}body{background:#f8fafc;background:var(--paper);color:#0f172a;color:var(--ink);font-family:IBM Plex Sans,sans-serif;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}::selection{background:#bae6fd}::placeholder{color:#94a3b8;color:var(--color-input-placeholder)}.eternal-boot{align-items:center;background:#f8fafc;color:#0b1f2a;display:flex;flex-direction:column;font-family:IBM Plex Sans,Segoe UI,sans-serif;gap:8px;justify-content:center;margin:0;min-height:100vh;min-height:100dvh;text-align:center}.eternal-boot-kicker{color:#0b1f2a;font-size:11px;font-weight:700;letter-spacing:.14em;margin:0}.eternal-boot-msg{color:#64748b;font-size:14px;margin:0}.file\:border-0::-webkit-file-upload-button{border-width:0}.file\:border-0::file-selector-button{border-width:0}.file\:bg-transparent::-webkit-file-upload-button{background-color:initial}.file\:bg-transparent::file-selector-button{background-color:initial}.file\:text-sm::-webkit-file-upload-button{font-size:.875rem;line-height:1.25rem}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::-webkit-file-upload-button{font-weight:500}.file\:font-medium::file-selector-button{font-weight:500}.placeholder\:text-muted-foreground::placeholder{color:hsl(var(--muted-foreground))}.placeholder\:text-slate-400::placeholder{--tw-text-opacity:1;color:#94a3b8;color:rgb(148 163 184/var(--tw-text-opacity,1))}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-y-0:after{bottom:0;content:var(--tw-content);top:0}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:w-1:after{content:var(--tw-content);width:.25rem}.after\:-translate-x-1\/2:after{--tw-translate-x:-50%;content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.first\:rounded-l-md:first-child{border-bottom-left-radius:10px;border-bottom-left-radius:calc(var(--radius) - 2px);border-top-left-radius:10px;border-top-left-radius:calc(var(--radius) - 2px)}.first\:border-l:first-child{border-left-width:1px}.last\:rounded-r-md:last-child{border-bottom-right-radius:10px;border-bottom-right-radius:calc(var(--radius) - 2px);border-top-right-radius:10px;border-top-right-radius:calc(var(--radius) - 2px)}.read-only\:border-slate-200:read-only{--tw-border-opacity:1;border-color:#e2e8f0;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.read-only\:bg-slate-100:read-only{--tw-bg-opacity:1;background-color:#f1f5f9;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.read-only\:text-slate-600:read-only{--tw-text-opacity:1;color:#475569;color:rgb(71 85 105/var(--tw-text-opacity,1))}.focus-within\:relative:focus-within{position:relative}.focus-within\:z-20:focus-within{z-index:20}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive)/.9)}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:#f9fafb;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-muted:hover{background-color:hsl(#F1F5F9);background-color:hsl(var(--muted))}.hover\:bg-muted\/50:hover{background-color:hsl(#F1F5F9/.5);background-color:hsl(var(--muted)/.5)}.hover\:bg-primary:hover{background-color:hsl(var(--primary))}.hover\:bg-primary\/80:hover{background-color:hsl(var(--primary)/.8)}.hover\:bg-primary\/90:hover{background-color:hsl(var(--primary)/.9)}.hover\:bg-rose-100:hover{--tw-bg-opacity:1;background-color:#ffe4e6;background-color:rgb(255 228 230/var(--tw-bg-opacity,1))}.hover\:bg-secondary:hover{background-color:hsl(var(--secondary))}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary)/.8)}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:text-foreground:hover{color:hsl(var(--foreground))}.hover\:text-muted-foreground:hover{color:hsl(var(--muted-foreground))}.hover\:text-primary-foreground:hover{color:hsl(var(--primary-foreground))}.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.focus\:bg-accent:focus{background-color:hsl(var(--accent))}.focus\:bg-primary:focus{background-color:hsl(var(--primary))}.focus\:text-accent-foreground:focus{color:hsl(var(--accent-foreground))}.focus\:text-primary-foreground:focus{color:hsl(var(--primary-foreground))}.focus\:opacity-100:focus{opacity:1}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-1:focus,.focus\:ring-2:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-ring:focus{--tw-ring-color:hsl(var(--ring))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\:outline-none:focus-visible{outline:2px solid #0000;outline-offset:2px}.focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:hsl(var(--ring))}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:hsl(var(--background))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:opacity-100{opacity:1}.group.destructive .group-\[\.destructive\]\:border-muted\/40{border-color:hsl(#F1F5F9/.4);border-color:hsl(var(--muted)/.4)}.group.toaster .group-\[\.toaster\]\:border-border{border-color:hsl(var(--border))}.group.toast .group-\[\.toast\]\:bg-muted{background-color:hsl(#F1F5F9);background-color:hsl(var(--muted))}.group.toast .group-\[\.toast\]\:bg-primary{background-color:hsl(var(--primary))}.group.toaster .group-\[\.toaster\]\:bg-background{background-color:hsl(var(--background))}.group.destructive .group-\[\.destructive\]\:text-red-300{--tw-text-opacity:1;color:#fca5a5;color:rgb(252 165 165/var(--tw-text-opacity,1))}.group.toast .group-\[\.toast\]\:text-muted-foreground{color:hsl(var(--muted-foreground))}.group.toast .group-\[\.toast\]\:text-primary-foreground{color:hsl(var(--primary-foreground))}.group.toaster .group-\[\.toaster\]\:text-foreground{color:hsl(var(--foreground))}.group.toaster .group-\[\.toaster\]\:shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover{border-color:hsl(var(--destructive)/.3)}.group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover{background-color:hsl(var(--destructive))}.group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover{color:hsl(var(--destructive-foreground))}.group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover{--tw-text-opacity:1;color:#fef2f2;color:rgb(254 242 242/var(--tw-text-opacity,1))}.group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus{--tw-ring-color:hsl(var(--destructive))}.group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(248 113 113/var(--tw-ring-opacity,1))}.group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus{--tw-ring-offset-color:#dc2626}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.has-\[\:disabled\]\:opacity-50:has(:disabled){opacity:.5}.aria-selected\:bg-accent[aria-selected=true]{background-color:hsl(var(--accent))}.aria-selected\:bg-accent\/50[aria-selected=true]{background-color:hsl(var(--accent)/.5)}.aria-selected\:text-accent-foreground[aria-selected=true]{color:hsl(var(--accent-foreground))}.aria-selected\:text-muted-foreground[aria-selected=true]{color:hsl(var(--muted-foreground))}.aria-selected\:opacity-100[aria-selected=true]{opacity:1}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true],.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction=vertical]{height:1px}.data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction=vertical]{width:100%}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:0.25rem}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom],.data-\[side\=left\]\:-translate-x-1[data-side=left]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:-0.25rem}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:0.25rem}.data-\[side\=right\]\:translate-x-1[data-side=right],.data-\[side\=top\]\:-translate-y-1[data-side=top]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:-0.25rem}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x:1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked],.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x:var(--radix-toast-swipe-end-x)}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end],.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x:var(--radix-toast-swipe-move-x)}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:accordion-up .2s ease-out}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:accordion-down .2s ease-out}.data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction=vertical]{flex-direction:column}.data-\[selected\=true\]\:bg-accent[data-selected=true]{background-color:hsl(var(--accent))}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:hsl(var(--background))}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:hsl(var(--primary))}.data-\[state\=on\]\:bg-accent[data-state=on],.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:hsl(var(--accent))}.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:hsl(var(--accent)/.5)}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:hsl(var(--secondary))}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:hsl(#F1F5F9);background-color:hsl(var(--muted))}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:hsl(var(--input))}.data-\[placeholder\]\:text-slate-400[data-placeholder]{--tw-text-opacity:1;color:#94a3b8;color:rgb(148 163 184/var(--tw-text-opacity,1))}.data-\[selected\=true\]\:text-accent-foreground[data-selected=true]{color:hsl(var(--accent-foreground))}.data-\[state\=active\]\:text-foreground[data-state=active]{color:hsl(var(--foreground))}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:hsl(var(--primary-foreground))}.data-\[state\=on\]\:text-accent-foreground[data-state=on],.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:hsl(var(--accent-foreground))}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:hsl(var(--muted-foreground))}.data-\[disabled\=true\]\:opacity-50[data-disabled=true],.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=active\]\:shadow[data-state=active]{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}.data-\[state\=closed\]\:duration-300[data-state=closed]{transition-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{transition-duration:.5s}.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-],.data-\[state\=open\]\:animate-in[data-state=open],.data-\[state\=visible\]\:animate-in[data-state=visible]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-duration:.15s;animation-name:enter}.data-\[motion\^\=to-\]\:animate-out[data-motion^=to-],.data-\[state\=closed\]\:animate-out[data-state=closed],.data-\[state\=hidden\]\:animate-out[data-state=hidden],.data-\[swipe\=end\]\:animate-out[data-swipe=end]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-duration:.15s;animation-name:exit}.data-\[motion\^\=from-\]\:fade-in[data-motion^=from-]{--tw-enter-opacity:0}.data-\[motion\^\=to-\]\:fade-out[data-motion^=to-],.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:fade-out-80[data-state=closed]{--tw-exit-opacity:0.8}.data-\[state\=hidden\]\:fade-out[data-state=hidden]{--tw-exit-opacity:0}.data-\[state\=open\]\:fade-in-0[data-state=open],.data-\[state\=visible\]\:fade-in[data-state=visible]{--tw-enter-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:zoom-in-90[data-state=open]{--tw-enter-scale:.9}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end]{--tw-enter-translate-x:13rem}.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start]{--tw-enter-translate-x:-13rem}.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end]{--tw-exit-translate-x:13rem}.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start]{--tw-exit-translate-x:-13rem}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-0.5rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:0.5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-0.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:0.5rem}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x:-50%}.data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed],.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y:-48%}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x:-50%}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y:-48%}.data-\[state\=open\]\:slide-in-from-top-full[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=closed\]\:duration-300[data-state=closed]{animation-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{animation-duration:.5s}.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);left:0}.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction=vertical]:after{content:var(--tw-content);height:.25rem}.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction=vertical]:after{content:var(--tw-content);width:100%}.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction=vertical]:after{--tw-translate-y:-50%;content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction=vertical]:after{--tw-translate-x:0px;content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=open\]\:focus\:bg-accent:focus[data-state=open],.data-\[state\=open\]\:hover\:bg-accent:hover[data-state=open]{background-color:hsl(var(--accent))}.group[data-state=open] .group-data-\[state\=open\]\:rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dark\:border-destructive:is(.dark *){border-color:hsl(var(--destructive))}@media (min-width:640px){.sm\:bottom-0{bottom:0}.sm\:right-0{right:0}.sm\:top-auto{top:auto}.sm\:mt-0{margin-top:0}.sm\:inline{display:inline}.sm\:w-auto{width:auto}.sm\:max-w-sm{max-width:24rem}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:justify-end{justify-content:flex-end}.sm\:gap-2\.5{gap:.625rem}.sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.sm\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.sm\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}.sm\:rounded-lg{border-radius:12px;border-radius:var(--radius)}.sm\:text-left{text-align:left}.data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state=open]{--tw-enter-translate-y:100%}}@media (min-width:768px){.md\:absolute{position:absolute}.md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width:var(--radix-navigation-menu-viewport-width)}.md\:w-auto{width:auto}.md\:max-w-\[420px\]{max-width:420px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width:1024px){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.\[\&\+div\]\:text-xs+div{font-size:.75rem;line-height:1rem}.\[\&\:has\(\>\.day-range-end\)\]\:rounded-r-md:has(>.day-range-end){border-bottom-right-radius:10px;border-bottom-right-radius:calc(var(--radius) - 2px);border-top-right-radius:10px;border-top-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\>\.day-range-start\)\]\:rounded-l-md:has(>.day-range-start){border-bottom-left-radius:10px;border-bottom-left-radius:calc(var(--radius) - 2px);border-top-left-radius:10px;border-top-left-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\)\]\:rounded-md:has([aria-selected]){border-radius:10px;border-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]){background-color:hsl(var(--accent))}.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child{border-bottom-left-radius:10px;border-bottom-left-radius:calc(var(--radius) - 2px);border-top-left-radius:10px;border-top-left-radius:calc(var(--radius) - 2px)}.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child{border-bottom-right-radius:10px;border-bottom-right-radius:calc(var(--radius) - 2px);border-top-right-radius:10px;border-top-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-accent\/50:has([aria-selected].day-outside){background-color:hsl(var(--accent)/.5)}.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end){border-bottom-right-radius:10px;border-bottom-right-radius:calc(var(--radius) - 2px);border-top-right-radius:10px;border-top-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y:2px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\>span\]\:line-clamp-1>span{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden}.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{--tw-translate-y:-3px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\>svg\]\:absolute>svg{position:absolute}.\[\&\>svg\]\:left-4>svg{left:1rem}.\[\&\>svg\]\:top-4>svg{top:1rem}.\[\&\>svg\]\:size-4>svg{height:1rem;width:1rem}.\[\&\>svg\]\:h-3\.5>svg{height:.875rem}.\[\&\>svg\]\:w-3\.5>svg{width:.875rem}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:text-destructive>svg{color:hsl(var(--destructive))}.\[\&\>svg\]\:text-foreground>svg{color:hsl(var(--foreground))}.\[\&\>svg\~\*\]\:pl-7>svg~*{padding-left:1.75rem}.\[\&\>tr\]\:last\:border-b-0:last-child>tr{border-bottom-width:0}.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div{--tw-rotate:90deg}.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div,.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{--tw-rotate:180deg}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-bottom:.375rem;padding-top:.375rem}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:.75rem;line-height:1rem}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{font-weight:500}.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:hsl(var(--muted-foreground))}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:0}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:1.25rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:1.25rem}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:3rem}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-bottom:.75rem;padding-top:.75rem}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:1.25rem}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:1.25rem}.\[\&_p\]\:leading-relaxed p{line-height:1.625}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{height:1rem;width:1rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-width:0}.\[\&_tr\]\:border-b tr{border-bottom-width:1px}.mop-root{--mop-bg:#f4f6f7;--mop-card:#fff;--mop-ink:#102027;--mop-muted:#5b6b73;--mop-line:#d7dee2;--mop-header:#0b1f2a;--mop-ws:#12313c;--mop-primary:#0e7490;--mop-primary-ink:#fff;--mop-idle:#64748b;--mop-process:#b45309;--mop-done:#15803d;--mop-wait:#a16207;--mop-danger:#b91c1c;--mop-radius:12px;--mop-nav-h:0px;background:var(--mop-bg);color:var(--mop-ink);font-family:IBM Plex Sans,Segoe UI,sans-serif;min-height:100dvh}.mop-root *{box-sizing:border-box}.mop-shell{background:var(--mop-bg);display:flex;flex-direction:column;margin:0 auto;max-width:480px;min-height:100dvh;padding-bottom:env(safe-area-inset-bottom,0)}.mop-shell--sidebar{max-width:560px}.mop-topbar{background:#fff;border-bottom:1px solid #d5dee6;color:#12233d;min-height:40px;padding:calc(2px + env(safe-area-inset-top, 0px)) 4px 2px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.mop-topbar-row{align-items:center;display:flex;gap:8px;min-width:0}.mop-topbar-menu{align-items:center;background:#f1f5f8;border:0;border-radius:10px;color:#0b2b42;cursor:pointer;display:inline-flex;flex:0 0 auto;height:36px;justify-content:center;margin:0;width:36px}.mop-topbar-menu.is-open{background:#e4ebf0}.mop-header-actions{align-items:center;display:flex;flex:0 0 auto;gap:2px;margin-left:auto}.mop-header-action{align-items:center;border-radius:10px;color:#0b2b42;display:inline-flex;flex:0 0 auto;height:36px;justify-content:center;position:relative;text-decoration:none;width:36px}.mop-header-action-badge{background:#d64545;border-radius:999px;color:#fff;font-size:9px;font-weight:800;height:16px;line-height:16px;min-width:16px;padding:0 4px;position:absolute;right:0;text-align:center;top:2px}.mop-topbar--unified .mop-back{color:#0b2b42}.mop-topbar-text{flex:1 1;min-width:0}.mop-topbar-kicker{color:#7b8da0;font-size:11px;font-weight:700;letter-spacing:.08em;margin:0;text-transform:uppercase}.mop-topbar-title-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:8px 12px;justify-content:space-between;margin-top:2px;min-width:0}.mop-topbar h1,.mop-topbar-title{-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;color:#12233d;display:-webkit-box;flex:1 1 12rem;font-size:18px;font-weight:800;line-height:1.2;margin:0;min-width:0;overflow:hidden;overflow-wrap:anywhere}.mop-topbar-title-spacer{flex:1 1 auto;min-width:0}.mop-topbar-meta{font-feature-settings:"tnum";color:#5b6f80;flex:0 1 auto;font-size:12px;font-variant-numeric:tabular-nums;font-weight:500;line-height:1.25;margin:0;max-width:100%;overflow-wrap:anywhere;text-align:right;white-space:normal}.mop-topbar-sub{color:#5b6f80;font-size:12px;margin:4px 0 0}.mop-content{flex:1 1;overflow-x:hidden;padding:12px 12px 20px}.mop-datebar{align-items:center;background:#fff;border:1px solid var(--mop-line);border-radius:var(--mop-radius);display:flex;gap:4px;margin-bottom:8px;padding:4px}.mop-datebar strong{flex:1 1;font-size:14px;font-weight:800;text-align:center}.mop-datebar-btn{align-items:center;background:#0000;border:0;color:var(--mop-ink);display:flex;flex:0 0 auto;justify-content:center;min-height:44px;min-width:44px}.mop-section-title{font-size:13px;font-weight:800;margin:12px 0 8px}.mop-bottom-nav{display:none}.mop-sidebar-backdrop{align-items:stretch;background:#0b1f2a73;display:flex;inset:0;justify-content:flex-start;position:fixed;z-index:80}.mop-sidebar{background:#fff;border-right:1px solid var(--mop-line);box-shadow:8px 0 28px #0b1f2a1f;box-sizing:border-box;height:100%;max-height:100dvh;max-width:300px;overflow:auto;padding:calc(12px + env(safe-area-inset-top, 0px)) 12px calc(12px + env(safe-area-inset-bottom, 0px));width:min(82vw,300px)}.mop-sidebar-head{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:10px}.mop-sidebar-head h2{font-size:15px;font-weight:800;margin:0}.mop-sidebar-list{display:flex;flex-direction:column;gap:4px}.mop-sidebar-item{align-items:center;border:1px solid #0000;border-radius:12px;box-sizing:border-box;color:#0b1f2a;color:var(--mop-ink,#0b1f2a);display:flex;font-size:14px;font-weight:700;gap:10px;min-height:44px;padding:8px 10px;text-decoration:none}.mop-sidebar-item.is-active{background:color-mix(in srgb,var(--mop-primary) 10%,#fff);border-color:color-mix(in srgb,var(--mop-primary) 28%,var(--mop-line));color:var(--mop-primary)}.mop-sidebar-item-label{flex:1 1;min-width:0}.mop-menu-backdrop,.mop-menu-popup{display:none}.mop-nav-menu-trigger{cursor:pointer;position:relative;width:100%}.mop-menu-close{align-items:center;background:#0000;border:0;border-radius:10px;color:var(--mop-muted);cursor:pointer;display:inline-flex;justify-content:center;min-height:36px;min-width:36px}.mop-menu-list{display:flex;flex-direction:column;gap:4px}.mop-menu-item{align-items:center;border:1px solid #0000;border-radius:12px;box-sizing:border-box;color:#0b1f2a;color:var(--mop-ink,#0b1f2a);display:flex;font-size:14px;font-weight:700;gap:10px;min-height:44px;padding:8px 10px;text-decoration:none}.mop-menu-item.is-active{background:color-mix(in srgb,var(--mop-primary) 10%,#fff);border-color:color-mix(in srgb,var(--mop-primary) 28%,var(--mop-line));color:var(--mop-primary)}.mop-menu-item-label{flex:1 1;min-width:0}.mop-menu-item-badge{align-items:center;background:#d64545;border-radius:999px;color:#fff;display:inline-flex;font-size:11px;font-weight:800;height:20px;justify-content:center;min-width:20px;padding:0 6px}.mop-ops-quick{-webkit-overflow-scrolling:touch;display:flex;flex:1 1 auto;flex-wrap:nowrap;gap:6px;min-width:0;overflow-x:auto;padding:2px 10px}.mop-ops-chip{align-items:center;background:#fff;border:1px solid var(--mop-line);border-radius:999px;color:#334155;cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:12px;font-weight:700;gap:6px;min-height:28px;padding:0 6px 0 10px;position:relative;white-space:nowrap}.mop-ops-chip.is-active{background:#0b1f2a;border-color:#0b1f2a;color:#fff}.mop-ops-chip--terlambat:not(.is-active){background:#fee2e2;border-color:#fecaca;color:#b91c1c}.mop-ops-chip-count{font-feature-settings:"tnum";background:#eef2f6;border-radius:999px;color:inherit;font-size:11px;font-variant-numeric:tabular-nums;font-weight:800;min-width:1.4em;padding:1px 7px}.mop-ops-chip.is-active .mop-ops-chip-count{background:#ffffff29;color:#fff}.mop-ops-chip--terlambat:not(.is-active) .mop-ops-chip-count{background:#fff;color:#b91c1c}.mop-ops-roles{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid var(--mop-line);border-radius:10px;display:flex;flex:0 0 auto;gap:4px;overflow-x:auto;overflow-y:visible;padding:10px 10px 6px;scrollbar-width:thin}.mop-ops-role{align-items:center;background:#0000;border:0;border-radius:0;box-shadow:none;color:#0b1f2a;display:flex;flex:0 0 auto;flex-direction:column;gap:2px;margin:0;min-width:88px;padding:14px 8px 4px;position:relative;text-align:center}.mop-ops-role:not(:last-child):after{display:none}.mop-ops-role.is-interactive{cursor:pointer}.mop-ops-role.is-active{background:#f1f5f9;border-radius:10px}.mop-ops-role-label{color:#0b1f2a;font-size:11px;font-weight:800;letter-spacing:0;line-height:1.15;text-transform:none;white-space:nowrap}.mop-ops-role-count{font-feature-settings:"tnum";background:#0b1f2a;border-radius:999px;color:#fff;font-size:11px;font-variant-numeric:tabular-nums;font-weight:800;left:50%;line-height:1.3;min-width:1.5em;padding:1px 6px;position:absolute;top:2px;transform:translateX(-50%)}.mop-ops-role-count.is-pending{background:#e8eef3;color:#94a3b8;font-weight:600}.mop-ops-role-urgent{color:#dc2626;font-size:10px;font-weight:700}.mop-ops-identity{display:flex;flex-direction:column;gap:1px;min-width:0}.mop-ops-customer{color:#0b1f2a;display:block;font-size:13px;font-size:calc(13px*var(--production-sheet-zoom, 1));font-weight:800;line-height:1.2}.mop-ops-po{color:#64748b;display:block;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;font-size:calc(11px*var(--production-sheet-zoom, 1));font-weight:500}.mop-ops-item-line{align-items:baseline;display:flex;gap:8px;justify-content:space-between}.mop-ops-item-name{min-width:0}.mop-ops-item-qty{font-feature-settings:"tnum";flex:0 0 auto;font-family:IBM Plex Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums;font-weight:800;text-align:right}.mop-root--sidebar:has(.mop-schedule-root) .mop-shell,.mop-root--sidebar:has(.mop-schedule-root) .mop-shell--sidebar{max-width:min(1440px,100%)}.mop-schedule-root .mop-topbar{background:#fff;border-bottom:1px solid var(--mop-line);color:#0b1f2a;padding:calc(8px + env(safe-area-inset-top, 0px)) 14px 8px}.mop-schedule-root .mop-topbar-menu{background:#f1f5f7;color:#0b1f2a;height:36px;width:36px}.mop-schedule-root .mop-topbar-kicker{color:#64748b;letter-spacing:.08em}.mop-schedule-root .mop-topbar-title{color:#0b1f2a;font-size:20px}.mop-schedule-root .production-sheet-viewport{border:1px solid var(--mop-line);border-radius:12px;overflow:auto}.mop-schedule-root .production-sheet-table tbody td{padding:7px 8px;padding:calc(7px*var(--production-sheet-zoom, 1)) calc(8px*var(--production-sheet-zoom, 1));vertical-align:top}.mop-ops-unsupported{color:#94a3b8;font-weight:700}.mop-ops-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:9px;font-size:calc(9px*var(--production-sheet-zoom, 1));font-weight:800;letter-spacing:.02em;min-height:18px;padding:1px 6px;white-space:nowrap}.mop-ops-badge-red{background:#fee2e2;color:#b91c1c}.mop-ops-badge-orange{background:#ffedd5;color:#c2410c}.mop-ops-badge-yellow{background:#fef9c3;color:#a16207}.mop-ops-badge-gray{background:#e5e7eb;color:#4b5563}.mop-ops-badge-urgent{background:#fee2e2;color:#991b1b}.mop-qty-progress{font-feature-settings:"tnum";align-items:flex-end;display:flex;flex-direction:column;font-variant-numeric:tabular-nums;font-weight:700;gap:2px}.mop-qty-progress-bar{background:#e5e7eb;border-radius:1px;height:2px;overflow:hidden;width:100%}.mop-qty-progress-fill{background:var(--mop-primary);height:100%}.mop-ds-toolbar{flex-wrap:nowrap;gap:0;max-width:100%;min-width:0;overflow:hidden}.mop-ds-filter-btn.is-active{border-color:color-mix(in srgb,var(--mop-primary) 40%,var(--mop-line));color:var(--mop-primary)}.mop-ds-actions{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.mop-ds-filter-backdrop{align-items:flex-start;background:#0b1f2a73;box-sizing:border-box;display:flex;inset:0;justify-content:center;padding:calc(56px + env(safe-area-inset-top, 0px)) 12px 12px;position:fixed;z-index:85}.mop-ds-filter-panel{background:#fff;border:1px solid var(--mop-line);border-radius:12px;box-shadow:0 12px 28px #0b1f2a29;box-sizing:border-box;max-height:min(70vh,520px);overflow:auto;padding:12px;width:min(100%,400px)}.mop-ds-filter-head{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.mop-ds-filter-head h3{font-size:15px;font-weight:800;margin:0}.mop-ds-filter-fields{display:flex;flex-direction:column;gap:8px}.mop-ds-filter-field{color:var(--mop-muted);display:flex;flex-direction:column;font-size:12px;font-weight:700;gap:4px}.mop-ds-filter-field input,.mop-ds-filter-field select{background:#fff;border:1px solid var(--mop-line);border-radius:10px;box-sizing:border-box;color:#0b1f2a;color:var(--mop-ink,#0b1f2a);font-size:14px;font-weight:600;min-height:40px;padding:8px 10px}.mop-ds-filter-foot{border-top:1px solid var(--mop-line);display:flex;gap:8px;justify-content:flex-end;margin-top:12px;padding-top:8px}.mop-nav-btn{background:#0000;border:0;color:var(--mop-muted);gap:2px;height:var(--mop-nav-h);justify-content:center;min-height:44px;min-width:0;overflow:hidden;padding:6px 2px;text-decoration:none}.mop-nav-btn,.mop-nav-label{align-items:center;display:flex;flex-direction:column;font-size:10px;font-weight:700}.mop-nav-label{line-height:1.1;text-align:center}.mop-nav-btn.is-active{color:var(--mop-primary)}.mop-summary{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,1fr);margin-bottom:12px}.mop-summary-cell{-webkit-appearance:none;appearance:none;background:var(--mop-card);border:1px solid var(--mop-line);border-radius:10px;color:inherit;cursor:pointer;font:inherit;padding:8px 6px;text-align:center;width:100%}.mop-summary-cell.is-selected{background:color-mix(in srgb,var(--mop-primary) 10%,#fff);border-color:color-mix(in srgb,var(--mop-primary) 55%,var(--mop-line));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--mop-primary) 28%,#0000)}.mop-summary-cell.is-selected span{color:var(--mop-primary)}.mop-summary-cell span{color:var(--mop-muted);display:block;font-size:10px;font-weight:700}.mop-summary-cell strong{display:block;font-size:16px;margin-top:2px}.mop-ws-tab,.mop-ws-tabs{display:none!important}.mop-ws-select{background:#fff;border:1px solid var(--mop-line);border-radius:var(--mop-radius);box-sizing:border-box;display:flex;flex-direction:column;gap:4px;margin:0 0 10px;padding:8px 10px}.mop-ws-select-label{color:var(--mop-muted);font-size:11px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.mop-ws-select select{background:#fff;border:1px solid var(--mop-line);border-radius:10px;color:var(--mop-ink);font-size:14px;font-weight:700;min-height:40px;padding:8px 10px;width:100%}.mop-ws-select--single strong{font-size:14px;font-weight:800}.mop-delivery-schedule-root .mop-ws-select{background:#fff;border:1px solid var(--mop-line);border-radius:12px;margin:0;padding:4px 10px}.mop-delivery-schedule-root .mop-ws-select select{font-size:13px;min-height:32px}.mop-delivery-schedule-root .mop-ds-preview-note{color:#5a6d76;font-size:11px;font-weight:600;margin:0 0 6px;padding:0 2px}.mop-delivery-schedule-root .mop-ds-sheet-viewport{flex:1 1 auto;inset:auto;min-height:180px;overflow:auto;overflow-x:auto;position:relative;transform:none}.mop-delivery-schedule-root .production-sheet-table tbody tr.mop-ds-sj-row>td,.mop-root--ops-wide .mop-delivery-schedule-root .production-sheet-table tbody tr.mop-ds-sj-row>td{border-bottom:1px solid #9aa0a6}.mop-delivery-schedule-root .mds-item-lines{display:flex;flex-direction:column;gap:1px}.mop-delivery-schedule-root .mds-item-line{align-items:baseline;display:flex;gap:8px;justify-content:space-between;white-space:normal}.mop-delivery-schedule-root .mds-item-line-name{min-width:0;overflow-wrap:anywhere}.mop-ds-task-panel{display:flex;flex-direction:column;gap:8px}.mop-ds-task-panel .mop-schedule-filter-actions{justify-content:flex-end}.mop-meta-grid-head{color:var(--mop-muted);font-size:12px;font-weight:800;grid-column:1/-1;letter-spacing:.04em;margin-bottom:2px;text-transform:uppercase}.ship-bar-stack{display:flex;flex-direction:column;gap:2px;min-width:0}.mop-qty-context{color:#6b7280;display:block;font-size:9px;font-size:calc(9px*var(--production-sheet-zoom, 1));font-weight:600;line-height:1.2;white-space:nowrap}.mop-card{background:var(--mop-card);border:1px solid var(--mop-line);border-radius:var(--mop-radius);box-shadow:0 1px 2px #1020270a;color:inherit;display:block;margin-bottom:8px;overflow-x:hidden;padding:12px;text-decoration:none}.mop-card-kicker-row{align-items:center;display:flex;flex-wrap:wrap;gap:6px;min-width:0}.mop-card-kicker{font-size:12px;font-weight:800;letter-spacing:.01em;min-width:0}.mop-card .prod-priority-badges{display:inline-flex;flex-wrap:wrap;gap:4px;min-width:0}.mop-card .standard-badge,.mop-card .urgent-badge{border-radius:4px;font:10.5px IBM Plex Mono,ui-monospace,monospace;letter-spacing:.05em;line-height:1.2;padding:2px 6px;text-transform:uppercase;white-space:nowrap}.mop-card .urgent-badge{background:#fdf3f1;border:1px solid #b42318;color:#b42318}.mop-card .prod-h1-badge{background:#fef4d6;border:1px solid #efd9a1;color:#7a5a1e}.mop-card-title{font-size:14px;font-weight:700;margin:2px 0 0;overflow-wrap:anywhere}.mop-card-sub{color:var(--mop-ink);font-size:13px;margin-top:2px}.mop-card-meta{color:var(--mop-muted);display:flex;font-size:12px;gap:8px;justify-content:flex-end;margin-top:6px}.mop-task-facts{grid-gap:8px 10px;display:grid;gap:8px 10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:8px}.mop-task-fact-label{color:var(--mop-muted);display:block;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.mop-task-fact-value{color:var(--mop-ink);display:block;font-size:12px;font-weight:700;line-height:1.3;margin-top:2px;word-break:break-word}.mop-task-op-line{display:block}.mop-task-facts-secondary{grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr) minmax(0,.85fr)}@media (max-width:420px){.mop-task-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.mop-task-facts-secondary{grid-template-columns:minmax(0,1.5fr) minmax(0,.9fr)}}@media (max-width:320px){.mop-task-facts,.mop-task-facts-secondary{grid-template-columns:1fr}}.mop-search{align-items:center;background:#fff;border:1px solid var(--mop-line);border-radius:10px;display:flex;gap:8px;margin-bottom:10px;min-height:44px;padding:0 10px}.mop-search input{background:#0000;border:0;flex:1 1;font-size:14px;min-height:42px;outline:none}.mop-badge{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:11px;font-weight:800;min-height:22px;padding:0 8px}.mop-badge.is-idle{background:#e2e8f0;color:#334155}.mop-badge.is-process{background:#fef3c7;color:#92400e}.mop-badge.is-wait{background:#fef9c3;color:#854d0e}.mop-badge.is-done{background:#dcfce7;color:#166534}.mop-badge.is-danger{background:#fee2e2;color:#991b1b}.mop-ws-header{background:var(--mop-ws);color:#fff;margin:-12px -12px 12px;padding:12px 16px}.mop-ws-header h2{font-size:16px;letter-spacing:.04em;margin:0}.mop-breadcrumb{color:var(--mop-muted);font-size:12px;margin-bottom:8px}.mop-back{align-items:center;background:#0000;border:0;color:#c5d4da;display:inline-flex;font-weight:700;gap:4px;min-height:44px;padding:0}.mop-meta-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:12px}.mop-meta-grid div{background:#fff;border:1px solid var(--mop-line);border-radius:10px;padding:8px 10px}.mop-meta-grid span{color:var(--mop-muted);display:block;font-size:10px;font-weight:700}.mop-meta-grid strong{overflow-wrap:anywhere}.mop-metrics{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,1fr);margin:10px 0}.mop-metrics--2col{grid-template-columns:repeat(2,1fr)}.mop-metric{background:#fff;border:1px solid var(--mop-line);border-radius:10px;padding:8px 6px;text-align:center}.mop-metric span{color:var(--mop-muted);display:block;font-size:10px;font-weight:700}.mop-metric strong{display:block;font-size:15px;margin-top:2px}.mop-stageflow{-webkit-overflow-scrolling:touch;display:flex;gap:6px;overflow-x:auto;padding:8px 2px 12px}.mop-stage{background:#fff;border:1px solid var(--mop-line);border-radius:10px;color:var(--mop-muted);flex:0 0 auto;font-size:11px;min-width:76px;padding:8px}.mop-stage.is-done{background:#f0fdf4;border-color:#86efac;color:#166534}.mop-stage.is-current{background:#ecfeff;border-color:var(--mop-primary);color:#0f172a;font-weight:800}.mop-stage b{display:block;font-size:10px}.mop-stepper{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:44px 1fr 44px}.mop-btn,.mop-stepper button{background:#fff;border-radius:10px;font-weight:800}.mop-btn,.mop-stepper button,.mop-stepper input{border:1px solid var(--mop-line);min-height:44px}.mop-stepper input{border-radius:10px;font-size:16px;text-align:center}.mop-btn-primary{background:var(--mop-primary);border:0;border-radius:12px;color:#fff;font-weight:800;margin-top:12px;min-height:48px;width:100%}.mop-btn-primary:disabled{opacity:.45}.mop-btn-ghost{background:#fff;border:1px solid var(--mop-line);border-radius:10px;font-weight:700;min-height:44px;padding:0 12px}.mop-date-today{margin-bottom:4px;width:100%}.mop-progress{background:#e2e8f0;border-radius:999px;height:8px;margin:8px 0 12px;overflow:hidden}.mop-progress>span{background:var(--mop-primary);display:block;height:100%}.mop-error{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:var(--mop-danger);font-size:13px;margin-bottom:10px;padding:10px 12px}.mop-error p{margin:0}.mop-error .mop-btn-primary{margin-top:10px}.mop-empty{color:var(--mop-muted);padding:24px 12px;text-align:center}.mop-file{background:#fff;border:1px solid var(--mop-line);border-radius:12px;margin-bottom:12px;padding:12px}.mop-photos{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));max-width:100%}.mop-photo,.mop-photo-add{align-items:center;background:#fff;border:1px dashed var(--mop-line);border-radius:10px;color:var(--mop-muted);display:flex;flex-direction:column;font-size:12px;font-weight:700;justify-content:center;min-height:88px;min-width:0;overflow:hidden;position:relative}.mop-photo-add{gap:4px;min-height:96px}.mop-photo-add-plus{color:var(--mop-primary);font-size:22px;line-height:1}.mop-photo img{display:block;height:88px;object-fit:cover;width:100%}.mop-photo-actions{border-top:1px solid var(--mop-line);display:flex;gap:0;width:100%}.mop-photo-actions button{background:#f8fafb;border:0;color:var(--mop-ink);flex:1 1;font-size:10px;font-weight:800;min-height:36px;padding:0 4px}.mop-photo-actions button+button{border-left:1px solid var(--mop-line)}.mop-photo-status{background:#ffffffe0;border-radius:6px;color:#0b1f2a;font-size:11px;font-weight:800;left:4px;padding:4px;position:absolute;right:4px;text-align:center;top:28px}.mop-photo-error .mop-photo-status{color:var(--mop-danger)}.mop-sheet-backdrop{align-items:flex-end;background:#0b1f2a73;display:flex;inset:0;justify-content:center;padding:12px 12px calc(12px + env(safe-area-inset-bottom, 0px));position:fixed;z-index:70}.mop-sheet{background:#fff;border:1px solid var(--mop-line);border-radius:16px 16px 12px 12px;max-width:100%;padding:16px;width:min(100%,430px)}.mop-sheet h3{font-size:15px;font-weight:800;margin:0 0 12px}.mop-sheet-choice{align-items:center;background:#fff;border:1px solid var(--mop-line);border-radius:12px;color:var(--mop-ink);display:flex;font-weight:800;gap:8px;justify-content:center;margin-bottom:8px;min-height:48px;width:100%}.mop-sheet-choice:last-of-type{border-color:var(--mop-primary);color:var(--mop-primary)}.mop-photo-lightbox{align-items:center;background:#0b1f2aeb;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:75}.mop-photo-lightbox img{max-height:100%;max-width:100%;object-fit:contain}.mop-sig-modal{background:#0b1f2a;display:flex;flex-direction:column;inset:0;padding:env(safe-area-inset-top,0) 12px calc(12px + env(safe-area-inset-bottom, 0px));position:fixed;z-index:80}.mop-sig-modal h2{color:#fff;font-size:18px;margin:8px 0 12px}.mop-sig-canvas-wrap{background:#fff;border-radius:12px;flex:1 1;overflow:hidden}.mop-sig-actions{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr;margin-top:12px}.mop-sig-actions button{border-radius:10px;font-weight:800;min-height:48px}.mop-sig-modal .signature-pad>div:last-child{display:none}.mop-profile-hero{background:#fff;border:1px solid var(--mop-line);border-radius:12px;gap:12px;margin-bottom:12px;padding:16px}.mop-avatar,.mop-profile-hero{align-items:center;display:flex}.mop-avatar{background:var(--mop-header);border-radius:50%;color:#fff;font-weight:800;height:48px;justify-content:center;width:48px}.mop-list-btn{align-items:center;background:#fff;border:1px solid var(--mop-line);border-radius:12px;display:flex;font-weight:700;justify-content:space-between;margin-bottom:8px;min-height:48px;padding:0 12px;width:100%}.mop-field{display:block;margin:10px 0}.mop-field label,.mop-field span{display:block;font-size:12px;font-weight:700;margin-bottom:4px}.mop-field input,.mop-field textarea{border:1px solid var(--mop-line);border-radius:10px;font-size:16px;min-height:44px;padding:8px 10px;width:100%}.mop-line-block{background:#fff;border:1px solid var(--mop-line);border-radius:12px;margin-bottom:8px;padding:12px}.mop-refreshing{color:var(--mop-muted);font-size:11px;margin:0 0 8px}@media (max-width:320px){.mop-metrics,.mop-summary{grid-template-columns:repeat(2,1fr)}.mop-card-kicker{font-size:11px}}@media (min-width:768px){.mop-bottom-nav,.mop-shell{max-width:560px}.mop-root--sidebar:has(.mop-schedule-root) .mop-bottom-nav,.mop-root--sidebar:has(.mop-schedule-root) .mop-shell{max-width:min(1440px,100%)}}.mop-schedule-root{display:flex;flex-direction:column;height:calc(100dvh - env(safe-area-inset-bottom, 0px));min-height:0}.mop-content.mop-schedule-page{display:flex;flex:1 1;flex-direction:column;gap:6px;min-height:0;overflow:hidden;padding:4px 8px 8px}.mop-schedule-toolbar{--prod-sched-ctrl-h:28px;align-items:center;background:#fff;border:1px solid var(--mop-line);border-radius:var(--mop-radius);box-sizing:border-box;display:flex;flex:0 0 auto;flex-wrap:wrap;gap:4px 6px;overflow:visible;padding:4px}.mop-schedule-toolbar--stacked{align-items:stretch;flex-direction:column;flex-wrap:nowrap;gap:6px}.mop-schedule-controls{align-items:center;display:flex;flex-wrap:nowrap;gap:4px;min-width:0}.mop-ops-chip input{height:1px;opacity:0;position:absolute;width:1px}.mop-schedule-search{align-items:center;background:#fff;border:1px solid var(--mop-line);border-radius:10px;box-sizing:border-box;display:flex;flex:1 1 160px;gap:6px;height:28px;min-height:28px;overflow:hidden;padding:0 10px}.mop-schedule-search input{background:#0000;border:0;box-sizing:border-box;flex:1 1;font-size:14px;height:100%;min-height:0;min-width:0;outline:none;padding:0}.mop-schedule-count{color:var(--mop-muted);white-space:nowrap}.mop-schedule-check,.mop-schedule-count{align-items:center;display:inline-flex;font-size:12px;font-weight:700;height:28px;min-height:28px}.mop-schedule-check{box-sizing:border-box;gap:6px}.mop-schedule-toolbar .mop-btn-primary{border-radius:999px;flex:0 0 auto;font-size:12px;height:28px;margin-top:0;min-height:28px;padding:0 12px;width:auto}.mop-schedule-toolbar .mop-btn-ghost{align-items:center;box-sizing:border-box;display:inline-flex;height:28px;justify-content:center;min-height:28px;padding:0 8px}.mop-schedule-root .production-sheet-table{min-width:1180px;min-width:calc(1180px*var(--production-sheet-zoom, 1));width:-webkit-max-content;width:max-content}.mop-schedule-filter-actions{align-items:center;display:inline-flex;flex:0 0 auto;gap:4px}.mop-schedule-filter-actions .mop-btn-ghost{flex:0 0 auto}.mop-schedule-error-detail{font-size:12px;margin-top:6px}.mop-schedule-scroll{flex:1 1 auto;min-height:180px;overflow:auto}.mop-schedule-th-sort{background:none;border:0;color:inherit;cursor:pointer;font:inherit;letter-spacing:inherit;padding:0;text-transform:inherit}.mop-schedule-row{cursor:pointer}.mop-schedule-filter-empty{color:var(--mop-muted);padding:16px 8px!important;text-align:center}.mop-notif-list{grid-gap:8px;display:grid;gap:8px;list-style:none;margin:0;padding:0}.mop-notif-item{grid-gap:4px;background:#fff;border:1px solid #d7e2e7;border-radius:8px;cursor:pointer;display:grid;gap:4px;padding:10px 12px;text-align:left;width:100%}.mop-notif-item.is-unread{background:#f3fbfc;border-color:#1aa6b7}.mop-notif-item-top{align-items:center;display:flex;gap:8px;justify-content:space-between}.mop-notif-badge{color:#0f4c5c;font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.mop-notif-badge--approved{color:#0f7a4a}.mop-notif-badge--rejected{color:#a11919}.mop-notif-time{color:#6b7c86;font-size:11px}.mop-notif-title{color:#102027;font-size:14px;font-weight:700}.mop-notif-body{color:#334851;font-size:13px;line-height:1.35}.mop-notif-meta{color:#5a6d76;font-size:12px}.mop-ops-mark{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:800;height:18px;justify-content:center;line-height:1;width:18px}.mop-ops-mark.is-done{background:#16a34a;color:#fff}.mop-ops-mark.is-pending{background:#f97316;color:#fff}.mop-ops-mark.is-idle{background:#0000;color:#94a3b8;font-size:14px}.mop-ops-mark.is-unavailable{background:#0000;border:1px dashed #94a3b8;color:#64748b;font-size:12px}.mop-ops-thead .mop-ops-status-group{font-size:11px;letter-spacing:.02em;text-align:center;text-transform:uppercase}.mop-ops-thead .mop-ops-status-sub{font-size:11px;text-align:center}.mop-ops-prio{align-items:flex-start;display:flex;flex-direction:column;gap:2px}.mop-ops-prio-caption{font-size:11px;font-weight:700}.mop-ops-prio-caption.is-red{color:#dc2626}.mop-ops-prio-caption.is-orange{color:#ea580c}.mop-ops-prio-caption.is-yellow{color:#ca8a04}.mop-ops-prio-caption.is-gray{color:#64748b}.mop-ops-route-link{background:none;border:0;color:#0e7490;cursor:pointer;font-size:11px;font-weight:700;margin-top:2px;padding:0}.mop-ops-badge-green{background:#dcfce7;color:#15803d}.mop-sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.mop-task-modal-backdrop{align-items:flex-end;background:#0f172a6b;display:flex;inset:0;justify-content:center;padding:0;position:fixed;z-index:60}.mop-task-modal{background:#fff;border-radius:18px 18px 0 0;box-shadow:0 -8px 32px #0f172a2e;color:var(--mop-ink);max-height:94dvh;max-width:100%;overflow:auto;padding:8px 16px calc(20px + env(safe-area-inset-bottom, 0px));width:100%}.mop-task-modal-handle{background:#cbd5e1;border-radius:999px;height:4px;margin:6px auto 10px;width:40px}.mop-task-modal-head{align-items:flex-start;display:flex;gap:10px;margin-bottom:12px}.mop-task-modal-head-main{align-items:flex-start;display:flex;flex:1 1;gap:10px;min-width:0}.mop-task-modal-icon{align-items:center;background:#eef2ff;border-radius:12px;color:#1e3a8a;display:inline-flex;flex:0 0 auto;height:40px;justify-content:center;width:40px}.mop-task-modal-head-text{flex:1 1;min-width:0}.mop-task-modal-head-text h2{color:#0b1f2a;font-size:16px;font-weight:800;margin:0;overflow-wrap:anywhere}.mop-task-modal-head-text p{color:#334155;font-size:13px;font-weight:700;margin:2px 0 0;overflow-wrap:anywhere}.mop-task-modal-x{align-items:center;background:#f1f5f9;border:0;border-radius:12px;color:#334155;cursor:pointer;display:inline-flex;flex:0 0 auto;height:44px;justify-content:center;width:44px}.mop-task-modal-body{min-width:0}.mop-task-context{grid-gap:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin:0 0 12px;padding:10px 12px}.mop-task-context div{min-width:0}.mop-task-context span{color:#64748b;display:block;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.mop-task-context strong{color:#0b1f2a;display:block;font-size:14px;margin-top:2px;overflow-wrap:anywhere}.mop-task-modal--prep{--mop-role:#0891b2;--mop-role-soft:#ecfeff}.mop-task-modal--screener{--mop-role:#7c3aed;--mop-role-soft:#f5f3ff}.mop-task-modal--print{--mop-role:#2563eb;--mop-role-soft:#eff6ff}.mop-task-modal--packing{--mop-role:#ea580c;--mop-role-soft:#fff7ed}.mop-task-modal--loading{--mop-role:#0f766e;--mop-role-soft:#f0fdfa}.mop-task-modal--loading .mop-task-modal-head,.mop-task-modal--packing .mop-task-modal-head,.mop-task-modal--prep .mop-task-modal-head,.mop-task-modal--print .mop-task-modal-head,.mop-task-modal--screener .mop-task-modal-head{background:var(--mop-role);color:#fff;margin:-8px -16px 12px;padding:12px 16px}.mop-task-modal--loading .mop-task-modal-head-text h2,.mop-task-modal--loading .mop-task-modal-head-text p,.mop-task-modal--packing .mop-task-modal-head-text h2,.mop-task-modal--packing .mop-task-modal-head-text p,.mop-task-modal--prep .mop-task-modal-head-text h2,.mop-task-modal--prep .mop-task-modal-head-text p,.mop-task-modal--print .mop-task-modal-head-text h2,.mop-task-modal--print .mop-task-modal-head-text p,.mop-task-modal--screener .mop-task-modal-head-text h2,.mop-task-modal--screener .mop-task-modal-head-text p{color:#fff}.mop-task-modal--loading .mop-task-modal-icon,.mop-task-modal--packing .mop-task-modal-icon,.mop-task-modal--prep .mop-task-modal-icon,.mop-task-modal--print .mop-task-modal-icon,.mop-task-modal--screener .mop-task-modal-icon{background:#ffffff2e;color:#fff}.mop-task-modal--loading .mop-task-modal-x,.mop-task-modal--packing .mop-task-modal-x,.mop-task-modal--prep .mop-task-modal-x,.mop-task-modal--print .mop-task-modal-x,.mop-task-modal--screener .mop-task-modal-x{background:#ffffff29;color:#fff}.mop-task-modal--loading .mop-btn-primary,.mop-task-modal--packing .mop-btn-primary,.mop-task-modal--prep .mop-btn-primary,.mop-task-modal--print .mop-btn-primary,.mop-task-modal--screener .mop-btn-primary{background:var(--mop-role);border-color:var(--mop-role);color:#fff}.mop-task-modal .mop-ws-role .mop-ws-header{display:none}.mop-task-close-btn{background:#f8fafc;border:1px solid #cbd5e1;border-radius:14px;color:#475569;font-weight:800;margin-top:10px;min-height:48px;width:100%}.mop-loading-status{grid-gap:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;display:grid;gap:8px;margin:0 0 12px;padding:10px 12px}.mop-loading-status>div{align-items:baseline;display:flex;gap:12px;justify-content:space-between;min-width:0}.mop-loading-status span{color:#64748b;font-size:12px;font-weight:700}.mop-loading-status strong{color:#0b1f2a;font-size:13px;font-weight:800;text-align:right}.mop-sj-lines{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin:0 0 12px;overflow:hidden}.mop-sj-lines h3{color:#0f766e;font-size:11px;font-weight:800;letter-spacing:.04em;margin:0;padding:10px 12px 6px;text-transform:uppercase}.mop-sj-lines-table{border-collapse:collapse;table-layout:fixed;width:100%}.mop-sj-lines-table td,.mop-sj-lines-table th{font-size:13px;line-height:1.35;padding:6px 12px;vertical-align:top}.mop-sj-lines-table th{border-bottom:1px solid #e2e8f0;color:#64748b;font-size:11px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.mop-sj-lines-table td:first-child,.mop-sj-lines-table th:first-child{overflow-wrap:anywhere;width:68%;word-break:break-word}.mop-sj-lines-table td:last-child,.mop-sj-lines-table th:last-child{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;width:32%}.mop-sj-lines-table tbody tr+tr td{border-top:1px solid #f1f5f9}.mop-sj-lines-table td:first-child{color:#0b1f2a;font-weight:700}.mop-sj-lines-table td:last-child{color:#0f766e;font-weight:800}.mop-sj-lines-total{align-items:baseline;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:space-between;margin:0;padding:8px 12px 10px}.mop-sj-lines-total span{color:#334155;font-size:12px;font-weight:800}.mop-sj-lines-total strong{font-feature-settings:"tnum";color:#0f766e;font-size:13px;font-variant-numeric:tabular-nums;font-weight:800;white-space:nowrap}.mop-delivery-task{min-width:0}.mop-delivery-task-head{align-items:flex-start;display:flex;gap:10px;margin-bottom:14px}.mop-delivery-task-head-main{align-items:flex-start;display:flex;flex:1 1;gap:10px;min-width:0}.mop-delivery-task-mark{align-items:center;background:#e0e7ff;border-radius:12px;color:#1e3a8a;display:inline-flex;flex:0 0 auto;height:40px;justify-content:center;width:40px}.mop-delivery-task-head h2{color:#0b1f2a;font-size:16px;font-weight:800;line-height:1.25;margin:0}.mop-delivery-sj-number{color:#334155;font-size:13px;font-weight:700;margin:2px 0 0;overflow-wrap:anywhere}.mop-delivery-sj-select-wrap{display:block;margin-top:4px}.mop-delivery-sj-select-wrap select{background:#fff;border:1px solid var(--mop-line);border-radius:10px;color:#0b1f2a;font-size:13px;font-weight:700;min-height:40px;width:100%}.mop-delivery-customer-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:12px;padding:12px 14px}.mop-delivery-customer-card>span{color:#64748b;display:block;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.mop-delivery-customer-card strong{color:#0b1f2a;display:block;font-size:18px;margin-top:2px;overflow-wrap:anywhere}.mop-delivery-customer-card p{color:#334155;font-size:13px;line-height:1.4;margin:6px 0 0;overflow-wrap:anywhere}.mop-delivery-maps{color:#1d4ed8;display:inline-block;font-size:13px;font-weight:800;margin-top:8px}.mop-delivery-info-row{grid-gap:12px;align-items:start;display:grid;gap:12px;grid-template-columns:1fr auto;margin-bottom:14px}.mop-delivery-info-row span{color:#64748b;display:block;font-size:12px;font-weight:700}.mop-delivery-info-row strong{color:#0b1f2a;display:inline-flex;font-size:15px;margin-top:4px}.mop-delivery-action-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr;margin-bottom:12px}.mop-delivery-action,.mop-delivery-confirm{grid-column-gap:10px;border:0;border-radius:14px;color:#fff;column-gap:10px;cursor:pointer;display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;min-height:84px;min-width:0;padding:12px 12px 12px 14px;text-align:left}.mop-delivery-action svg,.mop-delivery-confirm svg{align-self:center;grid-row:1/span 2}.mop-delivery-action-title{font-size:15px;font-weight:800;line-height:1.2;overflow-wrap:anywhere}.mop-delivery-action-sub{font-size:12px;font-weight:600;opacity:.92;overflow-wrap:anywhere}.mop-delivery-action.is-sj{background:#1d4ed8}.mop-delivery-action.is-driver{background:#ea580c}.mop-delivery-action.is-recipient{background:#7c3aed}.mop-delivery-action.is-photo{background:#0d9488}.mop-delivery-confirm{background:#15803d;margin-top:4px;width:100%}.mop-delivery-action:disabled,.mop-delivery-confirm:disabled{cursor:not-allowed;opacity:.45}.mop-sj-detail-dl{grid-gap:10px;display:grid;gap:10px;margin:0 0 14px}.mop-sj-detail-dl div{min-width:0}.mop-sj-detail-dl dt{color:#64748b;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.mop-sj-detail-dl dd{color:#0b1f2a;font-size:14px;font-weight:700;margin:2px 0 0;overflow-wrap:anywhere}.mop-sj-detail-lines-title{font-size:13px;font-weight:800;margin:0 0 8px}.mop-sj-detail-lines{grid-gap:8px;display:grid;gap:8px;list-style:none;margin:0 0 12px;padding:0}.mop-sj-detail-lines li{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:12px;justify-content:space-between;overflow-wrap:anywhere;padding:10px 12px}.mop-sj-detail-print{align-items:center;display:flex;justify-content:center;margin-top:0;text-decoration:none}.mop-sig-context{color:#c5d4da;font-size:13px;font-weight:600;margin:0 0 10px;overflow-wrap:anywhere}.mop-sig-name-field{margin-bottom:10px}.mop-sig-name-field span{color:#c5d4da}.mop-sig-name-field input{background:#fff;color:#0b1f2a}.mop-task-modal .mop-ws-header{border-radius:12px;margin:0 0 12px}@media (min-width:480px){.mop-delivery-action-grid{grid-template-columns:1fr 1fr}}@media (min-width:768px){.mop-task-modal-backdrop{align-items:center;padding:24px}.mop-task-modal{border-radius:16px;box-shadow:0 18px 48px #0f172a38;max-height:min(90dvh,860px);max-width:720px;width:min(720px,calc(100vw - 48px))}.mop-task-modal-handle{display:none}}@media (max-width:379px){.mop-delivery-action-grid{grid-template-columns:1fr}}.mop-sj-viewer{background:#eef3f1;color:#102a24;min-height:100%}.mop-sj-viewer-head{grid-gap:8px;align-items:center;background:#fff;border-bottom:1px solid #d5e1dd;display:grid;gap:8px;grid-template-columns:minmax(82px,1fr) auto minmax(82px,1fr);padding:10px 12px;position:-webkit-sticky;position:sticky;top:0;z-index:5}.mop-sj-viewer-head>div{min-width:0;text-align:center}.mop-sj-viewer-head p{color:#647b74;font-size:10px;letter-spacing:.09em;margin:0;text-transform:uppercase}.mop-sj-viewer-head h1{font-size:17px;margin:2px 0 0}.mop-sj-viewer-back,.mop-sj-viewer-download{align-items:center;background:#0000;border:0;color:#075f4d;display:inline-flex;font:inherit;font-weight:700;gap:4px;min-height:38px;text-decoration:none}.mop-sj-viewer-download{justify-self:end}.mop-sj-viewer-body{overflow-x:hidden;padding:12px}.mop-sj-viewer-state{grid-gap:8px;color:#63766f;display:grid;gap:8px;min-height:180px;place-items:center;text-align:center}.mop-sj-viewer-state.is-error{color:#a12622}.mop-sj-viewer .spwa-pdf{grid-gap:14px;display:grid;gap:14px;justify-items:center}.mop-sj-viewer .spwa-pdf-page{background:#fff;border:1px solid #d6dfdc;box-shadow:0 4px 14px #0d302717;margin:0;max-width:100%;padding:0;width:-webkit-fit-content;width:fit-content}.mop-sj-viewer .spwa-pdf-page canvas{display:block;height:auto!important;max-width:100%}.mop-sj-viewer .spwa-pdf-page>span{color:#61736d;display:block;font-size:11px;padding:5px 8px;text-align:center}.mop-sj-viewer .spwa-viewer-state{color:#63766f;padding:24px 12px;text-align:center}.mop-sj-viewer .spwa-viewer-state.is-error{color:#a12622}.mop-root--ops-wide{--ops-bg:#f4f7fa;--ops-surface:#fff;--ops-navy:#0b2b42;--ops-navy-deep:#062338;--ops-navy-text:#12233d;--ops-muted:#7b8da0;--ops-po:#7a8796;--ops-border:#d5dee6;--ops-header-bg:#fff;--ops-thead:#edf2f6;--ops-chip-active:#1e4a63;--ops-danger:#e23b42;--ops-danger-bg:#ffe4e4;--ops-danger-text:#c43b3b;--ops-warning:#ff8318;--ops-normal:#2b8dff;--ops-normal-bg:#e7f2fe;--ops-success:#2fac5d;--ops-success-bg:#e3f6e8;--ops-footer:#0b2b42;--ops-radius:14px;--ops-radius-sm:10px;--mop-bg:var(--ops-bg);background:var(--ops-bg);color:var(--ops-navy-text);font-family:IBM Plex Sans,Segoe UI,sans-serif}.mop-root--ops-wide .mop-shell,.mop-root--ops-wide .mop-shell--ops-wide,.mop-root--ops-wide .mop-shell--sidebar{background:var(--ops-bg);margin:0;max-width:none!important;width:100%}.mop-root--ops-wide .mop-schedule-root{background:var(--ops-bg);margin:0 auto;max-width:none;width:96%}.mop-root--ops-wide .mop-content.mop-schedule-page{gap:6px;overflow:hidden;padding:4px 0 8px}.mop-root--ops-wide .mop-active-role{margin:0 12px 4px;max-width:280px;padding:6px 10px}.mop-root--ops-wide .mop-active-role select{font-size:13px;min-height:34px}.mop-root--ops-wide .ops-queue-header{align-items:center;background:var(--ops-header-bg);border-bottom:1px solid var(--ops-border);color:var(--ops-navy-text);display:flex;gap:10px;min-height:48px;padding:4px 4px 2px}.mop-root--ops-wide .ops-queue-header.is-compact{gap:8px;min-height:40px;padding:2px 4px}.mop-root--ops-wide .ops-queue-header .mop-topbar-menu{background:#f1f5f8;border-radius:10px;color:var(--ops-navy);height:36px;margin:0;width:36px}.mop-root--ops-wide .ops-qh-brand{align-items:center;display:flex;gap:10px;min-width:196px}.mop-root--ops-wide .ops-qh-mark{align-items:center;background:var(--ops-navy);border-radius:10px;color:#fff;display:inline-flex;font-size:18px;font-weight:800;height:38px;justify-content:center;letter-spacing:-.04em;width:38px}.mop-root--ops-wide .ops-qh-brand-copy{display:flex;flex-direction:column;gap:0}.mop-root--ops-wide .ops-qh-brand-name{color:var(--ops-navy);font-size:13px;font-weight:800;letter-spacing:.04em;line-height:1.15;margin:0}.mop-root--ops-wide .ops-qh-brand-kicker{color:var(--ops-muted);font-size:9px;font-weight:700;letter-spacing:.12em;margin:0;text-transform:uppercase}.mop-root--ops-wide .ops-qh-divider{align-self:stretch;background:var(--ops-border);margin:4px 0;width:1px}.mop-root--ops-wide .ops-qh-title-block{flex:1 1 auto;min-width:0}.mop-root--ops-wide .ops-queue-header .mop-header-actions{margin-left:0}.mop-root--ops-wide .ops-queue-header .mop-header-action{color:var(--ops-navy)}.mop-root--ops-wide .ops-queue-header.is-compact .ops-qh-admin,.mop-root--ops-wide .ops-queue-header.is-compact .ops-qh-clock{display:none}.mop-root--ops-wide .ops-qh-title{color:var(--ops-navy-text);font-size:18px;font-weight:800;line-height:1.1;margin:0}.mop-root--ops-wide .ops-qh-sub{color:var(--ops-muted);font-size:12px;font-weight:500;margin:2px 0 0}.mop-root--ops-wide .ops-qh-clock{min-width:168px;text-align:right}.mop-root--ops-wide .ops-qh-date{color:var(--ops-muted);font-size:12px;font-weight:600;margin:0}.mop-root--ops-wide .ops-qh-time{font-feature-settings:"tnum";color:var(--ops-navy-text);font-size:22px;font-variant-numeric:tabular-nums;font-weight:800;line-height:1.1;margin:0}.mop-root--ops-wide .ops-qh-online{align-items:center;color:var(--ops-muted);display:inline-flex;font-size:12px;font-weight:600;gap:6px;margin:0 0 0 8px;vertical-align:4px}.mop-root--ops-wide .ops-qh-online-dot{background:var(--ops-success);border-radius:999px;height:8px;width:8px}.mop-root--ops-wide .ops-qh-admin{align-items:center;display:flex;gap:8px;min-width:148px}.mop-root--ops-wide .ops-qh-avatar{align-items:center;background:var(--ops-navy);border-radius:999px;color:#fff;display:inline-flex;font-size:14px;font-weight:800;height:36px;justify-content:center;width:36px}.mop-root--ops-wide .ops-qh-admin-name{color:var(--ops-navy-text);font-size:13px;font-weight:800;line-height:1.15;margin:0}.mop-root--ops-wide .ops-qh-admin-role{color:var(--ops-muted);font-size:11px;font-weight:500;margin:0}.mop-root--ops-wide .mop-ops-roles{-webkit-overflow-scrolling:touch;align-items:stretch;background:var(--ops-surface);border:1px solid var(--ops-border);border-radius:var(--ops-radius-sm);display:flex;gap:6px;min-height:0;overflow-x:auto;overflow-y:visible;padding:10px 10px 6px;scrollbar-width:thin}.mop-root--ops-wide .mop-ops-role{align-items:center;background:#0000;border:0;box-shadow:none;color:var(--ops-navy-text);display:flex;flex:0 0 auto;flex-direction:column;gap:2px;justify-content:flex-end;min-width:92px;padding:14px 8px 4px;position:relative}.mop-root--ops-wide .mop-ops-role-icon,.mop-root--ops-wide .mop-ops-role:not(:last-child):after{display:none}.mop-root--ops-wide .mop-ops-role-copy{align-items:center;display:flex;flex-direction:column;gap:0;min-width:0}.mop-root--ops-wide .mop-ops-role-label{color:var(--ops-navy-text);font-size:11px;font-weight:700;letter-spacing:0;line-height:1.15;text-align:center;text-transform:none;white-space:nowrap}.mop-root--ops-wide .mop-ops-role-count{font-feature-settings:"tnum";background:var(--ops-navy);border-radius:999px;color:#fff;font-size:11px;font-variant-numeric:tabular-nums;font-weight:800;left:50%;line-height:1.3;min-width:1.5em;padding:1px 7px;position:absolute;top:2px;transform:translateX(-50%);z-index:1}.mop-root--ops-wide .mop-ops-role-count.is-pending{background:#e8eef3;color:var(--ops-muted);font-weight:700}.mop-root--ops-wide .mop-ops-role-urgent{color:var(--ops-danger);font-size:10px;font-weight:700;line-height:1.1;white-space:nowrap}.mop-root--ops-wide .mop-ops-role-chevron{display:none}.mop-root--ops-wide .mop-ops-role-aside{align-items:center;border-left:1px solid var(--ops-border);color:var(--ops-navy-text);display:flex;flex:0 0 148px;font-size:12px;font-weight:700;line-height:1.35;margin-left:8px;padding:8px 12px}.mop-root--ops-wide .mop-schedule-toolbar{align-items:center;background:#0000;border:0;border-radius:0;box-shadow:none;display:flex;flex-wrap:nowrap;gap:0;max-width:100%;min-height:0;min-width:0;overflow:hidden;padding:2px 0 4px;width:100%}.mop-root--ops-wide .mop-ops-filter-rail,.mop-root--ops-wide .mop-ops-quick.mop-ops-filter-rail{-webkit-overflow-scrolling:touch;align-items:center;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;gap:6px;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;padding:2px 12px;scrollbar-width:thin;touch-action:pan-x;white-space:nowrap;width:100%}.mop-root--ops-wide .mop-ops-filter-rail>*{flex:0 0 auto;white-space:nowrap}.mop-root--ops-wide .mop-ops-quick{-webkit-overflow-scrolling:touch;flex:1 1;flex-wrap:nowrap;gap:6px;min-width:0;overflow-x:auto;overflow-y:hidden;padding:2px 0;scrollbar-width:thin}.mop-root--ops-wide .mop-schedule-toolbar--stacked{align-items:stretch;flex-direction:column;flex-wrap:nowrap;gap:6px}.mop-root--ops-wide .mop-schedule-controls{align-items:center;display:flex;flex-wrap:nowrap;gap:6px;min-width:0;padding:0 4px}.mop-root--ops-wide .mop-ops-chip{background:var(--ops-surface);border:1px solid var(--ops-border);border-radius:999px;box-shadow:none;color:var(--ops-navy-text);flex:0 0 auto;font-size:12px;font-weight:700;height:30px;min-height:30px;padding:0 8px 0 12px;position:relative;white-space:nowrap}.mop-root--ops-wide .mop-ops-chip input{height:1px;opacity:0;pointer-events:none;position:absolute;width:1px}.mop-root--ops-wide .mop-ops-chip.is-active{background:var(--ops-chip-active);border-color:var(--ops-chip-active);color:#fff}.mop-root--ops-wide .mop-ops-chip--terlambat:not(.is-active){background:var(--ops-danger-bg);border-color:#ffd0d0;color:var(--ops-danger-text)}.mop-root--ops-wide .mop-ops-chip-count{background:#eef3f7;color:var(--ops-muted);font-size:12px;font-weight:800;min-width:1.5em;padding:1px 7px}.mop-root--ops-wide .mop-ops-chip.is-active .mop-ops-chip-count{background:#ffffff29;color:#fff}.mop-root--ops-wide .mop-ops-chip--terlambat:not(.is-active) .mop-ops-chip-count{background:#fff;color:var(--ops-danger-text)}.mop-root--ops-wide .mop-schedule-toolbar .production-schedule-search-btn,.mop-root--ops-wide .mop-schedule-toolbar .production-schedule-search-cluster,.mop-root--ops-wide .mop-schedule-toolbar .production-schedule-search-field{height:34px;max-height:34px;min-height:34px}.mop-root--ops-wide .mop-schedule-toolbar .production-schedule-search-cluster{flex:0 0 320px!important;height:34px!important;max-width:380px!important;min-width:280px!important;width:320px!important}.mop-root--ops-wide .mop-ops-filter-rail .production-schedule-search-btn,.mop-root--ops-wide .mop-ops-filter-rail .production-schedule-search-cluster,.mop-root--ops-wide .mop-ops-filter-rail .production-schedule-search-field{height:30px;max-height:30px;min-height:30px}.mop-root--ops-wide .mop-ops-filter-rail .production-schedule-search-cluster{flex:0 0 240px!important;height:30px!important;max-width:280px!important;min-width:240px!important;width:240px!important}.mop-root--ops-wide .mop-ops-filter-rail .production-schedule-search-field input{height:30px!important;min-height:30px!important}.mop-root--ops-wide .mop-ops-filter-rail .mop-schedule-filter-actions{align-items:center;display:inline-flex;flex:0 0 auto;flex-wrap:nowrap;gap:6px;white-space:nowrap}.mop-root--ops-wide .mop-ops-filter-rail .mop-schedule-filter-actions .mop-btn-ghost,.mop-root--ops-wide .mop-ops-filter-rail .mop-schedule-filter-actions .mop-btn-primary{height:30px;min-height:30px;padding:0 12px}.mop-root--ops-wide .mop-ops-filter-rail .mop-ops-toolbar-refresh,.mop-root--ops-wide .mop-ops-filter-rail>.mop-btn-primary{flex:0 0 auto;white-space:nowrap}.mop-root--ops-wide .mop-ds-toolbar{flex-wrap:nowrap;gap:0;overflow:hidden}.mop-root--ops-wide .mop-schedule-toolbar .production-schedule-search-field{align-items:center;background:var(--ops-surface);border:1px solid var(--ops-border);border-radius:999px;display:flex;overflow:hidden}.mop-root--ops-wide .mop-schedule-toolbar .production-schedule-search-btn{background:#0000;border:0;box-shadow:none;color:var(--ops-muted);order:-1;width:34px}.mop-root--ops-wide .mop-schedule-toolbar .production-schedule-search-field input{background:#0000!important;border:0!important;color:var(--ops-navy-text);font-size:13px;height:34px!important;min-height:34px!important}.mop-root--ops-wide .mop-schedule-toolbar .mop-btn-ghost,.mop-root--ops-wide .mop-schedule-toolbar .mop-btn-primary{border-radius:999px;box-shadow:none;flex:0 0 auto;font-size:13px;font-weight:700;height:34px;margin:0;min-height:34px;padding:0 14px;width:auto}.mop-root--ops-wide .mop-schedule-toolbar .mop-btn-ghost{background:var(--ops-surface);border:1px solid var(--ops-border);color:var(--ops-navy-text)}.mop-root--ops-wide .mop-schedule-toolbar .mop-btn-primary{background:var(--ops-chip-active);border:1px solid var(--ops-chip-active);color:#fff}.mop-root--ops-wide .mop-ops-toolbar-refresh,.mop-root--ops-wide .mop-schedule-count{display:none}.mop-root--ops-wide .mop-schedule-scroll,.mop-root--ops-wide .production-sheet-viewport{background:var(--ops-surface);border:1px solid var(--ops-border);border-radius:var(--ops-radius);box-shadow:none;flex:1 1 auto;min-height:0;overflow:auto;overflow-x:auto}.mop-root--ops-wide .production-sheet-table{border-collapse:initial;border-spacing:0;max-width:none;min-width:1180px;min-width:calc(1180px*var(--production-sheet-zoom, 1));width:-webkit-max-content;width:max-content}.mop-root--ops-wide .mop-ops-thead th,.mop-root--ops-wide .production-sheet-header th{background:var(--ops-thead)!important;border-bottom:1px solid var(--ops-border)!important;color:var(--ops-navy-text)!important;font-size:12px!important;font-size:calc(12px*var(--production-sheet-zoom, 1))!important;font-weight:700!important;height:auto;letter-spacing:0!important;padding:8px 10px!important;padding:calc(8px*var(--production-sheet-zoom, 1)) calc(10px*var(--production-sheet-zoom, 1))!important;text-transform:none!important}.mop-root--ops-wide .mop-ops-thead .mop-ops-status-group{font-size:12px;font-size:calc(12px*var(--production-sheet-zoom, 1));font-weight:800;letter-spacing:0;text-align:center;text-transform:none}.mop-root--ops-wide .mop-ops-thead .mop-ops-status-sub{color:var(--ops-muted);font-size:11px;font-size:calc(11px*var(--production-sheet-zoom, 1));font-weight:600;padding:4px 6px!important;padding:calc(4px*var(--production-sheet-zoom, 1)) calc(6px*var(--production-sheet-zoom, 1))!important;text-align:center}.mop-root--ops-wide .production-sheet-table tbody td{background:#fff;border-bottom:1px solid #eef2f6;color:var(--ops-navy-text);font-size:13px;font-size:calc(13px*var(--production-sheet-zoom, 1));font-weight:500;padding:7px 10px;padding:calc(7px*var(--production-sheet-zoom, 1)) calc(10px*var(--production-sheet-zoom, 1));vertical-align:top}.mop-root--ops-wide .production-sheet-table tbody td[style*=fef08a],.mop-schedule-root .production-sheet-table tbody td.prod-cell-today,.mop-schedule-root .production-sheet-table tbody tr.hold td.prod-cell-today,.mop-schedule-root .production-sheet-table tbody tr:hover td.prod-cell-today{background-color:#fff!important;color:inherit!important}.mop-root--ops-wide .mop-ops-customer{color:var(--ops-navy-text);font-size:15px;font-size:calc(15px*var(--production-sheet-zoom, 1));font-weight:800;line-height:1.2}.mop-root--ops-wide .mop-ops-po{color:var(--ops-po);font-family:IBM Plex Sans,Segoe UI,sans-serif;font-size:12px;font-size:calc(12px*var(--production-sheet-zoom, 1));font-weight:500}.mop-root--ops-wide .mop-ops-qty-total{font-feature-settings:"tnum";color:var(--ops-navy-text);font-size:15px;font-size:calc(15px*var(--production-sheet-zoom, 1));font-variant-numeric:tabular-nums;font-weight:800}.mop-root--ops-wide .mds-item-line,.mop-root--ops-wide .mop-ops-item-line{align-items:baseline;color:var(--ops-navy-text);display:flex!important;flex-direction:row!important;font-size:13px;font-size:calc(13px*var(--production-sheet-zoom, 1));gap:12px;justify-content:space-between;line-height:1.35}.mop-root--ops-wide .mds-item-line-prefix{display:none}.mop-root--ops-wide .mds-item-line-name,.mop-root--ops-wide .mop-ops-item-name{font-weight:600;min-width:0;overflow-wrap:anywhere}.mop-root--ops-wide .mds-item-line-qty,.mop-root--ops-wide .mop-ops-item-qty{font-feature-settings:"tnum";color:var(--ops-navy-text);font-variant-numeric:tabular-nums;font-weight:700}.mop-root--ops-wide .mop-ops-badge{border-radius:4px;font-size:10px;font-size:calc(10px*var(--production-sheet-zoom, 1));font-weight:800;letter-spacing:.04em;min-height:20px;min-height:calc(20px*var(--production-sheet-zoom, 1));padding:2px 8px;padding:calc(2px*var(--production-sheet-zoom, 1)) calc(8px*var(--production-sheet-zoom, 1))}.mop-root--ops-wide .mop-ops-badge-red,.mop-root--ops-wide .mop-ops-badge-urgent{background:#f7c9cc;color:#d12b33}.mop-root--ops-wide .mop-ops-badge-orange{background:#f8c99a;color:#d36a14}.mop-root--ops-wide .mop-ops-badge-blue,.mop-root--ops-wide .mop-ops-badge-gray,.mop-root--ops-wide .mop-ops-badge-yellow{background:#cfe4fb;color:#1f73d6}.mop-root--ops-wide .mop-ops-badge-green{background:#c8e8ce;color:#2a9a4a}.mop-root--ops-wide .mop-ops-prio-caption{font-size:11px;font-weight:700}.mop-root--ops-wide .mop-ops-prio-caption.is-red{color:var(--ops-danger)}.mop-root--ops-wide .mop-ops-prio-caption.is-blue,.mop-root--ops-wide .mop-ops-prio-caption.is-orange,.mop-root--ops-wide .mop-ops-prio-caption.is-yellow{color:var(--ops-normal)}.mop-root--ops-wide .mop-ops-prio-caption.is-green{color:var(--ops-success)}.mop-root--ops-wide .mop-ops-prio-caption.is-gray{color:var(--ops-muted)}.mop-root--ops-wide .mop-ops-mark{font-size:11px;height:20px;width:20px}.mop-root--ops-wide .mop-ops-mark.is-done{background:var(--ops-success);color:#fff}.mop-root--ops-wide .mop-ops-mark.is-pending{background:var(--ops-warning);color:#fff}.mop-root--ops-wide .mop-ops-mark.is-idle{background:#0000;color:#b7c2cc;font-size:16px;font-weight:600}.mop-root--ops-wide .mop-ds-filter-panel{background:#fff;border:1px solid var(--ops-border);border-radius:10px;display:flex;gap:16px;padding:8px 10px}.mop-root--ops-wide .ops-queue-legend{align-items:center;background:#eef2f6;border:1px solid var(--ops-border);border-radius:var(--ops-radius);display:flex;flex:0 0 auto;gap:18px;padding:12px 16px}.mop-root--ops-wide .ops-ql-block{align-items:flex-start;display:flex;flex:1 1;gap:10px;min-width:0}.mop-root--ops-wide .ops-ql-icon{align-items:center;background:#fff;border:1px solid var(--ops-border);border-radius:999px;color:var(--ops-navy);display:inline-flex;flex:0 0 auto;height:36px;justify-content:center;width:36px}.mop-root--ops-wide .ops-ql-title{color:var(--ops-navy-text);font-size:13px;font-weight:800;margin:0}.mop-root--ops-wide .ops-ql-copy{color:var(--ops-muted);font-size:11px;line-height:1.35;margin:2px 0 0}.mop-root--ops-wide .ops-ql-keys{display:flex;flex:1 1 280px;gap:16px;justify-content:flex-end}.mop-root--ops-wide .ops-ql-key{align-items:flex-start;display:flex;gap:8px;min-width:0}.mop-root--ops-wide .ops-ql-dot{border-radius:999px;flex:0 0 auto;height:10px;margin-top:4px;width:10px}.mop-root--ops-wide .ops-ql-dot.is-urgent{background:var(--ops-danger)}.mop-root--ops-wide .ops-ql-dot.is-priority{background:var(--ops-warning)}.mop-root--ops-wide .ops-ql-dot.is-normal{background:var(--ops-normal)}.mop-root--ops-wide .ops-ql-dot.is-done{background:var(--ops-success)}.mop-root--ops-wide .ops-ql-key strong{color:var(--ops-navy-text);display:block;font-size:12px}.mop-root--ops-wide .ops-ql-key span{color:var(--ops-muted);display:block;font-size:11px;line-height:1.3}.mop-root--ops-wide .ops-queue-footer{align-items:center;background:var(--ops-footer);color:#d5dee6;display:flex;font-size:12px;gap:18px;margin:8px -2% 0;min-height:56px;padding:10px 4%}.mop-root--ops-wide .ops-qf-brand{align-items:center;color:#fff;display:flex;font-weight:800;gap:10px;letter-spacing:.04em}.mop-root--ops-wide .ops-qf-mark{background:#fff;border-radius:6px;height:28px;width:28px}.mop-root--ops-wide .ops-qf-tag{border-left:1px solid #ffffff2e;flex:1 1 auto;padding-left:16px}.mop-root--ops-wide .ops-qf-meta{font-feature-settings:"tnum";color:#9fb0bd;font-variant-numeric:tabular-nums;margin-left:auto}@media (max-width:900px){.mop-root--ops-wide .ops-queue-header,.mop-root--ops-wide .ops-queue-header.is-compact{flex-wrap:nowrap;gap:8px;min-height:40px;padding:2px 4px}.mop-root--ops-wide .mop-ops-role-aside,.mop-root--ops-wide .ops-qh-admin,.mop-root--ops-wide .ops-qh-clock,.mop-root--ops-wide .ops-qh-divider,.mop-root--ops-wide .ops-queue-footer,.mop-root--ops-wide .ops-queue-legend{display:none}.mop-root--ops-wide .ops-qh-title{font-size:16px}.mop-root--ops-wide .ops-queue-header .mop-header-actions{margin-left:auto}.mop-root--ops-wide .mop-schedule-toolbar .production-schedule-search-cluster{flex:1 1 88px!important;min-width:72px!important;width:auto!important}.mop-root--ops-wide .mop-ops-filter-rail .production-schedule-search-cluster{flex:0 0 240px!important;max-width:280px!important;min-width:240px!important;width:240px!important}.mop-root--ops-wide .mop-schedule-toolbar .mop-btn-ghost{padding:0 10px}.mop-root--ops-wide .mop-schedule-scroll{max-width:100%}}.app-shell{--sidebar-rail:64px;--ep-topbar-height:48px;--ep-workspace-tabs-height:34px;background:var(--paper);display:grid;grid-template-columns:var(--sidebar-rail) minmax(0,1fr);min-height:100vh}.app-sidebar-slot{max-width:var(--sidebar-rail);min-width:var(--sidebar-rail);overflow:visible;position:relative;width:var(--sidebar-rail);z-index:56}.app-sidebar{background:var(--ep-dark);border-right:1px solid #0b2d22;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;height:100vh;overflow:visible;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:2}.app-sidebar .brand{border-bottom:1px solid #ffffff14;color:#fff;gap:0;justify-content:center;padding:10px 8px}.app-sidebar .brand-copy{display:none}.app-sidebar .brand-logo-symbol{height:40px;width:40px}.app-sidebar-nav{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-x:visible;overflow-y:auto;padding:10px 8px}.rail-btn{background:#0000;border:0;border-radius:8px;color:#c5d9cf;cursor:pointer;display:grid;flex-shrink:0;height:44px;place-items:center;position:relative;text-decoration:none;width:44px}.rail-btn:focus-visible,.rail-btn:hover{background:#ffffff1a;color:#fff;outline:none}.rail-btn.is-active,.rail-btn.is-open{background:var(--ep-primary);color:#fff}.rail-tooltip{background:var(--ink);border-radius:6px;box-shadow:var(--shadow);color:#fff;font:600 12px IBM Plex Sans,sans-serif;left:calc(100% + 10px);opacity:0;padding:6px 8px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:60}.rail-btn:focus-visible .rail-tooltip,.rail-btn:hover .rail-tooltip{opacity:1}.rail-btn.is-open .rail-tooltip,.rail-btn.is-open:focus-visible .rail-tooltip,.rail-btn.is-open:hover .rail-tooltip{opacity:0}.sidebar-flyout-scrim{background:#0000;border:0;cursor:default;inset:0;margin:0;padding:0;z-index:54}.sidebar-flyout,.sidebar-flyout-scrim{left:var(--sidebar-rail);position:fixed}.sidebar-flyout{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);box-sizing:border-box;color:var(--ink);max-height:calc(100vh - 16px);max-width:min(320px,calc(100vw - var(--sidebar-rail)));overflow-x:hidden;overflow-y:auto;padding:8px 8px 10px;width:260px;z-index:1}.sidebar-flyout-head{border-bottom:1px solid var(--line);margin-bottom:6px;padding:8px 10px 10px}.sidebar-flyout-head h2{color:var(--soft);font:10.5px IBM Plex Mono,monospace;letter-spacing:.12em;margin:0;text-transform:uppercase}.sidebar-flyout .nav-sub{display:flex;flex-direction:column;gap:1px;padding:0}.sidebar-flyout .top-nav-link{align-items:center;background:#0000;border:0;border-radius:6px;box-sizing:border-box;color:var(--ink);cursor:pointer;display:flex;font:500 13.5px IBM Plex Sans,sans-serif;gap:8px;letter-spacing:0;padding:8px 10px;text-align:left;text-decoration:none;text-transform:none;width:100%}.sidebar-flyout .top-nav-link:hover{background:#eef7f2}.sidebar-flyout .top-nav-link.active{background:var(--ep-primary);border-bottom-color:#0000;color:#fff;font-weight:600}.sidebar-flyout .nav-nested{display:flex;flex-direction:column;gap:1px}.sidebar-flyout .nav-group-toggle{width:100%}.sidebar-flyout .nav-group-toggle .nav-chevron{flex-shrink:0;margin-left:auto;opacity:.7;transition:transform .15s ease}.sidebar-flyout .nav-group-toggle[aria-expanded=false] .nav-chevron{transform:rotate(-90deg)}.sidebar-flyout .nav-group-toggle.parent-open{font-weight:600}.sidebar-flyout .nav-sub-sub{display:flex;flex-direction:column;gap:1px}.sidebar-flyout .nav-sub-sub .top-nav-link{font-size:13px;padding-left:22px}.sidebar-flyout.is-sales-grid{max-width:min(760px,calc(100vw - var(--sidebar-rail) - 16px));min-width:min(520px,calc(100vw - var(--sidebar-rail) - 16px));padding:16px 18px 18px;width:min(640px,calc(100vw - var(--sidebar-rail) - 16px))}.sidebar-flyout.is-sales-grid .sidebar-flyout-head{margin-bottom:16px;padding:2px 4px 14px}.sidebar-flyout.is-sales-grid .sidebar-flyout-head h2{color:var(--ink);font:700 24px/1.2 IBM Plex Sans,sans-serif;letter-spacing:-.02em;text-transform:none}.sidebar-flyout.is-sales-grid .sidebar-flyout-subhead{margin:8px 0 16px;padding:18px 4px 14px}.sidebar-flyout.is-sales-grid .sidebar-flyout-subhead h3{color:var(--ink);font:700 20px/1.2 IBM Plex Sans,sans-serif;letter-spacing:-.02em;margin:0;text-transform:none}.sales-menu-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}.sales-menu-tile{align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:10px;box-sizing:border-box;color:var(--ink);cursor:pointer;display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:112px;padding:16px 10px 14px;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease}.sales-menu-tile[data-tone=green]{background:#eef7f2}.sales-menu-tile[data-tone=blue]{background:#eef4f8}.sales-menu-tile[data-tone=orange]{background:#f8f3ee}.sales-menu-tile[data-tone=purple]{background:#f4f0f7}.sales-menu-tile-icon{border-radius:8px;color:var(--ep-primary);display:grid;height:40px;place-items:center;width:40px}.sales-menu-tile[data-tone=blue] .sales-menu-tile-icon{color:#2a5f7a}.sales-menu-tile[data-tone=orange] .sales-menu-tile-icon{color:#8a5a28}.sales-menu-tile[data-tone=purple] .sales-menu-tile-icon{color:#5e4a78}.sales-menu-tile-label{font:600 13px/1.25 IBM Plex Sans,sans-serif;text-align:center}.sales-menu-tile:hover{border-color:#9bb5a6;box-shadow:0 6px 16px #0f3d2e14;transform:translateY(-2px)}.sales-menu-tile.is-active{background:#e4f0ea;border-color:var(--ep-primary);box-shadow:0 0 0 2px #176b4d2e;font-weight:600}.sales-menu-tile:focus{outline:none}.sales-menu-tile:focus-visible{outline:2px solid var(--ep-primary);outline-offset:2px}.sidebar-flyout.is-menu-list{max-width:min(300px,calc(100vw - var(--sidebar-rail) - 16px));min-width:0;padding:10px 8px 12px;width:min(280px,calc(100vw - var(--sidebar-rail) - 16px))}.sidebar-flyout.is-menu-list .sidebar-flyout-head{margin-bottom:4px;padding:4px 8px 8px}.sidebar-flyout.is-menu-list .sidebar-flyout-head h2{color:var(--ink);font:700 15px/1.3 IBM Plex Sans,sans-serif;letter-spacing:0;text-transform:none}.sidebar-menu-section{color:var(--soft);font:600 11px/1.2 IBM Plex Mono,monospace;letter-spacing:.08em;margin:10px 8px 4px;text-transform:uppercase}.sidebar-menu-list{display:flex;flex-direction:column;gap:2px}.sidebar-menu-link{align-items:center;border-radius:8px;box-sizing:border-box;color:var(--ink);display:flex;font:500 13.5px/1.3 IBM Plex Sans,sans-serif;gap:10px;min-height:38px;padding:6px 10px;text-decoration:none}.sidebar-menu-link-icon{color:var(--ep-primary);display:grid;flex-shrink:0;height:20px;place-items:center;width:20px}.sidebar-menu-link-label{min-width:0}.sidebar-menu-link:hover{background:#eef7f2}.sidebar-menu-link.is-active{background:#e4f0ea;color:var(--ep-primary);font-weight:600}.sidebar-menu-link:focus{outline:none}.sidebar-menu-link:focus-visible{outline:2px solid var(--ep-primary);outline-offset:2px}.sidebar-edge-toggle{background:var(--ep-primary);border:1px solid #ffffffb8;border-radius:999px;box-shadow:0 1px 4px #0b2d2247;color:#fff;cursor:pointer;display:grid;height:26px;left:calc(100% - 13px);margin:0;padding:0;place-items:center;position:absolute;transform:translateY(-50%);width:26px;z-index:5}.sidebar-edge-toggle:hover{box-shadow:0 0 0 3px #ffffff47}.sidebar-edge-toggle:focus{outline:none}.sidebar-edge-toggle:focus-visible{box-shadow:0 0 0 4px var(--ep-dark);outline:2px solid #fff;outline-offset:2px}.app-sidebar .top-nav-link{align-items:center;border-bottom:0;border-radius:6px;color:#c5d9cf;display:flex;font:500 13.5px IBM Plex Sans,sans-serif;gap:10px;letter-spacing:0;padding:9px 12px;text-decoration:none;text-transform:none}.app-sidebar .top-nav-link:hover{background:#ffffff14;color:#fff}.app-sidebar .top-nav-link.active{background:var(--ep-primary);border-bottom-color:#0000;color:#fff;font-weight:600}.app-sidebar .nav-group{align-items:center;display:flex;flex-direction:column;gap:1px}.app-sidebar .nav-group-toggle{background:#0000;border:0;cursor:pointer;text-align:left;width:100%}.app-sidebar .nav-group-toggle.parent-open{background:#ffffff1a;color:#fff;font-weight:600}.app-sidebar .nav-group-toggle .nav-chevron{flex-shrink:0;margin-left:auto;opacity:.7;transition:transform .15s ease}.app-sidebar .nav-group-toggle[aria-expanded=false] .nav-chevron{transform:rotate(-90deg)}.app-sidebar .nav-sub{display:flex;flex-direction:column;gap:1px;padding:0 0 2px}.app-sidebar .nav-sub .top-nav-link{color:#b7c9c0;font-size:13px;font-weight:500;padding:7px 10px 7px 22px}.app-sidebar .nav-sub .top-nav-link.active{color:#fff;font-weight:600}.app-sidebar .nav-nested{display:flex;flex-direction:column;gap:1px}.app-sidebar .nav-nested .nav-group-toggle{padding-left:22px}.app-sidebar .nav-sub-sub{display:flex;flex-direction:column;gap:1px}.app-sidebar .nav-sub-sub .top-nav-link{font-size:12.5px;padding:7px 10px 7px 34px}.coming-soon-note{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--soft);font-size:13.5px;line-height:1.5;max-width:540px;padding:16px 18px}.app-main{display:flex;flex-direction:column;min-height:100vh;min-width:0}.topbar{background:var(--surface);border-bottom:1px solid var(--line);gap:16px;height:48px;height:var(--ep-topbar-height,48px);padding:0 20px;position:-webkit-sticky;position:sticky;top:0;z-index:30}.brand,.topbar{align-items:center;display:flex}.brand{color:inherit;gap:12px;text-decoration:none}.brand-mark{align-items:center;display:inline-flex;gap:10px;min-width:0}.brand-mark img{display:block;flex-shrink:0;object-fit:contain;object-position:center}.brand-logo-symbol{aspect-ratio:1/1;background:#fff;border-radius:8px;height:36px;width:36px}.brand-mark.is-compact .brand-logo-symbol{height:40px;width:40px}.brand-logo-full{background:#fff;height:auto;max-width:100%;width:min(100%,300px)}.brand-copy{display:flex;flex-direction:column;line-height:1.15;min-width:0}.brand-copy strong{font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.brand-copy em{color:var(--soft);font-size:10.5px;font-style:normal;margin-top:2px}.app-sidebar .brand-copy strong{color:#fff}.app-sidebar .brand-copy em{color:#a8c4b6}.brand-mark.is-stacked{flex-direction:column;gap:12px;text-align:center}.brand-mark.is-stacked .brand-copy{align-items:center}.brand-mark.is-compact .brand-copy em{display:none}.brand-mark.is-on-dark,.brand-mark.is-on-dark .brand-copy strong{color:#fff}.brand span:not(.brand-mark):not(.brand-copy),.login-mark span:not(.brand-mark):not(.brand-copy){background:var(--ink);color:#f6f3eb;font-family:IBM Plex Mono;font-size:14px;font-weight:600;padding:9px 7px}.brand strong{font-size:14px;letter-spacing:.08em;text-transform:uppercase}.topbar-date{color:var(--soft);font:11px IBM Plex Mono;letter-spacing:.04em;text-transform:uppercase}.sync{color:var(--soft);font-family:IBM Plex Mono;font-size:11px;margin-left:auto}.live-dot{background:var(--green);border-radius:50%;display:inline-block;height:7px;margin-right:7px;width:7px}.profile{align-items:center;border-left:1px solid var(--line);display:flex;font-size:13px;gap:12px;padding-left:16px}.profile-meta{align-items:flex-end;display:flex;flex-direction:column;gap:2px;line-height:1.2}.profile-name{color:var(--ink);font-size:12.5px;font-weight:650}.profile-meta [data-testid=current-user-role]{color:var(--soft);font:10.5px IBM Plex Mono;letter-spacing:.06em;text-transform:uppercase}.icon-button,.profile button{background:#0000;border:1px solid var(--line);border-radius:6px;color:var(--ink);cursor:pointer;display:grid;height:34px;place-items:center;transition:background .18s;width:34px}.icon-button:hover,.profile button:hover{background:var(--muted)}.content{margin:auto;max-width:1440px;min-width:0;padding:20px 24px 72px}.content,.settings-page{box-sizing:border-box;width:100%}.settings-page{max-width:100%}.content:has(.prod-page){box-sizing:border-box;max-width:none;padding:12px 16px 48px;width:100%}.page-heading{align-items:flex-end;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.eyebrow{color:var(--soft);font-family:IBM Plex Mono;font-size:10.5px;letter-spacing:.14em;margin:0 0 6px;text-transform:uppercase}.page-heading h1{font-size:clamp(22px,2.4vw,28px);font-weight:700;line-height:1.15;margin:0}.prod-page .prod-heading{align-items:center;gap:12px}.prod-page .prod-heading-copy{min-width:0}.prod-page .prod-heading .eyebrow{font-size:10px;letter-spacing:.14em;margin-bottom:2px}.prod-page .prod-heading h1{font-size:clamp(16px,1.3vw,18px);font-weight:650;letter-spacing:-.015em;line-height:1.2}.prod-page .prod-heading .subhead{font-size:12px;line-height:1.35;margin:3px 0 0}.subhead{color:var(--soft);font-size:13px;margin:6px 0 0}.signal-strip{align-items:center;background:#fdf3f1;border:1px solid #f0c8c0;border-radius:var(--radius);display:flex;justify-content:space-between;margin-bottom:14px;padding:10px 14px}.signal-strip div{align-items:center;display:flex;gap:10px}.signal-strip div span{color:#704b48;font-size:13px}.signal-strip svg{color:var(--red)}.section-label,.strip-time{color:var(--soft);font:11px IBM Plex Mono}.section-label{border-bottom:1px solid var(--line);display:flex;justify-content:space-between;letter-spacing:.12em;padding:0 0 8px;text-transform:uppercase}.job-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);color:inherit;cursor:pointer;display:block;margin-bottom:8px;padding:12px 14px;text-decoration:none;transition:background .18s,border-color .18s,box-shadow .18s}.job-row:hover{background:#f7fbf8;border-color:#b7d2c6;transform:none}.job-bottom,.job-meta,.job-top{align-items:center;display:flex;justify-content:space-between}.po{font:600 13px IBM Plex Mono;margin-right:10px}.standard-badge,.status,.urgent-badge{border-radius:4px;font:10.5px IBM Plex Mono;letter-spacing:.05em;text-transform:uppercase}.urgent-badge{background:#fdf3f1;border:1px solid var(--red);color:var(--red);padding:3px 7px}.standard-badge{background:#fff;border:1px solid var(--line);color:var(--soft);padding:3px 7px}.prod-h1-badge{background:#fef4d6;border-color:#efd9a1;color:#7a5a1e}.prod-priority-badges{align-items:center;display:inline-flex;flex-wrap:wrap;gap:4px;vertical-align:middle}.deadline{color:var(--soft);font:12px IBM Plex Mono}.job-row h3{font-size:16px;font-weight:650;letter-spacing:-.02em;margin:8px 0}.job-meta{color:var(--soft);font-size:12.5px;gap:18px;justify-content:flex-start}.job-meta span{align-items:center;display:flex;gap:6px}.stage-bar{display:flex;gap:3px;margin:10px 0}.stage-bar-col{align-items:stretch;display:flex;flex:1 1;flex-direction:column;gap:5px;justify-content:flex-end;min-width:0}.stage-bar-label{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--soft);display:-webkit-box;font-size:9px;letter-spacing:-.01em;line-height:1.2;overflow:hidden;text-align:center;word-break:break-word}.stage-bar-col.is-current .stage-bar-label{color:var(--ink);font-weight:700}.stage-bar-seg{background:var(--muted);border-radius:2px;display:block;height:4px;transition:transform .12s,background .12s;width:100%}.stage-bar-seg.clickable{cursor:pointer}.stage-bar-seg.clickable:hover{background:var(--ink);transform:scaleY(1.8)}.stage-bar-seg.clickable:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.stage-bar span.done,.stage-bar-seg.done{background:var(--blue)}.stage-bar span.current,.stage-bar-seg.current{background:var(--amber)}.status{color:var(--green)}.open-hint{align-items:center;color:var(--blue);display:flex;font:11px IBM Plex Mono;gap:4px;letter-spacing:.08em;text-transform:uppercase}.empty-state{background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius);color:var(--soft);padding:28px 20px;text-align:center}.primary,.task-button{align-items:center;background:var(--ep-primary);border:0;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:9px;min-height:40px;padding:0 14px;transition:background .18s,transform .18s}.primary:hover,.task-button:hover{background:var(--ep-dark);transform:none}.primary:disabled{cursor:not-allowed;opacity:.55}.ghost{align-items:center;background:#0000;border:1px solid var(--line);color:var(--ink);cursor:pointer;display:inline-flex;gap:8px;min-height:36px;padding:8px 12px;transition:background .18s}.ghost:hover{background:var(--muted)}.ghost:disabled{cursor:not-allowed;opacity:.5}.ghost.sm{font-size:12px;min-height:30px;padding:5px 10px}.bottom-nav{display:none}.workflow-footer{grid-gap:24px;border-top:1px solid var(--line);display:grid;gap:24px;grid-template-columns:minmax(180px,.7fr) 2fr;margin-top:28px;padding-top:18px}.workflow-footer h2{font-size:22px;letter-spacing:-.03em;line-height:1.15;margin:0}.workflow-list{grid-gap:0;border-top:1px solid var(--line);display:grid;gap:0;grid-template-columns:repeat(4,minmax(0,1fr))}.workflow-list span{border-bottom:1px solid var(--line);font-size:14px;padding:13px 0}.workflow-list b{color:var(--soft);font:11px IBM Plex Mono;margin-right:12px}.workflow-list-clickable{border-top:1px solid var(--line)}.workflow-stage-link{align-items:center;border-bottom:1px solid var(--line);border-right:1px solid var(--line);color:inherit;display:flex;font-size:13px;gap:8px;min-height:40px;padding:8px 10px;text-decoration:none;transition:background .12s ease}.workflow-stage-link:hover{background:#f3faf6;cursor:pointer}.workflow-stage-link:active{background:#e4f0ea}.workflow-stage-link.active{background:#e4f0ea;font-weight:600}.workflow-stage-link b{color:var(--soft);font:11px IBM Plex Mono;margin-right:0;min-width:26px}.workflow-stage-label{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workflow-stage-count{background:var(--muted);border-radius:999px;color:var(--ep-dark);font:11px IBM Plex Mono;min-width:24px;padding:2px 8px;text-align:center}.workflow-stage-chev{color:var(--soft);flex-shrink:0}.schedule-note{background:var(--surface);border:1px solid var(--line);display:flex;gap:14px;margin-top:30px;padding:18px}.schedule-note p{color:var(--soft);font-size:14px;margin:6px 0 0}.toast{align-items:center;background:var(--ink);bottom:24px;box-shadow:0 10px 30px #17212633;color:#fff;display:flex;font-size:14px;gap:10px;padding:14px 16px;position:fixed;right:24px;z-index:10}.login-page{color:var(--ink);display:grid;min-height:100vh;padding:32px 16px;place-items:center}.login-mark{align-items:center;display:flex;justify-content:center;margin:0 0 16px;padding:0}.login-mark .brand-mark{justify-content:center;width:100%}.login-mark .brand-logo-full{width:min(100%,280px)}.login-card,.login-panel{background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);color:var(--ink);max-width:440px;padding:36px 32px 28px;width:100%}.login-panel h1{font-size:clamp(22px,3vw,28px);letter-spacing:-.03em;line-height:1.2;margin:8px 0 10px;text-align:center}.login-panel h1 em{color:var(--ep-primary);font-style:normal}.login-panel .eyebrow{margin-bottom:4px;text-align:center}.login-copy{color:var(--soft);font-size:14px;margin-bottom:22px;text-align:center}.login-panel form{grid-gap:14px;display:grid;gap:14px}.login-panel label{grid-gap:6px;color:var(--soft);display:grid;font:11px IBM Plex Mono;gap:6px;letter-spacing:.12em;text-transform:uppercase}.login-panel input{background:#cffafe;border:2px solid #22d3ee;border-radius:12px;color:var(--ink);font-size:15px;height:44px;padding:0 12px}.login-panel input:focus{border-color:#0891b2;box-shadow:0 0 0 4px #0891b242;outline:none}.full{justify-content:center;margin-top:6px;width:100%}.demo-note{color:var(--soft);font:11px IBM Plex Mono;margin-top:18px;text-align:center}.error{color:var(--red);font-size:13px;padding:6px 0}.spin{animation:spin 1s linear infinite}.loading{color:var(--soft);font-family:IBM Plex Mono;font-size:14px;padding:60px 24px;text-align:center}.po-detail{--mod:#0f3d3f;--mod-strong:#0a2e30;--mod-soft:#eef3f4;--mod-border:#c5d0d4;--mod-ink:#0f172a;--mod-tint:#f7f8f9;--mod-head-fg:#0f172a;--po-stageflow-height:52px;--po-stageflow-sticky-top:var(--ep-topbar-height,48px);--po-navy:#0b1f33;--po-teal:#0f5f63;--po-border:#c9d2d8;--po-surface:#fff;--po-page:#f4f6f7;margin:0 auto;max-width:1280px;min-width:0;width:100%}.content-workspace .po-detail{--po-stageflow-sticky-top:calc(var(--ep-topbar-height,48px) + var(--ep-workspace-tabs-height,34px));box-sizing:border-box;padding:10px 16px 40px}.detail-header{display:flex;flex-direction:column;gap:4px;margin-bottom:6px}.po-hero-title-row{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;min-width:0}.po-hero-customer{flex:1 1 auto;font-size:clamp(20px,2.4vw,28px);font-weight:800;letter-spacing:-.03em;line-height:1.12;margin:0;min-width:0;overflow-wrap:anywhere}.po-hero-back{align-self:flex-start;flex:0 0 auto;white-space:nowrap}.po-hero-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:4px 10px;min-width:0}.po-hero-toolbar .po-hero-number{font:13px/1.3 IBM Plex Mono,monospace;margin:0}.po-hero-toolbar .po-hero-dot,.po-hero-toolbar .po-hero-number{color:var(--soft);font-weight:600}.po-hero-toolbar .po-hero-outlet{font-size:13px;font-weight:600;margin:0}.po-hero-toolbar .po-hero-sedang{color:var(--ink);font-size:13px}.po-hero-toolbar .po-customer-line{color:#7a6f52;font-size:12px}.po-hero-toolbar .po-hero-refresh{font-size:11px;min-height:26px;padding:2px 8px}.po-hero-toolbar .po-hero-updated{color:#7a6f52;font-size:11.5px}.po-stage-bar-sticky{background:#fff;background:var(--surface,#fff);border-bottom:1px solid var(--line);box-shadow:0 1px 0 #0f172a0a;margin:0 0 8px;padding:6px 0 8px;position:-webkit-sticky;position:sticky;top:var(--po-stageflow-sticky-top);z-index:20}.po-detail [id^=po-stage-]{scroll-margin-top:calc(var(--po-stageflow-sticky-top) + var(--po-stageflow-height) + 8px)}.po-stage-bar-block{-webkit-overflow-scrolling:touch;margin:0;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;width:100%}.po-stage-bar-block .stage-bar{margin:0;min-width:1080px}.po-stage-bar-block .stage-bar-col{flex:1 0 68px;min-width:68px}.po-stage-bar-block .stage-bar.has-labels{align-items:stretch;gap:0;min-width:1380px}.po-stage-bar-block .stage-bar.has-labels .stage-bar-col{flex:1 0 90px;justify-content:stretch;min-width:90px}.po-stage-bar-block .stage-bar.has-labels .stage-bar-seg{background:#e2e8f0;border-radius:0;-webkit-clip-path:polygon(0 0,calc(100% - 11px) 0,100% 50%,calc(100% - 11px) 100%,0 100%,11px 50%);clip-path:polygon(0 0,calc(100% - 11px) 0,100% 50%,calc(100% - 11px) 100%,0 100%,11px 50%);color:#475569;display:flex;flex-direction:column;gap:1px;height:auto;justify-content:center;margin-left:-8px;min-height:46px;padding:6px 16px 6px 18px;transition:filter .12s,background .12s;width:100%}.po-stage-bar-block .stage-bar.has-labels .stage-bar-col:first-child .stage-bar-seg{border-radius:8px 0 0 8px;-webkit-clip-path:polygon(0 0,calc(100% - 11px) 0,100% 50%,calc(100% - 11px) 100%,0 100%);clip-path:polygon(0 0,calc(100% - 11px) 0,100% 50%,calc(100% - 11px) 100%,0 100%);margin-left:0}.po-stage-bar-block .stage-bar.has-labels .stage-bar-col:last-child .stage-bar-seg{border-radius:0 8px 8px 0;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%,11px 50%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%,11px 50%)}.po-stage-bar-block .stage-bar.has-labels .stage-bar-step-num{font:10px IBM Plex Mono,monospace;font-weight:700;letter-spacing:.04em;line-height:1;opacity:.85}.po-stage-bar-block .stage-bar.has-labels .stage-bar-label{-webkit-line-clamp:2;color:inherit;font-size:11px;font-weight:700;letter-spacing:-.01em;line-height:1.2;text-align:left}.po-stage-bar-block .stage-bar.has-labels .stage-bar-seg.done{background:#0f766e;color:#fff}.po-stage-bar-block .stage-bar.has-labels .stage-bar-seg.current{background:#ea580c;box-shadow:0 0 0 2px #fff,0 0 0 4px #ea580c;color:#fff;z-index:2}.po-stage-bar-block .stage-bar.has-labels .stage-bar-seg.clickable:hover{background:#cbd5e1;filter:brightness(1.08);transform:none}.po-stage-bar-block .stage-bar.has-labels .stage-bar-seg.done.clickable:hover{background:#0d9488}.po-stage-bar-block .stage-bar.has-labels .stage-bar-seg.current.clickable:hover{background:#c2410c}.po-detail .panel{background:#fff;background:var(--surface,#fff);border:2px solid #1a7a7e;border:2px solid var(--mod-border,#1a7a7e);overflow:hidden}.po-detail .packing-panel .panel-head,.po-detail .panel-head,.po-detail .qty-ops-head{align-items:flex-start;background:#0f5f63;background:var(--mod,#0f5f63);background-image:none;border-bottom:2px solid #0b4c4f;border-bottom:2px solid var(--mod-strong,#0b4c4f);color:#fff;color:var(--mod-head-fg,#fff);display:flex;flex-wrap:wrap;gap:8px 12px;justify-content:space-between;margin:-14px -16px 12px;min-height:0;overflow:visible;padding:9px 16px 8px}.po-detail .packing-panel .panel-head,.po-detail .qty-ops-panel .qty-ops-head{margin:0;padding:9px 14px 8px}.po-detail .packing-panel .panel-head h3,.po-detail .panel-head h3,.po-detail .qty-ops-title h3{color:#fff;color:var(--mod-head-fg,#fff);flex:1 1 10rem;font-family:inherit;font-size:15px;font-weight:800;letter-spacing:-.015em;line-height:1.3;margin:0;min-width:0;overflow:visible;text-overflow:clip;text-transform:none;white-space:normal}.po-detail .qty-ops-title{align-items:flex-start;display:flex;flex:1 1 10rem;gap:8px;min-width:0;overflow:visible}.po-detail .qty-ops-title svg{color:#fff;color:var(--mod-head-fg,#fff);opacity:.92}.po-detail .panel-head>.muted,.po-detail .qty-ops-head .muted{color:#ffffffd1}.po-detail .panel-head>.muted,.po-detail .panel-head>.status-badge,.po-detail .qty-ops-head-meta{flex:0 1 auto;max-width:100%}.po-detail .panel-head .btn-file:not(.primary),.po-detail .panel-head .ghost,.po-detail .qty-ops-head .btn-file:not(.primary),.po-detail .qty-ops-head .ghost{background:#fff;border-color:#ffffff73;color:#0f172a;color:var(--ink,#0f172a)}.po-detail .panel-head .primary,.po-detail .panel-head label.primary,.po-detail .qty-ops-head .primary,.po-detail .qty-ops-head label.primary{color:#fff}.po-detail .panel-head .qty-status,.po-detail .qty-ops-head .qty-status{background:#fff}.po-detail .packing-panel .primary:disabled,.po-detail .primary:disabled,.po-detail .qty-ops-panel .primary:disabled,.po-detail label.primary.disabled{background:#5c5852;color:#fff;opacity:1}.po-detail .workflow-group{border-color:#67e8f9;border-color:var(--mod-border,#67e8f9);border-left-color:#0e7490;border-left-color:var(--mod-strong,#0e7490)}.po-detail .workflow-group-label{color:#155e75;color:var(--mod-ink,#155e75)}.po-actions-ops,.po-delivery-actions,.po-tracking-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.po-meta-aksi-row{grid-gap:10px;align-items:start;display:grid;gap:10px;grid-template-columns:minmax(0,1.65fr) minmax(280px,.95fr);margin:6px 0 8px}.po-detail .po-actions-panel,.po-detail .po-info-panel{margin:0}.po-detail .po-info-panel{--mod:#0f5f63;--mod-strong:#0b4c4f;--mod-border:#1a7a7e;padding:0 12px 10px}.po-detail .po-info-panel .panel-head{margin:0 -12px 8px;padding:8px 12px 7px}.po-info-grid{grid-gap:6px 12px;display:grid;gap:6px 12px;grid-template-columns:repeat(3,minmax(0,1fr))}.po-info-grid>div{display:flex;flex-direction:column;gap:1px;min-width:0}.po-info-grid .lbl{align-items:center;color:var(--soft);display:flex;font:9.5px IBM Plex Mono,monospace;gap:4px;letter-spacing:.12em;text-transform:uppercase}.po-info-grid strong{color:var(--ink);font-size:13px;font-weight:600;line-height:1.25;word-break:break-word}.po-info-address{grid-column:1/-1}.po-info-empty{color:var(--soft);font-weight:500}.po-info-edit{align-self:flex-start;margin-top:2px}.po-detail .po-actions-panel{--mod:#0b6b75;--mod-strong:#08545c;--mod-border:#16838e;margin:8px 0;padding:0 12px 8px}.po-detail .po-actions-panel .panel-head{margin:0 -12px 6px;padding:8px 12px 7px}.po-actions-ops{padding:2px 0 6px}.po-actions-admin{border-top:1px dashed var(--line);padding-top:6px}.po-action-doc,.po-action-primary{align-items:center;border-radius:8px;color:#fff;display:inline-flex;font-size:.8125rem;font-weight:600;gap:6px;padding:6px 12px;text-decoration:none}.po-action-primary{background:#0284c7}.po-action-doc{background:#7c3aed}.po-action-done{align-items:center;background:#dcfce7;border-radius:20px;color:#166534;display:inline-flex;font-size:.75rem;font-weight:600;gap:6px;padding:5px 10px}.po-actions-hint{margin:4px 0 0}.po-detail [data-testid=line-items-panel],.po-detail [data-testid=production-route-panel]{--mod:#0e6a72;--mod-strong:#0a545b;--mod-border:#1a838c;--mod-tint:#f3fafb}.po-detail .po-phase-design,.po-detail [data-testid=approval-design-panel],.po-detail [data-testid=design-files-panel]{--mod:#3d3478;--mod-strong:#2f285c;--mod-soft:#f3f1fa;--mod-border:#564a96;--mod-ink:#2e2460;--mod-tint:#f6f4fc}.po-detail .po-phase-payment,.po-detail [data-testid=payment-approval-pair],.po-detail [data-testid=payment-panel]{--mod:#7a4e14;--mod-strong:#5e3b0e;--mod-soft:#f8f1e4;--mod-border:#9a6824;--mod-ink:#5e3b0e;--mod-tint:#fdf8ee}.po-detail .po-phase-scheduling,.po-detail [data-testid=delivery-deadline-panel],.po-detail [data-testid=penjadwalan-panel]{--mod:#0e5f78;--mod-strong:#0a4a5e;--mod-soft:#e8f3f7;--mod-border:#1a7a96;--mod-ink:#0a4a5e;--mod-tint:#f2f9fc}.po-detail .po-phase-helper,.po-detail [data-testid=helper-prep-panel],.po-detail [data-testid=screener-panel]{--mod:#0d5c54;--mod-strong:#0a4842;--mod-soft:#e7f4f1;--mod-border:#1a7a70;--mod-ink:#0a4842;--mod-tint:#f1faf8}.po-detail .po-phase-sample,.po-detail [data-testid=approval-sample-panel],.po-detail [data-testid=cetak-sample-pair],.po-detail [data-testid=sample-files-panel]{--mod:#5a3480;--mod-strong:#452764;--mod-soft:#f4eef8;--mod-border:#7548a0;--mod-ink:#452764;--mod-tint:#f8f4fb}.po-detail .po-phase-print,.po-detail [data-testid=operator-progress-panel],.po-detail [data-testid=qty-selesai-cetak-panel]{--mod:#1f6b3d;--mod-strong:#175230;--mod-soft:#e8f4ec;--mod-border:#2f8a52;--mod-ink:#175230;--mod-tint:#f3faf5}.po-detail .packing-panel,.po-detail .po-phase-shipping,.po-detail [data-testid=terkirim-panel],.po-detail [data-testid=workflow-slot-12]>.panel,.po-detail [data-testid=workflow-slot-13]>.panel,.po-detail [data-testid=workflow-slot-14]>.panel,.po-detail [data-testid=workflow-slot-15]>.panel{--mod:#0d5e66;--mod-strong:#0a4950;--mod-soft:#e7f3f4;--mod-border:#1a7c86;--mod-ink:#0a4950;--mod-tint:#f1fafb}.po-detail .po-pair-card{margin-top:12px}.po-detail .po-pair-grid{align-items:stretch;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-width:0}.po-detail .po-pair-grid-schedule{grid-template-columns:minmax(0,.38fr) minmax(0,.62fr)}.po-detail .po-pair-col{background:var(--paper);background:var(--mod-tint,var(--paper));min-width:0;padding:12px 14px 14px}.po-detail .po-pair-col+.po-pair-col{border-left:1px solid color-mix(in srgb,var(--mod-border,var(--line)) 50%,var(--line))}.po-detail .po-pair-col-title{color:var(--ink);font-size:12px;font-weight:700;letter-spacing:.04em;margin:0 0 8px;text-transform:uppercase}.po-detail .po-pair-col .ca-panel,.po-detail .po-pair-col .qty-ops-panel,.po-detail .po-pair-col [data-testid=approval-design-panel],.po-detail .po-pair-col [data-testid=approval-sample-panel],.po-detail .po-pair-col [data-testid=design-files-panel],.po-detail .po-pair-col [data-testid=sample-files-panel]{background:#0000;border:0;border-radius:0;box-shadow:none;margin:0;overflow:visible;padding:0}.po-detail .po-pair-col .ca-panel>header h3,.po-detail .po-pair-col .qty-ops-head h3,.po-detail .po-pair-col [data-testid=design-files-panel]>.panel-head h3,.po-detail .po-pair-col [data-testid=sample-files-panel]>.panel-head h3{font-size:13px;font-weight:700;letter-spacing:0;text-transform:none}.po-detail .po-pair-col .qty-ops-head,.po-detail .po-pair-col [data-testid=design-files-panel]>.panel-head,.po-detail .po-pair-col [data-testid=sample-files-panel]>.panel-head{background:#0000;background-image:none;border-bottom:1px solid var(--line);color:var(--ink);margin:0 0 10px;padding:0 0 8px}.po-detail .po-pair-col .ca-panel>header h3,.po-detail .po-pair-col .qty-ops-head h3,.po-detail .po-pair-col [data-testid=design-files-panel]>.panel-head h3,.po-detail .po-pair-col [data-testid=sample-files-panel]>.panel-head h3{color:var(--ink)}.po-detail .po-pair-col .qty-ops-title svg{color:var(--ink);opacity:.7}.po-detail .po-pair-col .qty-ops-head .muted{color:var(--soft)}.po-detail .po-pair-col .ca-panel,.po-detail .po-pair-col .qty-ops-panel .qty-ops-body,.po-detail .po-pair-col [data-testid=sample-files-panel] .panel-body{padding:0}@media (max-width:820px){.po-detail .po-pair-grid,.po-detail .po-pair-grid-schedule{grid-template-columns:minmax(0,1fr)}.po-detail .po-pair-col+.po-pair-col{border-left:0;border-top:1px solid color-mix(in srgb,var(--mod-border,var(--line)) 50%,var(--line))}}.po-kpi-strip .kpi-accent-target strong{color:#0e7490}.po-kpi-strip .kpi-accent-done strong{color:#15803d}.po-kpi-strip .kpi-accent-remain strong{color:#c2410c}.po-kpi-strip .kpi-accent-packed strong{color:#0f766e}.po-detail .hold-banner{border-left:4px solid #c2410c;margin:8px 0;padding:10px 12px}.po-detail .po-kpi-strip{margin:6px 0 8px}.po-detail .po-actions-panel .panel-head{border-bottom:2px solid #08545c;border-bottom:2px solid var(--mod-strong,#08545c)}.po-detail .po-actions-panel .panel-head h3{color:#fff;color:var(--mod-head-fg,#fff);font-weight:800}.po-detail .po-actions-row{padding:8px 0 0}.advance-bar{background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;gap:12px;margin:24px 0;padding:16px 18px}.advance-bar input{background:var(--paper);border:1px solid var(--line);font-size:14px;padding:10px 12px;width:100%}.advance-actions,.workflow-stage-actions{display:flex;flex-wrap:wrap;gap:10px}.workflow-stage-actions{align-items:center;margin-top:12px}.workflow-stage-actions input[type=text]{background:var(--paper);border:1px solid var(--line);flex:1 1;font-size:14px;min-width:180px;padding:10px 12px}.po-workflow{gap:10px}.po-workflow,.workflow-group{display:flex;flex-direction:column}.workflow-group{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--ep-primary);border-radius:var(--radius);box-shadow:var(--shadow);margin:0;padding:0 0 4px}.workflow-group-label{color:var(--ep-dark);font:10.5px IBM Plex Mono,monospace;font-weight:600;letter-spacing:.12em;margin:10px 14px 2px;text-transform:uppercase}.muted.small{color:var(--soft);font-size:12px;margin:0}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin:12px 0;padding:14px 16px}.panel-head{align-items:baseline;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:12px;padding-bottom:10px}.panel-head h3{font-size:12px;font-weight:650;letter-spacing:.12em}.panel-head h3,.panel-head h4{font-family:IBM Plex Mono;margin:0;text-transform:uppercase}.panel-head h4{font-size:13px;font-weight:500;letter-spacing:.1em}.pill{background:var(--muted);color:var(--ink);font:11px IBM Plex Mono;letter-spacing:.05em;padding:4px 10px}.info-grid{grid-gap:10px 16px;display:grid;gap:10px 16px;grid-template-columns:repeat(4,1fr)}.info-grid>div{display:flex;flex-direction:column;gap:4px}.info-grid .lbl{align-items:center;color:var(--soft);display:flex;font:10px IBM Plex Mono;gap:5px;letter-spacing:.14em;text-transform:uppercase}.info-grid strong{color:var(--ink);font-size:15px;font-weight:500}.info-grid .span-2{grid-column:span 2}.status-ok{color:var(--green)}.status-wait{color:var(--amber)}.line-items{gap:16px}.line-item,.line-items{display:flex;flex-direction:column}.line-item{border-bottom:1px dashed var(--line);gap:8px;padding:14px 0}.line-item:last-child{border-bottom:0}.line-item strong{font-size:15px}.line-item .mono{color:var(--soft);font:11px IBM Plex Mono;margin-left:12px}.line-product-replace{margin-top:4px}.line-product-replace .error{color:#b42318;margin:0}.line-product-replace-actions{display:inline-flex;flex-wrap:wrap;gap:6px}.line-product-replace-lock{display:block;line-height:1.35;max-width:220px}.line-qty-edit-modal{max-width:420px;width:min(420px,calc(100vw - 32px))}.line-qty-edit-facts{grid-gap:6px 16px;display:grid;gap:6px 16px;grid-template-columns:minmax(0,1fr) auto;margin:0}.line-qty-edit-facts dt{color:var(--soft);font-size:12px;margin:0}.line-qty-edit-facts dd{font-weight:650;margin:0;text-align:right}.line-qty-increase-notes{color:var(--soft);font-size:12px;line-height:1.45;margin:8px 0 0;padding-left:18px}.line-qty-increase-notes li{margin:2px 0}.line-qty-confirm{font-size:13px;margin:8px 0 0}.line-qty-confirm p{margin:0 0 4px}.li-meta{color:var(--soft);display:flex;flex-wrap:wrap;font-size:13px;gap:22px}.li-meta span{align-items:center;display:flex;gap:5px}.li-notes{color:var(--soft);font-size:13px;font-style:italic;margin:0}.split-list{gap:0;margin-bottom:16px}.split-list,.split-row{display:flex;flex-direction:column}.split-row{background:#0000;border-bottom:1px dashed var(--line);gap:6px;padding:10px 0}.split-list>.split-row:last-child{border-bottom:none}.split-row strong{display:block;font-size:14px}.split-row .mono{color:var(--soft);font:11px IBM Plex Mono}.split-row .qty{font:12px IBM Plex Mono;font-weight:600}.split-row .stage-chip{background:#e7edf3;color:var(--blue);font:11px IBM Plex Mono;padding:4px 8px;text-align:center}.split-edit{border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px;margin-top:16px;padding-top:16px}.split-edit-head{align-items:center;display:flex;justify-content:space-between}.split-edit-head .warn{color:var(--red);font:11px IBM Plex Mono}.split-edit-head .muted{color:var(--soft);font:11px IBM Plex Mono}.split-edit-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:2fr 1fr auto}.split-edit-row input,.split-edit-row select{background:var(--paper);border:1px solid var(--line);font-size:13px;min-height:38px;padding:8px 10px}.split-actions{display:flex;gap:10px;justify-content:space-between;margin-top:6px}.empty{color:var(--soft);font-size:13px;font-style:italic;margin:0}.attachments-block{margin-bottom:16px}.attachments-block:last-child{margin-bottom:0}.attachments-block-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.attachments-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.attachment-card{background:var(--paper);border:1px solid var(--line);cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:8px;text-align:left;transition:transform .18s}.attachment-card:hover{transform:translateY(-2px)}.attachment-card img{object-fit:cover;width:100%}.attachment-card img,.file-thumb{background:var(--muted);height:100px}.file-thumb{grid-gap:6px;color:var(--soft);display:grid;gap:6px;place-items:center}.file-thumb span{font:10px IBM Plex Mono;letter-spacing:.1em}.attachment-meta{display:flex;flex-direction:column;font-size:11px;gap:2px}.attachment-meta strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-meta span{color:var(--soft);font-family:IBM Plex Mono}.role-tag{background:var(--ink);color:#fff;font:9px IBM Plex Mono;letter-spacing:.08em;padding:1px 6px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.lightbox{background:#172126e0;cursor:zoom-out;display:grid;inset:0;padding:24px;place-items:center;position:fixed;z-index:50}.lightbox img{box-shadow:0 30px 80px #0008;max-height:90vh;max-width:100%}.notes-view{background:var(--paper);border:1px solid var(--line);color:var(--ink);font-family:IBM Plex Sans;font-size:13px;margin:0 0 14px;padding:12px;white-space:pre-wrap}.note-add{align-items:flex-end;display:flex;gap:10px}.note-add textarea{background:var(--paper);border:1px solid var(--line);flex:1 1;font-family:IBM Plex Sans;font-size:13px;padding:10px;resize:vertical}.delivery-block{grid-gap:14px 22px;display:grid;gap:14px 22px;grid-template-columns:repeat(3,1fr)}.delivery-block .lbl{align-items:center;color:var(--soft);display:flex;font:10px IBM Plex Mono;gap:5px;letter-spacing:.14em;text-transform:uppercase}.delivery-block strong{font-size:14px;font-weight:500}.delivery-block .span-2{grid-column:span 2}.delivery-block p{color:var(--soft);font-size:13px;margin:4px 0 0}.timeline{background:var(--surface);border:1px solid var(--line);list-style:none;margin:24px 0;padding:20px 22px}.timeline-item{grid-gap:14px;display:grid;gap:14px;grid-template-columns:24px 1fr;padding-bottom:16px;position:relative}.timeline-item:not(:last-child):after{background:var(--line);bottom:0;content:"";left:11px;position:absolute;top:16px;width:1px}.timeline-item .dot{background:var(--muted);border:2px solid var(--surface);border-radius:50%;box-shadow:0 0 0 1px var(--line);height:12px;margin-top:4px;width:12px}.timeline-done .dot{background:var(--blue);box-shadow:0 0 0 1px var(--blue)}.timeline-current .dot{animation:pulse 1.6s ease-in-out infinite;background:var(--amber);box-shadow:0 0 0 1px var(--amber)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.timeline .row-top{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.timeline .idx{color:var(--soft);font:11px IBM Plex Mono}.timeline .lbl{font-size:15px;font-weight:500}.timeline .chip{border:1px solid var(--line);font:10px IBM Plex Mono;letter-spacing:.08em;padding:3px 8px;text-transform:uppercase}.chip-done{border-color:var(--blue);color:var(--blue)}.chip-current{border-color:var(--amber);color:var(--amber)}.chip-pending,.timeline .meta{color:var(--soft)}.timeline .meta{align-items:center;display:flex;flex-wrap:wrap;font-size:12px;gap:8px;margin-top:6px}.timeline .meta span{font-family:IBM Plex Mono}.timeline .note{color:var(--ink);font-family:IBM Plex Sans;font-size:13px;font-style:italic;margin:6px 0 0;width:100%}.error-page{color:var(--red);padding:60px 24px;text-align:center}.accurate-banner{align-items:center;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--blue);display:flex;flex-wrap:wrap;gap:14px;margin:22px 0;padding:14px 18px}.accurate-banner>div{align-items:flex-start;display:flex;flex:1 1;gap:12px;min-width:260px}.accurate-banner strong{display:block;font-size:13px}.accurate-banner p{color:var(--soft);font-size:12px;margin:2px 0 0}.reminder-list{display:flex;flex-direction:column;gap:10px}.reminder-counts{border-bottom:1px solid var(--line);display:flex;font:11px IBM Plex Mono;gap:14px;letter-spacing:.08em;padding-bottom:8px;text-transform:uppercase}.reminder-counts b{font-weight:600;margin-left:2px}.rem-overdue{color:var(--red)}.rem-warn-6h{color:var(--amber)}.rem-warn-h1{color:var(--blue)}.reminder-list ul{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.reminder-item a{align-items:flex-start;background:var(--paper);border:1px solid var(--line);border-left-width:3px;color:inherit;display:flex;gap:12px;padding:10px 12px;text-decoration:none;transition:background .18s}.reminder-item a:hover{background:#fffefa}.reminder-item.rem-overdue a{border-left-color:var(--red)}.reminder-item.rem-warn-6h a{border-left-color:var(--amber)}.reminder-item.rem-warn-h1 a,.reminder-item.rem-warn-h1a a{border-left-color:var(--blue)}.rem-badge{align-items:center;border:1px solid;display:inline-flex;font:10px IBM Plex Mono;gap:4px;height:-webkit-fit-content;height:fit-content;letter-spacing:.08em;padding:3px 8px;text-transform:uppercase;white-space:nowrap}.reminder-item.rem-overdue .rem-badge{background:#f8e9e4;border-color:var(--red);color:var(--red)}.reminder-item.rem-warn-6h .rem-badge{background:#fbf1e0;border-color:var(--amber);color:var(--amber)}.reminder-item.rem-warn-h1 .rem-badge{background:#e7edf3;border-color:var(--blue);color:var(--blue)}.rem-body{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.rem-body strong{font-size:14px}.rem-body .muted{color:var(--soft);font-size:13px}.rem-meta{color:var(--soft);display:flex;flex-wrap:wrap;font-size:12px;gap:10px}.rem-meta .mono{font:11px IBM Plex Mono}.reminder-panel-mobile{margin-bottom:24px;margin-top:0}.proof-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-bottom:16px}.proof-card{background:var(--paper);border:1px solid var(--line);display:flex;flex-direction:column;gap:8px;margin:0;padding:8px;position:relative}.proof-card img{background:var(--muted);cursor:zoom-in;height:160px;object-fit:cover;width:100%}.proof-loading{background:var(--muted);color:var(--soft);display:grid;height:160px;place-items:center}.proof-card figcaption{display:flex;flex-direction:column;font-size:12px;gap:3px;padding:0 2px}.proof-card figcaption strong{font-size:13px}.proof-card figcaption em{color:var(--soft);font-size:12px;font-style:italic}.proof-card .role-tag{background:var(--ink);color:#fff;font:9px IBM Plex Mono;letter-spacing:.08em;padding:1px 6px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.proof-card .mono{color:var(--soft);font:10px IBM Plex Mono}.proof-delete{background:#172126d9;border:0;color:#fff;cursor:pointer;display:grid;height:28px;opacity:0;place-items:center;position:absolute;right:8px;top:8px;transition:opacity .18s;width:28px}.proof-card:hover .proof-delete{opacity:1}.proof-delete:hover{background:var(--red)}.proof-upload{border-top:1px dashed var(--line);display:flex;flex-direction:column;gap:12px;padding-top:14px}.proof-buttons{display:flex;flex-wrap:wrap;gap:10px}.proof-upload .ghost,.proof-upload .primary{justify-content:center}.status-error{align-items:center;color:var(--red);display:inline-flex;font:11px IBM Plex Mono;gap:4px}.staged-block{background:var(--paper);border:1px solid var(--line);padding:14px}.staged-head{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:12px}.staged-head h4{color:var(--soft);font:12px IBM Plex Mono;font-weight:600;letter-spacing:.1em;margin:0;text-transform:uppercase}.staged-actions{display:flex;flex-wrap:wrap;gap:8px}.staged-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.staged-card{grid-gap:10px;align-items:center;background:var(--surface);border:1px solid var(--line);display:grid;gap:10px;grid-template-columns:80px 1fr auto;padding:8px;position:relative;transition:border-color .18s}.staged-card.staged-ready{border-color:var(--blue)}.staged-card.staged-done{border-color:var(--green);opacity:.75}.staged-card.staged-error{border-color:var(--red)}.staged-card img{background:var(--muted);object-fit:cover}.staged-card .proof-loading,.staged-card img{height:80px;width:80px}.staged-info{display:flex;flex-direction:column;gap:6px;min-width:0}.staged-info input{background:var(--paper);border:1px solid var(--line);font-size:12px;padding:6px 8px;width:100%}.staged-meta{align-items:center;display:flex;flex-wrap:wrap;font-size:11px;gap:6px}.staged-meta .proof-progress{flex:1 1;min-width:60px}.proof-progress{background:var(--muted);border:1px solid var(--line);height:6px}.proof-progress-bar{background:var(--green);height:100%;transition:width .2s}.staged-remove{background:#0000;border:0;color:var(--soft);cursor:pointer;display:grid;height:26px;place-items:center;transition:color .18s;width:26px}.staged-remove:hover{color:var(--red)}.sj-proof-slot{margin-top:20px}.analytics-note{align-items:flex-start;background:#e7edf3;border:1px solid var(--blue);color:var(--ink);display:flex;font-size:13px;gap:10px;margin:22px 0;padding:12px 14px}.import-page .accurate-banner .pill{align-items:center;background:var(--ink);color:#fff;display:inline-flex;gap:4px;padding:4px 10px}.import-search .search-row{align-items:center;background:var(--paper);border:1px solid var(--line);display:flex;gap:10px;padding:8px 12px}.import-search .search-row svg{color:var(--soft)}.import-search .search-row input{background:#0000;border:0;color:var(--ink);flex:1 1;font-size:15px;outline:none;padding:8px 6px}.import-search .search-row .primary{white-space:nowrap}.mock-suggestions{margin-top:12px}.suggestion-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.preview-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.preview-items{border-top:1px dashed var(--line);margin-top:16px;padding-top:12px}.preview-items-head{color:var(--soft);font:11px IBM Plex Mono;letter-spacing:.14em;margin-bottom:10px;text-transform:uppercase}.preview-item{grid-gap:10px;align-items:center;border-bottom:1px dashed var(--line);display:grid;font-size:13px;gap:10px;grid-template-columns:.9fr 2fr 1fr 1.2fr;padding:10px 0}.preview-item:last-child{border-bottom:0}.preview-item .mono{font:11px IBM Plex Mono}.preview-item .li-notes,.preview-item .muted{color:var(--soft);font-size:12px}.preview-item .li-notes{font-style:italic;grid-column:1/-1;margin:2px 0 0}.import-ok{align-items:center;background:#e6f4ea;border:1px solid var(--green);color:#1e6f3a;display:flex;font-size:13px;gap:8px;margin-top:12px;padding:10px 12px}.log-table{display:flex;flex-direction:column;font-size:12px}.log-head,.log-row{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:1.5fr 1fr 1fr 1.2fr .8fr 2fr;padding:10px 12px}.log-head{background:var(--paper);border-bottom:2px solid var(--ink);color:var(--soft);font:11px IBM Plex Mono;letter-spacing:.08em;text-transform:uppercase}.log-row{border-bottom:1px solid var(--line)}.log-row .mono{font:11px IBM Plex Mono}.log-row .muted{color:var(--soft);font-size:12px}.log-success span:nth-child(5){color:var(--green)}.log-duplicate span:nth-child(5){color:var(--amber)}.log-failed span:nth-child(5){color:var(--red)}@media(max-width:820px){.preview-item{gap:6px;grid-template-columns:1fr 1fr}.log-head{display:none}.log-row{gap:6px;grid-template-columns:1fr 1fr}}.analytics-note p{margin:0}.analytics-op-summary{color:var(--soft);display:flex;flex-wrap:wrap;font-size:12px;gap:14px}.analytics-op-summary b{color:var(--ink);font-weight:600;margin-left:2px}.analytics-table{display:flex;flex-direction:column}.analytics-head,.analytics-row{grid-gap:10px;align-items:center;display:grid;font-size:12px;gap:10px;grid-template-columns:.7fr 1.4fr .9fr .9fr .7fr 1.1fr 1.1fr 1.1fr 1.1fr;padding:10px 12px}.analytics-head{background:var(--paper);border-bottom:2px solid var(--ink);color:var(--soft);font:11px IBM Plex Mono;letter-spacing:.06em;text-transform:uppercase}.analytics-row{border-bottom:1px solid var(--line);color:inherit;text-decoration:none;transition:background .18s}.analytics-row:hover{background:var(--paper)}.analytics-row .mono{font:11px IBM Plex Mono}.analytics-row .stage-chip{width:-webkit-fit-content;width:fit-content}@media(max-width:820px){.analytics-head{display:none}.analytics-row{font-size:12px;gap:6px;grid-template-columns:1fr 1fr;padding:12px}.analytics-row>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics-op-summary{gap:8px}}@media(max-width:700px){.proof-card img,.proof-loading{height:180px}}.surat-jalan-wrap{margin:0 auto;max-width:960px}.sj-actionbar{align-items:center;background:var(--surface);display:flex;gap:8px;margin-bottom:20px;padding:12px 14px}.sj-actionbar,.surat-jalan{border:1px solid var(--line)}.surat-jalan{background:#fff;box-shadow:0 20px 60px #17212614;color:var(--ink);font-family:IBM Plex Sans,sans-serif;line-height:1.4;padding:40px 44px}.sj-head{align-items:flex-start;border-bottom:2px solid var(--ink);display:flex;justify-content:space-between;margin-bottom:22px;padding-bottom:16px}.sj-brand{align-items:center;display:flex;font-family:IBM Plex Mono;font-size:13px;font-weight:600;gap:10px;letter-spacing:.08em}.sj-brand span{background:var(--ink);color:#f6f3eb;font-size:12px;padding:8px 6px}.sj-subline{color:var(--soft);font-size:11px;margin:6px 0 0}.sj-meta{font-size:12px;text-align:right}.sj-meta h1{font-family:IBM Plex Mono;font-size:22px;letter-spacing:.06em;margin:0 0 8px}.sj-meta p{margin:2px 0}.sj-parties{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr;margin-bottom:22px}.sj-checklist h4,.sj-items h4,.sj-parties h4{border-bottom:1px solid var(--line);color:var(--soft);font:11px IBM Plex Mono;letter-spacing:.14em;margin:0 0 8px;padding-bottom:6px;text-transform:uppercase}.sj-parties p{font-size:13px;margin:2px 0}.sj-parties p.muted.small{font-size:11px}.urgent-badge.inline{display:inline-block;margin-top:4px}.sj-items table{border-collapse:collapse;font-size:13px;width:100%}.sj-items td,.sj-items th{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}.sj-items th{background:var(--paper);color:var(--soft);font:11px IBM Plex Mono;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.sj-items .num{text-align:right}.sj-items .mono{font-family:IBM Plex Mono;font-size:12px}.sj-items tr.total td{background:var(--paper);border-top:2px solid var(--ink);font-weight:600}.sj-items .small{font-size:11px}.sj-checklist{margin-top:22px}.sj-form{grid-gap:14px 22px;display:grid;gap:14px 22px;grid-template-columns:1fr 1fr;margin-bottom:14px}.sj-field{color:var(--soft);display:flex;flex-direction:column;font:11px IBM Plex Mono;gap:4px;letter-spacing:.08em;text-transform:uppercase}.sj-field.sj-notes{grid-column:span 2}.sj-field input,.sj-field textarea{background:#fff;border:1px solid var(--line);color:var(--ink);font-family:IBM Plex Sans;font-size:13px;font-weight:400;letter-spacing:0;padding:8px 10px;text-transform:none}.sj-field input:disabled,.sj-field textarea:disabled{background:var(--paper);color:var(--ink)}.sj-check{align-items:center;display:flex;font-size:13px;gap:10px;padding:6px 0}.sj-check input{accent-color:var(--blue);height:18px;width:18px}.sj-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.sj-timestamps{grid-gap:6px;border-top:1px dashed var(--line);display:grid;font-size:12px;gap:6px;margin-top:16px;padding-top:12px}.sj-timestamps b{color:var(--soft);font:11px IBM Plex Mono;letter-spacing:.08em;margin-right:8px;text-transform:uppercase}.sj-timestamps .muted{color:var(--soft);font-family:IBM Plex Mono}.sj-signatures{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-top:36px}.sj-signatures p{color:var(--soft);font-size:12px;margin:0;text-align:center}.sj-signatures .sig-box{border-bottom:1px solid var(--ink);height:56px;margin:34px 20px 6px}.sj-signatures p.small{color:var(--ink);font-size:11px;font-weight:500}.sj-foot{border-top:1px solid var(--line);color:var(--soft);font-family:IBM Plex Mono;font-size:11px;margin-top:32px;padding-top:12px;text-align:center}@media print{body{background:#fff}.app-main,.app-shell,.content{background:#fff!important;padding:0!important}.app-sidebar,.app-sidebar-slot,.bottom-nav,.no-print,.sidebar-flyout,.sidebar-flyout-scrim,.topbar{display:none!important}.app-shell{display:block}.surat-jalan-wrap{margin:0;max-width:none}.surat-jalan{border:0;box-shadow:none;padding:12mm 14mm;page-break-inside:auto}.sj-actions{display:none!important}.sj-field input,.sj-field textarea{background:#0000!important;border:0;border-bottom:1px solid var(--ink);color:var(--ink)!important;padding:2px 0}.sj-check input{-webkit-appearance:none;appearance:none;border:1px solid var(--ink);height:14px;position:relative;width:14px}.sj-check input:checked:after{color:var(--ink);content:"✓";font-size:12px;left:1px;position:absolute;top:-3px}.app-shell{background-image:none!important}@page{size:A4;margin:0}}@media(max-width:820px){.sj-head{flex-direction:column;gap:12px}.sj-meta{text-align:left}.sj-form,.sj-parties{grid-template-columns:1fr}.sj-field.sj-notes{grid-column:span 1}.sj-signatures{grid-template-columns:1fr}.surat-jalan{padding:24px 20px}}.top-nav{display:flex;gap:6px;margin-left:8px}.top-nav-link{align-items:center;border-bottom:2px solid #0000;color:var(--soft);display:inline-flex;font:12px IBM Plex Mono;gap:6px;letter-spacing:.06em;padding:8px 12px;text-decoration:none;text-transform:uppercase;transition:all .18s}.top-nav-link:hover{color:var(--ink)}.top-nav-link.active{border-bottom-color:var(--blue);color:var(--blue)}.hop-dashboard{max-width:none}.kpi-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));margin:12px 0 18px}.kpi-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:6px;padding:12px 14px;transition:transform .18s}.kpi-card:hover{transform:none}.kpi-head{align-items:center;color:var(--soft);display:flex;font:10.5px IBM Plex Mono;gap:8px;letter-spacing:.08em;text-transform:uppercase}.kpi-card strong{color:var(--ink);font-family:IBM Plex Mono;font-size:26px;font-weight:650;letter-spacing:-.02em}.kpi-urgent{border-color:var(--red)}.kpi-urgent .kpi-head,.kpi-urgent strong{color:var(--red)}.kpi-danger{background:#f8e9e4;border-color:var(--red)}.kpi-danger strong{color:var(--red)}.kpi-warn{border-color:var(--amber)}.kpi-warn .kpi-head,.kpi-warn strong{color:var(--amber)}.kpi-success{border-color:var(--green)}.kpi-success .kpi-head,.kpi-success strong{color:var(--green)}.kpi-card-clickable{-webkit-appearance:none;appearance:none;color:inherit;cursor:pointer;font:inherit;text-align:left;width:100%}.kpi-card-clickable:hover{box-shadow:0 4px 14px #0000000f;transform:translateY(-2px)}.kpi-card-clickable:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.kpi-card-active{box-shadow:inset 0 0 0 2px var(--ink);transform:translateY(-2px)}.hop-two-col{grid-gap:22px;display:grid;gap:22px;grid-template-columns:1fr 1fr}.hop-two-col>section{margin:22px 0}.hop-po-list{display:flex;flex-direction:column}.hop-po-row{align-items:center;border-bottom:1px solid var(--line);color:inherit;display:flex;gap:14px;justify-content:space-between;padding:12px 14px;text-decoration:none;transition:background .18s}.hop-po-row:last-child{border-bottom:0}.hop-po-row:hover{background:var(--paper)}.hop-po-main{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.hop-po-main .mono{color:var(--soft);font:11px IBM Plex Mono}.hop-po-main strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hop-po-side{align-items:center;color:var(--soft);display:flex;flex-wrap:wrap;font-size:12px;gap:10px;justify-content:flex-end}.stage-breakdown{display:flex;flex-direction:column;gap:8px}.stage-bar-row{grid-gap:14px;align-items:center;display:grid;font-size:13px;gap:14px;grid-template-columns:180px 1fr 48px}.stage-lbl{align-items:center;color:var(--ink);display:flex;gap:8px}.stage-lbl b{color:var(--soft);font:11px IBM Plex Mono}.stage-track{background:var(--muted);border:1px solid var(--line);height:8px}.stage-fill{background:var(--blue);height:100%;transition:width .3s}.stage-count{color:var(--ink);font:12px IBM Plex Mono;text-align:right}.op-load-table{display:flex;flex-direction:column}.op-load-head{grid-gap:12px;background:var(--paper);border-bottom:2px solid var(--ink);color:var(--soft);display:grid;font:11px IBM Plex Mono;gap:12px;grid-template-columns:2fr .6fr 1fr 1fr 1fr 1.4fr;letter-spacing:.1em;padding:10px 14px;text-transform:uppercase}.op-load-row{border-bottom:1px solid var(--line)}.op-load-row summary{grid-gap:12px;align-items:center;cursor:pointer;display:grid;gap:12px;grid-template-columns:2fr .6fr 1fr 1fr 1fr 1.4fr;list-style:none;padding:12px 14px;transition:background .18s}.op-load-row summary::-webkit-details-marker{display:none}.op-load-row summary:hover{background:var(--paper)}.op-load-row summary strong{display:block;font-size:14px}.op-load-row summary .mono{font:11px IBM Plex Mono}.op-load-row summary .mono.block{color:var(--soft);display:block}.pct-track{background:var(--muted);border:1px solid var(--line);flex:1 1;height:6px;min-width:70px}.pct-track.sm{height:4px}.pct-fill{background:var(--green);height:100%;transition:width .3s}.op-load-detail{background:var(--paper);display:flex;flex-direction:column;gap:8px;padding:8px 20px 16px}.op-load-po{grid-gap:10px;align-items:center;background:var(--surface);border:1px solid var(--line);color:inherit;display:grid;font-size:12px;gap:10px;grid-template-columns:.6fr 1.4fr 1fr 1fr .8fr 1fr;padding:8px 12px;text-decoration:none;transition:background .18s}.op-load-po:hover{background:#fffefa}.op-load-po .mono{font:11px IBM Plex Mono}.split-row .qty{align-items:center;display:flex;flex-wrap:wrap;font-size:12px;gap:12px}.split-row .qty span{font:11px IBM Plex Mono}.split-actions-inline{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.qty-inline{display:flex;gap:6px}.qty-inline input{background:var(--paper);border:1px solid var(--line);font:12px IBM Plex Mono;min-height:30px;padding:6px 8px;width:80px}.stage-chip{background:#e7edf3;color:var(--blue);font:11px IBM Plex Mono;padding:4px 8px;text-align:center;white-space:nowrap}.op-row-head{justify-content:space-between}.op-row-head,.op-row-head .op-ident{align-items:baseline;display:flex;flex-wrap:wrap;gap:8px}.op-row-item{color:var(--soft);font:12px IBM Plex Mono}.op-row-footer{align-items:center;color:var(--soft);display:flex;flex-wrap:wrap;font-size:12px;gap:6px;margin-top:2px}.op-row-footer input[type=date]{background:var(--paper);border:1px solid var(--line);font:12px IBM Plex Mono;min-height:30px;padding:4px 6px}@media(max-width:820px){.hop-two-col{grid-template-columns:1fr}.stage-bar-row{font-size:12px;grid-template-columns:120px 1fr 40px}.op-load-head,.op-load-row summary{font-size:11px;grid-template-columns:1.4fr .5fr 1fr 1fr 1fr}.op-load-head span:nth-child(6),.op-load-row summary>:nth-child(6){display:none}.op-load-po{gap:6px;grid-template-columns:1fr 1fr}}@media(max-width:700px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.kpi-card strong{font-size:22px}.hop-po-row{align-items:flex-start;flex-direction:column;gap:8px}.hop-po-side{justify-content:flex-start}}@media(max-width:820px){.info-grid{grid-template-columns:repeat(2,1fr)}.info-grid .span-2{grid-column:span 2}.delivery-block{grid-template-columns:repeat(2,1fr)}.po-meta-aksi-row{grid-template-columns:1fr}.po-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.po-info-address{grid-column:1/-1}}@media(max-width:700px){.topbar{gap:10px;height:44px;padding:0 12px}.brand strong{font-size:11px}.sync{display:none}.profile{border:0;margin-left:auto;padding-left:0}.profile-name{display:none}.content{padding:16px 12px 92px}.page-heading{align-items:flex-start}.page-heading h1{font-size:22px}.prod-page .prod-heading h1{font-size:18px}.subhead{font-size:13px}.signal-strip{display:block;margin-bottom:14px}.signal-strip div{flex-wrap:wrap}.signal-strip div span{display:block;padding-left:30px;width:100%}.strip-time{display:block;margin:12px 0 0 30px}.job-row{padding:12px}.job-row h3{font-size:16px;margin-top:8px}.job-meta{flex-wrap:wrap;font-size:12px;gap:12px}.deadline{font-size:10px}.workflow-footer{display:block;margin-top:24px}.workflow-footer h2{font-size:20px;margin-bottom:12px}.workflow-list{grid-template-columns:1fr}.bottom-nav{background:var(--surface);border-top:1px solid var(--line);bottom:0;display:flex;height:64px;left:0;position:fixed;right:0;z-index:4}.bottom-nav button{align-items:center;background:#0000;border:0;color:var(--soft);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:11px;gap:5px;justify-content:center}.bottom-nav button.active{color:var(--blue);font-weight:600}.login-page{display:grid;padding:20px 14px;place-items:center}.login-mark{height:auto;margin:0 0 12px;padding:0}.login-mark .brand-logo-full{width:min(100%,220px)}.login-panel{min-height:0;padding:28px 20px 22px}.login-panel h1{font-size:22px}.login-copy{font-size:13px;margin-bottom:18px}.info-grid{grid-template-columns:1fr}.info-grid .span-2{grid-column:span 1}.po-info-grid{gap:6px 10px;grid-template-columns:repeat(2,minmax(0,1fr))}.po-info-address{grid-column:1/-1}.delivery-block{grid-template-columns:1fr}.delivery-block .span-2{grid-column:span 1}.panel{padding:16px 14px}.split-edit-row{gap:6px;grid-template-columns:1fr!important}.split-edit-row.qty-assign-card.ind-assign-row{grid-template-areas:"barang" "operator" "qty" "screen" "tanggal" "remove";grid-template-columns:minmax(0,1fr)!important}.split-edit-row input{grid-column:auto}.advance-actions{align-items:stretch;flex-direction:column}.advance-actions button{justify-content:center}.attachments-grid{grid-template-columns:repeat(2,1fr)}.timeline{padding:14px 12px}.timeline .lbl{font-size:14px}}.settings-info{align-items:flex-start;background:#eff6ff;border:1px solid #93c5fd;border-radius:16px;color:var(--ink);display:flex;font-size:14px;gap:12px;line-height:1.55;margin:6px 0 22px;padding:14px 18px}.settings-info.warn{background:#fdf3e6;border-color:#e9c58a}.settings-info svg{color:var(--blue);flex:0 0 auto;margin-top:2px}.settings-info.warn svg{color:#b96f16}.settings-tabs{border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:0;margin:10px 0 28px}.settings-tabs button{align-items:center;background:#0000;border:0;border-bottom:2px solid #0000;color:var(--soft);cursor:pointer;display:inline-flex;font-size:14px;gap:8px;padding:12px 18px;transition:color .18s,border-color .18s}.settings-tabs button:hover{color:var(--ink)}.settings-tabs button.active{border-bottom-color:var(--blue);color:var(--ink);font-weight:600}.settings-page{min-width:0;overflow-x:hidden}.settings-cat-nav{margin:8px 0 24px;min-width:0}.settings-cat-nav-heading{color:var(--soft);font:700 11px/1.2 IBM Plex Mono,monospace;letter-spacing:.1em;margin:0 0 12px;text-transform:uppercase}.settings-cat-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));min-width:0;width:100%}.settings-cat-card{align-items:flex-start;background:#fff;border:1.5px solid var(--line);border-radius:16px;box-shadow:0 1px 2px #0f172a0a;box-sizing:border-box;color:var(--ink);cursor:pointer;display:flex;font:inherit;gap:12px;min-height:100px;min-width:0;padding:14px 14px 12px;text-align:left;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease;width:100%}.settings-cat-card:hover{box-shadow:0 8px 20px #0f172a14;transform:translateY(-2px)}.settings-cat-card:focus{outline:none}.settings-cat-card:focus-visible{outline:2px solid #2563eb;outline:2px solid var(--mod,#2563eb);outline-offset:2px}.settings-cat-card-icon{border:1px solid #0000;border-radius:12px;display:grid;flex:0 0 auto;height:40px;place-items:center;width:40px}.settings-cat-card-body{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.settings-cat-card-title-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:8px}.settings-cat-card-title{font:650 14px/1.3 IBM Plex Sans,sans-serif;letter-spacing:-.01em;overflow-wrap:anywhere;word-break:break-word}.settings-cat-card-desc{color:var(--soft);font:400 12.5px/1.35 IBM Plex Sans,sans-serif;overflow-wrap:anywhere}.settings-cat-card-badge{border:1px solid;border-radius:999px;flex:0 0 auto;font:700 9px/1 IBM Plex Mono,monospace;letter-spacing:.08em;padding:4px 7px;text-transform:uppercase}.settings-cat-card.is-active{border-width:2px;box-shadow:0 0 0 2px #2563eb1f,0 8px 18px #0f172a12;font-weight:600}.settings-cat-card.is-active .settings-cat-card-icon{box-shadow:inset 0 0 0 1px currentColor}.settings-active-panel{max-width:100%;min-width:0;width:100%}.settings-cat-card[data-tone=cyan]{background:#ecfeff;border-color:#a5f3fc}.settings-cat-card[data-tone=cyan] .settings-cat-card-icon{background:#cffafe;border-color:#67e8f9;color:#0e7490}.settings-cat-card[data-tone=cyan].is-active{background:#cffafe;border-color:#0891b2;color:#155e75}.settings-cat-card[data-tone=indigo]{background:#eef2ff;border-color:#c7d2fe}.settings-cat-card[data-tone=indigo] .settings-cat-card-icon{background:#e0e7ff;border-color:#a5b4fc;color:#4338ca}.settings-cat-card[data-tone=indigo].is-active{background:#e0e7ff;border-color:#4f46e5;color:#312e81}.settings-cat-card[data-tone=sky]{background:#f0f9ff;border-color:#bae6fd}.settings-cat-card[data-tone=sky] .settings-cat-card-icon{background:#e0f2fe;border-color:#7dd3fc;color:#0369a1}.settings-cat-card[data-tone=sky].is-active{background:#e0f2fe;border-color:#0284c7;color:#0c4a6e}.settings-cat-card[data-tone=emerald]{background:#ecfdf5;border-color:#a7f3d0}.settings-cat-card[data-tone=emerald] .settings-cat-card-icon{background:#d1fae5;border-color:#6ee7b7;color:#047857}.settings-cat-card[data-tone=emerald].is-active{background:#d1fae5;border-color:#059669;color:#065f46}.settings-cat-card[data-tone=amber]{background:#fffbeb;border-color:#fde68a}.settings-cat-card[data-tone=amber] .settings-cat-card-icon{background:#fef3c7;border-color:#fcd34d;color:#b45309}.settings-cat-card[data-tone=amber].is-active{background:#fef3c7;border-color:#d97706;color:#78350f}.settings-cat-card[data-tone=teal]{background:#f0fdfa;border-color:#99f6e4}.settings-cat-card[data-tone=teal] .settings-cat-card-icon{background:#ccfbf1;border-color:#5eead4;color:#0f766e}.settings-cat-card[data-tone=teal].is-active{background:#ccfbf1;border-color:#0d9488;color:#134e4a}.settings-cat-card[data-tone=rose]{background:#fff1f2;border-color:#fecdd3}.settings-cat-card[data-tone=rose] .settings-cat-card-icon{background:#ffe4e6;border-color:#fda4af;color:#be123c}.settings-cat-card[data-tone=rose].is-active{background:#ffe4e6;border-color:#e11d48;color:#881337}.settings-cat-card[data-tone=violet]{background:#f5f3ff;border-color:#ddd6fe}.settings-cat-card[data-tone=violet] .settings-cat-card-icon{background:#ede9fe;border-color:#c4b5fd;color:#6d28d9}.settings-cat-card[data-tone=violet].is-active{background:#ede9fe;border-color:#7c3aed;color:#4c1d95}.settings-cat-card[data-tone=fuchsia]{background:#fdf4ff;border-color:#f5d0fe}.settings-cat-card[data-tone=fuchsia] .settings-cat-card-icon{background:#fae8ff;border-color:#f0abfc;color:#a21caf}.settings-cat-card[data-tone=fuchsia].is-active{background:#fae8ff;border-color:#c026d3;color:#701a75}.settings-cat-card[data-tone=blue]{background:#eff6ff;border-color:#bfdbfe}.settings-cat-card[data-tone=blue] .settings-cat-card-icon{background:#dbeafe;border-color:#93c5fd;color:#1d4ed8}.settings-cat-card[data-tone=blue].is-active{background:#dbeafe;border-color:#2563eb;color:#1e3a8a}.settings-cat-card[data-tone=slate]{background:#f8fafc;border-color:#e2e8f0}.settings-cat-card[data-tone=slate] .settings-cat-card-icon{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.settings-cat-card[data-tone=slate].is-active{background:#f1f5f9;border-color:#64748b;color:#334155}@media (max-width:1200px){.settings-cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:860px){.settings-cat-grid{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.settings-cat-card{min-height:92px;padding:12px}}@media (max-width:420px){.settings-cat-grid{grid-template-columns:1fr}}.settings-body{background:var(--surface);border:1px solid var(--line)}.emp-toolbar{background:#f3faf6;border-bottom:1px solid var(--line);flex-wrap:wrap;gap:12px;padding:12px 16px}.emp-toolbar,.search-inline{align-items:center;display:flex}.search-inline{background:var(--surface);border:1px solid var(--line);flex:1 1 260px;gap:8px;min-width:260px;padding:0 12px}.search-inline input{background:#0000;border:0;font-size:14px;outline:0;padding:10px 0;width:100%}.emp-filter{align-items:center;color:var(--soft);display:flex;font-size:13px;gap:8px}.emp-filter select{background:var(--surface);border:1px solid var(--line);font-size:13px;min-height:38px;padding:8px 10px}.emp-table-wrap{overflow-x:auto}.emp-thead,.emp-trow{grid-gap:14px;align-items:center;border-bottom:1px solid var(--line);display:grid;gap:14px;grid-template-columns:110px 1.4fr 1fr 110px 1.5fr 320px;padding:12px 18px}.emp-thead{background:#fafaf7;color:var(--soft);font:11px IBM Plex Mono;letter-spacing:.1em;text-transform:uppercase}.emp-thead .emp-th-actions{text-align:right}.emp-trow{font-size:14px;transition:background .18s}.emp-trow:hover{background:#fffefa}.emp-trow.emp-inactive{opacity:.62}.emp-name-cell strong{font-weight:600}.emp-name-cell .small{font-size:12px}.role-badge{background:var(--muted);color:var(--ink);display:inline-block;font:11px IBM Plex Mono;letter-spacing:.05em;padding:3px 9px}.status-dot{align-items:center;display:inline-flex;font-size:13px;gap:7px}.status-dot span{border-radius:50%;display:inline-block;height:8px;width:8px}.status-ok span{background:var(--green)}.status-off{color:var(--soft)}.status-off span{background:var(--soft)}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.emp-row-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.ghost.sm.danger{border-color:#eccec8;color:#a53f2b}.ghost.sm.danger:hover{background:#f8e9e4}.modal{background:#1721266b;display:grid;inset:0;padding:24px;place-items:center;position:fixed;z-index:80}.modal-inner{background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 60px #17212640;max-height:88vh;max-width:640px;overflow-y:auto;width:100%}.modal-inner.modal-wide{max-width:860px}.modal-head{align-items:center;background:var(--surface);display:flex;justify-content:space-between;padding:18px 22px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.modal-head h3{font-size:19px;letter-spacing:-.01em;margin:0}.emp-form{display:flex;flex-direction:column;gap:22px;padding:20px 22px 22px}.emp-grid{grid-gap:14px 18px;display:grid;gap:14px 18px;grid-template-columns:1fr 1fr}.emp-grid label,.emp-notes{color:var(--soft);display:flex;flex-direction:column;font-size:12px;gap:6px;letter-spacing:.02em}.emp-grid input,.emp-grid select,.emp-grid textarea{background:var(--surface);border:1px solid var(--line);color:var(--ink);font-family:inherit;font-size:14px;min-height:40px;padding:10px 12px}.emp-grid input:disabled,.emp-grid select:disabled,.emp-grid textarea:disabled{background:#f4f2ec;color:var(--soft)}.emp-grid .hint{color:var(--soft);font-size:11px;margin-top:2px}.emp-notes{grid-column:1/-1}.emp-actions,.emp-secondary{display:flex;justify-content:flex-end}.emp-actions{border-top:1px solid var(--line);gap:10px;padding-top:16px}.modal-viewport-safe-wrap{overflow:hidden;padding:16px}.modal-inner.modal-viewport-safe{display:flex;flex-direction:column;max-height:min(calc(100vh - 32px),860px);overflow:hidden}.modal-inner.modal-viewport-safe .modal-head{flex-shrink:0}.modal-inner>form.emp-modal-form,.modal-viewport-safe>form.emp-modal-form{display:flex;flex:1 1;flex-direction:column;gap:0;min-height:0;overflow:hidden;padding:0}.emp-modal-body{display:flex;flex:1 1 auto;flex-direction:column;gap:20px;min-height:0;overflow-x:hidden;overflow-y:auto;padding:20px 22px}.emp-modal-body>*{flex-shrink:0}.emp-modal-foot{align-items:center;background:var(--surface);border-top:1px solid var(--line);display:flex;flex-shrink:0;gap:12px;justify-content:space-between;padding:14px 22px;z-index:2}.emp-modal-foot .emp-actions{border-top:0;padding-top:0}.emp-foot-secondary{align-items:center;display:flex}.kas-bank-page{--kb-line:#cbd5e1;--kb-line-strong:#64748b}[data-module=cashBank] .kas-bank-page{--kb-line:#a5f3fc;--kb-line-strong:#0891b2}.kas-bank-page .kas-bank-table{border-collapse:collapse;min-width:760px;width:100%}.kas-bank-page .kb-primary-text{color:var(--ink);font-weight:650;letter-spacing:-.01em}.kas-bank-page .kb-coa-stack{display:flex;flex-direction:column;gap:2px;min-width:0}.kas-bank-page .kb-coa-code{color:var(--ink);font-size:12px;font-weight:600}.kas-bank-page .kb-coa-name{color:var(--soft);font-size:12px;line-height:1.3}.kas-bank-page .kb-ellipsis{max-width:18rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kas-bank-page .kb-doc-number{color:var(--mod-ink);font-weight:700;letter-spacing:-.01em}.kas-bank-page .kb-actions{flex-wrap:wrap;max-width:18rem}.kas-bank-page .kb-actions,.kas-bank-page .kb-actions .ghost.sm{align-items:center;display:inline-flex;gap:4px}.kas-bank-page .kb-action-primary{color:var(--mod-strong);font-weight:700}.kas-bank-page .kb-status-draft{background:#e8eef8;border:1.5px solid #b8c9e0;color:#1e3a5f}.kas-bank-page .kb-status-posted{background:#dceadb;border:1.5px solid #a8c9ad;color:#2f5f34}.kas-bank-page .kb-status-reversed{background:#faece9;border:1.5px solid #e8b4aa;color:#a53f2b}.kas-bank-page .kb-money{font-feature-settings:"tnum";font-family:IBM Plex Mono,monospace;font-variant-numeric:tabular-nums;font-weight:600}.kas-bank-page .kb-detail-grid{grid-gap:10px 16px;display:grid;gap:10px 16px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.kas-bank-page .kb-detail-grid>div{background:#fff;border:1.5px solid var(--kb-line);border-radius:6px;display:flex;flex-direction:column;gap:4px;min-width:0;padding:8px 10px}.kas-bank-page .kb-detail-grid dt{color:var(--mod-ink);font:10.5px IBM Plex Mono;letter-spacing:.06em;margin:0;text-align:left;text-transform:uppercase}.kas-bank-page .kb-detail-grid dd{color:var(--ink);font-size:13.5px;line-height:1.35;margin:0}.kas-bank-page .kb-span-2{grid-column:1/-1}.kas-bank-page .kb-check-row{align-items:center;color:var(--ink);display:flex;font-size:13px;gap:8px;margin:0;padding:2px 0}.kas-bank-page .kb-transfer-flow{grid-gap:12px 14px;align-items:start;display:grid;gap:12px 14px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);width:100%}.kas-bank-page .kb-transfer-arrow{align-items:center;color:var(--mod);display:flex;justify-content:center;line-height:1;padding-top:26px}.kas-bank-page .kb-amount-input{font-feature-settings:"tnum";font-family:IBM Plex Mono,monospace;font-size:14px;font-variant-numeric:tabular-nums;text-align:right}.kas-bank-page .kb-view-head{align-items:center;display:flex;flex-wrap:wrap;gap:10px;min-width:0}.kas-bank-page .kb-view-head h1,.kas-bank-page .kb-view-head h3{margin:0}.kas-bank-page .kb-journal-block{display:flex;flex-direction:column;gap:10px}.kas-bank-page .kb-journal-meta{align-items:center;display:flex;gap:8px}.kas-bank-page .kb-journal-lines{background:#fff;border:1.5px solid var(--kb-line-strong);border-radius:6px;display:flex;flex-direction:column;gap:0;overflow:hidden}.kas-bank-page .kb-journal-line{grid-gap:10px;align-items:center;border-bottom:1.5px solid var(--kb-line);display:grid;font-size:13px;gap:10px;grid-template-columns:4.5rem minmax(0,1fr) auto;padding:8px 12px}.kas-bank-page .kb-journal-line:last-child{border-bottom:0}.kas-bank-page .kb-journal-line.is-debit{background:color-mix(in srgb,var(--mod-soft) 55%,#fff)}.kas-bank-page .kb-journal-line.is-credit{background:#fff}.kas-bank-page .kb-journal-side{color:var(--mod-ink);font:700 11px IBM Plex Mono,monospace;letter-spacing:.04em;text-transform:uppercase}.kas-bank-page .kb-journal-amt{font-feature-settings:"tnum";font-family:IBM Plex Mono,monospace;font-variant-numeric:tabular-nums;font-weight:650;white-space:nowrap}.kas-bank-page .kb-journal-totals{grid-gap:6px 16px;background:var(--mod-soft);border:1.5px solid var(--kb-line-strong);border-radius:6px;display:grid;font-size:13px;gap:6px 16px;grid-template-columns:1fr auto;padding:10px 12px}.kas-bank-page .kb-journal-totals dt{color:var(--mod-ink);font-weight:600;margin:0}.kas-bank-page .kb-journal-totals dd{font-feature-settings:"tnum";font-family:IBM Plex Mono,monospace;font-variant-numeric:tabular-nums;font-weight:700;margin:0;text-align:right}.kas-bank-page .kas-bank-journal-table{min-width:0!important;width:100%}.kas-bank-page .kb-section{background:var(--surface);border:2px solid var(--kb-line-strong);border-radius:8px;box-shadow:0 1px 0 #0891b21f;overflow:hidden}.kas-bank-page .kb-section+.kb-form-grid,.kas-bank-page .kb-section+.kb-section{margin-top:14px}.kas-bank-page .kb-section-head{background:linear-gradient(180deg,var(--mod-soft) 0,color-mix(in srgb,var(--mod-soft) 70%,#fff) 100%);border-bottom:1.5px solid var(--mod-border);display:flex;flex-direction:column;gap:2px;padding:8px 12px}.kas-bank-page .kb-section-head h3{color:var(--mod-ink);font:700 12.5px/1.25 IBM Plex Sans,sans-serif;letter-spacing:.02em;margin:0;text-transform:uppercase}.kas-bank-page .kb-section-head p{color:var(--soft);font-size:11.5px;line-height:1.35;margin:0}.kas-bank-page .kb-section-body{padding:12px}.kas-bank-page .kb-form-grid{grid-gap:12px 16px;align-items:start;display:grid;gap:12px 16px;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.kas-bank-page .kb-form-grid .kb-span-2{grid-column:1/-1}.kas-bank-page .kb-field{align-items:stretch;background:#0000;border:0;box-shadow:none;display:flex;flex-direction:column;gap:6px;margin:0;min-width:0;padding:0;width:100%}.kas-bank-page .kb-field-label{color:var(--ink);display:block;font:600 12px/1.2 IBM Plex Sans,sans-serif;letter-spacing:0;text-align:left;width:100%}.kas-bank-page .kb-field-label .ep-req{color:#a53f2b;font-weight:700}.kas-bank-page .kb-field-control{min-width:0;width:100%}.kas-bank-page .kb-field-hint{color:var(--soft);font-size:11px;line-height:1.35}.content .kas-bank-page .kb-field input:not([type=checkbox]):not([type=radio]):not([type=file]),.content .kas-bank-page .kb-field select,.content .kas-bank-page .kb-field textarea,.kas-bank-page .kb-field input:not([type=checkbox]):not([type=radio]):not([type=file]),.kas-bank-page .kb-field select,.kas-bank-page .kb-field textarea,.kas-bank-page .kb-field-control>input,.kas-bank-page .kb-field-control>select,.kas-bank-page .kb-field-control>textarea{background:#fff!important;border:2px solid var(--kb-line-strong)!important;border-radius:4px;box-shadow:none!important;box-sizing:border-box;color:var(--ink);display:block;font-family:inherit;font-size:13.5px;margin:0;max-width:100%;min-height:36px;padding:8px 10px;width:100%}.content .kas-bank-page .kb-field .kb-search-field input:not([type=checkbox]):not([type=radio]):not([type=file]),.kas-bank-page .kb-field .kb-search-field input:not([type=checkbox]):not([type=radio]):not([type=file]){background:#0000!important;border:0!important;border-radius:0!important;box-shadow:none!important;display:block!important;flex:1 1 auto!important;height:100%!important;margin:0!important;max-width:none!important;min-height:0!important;min-width:0!important;outline:none!important;padding:0!important;width:auto!important}.content .kas-bank-page .kb-field .kb-search-field input:not([type=checkbox]):not([type=radio]):not([type=file]):focus,.content .kas-bank-page .kb-field input:not([type=checkbox]):not([type=radio]):not([type=file]):focus,.content .kas-bank-page .kb-field select:focus,.content .kas-bank-page .kb-field textarea:focus{border-color:var(--mod)!important;box-shadow:0 0 0 3px var(--color-input-ring)!important;outline:none}.content .kas-bank-page .kb-field .kb-search-field input:not([type=checkbox]):not([type=radio]):not([type=file]):focus{border:0!important;box-shadow:none!important;outline:none!important}.content .kas-bank-page .kb-field input:disabled,.content .kas-bank-page .kb-field select:disabled,.kas-bank-page .kb-field input:disabled,.kas-bank-page .kb-field select:disabled{background:#f1f5f9!important;color:var(--soft)}.content .kas-bank-page .kb-field input[type=file],.kas-bank-page .kb-field input[type=file]{background:#0000!important;border:0!important;box-shadow:none!important;box-sizing:border-box;max-width:100%;min-height:0;padding:4px 0;width:100%}.content .kas-bank-page .kb-textarea,.kas-bank-page .kb-textarea{height:90px;line-height:1.4;max-height:120px;min-height:84px;resize:vertical}.content .kas-bank-page .kb-field-label,.kas-bank-page .kb-field-label{color:var(--ink);display:block;font:600 12px/1.2 IBM Plex Sans,sans-serif;letter-spacing:0;text-align:left!important;text-transform:none;width:100%}.kas-bank-page .kb-workspace-form.emp-form{gap:0;padding:0}.kas-bank-page .kb-meta-readonly{align-items:center;box-sizing:border-box;display:flex;min-height:36px;padding:0 2px;width:100%}.kas-bank-page .kb-workspace-form-body{display:flex;flex-direction:column;gap:0}.kas-bank-page .kb-workspace-form-body>.form-error{margin-top:12px}.kas-bank-page .kb-summary-strip{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 14px}.kas-bank-page .kb-summary-card{background:color-mix(in srgb,var(--mod-soft) 40%,#fff);border:1.5px solid var(--kb-line-strong);border-radius:6px;display:flex;flex-direction:column;gap:4px;min-width:0;padding:10px 12px}.kas-bank-page .kb-summary-card>span{color:var(--mod-ink);font:600 10.5px/1.2 IBM Plex Mono,monospace;letter-spacing:.05em;text-transform:uppercase}.kas-bank-page .kb-summary-card>strong{color:var(--ink);font-size:15px;text-align:right}.kas-bank-page .kb-summary-emphasis{background:color-mix(in srgb,var(--mod-soft) 75%,#fff);border-color:var(--mod)}.kas-bank-page .kb-summary-diff{background:#faece9;border-color:#e8b4aa}.kas-bank-page .kb-summary-diff>span{color:#a53f2b}.kas-bank-page tr.kb-row-matched td{background:color-mix(in srgb,var(--mod-soft) 45%,#fff)}.kas-bank-page tr.kb-row-unmatched td{background:#fff}@media (max-width:900px){.kas-bank-page .kb-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.kas-bank-page .kb-summary-strip{grid-template-columns:1fr}}.kas-bank-page .kb-toolbar{align-items:center;background:linear-gradient(180deg,#fff 0,var(--mod-soft) 160%);border:2px solid var(--kb-line-strong);border-radius:8px;display:flex;flex-wrap:wrap;gap:10px;margin:0 0 12px;padding:10px 12px}.content .kas-bank-page .kb-search-field,.kas-bank-page .kb-search-field,.kas-bank-page .kb-toolbar .search-inline{align-items:center;background:#fff;border:2px solid var(--kb-line-strong);border-radius:4px;box-shadow:none;box-sizing:border-box;display:flex;flex:1 1 220px;gap:8px;height:42px;margin:0;min-height:42px;min-width:0;padding:0 10px 0 12px}.content .kas-bank-page .kb-search-field-icon,.kas-bank-page .kb-search-field-icon{background:#0000!important;border:0!important;box-shadow:none!important;color:var(--mod-ink);display:block;flex:0 0 14px;height:14px;margin:0;opacity:.9;padding:0;pointer-events:none;width:14px}.content .kas-bank-page .kb-field .kb-search-field input,.content .kas-bank-page .kb-search-field input,.kas-bank-page .kb-field .kb-search-field input,.kas-bank-page .kb-search-field input,.kas-bank-page .kb-toolbar .search-inline input{-webkit-appearance:none;appearance:none;background:#0000!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:var(--ink);display:block!important;flex:1 1 auto!important;font-family:inherit;font-size:13.5px;height:100%!important;line-height:1.2;margin:0!important;max-width:none!important;min-height:0!important;min-width:0!important;outline:0!important;padding:0!important;width:auto!important}.content .kas-bank-page .kb-field .kb-search-field input:focus,.content .kas-bank-page .kb-search-field input:focus,.kas-bank-page .kb-field .kb-search-field input:focus{border:0!important;box-shadow:none!important;outline:none!important}.kas-bank-page .kb-search-field input::-webkit-search-cancel-button,.kas-bank-page .kb-search-field input::-webkit-search-decoration,.kas-bank-page .kb-search-field input::-webkit-search-results-button,.kas-bank-page .kb-search-field input::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none;display:none}.content .kas-bank-page .kb-search-field:focus-within,.kas-bank-page .kb-search-field:focus-within,.kas-bank-page .kb-toolbar .search-inline:focus-within{border-color:var(--mod);box-shadow:0 0 0 3px var(--color-input-ring)}.content .kas-bank-page .kb-search-field-clear,.kas-bank-page .kb-search-field-clear{align-items:center;background:#0000!important;border:0!important;border-radius:4px;box-shadow:none!important;color:var(--soft);cursor:pointer;display:inline-flex;flex:0 0 auto;height:20px;justify-content:center;line-height:1;margin:0;padding:0!important;width:20px}.content .kas-bank-page .kb-search-field-clear:hover,.kas-bank-page .kb-search-field-clear:hover{background:color-mix(in srgb,var(--mod-soft) 70%,#fff)!important;color:var(--ink)}.kas-bank-page .kb-toolbar-status{background:#fff;border:2px solid var(--kb-line-strong);border-radius:6px;box-sizing:border-box;color:var(--ink);flex:0 0 auto;font-family:inherit;font-size:13.5px;height:36px;min-height:36px;min-width:160px;padding:0 10px}.kas-bank-page .kb-toolbar-status:focus{border-color:var(--mod);box-shadow:0 0 0 3px var(--color-input-ring);outline:none}.kas-bank-page .kb-toolbar-spacer{flex:1 1 auto}.kas-bank-page .kb-toolbar-count{color:var(--soft);font-size:12px;white-space:nowrap}.kas-bank-page .kb-recon-toolbar{align-items:center;flex-wrap:nowrap;gap:12px}.kas-bank-page .kb-recon-toolbar .kb-recon-search,.kas-bank-page .kb-recon-toolbar .kb-search-field{flex:1 1 auto;min-width:0}.kas-bank-page .kb-mutasi-toolbar{align-items:stretch;padding:12px}.kas-bank-page .kb-mutasi-filters{grid-gap:12px 14px;align-items:end;display:grid;gap:12px 14px;grid-template-columns:minmax(0,1.35fr) minmax(0,1.35fr) minmax(0,1.6fr);width:100%}.kas-bank-page .kb-mutasi-bank{grid-column:1/3;grid-row:1}.kas-bank-page .kb-mutasi-source{grid-column:3;grid-row:1}.kas-bank-page .kb-mutasi-start{grid-column:1;grid-row:2}.kas-bank-page .kb-mutasi-end{grid-column:2;grid-row:2}.kas-bank-page .kb-mutasi-search{grid-column:3;grid-row:2}.kas-bank-page .kb-mutasi-filters .kb-field{width:100%}.kas-bank-page .kb-gl-toolbar{align-items:stretch;padding:12px}.kas-bank-page .kb-gl-filters{grid-gap:12px 14px;align-items:end;display:grid;gap:12px 14px;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);overflow-x:hidden;width:100%}.kas-bank-page .kb-gl-account{grid-column:1;grid-row:1}.kas-bank-page .kb-gl-source{grid-column:2;grid-row:1}.kas-bank-page .kb-gl-start{grid-column:1;grid-row:2}.kas-bank-page .kb-gl-end{grid-column:2;grid-row:2}.kas-bank-page .kb-gl-search{grid-column:1/-1;grid-row:3}@media (min-width:901px){.kas-bank-page .kb-gl-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.4fr)}.kas-bank-page .kb-gl-account{grid-column:1/3;grid-row:1}.kas-bank-page .kb-gl-source{grid-column:3;grid-row:1}.kas-bank-page .kb-gl-start{grid-column:1;grid-row:2}.kas-bank-page .kb-gl-end{grid-column:2;grid-row:2}.kas-bank-page .kb-gl-search{grid-column:3;grid-row:2}}.kas-bank-page .kb-gl-filters .kb-field{min-width:0;width:100%}.kas-bank-page .kb-gl-search .kb-field-control,.kas-bank-page .kb-gl-search .kb-search-field{width:100%}.kas-bank-page .kb-gl-search .kb-search-field{flex:1 1 auto}.kas-bank-page .kb-tb-toolbar{align-items:stretch;padding:12px}.kas-bank-page .kb-tb-filters{grid-gap:12px 14px;align-items:end;display:grid;gap:12px 14px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);overflow-x:hidden;width:100%}.kas-bank-page .kb-tb-start{grid-column:1;grid-row:1}.kas-bank-page .kb-tb-end{grid-column:2;grid-row:1}.kas-bank-page .kb-tb-search{grid-column:1/-1;grid-row:2}@media (min-width:901px){.kas-bank-page .kb-tb-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.6fr)}.kas-bank-page .kb-tb-start{grid-column:1;grid-row:1}.kas-bank-page .kb-tb-end{grid-column:2;grid-row:1}.kas-bank-page .kb-tb-search{grid-column:3;grid-row:1}}.kas-bank-page .kb-tb-filters .kb-field{min-width:0;width:100%}.kas-bank-page .kb-tb-search .kb-field-control,.kas-bank-page .kb-tb-search .kb-search-field{width:100%}.kas-bank-page .kb-tb-search .kb-search-field{flex:1 1 auto}.kas-bank-page .kb-tb-summary{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin:12px 0}.kas-bank-page .kb-tb-summary-group{background:#fff;border:1px solid #d7dde6;border:1px solid var(--kb-line-strong,#d7dde6);border-radius:10px;min-width:0;padding:10px 12px}.kas-bank-page .kb-tb-summary-title{display:block;font-size:12px;font-weight:700;letter-spacing:.02em;margin-bottom:8px;text-transform:uppercase}.kas-bank-page .kb-tb-summary-row{align-items:baseline;display:flex;font-size:13px;gap:8px;justify-content:space-between}.kas-bank-page .kb-tb-summary-row+.kb-tb-summary-row{margin-top:4px}.kas-bank-page .kb-tb-summary-diff{font-weight:600}.kas-bank-page .kb-mutasi-search .kb-field-control,.kas-bank-page .kb-mutasi-search .kb-search-field{width:100%}.kas-bank-page .kb-mutasi-search .kb-search-field{flex:1 1 auto}@media (max-width:900px){.kas-bank-page .kb-recon-toolbar{flex-wrap:wrap}.kas-bank-page .kb-recon-toolbar .kb-toolbar-status{flex:1 1 160px}.kas-bank-page .kb-recon-toolbar .kb-search-field{flex:1 1 100%}.kas-bank-page .kb-mutasi-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.kas-bank-page .kb-mutasi-bank{grid-column:1;grid-row:1}.kas-bank-page .kb-mutasi-source{grid-column:2;grid-row:1}.kas-bank-page .kb-mutasi-start{grid-column:1;grid-row:2}.kas-bank-page .kb-mutasi-end{grid-column:2;grid-row:2}.kas-bank-page .kb-mutasi-search{grid-column:1/-1;grid-row:3}}@media (max-width:560px){.kas-bank-page .kb-recon-toolbar{align-items:stretch;flex-direction:column;gap:10px}.kas-bank-page .kb-recon-toolbar .kb-search-field,.kas-bank-page .kb-recon-toolbar .kb-toolbar-status{flex:1 1 auto;min-width:0;width:100%}.kas-bank-page .kb-mutasi-filters{gap:10px;grid-template-columns:1fr}.kas-bank-page .kb-mutasi-bank,.kas-bank-page .kb-mutasi-end,.kas-bank-page .kb-mutasi-search,.kas-bank-page .kb-mutasi-source,.kas-bank-page .kb-mutasi-start{grid-column:1;grid-row:auto}.kas-bank-page .kb-gl-filters{gap:10px;grid-template-columns:1fr}.kas-bank-page .kb-gl-account,.kas-bank-page .kb-gl-end,.kas-bank-page .kb-gl-search,.kas-bank-page .kb-gl-source,.kas-bank-page .kb-gl-start{grid-column:1;grid-row:auto}.kas-bank-page .kb-tb-filters{gap:10px;grid-template-columns:1fr}.kas-bank-page .kb-bs-asof,.kas-bank-page .kb-tb-end,.kas-bank-page .kb-tb-search,.kas-bank-page .kb-tb-start{grid-column:1;grid-row:auto}.kas-bank-page .kb-bs-filters,.kas-bank-page .kb-tb-summary{grid-template-columns:1fr}}.kas-bank-page .kb-pl-wrap{max-width:100%;overflow-x:auto}.kas-bank-page .kb-pl-table{width:100%}.kas-bank-page .kb-pl-table .num{text-align:right;white-space:nowrap}.kas-bank-page .kb-pl-section td{background:#f3f5f8;font-size:12px;font-weight:700;letter-spacing:.03em;padding:7px 10px;text-transform:uppercase}.kas-bank-page .kb-pl-account td{font-size:13px}.kas-bank-page .kb-pl-group-total td{background:#f8fafc;font-size:13px;font-weight:600}.kas-bank-page .kb-pl-subtotal td{background:#eef2f7;font-size:13px;font-weight:700}.kas-bank-page .kb-pl-net td{background:#e8f0ea;font-weight:800}.kas-bank-page .kb-pl-neg{color:inherit}.kas-bank-page .kb-bs-filters{grid-template-columns:minmax(0,1fr)}.kas-bank-page .kb-bs-asof{grid-column:1;grid-row:1}.kas-bank-page .kb-bs-filters .kb-tb-search{grid-column:1;grid-row:2}@media (min-width:901px){.kas-bank-page .kb-bs-filters{grid-template-columns:minmax(180px,220px) minmax(0,1.6fr)}.kas-bank-page .kb-bs-asof{grid-column:1;grid-row:1}.kas-bank-page .kb-bs-filters .kb-tb-search{grid-column:2;grid-row:1}}.kas-bank-page .kb-bs-derived td{background:#f4f7fb;font-size:13px;font-style:italic}.kas-bank-page .kb-bs-status{font-size:13px;font-weight:700;letter-spacing:.02em;margin-top:10px;padding:8px 10px}.kas-bank-page .kb-bs-status.is-balanced{background:#e8f0ea}.kas-bank-page .kb-bs-status.is-imbalanced{background:#f8ecec}.kas-bank-page .kb-workspace-table-wrap{background:#fff;border:2px solid var(--kb-line-strong);border-radius:8px;max-width:none;overflow:auto;width:100%}.kas-bank-page .prod-table.kas-bank-table{border-collapse:collapse;min-width:100%;width:100%}.kas-bank-page .prod-table.kas-bank-table thead th{background:var(--mod-ink);border-bottom:2px solid #0f172a;border-right:1px solid #ffffff2e;color:#fff;font:700 11px/1.2 IBM Plex Sans,sans-serif;letter-spacing:.04em;padding:9px 10px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;white-space:nowrap;z-index:1}.kas-bank-page .prod-table.kas-bank-table thead th:last-child{border-right:0}.kas-bank-page .prod-table.kas-bank-table thead th.num{text-align:right}.kas-bank-page .prod-table.kas-bank-table thead th.kb-col-status{text-align:center}.kas-bank-page .prod-table.kas-bank-table tbody td{background:#fff;border-bottom:1.5px solid var(--kb-line);border-right:1px solid color-mix(in srgb,var(--kb-line) 70%,#0000);font-size:13px;padding:7px 10px;vertical-align:middle}.kas-bank-page .prod-table.kas-bank-table tbody td:last-child{border-right:0}.kas-bank-page .prod-table.kas-bank-table tbody tr:hover td{background:color-mix(in srgb,var(--mod-soft) 70%,#fff)}.kas-bank-page .prod-table.kas-bank-table tbody td.num{font-feature-settings:"tnum";font-family:IBM Plex Mono,monospace;font-variant-numeric:tabular-nums;font-weight:650;text-align:right}.kas-bank-page .prod-table.kas-bank-table tbody td.kb-col-status{text-align:center}.kas-bank-page .prod-table.kas-bank-table tbody td.kb-col-actions{white-space:nowrap}.kas-bank-page .fs-active,.kas-bank-page .fs-complete,.kas-bank-page .fs-field-container,.kas-bank-page .fs-incomplete,.kas-bank-page .fs-neutral{background:#0000!important;border:0!important;box-shadow:none!important;padding:0!important}.content.content-kas-bank-workspace,.content.content-penjualan-workspace,.content.content-workspace{display:flex;flex:1 1;flex-direction:column;margin:0;max-width:none;min-height:0;padding:0 0 24px;width:100%}.kb-workspace-tabs{align-items:stretch;background:linear-gradient(180deg,var(--mod-soft) 0,#eef2f0 100%);border-bottom:2px solid var(--mod);display:flex;flex-wrap:nowrap;gap:0;max-width:100%;min-height:34px;min-height:var(--ep-workspace-tabs-height,34px);min-width:0;overflow-x:auto;overflow-y:hidden;padding:0 6px;position:-webkit-sticky;position:sticky;top:48px;top:var(--ep-topbar-height,48px);z-index:25}.kb-workspace-tab{align-items:center;background:color-mix(in srgb,#fff 62%,var(--mod-soft));border:1px solid var(--line);border-bottom:0;border-radius:6px 6px 0 0;color:var(--ink);display:inline-flex;flex:0 0 auto;margin:4px 3px 0;max-width:min(240px,46vw)}.kb-workspace-tab:hover{background:color-mix(in srgb,#fff 82%,var(--mod-soft))}.kb-workspace-tab.is-active{background:var(--surface);border-color:var(--mod);box-shadow:inset 0 -2px 0 var(--mod);color:var(--ink)}.kb-workspace-tab-label{background:#0000;border:0;color:inherit;cursor:pointer;font:600 12px/1.2 IBM Plex Sans,sans-serif;min-width:0;overflow:hidden;padding:7px 4px 7px 10px;text-overflow:ellipsis;white-space:nowrap}.kb-workspace-tab.is-active .kb-workspace-tab-label{color:var(--mod-ink);font-weight:700}.kb-workspace-tab-close{background:#0000;border:0;border-radius:4px;color:color-mix(in srgb,var(--ink) 55%,var(--soft));cursor:pointer;display:grid;flex-shrink:0;height:24px;margin-right:2px;place-items:center;width:24px}.kb-workspace-tab-close:hover{background:#0f281e14;color:var(--ink)}.kb-workspace-tab.is-active .kb-workspace-tab-close{color:var(--ink)}.penjualan-page,[data-module=sales] .penjualan-page{--pj-line:#99f6e4;--pj-line-strong:#0d9488}.penjualan-page.penjualan-workspace{box-sizing:border-box;margin:0!important;max-width:none!important;padding:12px 14px 20px!important;width:100%}.penjualan-page .page-heading{border:2px solid var(--pj-line-strong);border-radius:8px;box-shadow:none;margin-bottom:10px;padding:12px 14px}.penjualan-page .page-heading:before{height:3px}.penjualan-page .page-heading h1{color:var(--mod-ink);font-size:clamp(17px,1.5vw,20px);letter-spacing:-.02em}.penjualan-page .import-ok,.penjualan-page .kb-workspace-panel,.penjualan-page .panel,.penjualan-page .sa-form{border:2px solid var(--pj-line-strong)!important;border-radius:8px;box-shadow:none!important}.penjualan-page .sa-table-wrap,.penjualan-page .table-wrap,.penjualan-page table{border-color:var(--pj-line-strong)}.penjualan-page table{border-collapse:collapse;width:100%}.penjualan-page table thead th,.penjualan-page thead tr[style]{background:var(--mod-ink)!important;border-bottom:2px solid #0f172a!important;border-right:1px solid #ffffff2e;color:#fff!important;font:700 11px/1.2 IBM Plex Sans,sans-serif;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.penjualan-page table thead th:last-child{border-right:0}.penjualan-page table tbody td{border-bottom:1.5px solid var(--pj-line);vertical-align:middle}.penjualan-page table tbody tr:hover td{background:color-mix(in srgb,var(--mod-soft) 70%,#fff)}.penjualan-page .num,.penjualan-page .pj-money,.penjualan-page td[style*="text-align: right"]{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.penjualan-page .pj-status-badge{border-width:1.5px;font-weight:700}.penjualan-page input:not([type=checkbox]):not([type=radio]):not([type=file]),.penjualan-page select,.penjualan-page textarea{border-color:var(--pj-line-strong)}.penjualan-page .import-search,.penjualan-page .sa-filters{background:linear-gradient(180deg,#fff 0,var(--mod-soft) 160%);border:2px solid var(--pj-line-strong);border-radius:8px}.penjualan-page .import-tabs,.penjualan-page .prediksi-tabs.sa-tabs{background:#0000;border:0;border-bottom:2px solid var(--pj-line-strong);border-radius:0;padding:0 0 2px}.penjualan-page .import-tabs button.active,.penjualan-page .prediksi-tabs.sa-tabs button.is-active{box-shadow:inset 0 -2px 0 var(--mod);color:var(--mod-ink)}.kas-bank-workspace{padding:12px 14px 20px}.kas-bank-workspace,.kb-workspace-panel{box-sizing:border-box;max-width:none;width:100%}.kb-workspace-panel{background:var(--surface);border:1.5px solid var(--kb-line-strong);border-radius:8px;display:flex;flex-direction:column;min-height:0}.kb-workspace-panel-head{align-items:flex-start;background:linear-gradient(180deg,var(--mod-soft) 0,#f8fafc 100%);border-bottom:1.5px solid var(--mod-border);display:flex;gap:12px;justify-content:space-between;padding:10px 14px}.kb-workspace-panel-title{min-width:0}.kb-workspace-panel-title .eyebrow{color:var(--mod-ink);margin:0 0 2px}.kb-workspace-panel-title h1{color:var(--mod-ink);font-size:clamp(17px,1.5vw,20px);letter-spacing:-.02em;margin:0}.kb-workspace-form{display:flex;flex:1 1;flex-direction:column;min-height:0}.kb-workspace-form-body{flex:1 1;overflow:auto;padding:12px 14px}.kb-workspace-form-foot{align-items:center;background:color-mix(in srgb,var(--mod-soft) 40%,#fafbfa);border-top:1.5px solid var(--kb-line-strong);display:flex;gap:12px;justify-content:space-between;padding:10px 14px}.kas-bank-page.kas-bank-workspace .page-heading{margin-bottom:10px}.kas-bank-page.kas-bank-workspace .prod-heading .primary{display:none}@media (max-width:720px){.kas-bank-page .kb-transfer-flow{gap:10px;grid-template-columns:1fr}.kas-bank-page .kb-transfer-arrow{justify-self:center;padding-top:0;transform:rotate(90deg)}.kas-bank-page .kb-detail-grid{grid-template-columns:1fr}.kas-bank-page .kb-ellipsis{max-width:10rem}.kas-bank-page .kb-actions{max-width:12rem}.kas-bank-page .kb-form-grid{gap:12px;grid-template-columns:1fr}.kas-bank-page .kb-journal-line{gap:6px;grid-template-columns:3.5rem minmax(0,1fr)}.kas-bank-page .kb-journal-amt{grid-column:2;justify-self:end}.kb-workspace-tabs{padding:0 4px;top:0}.content.content-kas-bank-workspace,.content.content-penjualan-workspace,.content.content-workspace,.kb-workspace-tabs,.penjualan-page,.penjualan-page.penjualan-workspace{max-width:100%;min-width:0}.penjualan-page.penjualan-workspace{padding:8px 8px 72px!important}.penjualan-page .page-heading{align-items:flex-start;box-sizing:border-box;flex-wrap:wrap;max-width:100%;min-width:0}.penjualan-page .page-heading>*{max-width:100%;min-width:0}.penjualan-page :has(>table){-webkit-overflow-scrolling:touch;max-width:100%;min-width:0;overflow-x:auto}.penjualan-page table{min-width:640px}.kas-bank-workspace{padding:8px 8px 72px}.kb-workspace-panel{border-radius:8px;min-height:auto}.kb-workspace-form-foot{flex-wrap:wrap}.kas-bank-page .kb-section-body{padding:10px}.kas-bank-page .kb-toolbar{padding:8px}.kas-bank-page.kas-bank-workspace .prod-heading .primary{display:inline-flex}}.emp-perms{display:flex;flex-direction:column;gap:14px}.emp-perms-head{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.emp-perms-head h4{font-size:15px;letter-spacing:-.01em;margin:0}.emp-perms-head .hint{color:var(--soft);font-size:12px;margin:4px 0 0}.perm-search{align-items:center;background:var(--surface);border:1px solid var(--line);display:flex;gap:8px;min-width:220px;padding:0 12px}.perm-search input{background:#0000;border:0;font-size:13px;outline:0;padding:8px 0;width:100%}.perm-modules{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}.perm-module-card{background:#fafaf7;border:1px solid var(--line)}.perm-module-title{background:var(--surface);border-bottom:1px solid var(--line);color:var(--soft);font:11px IBM Plex Mono;letter-spacing:.14em;padding:10px 14px;text-transform:uppercase}.perm-module-list{display:flex;flex-direction:column}.perm-item{align-items:center;background:var(--surface);border-bottom:1px solid var(--line);display:flex;gap:12px;justify-content:space-between;padding:10px 14px}.perm-item:last-child{border-bottom:0}.perm-item-label{display:flex;flex-direction:column;font-size:13px;gap:2px;line-height:1.35}.perm-item-label .mono{font-size:10.5px}.perm-grant{background:#effaf1}.perm-deny{background:#fdefeb}.perm-seg{border:1px solid var(--line);display:inline-flex;overflow:hidden}.perm-seg button{background:var(--surface);border:0;border-right:1px solid var(--line);color:var(--soft);cursor:pointer;font-size:11.5px;padding:6px 10px;transition:background .15s,color .15s}.perm-seg button:last-child{border-right:0}.perm-seg button:hover{background:var(--muted)}.perm-seg button.on{background:var(--ink);color:#fff}.roles-layout{grid-gap:0;display:grid;gap:0;grid-template-columns:260px 1fr;min-height:520px}.role-sidebar{background:#fafaf7;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:6px;padding:14px 12px}.role-sidebar-title{color:var(--soft);font:11px IBM Plex Mono;letter-spacing:.14em;padding:4px 8px 10px;text-transform:uppercase}.role-card{background:#0000;border:1px solid #0000;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:12px;text-align:left;transition:background .18s,border-color .18s}.role-card:hover{background:var(--surface);border-color:var(--line)}.role-card.active{background:var(--surface);border-color:var(--blue);box-shadow:inset 3px 0 0 var(--blue)}.role-card-top{align-items:center;display:flex;gap:8px;justify-content:space-between}.role-card-name{font-size:14px;font-weight:600;letter-spacing:-.01em}.role-card-meta{color:var(--soft);font:11px IBM Plex Mono}.pill.sm{font-size:10px;padding:2px 8px}.pill-lock{align-items:center;background:#f4e9d7;color:#7a5416;display:inline-flex;gap:4px}.role-detail{background:#fff;min-width:0;padding:12px 16px 88px;position:relative}.role-detail-head{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:16px}.role-detail-head h3{font-size:22px;letter-spacing:-.02em;margin:0}.role-detail-head .muted.small{margin:6px 0 0;max-width:520px}.role-workspace{background:#fff;padding:0 0 88px}.role-workspace-head{background:#fff;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:8px;padding:10px 16px 8px;position:-webkit-sticky;position:sticky;top:82px;top:calc(var(--ep-topbar-height,48px) + var(--ep-workspace-tabs-height,34px));z-index:6}.content .role-workspace .role-desc-input,.content .role-workspace .role-label-input{background:#fff!important;border:1px solid var(--line)!important;border-radius:2px!important;box-shadow:none!important;height:auto!important;min-height:30px!important;padding:4px 8px!important}.content .role-workspace .role-label-input{background:#0000!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;font-size:16px!important;font-weight:650;min-height:28px!important;padding:2px 0!important}.content .role-workspace .role-desc-input{font-size:12.5px!important;min-height:34px!important;padding:6px 8px!important}.content .role-workspace .perm-search input{background:#0000!important;border:0!important;border-radius:0!important;box-shadow:none!important;height:auto!important;min-height:0!important;padding:6px 0!important}.role-workspace .perm-search{background:#fff;border-radius:2px;min-height:32px}.role-workspace-head-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.role-workspace-identity{flex:1 1 220px;min-width:0}.role-workspace .role-label-input,.role-workspace-title{font-size:16px;font-weight:650;letter-spacing:-.015em;line-height:1.25;margin:0}.role-workspace .role-label-input{margin-bottom:4px}.role-workspace .role-desc-input{font-size:12.5px;margin:0;min-height:36px;padding:6px 8px}.role-workspace-meta{align-items:center;display:flex;flex-wrap:wrap;gap:6px 10px;margin-top:4px}.role-status-pill{border:1px solid var(--line);color:var(--soft);font:10.5px IBM Plex Mono,monospace;letter-spacing:.08em;padding:2px 7px;text-transform:uppercase}.role-status-pill.is-active{background:#f3fbf8;border-color:var(--ep-primary);color:var(--ep-primary)}.role-status-pill.is-inactive{background:#faf6ee;border-color:#e0c48a;color:#8a5a3c}.role-perm-tally{color:var(--ink);font-size:12.5px}.role-perm-tally b{font-weight:700}.role-workspace-slug{margin:0}.role-workspace-tools{align-items:center;display:flex;flex:0 0 auto;gap:8px}.role-workspace-controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.role-perm-search{flex:1 1 220px;min-height:32px;min-width:180px;padding:0 8px}.role-perm-search input{font-size:12.5px;padding:6px 0}.role-perm-filters{background:#fff;border:1px solid var(--line);display:inline-flex}.role-perm-filter{background:#0000;border:0;border-right:1px solid var(--line);color:var(--soft);cursor:pointer;font-size:11.5px;min-height:30px;padding:5px 10px}.role-perm-filter:last-child{border-right:0}.role-perm-filter:hover{background:var(--muted)}.role-perm-filter.on{background:var(--ink);color:#fff}.role-overflow{position:relative}.role-overflow-btn{min-width:32px;padding:0 8px}.role-overflow-panel{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);min-width:200px;padding:4px;position:absolute;right:0;top:calc(100% + 4px);z-index:8}.role-overflow-item{align-items:center;background:#0000;border:0;color:var(--ink);cursor:pointer;display:flex;font-size:12.5px;gap:8px;padding:8px 10px;text-align:left;width:100%}.role-overflow-item:hover{background:#fafaf7}.role-overflow-item.danger{color:#a53f2b}.role-overflow-item:disabled{cursor:not-allowed;opacity:.45}.role-perm-flow{border-top:0;display:flex;flex-direction:column}.role-cat{background:#fff;border-bottom:1px solid var(--line)}.role-cat-head{align-items:center;display:flex;gap:10px;justify-content:space-between;min-height:36px;padding:0 8px 0 0}.role-cat-toggle{align-items:center;background:#0000;border:0;color:var(--ink);cursor:pointer;display:flex;flex:1 1;gap:8px;min-width:0;padding:8px 10px;text-align:left}.role-cat-chevron{color:var(--soft);flex:0 0 auto;transition:transform .15s}.role-cat-chevron.is-open{transform:rotate(180deg)}.role-cat-name{color:var(--ink);font:11px IBM Plex Mono,monospace;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.role-cat-count{color:var(--soft);font:11.5px IBM Plex Mono,monospace;margin-left:auto;white-space:nowrap}.role-cat-select-all{align-items:center;color:var(--soft);cursor:pointer;display:inline-flex;font-size:11.5px;gap:6px;padding-right:8px;white-space:nowrap}.role-perm-grid{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.role-perm-cell{align-items:flex-start;background:#fff;border-bottom:1px solid var(--line);border-right:1px solid var(--line);cursor:pointer;display:flex;gap:8px;min-height:44px;padding:7px 10px}.role-perm-cell:nth-child(3n){border-right:0}.role-perm-cell:hover{background:#fafaf7}.role-perm-cell.is-on{background:#f4fbf9;box-shadow:inset 2px 0 0 var(--ep-primary)}.role-perm-cell input[type=checkbox]{accent-color:var(--ep-primary);cursor:pointer;flex:0 0 auto;height:14px;margin-top:2px;width:14px}.role-perm-cell input:disabled{cursor:not-allowed;opacity:.5}.role-perm-copy{display:flex;flex-direction:column;gap:1px;min-width:0}.role-perm-label{align-items:center;color:var(--ink);display:flex;flex-wrap:wrap;font-size:12.5px;font-weight:650;gap:6px;line-height:1.3}.role-perm-key{color:var(--soft);font:10.5px IBM Plex Mono,ui-monospace,monospace;letter-spacing:0}.role-perm-sensitive{align-items:center;border:1px solid #e0c48a;color:#8a5a3c;display:inline-flex;font:10px IBM Plex Mono,monospace;gap:3px;letter-spacing:.04em;line-height:16px;padding:0 5px;text-transform:uppercase}.role-danger-zone{align-items:center;background:#fff;border:1px solid #eccec8;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin:16px 16px 0;padding:10px 12px}.role-danger-title{color:#a53f2b;font:11px IBM Plex Mono,monospace;letter-spacing:.12em;text-transform:uppercase}.role-danger-zone .ghost.sm.danger{border-color:#eccec8;color:#a53f2b}.role-workspace .role-save-bar{margin:16px 0 0;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px))}.role-workspace .role-save-bar.show{background:#fff;border-top:1px solid var(--line);bottom:0;box-shadow:0 -6px 16px #0f172a0f;left:64px;left:var(--sidebar-rail,64px);margin:0;position:fixed;right:0;z-index:25}@media (max-width:1100px){.role-perm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.role-perm-cell:nth-child(3n){border-right:1px solid var(--line)}.role-perm-cell:nth-child(2n){border-right:0}}@media (max-width:720px){.role-perm-grid{grid-template-columns:1fr}.role-perm-cell,.role-perm-cell:nth-child(2n),.role-perm-cell:nth-child(3n){border-right:0}.role-workspace-head{padding:8px 12px}}.perm-module-checks{display:flex;flex-direction:column}.perm-check{align-items:center;background:var(--surface);border-bottom:1px solid var(--line);cursor:pointer;display:flex;font-size:13px;gap:12px;padding:10px 14px;transition:background .15s}.perm-check:last-child{border-bottom:0}.perm-check:hover{background:#fffefa}.perm-check input[type=checkbox]{accent-color:var(--blue);cursor:pointer;flex:0 0 auto;height:16px;width:16px}.perm-check input:disabled{cursor:not-allowed;opacity:.5}.perm-check-label{display:flex;flex-direction:column;gap:2px;line-height:1.35}.perm-check-label .mono{font-size:10.5px}.role-save-bar{align-items:center;background:var(--surface);border-top:1px solid var(--line);bottom:-1px;display:flex;gap:12px;justify-content:space-between;left:0;margin:22px -22px -22px;opacity:0;padding:14px 22px;pointer-events:none;position:-webkit-sticky;position:sticky;right:0;transform:translateY(10px);transition:transform .22s,opacity .22s;z-index:2}.role-save-bar.show{opacity:1;pointer-events:auto;transform:translateY(0)}.role-save-status{align-items:center;color:var(--soft);display:inline-flex;font-size:13px;gap:8px}.role-save-actions{display:flex;gap:10px}.nav-access{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);margin:0 0 18px;padding:14px 16px 10px}.nav-access-head{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:10px}.nav-access-head h3{align-items:center;display:flex;font-size:15px;gap:8px;margin:0}.nav-access-head .hint{color:var(--soft);font-size:12.5px;margin:4px 0 0;max-width:640px}.nav-access-wrap{max-width:100%;overflow:auto}.nav-access-table{border-collapse:initial;border-spacing:0;font-size:12.5px;min-width:-webkit-max-content;min-width:max-content}.nav-access-table td,.nav-access-table th{border-bottom:1px solid var(--line);padding:6px 8px;text-align:center;white-space:nowrap}.nav-access-table thead th{background:#fafaf7;color:var(--soft);font:10.5px IBM Plex Mono;letter-spacing:.06em;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:1}.nav-access-table tbody th{background:var(--surface);font-weight:600;left:0;padding-left:10px;position:-webkit-sticky;position:sticky;text-align:left;z-index:1}.nav-access-table tbody th.nav-access-child{color:var(--soft);font-weight:500;padding-left:22px}.nav-access-table tbody th.nav-access-grandchild{color:var(--soft);font-weight:400;padding-left:36px}.nav-access-cell{align-items:center;border-radius:4px;cursor:pointer;display:inline-flex;gap:0;justify-content:center;min-height:28px;min-width:28px}.nav-access-cell input{height:1px;opacity:0;position:absolute;width:1px}.nav-access-cell span{color:#b9b2a4;font-weight:700}.nav-access-cell.on span{color:var(--ep-primary)}.nav-access-cell.locked{cursor:default;opacity:.7}.nav-access-cell:hover:not(.locked){background:var(--muted)}.prod-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:6px 8px;margin:0 0 8px}.prod-toolbar .search-inline{align-items:center;background:#fff;border:1px solid var(--line);border-radius:2px;display:flex;flex:0 1 240px;gap:6px;height:28px;max-width:280px;min-height:28px;min-width:160px;padding:0 8px}.prod-toolbar .search-inline input{background:#0000;border:0;font-size:12.5px;outline:none;padding:4px 0;width:100%}.prod-toolbar .prod-check{min-height:28px}.prod-th-inner{align-items:center;display:flex;gap:4px;min-width:0}.prod-th-label{background:none;border:0;color:inherit;cursor:default;font:inherit;letter-spacing:inherit;padding:0;text-transform:inherit;white-space:nowrap}.prod-th-label.is-sort{cursor:pointer}.prod-th-label.is-sort:hover{color:#f3d48b}.prod-th-filter{background:#0000;border:0;border-radius:3px;color:#c5d9cf;cursor:pointer;display:grid;flex-shrink:0;height:18px;padding:0;place-items:center;position:relative;width:18px}.prod-th-filter:hover{background:#ffffff1f;color:#fff}.prod-th-filter.is-active{color:#f3d48b}.prod-th-dot{background:#f3d48b;border-radius:50%;box-shadow:0 0 0 1px #0b2d22;height:6px;position:absolute;right:0;top:0;width:6px}.prod-th-popover{display:flex;flex-direction:column;gap:6px;padding:8px;width:220px;z-index:80}.prod-th-pop-label{color:var(--soft);font:10.5px IBM Plex Mono;letter-spacing:.08em;text-transform:uppercase}.prod-th-popover input:not([type=checkbox]),.prod-th-popover input[type=date],.prod-th-popover select{background:var(--surface);border:1px solid var(--line);border-radius:2px;color:var(--ink);font-family:inherit;font-size:12px;min-height:28px;padding:4px 8px;width:100%}.prod-th-popover label{color:var(--soft);display:flex;flex-direction:column;font-size:11px;gap:3px}.prod-th-clear,.prod-th-today{align-self:flex-start}.prod-th-today{font-size:11px;letter-spacing:.02em;min-height:26px;padding:2px 8px}.audit-table{overflow-x:auto}.audit-thead,.audit-trow{grid-gap:14px;align-items:center;border-bottom:1px solid var(--line);display:grid;gap:14px;grid-template-columns:190px 1.2fr 1.3fr 180px 1.4fr;padding:12px 18px}.audit-thead{background:#fafaf7;color:var(--soft);font:11px IBM Plex Mono;letter-spacing:.1em;text-transform:uppercase}.audit-trow{font-size:14px}.audit-trow:hover{background:#fffefa}.spin{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:960px){.roles-layout{grid-template-columns:1fr}.role-sidebar{border-bottom:1px solid var(--line);border-right:0;flex-direction:row;overflow-x:auto;padding:10px}.role-sidebar-title{display:none}.role-card{min-width:200px}.emp-thead,.emp-trow,.perm-modules{grid-template-columns:1fr}.emp-thead,.emp-trow{gap:6px}.emp-thead{display:none}.emp-trow{padding:14px 16px}.emp-trow>span{display:flex;gap:12px;justify-content:space-between}.emp-trow>span:before{color:var(--soft);content:attr(data-lbl);font:11px IBM Plex Mono;letter-spacing:.08em;text-transform:uppercase}.emp-row-actions{justify-content:flex-start}.audit-thead,.audit-trow{grid-template-columns:1fr}.audit-thead{display:none}.emp-grid{grid-template-columns:1fr}.modal-inner.modal-viewport-safe,.modal-inner.modal-wide{max-width:96vw}.modal-viewport-safe-wrap{padding:12px}.emp-modal-foot{flex-wrap:wrap;gap:10px}}.import-tabs{border-bottom:1px solid var(--line);display:flex;gap:0;margin:18px 0 22px}.import-tabs button{align-items:center;background:#0000;border:0;border-bottom:2px solid #0000;color:var(--soft);cursor:pointer;display:inline-flex;font-size:14px;gap:8px;padding:12px 20px;transition:color .18s,border-color .18s}.import-tabs button:hover{color:var(--ink)}.import-tabs button.active{border-bottom-color:var(--blue);color:var(--ink);font-weight:600}.file-dropzone{align-items:center;background:#fafaf7;border:2px dashed var(--line);display:flex;flex-direction:column;gap:10px;padding:40px 24px;text-align:center;transition:border-color .18s,background .18s}.file-dropzone:hover{background:#f4f8fb;border-color:var(--blue)}.file-dropzone svg{color:var(--soft)}.file-dropzone strong{font-size:15px}.file-actions{display:flex;gap:10px;margin-top:8px}.pdf-form-grid{grid-gap:14px 18px;display:grid;gap:14px 18px;grid-template-columns:repeat(3,1fr);margin:8px 0 22px}.pdf-form-grid label{color:var(--soft);display:flex;flex-direction:column;font-size:12px;gap:6px;letter-spacing:.02em}.pdf-form-grid .span-2{grid-column:span 2}.pdf-form-grid input,.pdf-form-grid textarea{background:var(--surface);border:1px solid var(--line);color:var(--ink);font-family:inherit;font-size:14px;min-height:38px;padding:9px 12px}.pdf-form-grid textarea{resize:vertical}.pdf-form-grid input::placeholder,.pdf-form-grid textarea::placeholder{color:#c0a668;font-style:italic}.pdf-form-grid .req{color:var(--red);margin-left:4px}.pdf-items{border-top:1px dashed var(--line);margin-top:8px;padding-top:14px}.pdf-items-head{align-items:center;color:var(--soft);display:flex;font:11px IBM Plex Mono;justify-content:space-between;letter-spacing:.14em;margin-bottom:10px;text-transform:uppercase}.pdf-item-row,.pdf-items-thead{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:110px 2.2fr 90px 90px 1fr 1.2fr 40px}.pdf-items-thead{color:var(--soft);font:10px IBM Plex Mono;letter-spacing:.12em;padding:6px 4px;text-transform:uppercase}.pdf-item-row,.pdf-items-thead{border-bottom:1px solid var(--line)}.pdf-item-row{padding:6px 0}.pdf-item-row input{background:var(--surface);border:1px solid var(--line);color:var(--ink);font-family:inherit;font-size:13px;min-height:34px;padding:8px 10px;width:100%}.pdf-item-row input:invalid{border-color:var(--red)}.pdf-total{margin-top:12px;padding:8px 4px;text-align:right}@media (max-width:960px){.pdf-form-grid{grid-template-columns:1fr}.pdf-form-grid .span-2{grid-column:span 1}.pdf-items-thead{display:none}.pdf-item-row{gap:6px;grid-template-columns:1fr 1fr;padding:10px 0}}.link-inline{align-items:center;color:var(--blue);display:inline-flex;gap:6px;text-decoration:underline;text-underline-offset:3px}.link-inline:hover{color:var(--ink)}.hold-banner{align-items:flex-start;background:#fdefeb;border:1px solid #eccec8;color:#a53f2b;display:flex;gap:14px;margin:16px 0;padding:14px 18px}.hold-banner strong{display:block;margin-bottom:4px}.hold-banner ul{font-size:13px;margin:0;padding-left:20px}.bypass-banner{align-items:flex-start;background:#f4e9d7;border:1px solid #e0c48a;color:#7a5416;display:flex;font-size:13px;gap:14px;margin:0 0 16px;padding:12px 18px}.bypass-banner p{margin:2px 0}.bypass-banner b{background:#f0c368;color:#3d2c0e;font-size:11px;letter-spacing:.08em;margin-right:6px;padding:1px 8px}.prep-grid{grid-gap:14px 18px;display:grid;gap:14px 18px;grid-template-columns:repeat(3,1fr);padding:6px 0}.prep-grid label{color:var(--soft);display:flex;flex-direction:column;font-size:12px;gap:6px;letter-spacing:.02em}.prep-grid input{background:var(--surface);border:1px solid var(--line);color:var(--ink);font-family:inherit;font-size:14px;min-height:38px;padding:9px 12px}.prep-grid input:disabled{background:#f4f2ec;color:var(--soft)}.prep-grid .span-2{grid-column:span 2}.prep-grid .mono{font-size:22px;letter-spacing:-.02em}.prep-actions{align-items:center;display:flex;gap:14px;margin-top:14px}@media (max-width:960px){.prep-grid{grid-template-columns:1fr}.prep-grid .span-2{grid-column:span 1}}.po-actions-panel .panel-head{align-items:baseline;border-bottom:1px solid var(--line);display:flex;gap:12px;justify-content:space-between;padding:14px 18px}.po-actions-panel .panel-head h3{font-size:15px;letter-spacing:-.01em;margin:0}.po-actions-row{display:flex;flex-wrap:wrap;gap:10px;padding:14px 18px}.po-actions-row .ghost{align-items:center;display:inline-flex;gap:6px}.po-actions-row .ghost.danger{background:var(--surface);border-color:#eccec8;color:#a53f2b}.po-actions-row .ghost.danger:hover{background:#f8e9e4}.po-actions-hint{line-height:1.55;margin:0;padding:0 18px 16px}.cancel-banner{align-items:flex-start;background:#faece9;border:1px solid #eccec8;color:#7a2a1a;display:flex;gap:12px;margin:0 0 14px;padding:12px 16px}.cancel-banner strong{display:block;font-size:14px;margin-bottom:2px}.cancel-banner p{font-size:13px;margin:2px 0}.delete-modal-body{display:flex;flex-direction:column;gap:14px;padding:18px 22px 6px}.delete-warning{align-items:flex-start;background:#fdefeb;border:1px solid #eccec8;color:#7a2a1a;display:flex;gap:10px;padding:12px 14px}.delete-warning strong{display:block;font-size:14px;margin-bottom:2px}.delete-warning p{font-size:12.5px;margin:0}.delete-summary{grid-gap:8px 22px;background:#fafaf7;border:1px solid var(--line);display:grid;gap:8px 22px;grid-template-columns:1fr 1fr;margin:0;padding:12px 14px}.delete-summary>div{display:flex;flex-direction:column;gap:2px}.delete-summary dt{color:var(--soft);font:11px IBM Plex Mono;letter-spacing:.12em;margin:0;text-transform:uppercase}.delete-summary dd{color:var(--ink);font-size:13px;margin:0}.delete-field{display:flex;flex-direction:column;gap:6px}.delete-field>span{color:var(--soft);font-size:12.5px;letter-spacing:.02em}.delete-field>span code{background:#f4f2ec;border:1px solid var(--line);color:#a53f2b;font-size:11.5px;padding:1px 6px}.delete-field input,.delete-field textarea{background:var(--surface);border:1px solid var(--line);box-sizing:border-box;color:var(--ink);font-family:inherit;font-size:14px;min-height:40px;padding:10px 12px;width:100%}.delete-field input:focus,.delete-field textarea:focus{border-color:var(--blue);outline:0}.delete-modal-actions{background:#fafaf7;border-top:1px solid var(--line);display:flex;gap:10px;justify-content:flex-end;padding:14px 22px 18px}.primary.destructive{background:#a53f2b;border-color:#a53f2b;color:#fff}.primary.destructive:hover{background:#8a3423;border-color:#8a3423}.primary.destructive:disabled{background:#d8bab2;border-color:#d8bab2;cursor:not-allowed}@media (max-width:640px){.delete-summary{grid-template-columns:1fr}}.pill-sa{align-items:center;background:#0f3d78;color:#fff;display:inline-flex;font-size:10px;gap:4px;letter-spacing:.03em;margin-left:6px;padding:2px 8px}.role-inactive{opacity:.55}.role-inactive .role-card-name{text-decoration:line-through}.role-label-input{background:#0000;border:0;color:var(--ink);font-family:inherit;font-size:16px;font-weight:650;letter-spacing:-.015em;margin-bottom:6px;padding:2px 0;width:100%}.role-label-input:focus{border-bottom:1px solid var(--blue);outline:0}.role-desc-input{background:var(--surface);border:1px solid var(--line);color:var(--ink);font-family:inherit;font-size:13px;margin-bottom:6px;min-height:44px;padding:8px 10px;resize:vertical;width:100%}.role-actions-inline{display:flex;gap:8px;margin-top:8px}.role-actions-inline .ghost.sm.danger{border-color:#eccec8;color:#a53f2b}.role-actions-inline .ghost.sm.danger:disabled{cursor:not-allowed;opacity:.45}.prod-mode{align-items:stretch;border:1px solid var(--line);display:inline-flex;flex-shrink:0;overflow:hidden}.prod-mode button{align-items:center;background:var(--surface);border:0;border-right:1px solid var(--line);color:var(--soft);cursor:pointer;display:inline-flex;font-size:11.5px;gap:5px;min-height:30px;padding:5px 10px}.prod-mode button:last-child{border-right:0}.prod-mode button:hover{background:var(--muted)}.prod-mode button.active{background:var(--ink);color:#fff}.prod-mode .ghost.sm{border-radius:0;border-right:1px solid var(--line);min-height:30px;padding:5px 10px}.prod-filters{background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:6px;margin:0 0 10px;padding:8px 10px}.prod-filter-row{display:flex}.prod-filter-actions,.prod-filter-row{align-items:center;flex-wrap:wrap;gap:6px 8px}.prod-filter-actions{display:inline-flex;margin-left:auto}.prod-filter-dates{align-items:center}.prod-filters .search-inline{border-radius:2px;flex:0 1 240px;height:28px;max-width:280px;min-height:28px;min-width:180px;padding:0 8px}.prod-filters .search-inline input{font-size:12.5px;padding:4px 0}.prod-filter-group{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.prod-filters input[type=date],.prod-filters select{background:var(--surface);border:1px solid var(--line);border-radius:2px;color:var(--ink);font-family:inherit;font-size:12px;height:28px;line-height:1.2;max-width:220px;min-height:28px;padding:3px 8px;width:auto}.prod-filters select{min-width:132px}.prod-check{font-size:12px;min-height:28px}.prod-check,.prod-inline-date{align-items:center;color:var(--soft);display:inline-flex;gap:5px;white-space:nowrap}.prod-inline-date{font-size:11px}.prod-inline-date input[type=date]{max-width:150px;min-width:132px}.prod-filters button{min-height:28px}.prod-filters .icon-button{height:28px;min-height:28px;width:28px}.prod-filters .ghost.sm{border-radius:2px;font-size:11.5px;min-height:28px;padding:3px 9px}.prod-filter-reset{color:var(--soft);font-weight:500}.prod-filter-reset:hover{background:var(--muted);color:var(--ink)}.prod-filter-actions .muted.small{margin:0}.prod-section-tabs{background:var(--surface);border:1px solid var(--line);border-radius:6px;box-shadow:var(--shadow);display:inline-flex;margin:0 0 10px;overflow:hidden}.prod-section-tabs button{background:#0000;border:0;border-right:1px solid var(--line);color:var(--soft);cursor:pointer;font:600 11.5px IBM Plex Sans,sans-serif;letter-spacing:.04em;min-height:32px;padding:7px 14px;text-transform:uppercase}.prod-section-tabs button:last-child{border-right:0}.prod-section-tabs button:hover{background:var(--muted);color:var(--ink)}.prod-section-tabs button.active{background:var(--ep-primary);color:#fff}.op-an{display:flex;flex-direction:column;gap:10px;min-width:0;overflow-x:hidden}.op-an-head{align-items:flex-end;display:flex;gap:12px;justify-content:space-between;overflow:visible}.op-an-head h2{font-size:clamp(16px,1.4vw,18px);letter-spacing:0;line-height:1.3;margin:0}.op-an-filters .prod-filter-kicker,.op-an-filters .prod-inline-date{line-height:1.4}.op-an-filters{gap:6px;margin-bottom:0;padding:8px 10px}.op-an-filter-bar{align-items:end;display:flex;flex-wrap:nowrap;gap:6px 8px;min-width:0}.op-an-field{display:flex;flex:0 1 9rem;flex-direction:column;gap:3px;min-width:0}.op-an-field>span:first-child{color:var(--ink);font:600 11px/1.2 IBM Plex Sans,sans-serif}.op-an-field-period,.op-an-field-po{flex:0 1 7.5rem}.op-an-field-date{flex:0 1 8.75rem}.op-an-field-operator{flex:0 1 10rem}.op-an-field-item,.op-an-field-outlet{flex:0 1 11rem}.op-an-field-search{flex:1 1 13rem;min-width:10rem}.op-an-filters .op-an-field input[type=date],.op-an-filters .op-an-field select{box-sizing:border-box;max-width:none;min-width:0;width:100%}.content .op-an-filters .mis-input,.content .op-an-filters input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]):not([type=color]),.content .op-an-filters select{border-radius:2px;border-width:1px;box-shadow:none;box-sizing:border-box;height:28px;min-height:28px;padding:3px 8px}.op-an-filters .op-an-search{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:2px;box-sizing:border-box;display:flex;gap:6px;height:28px;min-height:28px;padding:0 8px;width:100%}.content .op-an-filters .op-an-search input{background:#0000;border:0;box-shadow:none;font:12.5px/1.2 IBM Plex Sans,sans-serif;height:auto;min-height:0;min-width:0;outline:none;padding:0;width:100%}.op-an-filters .mis-control,.op-an-filters .mis-root{min-width:0;width:100%}.op-an-subnav{align-self:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:6px;display:inline-flex;overflow:hidden}.op-an-subnav button{background:#0000;border:0;border-right:1px solid var(--line);color:var(--soft);cursor:pointer;font:600 11px IBM Plex Sans,sans-serif;letter-spacing:.04em;min-height:30px;padding:6px 12px;text-transform:uppercase}.op-an-subnav button:last-child{border-right:0}.op-an-subnav button:hover{background:var(--muted);color:var(--ink)}.op-an-subnav button.active{background:var(--ep-primary);color:#fff}.op-an-section-label{color:var(--soft);font:10.5px IBM Plex Mono;letter-spacing:.12em;margin:4px 0 0;text-transform:uppercase}.op-an-kpi-row{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(5,minmax(0,1fr))}.op-an-kpi-row-4{grid-template-columns:repeat(4,minmax(0,1fr))}.op-an-kpi-row-5{grid-template-columns:repeat(5,minmax(0,1fr))}.op-an-kpi-row-6{grid-template-columns:repeat(6,minmax(0,1fr))}.op-an-kpi-compact{gap:2px;padding:6px 10px}.op-an-kpi-compact strong{font-size:16px;line-height:1.2}.op-an-search{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:6px;display:inline-flex;gap:6px;min-height:30px;padding:0 8px}.op-an-search input{background:#0000;border:0;font:12.5px IBM Plex Sans,sans-serif;min-width:0;outline:none}.op-an-po-link{border-bottom:1px solid #0000;color:var(--ep-primary);font-weight:650;text-decoration:none}.op-an-po-link:hover{border-bottom-color:var(--ep-primary)}.op-an-report tbody tr:nth-child(2n) td{background:#f8fbf9}.op-an-report tbody tr:hover td{background:#f3faf6}.op-an-table thead th[data-sort]{cursor:pointer}.op-an-people-wrap{margin-top:4px;max-height:180px}.op-an-people{min-width:0}.op-an-row-on td{background:#e7f3ec!important}.op-an-chart-compact{padding:8px 10px}.op-an-chart-compact h3{margin:0 0 6px}.op-an-weekbars-compact{min-height:88px}.op-an-chart-compact .op-an-weekbar-col{height:52px}.op-an-limit{background:#fff8e1;border:1px solid #c9a227;border-radius:6px;color:#5c4a12;font-size:12.5px;padding:8px 12px}.op-an-limit strong{display:block;font-size:11px;letter-spacing:.06em;margin-bottom:2px}.op-an-limit p{margin:0}.op-an-report-card dl{grid-template-columns:1fr 1fr}.op-an-table-wrap{max-height:min(52vh,560px)}.op-an-table{min-width:0;table-layout:auto}.op-an-head-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.op-an-kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:4px;min-width:0;padding:10px 12px}.op-an-kpi span{color:var(--soft);font:10px IBM Plex Mono;letter-spacing:.1em;text-transform:uppercase}.op-an-kpi strong{font-feature-settings:"tnum";color:var(--ep-dark);font:650 20px/1.15 IBM Plex Mono;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.op-an-kpi em{color:var(--soft);font-size:11px;font-style:normal;line-height:1.3}.op-an-table thead th{font-size:10px;padding:7px 8px}.op-an-table tbody td{font-size:12.5px;padding:7px 8px}.op-an-note{margin:4px 0 0}.op-an-prog{background:#e6efe9;border-radius:99px;height:4px;min-width:64px;overflow:hidden}.op-an-prog i{background:var(--ep-primary);border-radius:99px;display:block;height:100%}.op-an-prog-a i{background:#9bb8a8}.op-an-prog-b i{background:var(--ep-primary)}.op-an-charts{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.op-an-chart{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;padding:12px}.op-an-chart h3{color:var(--soft);font-size:12px;font-weight:650;letter-spacing:.04em;margin:0 0 10px;text-transform:uppercase}.op-an-chart-row{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;min-width:0}.op-an-chart-row>span{color:var(--ep-dark);font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-an-dual{display:flex;flex-direction:column;gap:3px}.op-an-dual-row{grid-gap:6px;align-items:center;color:var(--soft);display:grid;font-size:11px;gap:6px;grid-template-columns:72px 52px 1fr}.op-an-dual-row b{color:var(--ink);font:500 11px IBM Plex Mono;text-align:right}.op-an-ot-meta{align-items:baseline;color:var(--soft);display:flex;flex-wrap:wrap;font-size:11px;gap:10px}.op-an-ot-meta strong{color:var(--ep-dark);font:650 12px IBM Plex Mono}.op-an-stack{background:#e6efe9;border-radius:99px;display:flex;height:6px;overflow:hidden}.op-an-stack i.ot{background:var(--ep-primary)}.op-an-stack i.lt{background:#c45c4a}.op-an-stack i.empty{background:#e6efe9;flex:1 1}.op-an-cards{display:none;gap:8px;grid-template-columns:1fr}.op-an-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;padding:12px}.op-an-card header{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.op-an-card dl{grid-gap:8px 12px;display:grid;gap:8px 12px;grid-template-columns:1fr 1fr;margin:8px 0 0}.op-an-card dt{color:var(--soft);font:10px IBM Plex Mono;letter-spacing:.08em;text-transform:uppercase}.op-an-card dd{color:var(--ep-dark);font:650 14px IBM Plex Mono;margin:0}.op-an-mobile{display:none}.op-an-click{cursor:pointer}.op-an-click:hover{background:#f3f7f4}.op-an-weekbars{align-items:flex-end;display:flex;gap:8px;min-height:160px;overflow-x:auto;padding:4px 0 8px}.op-an-weekbar{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:52px}.op-an-weekbar-col{align-items:flex-end;background:#e6efe9;border-radius:4px 4px 0 0;display:flex;height:110px;overflow:hidden;width:100%}.op-an-weekbar-col i{background:var(--ep-primary);display:block;min-height:0;width:100%}.op-an-weekbar span{color:var(--soft);font:10px IBM Plex Mono;line-height:1.2;text-align:center;white-space:pre-line}.op-an-weekbar b{color:var(--ep-dark);font:650 11px IBM Plex Mono}.op-an-weekbar em{color:var(--ep-primary);font-size:10px;font-style:normal}.op-an-weekbar em.neg{color:#c45c4a}.op-an-rank-filter{margin:0 0 8px}.op-an-drill{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-top:8px;min-width:0;overflow-x:auto;padding:12px}.op-an-drill h3{font-size:13px;margin:0 0 8px}.op-an-po-block{margin-bottom:14px}.op-an-po-block h3{font-size:13px;margin:0 0 4px}.op-an-modal .op-an-detail{max-width:min(1080px,100%);width:100%}.op-an-detail-body{display:flex;flex-direction:column;gap:10px;min-width:0;padding:14px 18px 22px}.op-an-detail-filters{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.op-an-pager{align-items:center;display:flex;gap:10px;justify-content:flex-end}[data-testid=op-an-rank-table] .op-an-table{min-width:0}@media (max-width:1100px){.op-an-filter-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.op-an-field,.op-an-field-date,.op-an-field-item,.op-an-field-operator,.op-an-field-outlet,.op-an-field-period,.op-an-field-po{flex:none}.op-an-field-search{grid-column:span 2;min-width:0}.op-an-kpi-row{grid-template-columns:repeat(3,minmax(0,1fr))}.op-an-kpi-row-4,.op-an-kpi-row-5,.op-an-kpi-row-6{grid-template-columns:repeat(2,minmax(0,1fr))}.op-an-charts{grid-template-columns:1fr}}@media (max-width:700px){.op-an-filter-bar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.op-an-field-item,.op-an-field-outlet,.op-an-field-search{grid-column:1/-1}.prod-section-tabs{width:100%}.prod-section-tabs button{flex:1 1;font-size:11px;padding:8px 10px}.op-an-subnav{flex-wrap:wrap;width:100%}.op-an-subnav button{flex:1 1 auto;min-width:calc(33.33% - 1px)}.op-an-kpi-row,.op-an-kpi-row-4,.op-an-kpi-row-5,.op-an-kpi-row-6{grid-template-columns:1fr 1fr}.op-an-kpi strong{font-size:16px}.op-an-desktop{display:none}.op-an-cards,.op-an-mobile{display:grid}}@media (max-width:1100px){.prod-filters select{flex:1 1 160px;max-width:none}.prod-filters .search-inline{flex:1 1 220px;max-width:none}}@media (max-width:700px){.content:has(.prod-page){padding:14px 10px 88px}.prod-toolbar .search-inline{flex:1 1 100%;max-width:none}.prod-th-inner{gap:2px}.nav-access{padding:12px 10px 8px}.prod-filters select,.prod-inline-date{flex-basis:calc(50% - 6px);flex-grow:1;flex-shrink:1;max-width:none}.prod-inline-date{flex-wrap:wrap}.prod-inline-date input[type=date]{flex:1 1 100%;max-width:none}.prod-filter-group{flex:1 1 100%}.prod-heading{flex-wrap:wrap}.prod-mode{width:100%}.prod-mode button{flex:1 1;justify-content:center}}.prod-table-wrap{-webkit-overflow-scrolling:touch;background:var(--surface);border:1px solid var(--line);border-radius:6px;margin-top:0;max-height:calc(100vh - 148px);overflow:auto;width:100%}.prod-table{border-collapse:initial;border-spacing:0;font-size:13px;min-width:2480px;table-layout:fixed;width:100%}.prod-page .prod-table,.prod-table.op-an-table{max-width:none;min-width:0;table-layout:auto;width:-webkit-max-content;width:max-content}.prod-page .prod-table tbody td.col-fit,.prod-page .prod-table thead th.col-fit,.prod-table.op-an-table tbody td.col-fit,.prod-table.op-an-table thead th.col-fit{max-width:none;white-space:nowrap;width:1%}.prod-page .prod-table thead th.col-text,.prod-table.op-an-table thead th.col-text{white-space:nowrap;width:auto}.prod-page .prod-table tbody td.col-text,.prod-table.op-an-table tbody td.col-text{line-height:1.3;max-width:16.5rem;min-width:7.25rem;overflow-wrap:anywhere;white-space:normal;width:auto;word-break:break-word}.prod-table thead th{background:var(--ep-dark);border-bottom:1px solid #0b2d22;box-sizing:border-box;color:#fff;font:10.5px IBM Plex Mono;letter-spacing:.07em;padding:8px 10px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:3}.prod-table thead th.num{text-align:right}.prod-table tbody td{background:var(--surface);border-bottom:1px solid var(--line);box-sizing:border-box;line-height:1.35;overflow-wrap:break-word;padding:8px 10px;vertical-align:top;word-break:normal}.prod-table tbody td.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.prod-table tbody td.mono,.prod-table tbody td.num{font-family:IBM Plex Mono,monospace;white-space:nowrap}.prod-table tbody td.small{font-size:12px}.prod-table tbody td.nowrap{white-space:nowrap}.prod-table tbody td.prod-cell-wrap{overflow-wrap:break-word;white-space:normal;word-break:break-word}.prod-table tbody td.prod-cell-stack{white-space:normal}.prod-table tbody tr:hover td{background:#f3faf6}.prod-table tbody tr.hold td{background:#fff8e1}.prod-table tbody tr.cancelled td{background:#faece9;opacity:.72;text-decoration:line-through}.prod-table tbody tr.cancelled td .pill{text-decoration:none}.prod-table tbody td.prod-cell-today,.prod-table tbody tr.hold td.prod-cell-today,.prod-table tbody tr:hover td.prod-cell-today{background-color:#fef08a!important;color:#713f12!important}.prod-ops{max-width:16.5rem;min-width:7.25rem}.prod-ops,.prod-qty-cell{vertical-align:top}.prod-line-qty-block{font-feature-settings:"tnum";align-items:flex-end;display:flex;flex-direction:column;font-variant-numeric:tabular-nums;gap:1px;justify-content:center}.prod-line-qty-name{color:var(--soft);display:block;font-size:10px;font-weight:500;line-height:1.2;max-width:9.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prod-line-qty-value{display:block;font-weight:650}.prod-line-ops-block{display:flex;flex-direction:column;gap:2px;justify-content:center}.prod-op-line{align-items:baseline;display:flex;flex-direction:row;gap:8px;justify-content:space-between;line-height:1.35;margin-bottom:8px}.prod-op-line:last-child{margin-bottom:0}.prod-op-name{display:block;font-weight:600;overflow-wrap:break-word;word-break:break-word}.prod-date-line{display:block;padding:1px 0;white-space:nowrap}.prod-helper-warn{color:#a53f2b;font-weight:600}.pill-ok{background:#ecfdf5;color:#047857}.pill-warn{background:#fffbeb;color:#b45309}.pill-muted{background:var(--muted);color:var(--soft)}.pill.xs{border-radius:4px;border-radius:var(--radius-sm,4px);font-size:10px;letter-spacing:.02em;padding:2px 6px}.pill-hold{background:#fffbeb;color:#b45309}.pill-cancel{background:#fef2f2;color:#b91c1c}.pill-bypass{background:#e0d4f4;color:#4c3d84;margin-left:4px}.prod-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:12px}.prod-card{background:var(--surface);border:1px solid var(--line);color:var(--ink);display:flex;flex-direction:column;gap:6px;padding:14px 16px;text-decoration:none;transition:box-shadow .15s,border-color .15s}.prod-card:hover{border-color:var(--blue);box-shadow:0 4px 14px #17212614}.prod-card header{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.prod-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.drawer{animation:drawerFade .12s ease-out;background:#17212647;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:80}@keyframes drawerFade{0%{opacity:0}to{opacity:1}}.drawer-panel{animation:drawerSlide .18s ease-out;background:var(--surface);border-left:1px solid var(--line);border-radius:8px 0 0 8px;box-shadow:-6px 0 20px #1721261a;display:flex;flex-direction:column;height:100%;overflow-y:auto;width:min(520px,100%)}@keyframes drawerSlide{0%{transform:translateX(24px)}to{transform:translateX(0)}}.drawer-head{align-items:flex-start;background:#fafaf7;border-bottom:1px solid var(--line);display:flex;gap:12px;justify-content:space-between;padding:16px 18px}.drawer-head h3{color:var(--ink);font-size:18px;letter-spacing:-.01em;margin:2px 0 4px}.drawer-body{gap:14px;padding:16px 18px}.drawer-block,.drawer-body{display:flex;flex-direction:column}.drawer-block{gap:8px}.drawer-block h4{font-size:13px;font:600 13px IBM Plex Mono;letter-spacing:.06em;margin:0}.drawer-block h4,.drawer-sub{color:var(--soft);text-transform:uppercase}.drawer-sub{font-size:12px;letter-spacing:.05em;margin:8px 0 0}.kv-grid{grid-gap:8px 20px;display:grid;gap:8px 20px;grid-template-columns:1fr 1fr;margin:0;padding:0}.kv{display:flex;flex-direction:column;gap:2px}.kv dt{color:var(--soft);font:11px IBM Plex Mono;letter-spacing:.1em;margin:0;text-transform:uppercase}.kv dd{color:var(--ink);font-size:13.5px;margin:0}.drawer-files{display:flex;flex-direction:column;font-size:12.5px;gap:4px;list-style:none;margin:0;padding:0}.drawer-files li{background:#fafaf7;border:1px solid var(--line);padding:6px 10px}.drawer-table{border-collapse:collapse;font-size:12.5px;margin-top:4px;width:100%}.drawer-table td,.drawer-table th{border:1px solid var(--line);padding:6px 8px;text-align:left}.drawer-table th{background:#fafaf7;color:var(--soft);font:11px IBM Plex Mono;letter-spacing:.08em;text-transform:uppercase}.drawer-table td.num{font-family:IBM Plex Mono,monospace;text-align:right}.drawer-timeline{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.drawer-timeline li{background:#fafaf7;border-left:2px solid var(--blue);display:flex;flex-wrap:wrap;font-size:12.5px;gap:6px 10px;padding:6px 10px}.drawer-actions{border-top:1px dashed var(--line);display:flex;flex-wrap:wrap;gap:8px;padding-top:8px}.payment-panel .panel-head{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:12px;justify-content:space-between;padding:14px 18px}.payment-panel .panel-head h3{font-size:15px;margin:0}.payment-body{display:flex;flex-direction:column;gap:12px;padding:14px 18px}.payment-files{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));list-style:none;margin:0;padding:0}.payment-file{background:#fafaf7;flex-direction:column;gap:6px;padding:8px}.payment-file,.payment-file-thumb{border:1px solid var(--line);display:flex}.payment-file-thumb{align-items:center;background:#fff;height:120px;justify-content:center;overflow:hidden;width:100%}.payment-file-thumb img{max-height:120px;max-width:100%;object-fit:contain}.pdf-thumb{align-items:center;color:#a53f2b;font:11px IBM Plex Mono;gap:4px;text-decoration:none}.payment-file-meta,.pdf-thumb{display:flex;flex-direction:column}.payment-file-meta{gap:2px}.payment-approved-info{align-items:center;background:#dceadb;border:1px solid #b7d3b7;color:#3a6a3d;display:flex;font-size:13px;gap:6px;padding:8px 12px}.payment-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;padding-top:2px}.btn-file{align-items:center;cursor:pointer;display:inline-flex;gap:6px}.btn-file.disabled{cursor:wait;opacity:.6}.payment-history{color:var(--soft);font-size:12.5px;margin-top:6px}.payment-history ul{display:flex;flex-direction:column;gap:4px;list-style:none;margin:6px 0 0;padding:0}.payment-history li{background:#fafaf7;border-left:2px solid var(--blue);padding:4px 8px}@media (max-width:640px){.payment-file-thumb{height:180px}.payment-actions .btn-file,.payment-actions .primary{justify-content:center;width:100%}}.recent-so-table-wrap{background:var(--surface);border:1px solid var(--line);overflow-x:auto}.recent-so-table{border-collapse:collapse;font-size:13px;min-width:720px;width:100%}.recent-so-table thead th{background:#17313e;color:#fff;font:11px IBM Plex Mono;letter-spacing:.08em;padding:9px 12px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0}.recent-so-table thead th.num{text-align:right}.recent-so-table tbody td{border-bottom:1px solid var(--line);padding:9px 12px;vertical-align:middle}.recent-so-table tbody td.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.recent-so-table tbody td.mono,.recent-so-table tbody td.num{font-family:IBM Plex Mono,monospace}.recent-so-table tbody td.small{font-size:12px}.recent-so-table tr.clickable-row{cursor:pointer;transition:background .1s}.recent-so-table tr.clickable-row:hover td{background:#faf8f2}[data-testid=recent-so-panel] select{background:var(--surface);border:1px solid var(--line);color:var(--ink);font-family:inherit;font-size:12.5px;padding:5px 8px}.public-approval-shell{align-items:flex-start;background:#efeadd;display:flex;justify-content:center;min-height:100vh;padding:16px}.public-approval-card{background:#fdfaf3;border:1px solid #d9d2bd;border-radius:14px;box-shadow:0 6px 22px #3c2a110f;margin-top:16px;max-width:640px;padding:22px;width:100%}.public-approval-card .brand{align-items:center;display:flex;gap:12px;margin-bottom:12px}.public-approval-card .brand-mark{background:#1a1a1a;border-radius:6px;color:#fdfaf3;font-size:13px;font-weight:700;letter-spacing:.5px;padding:6px 8px}.public-approval-card .brand-name{font-size:14px;font-weight:600}.public-approval-card .brand-sub{color:#7a7057;font-size:11.5px;letter-spacing:.3px;text-transform:uppercase}.public-approval-card h1{font-size:24px;margin:6px 0 8px}.public-approval-card .po-summary{grid-gap:6px;display:grid;font-size:13.5px;gap:6px;grid-template-columns:1fr;margin:14px 0}.public-approval-card .po-summary>div{background:#fff;border:1px solid #e6dfc7;border-radius:8px;display:flex;gap:12px;justify-content:space-between;padding:8px 10px}.public-approval-card .po-summary .lbl{color:#7a6f52;font-size:12.5px;letter-spacing:.3px;text-transform:uppercase}.public-approval-card .design-preview,.public-approval-card .items-preview{margin:14px 0}.public-approval-card .items-head{color:#7a6f52;font-size:12.5px;letter-spacing:.3px;margin-bottom:6px;text-transform:uppercase}.public-approval-card .items-preview ul{background:#fff;border:1px solid #e6dfc7;border-radius:8px;list-style:none;margin:0;overflow:hidden;padding:0}.public-approval-card .items-preview li{border-top:1px solid #f0e9d0;display:flex;font-size:13px;justify-content:space-between;padding:8px 10px}.public-approval-card .items-preview li:first-child{border-top:none}.public-approval-card .design-pdf-object{background:#fff;border:1px solid #e6dfc7;border-radius:8px;height:480px;width:100%}.public-approval-card .design-pdf-frame{border:none;border-radius:8px;height:100%;width:100%}.public-approval-card .design-pdf-fallback{align-items:flex-start;background:#fff;border:1px solid #e6dfc7;border-radius:8px;display:flex;gap:10px;padding:12px}.public-approval-card .design-pdf-fallback .pdf-icon{align-items:center;background:#f4efe0;border-radius:8px;color:#7a6f52;display:flex;flex:0 0 auto;height:36px;justify-content:center;width:36px}.public-approval-card .design-pdf-fallback .pdf-meta{min-width:0}.public-approval-card .design-pdf-fallback .pdf-name{font-size:13px;font-weight:600;word-break:break-word}.public-approval-card .design-pdf-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.public-approval-card .design-pdf-actions .ghost{align-items:center;background:#fff;border:1px solid #d9d2bd;border-radius:8px;color:#2c281e;display:inline-flex;font-size:12.5px;font-weight:500;gap:6px;padding:6px 12px;text-decoration:none;transition:all .15s ease}.public-approval-card .design-pdf-actions .ghost:hover{background:#f4efe0;border-color:#b8ac8c;color:#111}.public-approval-card .design-pdf-loading{align-items:center;background:#fff;border:1px solid #e6dfc7;border-radius:8px;color:#7a6f52;display:flex;font-size:13px;gap:8px;height:120px;justify-content:center}.public-approval-card a.design-pdf-open{display:inline-flex}.public-approval-card .status-chip{align-items:center;border-radius:20px;display:inline-flex;font-size:12.5px;gap:6px;margin-bottom:6px;padding:6px 10px}.public-approval-card .status-active{background:#fef4d6;color:#a16d1f}.public-approval-card .status-approved{background:#e5f5e5;color:#2b7a2b}.public-approval-card .status-rejected{background:#fce6e6;color:#a12b2b}.public-approval-card .status-expired,.public-approval-card .status-invalidated,.public-approval-card .status-revoked{background:#efe6d3;color:#7a6f52}.public-approval-card .alert{align-items:flex-start;border-radius:8px;display:flex;font-size:13px;gap:10px;margin:12px 0;padding:10px 12px}.public-approval-card .alert.warn{background:#fef4d6;border:1px solid #efd9a1;color:#7a5a1e}.public-approval-card .alert.ok{background:#e5f5e5;border:1px solid #b7dcb7;color:#255e25}.public-approval-card .alert.err{background:#fce6e6;border:1px solid #efb9b9;color:#8f1f1f}.public-approval-card .approval-form{display:flex;flex-direction:column;gap:12px;margin-top:14px}.public-approval-card .pfld{display:flex;flex-direction:column;font-size:13px;gap:6px}.public-approval-card .pfld>span{color:#5a5138;font-size:12.5px;letter-spacing:.3px;text-transform:uppercase}.public-approval-card .pfld .req{color:#a12b2b}.public-approval-card .pfld input,.public-approval-card .pfld textarea{background:#fff;border:1px solid #d9d2bd;border-radius:8px;font-family:inherit;font-size:14px;padding:9px 11px}.public-approval-card .approval-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.public-approval-card button.big{align-items:center;border-radius:10px;display:inline-flex;font-size:14px;gap:8px;padding:12px 16px}.public-approval-card .foot{margin-top:18px}@media (min-width:520px){.public-approval-card .po-summary{grid-template-columns:1fr 1fr}}.tracking-page{--track-green:var(--ep-dark);--track-green-deep:#0a2e22;--track-green-mid:var(--ep-primary);--track-soft:#ecfdf3;--track-border:#d1e7dd;align-items:stretch;background:#f3f6f4;color:var(--ink);min-height:100vh;min-height:100dvh;padding-bottom:env(safe-area-inset-bottom,0);padding-top:env(safe-area-inset-top,0)}.tracking-hero,.tracking-page{box-sizing:border-box;display:flex;flex-direction:column;max-width:100%;min-width:0;width:100%}.tracking-hero{align-items:flex-start;align-self:stretch;background:var(--track-green);color:#fff;flex-wrap:wrap;gap:6px;height:auto;min-height:80px;padding:12px 14px 14px}.tracking-hero .brand-mark{flex:0 1 auto;min-width:0}.tracking-hero .brand-mark.is-compact .brand-logo-symbol{border-radius:6px;height:32px;width:32px}.tracking-hero .brand-copy strong{color:#fff;font-size:14px;overflow-wrap:anywhere}.tracking-hero-copy{flex:1 1 auto;max-width:100%;min-width:0;width:100%}.tracking-hero-copy h1{color:#fff;font-size:17px;font-weight:800;letter-spacing:-.02em;margin:0;overflow-wrap:anywhere}.tracking-hero-copy p{color:#d8ede4;font-size:11px;margin:2px 0 0;overflow-wrap:anywhere}.tracking-shell{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column;gap:10px;margin-inline:auto;max-width:600px;min-width:0;padding:10px 12px 12px;width:100%}.tracking-action,.tracking-card{box-sizing:border-box;max-width:100%;min-width:0;width:100%}.tracking-card{background:var(--surface);border:1px solid var(--track-border);border-radius:12px;box-shadow:0 1px 2px #0f3d2e0d;padding:12px 14px}.tracking-page img{height:auto;max-width:100%}.tracking-summary-top{align-items:flex-start;display:flex;flex-wrap:wrap;gap:6px;justify-content:space-between;min-width:0}.tracking-status-pill{background:var(--track-soft);border:1px solid var(--track-border);border-radius:999px;color:var(--track-green);flex:0 1 auto;font:600 11px/1.3 IBM Plex Sans,sans-serif;max-width:100%;min-width:0;overflow-wrap:anywhere;padding:4px 8px;text-align:center}.tracking-po{display:flex;flex-direction:column;gap:2px;min-width:0}.tracking-dl dt,.tracking-fact-row .lbl,.tracking-po .lbl,.tracking-signature-preview .lbl{color:var(--soft);font:10.5px IBM Plex Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.tracking-po strong{color:var(--ink);font-size:18px;letter-spacing:-.02em;word-break:break-word}.tracking-po-row{align-items:center;display:flex;gap:6px;min-width:0}.tracking-po-row strong{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}.tracking-copy{background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--track-green);display:grid;flex:0 0 auto;height:28px;place-items:center;width:28px}.tracking-copy svg{height:14px;width:14px}.tracking-facts{grid-gap:6px 10px;border-top:1px solid var(--line);display:grid;gap:6px 10px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:8px;padding-top:8px}.tracking-fact-row{display:flex;flex-direction:column;gap:1px;min-width:0}.tracking-fact-row strong{font-size:13px;overflow-wrap:anywhere}.tracking-fact-meta{color:var(--soft);font-size:12px}.tracking-action{background:var(--track-soft);border:1px solid var(--track-border);border-radius:10px;padding:8px 10px}.tracking-action.is-danger,.tracking-action.is-done{align-items:center;display:flex;gap:8px;justify-content:space-between}.tracking-action.is-done{background:#fff}.tracking-action.is-danger{background:#fef2f2;border-color:#fecaca}.tracking-action-badge{background:var(--track-green);border-radius:4px;box-sizing:border-box;color:#fff;display:inline-block;font:700 10px/1.2 IBM Plex Sans,sans-serif;letter-spacing:.08em;max-width:100%;padding:3px 6px;text-transform:uppercase;white-space:normal}.tracking-action-body{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:36px minmax(0,1fr) auto;margin:6px 0 0;min-width:0}.tracking-action-body>div{min-width:0}.tracking-action h2,.tracking-card h2,.tracking-help h2{font-size:14px;font-weight:700;margin:0}.tracking-action p,.tracking-help p{color:var(--soft);font-size:12px;margin:2px 0 0}.tracking-action-thumb{background:#fff;border:1px solid var(--track-border);border-radius:6px;color:var(--track-green);display:grid;flex:0 0 auto;height:40px;overflow:hidden;place-items:center;width:36px}.tracking-action-thumb img{height:100%;object-fit:cover;width:100%}.tracking-action-thumb svg{height:18px;width:18px}.tracking-cta{align-items:center;background:var(--track-green);border:0;border-radius:8px;box-sizing:border-box;color:#fff;display:inline-flex;font-size:12px;font-weight:700;justify-content:center;max-width:100%;min-height:36px;padding:0 10px;text-decoration:none;white-space:nowrap;width:auto}.tracking-cta.is-ghost{background:#fff;border:1px solid var(--track-border);color:var(--track-green)}.tracking-detail h2,.tracking-docs h2,.tracking-proofs h2,.tracking-workflow h2{color:var(--ink);font-size:13px;font-weight:700;margin:0}.tracking-map-head{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px;min-width:0}.tracking-link-btn{background:#0000;border:0;color:var(--track-green);cursor:pointer;font:700 12px/1.2 IBM Plex Sans,sans-serif;padding:0}.tracking-rail{aspect-ratio:1000/360;margin:4px 0 2px;max-width:100%;min-width:0;overflow:visible;position:relative;width:100%}.tracking-rail-svg{height:100%;inset:0;overflow:visible;position:absolute;width:100%;z-index:0}.rail-seg{fill:none;stroke:#d1d5db;stroke-width:7;stroke-linecap:round;stroke-linejoin:round}.rail-seg.is-done{stroke:var(--green)}.rail-seg.is-run{stroke:var(--amber)}.rail-seg.is-danger{stroke:#b42318}.rail-seg.is-wait{stroke:#d1d5db}.tracking-rail-nodes{inset:0;list-style:none;margin:0;padding:0;position:absolute;z-index:1}.tracking-rail-node{align-items:center;display:flex;flex-direction:column;gap:3px;max-width:72px;min-width:0;pointer-events:none;position:absolute;text-align:center;transform:translate(-50%,-50%);width:20%}.tracking-map-dot{background:#e5e7eb;border:2px solid #d1d5db;border-radius:50%;box-shadow:0 0 0 3px #f3f6f4;color:#fff;display:grid;flex:0 0 auto;height:16px;place-items:center;width:16px;z-index:2}.tracking-map-node.is-completed .tracking-map-dot,.tracking-map-node.is-done .tracking-map-dot{background:var(--green);border-color:var(--green)}.tracking-map-node.is-in_progress .tracking-map-dot,.tracking-map-node.is-run .tracking-map-dot{background:#fff;border-color:var(--amber);box-shadow:0 0 0 3px #fef3c7}.tracking-map-node.is-danger .tracking-map-dot,.tracking-map-node.is-problem .tracking-map-dot,.tracking-map-node.is-rejected .tracking-map-dot{background:#b42318;border-color:#b42318}.tracking-map-node em{color:var(--ink);font-size:10.5px;font-style:normal;line-height:1.2;overflow-wrap:anywhere}.tracking-doc-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:8px}.tracking-doc-tile{align-items:flex-start;background:#fff;border:1px solid var(--track-border);border-radius:8px;box-sizing:border-box;color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:2px;height:100%;min-width:0;padding:8px 9px;text-align:left;text-decoration:none}.tracking-doc-tile strong{font-size:13px;overflow-wrap:anywhere}.tracking-doc-action{color:var(--track-green);font:700 11px/1.2 IBM Plex Sans,sans-serif}.tracking-doc-tile.is-off{cursor:not-allowed;opacity:.55}.tracking-doc-tile.is-off .tracking-doc-action{color:var(--soft)}.tracking-utils{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,minmax(0,1fr))}.tracking-utils button{background:#fff;border:1px solid var(--track-border);border-radius:8px;color:var(--track-green);font:650 12px/1.2 IBM Plex Sans,sans-serif;min-height:40px;padding:6px 4px}.tracking-sheet-root{align-items:flex-end;background:#0f3d2e61;display:flex;inset:0;justify-content:center;padding:0;position:fixed;z-index:70}.tracking-sheet{background:#fff;border-radius:14px 14px 0 0;display:flex;flex-direction:column;max-height:min(86dvh,720px);min-width:0;overflow:hidden;width:min(560px,100%)}.tracking-sheet-head{align-items:center;background:#fff;border-bottom:1px solid var(--line);display:flex;flex:0 0 auto;gap:8px;justify-content:space-between;padding:10px 12px}.tracking-sheet-head h2{font-size:15px;margin:0;min-width:0;overflow-wrap:anywhere}.tracking-sheet-head.is-pdf{display:grid;grid-template-columns:auto minmax(0,1fr) auto}.tracking-sheet-head.is-pdf h2{font-size:14px;text-align:center}.tracking-sheet-body{-webkit-overflow-scrolling:touch;flex:1 1 auto;min-height:0;overflow-y:auto;padding:10px 12px 18px}.tracking-sheet-body.is-pdf{display:flex;flex-direction:column;overflow:hidden}.tracking-pdf{display:flex;flex:1 1 auto;flex-direction:column;gap:8px;min-height:0;min-width:0}.tracking-pdf-tools{align-items:center;display:flex;flex:0 0 auto;flex-wrap:wrap;gap:6px}.tracking-pdf-tools button{background:#fff;border:1px solid var(--track-border);border-radius:8px;color:var(--track-green);cursor:pointer;font:700 12px/1.2 IBM Plex Sans,sans-serif;min-height:32px;padding:0 8px}.tracking-pdf-tools button:disabled{cursor:not-allowed;opacity:.45}.tracking-pdf-page{color:var(--ink);font:700 12px/1 IBM Plex Mono,monospace;min-width:3.2rem;text-align:center}.tracking-pdf-stage{-webkit-overflow-scrolling:touch;background:#eef6f3;border:1px solid var(--track-border);border-radius:8px;flex:1 1 auto;min-height:180px;overflow:auto;padding:8px}.tracking-pdf-stage canvas{background:#fff;display:block;margin:0 auto;max-width:none}.tracking-pdf-state{color:var(--soft);font-size:13px;margin:0}.tracking-pdf-state.is-error{color:#9a3412}.tracking-pdf-state .tracking-inv-btn{margin-top:8px}.inapp-doc-overlay{align-items:stretch;background:#172126c7;box-sizing:border-box;display:flex;inset:0;justify-content:center;padding:12px;position:fixed;z-index:90}.inapp-doc{border-radius:12px;flex-direction:column;height:100%;max-height:100%;min-width:0;overflow:hidden;width:min(960px,100%)}.inapp-doc,.inapp-doc-head{background:#fff;display:flex}.inapp-doc-head{align-items:center;border-bottom:1px solid #d7e3df;flex:0 0 auto;flex-wrap:wrap;gap:6px;justify-content:space-between;padding:8px 10px;z-index:1}.inapp-doc-head-actions{display:flex;flex-wrap:wrap;gap:6px}.inapp-doc-head strong{min-width:0}.inapp-doc-head button{align-items:center;background:#fff;border:1px solid #c5d5cf;border-radius:8px;cursor:pointer;display:inline-flex;gap:6px;justify-content:center;min-height:36px;padding:0 10px}.inapp-doc-head button svg{flex:0 0 auto}.inapp-doc-head button:disabled{cursor:not-allowed;opacity:.45}.inapp-doc-stage{-webkit-overflow-scrolling:touch;background:#eef6f3;flex:1 1 auto;min-height:0;overflow:auto;overflow-x:hidden;overscroll-behavior:contain;padding:8px}.inapp-doc-pages{align-items:center;display:flex;flex-direction:column;gap:10px;min-width:0;padding-bottom:8px;width:100%}.inapp-doc-sheet{background:#fff;border:1px solid #cad6dc;border-radius:6px;display:flex;justify-content:center;max-width:min(920px,100%);overflow:hidden;position:relative}.inapp-doc-stage canvas,.inapp-doc-stage img{background:#fff;display:block;height:auto;margin:0 auto;max-width:min(920px,100%)}.inapp-doc-sheet>span{background:#0b1f2ab8;border-radius:10px;bottom:6px;color:#fff;font-size:11px;line-height:1.4;min-width:24px;padding:2px 6px;position:absolute;right:6px}@media (max-width:768px){.inapp-doc-overlay{padding:0}.inapp-doc{border-radius:0;width:100%}}.tracking-timeline{list-style:none;margin:0;padding:0}.tracking-tl-row{grid-gap:10px;border-radius:8px;box-sizing:border-box;display:grid;gap:10px;grid-template-columns:16px minmax(0,1fr);min-width:0;padding:8px;position:relative}.tracking-tl-row+.tracking-tl-row{margin-top:2px}.tracking-tl-row+.tracking-tl-row:before{background:var(--line);content:"";height:8px;left:15px;position:absolute;top:-6px;width:2px}.tracking-tl-node{background:#f3f4f6;border:2px solid #d1d5db;border-radius:50%;height:16px;margin-top:2px;width:16px}.tracking-tl-row.is-completed .tracking-tl-node{background:var(--green);border-color:var(--green)}.tracking-tl-row.is-in_progress{background:#fffbeb;border:1px solid #fde68a}.tracking-tl-row.is-in_progress .tracking-tl-node{background:var(--amber);border-color:var(--amber)}.tracking-tl-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.tracking-tl-copy strong{font-size:14px}.tracking-tl-copy em{color:var(--soft);font-size:12px;font-style:normal}.tracking-badge{border:1px solid var(--line);border-radius:4px;box-sizing:border-box;display:inline-block;font:10.5px IBM Plex Mono,monospace;letter-spacing:.06em;max-width:100%;overflow-wrap:anywhere;padding:2px 7px;text-transform:uppercase;white-space:normal;width:-webkit-fit-content;width:fit-content}.tracking-badge.is-done{background:#f3faf6;border-color:#8aaa96;color:var(--green)}.tracking-badge.is-run{background:#fef4d6;border-color:#efd9a1;color:#a16d1f}.tracking-badge.is-wait{background:#fafafa;color:var(--soft)}.tracking-err{color:var(--soft);font-size:14px}.tracking-accordion{align-items:center;background:#0000;border:0;color:inherit;display:flex;gap:8px;justify-content:space-between;max-width:100%;min-width:0;padding:0;width:100%}.tracking-accordion h2{margin:0}.tracking-accordion span{color:var(--track-green);font-size:12px;font-weight:700}.tracking-dl{display:flex;flex-direction:column;gap:8px;margin:10px 0 0}.tracking-dl div{border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;min-width:0;padding-top:8px}.tracking-dl dd,.tracking-dl dt{min-width:0;overflow-wrap:anywhere}.tracking-dl dd{flex:1 1 8rem;font-size:13px;font-weight:650;margin:0;text-align:right}.tracking-doc-group{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.tracking-doc-row{grid-gap:8px;align-items:center;border-top:1px solid var(--line);display:grid;gap:8px;grid-template-columns:28px minmax(0,1fr) auto;min-width:0;padding:8px 0}.tracking-doc-row:first-child{border-top:0;padding-top:0}.tracking-doc-row strong{display:block;font-size:13px;min-width:0;overflow-wrap:anywhere}.tracking-doc-ico{background:var(--track-soft);border-radius:6px;color:var(--track-green);display:grid;height:28px;place-items:center;width:28px}.tracking-doc-actions{display:flex;flex-shrink:0;flex-wrap:wrap;gap:6px;min-width:0}.tracking-help p{font-size:13px}.tracking-foot{color:var(--soft);font-size:11px;padding:4px 0 8px;text-align:center}.tracking-invoices{padding:10px 12px}.tracking-invoices h2{font-size:13px;font-weight:700;margin:0}.tracking-inv-head{align-items:center;display:flex;gap:8px;justify-content:space-between;min-width:0}.tracking-inv-list{display:flex;flex-direction:column;gap:8px;margin-top:8px;min-width:0}.tracking-inv-row{background:#fff;border:1px solid var(--track-border);border-radius:10px;box-sizing:border-box;max-width:100%;min-width:0;padding:8px 10px}.tracking-inv-top{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;min-width:0}.tracking-inv-top strong{font-size:13px;line-height:1.3;min-width:0;overflow-wrap:anywhere}.tracking-inv-status{border:1px solid #0000;border-radius:999px;flex:0 0 auto;font:700 11px/1.2 IBM Plex Sans,sans-serif;max-width:46%;padding:3px 8px;text-align:center}.tracking-inv-status.is-open{background:#fff7ed;border-color:#fdba74;color:#9a3412}.tracking-inv-status.is-partial{background:#f0fdfa;border-color:#99f6e4;color:#0f766e}.tracking-inv-status.is-paid{background:#ecfdf3;border-color:#6ee7b7;color:#065f46}.tracking-inv-status.is-void{background:#fef2f2;border-color:#fecaca;color:#7f1d1d}.tracking-inv-meta{color:var(--soft);display:flex;flex-wrap:wrap;font-size:12px;gap:2px 10px;margin:4px 0 0;min-width:0}.tracking-inv-meta span{overflow-wrap:anywhere}.tracking-inv-figures{grid-gap:6px 10px;display:grid;gap:6px 10px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:6px}.tracking-inv-figures span{color:var(--soft);display:block;font:10px IBM Plex Mono,monospace;letter-spacing:.05em;text-transform:uppercase}.tracking-inv-figures strong{display:block;font-size:13px;overflow-wrap:anywhere}.tracking-inv-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tracking-inv-btn{align-items:center;background:var(--track-green);border:0;border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font:700 12px/1.2 IBM Plex Sans,sans-serif;justify-content:center;max-width:100%;min-height:36px;padding:0 10px;text-decoration:none}.tracking-inv-btn.is-ghost{background:#fff;border:1px solid var(--track-border);color:var(--track-green)}.tracking-inv-detail{border-top:1px solid var(--line);margin-top:8px;min-width:0;padding-top:8px}.tracking-inv-detail p{font-size:12.5px;margin:0 0 6px}.tracking-inv-detail-status{color:var(--ink);font-weight:700}.tracking-inv-line{align-items:flex-start;border-top:1px solid var(--line);display:flex;gap:8px;justify-content:space-between;min-width:0;padding:6px 0}.tracking-inv-line:first-child{border-top:0;padding-top:0}.tracking-inv-line div{min-width:0}.tracking-inv-line span,.tracking-inv-line strong{display:block;overflow-wrap:anywhere}.tracking-inv-line span{color:var(--soft);font-size:12px}.tracking-inv-totals{display:flex;flex-direction:column;gap:4px;margin:6px 0 0}.tracking-inv-totals div{display:flex;gap:8px;justify-content:space-between;min-width:0}.tracking-inv-totals dt{color:var(--soft);font-size:12px}.tracking-inv-totals dd{font-size:12.5px;font-weight:700;margin:0;overflow-wrap:anywhere;text-align:right}.tracking-inv-empty,.tracking-inv-loading{color:var(--soft);font-size:13px;margin:8px 0 0}.tracking-inv-error{margin-top:8px}.tracking-inv-error p{color:#9a3412;font-size:13px;margin:0 0 8px}@media (max-width:420px){.tracking-inv-figures{grid-template-columns:minmax(0,1fr)}.tracking-inv-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.tracking-inv-btn{width:100%}}.tracking-customer-panel .tracking-customer-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;padding:0 0 12px}.tracking-proofs{margin-top:0}.tracking-proof-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}.tracking-proof-thumb{aspect-ratio:1;background:#fff;border:1px solid var(--line);border-radius:8px;cursor:pointer;overflow:hidden;padding:0}.tracking-proof-thumb img{display:block;height:100%;object-fit:cover;width:100%}.tracking-signature-preview{align-items:center;display:flex;flex-direction:column;gap:6px;margin-top:12px;text-align:center}.tracking-signature-preview .lbl{align-self:stretch;text-align:left}.tracking-signature-preview button{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;cursor:pointer;display:flex;height:148px;justify-content:center;padding:8px;width:148px}.tracking-signature-preview img{display:block;height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.driver-signature-block .signature-pad{max-width:100%;width:200px}.driver-signature-block .signature-pad>div:first-child{aspect-ratio:1/1;height:auto!important;width:100%!important}.tracking-lightbox{align-items:center;background:#14120cc7;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:80}.tracking-lightbox img{border-radius:8px;max-height:100%;max-width:100%;object-fit:contain}.gaji-op-filter{border:1px solid var(--line);border-radius:8px;max-height:160px;min-width:180px;overflow:auto;padding:8px 10px}.gaji-op-filter legend{color:var(--soft);font:11px IBM Plex Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.gaji-op-check{align-items:center;cursor:pointer;display:flex;font-size:13px;gap:6px;margin:3px 0}.gaji-op-ms{min-width:180px;position:relative}.gaji-op-ms-trigger{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;cursor:pointer;display:flex;font-size:13px;gap:8px;height:34px;justify-content:space-between;min-width:200px;padding:0 10px}.gaji-op-ms-panel{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:8px;left:0;padding:10px;position:absolute;top:calc(100% + 4px);width:280px;z-index:40}.gaji-op-ms-search{border:1px solid var(--line);border-radius:6px;font-size:13px;height:32px;padding:0 8px;width:100%}.gaji-op-check-all{border-bottom:1px solid var(--line);font-weight:600;margin-bottom:4px;padding-bottom:6px}.gaji-op-ms-list{max-height:180px;overflow:auto}.gaji-op-ms-actions{border-top:1px solid var(--line);display:flex;gap:8px;justify-content:space-between;padding-top:6px}.gaji-unset-warn{background:#fef4d6;border-radius:8px;color:#7a5414;font-size:13px;margin:0 0 8px;padding:8px 10px}.gaji-unset-tag{color:#a16d1f;font-size:11px}.gaji-detail-cell{color:#5c656d;font-size:12.5px}.gaji-elig-summary{background:#f6f7f8;border-radius:8px;font-size:13px;margin:0 0 8px;padding:8px 10px}.gaji-elig-summary ul{margin:6px 0 0;padding-left:18px}.gaji-status-legend{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}.gaji-simple{background:#f4f6f7;background:var(--paper,#f4f6f7);display:flex;flex-direction:column;gap:6px;min-height:0;min-width:0;padding:6px 12px 8px}.content.content-workspace:has(.gaji-simple)>.gaji-simple.ship-status-page{box-sizing:border-box;flex:1 1 auto;height:auto;min-height:0;overflow:hidden;padding:6px 12px 8px}.gaji-simple-filters,.gaji-simple-head,.gaji-simple-ops{flex-shrink:0;overflow:visible}.gaji-simple-head{align-items:center;display:flex;gap:10px;justify-content:space-between}.gaji-simple-head h1{color:#0f3d2e;color:var(--ep-dark,#0f3d2e);font-size:18px;letter-spacing:-.02em;line-height:1.2;margin:0}.gaji-simple-sub{color:#5c656d;color:var(--soft,#5c656d);font-size:12px;line-height:1.3;margin:1px 0 0}.gaji-simple-actions{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.gaji-simple-primary{font-size:14px;min-height:40px;padding:0 16px}.gaji-simple-filters{align-items:end;background:#fff;border:1px solid var(--line);border-radius:10px;display:flex;flex-wrap:wrap;gap:8px 10px;min-width:0;padding:6px 8px}.gaji-simple-ops,.gaji-simple-period{color:var(--soft);display:flex;flex-direction:column;font-size:11px;font-weight:600;gap:2px}.gaji-simple-period-head{align-items:baseline;display:flex;flex-wrap:wrap;gap:8px}.gaji-period-id{color:#0f3d2e;color:var(--ep-dark,#0f3d2e);display:block;font-size:12px;font-style:normal;font-weight:700;letter-spacing:0;line-height:1.3;text-transform:none}.gaji-simple-period-head .gaji-period-id{display:inline;font-size:12px}.gaji-simple-dates{align-items:center;display:flex;gap:6px}.gaji-simple-dates input{box-sizing:border-box;height:36px;min-height:36px;padding:0 8px}.gaji-simple-dash{color:var(--soft)}.gaji-simple .gaji-op-ms{min-width:160px}.gaji-simple .gaji-op-ms-trigger{height:36px;min-height:36px}.gaji-simple-filters>.ghost.sm{height:36px;min-height:36px}.gaji-simple-item{flex:1 1 220px;min-width:200px}.gaji-kpi{grid-gap:6px;display:grid;flex-shrink:0;gap:6px;grid-template-columns:repeat(4,minmax(0,1fr))}.gaji-kpi-card{background:#fff;border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column;gap:0;min-width:0;padding:6px 10px}.gaji-kpi-card span{color:var(--soft);font-size:11px;font-weight:600}.gaji-kpi-card strong{color:#0f3d2e;color:var(--ep-dark,#0f3d2e);font-size:16px;line-height:1.2;word-break:break-word}.gaji-kpi-card em{color:var(--soft);font-size:11px;font-style:normal}.gaji-kpi-wage{border-color:#cfe8d8}.gaji-kpi-wage strong{color:#176b4d}.gaji-kpi-bonus{border-color:#e3d7f5}.gaji-kpi-bonus strong{color:#6d28d9}.gaji-kpi-fix{background:#fff7f7;border-color:#f4cfcf}.gaji-kpi-fix strong{color:#b42318}.gaji-status-nav{border-bottom:1px solid var(--line);display:flex;flex-shrink:0;gap:0;overflow-x:auto}.gaji-status-nav button{background:#0000;border:0;border-bottom:2px solid #0000;color:var(--soft);cursor:pointer;font-size:13px;margin-bottom:-1px;padding:6px 12px;white-space:nowrap}.gaji-status-nav button.is-active{border-bottom-color:#176b4d;border-bottom-color:var(--ep-primary,#176b4d);color:#176b4d;color:var(--ep-primary,#176b4d);font-weight:700}.gaji-simple-table-wrap{background:#fff;border:1px solid var(--line);border-radius:10px;flex:1 1;min-height:0;overflow:auto}.gaji-simple-table{border-collapse:collapse;font-size:13px;width:100%}.gaji-simple-table thead th{background:#0f3d2e;background:var(--ep-dark,#0f3d2e);color:#fff;font-size:11px;letter-spacing:.04em;padding:6px 10px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:1}.gaji-simple-table td.num,.gaji-simple-table thead th.num{text-align:right}.gaji-simple-table tbody td{background:#fff;border-bottom:1px solid var(--line);padding:5px 10px;vertical-align:top}.gaji-op-name{color:var(--ink);font-weight:700}.gaji-detail-row td{background:#f7f8f9}.gaji-simple .gaji-unset-warn{flex-shrink:0;margin:0;padding:6px 10px}.gaji-elig-card{background:#fff7f7;border:1px solid #f4cfcf;border-radius:10px;flex-shrink:0;margin-right:56px;padding:6px 10px}.gaji-elig-card.is-compact{padding:4px 10px}.gaji-elig-head{align-items:center;display:flex;gap:8px;justify-content:space-between}.gaji-elig-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:4px}.gaji-elig-grid div{background:#fff;border:1px solid #f0d6d6;border-radius:6px;display:flex;font-size:12px;gap:8px;justify-content:space-between;min-width:0;padding:3px 8px}.gaji-simple-note{flex-shrink:0;margin:0;padding-right:56px}.gaji-sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.gaji-badge-ready{background:#e7f6ec;color:#176b4d}.gaji-badge-progress{background:#fff3d9;color:#8a5a00}.gaji-badge-done{background:#dcefe6;color:#176b4d}.gaji-badge-fix,.gaji-badge-pay-unpaid{background:#fde8e8;color:#b42318}.gaji-badge-pay-wait{background:#fff3d9;color:#8a5a00}.gaji-badge-pay-ready{background:#e8eefc;color:#1d4ed8}.gaji-badge-pay-done{background:#dcefe6;color:#176b4d}.gaji-status-cell{max-width:160px;min-width:0}.gaji-status-stack{display:flex;flex-direction:column;gap:2px;min-width:0}.gaji-status-stack-row{align-items:center;display:flex;gap:6px;min-width:0}.gaji-status-stack-row em{color:var(--soft);font-size:10px;font-style:normal;font-weight:600;min-width:4.5em}.gaji-status-stack .hr-status{font-size:11px;padding:1px 6px;white-space:nowrap}.gaji-pay-chips{align-items:center;display:inline-flex;flex-wrap:wrap;gap:6px;margin-left:auto}.gaji-pay-chip{background:#fff;border:1px solid var(--line);border-radius:999px;font-size:11px;font-weight:700;padding:2px 8px}.gaji-pay-chip.is-paid{background:#e7f6ec;border-color:#cfe8d8;color:#176b4d}.gaji-pay-chip.is-unpaid{background:#fff7f7;border-color:#f4cfcf;color:#b42318}.hr-pay-visibility{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;display:flex;gap:8px;justify-content:space-between;margin:0 0 8px;padding:8px 10px}.hr-pay-visibility span{color:var(--soft);font-size:11px;font-weight:600}.hr-pay-visibility strong{font-size:14px}.hr-pay-vis-belum_dibayar{background:#fff7f7;border-color:#f4cfcf}.hr-pay-vis-belum_dibayar strong{color:#b42318}.hr-pay-vis-menunggu_persetujuan{background:#fffaf0;border-color:#f0d9a0}.hr-pay-vis-menunggu_persetujuan strong{color:#8a5a00}.hr-pay-vis-siap_diposting{background:#f5f8ff;border-color:#c7d5f5}.hr-pay-vis-siap_diposting strong{color:#1d4ed8}.hr-pay-vis-sudah_dibayar{background:#f7fbf8;border-color:#cfe8d8}.hr-pay-vis-sudah_dibayar strong{color:#176b4d}.hr-piece-simple{display:flex;flex-direction:column;gap:8px;min-width:0}.hr-piece-head{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.hr-piece-kicker{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.hr-piece-kicker .eyebrow{margin:0}.hr-piece-from-gaji{align-items:center;background:#e7f6ec;border-radius:999px;color:#176b4d;display:inline-flex;font-size:11px;font-weight:700;padding:2px 8px}.hr-piece-simple h1{color:#0f3d2e;color:var(--ep-dark,#0f3d2e);font-size:20px;margin:2px 0 0}.hr-piece-kpi{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.hr-piece-kpi-card{background:#fff;border:1px solid var(--line);border-radius:10px;min-width:0;padding:8px 10px}.hr-piece-kpi-card span{color:var(--soft);display:block;font-size:11px;font-weight:600}.hr-piece-kpi-card strong{font-size:16px;word-break:break-word}.hr-piece-kpi-bonus strong{color:#6d28d9}.hr-piece-settings{margin-bottom:10px}.hr-piece-settings h3{font-size:14px;margin:0 0 8px}.hr-piece-settings-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.hr-piece-settings-grid label{display:flex;flex-direction:column;font-size:12px;font-weight:600;gap:4px}.hr-piece-locked-dates{align-items:center;display:flex;gap:6px}.hr-piece-locked-dates.is-locked input{background:#f3f5f6;color:#4a5560}.hr-piece-stepper{align-items:center;display:flex;flex-wrap:wrap;gap:0;list-style:none;margin:0;padding:4px 0}.hr-piece-stepper li{align-items:center;color:var(--soft);display:flex;font-size:13px;gap:8px}.hr-piece-stepper li.done{color:#176b4d;font-weight:600}.hr-piece-stepper li.current{color:#0f3d2e;color:var(--ep-dark,#0f3d2e);font-weight:700}.hr-piece-stepper li .num{background:#eef1f4;border-radius:99px;display:grid;flex:0 0 22px;font-size:11px;height:22px;place-items:center;width:22px}.hr-piece-stepper li.current .num,.hr-piece-stepper li.done .num{background:#176b4d;background:var(--ep-primary,#176b4d);color:#fff}.hr-piece-step-line{background:var(--line);height:1px;margin:0 4px 0 0;width:28px}.hr-piece-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.hr-piece-actions [data-testid=hr-transition-review]:disabled{cursor:not-allowed;opacity:.42;pointer-events:none}.hr-piece-recovery{align-items:center;background:#fff8f8;border:1px dashed #d8b4b4;border-radius:10px;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:8px 10px}.hr-piece-compact-panel .emp-form{max-height:160px;overflow:auto}.hr-piece-pay-focus{background:#f7fbf8;border:1px solid #cfe8d8;border-radius:10px;padding:10px 12px}.hr-piece-pay-focus .hr-pay-facts{color:var(--soft);font-size:12px;margin:0 0 8px}.hr-piece-pay-focus .hr-pay-meta{font-size:12px;margin:0 0 8px}.hr-piece-pay-focus .hr-pay-create{margin:0 0 8px}.hr-piece-pay-focus .hr-actions .primary{min-height:40px}.hr-piece-journal-quiet{align-items:center;color:var(--soft);display:flex;flex-wrap:wrap;font-size:12px;gap:8px}.hr-piece-journal-quiet .hr-pay-facts{color:var(--soft);font-size:12px;margin:0}@media (max-width:900px){.gaji-elig-grid,.gaji-kpi,.hr-piece-kpi,.hr-piece-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gaji-simple-head,.hr-piece-head{flex-direction:column}}@media (max-width:640px){.gaji-elig-grid,.gaji-kpi,.hr-piece-kpi,.hr-piece-settings-grid{grid-template-columns:1fr}}.wage-settings{grid-gap:16px;display:grid;gap:16px;width:100%}.wage-section,.wage-settings{box-sizing:border-box;max-width:100%;min-width:0}.wage-section{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:14px 16px}.wage-section h3{font-size:14px;letter-spacing:.04em;margin:0 0 10px;text-transform:uppercase}.wage-table-wrap{-webkit-overflow-scrolling:touch;max-width:100%;min-width:0;overflow-x:auto;width:100%}.wage-table{border-collapse:initial;border-spacing:0;box-sizing:border-box;font-size:13px;max-width:100%;min-width:560px;table-layout:auto;width:100%}.wage-table thead th{background:var(--ep-dark);color:#fff;font:10.5px IBM Plex Mono;letter-spacing:.07em;padding:8px 10px;text-align:left;text-transform:uppercase;white-space:nowrap}.wage-table tbody td.num,.wage-table thead th.num{text-align:right}.wage-table tbody td{background:var(--surface);border-bottom:1px solid var(--line);box-sizing:border-box;padding:8px 10px;vertical-align:top}.wage-bonus-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:10px}.wage-bonus-grid label,.wage-bonus-mode label{display:flex;flex-direction:column;font-size:12px;gap:4px}.wage-bonus-grid span{color:#6a7680;font:10px IBM Plex Mono,monospace;letter-spacing:.06em;text-transform:uppercase}.wage-bonus-mode{grid-gap:6px;border:1px solid var(--line);border-radius:8px;display:grid;gap:6px;padding:8px 10px}.wage-bonus-mode legend{color:#6a7680;font:10px IBM Plex Mono,monospace;letter-spacing:.06em;text-transform:uppercase}.wage-bonus-mode label{align-items:center;flex-direction:row;font-size:13px;gap:8px}.wage-item-search{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.wage-item-results{list-style:none;margin:8px 0 0;padding:0}.wage-item-results li{align-items:center;display:flex;gap:8px;margin-top:4px}.wage-save-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.wage-err{color:#8f1f1f;margin:0}.op-target-settings{grid-gap:12px;display:grid;gap:12px;width:100%}.op-target-card,.op-target-settings{box-sizing:border-box;max-width:100%;min-width:0}.op-target-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:16px}.op-target-card h3{font-size:14px;letter-spacing:.04em;margin:0 0 10px;text-transform:uppercase}.op-target-table-wrap{-webkit-overflow-scrolling:touch;margin-top:8px;max-width:100%;min-width:0;overflow-x:auto;width:100%}.op-target-table{border-collapse:initial;border-spacing:0;box-sizing:border-box;font-size:13px;max-width:100%;min-width:480px;table-layout:auto;width:100%}.op-target-table thead th{background:var(--ep-dark);color:#fff;font:10.5px IBM Plex Mono;letter-spacing:.07em;padding:8px 10px;text-align:left;text-transform:uppercase;white-space:nowrap}.op-target-table tbody td.num,.op-target-table thead th.num{text-align:right}.op-target-table tbody td{background:var(--surface);border-bottom:1px solid var(--line);box-sizing:border-box;padding:8px 10px;vertical-align:top}.op-target-table .op-target-name{min-width:0;width:auto}.op-target-table .op-target-id,.op-target-table .op-target-qty{white-space:nowrap;width:1%}.op-target-qty-input{background:#fbf4de;border:1px solid #d9be7a;border-radius:4px;box-sizing:border-box;color:#1f2a24;display:block;font:650 16px IBM Plex Mono,monospace;margin-left:auto;max-width:140px;min-height:36px;min-width:72px;padding:6px 10px;text-align:right;width:100%}.op-target-qty-input:focus{border-color:#c4a24a;box-shadow:0 0 0 1px #c4a24a;outline:none}.op-target-qty-input:disabled{background:#eef7f2;border-color:var(--line);color:var(--soft)}@media (max-width:480px){.tracking-shell{max-width:100%}.tracking-po strong{font-size:16px;word-break:break-word}.tracking-hero-copy h1{font-size:16px}.tracking-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tracking-doc-row{grid-template-columns:28px minmax(0,1fr)}.tracking-doc-actions{grid-column:2}}@media (max-width:359px){.tracking-action-body{grid-template-columns:minmax(0,1fr);justify-items:start}.tracking-cta{width:100%}.tracking-map-node em{font-size:10px}}@media (min-width:560px){.tracking-doc-grid{grid-template-columns:repeat(auto-fit,minmax(148px,1fr))}}@media (min-width:768px){.tracking-sheet-root{align-items:center;padding:24px}.tracking-sheet{border-radius:12px;max-height:min(80dvh,640px)}.tracking-hero{max-width:100%}}.ca-panel{background:#fdfaf3;border:1px solid var(--line);border-radius:12px;margin-top:14px;padding:14px}.ca-panel h3{font-size:15px;margin:0 0 4px}.ca-panel .row{align-items:center;display:flex;flex-wrap:wrap;font-size:13px;gap:8px 16px;margin-top:6px}.ca-panel .row .lbl{color:#7a6f52;font-size:12.5px;letter-spacing:.3px;margin-right:4px;text-transform:uppercase}.ca-panel .status-chip{align-items:center;border-radius:14px;display:inline-flex;font-size:12px;gap:6px;padding:4px 8px}.ca-panel .actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.ca-panel .link-box{background:#fff;border:1px dashed var(--line);border-radius:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;padding:8px 10px;-webkit-user-select:all;user-select:all;word-break:break-all}.packing-panel,.qty-ops-panel{border-radius:2px;box-shadow:none;padding:0}.packing-panel .panel-head,.qty-ops-head{align-items:center;border-bottom:1px solid var(--line);gap:12px;margin:0;padding:12px 16px}.qty-ops-title{align-items:center;display:flex;gap:8px;min-width:0}.qty-ops-title svg{color:var(--ink);flex-shrink:0;opacity:.7}.packing-panel .panel-head h3,.qty-ops-title h3{align-items:center;display:flex;gap:8px;margin:0}.qty-ops-head-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.qty-ops-body{padding:12px 16px 16px}.qty-ops-note{color:var(--soft);font-size:12px;line-height:1.4;margin:0 0 12px;max-width:60em}.qty-ops-foot{align-items:center;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin-top:12px;padding-top:12px}.packing-panel .qty-inline,.qty-ops-panel .qty-inline{align-items:flex-end;display:flex;flex-wrap:wrap;gap:8px 12px}.packing-panel .primary,.qty-ops-panel .primary{border-radius:2px;font:600 11px IBM Plex Mono,monospace;letter-spacing:.08em;min-height:36px;padding:0 14px;text-transform:uppercase;transform:none}.packing-panel .primary:hover,.qty-ops-panel .primary:hover{background:var(--ep-dark);transform:none}.packing-panel .primary:disabled,.qty-ops-panel .primary:disabled{background:#a8a396;color:#fff;cursor:not-allowed;opacity:1}.packing-panel .ghost,.qty-ops-panel .ghost{border-radius:2px;font:600 11px IBM Plex Mono,monospace;letter-spacing:.06em;min-height:36px;text-transform:uppercase}.qty-status{background:#0000;border:1px solid var(--line);border-radius:2px;color:var(--soft);font:10px IBM Plex Mono;letter-spacing:.1em;padding:3px 8px;text-transform:uppercase}.qty-status-ready{border-color:var(--blue);color:var(--blue)}.qty-status-saved{border-color:#8aa0b4;color:var(--blue)}.qty-status-run{border-color:#c4a574;color:var(--amber)}.qty-status-done{border-color:#8aaa96;color:var(--green)}.qty-status-reject{border-color:#c98989;color:var(--red)}.ind-metric.is-status strong{font-size:12px;letter-spacing:.06em;text-transform:uppercase}.ind-metrics,.packing-panel .pack-summary{background:#f3faf6;border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.ind-metrics.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ind-metrics.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.ind-metric,.pack-stat{background:#0000;border-radius:0;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:4px;min-width:0;padding:10px 16px}.ind-metric:last-child,.pack-stat:last-child{border-right:0}.ind-metric-label,.pack-stat-label{color:var(--soft);font:10px IBM Plex Mono;letter-spacing:.1em;text-transform:uppercase}.ind-metric strong,.pack-stat strong{font-feature-settings:"tnum";color:var(--ink);font:18px/1.15 IBM Plex Mono;font-variant-numeric:tabular-nums;font-weight:650}.ind-metric-unit,.qty-stat-unit{color:var(--soft);font-size:10px;font-weight:500;letter-spacing:.06em;margin-left:6px;text-transform:uppercase}.pack-stat-done,.pack-stat-ready,.pack-stat-rest,.qty-stat-done,.qty-stat-ready,.qty-stat-rest{background:#0000;border-color:#0000}.qty-control{display:flex;flex-direction:column;gap:6px;max-width:320px;min-width:168px}.qty-control-label{color:var(--soft);font:10px IBM Plex Mono;letter-spacing:.1em;text-transform:uppercase}.qty-control-field{align-items:stretch;background:#fff;border:1px solid #b7d2c6;border-radius:4px;display:flex;min-height:40px;overflow:hidden}.qty-control-field:focus-within{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.qty-control-field input{font-feature-settings:"tnum";background:#0000;border:0;color:var(--ink);flex:1 1;font:650 18px/1 IBM Plex Mono,monospace;font-variant-numeric:tabular-nums;min-width:0;padding:6px 10px;text-align:right;width:100%}.packing-panel .qty-control-field input,.qty-ops-panel .qty-control-field input,.qty-ops-panel .qty-inline .qty-control-field input{border:0;min-height:0;padding:6px 10px;width:100%}.qty-control-field input:focus{outline:none}.qty-control-field input:disabled{color:#7a6f52}.qty-control-unit{align-items:center;background:#eef7f2;border-left:1px solid var(--line);color:var(--soft);display:flex;font:10px IBM Plex Mono;letter-spacing:.08em;padding:0 10px;text-transform:uppercase}.qty-control.is-manual .qty-control-field{background:#fbf4de;border-color:#d9be7a}.qty-control.is-manual .qty-control-field input.manual-qty-input{color:#1f2a24}.qty-control.is-manual .qty-control-unit{background:#f3e8c4;border-left-color:#d9be7a}.qty-control.is-manual .qty-control-field:focus-within{border-color:#c4a24a;box-shadow:0 0 0 1px #c4a24a}.qty-control.is-disabled .qty-control-field{background:#eef7f2;border-color:var(--line)}.qty-control.is-invalid .qty-control-field{border-color:var(--red)}.qty-control.is-compact{margin-left:auto;max-width:168px;min-width:132px}.qty-control.is-compact .qty-control-field{min-height:36px}.qty-control.is-compact input{font-size:16px}.ind-op-row .qty-control.is-compact,.ind-table .qty-control.is-compact{margin-left:0;max-width:180px;width:100%}.packing-line-input-cell .qty-control.is-compact{margin-left:auto;max-width:180px}.ind-table .qty-control-label{display:none}.qty-notes{display:flex;flex-direction:column;gap:6px;margin:12px 0 0}.qty-field-label,.qty-notes-label{color:var(--soft);font:10px IBM Plex Mono;letter-spacing:.1em;text-transform:uppercase}.qty-field input[type=date],.qty-field select,.qty-notes input{background:#fbf4de;border:1px solid #d9be7a;border-radius:4px;color:var(--ink);font-size:13px;min-height:36px;padding:8px 10px;width:100%}.qty-field input[type=date]:focus,.qty-field select:focus,.qty-notes input:focus{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue);outline:none}.qty-field input:disabled,.qty-field select:disabled,.qty-notes input:disabled{background:#eef7f2;color:var(--soft)}.qty-field{display:flex;flex-direction:column;gap:6px;min-width:0}.qty-ops-body .ind-table{min-width:640px}.ind-table{border-collapse:collapse;font-size:13px;width:100%}.ind-table td,.ind-table th{border-bottom:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:middle}.ind-table thead th{background:#f3faf6;color:var(--soft);font:10px IBM Plex Mono;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.ind-table td.num,.ind-table th.num{font-feature-settings:"tnum";font-family:IBM Plex Mono,monospace;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.ind-table tbody tr:nth-child(2n) td{background:#f7fbf8}.ind-table tbody tr:hover td{background:#eef7f2}.ind-table .ind-item strong{display:block;font-size:13px;font-weight:650}.qty-print-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}.qty-ops-panel .atur-pembagian-card{margin-top:4px;min-width:0;overflow-x:auto}.qty-progress-track{background:var(--muted);border:0;border-radius:0;height:3px;margin-top:4px;overflow:hidden}.qty-progress-fill{background:var(--blue);border-radius:0;height:100%;transition:width .3s}.ind-assign-row,.split-edit-row.qty-assign-card{grid-gap:8px 10px;align-items:end;background:#0000;border:0;border-bottom:1px solid var(--line);border-radius:0;display:grid;gap:8px 10px;grid-template-areas:"barang operator qty screen tanggal remove";grid-template-columns:minmax(0,1.15fr) minmax(0,1.15fr) minmax(104px,128px) minmax(118px,140px) minmax(128px,150px) 36px;margin:0;padding:10px 0}.split-assign-barang{grid-area:barang;min-width:0}.split-assign-operator{grid-area:operator;min-width:0}.qty-assign-card .qty-control{grid-area:qty;max-width:none;min-width:0}.split-assign-screen{grid-area:screen;min-width:0}.split-assign-screen select{max-width:100%;min-width:0;width:100%}.split-assign-date{grid-area:tanggal;min-width:0}.qty-assign-remove{align-self:end;grid-area:remove;justify-content:center;min-height:36px;padding:0;width:36px}.split-assign-extra{grid-column:1/-1;justify-self:start}.ind-op-row,.qty-ops-panel .split-row.qty-line-card{grid-gap:8px 12px;align-items:center;background:#0000;border:0;border-bottom:1px solid var(--line);border-radius:0;display:grid;gap:8px 12px;grid-template-columns:minmax(140px,1.5fr) 88px 88px 88px minmax(168px,.9fr) auto;margin:0;padding:10px 0}.qty-line-name strong{display:block;font-size:13px;font-weight:650;letter-spacing:0}.qty-line-name .mono,.qty-line-name .muted{margin-top:1px}.ind-op-qty{font-feature-settings:"tnum";font:13px IBM Plex Mono;font-variant-numeric:tabular-nums;text-align:right}.ind-op-head{grid-gap:8px 12px;border-bottom:1px solid var(--line);color:#7a6f52;display:grid;font:10px IBM Plex Mono;gap:8px 12px;grid-template-columns:minmax(140px,1.5fr) 88px 88px 88px minmax(168px,.9fr) auto;letter-spacing:.08em;padding:6px 0;text-transform:uppercase}.packing-lines-wrap{background:#fff;border:0;border-bottom:1px solid var(--line);border-top:1px solid var(--line);margin:0;overflow:auto}.packing-lines-table{border-collapse:collapse;font-size:12.5px;min-width:1080px;width:100%}.packing-lines-table td,.packing-lines-table th{border-bottom:1px solid var(--line);line-height:1.3;padding:8px 10px;text-align:left;vertical-align:middle}.packing-lines-table thead th{background:#f3faf6;border-bottom:1px solid var(--line);color:var(--soft);font:10px IBM Plex Mono;letter-spacing:.08em;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;white-space:nowrap}.packing-lines-table td.num,.packing-lines-table th.num{text-align:right;white-space:nowrap}.packing-lines-table tbody tr:nth-child(2n) td{background:#f7fbf8}.packing-lines-table tbody tr:last-child td{border-bottom:0}.packing-lines-total td{background:#e4f0ea;font-weight:650}.pack-badge{background:#0000;border:1px solid var(--line);border-radius:2px;display:inline-block;font:10px IBM Plex Mono;letter-spacing:.08em;padding:2px 6px;text-transform:uppercase}.pack-badge-print{background:#0000;border-color:#c5d0db;color:#3a4b60}.pack-badge-nonprint{background:#0000;border-color:#d8d0bc;color:#7a6f52}.pack-cell-done,.pack-cell-ready,.pack-cell-rest{font-weight:650}.packing-form{grid-gap:12px;background:#0000;border:0;display:grid;gap:12px;margin:0;padding:12px 16px 16px}.packing-qty-input{background:#fbf4de;border:1px solid #d9be7a;border-radius:4px;color:var(--ink);font:650 16px IBM Plex Mono,monospace;min-height:36px;padding:6px 10px;text-align:right;width:100%}.packing-qty-input:focus{border-color:#c4a24a;box-shadow:0 0 0 1px #c4a24a;outline:none}.packing-qty-input:disabled{background:#eef7f2;border-color:var(--line);color:var(--soft)}.packing-line-save-cell{text-align:right;white-space:nowrap;width:1%}.packing-line-qty-input{margin-left:auto;min-height:36px;width:132px}.packing-notes-input{background:#fbf4de;border:1px solid #d9be7a;border-radius:4px;color:var(--ink);font-size:13px;min-height:36px;padding:8px 10px;width:100%}.packing-notes-input:disabled{background:#eef7f2;border-color:var(--line);color:var(--soft)}.packing-panel>p.muted{padding:8px 16px 0}.packing-panel .packing-form{padding-top:12px}@media (max-width:900px){.ind-metrics,.packing-panel .pack-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.ind-metric:nth-child(2),.pack-stat:nth-child(2){border-right:0}.ind-assign-row,.split-edit-row.qty-assign-card{grid-template-areas:"barang operator" "qty screen" "tanggal remove";grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.qty-assign-card .qty-control{grid-column:auto;max-width:none}.ind-op-head,.ind-op-row,.qty-ops-panel .split-row.qty-line-card{grid-template-columns:1fr 1fr}}@media (max-width:640px){.packing-panel .panel-head,.qty-ops-head{align-items:flex-start;flex-direction:column}.qty-ops-head-meta{justify-content:flex-start}.ind-metrics,.packing-panel .pack-summary{grid-template-columns:1fr}.ind-metric,.pack-stat{border-bottom:1px solid var(--line);border-right:0}.ind-assign-row,.split-edit-row.qty-assign-card{grid-template-areas:"barang" "operator" "qty" "screen" "tanggal" "remove";grid-template-columns:minmax(0,1fr)}.qty-control{max-width:none}.packing-panel .primary,.qty-ops-foot .primary{justify-content:center;width:100%}}.dash-kpi-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(5,minmax(0,1fr));margin:0 0 14px}.dash-kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:4px;min-width:0;padding:10px 12px}.dash-kpi span{color:var(--soft);font:10px IBM Plex Mono;letter-spacing:.1em;text-transform:uppercase}.dash-kpi strong{font-feature-settings:"tnum";color:var(--ink);font:650 22px/1.1 IBM Plex Mono;font-variant-numeric:tabular-nums}.dash-kpi.is-urgent strong{color:var(--red)}.po-kpi-strip{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin:10px 0 14px;overflow:hidden}.po-kpi-strip .ind-metrics{border-bottom:0}.po-status-tabs{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 12px}.po-status-tabs button{align-items:center;background:#fff;border:1px solid var(--line);border-radius:6px;color:var(--ink);display:inline-flex;font-size:13px;gap:6px;min-height:32px;padding:6px 10px}.po-status-tabs button.active{background:var(--ep-dark);border-color:var(--ep-dark);color:#fff}.bulk-bar{align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:10px;padding:8px 12px}.jobs-section{display:flex;flex-direction:column}.po-row{align-items:stretch;display:flex;gap:8px}.po-row .job-row{flex:1 1;margin-bottom:0}.po-row+.po-row{margin-top:8px}.po-row.selected .job-row{background:#f3faf6;border-color:var(--ep-primary)}.po-check{align-items:flex-start;display:flex;padding-top:14px}.po-check input{accent-color:var(--ep-primary);height:16px;width:16px}.stage-filter-chip{align-items:center;background:#eef7f2;border:1px solid var(--line);border-radius:6px;display:flex;font-size:13px;gap:10px;margin:0 0 12px;padding:8px 12px}.prod-filter-kicker{color:var(--ep-dark);font:10px IBM Plex Mono;font-weight:650;letter-spacing:.1em;min-width:92px;text-transform:uppercase}.workflow-group .panel{box-shadow:none;margin:8px 10px}.packing-panel .panel-head,.qty-ops-head{background:#f3faf6}.packing-panel,.qty-ops-panel{border-radius:var(--radius);overflow:hidden}.hop-two-col{gap:12px}.hop-two-col>section{margin:8px 0}.accurate-banner{margin:8px 0 12px}.accurate-banner,.timeline{border-radius:var(--radius)}.timeline{margin:12px 0;padding:14px 16px}.cancel-strip{align-items:center;color:var(--red);display:flex;font-size:12px;gap:6px;padding:4px 4px 8px 28px}@media (min-width:1280px){.jobs-section{grid-gap:8px 12px;align-items:start;display:grid;gap:8px 12px;grid-template-columns:1fr 1fr}.jobs-section .empty-state,.jobs-section .section-label{grid-column:1/-1}}@media (max-width:1100px){.dash-kpi-row,.ind-metrics.cols-5{grid-template-columns:repeat(3,minmax(0,1fr))}.info-grid{grid-template-columns:repeat(3,1fr)}.workflow-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:960px){.dash-kpi-row,.ind-metrics.cols-5{grid-template-columns:repeat(2,minmax(0,1fr))}.prod-filter-kicker{flex:1 1 100%}.login-mark .brand-logo-full{width:min(100%,240px)}}@media (max-width:640px){.app-shell{grid-template-columns:1fr}.app-sidebar-slot{max-width:none;min-width:0;width:100%}.app-sidebar{align-items:stretch;flex-direction:row;height:auto;overflow:auto;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:2}.app-sidebar .brand{border-bottom:0;border-right:1px solid #ffffff14;flex-shrink:0;padding:8px 10px}.app-sidebar .brand-copy{display:none}.app-sidebar .brand-logo-symbol{height:36px;width:36px}.app-sidebar-nav{align-items:center;flex-direction:row;gap:4px;min-width:0;overflow-x:auto;padding:6px 8px}.app-sidebar .nav-group{flex-shrink:0}.rail-tooltip,.sidebar-edge-toggle{display:none}.sidebar-flyout{max-width:calc(100vw - 16px);width:min(280px,calc(100vw - 16px))}.sidebar-flyout.is-sales-grid{max-width:calc(100vw - 16px);min-width:0;width:min(calc(100vw - 16px),520px)}.sales-menu-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.dash-kpi-row{grid-template-columns:1fr 1fr}.jobs-section{display:flex;flex-direction:column}.po-kpi-strip .ind-metrics.cols-5{grid-template-columns:1fr 1fr}.po-hero-title-row{align-items:center;gap:8px}.po-hero-toolbar{gap:6px 8px}.po-hero-toolbar .ghost.sm{min-height:32px}}.master-items-page .prod-heading{margin-bottom:10px}.master-items-page .master-kpi-row{grid-template-columns:repeat(auto-fit,minmax(148px,1fr));margin:0 0 10px}.master-items-page .master-kpi-time{font-size:13px;font-weight:600;letter-spacing:-.01em}.master-sync-result{align-items:flex-start;background:#edf7ef;border:1px solid #b7d3b7;border-radius:var(--radius);color:#2d5a32;display:flex;gap:10px;margin:0 0 10px;padding:10px 14px}.master-sync-result strong{display:block;font-size:13px}.master-sync-result p{font-size:12.5px;margin:2px 0 0}.master-table-wrap{margin-top:0;max-height:calc(100vh - 280px)}.master-items-page .prod-table.master-items-table{max-width:none;min-width:640px;table-layout:auto;width:100%}.master-items-page .prod-table.master-items-table tbody td.col-fit,.master-items-page .prod-table.master-items-table thead th.col-fit{white-space:nowrap;width:1%}.master-items-page .prod-table.master-items-table tbody td.col-text,.master-items-page .prod-table.master-items-table thead th.col-text{max-width:28rem;min-width:12rem;white-space:normal;width:auto}.master-pager{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin-top:10px}@media (max-width:640px){.master-items-page .page-heading{align-items:stretch;flex-direction:column}.master-items-page .primary{justify-content:center;width:100%}}.today-cards{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin:0 0 14px}.today-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;overflow:hidden}.today-card-head{align-items:baseline;border-bottom:1px solid var(--line);display:flex;gap:8px;justify-content:space-between;padding:8px 10px 6px}.today-card-head h3{font-size:13px;font-weight:650;letter-spacing:-.01em;margin:0}.today-empty{color:var(--soft);font-size:12.5px;margin:0;padding:10px}.today-table-wrap{max-height:220px;overflow:auto}.today-table{border-collapse:collapse;font-size:12px;width:100%}.today-table th{background:#fafaf7;color:var(--soft);font:10px IBM Plex Mono;letter-spacing:.08em;text-align:left;text-transform:uppercase;white-space:nowrap}.today-table td,.today-table th{border-bottom:1px solid var(--line);padding:4px 8px}.today-table td{line-height:1.25;vertical-align:top}.today-table td.num,.today-table th.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.today-table tbody tr:last-child td{border-bottom:0}.today-card-foot{border-top:1px solid var(--line);padding:6px 10px}@media (max-width:900px){.today-cards{grid-template-columns:1fr}}html:has(.prod-schedule-page),html:has(.prod-schedule-page) #root,html:has(.prod-schedule-page) body{height:100dvh;max-height:100dvh;overflow:hidden}.app-shell:has(.prod-schedule-page){grid-template-columns:var(--sidebar-rail) minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:100dvh;max-height:100dvh;min-height:100dvh;overflow:hidden}.app-shell:has(.prod-schedule-page) .app-sidebar{height:100%;max-height:100%}.app-main:has(.prod-schedule-page){height:100%;max-height:100%;min-height:0;min-width:0;overflow:hidden}.app-main:has(.prod-schedule-page) .topbar{flex-shrink:0}.content.content-workspace:has(.prod-schedule-page),.content:has(.prod-schedule-page){box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column;margin:0;max-width:none;min-height:0;overflow:hidden;padding:0;width:100%}.content:has(.prod-schedule-page)>.kb-workspace-tabs{flex:0 0 auto;top:0}.prod-schedule-page{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column;height:100%;min-height:0;overflow:hidden;padding:4px 8px 0}.prod-schedule-chrome{flex:0 0 auto;min-width:0}.prod-schedule-page .prod-schedule-sr-title{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.prod-schedule-page .prod-toolbar{--prod-sched-ctrl-h:28px;align-items:center;box-sizing:border-box;gap:4px 6px;margin:0 0 4px}.prod-schedule-page .prod-toolbar .muted.small{align-items:center;display:inline-flex;height:var(--prod-sched-ctrl-h);line-height:1;margin:0;min-height:var(--prod-sched-ctrl-h)}.prod-schedule-page .prod-mode{align-items:stretch;height:var(--prod-sched-ctrl-h);margin-left:auto;min-height:var(--prod-sched-ctrl-h)}.prod-schedule-page .prod-toolbar .search-inline{box-sizing:border-box;height:var(--prod-sched-ctrl-h);min-height:var(--prod-sched-ctrl-h);overflow:hidden}.prod-schedule-page .prod-toolbar .search-inline input{box-sizing:border-box;height:100%;line-height:var(--prod-sched-ctrl-h);min-height:0;padding:0}.prod-schedule-page .prod-check{align-items:center;box-sizing:border-box;display:inline-flex;font-size:12px;gap:4px;height:var(--prod-sched-ctrl-h);margin:0;min-height:var(--prod-sched-ctrl-h)}.prod-schedule-page .prod-mode .ghost.sm,.prod-schedule-page .prod-mode button,.prod-schedule-page .prod-toolbar .ghost.sm,.prod-schedule-page .prod-toolbar .prod-filter-reset{align-items:center;box-sizing:border-box;display:inline-flex;font-size:12px;height:var(--prod-sched-ctrl-h);justify-content:center;min-height:var(--prod-sched-ctrl-h);padding:0 8px}.prod-schedule-page .error{flex-shrink:0;margin:0 0 4px}.prod-schedule-page .prod-schedule-cards,.prod-schedule-page .prod-schedule-grid,.prod-schedule-page .prod-table-wrap{-webkit-overflow-scrolling:touch;border-bottom:0;border-radius:0;flex:1 1;max-height:none;min-height:0;overflow:auto;overscroll-behavior:contain;width:100%}.prod-schedule-page .prod-schedule-cards{align-content:start;border-bottom:1px solid var(--line);margin-top:0}.prod-schedule-page .prod-table{border-collapse:initial;border-spacing:0;font-size:14px}.prod-schedule-page .prod-table thead th{background:var(--ep-dark);border-bottom:1px solid #0b2d22;border-right:1px solid #ffffff1f;box-shadow:0 1px 0 #0b2d22;font-size:14px;font-weight:600;letter-spacing:.05em;padding:5px 8px;position:-webkit-sticky;position:sticky;top:0;z-index:4}.prod-schedule-page .prod-table thead th:last-child{border-right:0}.prod-schedule-page .prod-table tbody td{border-bottom:1px solid var(--line);border-right:1px solid var(--line);line-height:1.3;padding:4px 8px;vertical-align:middle}.prod-schedule-page .prod-table tbody td:last-child{border-right:0}.prod-schedule-page .prod-table tbody td.col-text{line-height:1.3}.prod-schedule-page .prod-table tbody td .muted.small,.prod-schedule-page .prod-table tbody td .small,.prod-schedule-page .prod-table tbody td.small{font-size:13px}.prod-schedule-page .prod-table tbody td.prod-ops,.prod-schedule-page .prod-table tbody td.prod-qty-cell{vertical-align:top}.prod-schedule-page .prod-table tbody td.prod-qty-cell{white-space:normal}.prod-schedule-page .prod-op-line{gap:8px;line-height:1.25;margin-bottom:2px}.prod-schedule-page .prod-date-line{padding:0}.prod-schedule-page .prod-line-qty-name{font-size:12px;max-width:11rem}.prod-schedule-page .pill.sm{font-size:12px;padding:2px 6px}.prod-schedule-page .standard-badge,.prod-schedule-page .urgent-badge{font-size:12px;padding:3px 7px}.prod-schedule-page .prod-qty-over{color:var(--red);font-weight:650}@media (max-width:640px){.app-shell:has(.prod-schedule-page){grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.app-shell:has(.prod-schedule-page) .app-sidebar{height:auto;max-height:none}.app-main:has(.prod-schedule-page){height:auto;min-height:0}}@media (max-width:700px){.content.content-workspace:has(.prod-schedule-page),.content:has(.prod-schedule-page){padding:0}.prod-schedule-page{padding:4px 6px 0}}.stock-qty-edit{align-items:flex-end;display:inline-flex;flex-direction:column;gap:2px;min-width:4.5rem}.stock-qty-edit input{background:#fff;border:1px solid var(--line);border-radius:2px;font:12px IBM Plex Mono;padding:2px 6px;text-align:right;width:5.5rem}.manual-input,.stock-qty-edit input.manual-input{background:#fbf4de;border-color:#d9be7a;color:var(--ink)}.manual-input:focus,.stock-qty-edit input.manual-input:focus{border-color:#c4a24a;box-shadow:0 0 0 1px #c4a24a;outline:none}.manual-input:disabled,.stock-qty-edit input.manual-input:disabled{background:#eef7f2;border-color:var(--line);color:var(--soft)}.stock-qty-err{color:var(--red);font-size:10px;max-width:7rem;text-align:right}.stock-src{display:block;font-size:10px;font-weight:400;letter-spacing:0;line-height:1.2;text-transform:none}.stock-purchase-cell{align-items:flex-end;display:inline-flex;flex-direction:column;gap:1px}.stock-heading-actions{align-items:flex-start;display:flex;flex-wrap:wrap;gap:8px}.stock-value-link{display:inline-block;font-size:12px;margin-top:4px}.stock-inline-value{border-bottom:1px dashed;cursor:text;display:inline-block}.stock-inline-value:focus-visible{outline:2px solid var(--green);outline-offset:2px}.stock-inline-input{background:#fff;border:1px solid var(--green);border-radius:3px;color:inherit;font:inherit;padding:3px 6px;text-align:right;width:6.5rem}.stock-last-sync,.stock-sync-summary{margin:4px 0 0}.penerimaan-no{align-items:center;background:none;border:0;color:inherit;cursor:pointer;display:inline-flex;font:inherit;gap:4px;padding:0}.penerimaan-detail-row td{background:#f7f8f6;padding:8px 10px}.penerimaan-lines{margin:0;width:100%}.penerimaan-lines td,.penerimaan-lines th{font-size:12px}.stock-neg td{background:#fdf3f1}.stock-neg-val{color:var(--red);font-weight:700}.prod-table thead th .prod-th-label{color:inherit}.inventory-value-summary{background:#fff;border:1px solid var(--line);display:grid;grid-template-columns:2fr repeat(3,minmax(0,1fr));margin-bottom:12px}.inventory-value-summary-card{border-right:1px solid var(--line);display:flex;flex-direction:column;gap:5px;min-width:0;padding:12px 14px}.inventory-value-summary-card:last-child{border-right:0}.inventory-value-summary-card span{color:var(--soft);font:10px IBM Plex Mono;letter-spacing:.09em;text-transform:uppercase}.inventory-value-summary-card strong{font-feature-settings:"tnum";color:var(--ink);font:18px IBM Plex Mono;font-variant-numeric:tabular-nums}.inventory-value-summary-card.is-total strong{color:var(--green);font-size:21px}.inventory-value-summary-card.is-problem strong{color:var(--red)}.inventory-value-status{align-items:center;border:1px solid var(--line);border-radius:999px;display:inline-flex;font:600 10px IBM Plex Mono;letter-spacing:.03em;padding:3px 7px;white-space:nowrap}.inventory-value-status.is-ok{background:#eef8f2;border-color:#b8dbc7;color:#17613b}.inventory-value-status.is-missing_cost,.inventory-value-status.is-needs_cost{background:#fff8e5;border-color:#e8d59d;color:#7a5a13}.inventory-value-status.is-failed,.inventory-value-status.is-needs_uom,.inventory-value-status.is-qty_mismatch{background:#fdf0ed;border-color:#e7b9b1;color:#9b2f20}@media (max-width:900px){.inventory-value-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-value-summary-card:nth-child(2){border-right:0}.inventory-value-summary-card:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media (max-width:560px){.inventory-value-summary{grid-template-columns:1fr}.inventory-value-summary-card{border-bottom:1px solid var(--line);border-right:0}.inventory-value-summary-card:last-child{border-bottom:0}}.inventory-activity-reports,.inventory-cogs-queue{margin:16px 0}.inventory-activity-reports h2,.inventory-cogs-queue h2{font-size:16px;margin:0 0 8px}.inventory-opening-form input{height:34px;min-width:0}.inventory-opening-form .prod-filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.inventory-opening-form button{height:34px}.inventory-opening-preview{background:#fff;border:1px solid var(--line);margin-top:8px;padding:8px 10px}.inventory-opening-preview p{font-size:13px;margin:0 0 4px}.inventory-book-recon{grid-template-columns:repeat(6,minmax(0,1fr))}@media (max-width:900px){.inventory-book-recon{grid-template-columns:repeat(2,minmax(0,1fr))}}.app-shell:has(.inventory-value-page){height:100dvh;max-height:100dvh;overflow:hidden}.app-main:has(.inventory-value-page){height:100%;max-height:100%;min-height:0;min-width:0;overflow:hidden}.app-main:has(.inventory-value-page) .topbar{flex-shrink:0}.content.content-workspace:has(.inventory-value-page),.content:has(.inventory-value-page){box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column;margin:0;max-width:none;min-height:0;overflow:hidden;padding:0;width:100%}.content:has(.inventory-value-page)>.kb-workspace-tabs{flex:0 0 auto;top:0}.inventory-value-page{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column;gap:8px;height:auto;min-height:0;min-width:0;overflow:hidden;padding:8px 12px}.inventory-value-page .prod-heading{flex:0 0 auto;margin:0}.inventory-value-page .prod-heading .subhead{font-size:14px;line-height:1.35;margin:2px 0 0}.inventory-value-tabs{display:flex;flex:0 0 auto;flex-wrap:wrap;gap:6px;min-width:0}.inventory-ledger-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:8px;min-width:0}.inventory-ledger-toolbar input{flex:1 1 140px;height:34px;min-width:0}.inventory-ledger-note{font-size:13px;line-height:1.4;margin:0}.inventory-ledger-status{font-weight:700}.inventory-ledger-status.is-alert{color:#991b1b}.inventory-ledger-status.is-ok{color:#166534}.inventory-value-page .inventory-ledger-table{min-width:720px}.inventory-value-tabs button{background:#fff;border:1px solid var(--line);color:var(--ink);cursor:pointer;font-size:14px;height:34px;line-height:1.2;padding:0 12px}.inventory-value-tabs button.is-active{background:#143d32;background:var(--ep-dark,#143d32);border-color:#143d32;border-color:var(--ep-dark,#143d32);color:#fff}.inventory-value-panel{display:flex;flex:1 1 auto;flex-direction:column;gap:8px;min-height:0;min-width:0;overflow:hidden}.inventory-value-focus{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--line,#e2e8f0);border-radius:8px;flex:0 0 auto;padding:12px 14px}.inventory-value-focus p{margin:0 0 6px}tr.is-focused{outline:2px solid #143d32;outline:2px solid var(--ep-dark,#143d32);outline-offset:-2px}.inventory-value-page .inventory-panel-scroll{flex:1 1 auto;min-height:0;overflow:auto}.inventory-value-page .inventory-value-summary{flex:0 0 auto;margin-bottom:0}.inventory-value-page .inventory-value-summary.is-estimate{grid-template-columns:repeat(3,minmax(0,1fr))}.inventory-value-page .inventory-value-summary-card span{font-size:12px;letter-spacing:.04em}.inventory-value-page .inventory-value-summary-card strong{font-size:16px}.inventory-value-page .inventory-value-summary-card.is-total strong{font-size:18px}.inventory-value-page .prod-filters{flex:0 0 auto;margin:0}.inventory-value-page .prod-table-wrap{flex:1 1 auto;margin-top:0;max-height:none;min-height:0;overflow:auto}.inventory-value-page .prod-table{min-width:0}.inventory-value-page .prod-table thead th{font-size:12px;letter-spacing:.04em;position:-webkit-sticky;position:sticky;top:0}.inventory-value-page .prod-table tbody td{font-size:14px}.inventory-value-page .master-pager{flex:0 0 auto}.inventory-value-page .inventory-book-recon{grid-template-columns:repeat(auto-fit,minmax(148px,1fr))}.inventory-opening-actions{flex:0 0 auto}.inventory-opening-fields{grid-gap:8px;align-items:end;display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.inventory-opening-fields label{display:flex;flex-direction:column;font-size:14px;gap:4px;min-width:0}.inventory-opening-fields .mis-input,.inventory-opening-fields input{min-width:0;width:100%}.inventory-value-page .signal-strip{flex:0 0 auto}.inventory-value-page .inventory-panel-scroll h2{font-size:16px;font-weight:650;margin:4px 0 8px}.inventory-detail-drawer{background:#fff;border-left:1px solid var(--line);bottom:0;box-shadow:-8px 0 24px #00000014;display:flex;flex-direction:column;position:fixed;right:0;top:82px;top:calc(var(--ep-topbar-height,48px) + var(--ep-workspace-tabs-height,34px));width:min(420px,100vw);z-index:60}.inventory-detail-drawer-head{align-items:center;border-bottom:1px solid var(--line);display:flex;flex:0 0 auto;gap:8px;justify-content:space-between;padding:10px 12px}.inventory-detail-drawer-body{font-size:14px;line-height:1.45;overflow:auto;padding:12px}.inventory-detail-drawer-body p{margin:0 0 8px}@media (max-width:1100px){.inventory-opening-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}html:has(.ship-status-page),html:has(.ship-status-page) #root,html:has(.ship-status-page) body{height:100dvh;max-height:100dvh;overflow:hidden}.app-shell:has(.ship-status-page){grid-template-columns:var(--sidebar-rail) minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:100dvh;max-height:100dvh;min-height:100dvh;overflow:hidden}.app-shell:has(.ship-status-page) .app-sidebar{height:100%;max-height:100%}.app-main:has(.ship-status-page){height:100%;max-height:100%;min-height:0;min-width:0;overflow:hidden}.app-main:has(.ship-status-page) .topbar{flex-shrink:0}.content:has(.ship-status-page){box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column;margin:0;max-width:none;min-height:0;overflow:hidden;padding:8px 12px 0;width:100%}.content.content-workspace:has(.ship-status-page){padding:0}.content:has(.ship-status-page)>.kb-workspace-tabs{flex:0 0 auto;top:0}.content.content-workspace:has(.ship-status-page)>.ship-status-page{box-sizing:border-box;height:auto;padding:10px 12px 0}.content.content-workspace>.prod-page[data-testid=analitik-output-page]{box-sizing:border-box;padding:12px 16px 48px}.ship-status-page{--ship-ctrl-h:var(--ctrl-h-compact,28px);--ship-radius:var(--radius-sm,4px);--ship-border:#cbd5e1;--ship-head-bg:#475569;--ship-head-border:#334155;background:#fff;background:var(--surface,#fff);display:flex;flex:1 1 auto;flex-direction:column;height:100%;min-height:0;overflow:hidden}.ship-status-chrome{flex:0 0 auto;min-width:0;overflow:visible}.ship-status-heading{margin:0 0 8px;overflow:visible}.ship-status-heading h1{color:#0f172a;color:var(--ink,#0f172a);font:700 16px/1.3 IBM Plex Sans,sans-serif;letter-spacing:0;margin:0;text-transform:none}.prediksi-order-page .ship-status-heading.page-heading h1{line-height:1.3}.ship-status-toolbar{align-items:flex-end;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}.ship-status-toolbar input,.ship-status-toolbar select{background:#f1f5f9;background:var(--muted,#f1f5f9);border:1px solid var(--ship-border);border-radius:var(--ship-radius);box-sizing:border-box;color:#0f172a;color:var(--ink,#0f172a);font-size:12.5px;height:var(--ship-ctrl-h);min-height:var(--ship-ctrl-h);padding:3px 8px}.ship-status-toolbar input[type=text]{min-width:140px}.ship-status-toolbar .ghost.sm,.ship-status-toolbar .primary.sm,.ship-status-toolbar button.ghost.sm,.ship-status-toolbar button.primary.sm{align-items:center;border-radius:var(--ship-radius);box-sizing:border-box;display:inline-flex;font-size:12.5px;gap:6px;height:var(--ship-ctrl-h);min-height:var(--ship-ctrl-h);padding:0 10px}.ship-status-toolbar .primary.sm,.ship-status-toolbar button.primary.sm{background:var(--ep-primary);border:1px solid var(--ep-primary);color:#fff;font-weight:600}.ship-status-toolbar .primary.sm:hover:not(:disabled),.ship-status-toolbar button.primary.sm:hover:not(:disabled){background:var(--ep-dark);border-color:var(--ep-dark)}.ship-status-toolbar .ghost.sm,.ship-status-toolbar button.ghost.sm{background:#fff;background:var(--surface,#fff);border:1px solid var(--ship-border);color:#0f172a;color:var(--ink,#0f172a)}.ship-filter-field{display:flex;flex-direction:column;gap:2px;min-width:0;overflow:visible}.ship-filter-field span{color:#64748b;color:var(--soft,#64748b);display:block;font:10px/1.4 IBM Plex Mono,monospace;letter-spacing:.06em;overflow:visible;text-transform:uppercase}.ship-icon-btn{align-items:center;background:#fff;background:var(--surface,#fff);border:1px solid var(--ship-border);border-radius:var(--ship-radius);color:#0f172a;color:var(--ink,#0f172a);cursor:pointer;display:inline-flex;height:var(--ship-ctrl-h);justify-content:center;width:var(--ship-ctrl-h)}.ship-icon-btn:hover:not(:disabled){background:#f1f5f9;background:var(--muted,#f1f5f9)}.ship-icon-btn:focus-visible{outline:2px solid var(--ep-primary);outline-offset:1px}.ship-icon-btn:disabled{cursor:default;opacity:.6}.ship-need-order{background:#f1f5f9;background:var(--muted,#f1f5f9);color:#64748b;color:var(--soft,#64748b);cursor:not-allowed;padding:3px 10px}.ship-need-order,.ship-reset-btn{border:1px solid var(--ship-border);border-radius:var(--ship-radius);font-size:12.5px;min-height:var(--ship-ctrl-h)}.ship-reset-btn{background:#fff;background:var(--surface,#fff);color:#0f172a;color:var(--ink,#0f172a);cursor:pointer;height:var(--ship-ctrl-h);padding:0 10px}.ship-reset-btn:hover{background:#f1f5f9;background:var(--muted,#f1f5f9)}.ship-tool-btn{align-items:center;background:#fff;background:var(--surface,#fff);border:1px solid var(--ship-border);border-radius:var(--ship-radius);color:#0f172a;color:var(--ink,#0f172a);cursor:pointer;display:inline-flex;font-family:IBM Plex Sans,sans-serif;font-size:12.5px;font-weight:600;gap:5px;height:var(--ship-ctrl-h);min-height:var(--ship-ctrl-h);padding:0 10px;white-space:nowrap}.ship-tool-btn:hover{background:#f1f5f9;background:var(--muted,#f1f5f9)}.ship-tool-btn.is-active{background:#ecfdf5;border-color:var(--ep-primary);color:var(--ep-dark)}.content .ship-status-page .ship-filter-panel-body .ship-filter-field input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]):not([type=color]),.content .ship-status-page .ship-filter-panel-body .ship-filter-field select,.content .ship-status-page .ship-status-toolbar input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]):not([type=color]),.content .ship-status-page .ship-status-toolbar select{background:#f1f5f9;background:var(--muted,#f1f5f9);border:1px solid var(--ship-border);border-radius:var(--ship-radius);box-shadow:none;box-sizing:border-box;color:#0f172a;color:var(--ink,#0f172a);font-size:12.5px;height:var(--ship-ctrl-h);line-height:1.2;max-height:var(--ship-ctrl-h);min-height:var(--ship-ctrl-h);padding:0 8px}.content .ship-status-page .ship-filter-panel-body .ship-filter-field input::placeholder,.content .ship-status-page .ship-status-toolbar input::placeholder{color:#64748b;color:var(--soft,#64748b);opacity:1}.content .ship-status-page .ship-filter-panel-body .ship-filter-field input:hover:not(:disabled):not(:focus-visible),.content .ship-status-page .ship-filter-panel-body .ship-filter-field select:hover:not(:disabled):not(:focus-visible),.content .ship-status-page .ship-status-toolbar input:hover:not(:disabled):not(:focus-visible),.content .ship-status-page .ship-status-toolbar select:hover:not(:disabled):not(:focus-visible){background:#e8eef4;border-color:#94a3b8;box-shadow:none}.content .ship-status-page .ship-filter-panel-body .ship-filter-field input:focus,.content .ship-status-page .ship-filter-panel-body .ship-filter-field select:focus,.content .ship-status-page .ship-status-toolbar input:focus,.content .ship-status-page .ship-status-toolbar select:focus{border-color:var(--ship-border);box-shadow:none;outline:none}.content .ship-status-page .ship-filter-panel-body .ship-filter-field input:focus-visible,.content .ship-status-page .ship-filter-panel-body .ship-filter-field select:focus-visible,.content .ship-status-page .ship-status-toolbar input:focus-visible,.content .ship-status-page .ship-status-toolbar select:focus-visible{background:#fff;border-color:var(--ep-primary);box-shadow:none;outline:2px solid var(--ep-primary);outline-offset:1px}.content .ship-status-page .ship-filter-panel-body .ship-filter-field input:disabled,.content .ship-status-page .ship-filter-panel-body .ship-filter-field select:disabled,.content .ship-status-page .ship-status-toolbar input:disabled,.content .ship-status-page .ship-status-toolbar select:disabled{background:#e2e8f0;box-shadow:none;color:#64748b;color:var(--soft,#64748b);cursor:not-allowed;opacity:.62}.content .ship-status-page .ship-filter-panel-foot .primary.sm,.content .ship-status-page .ship-filter-panel-foot button.primary.sm,.content .ship-status-page .ship-status-toolbar .primary.sm,.content .ship-status-page .ship-status-toolbar button.primary.sm{align-items:center;background:var(--ep-primary);border:1px solid var(--ep-primary);border-radius:var(--ship-radius);box-shadow:none;box-sizing:border-box;color:#fff;display:inline-flex;font-size:12.5px;font-weight:600;gap:6px;height:var(--ship-ctrl-h);line-height:1;min-height:var(--ship-ctrl-h);padding:0 10px}.content .ship-status-page .ship-filter-panel-foot .primary.sm:hover:not(:disabled),.content .ship-status-page .ship-filter-panel-foot button.primary.sm:hover:not(:disabled),.content .ship-status-page .ship-status-toolbar .primary.sm:hover:not(:disabled),.content .ship-status-page .ship-status-toolbar button.primary.sm:hover:not(:disabled){background:var(--ep-dark);border-color:var(--ep-dark);box-shadow:none}.content .ship-status-page .ship-filter-panel-foot .primary.sm:focus-visible,.content .ship-status-page .ship-filter-panel-foot button.primary.sm:focus-visible,.content .ship-status-page .ship-status-toolbar .primary.sm:focus-visible,.content .ship-status-page .ship-status-toolbar button.primary.sm:focus-visible{outline:2px solid var(--ep-primary);outline-offset:1px}.content .ship-status-page .ship-status-toolbar .primary.sm:disabled,.content .ship-status-page .ship-status-toolbar button.primary.sm:disabled{box-shadow:none;cursor:not-allowed;opacity:.55}.content .ship-status-page .ship-filter-panel-foot .ghost.sm,.content .ship-status-page .ship-filter-panel-foot .ship-reset-btn,.content .ship-status-page .ship-status-toolbar .ghost.sm,.content .ship-status-page .ship-status-toolbar .ship-reset-btn,.content .ship-status-page .ship-status-toolbar .ship-tool-btn,.content .ship-status-page .ship-status-toolbar button.ghost.sm{align-items:center;background:#fff;background:var(--surface,#fff);border:1px solid var(--ship-border);border-radius:var(--ship-radius);box-shadow:none;box-sizing:border-box;color:#0f172a;color:var(--ink,#0f172a);display:inline-flex;font-size:12.5px;font-weight:600;gap:6px;height:var(--ship-ctrl-h);line-height:1;min-height:var(--ship-ctrl-h);padding:0 10px}.content .ship-status-page .ship-filter-panel-foot .ship-reset-btn:hover:not(:disabled),.content .ship-status-page .ship-status-toolbar .ghost.sm:hover:not(:disabled),.content .ship-status-page .ship-status-toolbar .ship-reset-btn:hover:not(:disabled),.content .ship-status-page .ship-status-toolbar .ship-tool-btn:hover:not(:disabled),.content .ship-status-page .ship-status-toolbar button.ghost.sm:hover:not(:disabled){background:#f1f5f9;background:var(--muted,#f1f5f9);box-shadow:none}.content .ship-status-page .ship-filter-panel-foot .ship-reset-btn:focus-visible,.content .ship-status-page .ship-status-toolbar .ghost.sm:focus-visible,.content .ship-status-page .ship-status-toolbar .ship-reset-btn:focus-visible,.content .ship-status-page .ship-status-toolbar .ship-tool-btn:focus-visible,.content .ship-status-page .ship-status-toolbar button.ghost.sm:focus-visible{outline:2px solid var(--ep-primary);outline-offset:1px}.content .ship-status-page .ship-status-toolbar .ship-tool-btn.is-active{background:#ecfdf5;border-color:var(--ep-primary);color:var(--ep-dark)}.content .ship-status-page .ship-status-toolbar .ship-icon-btn{background:#fff;background:var(--surface,#fff);border:1px solid var(--ship-border);border-radius:var(--ship-radius);box-shadow:none;color:#0f172a;color:var(--ink,#0f172a);height:var(--ship-ctrl-h);min-width:var(--ship-ctrl-h);width:var(--ship-ctrl-h)}.content .ship-status-page .ship-status-toolbar .ship-icon-btn:hover:not(:disabled){background:#f1f5f9;background:var(--muted,#f1f5f9)}.content .ship-status-page .ship-status-toolbar .ship-icon-btn:focus-visible{outline:2px solid var(--ep-primary);outline-offset:1px}.content .ship-status-page .ship-status-toolbar .ship-icon-btn:disabled{cursor:default;opacity:.6}.content .ship-status-page .bulk-actions .ghost.sm.danger,.content .ship-status-page .bulk-bar .ghost.sm.danger{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--ship-radius);box-shadow:none;box-sizing:border-box;color:#b91c1c;font-size:12.5px;height:var(--ship-ctrl-h);min-height:var(--ship-ctrl-h);padding:0 10px}.content .ship-status-page .bulk-actions .ghost.sm.danger:hover:not(:disabled),.content .ship-status-page .bulk-bar .ghost.sm.danger:hover:not(:disabled){background:#fee2e2}.content .ship-status-page .bulk-actions .ghost.sm:focus-visible,.content .ship-status-page .bulk-bar .ghost.sm:focus-visible{outline:2px solid var(--ep-primary);outline-offset:1px}.ship-status-page .pill{align-items:center;border:1px solid #0000;border-radius:var(--ship-radius);box-shadow:none;display:inline-flex;font:600 10.5px/1.2 IBM Plex Mono,monospace;gap:4px;letter-spacing:.04em;padding:3px 8px;vertical-align:middle}.ship-status-page .pill.sm{font-size:10px;padding:2px 7px}.ship-status-page .pill-ok{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.ship-status-page .pill-warn{background:#fffbeb;border-color:#fcd34d;color:#b45309}.ship-status-page .pill-cancel{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.ship-status-page .pill-muted{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.ship-status-page .pill-hold{background:#fffbeb;border-color:#fcd34d;color:#b45309}.ship-status-page .error{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--ship-radius);color:#b91c1c;font-size:12.5px;line-height:1.35;margin:0 0 8px;padding:6px 10px}.ship-status-page .ship-table tbody td.empty-state{background:#fff;background:var(--surface,#fff);border:0;color:#64748b;color:var(--soft,#64748b);font-size:12.5px;line-height:1.4;padding:18px 12px;text-align:center}.ship-status-page .ship-icon-btn .spin,.ship-status-page .spin{opacity:1}.ship-status-page .muted.small{color:#64748b;color:var(--soft,#64748b);font-size:12px;line-height:1.35}.ship-th-sort{align-items:center;background:#0000;border:0;border-radius:2px;color:inherit;cursor:pointer;display:inline-flex;font:inherit;gap:4px;letter-spacing:inherit;margin:0;max-width:100%;padding:0;text-transform:inherit;white-space:nowrap}.ship-th-sort:hover{color:#fff}.ship-th-sort:focus{outline:none}.ship-th-sort:focus-visible{color:#fff;outline:2px solid #a7f3d0;outline-offset:2px}.ship-th-sort svg{flex:0 0 auto;opacity:.55}.ship-th-sort.is-active{color:#ecfdf5;font-weight:700}.ship-th-sort.is-active svg{color:#a7f3d0;opacity:1}.ship-table thead th.num .ship-th-sort{justify-content:flex-end;width:100%}.ship-filter-modal{max-width:520px;width:100%}.ship-filter-panel-body{grid-gap:10px;display:grid;flex:1 1 auto;gap:10px;min-height:0;overflow-y:auto;padding:14px 18px}.ship-filter-panel-body .ship-filter-field input,.ship-filter-panel-body .ship-filter-field select{background:#f1f5f9;background:var(--muted,#f1f5f9);border:1px solid var(--ship-border);border-radius:var(--ship-radius);color:#0f172a;color:var(--ink,#0f172a);font-size:12.5px;min-height:var(--ship-ctrl-h);padding:3px 8px;width:100%}.ship-filter-range{grid-gap:6px;display:grid;gap:6px}.ship-filter-range-label{color:#64748b;color:var(--soft,#64748b);display:block;font:10px/1.4 IBM Plex Mono,monospace;letter-spacing:.06em;text-transform:uppercase}.ship-filter-range-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.ship-filter-panel-foot{align-items:center;border-top:1px solid #e2e8f0;border-top:1px solid var(--line,#e2e8f0);display:flex;flex-shrink:0;gap:8px;justify-content:space-between;padding:12px 18px}.ship-filter-panel-foot,.ship-status-grid{background:#fff;background:var(--surface,#fff)}.ship-status-grid{-webkit-overflow-scrolling:touch;border:1px solid var(--ship-border);border-radius:var(--ship-radius);flex:1 1;min-height:0;overflow:auto;overscroll-behavior:contain;width:100%}.ship-table{border-collapse:initial;border-spacing:0;color:#0f172a;color:var(--ink,#0f172a);font-size:12.5px;table-layout:auto;width:100%}.ship-table thead th{background:var(--ship-head-bg);border-bottom:1px solid var(--ship-head-border);box-shadow:inset 0 -1px 0 var(--ship-head-border);color:#fff;font:600 11px/1.35 IBM Plex Sans,sans-serif;letter-spacing:.04em;padding:7px 10px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;vertical-align:middle;white-space:nowrap;z-index:2}.ship-table thead th.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.hr-payroll-accounting-preview .table-wrap{-webkit-overflow-scrolling:touch;overflow:auto}.hr-payroll-accounting-preview .ship-table tbody td.num,.hr-payroll-accounting-preview .ship-table thead th.num{font-feature-settings:"tnum";font-family:IBM Plex Mono,monospace;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.ship-table tbody td.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.ship-table tbody td.ship-check,.ship-table tbody td.ship-th-check,.ship-table tbody td:has(>input[type=checkbox]),.ship-table thead th.ship-check,.ship-table thead th.ship-th-check,.ship-table thead th:has(>input[type=checkbox]){padding-left:8px;padding-right:8px;text-align:center;vertical-align:middle;width:36px}.ship-table tbody td.ship-check input,.ship-table tbody td.ship-th-check input,.ship-table tbody td>input[type=checkbox],.ship-table thead th.ship-check input,.ship-table thead th.ship-th-check input,.ship-table thead th>input[type=checkbox]{accent-color:var(--ep-primary);height:15px;margin:0;vertical-align:middle;width:15px}.ship-table tbody td>input[type=checkbox]:focus-visible,.ship-table thead th>input[type=checkbox]:focus-visible{outline:2px solid var(--ep-primary);outline-offset:2px}.status-po-bulk-fields{grid-gap:8px;display:grid;gap:8px;margin-top:8px}.status-po-bulk-fields label{grid-gap:4px;display:grid;font-size:13px;gap:4px}.status-po-bulk-fields input,.status-po-bulk-fields textarea{width:100%}.ship-table tbody td{background:#fff;background:var(--surface,#fff);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--line,#e2e8f0);line-height:1.25;padding:5px 10px;vertical-align:middle}.ship-table tbody tr:nth-child(2n) td{background:#f8fafc}.ship-table tbody tr:hover td{background:#eef2f7}.ship-table tbody tr.is-selected td{background:#e2e8f0;box-shadow:inset 3px 0 0 var(--ep-primary)}.ship-table tbody tr.is-selected:hover td{background:#d9e2ec}.ship-table tbody td.mono{font-family:IBM Plex Mono,monospace;white-space:nowrap}.ship-cust{color:#0f172a;color:var(--ink,#0f172a);font-weight:600;max-width:16rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ship-status-page .ship-table td.ship-cust{max-width:26rem}.ship-status-page .ship-table td.ship-td-sj{white-space:nowrap}.ship-table tbody td:has(.ghost.sm),.ship-table tbody td:has(a.ghost.sm){white-space:nowrap}.ship-table tbody td .ghost.sm,.ship-table tbody td a.ghost.sm,.ship-table tbody td button.ghost.sm{margin-right:4px;vertical-align:middle}.ship-table tbody td.empty-state,.ship-table tbody td.muted{background:#fff;background:var(--surface,#fff);border:0;border-radius:0;border-style:none;color:#64748b;color:var(--soft,#64748b);font-size:12.5px;line-height:1.4;padding:16px 12px;text-align:center}.ship-table tbody tr:has(td.empty-state) td,.ship-table tbody tr:has(td.muted):only-child td,.ship-table tbody tr:hover:has(td.empty-state) td{background:#fff;background:var(--surface,#fff);box-shadow:none}.ship-bar{background:#f1f5f9;background:var(--muted,#f1f5f9);border:1px solid var(--ship-border);border-radius:2px;height:18px;min-width:88px;overflow:hidden;position:relative}.ship-bar-fill{height:100%;inset:0 auto 0 0;min-width:0;position:absolute}.ship-bar-label{align-items:center;color:#0f172a;color:var(--ink,#0f172a);display:flex;font:700 11px/1 IBM Plex Mono,monospace;height:100%;justify-content:center;position:relative;z-index:1}.ship-bar-empty .ship-bar-fill{background:#0000;width:0}.ship-bar-low .ship-bar-fill{background:#f59e0b}.ship-bar-mid .ship-bar-fill{background:#eab308}.ship-bar-full .ship-bar-fill,.ship-bar-ready .ship-bar-fill{background:#059669;background:var(--green,#059669)}.ship-bar-full .ship-bar-label,.ship-bar-ready .ship-bar-label{color:#064e3b}@media (max-width:640px){.app-shell:has(.ship-status-page){grid-template-columns:1fr}.content:has(.ship-status-page){padding:4px 6px 0}}.prediksi-kpi{margin:8px 0 10px}.prediksi-tabs{display:flex;gap:6px;margin:0 0 8px}.prediksi-order-page .prediksi-tabs button{background:#fff;background:var(--surface,#fff);border:1px solid #cbd5e1;border:1px solid var(--ship-border,#cbd5e1);border-radius:4px;border-radius:var(--radius-sm,4px);color:#0f172a;color:var(--ink,#0f172a);cursor:pointer;font-size:12.5px;min-height:28px;min-height:var(--ctrl-h-compact,28px);padding:0 12px}.prediksi-order-page .prediksi-tabs button.is-active{background:#475569;background:var(--ship-head-bg,#475569);border-color:#334155;border-color:var(--ship-head-border,#334155);color:#fff}.prediksi-row{cursor:pointer}.prediksi-order-page .ship-table tbody td,.prediksi-order-page .ship-table tbody td.ship-cust{white-space:nowrap}.prediksi-order-page .ship-table tbody td:last-child{min-width:180px;white-space:normal}.workflow-table-wrap{border:1px solid var(--line);overflow:auto}.workflow-table{border-collapse:collapse;font-size:12.5px;min-width:560px;width:100%}.workflow-table td,.workflow-table th{border-bottom:1px solid var(--line);padding:6px 10px;text-align:left;vertical-align:middle}.workflow-table thead th{background:#f3faf6;color:var(--soft);font:10px IBM Plex Mono;font-weight:500;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.workflow-table tbody tr:nth-child(2n) td{background:#f7fbf8}.workflow-table .chip{font-size:11px}.ship-status-page .ship-status-heading{align-items:flex-start;display:flex;flex-direction:column;gap:2px;margin:0 0 10px;overflow:visible}.ship-status-page .ship-status-heading h1{color:#0f172a;color:var(--ink,#0f172a);font:700 16px/1.3 IBM Plex Sans,sans-serif;letter-spacing:0;margin:0;text-transform:none}.ship-status-page .ship-status-heading .eyebrow{color:#64748b;color:var(--soft,#64748b);font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.12em;line-height:1.3;margin:0;text-transform:uppercase}.ship-status-page .ship-status-heading .muted.small{color:#64748b;color:var(--soft,#64748b);font-size:12px;line-height:1.35;margin:0}.prediksi-order-page .ship-status-heading.page-heading{align-items:flex-start;background:#0000;border:0;border-radius:0;box-shadow:none;display:flex;flex-direction:column;gap:4px;justify-content:flex-start;margin:0 0 10px;padding:0;position:relative}.prediksi-order-page .ship-status-heading.page-heading:before{background:none;content:none;display:none;height:0}.prediksi-order-page .ship-status-heading.page-heading h1{color:#0f172a;color:var(--ink,#0f172a);font:700 16px/1.3 IBM Plex Sans,sans-serif;font-weight:700;letter-spacing:0;margin:0}.prediksi-order-page .ship-status-heading.page-heading>.primary{align-self:flex-start;margin-top:2px}.ship-status-page .ship-status-toolbar{align-items:flex-end;background:#f8fafc;border:1px solid #cbd5e1;border:1px solid var(--ship-border,#cbd5e1);border-radius:var(--ship-radius);box-shadow:none;column-gap:10px;display:flex;flex-wrap:wrap;gap:8px 10px;margin:0 0 10px;min-width:0;overflow:visible;padding:8px 10px;row-gap:8px}.ship-status-page .ship-status-toolbar .ship-filter-field{display:flex;flex-direction:column;gap:2px;min-width:0;overflow:visible}.ship-status-page .ship-status-toolbar .primary.sm,.ship-status-page .ship-status-toolbar .ship-icon-btn,.ship-status-page .ship-status-toolbar .ship-reset-btn,.ship-status-page .ship-status-toolbar .ship-tool-btn,.ship-status-page .ship-status-toolbar button.primary.sm{flex:0 0 auto}.ship-status-page .ship-status-chrome{flex:0 0 auto;margin:0 0 2px;min-width:0;overflow:visible}.ship-status-page .ship-status-chrome>.muted.small{margin:0 0 8px}.ship-status-page .ship-status-chrome>.bulk-bar{background:#fff;background:var(--surface,#fff);border:1px solid #cbd5e1;border:1px solid var(--ship-border,#cbd5e1);border-radius:var(--ship-radius);box-shadow:none;margin:0 0 8px;padding:6px 10px}.ship-status-page .ship-status-chrome>.error{margin:0 0 8px}.ship-status-page .ship-status-grid{margin-top:0}.prediksi-order-page .prediksi-kpi,.prediksi-order-page .prediksi-tabs{margin:0 0 10px}.append-entries{display:flex;flex-direction:column;gap:8px;min-width:220px}.append-entries-table{border-collapse:collapse;font-size:12px;width:100%}.append-entries-table td,.append-entries-table th{border-bottom:1px solid var(--line);padding:4px 6px;text-align:left}.append-entries-table thead th{color:var(--soft);font:10px IBM Plex Mono;letter-spacing:.06em;text-transform:uppercase}.append-entries-table tr.is-locked td{background:#f4f2ec;color:#5a5138}.append-entries-new{align-items:flex-end;display:flex;flex-wrap:wrap;gap:8px}.append-entries-total{margin-top:2px}.confirm-action-inner{max-width:420px}.confirm-action-dl{grid-gap:10px;display:grid;gap:10px;margin:0}.confirm-action-dl>div{grid-gap:8px;align-items:baseline;display:grid;gap:8px;grid-template-columns:110px 1fr}.confirm-action-dl dt{color:var(--soft);font:10px IBM Plex Mono;letter-spacing:.08em;text-transform:uppercase}.confirm-action-dl dd{font-weight:650;margin:0}.edit-po-info-modal{max-width:440px}.edit-po-info-form{display:flex;flex-direction:column;gap:10px}.edit-po-info-field{display:flex;flex-direction:column;font-size:13px;gap:4px}.edit-po-info-field>span{color:var(--soft);font:10px IBM Plex Mono;letter-spacing:.08em;text-transform:uppercase}.edit-po-info-field input[type=date],.edit-po-info-field textarea{background:#fff;border:1px solid var(--line);border-radius:6px;font:inherit;padding:8px 10px;width:100%}.edit-po-info-field textarea{min-height:72px;resize:vertical}.delivery-history{display:flex;flex-direction:column;gap:8px;padding:8px 16px 12px}.delivery-history-entry{background:#fafaf7;border:1px solid var(--line);border-radius:8px;padding:8px 10px}.delivery-history-dl{grid-gap:3px 10px;display:grid;font-size:13px;gap:3px 10px;grid-template-columns:132px 1fr;margin:0}.delivery-history-dl dt{color:var(--soft);font:10px IBM Plex Mono;letter-spacing:.06em;text-transform:uppercase}.delivery-history-dl dd{font-weight:600;margin:0}.delivery-history-photos{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.delivery-history-photos button{background:#fff;border:1px solid var(--line);border-radius:4px;cursor:pointer;height:58px;overflow:hidden;padding:0;width:58px}.delivery-history-photos button:disabled{background:var(--muted);cursor:not-allowed}.delivery-history-photos img{border-radius:4px;display:block;height:56px;object-fit:cover;width:56px}.delivery-history-photos .proof-loading{height:56px;width:56px}.delivery-history-proof-state{color:var(--soft);display:grid;font-size:9px;height:56px;line-height:1.2;padding:4px;place-items:center;text-align:center;width:56px}.proof-unavailable{font-size:12px;padding:8px;text-align:center}.reschedule-field{display:flex;flex-direction:column;font-size:13px;gap:4px;margin:8px 0}.reschedule-field input[type=date],.reschedule-field textarea{border:1px solid var(--line);border-radius:6px;font:inherit;padding:8px 10px;width:100%}.work-page-heading{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.work-divisi-switch{display:flex;flex:1 1;flex-wrap:wrap;gap:4px}.work-divisi-switch a{border:1px solid var(--line);border-radius:999px;color:var(--ink);font-size:12px;padding:4px 10px;text-decoration:none}.work-divisi-switch a.active{background:#1f3d2b;border-color:#1f3d2b;color:#fff}.work-panel{padding:12px 14px}.work-panel-hero{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.work-panel-hero h1{font-size:22px;margin:0}.work-line{border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px;padding:12px 0}.work-line-head{align-items:baseline;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.work-history-table{border-collapse:collapse;font-size:12px;width:100%}.work-history-table td,.work-history-table th{border-bottom:1px solid var(--line);padding:5px 6px;text-align:left}.work-history-table thead th{color:var(--soft);font:10px IBM Plex Mono,monospace;letter-spacing:.06em;text-transform:uppercase}.work-history-table tr.is-locked td{background:#f4f2ec;color:#5a5138}.role-work-entry-title{color:var(--soft);font:11px IBM Plex Mono,monospace;letter-spacing:.06em;text-transform:uppercase}.role-work-entry-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:8px}.work-settings-table input,.work-settings-table select{max-width:180px}.form-access-wrap{overflow-x:auto}.form-access-table{min-width:720px;width:100%}.form-access-table td,.form-access-table th{text-align:center;vertical-align:middle}.form-access-table td:first-child,.form-access-table th:first-child{text-align:left}.division-task-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin:0 0 12px}.division-task-search{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:6px;display:flex;gap:6px;min-width:min(100%,280px);padding:4px 8px}.division-task-search input{background:#0000;border:0;font:13px inherit;outline:0;width:100%}.division-task-actions,.division-task-filters,.division-task-scope{display:flex;flex-wrap:wrap;gap:6px}.division-task-page .prod-priority-badges{margin-left:4px}.division-task-page .prod-table-wrap{overflow:auto}@media (max-width:720px){.work-panel-hero{flex-direction:column}}.prep-grid input:not(:disabled),.staged-info input:not(:disabled),.surat-jalan-form input:not(:disabled){background:#fbf4de;border-color:#d9be7a}.route-page-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;padding:8px 0}.route-card{background:#fff;border:1px solid #c5ced6;margin:8px 0;padding:12px}.route-card h2,.route-card h3{font:700 14px/1.3 IBM Plex Sans,sans-serif;margin:0 0 8px}.route-vehicle-form{align-items:flex-end;display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.route-vehicle-form label{display:flex;flex-direction:column;font-size:12px;gap:2px}.route-vehicle-form input,.route-vehicle-form select{min-height:28px;padding:3px 8px}.route-my-header{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin:8px 0}.route-my-header span{color:#6a7680;display:block;font:10px IBM Plex Mono;letter-spacing:.06em;text-transform:uppercase}.route-stop-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.route-stop-list li{align-items:flex-start;border:1px solid #e4e8ec;display:flex;gap:12px;justify-content:space-between;padding:8px 10px}.route-stop-actions{display:flex;flex-wrap:wrap;gap:6px}.route-map{background:#f7faf8;border:1px solid #c5ced6;margin:8px 0;max-width:320px}.route-loc-ok{color:#1f6b3a;font-weight:700}.route-loc-need{color:#8a3b12;font-weight:700}.outlet-loc-modal{max-width:560px}.outlet-loc-form{display:flex;flex-direction:column;gap:10px}.outlet-loc-form label{display:flex;flex-direction:column;font-size:12px;gap:4px}.outlet-loc-form input{min-height:32px;padding:4px 8px}.outlet-loc-or{color:#6a7680;font-size:11px;letter-spacing:.08em;margin:0;text-align:center}.outlet-maps-link-row{align-items:center;display:flex;gap:6px}.outlet-maps-link-row input{flex:1 1;min-width:0}.outlet-maps-link-row button{flex-shrink:0;font-size:12px;min-height:32px;padding:4px 10px;white-space:nowrap}@media (max-width:520px){.outlet-maps-link-row{align-items:stretch;flex-direction:column}}.outlet-loc-search-field{position:relative;z-index:1}.outlet-place-suggest{background:#fff;border:1px solid #c5ced6;border-radius:6px;box-shadow:0 8px 20px #17212629;list-style:none;margin:0;max-height:220px;overflow:auto;padding:0;position:fixed;z-index:2}.outlet-place-suggest li+li{border-top:1px solid #eef1f4}.outlet-place-suggest button{align-items:flex-start;background:#fff;border:0;cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:2px;min-height:36px;padding:8px 10px;text-align:left;width:100%}.outlet-place-suggest button:focus,.outlet-place-suggest button:hover{background:#eaf1f6;outline:none}.outlet-place-primary{color:var(--ink);font-size:13px;font-weight:650;line-height:1.25}.outlet-place-secondary{color:#6a7680;font-size:11px;line-height:1.3}.outlet-map-preview{background:#e8eef2;border:1px solid #c5ced6;height:240px;overflow:hidden;position:relative;width:100%}.outlet-map-preview.is-empty{align-items:center;color:#6a7680;display:flex;font-size:12px;justify-content:center}.outlet-map-interactive{cursor:crosshair;-webkit-user-select:none;user-select:none}.outlet-map-tile{height:256px;max-width:none;pointer-events:none;position:absolute;width:256px}.outlet-map-marker{background:#0000;border:0;cursor:grab;height:22px;margin-left:-11px;margin-top:-22px;padding:0;position:absolute;width:22px;z-index:2}.outlet-map-marker:before{background:#c0392b;border:2px solid #fff;border-radius:50% 50% 50% 0;box-shadow:0 1px 4px #00000059;content:"";display:block;height:18px;transform:rotate(-45deg);width:18px}.sj-item-heading{color:var(--soft);font-size:12px;letter-spacing:.04em;margin:8px 0 4px}.sj-item-row{grid-gap:8px;align-items:end;display:grid;gap:8px;grid-template-columns:minmax(180px,1fr) 120px auto}.sj-item-row label{color:var(--soft);display:flex;flex-direction:column;font-size:12px;gap:4px}.sj-item-row input,.sj-item-row select{background:#fff;border:1px solid var(--line);font:inherit;min-height:36px;padding:6px 8px}.sj-upload-file-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.sj-file-card{grid-gap:4px;border-bottom:1px solid var(--line);display:grid;gap:4px;padding:8px 0}.sj-file-lines{font-size:13px;margin:0;padding-left:18px}.sj-file-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.modal.sj-preview-modal{align-items:center;box-sizing:border-box;display:flex;height:100vh;height:100dvh;justify-content:center;max-height:100vh;max-height:100dvh;overflow:hidden;overscroll-behavior:contain;padding:16px}.modal-inner.sj-preview-inner{box-sizing:border-box;display:flex;flex-direction:column;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);max-width:min(860px,100%);min-height:0;overflow:hidden;width:min(860px,100%)}.sj-preview-inner>.modal-head{flex-shrink:0;position:static}.sj-preview-body{gap:12px;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:16px 22px}.sj-preview-body,.sj-preview-frame{display:flex;flex:1 1 auto;flex-direction:column;min-width:0}.sj-preview-frame{background:#f7f8f6;border:1px solid var(--line);overflow:visible}.sj-preview-frame,.sj-preview-frame img{min-height:min(240px,36vh);min-height:min(240px,36dvh)}.sj-preview-frame img{background:#fff;border:0;flex:1 1 auto;height:min(640px,calc(100vh - 360px));height:min(640px,calc(100dvh - 360px));max-height:calc(100vh - 280px);max-height:calc(100dvh - 280px);max-width:100%;object-fit:contain;width:100%}.sj-preview-frame .spwa-pdf{align-items:center;display:flex;flex-direction:column;gap:10px;min-width:0;padding:8px 0 12px;width:100%}.sj-preview-frame .spwa-pdf-page{background:#fff;border:1px solid #cad6dc;border-radius:6px;display:flex;justify-content:center;max-width:min(920px,100%);overflow:hidden;position:relative;width:100%}.sj-preview-frame .spwa-pdf-page canvas{background:#fff;display:block;height:auto!important;max-width:100%}.sj-preview-frame .spwa-pdf-page>span{background:#0b1f2ab8;border-radius:10px;bottom:6px;color:#fff;font-size:11px;line-height:1.4;min-width:24px;padding:2px 6px;position:absolute;right:6px}.sj-preview-list{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}.sj-preview-list,.sj-preview-list li{max-width:100%;min-width:0}.sj-preview-list button{max-width:100%;overflow-wrap:anywhere;text-align:left;white-space:normal}.sj-preview-footer{background:#fafaf7;border-top:1px solid var(--line);flex-shrink:0;position:static}.modal.sj-preview-modal.is-failed .sj-preview-inner{flex:0 0 auto;height:auto}.modal.sj-preview-modal.is-failed .sj-preview-body{flex:0 0 auto;overflow:visible}.modal.sj-preview-modal.is-failed .sj-preview-frame{background:#0000;border:0;display:none;flex:0 0 auto;height:0;min-height:0}.sj-preview-filename,.sj-preview-modal .confirm-action-dl dd,.sj-preview-modal .confirm-action-dl>div{min-width:0;overflow-wrap:anywhere;word-break:break-word}@media (max-width:720px){.modal.sj-preview-modal{padding:8px}.modal-inner.sj-preview-inner{max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px)}.sj-preview-body{padding:12px 14px}.sj-preview-frame img{height:min(560px,calc(100vh - 320px));height:min(560px,calc(100dvh - 320px));max-height:calc(100vh - 220px);max-height:calc(100dvh - 220px)}}.outlet-map-marker:active{cursor:grabbing}.outlet-map-attrib{background:#ffffffd9;bottom:4px;color:#445;font-size:10px;padding:1px 4px;position:absolute;right:4px;z-index:2}.outlet-map-google-canvas{height:100%;width:100%}.ship-table tbody tr.is-disabled td{background:#f6f6f6;opacity:.65}.primary.sm{font-size:12.5px;min-height:28px;padding:3px 10px}.settings-card{background:#fff;border:1px solid #e2e8f0;border-top:4px solid #2563eb;border:1px solid var(--color-card-border,#e2e8f0);border-radius:20px;border-top:4px solid var(--mod,#2563eb);box-shadow:var(--shadow);padding:16px 18px}.settings-card>h3:first-child{color:#1e3a8a;color:var(--mod-ink,#1e3a8a);font-weight:800;letter-spacing:-.02em;margin:0 0 12px}.cp-settings{grid-gap:10px;display:grid;gap:10px}.cp-page-head{align-items:flex-start;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.cp-page-head-copy{flex:1 1;min-width:0}.cp-page-head h2{font-size:18px;letter-spacing:-.02em;line-height:1.25;margin:0 0 2px}.cp-page-head p{font-size:12.5px;line-height:1.35;margin:0}.cp-section{grid-gap:8px;border-top:1px solid #e5e7eb;border-top:1px solid var(--line,#e5e7eb);display:grid;gap:8px;padding-top:6px}.cp-section:first-of-type{border-top:0;padding-top:0}.cp-section-compact h3{font-size:13px;margin:0}.cp-section-head{gap:8px;justify-content:space-between}.cp-section-head,.cp-toolbar{align-items:center;display:flex;flex-wrap:wrap}.cp-toolbar{gap:6px}.cp-toolbar input{flex:1 1;min-width:160px}.cp-inline-fields{grid-gap:8px 12px;display:grid;gap:8px 12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.cp-inline-fields label{grid-gap:4px;color:#475569;display:grid;font-size:11.5px;font-weight:650;gap:4px}.content .cp-settings input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]):not([type=color]),.content .cp-settings select,.content .cp-settings textarea,.cp-product-drawer input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):not([type=button]):not([type=submit]){background:#fff;border:1px solid #cbd5e1;border:1px solid var(--line,#cbd5e1);border-radius:8px;box-shadow:none;color:#0f172a;color:var(--ink,#0f172a);font-size:13px;height:36px;line-height:1.3;max-width:100%;min-height:36px;min-width:0;padding:4px 10px;width:100%}.content .cp-settings textarea{height:auto;min-height:64px}.content .cp-settings .cp-product-sheet input,.content .cp-settings .cp-sheet input{background:#0000;border:0;border-radius:0;box-shadow:none;height:auto;min-height:30px;padding:4px 8px}.content .cp-settings button.ghost.sm,.content .cp-settings button.primary.sm,.cp-product-drawer button.ghost.sm,.cp-product-drawer button.primary.sm{border-radius:8px;font-size:12.5px;min-height:32px;padding:4px 12px}.cp-badge-warn{background:#fef3c7;border-radius:4px;color:#92400e;font-size:11px;font-weight:600;padding:1px 6px}.cp-master-list{grid-gap:4px;display:grid;gap:4px;list-style:none;margin:10px 0;max-height:240px;overflow:auto;padding:0}.cp-master-list button{background:#f8fafc;border:1px solid #0000;border-radius:8px;padding:8px 10px;text-align:left;width:100%}.cp-master-list button.is-selected{background:#eff6ff;border-color:#2563eb}.cp-master-list button:disabled{cursor:not-allowed;opacity:.58}.cp-product-table-wrap,.cp-sheet-scroll{background:#fff;border:1px solid #cbd5e1;border-radius:6px;overflow:auto}.cp-sheet{background:#fff;border-collapse:collapse;font-size:13px;min-width:520px;width:100%}.cp-sheet th{background:#e2e8f0;border:1px solid #cbd5e1;color:#0f172a;font-weight:700;padding:6px 8px;position:-webkit-sticky;position:sticky;text-align:left;top:0;white-space:nowrap;z-index:1}.cp-sheet td{background:#fff;border:1px solid #cbd5e1;padding:0;vertical-align:middle}.cp-sheet .cp-formula-cell,.cp-sheet td.muted{padding:4px 8px;white-space:nowrap}.cp-sheet tbody tr:hover td{background:#f8fafc}.cp-sheet input{background:#0000;border:0!important;border-radius:0!important;box-shadow:none!important;font:inherit;min-height:30px;padding:4px 8px;width:100%}.cp-sheet input:focus{background:#eff6ff;box-shadow:none!important;outline:2px solid #2563eb;outline-offset:-2px}.cp-sheet input.is-readonly,.cp-sheet input:disabled{background:#f1f5f9;color:#334155}.cp-sheet .col-no{padding:4px;text-align:center;width:40px}.cp-sheet .col-act{text-align:center;width:44px}.cp-product-row{cursor:pointer}.cp-product-row:focus{outline:2px solid #2563eb;outline-offset:-2px}.cp-product-sheet{min-width:980px}.cp-group-sheet{min-width:860px}.cp-product-sheet td{padding:7px 8px;white-space:nowrap}.cp-product-sheet td:first-child{min-width:140px;white-space:normal}.cp-group-sheet td:nth-child(2){min-width:0;white-space:nowrap;width:1%}.cp-product-count{align-items:center;background:#f8fafc;border:1px solid #cbd5e1;border-radius:999px;color:#0f172a;cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;justify-content:center;min-height:26px;padding:2px 10px;white-space:nowrap}.cp-product-count:hover{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.cp-product-count:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.cp-cell-sub{color:#64748b;display:block;font-size:11px;font-weight:500;margin-top:2px}.cp-updated-cell{color:#64748b;font-size:12px}.cp-product-drawer{z-index:90}.cp-product-drawer-panel{display:flex;flex-direction:column;height:100%;max-width:100%;overflow:hidden;width:min(400px,100%)}.cp-product-drawer-body{display:flex;flex:1 1 auto;flex-direction:column;gap:10px;min-height:0;overflow:auto}.cp-drawer-product-list{grid-gap:8px;display:grid;gap:8px;list-style:none;margin:0;padding:0}.cp-drawer-product-list li{grid-gap:3px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:grid;gap:3px;min-width:0;padding:8px 10px}.cp-drawer-product-name{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#0f172a;display:-webkit-box;font-size:13px;line-height:1.35;overflow:hidden;word-break:break-word}.cp-drawer-product-meta{display:block;font-size:11.5px;line-height:1.35}.cp-product-drawer-footer{background:#fff;border-top:1px solid #e5e7eb;border-top:1px solid var(--line,#e5e7eb);display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;padding:12px 18px}.cp-product-sheet .mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.cp-editor-shell{grid-gap:8px;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;display:grid;gap:8px;padding:10px}.cp-editor-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.cp-editor-title h3{font-size:16px;letter-spacing:-.01em;margin:0}.cp-group-name-input{font-size:16px;font-weight:800;max-width:min(520px,70vw);min-height:32px;min-width:260px;padding:4px 7px}.cp-editor-meta{align-items:center;color:#64748b;display:flex;flex-wrap:wrap;font-size:12px;gap:6px 10px;margin-top:4px}.cp-editor-meta .mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.cp-status-pill{background:#fff;border:1px solid #cbd5e1;border-radius:4px;color:#475569;display:inline-flex;font-size:11px;font-weight:700;padding:1px 8px}.cp-status-pill.is-draft{background:#fff7ed;border-color:#fdba74;color:#c2410c}.cp-status-pill.is-published{background:#ecfdf5;border-color:#6ee7b7;color:#047857}.cp-editor-actions,.cp-history{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.cp-history-label{color:#64748b;font-size:12px;font-weight:700}.cp-history ul{display:flex;flex-wrap:wrap;gap:4px;list-style:none;margin:0;padding:0}.cp-history .is-active-ver{background:#eff6ff;border-color:#2563eb}.cp-catalog-presentation{grid-gap:14px;background:#fff;border:1px solid #dbe4ea;border-radius:8px;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) 220px;padding:12px}.cp-catalog-copy{grid-gap:10px;align-content:start;display:grid;gap:10px}.cp-catalog-copy>div>strong{color:#1e293b;display:block;font-size:14px;margin-top:3px}.cp-catalog-copy>div>p{margin:3px 0 0}.cp-catalog-copy label{grid-gap:5px;color:#475569;display:grid;font-size:12px;font-weight:700;gap:5px;position:relative}.cp-catalog-copy textarea{font:inherit;font-weight:400;min-height:76px;padding:8px 10px;resize:vertical;width:100%}.cp-description-count{background:#ffffffe0;bottom:7px;color:#94a3b8;font-size:10px;font-weight:500;padding:1px 4px;position:absolute;right:8px}.cp-catalog-copy>button{justify-self:start}.cp-catalog-image-panel{grid-gap:7px;align-content:start;display:grid;gap:7px}.cp-catalog-image-preview{aspect-ratio:4/3;background:#f1f5f9;border:1px solid #dbe4ea;border-radius:8px;display:grid;overflow:hidden;place-items:center;width:100%}.cp-catalog-image-preview img{height:100%;object-fit:cover;width:100%}.cp-catalog-image-empty{grid-gap:5px;color:#94a3b8;display:grid;font-size:11px;gap:5px;place-items:center}.cp-catalog-image-actions{display:flex;flex-wrap:wrap;gap:6px}.cp-catalog-image-actions .danger{color:#b91c1c}.cp-product-photo-cell{min-width:110px;vertical-align:top;width:110px}.cp-product-photo-wrap{background:#f8fafc;border:1px solid #dbe4ea;border-radius:6px;display:grid;height:64px;overflow:hidden;place-items:center;width:64px}.cp-product-photo-thumb{height:100%;object-fit:cover;width:100%}.cp-product-photo-empty{grid-gap:2px;color:#94a3b8;display:grid;font-size:9px;gap:2px;padding:2px;place-items:center;text-align:center}.cp-product-photo-empty span{line-height:1}.cp-product-photo-actions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.cp-product-photo-actions button{font-size:11px;min-height:24px;padding:2px 6px}.cp-config-bar{align-items:flex-end;background:#fff;border:1px solid #e2e8f0;border-radius:6px;display:flex;flex-wrap:wrap;gap:8px 12px;padding:8px}.cp-config-block{grid-gap:4px;display:grid;gap:4px}.cp-config-label{color:#64748b;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.cp-config-field{grid-gap:4px;display:grid;font-size:12px;font-weight:600;gap:4px}.cp-config-field input{min-height:32px;min-width:120px}.cp-seg{border:1px solid #94a3b8;border-radius:6px;overflow:hidden}.cp-seg,.cp-seg label{background:#fff;display:inline-flex}.cp-seg label{align-items:center;border-right:1px solid #cbd5e1;color:#475569;cursor:pointer;font-size:12px;font-weight:600;margin:0;padding:5px 10px}.cp-seg label:last-child{border-right:0}.cp-seg label.is-active{background:#1e293b;color:#fff}.cp-seg input{opacity:0;pointer-events:none;position:absolute}.cp-sheet-toolbar{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:6px}.cp-sheet-toolbar strong{font-size:13px}.cp-membership-table,.cp-price-matrix{min-width:720px}.cp-membership-table td,.cp-price-matrix td{padding:5px 8px;white-space:nowrap}.cp-membership-table td:first-child,.cp-price-matrix td:first-child{min-width:180px;white-space:normal}.cp-price-matrix td:not(:first-child),.cp-price-matrix th:not(:first-child){text-align:right}.cp-price-matrix input{min-width:110px;text-align:right}.cp-tiers{grid-gap:6px;display:grid;gap:6px}.cp-auto-hpp{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.cp-preview,.cp-readonly{grid-gap:6px;display:grid;gap:6px}.cp-preview-bar,.cp-readonly-bar{align-items:center;display:flex;flex-wrap:wrap;font-size:12px;gap:8px}.cp-preview-err{color:#b91c1c;font-weight:600}.signal-strip.compact{font-size:12px;gap:6px;padding:6px 8px}.signal-strip.ok{background:#f0fdf4;border-color:#bbf7d0}.signal-strip.ok svg{color:#15803d}button.ghost.sm,button.primary.sm{font-size:12.5px;min-height:30px;padding:4px 10px}button.ghost.sm.icon{padding:4px 6px}@media (max-width:700px){.cp-editor-header{flex-direction:column}.cp-catalog-presentation{grid-template-columns:1fr}.cp-catalog-image-panel{max-width:280px}.cp-config-bar{align-items:stretch;flex-direction:column}.cp-sheet{min-width:640px}}.ea-page{grid-gap:16px;display:grid;gap:16px}.ea-toolbar{gap:12px;padding:10px 12px}.ea-search,.ea-toolbar{align-items:center;display:flex}.ea-search{background:var(--color-input-bg);border:2px solid var(--color-input-border);border-radius:12px;gap:8px;min-width:240px;padding:6px 10px}.ea-search input{background:#0000;border:0;box-shadow:none;font:inherit;outline:0;width:100%}.ea-form-grid,.emp-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.ea-span-2{grid-column:1/-1}.ea-form-grid label,.emp-grid label{display:flex;flex-direction:column;font-size:13px;gap:6px}.ea-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:600;padding:2px 8px}.ea-badge-diajukan,.ea-badge-menunggu_persetujuan{background:#e8f1fb;color:#1d4f91}.ea-badge-disetujui{background:#e7f6ec;color:#1b7a3d}.ea-badge-ditolak,.ea-badge-draft{background:#f6ecec;color:#9b2c2c}.ea-detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1.4fr}.ea-dl{grid-gap:8px;display:grid;gap:8px}.ea-dl dt{color:var(--soft);font-size:12px}.ea-dl dd{font-weight:600;margin:0}.ea-timeline{grid-gap:8px;display:grid;gap:8px;margin:0;padding-left:18px}.ea-actions{display:flex;gap:8px;margin-top:10px}.ea-settings-layout{grid-gap:16px;display:grid;gap:16px;grid-template-columns:260px minmax(0,1fr)}.ea-type-list-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.ea-type-list ul{grid-gap:4px;display:grid;gap:4px;list-style:none;margin:0;padding:0}.ea-type-list button{background:#f7f8f6;border:1px solid #0000;display:flex;gap:8px;justify-content:space-between;padding:8px 10px;text-align:left;width:100%}.ea-type-list button.active{background:#fff;border-color:var(--blue)}.ea-inner-tabs{margin-top:0}.ea-builder-row{grid-gap:8px;border-bottom:1px solid var(--line);display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 0}.ea-row-actions{display:flex;gap:6px}.ea-checks{display:flex;flex-wrap:wrap;gap:8px 14px;margin:6px 0 14px}.ea-check{align-items:center;display:inline-flex;font-size:13px;gap:6px}.ea-file-field{display:flex;flex-direction:column;gap:4px}@media (max-width:900px){.ea-detail-grid,.ea-form-grid,.ea-settings-layout,.emp-grid{grid-template-columns:1fr}}.hr-page{grid-gap:16px;display:grid;gap:16px}.hr-form-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.hr-form-grid label{display:flex;flex-direction:column;font-size:13px;gap:6px}.hr-span-2{grid-column:1/-1}.modal-inner.hr-employee-modal{display:flex;flex-direction:column;max-height:calc(100vh - 32px);overflow:hidden}.hr-employee-modal .modal-head{flex-shrink:0;position:relative;top:auto}.modal-inner.hr-employee-modal>.hr-employee-form{display:flex;flex:1 1 auto;flex-direction:column;gap:0;min-height:0;overflow:hidden;padding:0}.hr-employee-form-body{display:block;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;padding:20px 22px;scroll-padding-bottom:24px}.hr-employee-form-body>*+*{margin-top:22px}.hr-employee-form-body .fs-section{overflow:visible}.hr-employee-form-footer{background:var(--surface);border-top:1px solid var(--line);flex-shrink:0;margin:0;padding:14px 22px 16px;position:relative;z-index:2}.hr-master-detail{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:minmax(220px,300px) minmax(0,1fr)}.hr-payroll-detail{grid-gap:14px;display:grid;gap:14px}.hr-list-button{align-items:center;background:#f7f8f6;border:1px solid #0000;display:flex;gap:8px;justify-content:space-between;margin-bottom:5px;padding:9px 10px;text-align:left;width:100%}.hr-list-button.active{background:#fff;border-color:var(--blue)}.hr-pay-facts{color:var(--ink);font-size:14px;margin:8px 0 0}.hr-pay-steps{align-items:center;display:flex;flex-wrap:wrap;list-style:none;margin:14px 0;padding:0}.hr-pay-steps li{align-items:center;color:var(--soft);display:inline-flex;font-size:13px}.hr-pay-step-line{background:var(--line);flex:0 0 18px;height:1px;margin:0 8px;width:18px}.hr-pay-step-line.done{background:var(--ink)}.hr-pay-steps li.done{color:var(--ink);font-weight:600}.hr-pay-steps li.current{color:var(--ink);font-weight:700}.hr-payroll-detail .ghost.danger{background:var(--surface);border-color:#eccec8;color:#a53f2b}.hr-pay-meta{grid-gap:4px 12px;display:grid;font-size:14px;gap:4px 12px;grid-template-columns:minmax(140px,180px) minmax(0,1fr);margin:0 0 12px}.hr-pay-meta dt{color:var(--soft);margin:0}.hr-pay-meta dd{margin:0}.hr-pay-create{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 12px}.hr-pay-create label{color:var(--soft);display:flex;flex-direction:column;font-size:12px;gap:4px}.hr-pay-create input,.hr-pay-create select{background:var(--surface);border:1px solid var(--line);color:var(--ink);font:inherit;min-height:40px;padding:8px 10px}.hr-actions,.hr-card-head{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.hr-card-head h3,.hr-card-head h4{margin:0}.hr-detail-list{grid-gap:8px 12px;display:grid;gap:8px 12px;grid-template-columns:140px 1fr}.hr-detail-list dt{color:var(--soft);font-size:12px}.hr-detail-list dd{font-weight:600;margin:0}.hr-history-item{border-bottom:1px solid var(--line);padding:8px 0}.hr-status{border-radius:999px;display:inline-flex;font-size:11px;font-weight:700;padding:2px 8px}.hr-status-draft{background:#eef1f4;color:#4a5560}.hr-status-review{background:#e8f1fb;color:#1d4f91}.hr-status-approval{background:#fff3d9;color:#8a5a00}.hr-status-final{background:#e7f6ec;color:#1b7a3d}.hr-period-form{align-items:end;display:flex;flex-wrap:wrap;gap:10px}.hr-period-form h3{margin:0;width:100%}.hr-period-form label{display:flex;flex-direction:column;font-size:12px;gap:5px}.hr-number{width:90px}.hr-check{align-items:center;align-self:end;display:flex!important;flex-direction:row!important}.hr-inner-tabs{margin-top:12px}.hr-settings-save{margin-top:16px}.hr-inline-form{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}@media (max-width:900px){.hr-form-grid,.hr-master-detail{grid-template-columns:1fr}.hr-span-2{grid-column:auto}}.iro-page{grid-gap:16px;display:grid;gap:16px;padding-bottom:32px}.iro-hero{align-items:flex-start;background:linear-gradient(135deg,#0f766e,#1d4ed8 55%,#7c3aed);border-radius:18px;color:#fff;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:18px 20px}.iro-hero h1{font-size:28px;margin:4px 0 8px}.iro-hero .eyebrow,.iro-hero .subhead{color:#ffffffdb}.iro-card-head,.iro-hero-actions,.iro-row-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.iro-hero-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.iro-back{color:#fff;font-size:13px;opacity:.9;text-decoration:none}.iro-btn-primary,.iro-btn-secondary{align-items:center;border:0;border-radius:10px;cursor:pointer;display:inline-flex;font-weight:700;gap:6px;padding:9px 14px}.iro-btn-primary{background:#fff;color:#0f172a}.iro-btn-secondary{background:#ffffff29;color:#fff}.iro-card .iro-btn-secondary,.iro-modal .iro-btn-secondary{background:#e2e8f0;color:#0f172a}.iro-card .iro-btn-primary,.iro-modal .iro-btn-primary,.iro-settings .iro-btn-primary{background:#0f766e;color:#fff}.iro-card,.iro-settings .iro-card{grid-gap:12px;background:#fff;border:1px solid #dbe4ee;border-radius:16px;display:grid;gap:12px;padding:16px}.iro-grid-2,.iro-grid-3{grid-gap:10px;display:grid;gap:10px}.iro-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.iro-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.iro-page label,.iro-settings label{display:flex;flex-direction:column;font-size:12px;font-weight:600;gap:5px}.iro-page input,.iro-page select,.iro-settings input,.iro-settings select{background:#ecfeff;border:2px solid #67e8f9;border-radius:12px;color:#0f172a;font:inherit;min-height:42px;padding:8px 12px}.iro-page input:focus,.iro-page select:focus,.iro-settings input:focus,.iro-settings select:focus{border-color:#0891b2;box-shadow:0 0 0 4px #0891b242;outline:none}.iro-page input[readonly],.iro-settings input[readonly]{background:#f1f5f9;border-color:#e2e8f0;color:#475569}.iro-mode-row{display:flex;flex-wrap:wrap;gap:8px}.iro-mode{background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;cursor:pointer;flex:1 1;min-width:160px;padding:10px;text-align:left}.iro-mode.is-on{background:#dbeafe;border-color:#2563eb}.iro-mode.is-end.is-on{background:#ede9fe;border-color:#7c3aed}.iro-mode span,.iro-mode strong{display:block}.iro-summary{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(5,minmax(0,1fr))}.iro-sum{grid-gap:4px;border-radius:14px;color:#fff;display:grid;gap:4px;padding:12px 14px}.iro-sum span{font-size:12px;opacity:.86}.iro-sum strong{font-size:20px}.iro-sum em{font-size:11px;font-style:normal;opacity:.8}.iro-sum.is-teal{background:#0f766e}.iro-sum.is-rose{background:#e11d48}.iro-sum.is-cyan{background:#0891b2}.iro-sum.is-blue{background:#2563eb}.iro-sum.is-purple{background:#7c3aed}.iro-chip,.iro-pill,.iro-status{align-items:center;border-radius:999px;color:#fff;display:inline-flex;font-size:11px;font-weight:800;padding:2px 8px}.iro-chip.is-btn{border:0;cursor:pointer;font-size:12px;min-height:36px;opacity:.72;padding:6px 12px}.iro-chip.is-on{opacity:1;outline:3px solid #0f172a;transform:scale(1.04)}.iro-status.is-draft{background:#64748b}.iro-status.is-optimized{background:#0f766e}.iro-status.is-final{background:#7c3aed}.iro-pill{background:#1e293b}.iro-pill.is-warn{background:#d97706}.iro-pill.is-manual{background:#4338ca}.iro-legend{display:flex;flex-wrap:wrap;gap:8px}.iro-stop-card{grid-gap:12px;align-items:start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;display:grid;gap:12px;grid-template-columns:48px 1fr auto;padding:12px}.iro-stop-seq{background:#0f172a;border-radius:12px;color:#fff;display:grid;font-weight:800;height:40px;place-items:center;width:40px}.iro-stop-top{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.iro-stop-actions{grid-gap:6px;display:grid;gap:6px;justify-items:end}.iro-coord-line{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;margin:4px 0}.iro-footnote,.iro-muted{color:#64748b;font-size:12px}.iro-link,.iro-linkish{align-items:center;background:none;border:0;color:#1d4ed8;cursor:pointer;display:inline-flex;font-weight:700;gap:4px}.iro-alert{border-radius:12px;font-size:13px;padding:10px 12px}.iro-alert.is-error{background:#ffe4e6;color:#9f1239}.iro-alert.is-warn{background:#ffedd5;color:#9a3412}.iro-alert.is-ok{background:#dcfce7;color:#166534}.iro-warn{color:#b45309}.iro-map{background:#dbeafe;border:1px solid #cbd5e1;border-radius:16px}.iro-map,.iro-map-canvas{overflow:hidden;position:relative}.iro-map-canvas{height:100%;width:100%}.iro-map-tile{height:256px;width:256px}.iro-map-path,.iro-map-tile{pointer-events:none;position:absolute}.iro-map-path{inset:0}.iro-marker{border-radius:10px 10px 10px 2px;box-shadow:0 4px 10px #0f172a40;color:#fff;font-size:10px;font-weight:800;min-width:28px;padding:3px 6px;position:absolute;text-align:center;transform:translate(-50%,-100%)}.iro-marker-pri{display:block;opacity:.9}.iro-map-tools{grid-gap:4px;display:grid;gap:4px;position:absolute;right:10px;top:10px}.iro-map-tools button{background:#fff;border:0;border-radius:8px;font-weight:800;height:32px;width:32px}.iro-map-hint{background:#fff;border-radius:8px;bottom:10px;font-size:12px;left:10px;padding:4px 8px;position:absolute}.iro-empty{color:#64748b;padding:18px;text-align:center}.iro-history{margin:0;padding-left:18px}.iro-hits{grid-gap:6px;display:grid;gap:6px;list-style:none;margin:0;padding:0}.iro-hits button{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px;text-align:left;width:100%}.iro-modal{display:flex;flex-direction:column;max-height:min(88vh,680px);max-width:520px;overflow:hidden;padding:0}.iro-modal-head{background:#ecfeff;border-top:4px solid #0891b2;padding:16px 16px 8px}.iro-modal-head h3{margin:0 0 4px}.iro-modal-head .subhead{color:#64748b;font-size:13px;margin:0}.iro-modal-body{flex:1 1;min-height:0;overflow-y:auto;padding:8px 16px 12px}.iro-modal-foot{align-items:center;background:#fff;border-top:1px solid #e2e8f0;bottom:0;display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;position:-webkit-sticky;position:sticky;z-index:2}.iro-priority-editor{grid-gap:8px;display:grid;gap:8px}.iro-priority-row{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:90px 1fr 70px 56px auto}.iro-check{align-items:center;flex-direction:row!important}.iro-gps-box{background:#ecfeff;border:1px solid #67e8f9;border-radius:12px;padding:10px}.iro-gps-box,.iro-manual{grid-gap:8px;display:grid;gap:8px}.iro-manual{background:#fff7ed;border:2px solid #fb923c;border-radius:16px;padding:12px}.iro-manual input{background:#fff7ed;border-color:#fb923c}.iro-gmaps{background:#eff6ff;border:2px solid #60a5fa;border-radius:16px;padding:12px}.iro-gmaps input{background:#eff6ff;border-color:#60a5fa}.iro-loc-modes{display:flex;flex-wrap:wrap;gap:6px}.iro-loc-mode{background:#fff;border:1px solid #cbd5e1;border-radius:999px;cursor:pointer;font-size:12px;font-weight:700;padding:6px 10px}.iro-loc-mode.is-on{background:#ccfbf1;border-color:#0f766e;color:#115e59}.iro-gmaps,.iro-picked{grid-gap:8px;display:grid;gap:8px}.iro-gmaps-hits{max-height:36vh;overflow-y:auto}.iro-gmaps-hits button span{color:#64748b;display:block;font-size:12px}.iro-picked{background:#f0fdfa;border:1px solid #99f6e4;border-radius:12px;padding:10px}.iro-picked h4{color:#0f766e;font-size:12px;letter-spacing:.04em;margin:0}@media (max-width:900px){.iro-grid-2,.iro-grid-3,.iro-priority-row,.iro-stop-card,.iro-summary{grid-template-columns:1fr}.iro-hero{padding:14px}.iro-map{height:320px!important}.iro-modal{max-height:92vh;max-width:100%;width:100%}.iro-gmaps input{font-size:16px}.iro-gmaps-hits{max-height:42vh}.iro-modal-foot{padding-bottom:max(12px,env(safe-area-inset-bottom))}.iro-page--mobile{max-width:100vw;overflow-x:hidden;padding:0 0 24px}.iro-page--mobile .iro-hero{border-radius:0;margin:0;padding:14px 14px 16px}.iro-page--mobile .iro-hero h1{font-size:22px;line-height:1.25;overflow-wrap:anywhere;word-break:break-word}.iro-page--mobile .iro-hero-actions{width:100%}.iro-page--mobile .iro-hero-actions .iro-btn-primary,.iro-page--mobile .iro-hero-actions .iro-btn-secondary{flex:1 1 auto;justify-content:center;min-height:44px}.iro-page--mobile .iro-card,.iro-page--mobile .table-wrap{margin:0 12px;max-width:calc(100vw - 24px)}.iro-page--mobile .iro-grid-2,.iro-page--mobile .iro-grid-3{grid-template-columns:1fr}.iro-page--mobile .iro-back{background:none;border:0;cursor:pointer;font:inherit;padding:0}}.iro-source{background:#e2e8f0;border-radius:999px;color:#0f172a;display:inline-block;font-size:11px;font-weight:700;padding:2px 8px}.iro-source.is-delivery_schedule{background:#ccfbf1;color:#115e59}.iro-source.is-manual{background:#e2e8f0;color:#334155}.iro-danger,.iro-danger-btn{color:#b91c1c!important}.iro-row-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.mop-delivery-schedule-root .production-sheet-table tbody td.mono{font-family:IBM Plex Sans,Arial,sans-serif}.mds-item-lines{display:flex;flex-direction:column;font-size:11px;gap:5px;line-height:1.25;max-width:100%}.mds-item-line-group{display:flex;flex-direction:column;gap:2px}.mds-item-line-sj{color:#334155;font-weight:700;letter-spacing:.01em}.mds-item-line{display:flex;flex-direction:column;gap:0;min-width:0}.mds-item-line-name{color:#0f172a;font-weight:600;overflow-wrap:anywhere}.mds-item-line-prefix{font-weight:600;white-space:pre}.mds-item-line-qty{font-feature-settings:"tnum";color:#475569;font-variant-numeric:tabular-nums}.mds-item-line-empty{color:#94a3b8}.mds-opt-badge{display:inline-flex;flex-direction:column;font-size:11px;font-weight:600;gap:2px;line-height:1.2}.mds-opt-badge.is-belum_dioptimasi{color:#64748b}.mds-opt-badge.is-sudah_dioptimasi{color:#0f766e}.mds-opt-badge.is-perlu_optimasi_ulang{color:#b45309}.mds-opt-link{-webkit-appearance:none;appearance:none;background:none;border:0;color:#1d4ed8;cursor:pointer;font:inherit;font-size:11px;font-weight:700;min-height:32px;padding:0;text-align:left;text-decoration:underline}.mds-review-page{grid-gap:12px;align-content:start;display:grid;gap:12px}.ds-delivery-review-root{background:#fff;box-sizing:border-box;display:block;height:auto;max-height:none;max-width:1100px;overflow:visible;padding:16px 20px 28px;width:100%}.ds-delivery-review-root .ds-review-page,.ds-delivery-review-root .mds-review-page{height:auto;max-height:none;min-height:0;overflow:visible}.ds-delivery-review-root .mds-review-actions .primary{min-width:180px}.mop-delivery-review-root .mop-content.mds-review-page{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-bottom:calc(20px + env(safe-area-inset-bottom, 0px))}.mds-review-actions,.mds-review-bulk-driver,.mds-review-groups,.mds-review-summary,.mds-review-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.mds-review-toolbar{position:relative;z-index:3}.mds-review-toolbar .mop-btn-ghost{-webkit-tap-highlight-color:rgba(14,116,144,.18);align-items:center;color:inherit;cursor:pointer;display:inline-flex;justify-content:center;pointer-events:auto;text-decoration:none;touch-action:manipulation}.mds-review-summary{background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;font-size:12px;font-weight:600;padding:8px 10px}.mds-review-group{border:1px solid #cbd5e1;border-radius:8px;display:flex;font-size:12px;gap:8px;padding:6px 10px}.mds-review-list{grid-gap:0;background:#fff;border:1px solid #cbd5e1;border-radius:12px;display:grid;gap:0;overflow:visible}.mds-review-row{grid-gap:8px;align-items:start;border-bottom:1px solid #e2e8f0;display:grid;gap:8px;grid-template-columns:28px 1fr auto;padding:10px;position:relative;z-index:1}.mds-review-row:last-child{border-bottom:0}.mds-review-row.is-ineligible{background:#fff7ed}.mds-review-title{display:flex;font-size:13px;gap:8px;justify-content:space-between}.mds-review-meta{color:#475569;display:flex;flex-wrap:wrap;font-size:11px;gap:6px 10px;margin-top:4px}.mds-review-status{grid-gap:2px;color:#334155;display:grid;font-size:11px;gap:2px;margin-top:6px}.mds-review-reason,.mds-review-status .mds-review-reason{color:#c2410c;font-size:12px;font-weight:700;margin-top:2px}.mds-review-result{grid-gap:8px;background:#f0fdfa;border:1px solid #99f6e4;border-radius:12px;display:grid;gap:8px;padding:12px}.mds-review-result-row{display:flex;flex-wrap:wrap;font-size:12px;gap:10px}.mds-review-bulk-driver{background:#f0fdfa;border:1px solid #99f6e4;border-radius:10px;padding:8px 10px;position:relative;z-index:2}.mds-review-row-driver{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;position:relative;z-index:2}.mds-driver-label{color:#0f766e;font-size:11px;font-weight:700}.mds-driver-select{-webkit-appearance:menulist;appearance:menulist;background:#fff;border:1px solid #5eead4;border-radius:8px;color:#0f172a;flex:1 1 160px;font-size:16px;line-height:1.25;max-width:100%;min-height:44px;min-width:0;padding:8px 10px;pointer-events:auto;position:relative;touch-action:manipulation;z-index:2}.mds-review-assign-msg{background:#ecfeff;border:1px solid #a5f3fc;border-radius:8px;color:#0f766e;font-size:12px;font-weight:600;padding:8px 10px}.mds-review-row .mop-btn-ghost.sm,.mds-review-row-driver .mop-btn-ghost.sm{min-height:40px;pointer-events:auto;touch-action:manipulation}@media (max-width:480px){.mds-review-row{grid-template-columns:24px 1fr}.mds-review-row>.mop-btn-ghost.sm{grid-column:2}.mds-driver-select{flex-basis:100%}}.po-detail-industrial{--po-gap:8px;--po-pad-y:8px;--po-pad-x:12px;--po-row:36px;--po-head:40px;--po-rail:36px;--po-border:#c9d2d8;--po-navy:#0b1f33;--po-teal:#0f5f63;background:linear-gradient(180deg,#f3f5f6,#f7f8f9 96px,#f4f6f7);color:var(--po-navy);display:flex;flex-direction:column;gap:var(--po-gap)}.po-detail-industrial>*{margin-bottom:0!important;margin-top:0!important}.po-detail-industrial .detail-header{border-bottom:1px solid var(--po-border);gap:4px;margin:0!important;padding:0 0 4px}.po-detail-industrial .po-hero-title-row{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.po-detail-industrial .po-hero-identity{flex:1 1;min-width:0}.po-detail-industrial .po-hero-identity-meta,.po-detail-industrial .po-hero-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:2px 8px;margin-top:1px}.po-detail-industrial .po-hero-customer{color:var(--po-navy);font-size:clamp(17px,1.7vw,21px);font-weight:700;letter-spacing:-.02em;line-height:1.15;margin:0}.po-detail-industrial .po-hero-number{color:#334155;font:12px/1.25 IBM Plex Mono,monospace;font-weight:600;margin:0}.po-detail-industrial .po-hero-branch,.po-detail-industrial .po-hero-outlet{color:#475569;font-size:12px;font-weight:600;margin:0}.po-detail-industrial .po-hero-dot{color:#94a3b8}.po-detail-industrial .po-hero-title-actions{display:flex;flex:0 0 auto;gap:6px}.po-detail-industrial .po-hero-ship-date{color:#334155;font-size:12px}.po-detail-industrial .po-hero-ship-date strong{font-family:IBM Plex Mono,monospace;font-size:12px}.po-detail-industrial .po-hero-sedang,.po-detail-industrial .po-hero-updated{color:#64748b;font-size:11.5px}.po-detail-industrial .po-hero-back,.po-detail-industrial .po-hero-refresh{min-height:30px!important;padding:3px 8px!important}.po-detail-industrial .po-kpi-strip{background:#fff;border:1px solid var(--po-border);border-radius:4px;box-shadow:none;height:auto!important;margin:0!important;min-height:0!important}.po-detail-industrial .po-kpi-status-row{border-top:1px solid #e8eef1;color:#475569;display:flex;flex-wrap:wrap;font-size:12px;gap:6px 14px;padding:2px 10px 5px}.po-detail-industrial .po-focus-panel{grid-gap:2px;background:#fff;border:1px solid var(--po-border);border-left:3px solid var(--po-teal);border-radius:4px;display:grid;gap:2px;height:auto!important;margin:0!important;min-height:0!important;padding:6px 10px}.po-detail-industrial .po-focus-panel.tone-blocked{background:#fffdf8;border-left-color:#d97706}.po-detail-industrial .po-focus-panel.tone-completed{border-left-color:#94a3b8}.po-detail-industrial .po-focus-head{display:flex;flex-direction:column;gap:1px}.po-detail-industrial .po-focus-kicker{color:#64748b;font:10px IBM Plex Mono,monospace;letter-spacing:.06em;text-transform:uppercase}.po-detail-industrial .po-focus-title{color:var(--po-navy);font-size:13.5px;line-height:1.25}.po-detail-industrial .po-focus-detail{color:#475569;font-size:12.5px;line-height:1.35;margin:0}.po-detail-industrial .po-focus-holds{color:#92400e;font-size:12px;margin:2px 0 0;padding-left:16px}.po-detail-industrial .po-focus-actions{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.po-detail-industrial{--po-stage-h:52px;--po-stage-chevron:6px;--po-stage-rail-gutter:14px;--po-stage-min-col:76px;--po-stageflow-height:60px}.po-detail-industrial .po-stage-bar-sticky{background:#fff;background:var(--surface,#fff);height:auto!important;margin:0 0 8px!important;min-height:0!important;overflow:visible;padding:6px 0!important}.po-detail-industrial .po-stage-bar-block{-webkit-overflow-scrolling:touch;background:linear-gradient(90deg,#fff 40%,#fff0) 0 0/16px 100% local,linear-gradient(270deg,#fff 40%,#fff0) 100% 0/16px 100% local,#fff;background-attachment:local,local,scroll;background-repeat:no-repeat;box-sizing:border-box;height:auto!important;margin:0!important;max-height:none!important;max-width:100%;min-height:0!important;min-width:0;overflow-x:auto;overflow-y:hidden;padding:4px 0!important;scrollbar-width:thin;width:100%}.po-detail-industrial .po-stage-bar-block .stage-bar.has-labels,.po-detail-industrial .po-stage-bar-block .stage-bar.has-labels.equal-stages{grid-gap:0!important;align-items:stretch!important;box-sizing:border-box!important;display:grid!important;gap:0!important;grid-template-columns:repeat(13,minmax(0,1fr))!important;height:var(--po-stage-h)!important;margin:0!important;min-width:calc(var(--po-stage-min-col)*13 + var(--po-stage-rail-gutter)*2)!important;padding:0 var(--po-stage-rail-gutter)!important;width:100%!important}.po-detail-industrial .po-stage-bar-block .stage-bar.has-labels .stage-bar-col,.po-detail-industrial .po-stage-bar-block .stage-bar.has-labels.equal-stages .stage-bar-col{align-items:stretch!important;box-sizing:border-box!important;display:flex!important;flex:initial!important;gap:0!important;height:var(--po-stage-h)!important;justify-content:stretch!important;max-width:none!important;min-width:0!important;overflow:visible!important;width:auto!important}.po-detail-industrial .po-stage-bar-block .stage-bar.has-labels .stage-bar-seg,.po-detail-industrial .po-stage-bar-block .stage-bar.has-labels.equal-stages .stage-bar-seg{align-items:center!important;background:#e8eef1;border:0!important;border-radius:0!important;box-shadow:none!important;box-sizing:border-box!important;-webkit-clip-path:polygon(0 0,calc(100% - var(--po-stage-chevron)) 0,100% 50%,calc(100% - var(--po-stage-chevron)) 100%,0 100%,var(--po-stage-chevron) 50%);clip-path:polygon(0 0,calc(100% - var(--po-stage-chevron)) 0,100% 50%,calc(100% - var(--po-stage-chevron)) 100%,0 100%,var(--po-stage-chevron) 50%);color:#475569;display:flex!important;flex:1 1 auto!important;flex-direction:column!important;gap:2px!important;height:var(--po-stage-h)!important;justify-content:flex-start!important;margin:0!important;max-height:var(--po-stage-h)!important;max-width:100%!important;min-height:var(--po-stage-h)!important;overflow:hidden!important;padding:5px calc(var(--po-stage-chevron) + 2px) 4px calc(var(--po-stage-chevron) + 2px)!important;text-align:center!important;width:100%!important}.po-detail-industrial .po-stage-bar-block .stage-bar.has-labels .stage-bar-col:first-child .stage-bar-seg{border-radius:6px 0 0 6px!important;-webkit-clip-path:polygon(0 0,calc(100% - var(--po-stage-chevron)) 0,100% 50%,calc(100% - var(--po-stage-chevron)) 100%,0 100%)!important;clip-path:polygon(0 0,calc(100% - var(--po-stage-chevron)) 0,100% 50%,calc(100% - var(--po-stage-chevron)) 100%,0 100%)!important;padding-left:8px!important}.po-detail-industrial .po-stage-bar-block .stage-bar.has-labels .stage-bar-col:last-child .stage-bar-seg{border-radius:0 6px 6px 0!important;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%,var(--po-stage-chevron) 50%)!important;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,var(--po-stage-chevron) 50%)!important;padding-right:8px!important}.po-detail-industrial .po-stage-bar-block .stage-bar.has-labels .stage-bar-seg.done{background:#d7ebe9;color:#0f5f63}.po-detail-industrial .po-stage-bar-block .stage-bar.has-labels .stage-bar-seg.current{background:#0f5f63;box-shadow:inset 0 0 0 1px #fff3;color:#fff;z-index:2}.po-detail-industrial .po-stage-bar-block .stage-bar.has-labels .stage-bar-seg.upcoming,.po-detail-industrial .po-stage-bar-block .stage-bar.has-labels .stage-bar-seg.waiting{background:#fef3c7;color:#92400e}.po-detail-industrial .po-stage-bar-block .stage-bar.has-labels .stage-bar-seg.not-required{background:#f1f5f9;color:#94a3b8}.po-detail-industrial .po-stage-bar-block .stage-bar.has-labels .stage-bar-step-num{flex:0 0 auto;font:10px/1 IBM Plex Mono,monospace!important;font-weight:700!important;height:auto;letter-spacing:.04em;min-height:11px;opacity:.9;text-align:center;width:100%}.po-detail-industrial .po-stage-bar-block .stage-bar.has-labels .stage-bar-label{-webkit-line-clamp:unset!important;line-clamp:none!important;display:block!important;font-size:10px!important;font-weight:600!important;-webkit-hyphens:none!important;hyphens:none!important;letter-spacing:-.02em;line-height:1.15!important;margin:0!important;max-height:3.45em!important;max-width:100%;min-height:2.3em!important;overflow:hidden!important;overflow-wrap:normal!important;padding:0!important;text-align:center!important;text-overflow:clip!important;white-space:normal!important;width:100%;word-break:keep-all!important}.po-detail-industrial .po-stage-bar-block .stage-bar.has-labels .stage-bar-seg.clickable:hover{filter:brightness(1.05);transform:none!important}.po-detail-industrial .po-stage-bar-block .stage-bar.has-labels .stage-bar-seg.clickable:focus-visible{outline:2px solid #0f5f63;outline-offset:-3px;z-index:3}.po-detail-industrial .po-stage-bar-block .stage-bar.has-labels .stage-bar-seg.current.clickable:focus-visible{outline-color:#fff}.po-detail-industrial .packing-panel,.po-detail-industrial .panel,.po-detail-industrial .qty-ops-panel{background:#fff;border:1px solid var(--po-border)!important;border-radius:4px!important;box-shadow:none!important;height:auto!important;margin:0!important;min-height:0!important;padding:0 0 6px!important}.po-detail-industrial .packing-panel .panel-head,.po-detail-industrial .panel-head,.po-detail-industrial .qty-ops-head{align-items:center;background:#f1f5f7!important;border-bottom:1px solid var(--po-border);box-sizing:border-box;color:var(--po-navy)!important;display:flex;flex-wrap:wrap;gap:4px 8px;height:auto!important;margin:0!important;min-height:var(--po-head);padding:5px 10px!important}.po-detail-industrial .packing-panel .panel-head h3,.po-detail-industrial .panel-head h3,.po-detail-industrial .qty-ops-title h3{color:var(--po-navy)!important;font-size:13px!important;font-weight:700;line-height:1.2;margin:0}.po-detail-industrial .panel-head>.muted,.po-detail-industrial .qty-ops-head .muted{color:#64748b!important}.po-detail-industrial .po-phase-design,.po-detail-industrial .po-phase-helper,.po-detail-industrial .po-phase-payment,.po-detail-industrial .po-phase-print,.po-detail-industrial .po-phase-sample,.po-detail-industrial .po-phase-scheduling,.po-detail-industrial .po-phase-shipping,.po-detail-industrial [data-testid=approval-design-panel],.po-detail-industrial [data-testid=cetak-sample-pair],.po-detail-industrial [data-testid=design-files-panel],.po-detail-industrial [data-testid=helper-prep-panel],.po-detail-industrial [data-testid=operator-progress-panel],.po-detail-industrial [data-testid=payment-approval-pair],.po-detail-industrial [data-testid=payment-panel],.po-detail-industrial [data-testid=penjadwalan-panel],.po-detail-industrial [data-testid=qty-selesai-cetak-panel],.po-detail-industrial [data-testid=screener-panel]{--mod:#0f5f63;--mod-strong:#0b4c4f;--mod-border:#c9d2d8;--mod-head-fg:#0b1f33;--mod-ink:#0b1f33;--mod-soft:#f1f5f7}.po-detail-industrial .workflow-group{background:#0000;border:0;border-radius:0;box-shadow:none;display:flex;flex-direction:column;gap:4px;height:auto!important;margin:10px 0 0!important;min-height:0!important;padding:0}.po-detail-industrial .workflow-group+.workflow-group{margin-top:12px!important}.po-detail-industrial .workflow-group-label{background:#0b3d40;border:0;border-radius:4px;box-sizing:border-box;color:#fff;display:block;font:700 11px/1.25 IBM Plex Mono,monospace;letter-spacing:.08em;margin:0;min-height:34px;padding:8px 12px;text-transform:uppercase;width:100%}.po-detail-industrial .workflow-group-inner{display:flex;flex-direction:column;gap:3px;padding:0}.po-detail-industrial .workflow-group .panel,.po-detail-industrial .workflow-group .po-stage-section{margin:0!important}.po-stage-section{background:#fff;border:1px solid var(--po-border);border-radius:4px;height:auto!important;min-height:0!important;overflow:hidden}.po-stage-section.tone-not-required{background:#f8fafc;border-style:dashed}.po-stage-section.tone-completed{background:#fbfcfd}.po-stage-section.tone-active{border-color:#0f5f63;box-shadow:inset 3px 0 0 #0f5f63}.po-stage-section.tone-blocked{border-color:#f59e0b;box-shadow:inset 3px 0 0 #d97706}.po-stage-summary-row{grid-gap:6px;align-items:center;background:#0000;border:0;color:inherit;cursor:pointer;display:grid;gap:6px;grid-template-columns:30px minmax(0,1fr) minmax(0,1.1fr) 16px;height:auto!important;min-height:38px;padding:4px 8px;text-align:left;width:100%}.po-stage-summary-row:focus-visible{outline:2px solid #0f5f63;outline-offset:-2px}.po-stage-summary-num{color:#64748b;font:10.5px IBM Plex Mono,monospace}.po-stage-summary-main{align-items:center;display:flex;flex-wrap:wrap;gap:4px 8px;min-width:0}.po-stage-summary-title{color:#0b1f33;font-size:12.5px;font-weight:700;line-height:1.2}.po-stage-summary-status{background:#f8fafc;border:1px solid #d5dee3;border-radius:2px;color:#475569;font:10px IBM Plex Mono,monospace;line-height:1.3;padding:1px 5px}.po-stage-summary-status.tone-completed{background:#e7f5f3;border-color:#99d5cf;color:#0f766e}.po-stage-summary-status.tone-active{background:#0f5f63;border-color:#0f5f63;color:#fff}.po-stage-summary-status.tone-blocked{background:#fff7ed;border-color:#f59e0b;color:#92400e}.po-stage-summary-status.tone-not-required{background:#f1f5f9;color:#94a3b8}.po-stage-summary-meta{color:#64748b;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.po-stage-chevron{color:#64748b;height:14px;justify-self:end;transition:transform .15s ease;width:14px}.po-stage-chevron.is-open{transform:rotate(180deg)}.po-stage-section-body{border-top:1px solid #e8eef1;height:auto!important;min-height:0!important;padding:0}.po-stage-section.is-collapsed .po-stage-section-body{border-top:0}.po-stage-section.tone-completed .po-stage-summary-row,.po-stage-section.tone-not-required .po-stage-summary-row{min-height:34px;padding:3px 8px}.po-stage-section .panel{border:0!important;border-radius:0!important;box-shadow:none!important;height:auto!important;margin:0!important;min-height:0!important;padding:0 0 4px!important}.po-stage-section .panel-head{border-radius:0;min-height:30px;padding:3px 8px!important}.po-stage-section .panel-head h3{font-size:12px!important;font-weight:600}.po-detail-industrial .po-actions-panel{padding:0 10px 4px!important}.po-detail-industrial .po-actions-admin-docs .po-actions-group-label,.po-detail-industrial .po-actions-group-label{color:#64748b;display:block;font:10px IBM Plex Mono,monospace;letter-spacing:.05em;margin:4px 0 2px;text-transform:uppercase}.po-detail-industrial .po-actions-admin{border-top:0;margin-top:4px;padding-top:0}.po-detail-industrial .po-actions-danger-toggle{align-items:center;background:#fffaf9;border:1px dashed #f1c0b8;border-radius:3px;color:#7f1d1d;cursor:pointer;display:flex;font-size:12px;font-weight:600;justify-content:space-between;min-height:34px;padding:4px 8px;width:100%}.po-detail-industrial .po-actions-danger-body{border-top:1px solid #f1c0b8;margin-top:4px;padding:4px 2px 2px}.po-detail-industrial .po-actions-ops,.po-detail-industrial .po-actions-row{align-items:center;display:flex;flex-wrap:wrap;gap:6px;padding:2px 0}.po-detail-industrial .po-actions-hint{font-size:11.5px;margin:2px 0 0}.po-detail-industrial .ghost,.po-detail-industrial .primary,.po-detail-industrial .task-button{border-radius:6px;font-size:12.5px;min-height:34px;padding:0 10px}.po-detail-industrial .ghost.sm,.po-detail-industrial .primary.sm{border-radius:4px;font-size:11.5px;min-height:30px;padding:2px 8px}.po-detail-industrial input:not([type=checkbox]):not([type=radio]):not([type=file]),.po-detail-industrial select,.po-detail-industrial textarea{font-size:13px;min-height:36px}.po-detail-industrial .line-items-table{border-collapse:collapse;border-spacing:0;font-size:12.5px;height:auto!important;table-layout:auto;width:100%}.po-detail-industrial .line-items-table th{background:#f8fafc;border-bottom:1px solid #d5dee3;color:#64748b;font:10px IBM Plex Mono,monospace;height:auto!important;letter-spacing:.03em;line-height:1.2;padding:4px 6px;text-align:left;text-transform:uppercase;white-space:nowrap}.po-detail-industrial .line-items-table td{border-bottom:1px solid #eef2f4;height:auto!important;line-height:1.25;min-height:0!important;padding:3px 6px!important;vertical-align:middle!important}.po-detail-industrial .line-items-table tr.line-item,.po-detail-industrial .line-items-table tr.line-item-row{border-bottom:0!important;display:table-row!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:0!important;height:auto!important;min-height:0!important;padding:0!important}.po-detail-industrial .line-items-table .num{font-feature-settings:"tnum";font-family:IBM Plex Mono,monospace;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.po-detail-industrial .line-items-table .li-name{max-width:280px;min-width:140px}.po-detail-industrial .line-items-table .li-name strong{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;font-size:12.5px;font-weight:600;line-height:1.25;max-height:2.5em;overflow:hidden;overflow-wrap:anywhere}.po-detail-industrial .line-items-table .li-notes{-webkit-box-orient:vertical;-webkit-line-clamp:1;color:#64748b;display:-webkit-box;font-size:11px;line-height:1.2;margin-top:1px;overflow:hidden}.po-detail-industrial .li-color-view{align-items:center;display:inline-flex;gap:4px;max-width:100%;min-width:0}.po-detail-industrial .li-color-value{overflow-wrap:anywhere}.po-detail-industrial .li-color-edit-btn{align-items:center;display:inline-flex;height:28px;justify-content:center;min-height:28px;min-width:28px;padding:0;width:28px}.po-detail-industrial .li-color-editor{align-items:center;display:flex;flex-wrap:wrap;gap:4px;max-width:100%}.po-detail-industrial .li-color-editor input{font-size:12px;height:28px;max-width:100%;min-height:28px;padding:2px 6px;width:8.5rem}.po-detail-industrial .li-color-editor .ghost,.po-detail-industrial .li-color-editor .primary{font-size:12px;min-height:28px;padding:0 8px}.po-detail-industrial .li-color-error{color:#b91c1c;flex-basis:100%;font-size:11px;line-height:1.3;margin:0}.po-detail-industrial .li-process{background:#f8fafc;border:1px solid #cbd5e1;border-radius:2px;color:#334155;font:10px IBM Plex Mono,monospace;padding:1px 5px;white-space:nowrap}.po-detail-industrial .li-actions{vertical-align:middle;white-space:normal}.po-detail-industrial .li-route-cell{min-width:148px;vertical-align:middle}.po-detail-industrial .li-route-controls{align-items:center;display:inline-flex;flex-wrap:nowrap;gap:4px}.po-detail-industrial .li-route-editor{align-items:flex-start;display:flex;flex-direction:column;gap:1px}.po-detail-industrial .li-route-err{align-items:center;color:#8f1f1f;display:inline-flex;font-size:11px;gap:3px;line-height:1.2}.po-detail-industrial .line-product-replace{align-items:flex-start;display:flex;flex-direction:column;gap:4px;max-width:220px}.po-detail-industrial .production-route-panel.is-compact{height:auto!important;min-height:0!important;padding:0 0 2px!important}.po-detail-industrial .attachments-block,.po-detail-industrial .attachments-grid{height:auto!important;margin-bottom:4px;min-height:0!important}.po-detail-industrial .attachments-grid{align-items:stretch}.po-detail-industrial .attachments-grid>.empty{background:#0000;border:0;flex:1 1 100%;font-size:12px;font-style:normal;margin:0;min-height:0!important;padding:2px 0}.po-detail-industrial .attachment-card{border-radius:3px;flex:0 0 auto;gap:2px;height:auto!important;min-height:0!important;padding:3px;transform:none;width:92px}.po-detail-industrial .attachment-card:hover{transform:none}.po-detail-industrial .attachment-card img,.po-detail-industrial .file-thumb{min-height:0!important;object-fit:cover;width:100%}.po-detail-industrial .attachment-meta{gap:0}.po-detail-industrial .attachment-meta strong{font-size:10.5px}.po-detail-industrial .attachment-meta span{font-size:10px}.po-detail-industrial .attachment-actions{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px!important}.po-detail-industrial .design-actions{gap:6px!important;margin-top:4px!important}.po-detail-industrial .empty-state{font-size:12.5px;min-height:0!important;padding:6px 8px}.po-detail-industrial .empty{font-size:12px;margin:2px 0}.po-detail-industrial .po-info-grid{gap:3px 10px;padding:4px 10px}.po-detail-industrial .po-info-grid .lbl{color:#64748b;font-size:10px;letter-spacing:0}.po-detail-industrial .po-info-grid strong{font-size:12.5px;font-weight:600;line-height:1.25;overflow-wrap:anywhere}.po-detail-industrial .po-info-panel{padding:0 0 4px!important}.po-detail-industrial .po-info-address{margin:0}.po-detail-industrial .po-info-empty{color:#94a3b8;font-weight:500}.po-detail-industrial .po-info-edit{min-height:30px!important}.po-detail-industrial .po-notes-panel.is-empty .note-add{margin-top:2px}.po-detail-industrial .po-notes-empty{font-size:12px;margin:4px 10px}.po-detail-industrial .po-history-toggle{align-items:center;border:0;cursor:pointer;display:flex;gap:8px;min-height:36px;padding:3px 8px;width:100%}.po-detail-industrial .po-history-toggle .po-stage-chevron{margin-left:auto}.po-detail-industrial .pill{border-radius:3px;font-size:11px;min-height:0;padding:1px 6px}.po-detail-industrial .pill.sm{font-size:10.5px;padding:1px 5px}@media (max-width:1280px){.po-stage-summary-row{grid-template-columns:28px minmax(0,1fr) 16px}.po-stage-summary-meta{display:none}}.po-detail-industrial .line-items-table-wrap{height:auto!important;min-height:0!important;overflow-x:auto;padding:0 6px 2px}.po-detail-industrial .po-line-items-panel{height:auto!important;min-height:0!important;padding:0 0 2px!important}.po-detail-industrial .li-name{max-width:280px;min-width:140px}.po-detail-industrial .li-name strong{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;font-size:12.5px;font-weight:600;line-height:1.25;max-height:2.5em;overflow:hidden}.po-detail-industrial .li-notes{-webkit-box-orient:vertical;-webkit-line-clamp:1;color:#64748b;display:-webkit-box;font-size:11px;margin-top:1px;overflow:hidden}.po-detail-industrial .li-process.is-print{background:#eef8f7;border-color:#99d5cf;color:#0f5f63}.po-detail-industrial .li-process.is-nonprint{background:#f5f5f4;border-color:#d6d3d1;color:#57534e}.po-detail-industrial .li-process.is-unset{background:#f8fafc;border-color:#e2e8f0;color:#94a3b8}.po-detail-industrial .production-route-compact-hint{font-size:12px;line-height:1.35;margin:4px 10px 2px}.po-detail-industrial .attachments-grid{display:flex!important;flex-wrap:wrap;gap:6px;grid-template-columns:none!important;height:auto!important;min-height:0!important}.po-detail-industrial .attachment-card img,.po-detail-industrial .file-thumb{height:52px!important}.po-detail .design-ws-head,.po-detail-industrial .design-ws-head{align-items:center;display:flex!important;flex-direction:row;flex-wrap:nowrap;gap:12px;justify-content:space-between}.po-detail .design-ws-heading{flex:1 1 auto;min-width:0}.po-detail .design-ws-heading h3{flex:0 1 auto!important;margin:0}.po-detail .design-ws-heading p{margin:2px 0 0}.po-detail .design-ws-head>.pill{flex:0 0 auto;margin-left:auto}.po-detail [data-testid=upload-design-button].design-upload-btn{background:#0f5f63;border:1px solid #0b4c4f;border-radius:4px;color:#fff;font-weight:700;min-height:34px;padding:4px 12px}.po-detail .ca-signature-audit{grid-gap:4px;display:grid;gap:4px;margin:8px 0 0}.po-detail .ca-signature-audit div{grid-gap:8px;display:grid;gap:8px;grid-template-columns:120px minmax(0,1fr)}.po-detail .ca-signature-audit dt{color:#64748b;font-size:11px;letter-spacing:.04em;margin:0;text-transform:uppercase}.po-detail .ca-signature-audit dd{color:#0b1f33;font-size:13px;margin:0}@media (max-width:820px){.po-detail .po-phase-design .po-pair-col{padding:8px 10px}.po-detail .po-phase-design .design-proof-preview{min-height:0;padding:8px}.po-detail-industrial .po-phase-design .design-proof-preview .file-thumb,.po-detail-industrial .po-phase-design .design-proof-preview img{height:140px!important;min-height:140px}.po-detail .design-ws-head,.po-detail-industrial .design-ws-head{align-items:flex-start;flex-wrap:wrap}.po-detail .ca-timeline li{padding-bottom:6px}.po-detail .ca-signature-preview{max-height:110px}}.po-detail .po-phase-design .pill-warn{background:#fffbeb;border:1px solid #fcd34d;color:#b45309}.po-detail .po-phase-design .pill-ok{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857}.po-detail [data-testid=design-files-panel] .attachments-grid,.po-detail-industrial [data-testid=design-files-panel] .attachments-grid{grid-gap:10px;display:grid!important;gap:10px;grid-template-columns:minmax(0,1fr)!important;width:100%}.po-detail-industrial [data-testid=design-files-panel] .design-proof-card{background:#fff;flex:1 1 auto;gap:10px;padding:12px;width:100%}.po-detail [data-testid=design-files-panel] .design-proof-preview{align-items:center;background:#e8eef1;border:1px solid #d5dee3;display:flex;justify-content:center;min-height:200px;padding:16px}.po-detail-industrial [data-testid=design-files-panel] .design-proof-preview .file-thumb,.po-detail-industrial [data-testid=design-files-panel] .design-proof-preview img{background:#fff;border:1px solid #c9d2d8;box-shadow:0 8px 18px #0f172a14;height:210px!important;max-width:100%;min-height:210px;object-fit:contain;width:100%}.po-detail [data-testid=design-files-panel] .design-proof-meta{background:#f8fafc;border:1px solid #e2e8f0;margin:0;padding:10px}.po-detail [data-testid=design-files-panel] .design-proof-meta strong{display:block;font-size:14px;line-height:1.3;margin-bottom:8px;white-space:normal}.po-detail .design-proof-facts{grid-gap:6px;display:grid;gap:6px;margin:0}.po-detail .design-proof-facts div{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:88px minmax(0,1fr)}.po-detail .design-proof-facts dt{color:#64748b;font-size:11px;letter-spacing:.04em;margin:0;text-transform:uppercase}.po-detail .design-proof-facts dd{color:#0b1f33;font-size:13px;margin:0}.po-detail [data-testid=design-files-panel] .design-proof-actions{gap:8px;margin-top:0!important;padding-top:2px}.po-detail [data-testid=approval-design-actions]{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}.po-detail [data-testid=approval-design-actions] .primary{font-weight:700}.po-detail [data-testid=approval-design-actions] .ghost{background:#fff}.po-detail .ca-approval-head{align-items:flex-start;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.po-detail .ca-panel .ca-status-lg{border-radius:4px;font-size:14px;font-weight:700;padding:8px 12px}.po-detail .ca-panel .status-chip.status-active,.po-detail .ca-panel .status-chip.status-none{background:#fffbeb;color:#b45309}.po-detail .ca-panel .status-chip.status-approved{background:#ecfdf5;color:#047857}.po-detail .ca-panel .status-chip.status-rejected{background:#fef2f2;color:#b91c1c}.po-detail .ca-info-label{color:#64748b;font-size:11px;font-weight:700;letter-spacing:.06em;margin:12px 0 0;text-transform:uppercase}.po-detail .ca-timeline{border-left:2px solid #d5dee3;list-style:none;margin:8px 0 0;padding:0 0 0 16px}.po-detail .ca-timeline li{display:flex;flex-wrap:wrap;gap:4px 10px;padding:0 0 10px 12px;position:relative}.po-detail .ca-timeline li:before{background:#fff;border:2px solid #0f5f63;border-radius:50%;content:"";height:8px;left:-21px;position:absolute;top:4px;width:8px}.po-detail .ca-timeline .lbl{color:#64748b;font-size:11px;letter-spacing:.04em;min-width:110px;text-transform:uppercase}.po-detail .ca-signature-block{margin-top:8px}.po-detail .ca-signature-preview{background:#fff;border:1px solid var(--line);border-radius:6px;display:block;margin-top:6px;max-height:160px;max-width:100%;padding:4px}.po-detail-industrial .panel{margin:0!important}.po-detail-industrial .po-kpi-strip .ind-metrics{gap:4px!important;padding:4px 8px!important}.po-detail-industrial .po-kpi-strip .ind-metric{min-height:0!important;padding:2px 4px!important}.po-detail-industrial .po-kpi-strip .ind-metric .lbl{font-size:10px!important;margin:0!important}.po-detail-industrial .po-kpi-strip .ind-metric strong{font-size:16px!important;line-height:1.1!important}.po-detail-industrial .po-kpi-status-row{font-size:11.5px!important;padding:1px 10px 3px!important}.po-detail-industrial .po-focus-panel{gap:1px!important;padding:4px 8px!important}.po-detail-industrial .po-focus-title{font-size:13px!important}.po-detail-industrial .po-focus-detail{font-size:12px!important}.po-detail-industrial .po-focus-actions{gap:4px!important;margin-top:1px!important}.po-detail-industrial .po-focus-actions .ghost.sm,.po-detail-industrial .po-focus-actions .po-action-primary{min-height:28px!important;padding:2px 8px!important}.po-detail-industrial .po-meta-aksi-row{grid-gap:8px;align-items:start;display:grid;gap:8px;grid-template-columns:1.2fr 1fr;margin:0!important}.po-detail-industrial .po-actions-panel,.po-detail-industrial .po-info-panel{height:auto!important;margin:0!important;min-height:0!important;padding:0 0 4px!important}.po-detail-industrial .po-actions-panel .panel-head,.po-detail-industrial .po-info-panel .panel-head{margin:0!important;min-height:32px!important;padding:4px 8px!important}.po-detail-industrial .po-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.po-detail-industrial .po-info-grid>div{min-height:0;padding:1px 0}.po-detail-industrial .po-info-edit,.po-detail-industrial .po-info-grid .ghost.sm{margin-top:2px!important;min-height:24px!important;padding:1px 6px!important}.po-detail-industrial .po-info-grid .lbl{font-size:9.5px!important;line-height:1.2}.po-detail-industrial .po-info-grid strong{font-size:12px!important}.po-detail-industrial .po-actions-admin-docs,.po-detail-industrial .po-actions-ops{gap:4px!important;padding:2px 8px!important}.po-detail-industrial .po-actions-admin-docs .ghost,.po-detail-industrial .po-actions-ops .ghost,.po-detail-industrial .po-actions-ops .primary{font-size:12px!important;min-height:28px!important;padding:2px 8px!important}.po-detail-industrial .po-actions-danger-toggle{margin:2px 8px!important;min-height:28px!important;padding:3px 8px!important}.po-detail-industrial .po-line-items-panel,.po-detail-industrial .production-route-panel.is-compact{margin-top:4px!important}@media (max-width:1280px){.po-detail-industrial .po-meta-aksi-row{grid-template-columns:1fr}}.po-detail-industrial .po-info-grid{grid-gap:1px 8px!important;display:grid!important;gap:1px 8px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;padding:3px 8px!important}.po-detail-industrial .po-info-grid>*{margin:0!important;padding:0!important}.po-detail-industrial .po-info-grid .lbl{font-size:9px!important;line-height:1.15!important;margin:0!important}.po-detail-industrial .po-info-grid strong{font-size:11.5px!important;line-height:1.2!important}.po-detail-industrial .po-info-address{grid-column:1/-1}.po-detail-industrial .po-info-edit,.po-detail-industrial .po-info-grid .ghost.sm{font-size:11px!important;min-height:22px!important;padding:0 6px!important}@media (max-width:1100px){.po-detail-industrial .po-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}.po-detail-industrial .detail-header{padding-bottom:2px!important}.po-detail-industrial .po-hero-customer{font-size:clamp(16px,1.5vw,19px)!important}.po-detail-industrial .po-hero-toolbar{margin-top:0!important}.po-detail-industrial .po-kpi-strip .ind-metrics{padding:2px 6px!important}.po-detail-industrial .po-kpi-strip .ind-metric strong{font-size:15px!important}.po-detail-industrial .po-kpi-status-row{font-size:11px!important;padding:0 8px 2px!important}.po-detail-industrial .po-focus-panel{padding:3px 8px!important}.po-detail-industrial .po-focus-kicker{font-size:9px!important}.po-detail-industrial .po-focus-title{font-size:12.5px!important}.po-detail-industrial .po-focus-detail{font-size:11.5px!important;line-height:1.25!important}.po-detail-industrial .po-focus-actions .ghost.sm,.po-detail-industrial .po-focus-actions .po-action-primary{font-size:11.5px!important;min-height:26px!important}.po-detail-industrial .po-meta-aksi-row{gap:6px!important}.po-detail-industrial .po-actions-panel .panel-head,.po-detail-industrial .po-info-panel .panel-head,.po-detail-industrial .po-line-items-panel .panel-head{min-height:28px!important;padding:3px 8px!important}.po-detail-industrial .line-items-table th{padding:3px 5px!important}.po-detail-industrial .line-items-table td{padding:2px 5px!important}.po-detail-stage-workspace{background:#f4f6f7}.po-detail-stage-workspace .po-stage-ws-header{background:#f7f8f9;padding-bottom:4px!important;position:-webkit-sticky;position:sticky;top:0;z-index:22}.po-detail-stage-workspace .po-stage-ws-chrome{background:#fff;border:1px solid #c9d2d8;border:1px solid var(--po-border,#c9d2d8);border-radius:4px;margin-top:8px;min-width:0}.po-detail-stage-workspace .po-stage-ws-chrome-head{align-items:center;background:#0b1f33;color:#fff;display:flex;gap:8px;justify-content:space-between;padding:8px 10px}.po-detail-stage-workspace .po-stage-ws-kicker{color:#9fb0bf;display:block;font:10px/1.2 IBM Plex Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.po-detail-stage-workspace .po-stage-ws-chrome-head h2{color:#fff;font-size:16px;line-height:1.2;margin:2px 0 0}.po-detail-stage-workspace .po-stage-ws-chrome-head .ghost{background:#12324c;border-color:#2a4d68;color:#fff}.po-detail-stage-workspace .po-stage-ws-stack .workflow-group{display:contents}.po-detail-stage-workspace .po-stage-ws-stack .workflow-group[hidden],.po-detail-stage-workspace .po-stage-ws-stack [hidden]{display:none!important}.po-detail-stage-workspace .po-stage-ws-stack .po-stage-summary-row,.po-detail-stage-workspace .po-stage-ws-stack .workflow-group-label{display:none}.po-detail-stage-workspace .po-stage-ws-stack .po-stage-section{border:0;border-radius:0}.po-detail-stage-workspace .po-stage-ws-stack .po-stage-section-body{display:block}.po-detail-stage-workspace .po-stage-ws-stack .po-stage-section-body[hidden]{display:none!important}.po-detail-stage-workspace .po-stage-bar-block .stage-bar.has-labels .stage-bar-seg.upcoming,.po-detail-stage-workspace .po-stage-bar-block .stage-bar.has-labels .stage-bar-seg.waiting{background:#e8edf1;color:#5b6775}.po-detail-stage-workspace .po-stage-bar-block .stage-bar.has-labels .stage-bar-seg.blocked{background:#ffedd5;color:#9a3412}.po-detail-stage-workspace .po-stage-bar-block .stage-bar.has-labels .stage-bar-seg.done{background:#cdeadf;color:#166534}.po-detail-stage-workspace .po-stage-bar-block .stage-bar.has-labels .stage-bar-seg.current,.po-detail-stage-workspace .po-stage-bar-block .stage-bar.has-labels .stage-bar-seg.is-actual{background:#0f5f63;color:#fff;z-index:2}.po-detail-stage-workspace .po-stage-bar-block .stage-bar.has-labels .stage-bar-seg.is-viewed:not(.is-actual){background:#dbe7f6;box-shadow:inset 0 0 0 2px #2563eb;color:#1e3a8a;z-index:3}.po-detail-stage-workspace .po-stage-bar-block .stage-bar.has-labels .stage-bar-seg.is-actual.is-viewed{box-shadow:inset 0 0 0 2px #93c5fd}.po-detail-stage-workspace .po-stage-bar-block .stage-bar.has-labels .stage-bar-seg.is-cancelled,.po-detail-stage-workspace .po-stage-bar-block .stage-bar.has-labels .stage-bar-seg.is-hold{background:#b91c1c;color:#fff}.po-detail-stage-workspace .po-stage-bar-block .stage-bar.has-labels .stage-bar-seg.not-required{background:#f1f5f9;color:#94a3b8;outline:1px dashed #cbd5e1;outline-offset:-2px}.po-detail-stage-workspace .po-stage-bar-block .stage-bar.has-labels .stage-bar-seg.clickable:hover{filter:brightness(1.08)}.po-detail-stage-workspace .po-stage-bar-block .stage-bar.has-labels .stage-bar-seg.clickable:focus-visible{outline:2px solid #2563eb;outline-offset:-3px;z-index:4}.po-detail-stage-workspace .po-pair-grid>[hidden]{display:none!important}.po-detail-stage-workspace .po-stage-ws-stack .po-pair-card{margin-top:0}.po-sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.po-mobile-stage-chrome{display:none}.po-stage-sheet-root,.po-summary-drawer-root{inset:0;position:fixed;z-index:80}.po-stage-sheet-root[hidden],.po-summary-drawer-root[hidden]{display:none!important}.po-stage-sheet-scrim,.po-summary-drawer-scrim{background:#0b1f3359;border:0;cursor:pointer;inset:0;padding:0;position:absolute}.po-summary-drawer{background:#fff;border-left:1px solid #c9d2d8;box-shadow:-8px 0 24px #0b1f331f;display:flex;flex-direction:column;height:100%;position:absolute;right:0;top:0;width:min(420px,92vw)}.po-stage-sheet-head,.po-summary-drawer-head{align-items:flex-start;border-bottom:1px solid #e8eef1;display:flex;gap:8px;justify-content:space-between;padding:12px 14px}.po-summary-kicker{color:#64748b;font:10px/1.2 IBM Plex Mono,monospace;letter-spacing:.08em;margin:0;text-transform:uppercase}.po-stage-sheet-head h2,.po-summary-drawer-head h2{font-size:18px;margin:4px 0 0}.po-summary-drawer-body{overflow:auto;padding:12px 14px}.po-summary-dl{grid-gap:10px 14px;display:grid;gap:10px 14px;grid-template-columns:1fr 1fr;margin:0}.po-summary-dl dt{color:#64748b;font-size:11px;margin:0}.po-summary-dl dd{font-weight:600;margin:2px 0 0}.po-summary-notes{grid-column:1/-1;margin-top:8px}.po-summary-notes pre{font-size:13px;white-space:pre-wrap}.po-stage-sheet{background:#fff;border-radius:12px 12px 0 0;bottom:0;display:flex;flex-direction:column;left:0;max-height:86vh;position:absolute;right:0}.po-stage-sheet-list{list-style:none;margin:0;overflow:auto;padding:0 8px 16px}.po-stage-sheet-item{align-items:center;background:#0000;border:0;border-bottom:1px solid #eef2f4;display:flex;gap:10px;min-height:44px;padding:10px 8px;text-align:left;width:100%}.po-stage-sheet-item.is-viewed{background:#eff6ff}.po-stage-sheet-item.is-actual{box-shadow:inset 3px 0 0 #0f5f63}.po-stage-sheet-num{font:12px IBM Plex Mono,monospace;font-weight:700;width:22px}.po-stage-sheet-main{flex:1 1;min-width:0}.po-stage-sheet-main strong{display:block}.po-stage-sheet-status{color:#64748b;display:block;font-size:12px}.po-stage-sheet-flag{color:#0f5f63;font-size:11px;font-weight:700}@media (max-width:640px){.po-mobile-stage-chrome{display:none}.po-mobile-stage-kicker{color:#64748b;font-size:11px;margin:0}.po-summary-drawer{max-width:none;width:100%}.po-detail-stage-workspace{overflow-x:hidden}.po-detail-stage-workspace .po-hero-title-row{align-items:stretch;flex-direction:column;gap:8px}.po-detail-stage-workspace .po-hero-customer,.po-detail-stage-workspace .po-hero-identity{flex:1 1 auto;min-width:0;overflow-wrap:break-word;white-space:normal;width:100%;word-break:normal}.po-detail-stage-workspace .po-hero-title-actions{flex:1 1 auto;flex-wrap:wrap;justify-content:flex-start}.po-detail-stage-workspace .po-hero-toolbar{align-items:flex-start}.po-stage-sheet-item{min-height:48px}}.prediksi-order-page .prediksi-heading{align-items:center;flex-direction:row;gap:12px;justify-content:space-between;margin:0 0 6px;padding:0}.prediksi-order-page .prediksi-heading-copy{min-width:0}.prediksi-order-page .prediksi-heading-copy p{margin:2px 0 0}.prediksi-order-page .ship-status-heading.page-heading>.primary{align-self:center;margin:0;min-height:32px;padding:0 12px;white-space:nowrap}.prediksi-order-page .prediksi-kpi{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(5,minmax(0,1fr));margin:0 0 6px}.prediksi-order-page .prediksi-kpi .kpi-card{align-items:center;border-radius:4px;box-shadow:none;display:flex;flex-direction:row;gap:8px;justify-content:space-between;min-height:48px;padding:6px 10px}.prediksi-order-page .prediksi-kpi .kpi-head{min-width:0}.prediksi-order-page .prediksi-kpi .kpi-head span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prediksi-order-page .prediksi-kpi .kpi-card strong{font-size:20px;line-height:1}.prediksi-order-page .prediksi-kpi .kpi-card-clickable:hover{box-shadow:inset 0 0 0 1px #0f172a;box-shadow:inset 0 0 0 1px var(--ink,#0f172a);transform:none}.prediksi-order-page .prediksi-kpi .kpi-card-active{box-shadow:inset 0 0 0 2px #0f172a;box-shadow:inset 0 0 0 2px var(--ink,#0f172a);transform:none}.prediksi-order-page .prediksi-controls-row{align-items:flex-end;display:flex;gap:8px;margin:0 0 6px}.prediksi-order-page .prediksi-controls-row .prediksi-tabs{flex:0 0 auto;margin:0;padding-bottom:1px}.prediksi-order-page .prediksi-controls-row .ship-status-toolbar{flex:1 1 auto;flex-wrap:nowrap;margin:0;min-width:0}.prediksi-order-page .prediksi-controls-row .ship-filter-field{flex:1 1 112px;min-width:104px}.prediksi-order-page .prediksi-controls-row .ship-filter-field:first-child{flex:1.8 1 210px}.prediksi-order-page .prediksi-controls-row .ship-filter-field input,.prediksi-order-page .prediksi-controls-row .ship-filter-field select{min-width:0;width:100%}.prediksi-order-page .prediksi-compact-table{max-height:calc(100vh - 292px);min-height:320px;overflow:auto}.prediksi-order-page .prediksi-compact-table .ship-table{min-width:980px;table-layout:fixed;width:100%}.prediksi-order-page .prediksi-compact-table .ship-table th{position:-webkit-sticky;position:sticky;top:0;z-index:2}.prediksi-order-page .prediksi-compact-table .ship-table td,.prediksi-order-page .prediksi-compact-table .ship-table th{height:36px;line-height:1.2;padding:5px 8px;vertical-align:middle}.prediksi-order-page .prediksi-compact-table .ship-table th:first-child{width:21%}.prediksi-order-page .prediksi-compact-table .ship-table th:nth-child(2){width:10%}.prediksi-order-page .prediksi-compact-table .ship-table th:nth-child(3),.prediksi-order-page .prediksi-compact-table .ship-table th:nth-child(4){width:11%}.prediksi-order-page .prediksi-compact-table .ship-table th:nth-child(5){width:15%}.prediksi-order-page .prediksi-compact-table .ship-table th:nth-child(6),.prediksi-order-page .prediksi-compact-table .ship-table th:nth-child(7){width:10%}.prediksi-order-page .prediksi-compact-table .ship-table th:nth-child(8),.prediksi-order-page .prediksi-compact-table .ship-table th:nth-child(9){width:6%}.prediksi-order-page .prediksi-customer-cell{min-width:0;white-space:normal!important}.prediksi-order-page .prediksi-customer-cell span,.prediksi-order-page .prediksi-customer-cell strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prediksi-order-page .prediksi-customer-cell strong{font-weight:700}.prediksi-order-page .prediksi-customer-cell span{color:#64748b;color:var(--soft,#64748b);font-size:11px;margin-top:2px}.prediksi-order-page .prediksi-confidence,.prediksi-order-page .prediksi-status-pill{align-items:center;background:#f1f5f9;background:var(--bg-soft,#f1f5f9);border-radius:999px;color:#0f172a;color:var(--ink,#0f172a);display:inline-flex;font-size:11px;min-height:22px;padding:2px 7px;white-space:nowrap}.prediksi-order-page .prediksi-status-pill.is-success{background:#dcfce7;color:#166534}.prediksi-order-page .prediksi-status-pill.is-urgent{background:#fef3c7;color:#92400e}.prediksi-order-page .prediksi-status-pill.is-danger{background:#fee2e2;color:#991b1b}.prediksi-order-page .prediksi-status-pill.is-muted{background:#e2e8f0;color:#475569}.prediksi-order-page .prediksi-detail-button{background:#fff;background:var(--surface,#fff);border:1px solid #cbd5e1;border:1px solid var(--ship-border,#cbd5e1);border-radius:4px;color:#0f172a;color:var(--ink,#0f172a);cursor:pointer;font:inherit;font-size:11px;min-height:26px;padding:0 8px}.prediksi-order-page .prediksi-detail-button:hover{border-color:#0f172a;border-color:var(--ink,#0f172a)}@media(max-width:1180px){.prediksi-order-page .prediksi-controls-row{align-items:stretch;flex-direction:column}.prediksi-order-page .prediksi-controls-row .ship-status-toolbar{flex-wrap:wrap;width:100%}.prediksi-order-page .prediksi-compact-table{max-height:calc(100vh - 352px)}}@media(max-width:760px){.prediksi-order-page .prediksi-heading{align-items:flex-start;flex-direction:column}.prediksi-order-page .prediksi-heading .primary{align-self:flex-start}.prediksi-order-page .prediksi-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}.prediksi-order-page .prediksi-controls-row .ship-filter-field{min-width:calc(50% - 4px)}.prediksi-order-page .prediksi-compact-table{max-height:none;min-height:0}}.line-item-edit-modal{display:flex;flex-direction:column;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);max-width:620px;overflow:hidden;width:min(620px,calc(100vw - 32px))}.line-item-edit-modal .modal-head{align-items:flex-start;flex:0 0 auto;padding:18px 22px}.line-item-edit-modal .modal-head h3{font-size:19px;letter-spacing:0;margin:0 0 3px;text-transform:none}.line-item-edit-body{display:flex;flex:1 1 auto;flex-direction:column;gap:16px;min-height:0;overflow-y:auto;padding:18px 22px}.line-item-edit-label,.line-item-edit-section-label{color:var(--soft);display:block;font:600 10px IBM Plex Mono,monospace;letter-spacing:.12em;margin-bottom:7px;text-transform:uppercase}.line-item-edit-label span{font-family:inherit;font-weight:400;letter-spacing:.04em;text-transform:none}.line-item-edit-current{background:var(--paper);border:1px solid var(--line);border-left:3px solid var(--ep-dark);padding:12px 14px}.line-item-edit-current-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:minmax(0,1fr) minmax(120px,.34fr)}.line-item-edit-current-grid>div{display:flex;flex-direction:column;gap:3px;min-width:0}.line-item-edit-current-grid strong{font-size:14px;line-height:1.35}.line-item-edit-current-grid .mono{margin:0}.line-item-edit-field{display:block}.line-item-edit-qty-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto}.po-detail-industrial .line-item-edit-modal .line-item-edit-qty-wrap input{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:4px 0 0 4px!important;border-right:0!important;box-sizing:border-box!important;color:var(--ink)!important;font:600 15px IBM Plex Mono,monospace;height:44px!important;min-height:44px!important;min-width:0;padding:0 13px!important}.line-item-edit-qty-wrap input:focus{outline:2px solid var(--blue);outline-offset:-1px}.line-item-edit-qty-wrap>span{align-items:center;background:var(--muted);border:1px solid var(--line);border-radius:0 4px 4px 0;color:var(--soft);display:flex;font:12px IBM Plex Mono,monospace;justify-content:center;min-width:58px}.line-item-edit-preview{background:#f1f8f5;border:1px solid #bdd7ce;padding:12px 14px}.line-item-edit-preview .line-item-edit-section-label{color:#316d5b}.line-item-edit-preview-row{align-items:center;color:var(--green);display:flex;gap:12px;justify-content:space-between}.line-item-edit-preview-row>div{display:flex;flex-direction:column;gap:3px;min-width:0}.line-item-edit-preview-row strong{color:var(--ink);font-size:14px;line-height:1.35}.line-item-edit-preview-row span{color:var(--soft);font:12px IBM Plex Mono,monospace}.line-item-edit-note{color:var(--soft);font-size:12px;line-height:1.45;margin:0}.line-item-edit-footer{background:var(--surface);border-top:1px solid var(--line);display:flex;flex:0 0 auto;gap:8px;justify-content:flex-end;padding:12px 22px}@media(max-width:640px){.line-item-edit-modal{max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px);overflow:hidden;width:calc(100vw - 20px)}.line-item-edit-body{padding:16px}.line-item-edit-footer,.line-item-edit-modal .modal-head{padding-left:16px;padding-right:16px}.line-item-edit-current-grid{grid-template-columns:1fr}.line-item-edit-footer{background:var(--surface)}.line-item-edit-footer button{flex:1 1}}.kas-bank-page .kb-ar-tabs{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 10px}.kas-bank-page .kb-ar-tab{background:#fff;border:1px solid var(--kb-line-strong);border-radius:4px;color:var(--ink);font:600 12px/1.2 IBM Plex Sans,sans-serif;padding:6px 10px}.kas-bank-page .kb-ar-tab.is-active{background:var(--mod-ink);border-color:var(--mod-ink);color:#fff}.kas-bank-page .kb-ar-note{color:var(--soft);font-size:12px;line-height:1.4;margin:0 0 10px}.kas-bank-page .kb-ar-table-scroll{max-height:min(52vh,560px);overflow:auto}.kas-bank-page .kb-ar-aging-strip{grid-template-columns:repeat(5,minmax(0,1fr))}@media (max-width:900px){.kas-bank-page .kb-ar-aging-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:560px){.kas-bank-page .kb-ar-aging-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}.app-shell:has(.finance-dashboard-page){height:100dvh;max-height:100dvh;overflow:hidden}.app-main:has(.finance-dashboard-page){height:100%;max-height:100%;min-height:0;min-width:0;overflow:hidden}.app-main:has(.finance-dashboard-page) .topbar{flex-shrink:0}.content.content-workspace:has(.finance-dashboard-page),.content:has(.finance-dashboard-page){display:flex;flex:1 1 auto;flex-direction:column;margin:0;max-width:none;min-height:0;overflow:hidden;padding:0;width:100%}.content:has(.finance-dashboard-page)>.kb-workspace-tabs{flex:0 0 auto;position:relative;top:0}.finance-dashboard-page{background:var(--paper);box-sizing:border-box;color:var(--ink);display:flex;flex:1 1 auto;flex-direction:column;gap:8px;min-height:0;min-width:0;overflow:hidden;padding:8px 12px 10px}.finance-dashboard-page h1{color:var(--ep-dark);font-size:18px;line-height:1.2;margin:0;white-space:nowrap}.finance-dashboard-page h2{font-size:13px;font-weight:650;line-height:1.25;margin:0}.finance-dashboard-page h3{color:var(--ep-dark);font-size:14px;line-height:1.3;margin:0}.fd-kicker{color:var(--soft);font:11px IBM Plex Mono,monospace;letter-spacing:.04em;margin:0;text-transform:uppercase}.fd-head,.fd-kicker{align-items:center;display:flex;gap:6px}.fd-head{flex:0 0 auto;flex-wrap:wrap;min-width:0}.fd-banner{align-items:center;display:flex;gap:8px}.fd-presets{display:flex;flex:0 0 auto;gap:6px}.fd-detail-btn,.fd-drawer header button,.fd-presets button,.fd-reload{background:#fff;border:1px solid var(--line);border-radius:6px;color:var(--ink);cursor:pointer;font-size:13px;height:32px;padding:0 10px;white-space:nowrap}.fd-detail-btn,.fd-presets button.is-active{background:var(--ep-dark);border-color:var(--ep-dark);color:#fff}.fd-detail-btn{align-items:center;display:inline-flex;gap:6px}.fd-detail-btn b{background:#f59e0b;border-radius:9px;color:#172126;font:700 12px/18px IBM Plex Mono,monospace;height:18px;min-width:18px;padding:0 5px}.fd-custom{display:flex;gap:6px}.fd-custom input{background:#fff;border:1px solid var(--line);border-radius:6px;font-size:13px;height:32px;padding:0 8px}.fd-hint,.fd-loaded,.fd-range{color:var(--soft);font-size:13px;line-height:1.35;margin:0;white-space:nowrap}.fd-loaded{margin-left:auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.fd-status{font-size:13px;font-weight:650;margin:0;white-space:nowrap}.fd-status.is-incomplete{color:#9a3412}.fd-status.is-complete{color:var(--ep-dark)}.fd-status.is-error,.fd-status.is-unavailable{color:var(--soft)}.fd-flag{background:#d97706;border-radius:50%;display:inline-block;flex:0 0 auto;height:8px;width:8px}.fd-banner{background:#fff7ed;border:1px solid #fdba74;color:#9a3412;flex:0 0 auto;font-size:13px;line-height:1.35;margin:0;padding:6px 10px}.fd-banner.is-complete{background:#fff;border-color:var(--line);color:var(--ink)}.fd-banner.is-unavailable{background:#fff;border-color:var(--line);color:var(--soft)}.fd-banner.is-error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.fd-stage{grid-gap:8px;flex:1 1 auto;grid-template-rows:auto minmax(0,1.65fr) minmax(168px,.9fr);min-height:0}.fd-kpis,.fd-stage{display:grid;gap:8px}.fd-kpis{grid-gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.fd-card{background:#fff;border:1px solid var(--line);border-radius:8px;min-width:0;padding:8px 10px}.fd-card:has(.fd-flag){box-shadow:inset 3px 0 0 #d97706}.fd-card strong{color:var(--ep-dark);display:block;font:650 18px/1.2 IBM Plex Mono,monospace;margin-top:2px}.fd-card.is-empty strong,.fd-card.is-error strong,.fd-card.is-unavailable strong{color:var(--soft);font-size:15px}.fd-card.is-zero strong{color:var(--ink)}.fd-card .fd-hint{color:var(--ink);margin-top:2px}.fd-visual{grid-gap:8px;grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr)}.fd-side,.fd-visual{display:grid;gap:8px;min-height:0}.fd-side{grid-gap:8px;grid-template-rows:minmax(0,1fr) minmax(0,1fr)}.fd-bottom{grid-gap:8px;display:grid;gap:8px;grid-template-columns:minmax(280px,.85fr) minmax(0,1.35fr);min-height:0}.fd-chart,.fd-position{background:#fff;border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column;gap:4px;min-height:0;min-width:0;padding:8px 10px}.fd-chart header,.fd-drawer header,.fd-panel-head{align-items:center;display:flex;flex:0 0 auto;gap:8px}.fd-chart header span,.fd-position h3{color:var(--soft);font-size:13px;font-weight:500}.fd-chart header .is-zero{color:#9a3412;font-weight:650}.fd-plot{flex:1 1 auto;min-height:0}.fd-chart-state{align-items:center;color:var(--soft);display:flex;font-size:13px;height:100%;margin:0}.fd-chart-state.is-error{color:#991b1b}.fd-chart-state.is-zero{color:var(--ink)}.fd-position h3{color:var(--ep-dark);font-weight:650;margin:0}.fd-position ul{grid-gap:8px 12px;display:grid;gap:8px 12px;grid-template-columns:1fr 1fr;list-style:none;margin:0;padding:0}.fd-position li{display:flex;flex-direction:column;gap:2px;min-width:0}.fd-position li span{align-items:center;color:var(--soft);display:flex;font-size:13px;gap:6px}.fd-position li:has(.fd-flag) strong{color:#9a3412}.fd-position strong{color:var(--ep-dark);font:650 16px/1.2 IBM Plex Mono,monospace}.fd-tip{background:#fff;border:1px solid var(--line);border-radius:6px;color:var(--ink);font-size:13px;padding:6px 8px}.fd-tip p{margin:0}.fd-warn{color:#9a3412;font-size:13px;line-height:1.35;margin:0}.fd-table-scroll{min-height:0;overflow:auto}.finance-dashboard-page table{border-collapse:collapse;font-size:13px;width:100%}.finance-dashboard-page td,.finance-dashboard-page th{border-bottom:1px solid var(--line);padding:6px 8px;text-align:left;white-space:nowrap}.finance-dashboard-page th{color:var(--soft);font:11px IBM Plex Mono,monospace}.fd-controls{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.fd-controls li{grid-gap:8px;align-items:center;border:1px solid var(--line);border-radius:8px;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto auto;min-width:0;padding:8px 10px}.fd-controls li>div{min-width:0}.fd-controls li.is-incomplete{box-shadow:inset 3px 0 0 #d97706}.fd-controls li.is-historical{background:var(--muted)}.fd-controls p{color:var(--soft);font-size:13px;margin:2px 0 0}.fd-controls b{font:650 16px IBM Plex Mono,monospace}.fd-drawer-root{inset:0;position:fixed;z-index:70}.fd-drawer-scrim{background:#0f3d2e47;border:0;cursor:pointer;inset:0;left:64px;left:var(--sidebar-rail,64px);position:absolute}.fd-drawer{background:#fff;border:1px solid var(--line);border-radius:10px;bottom:8px;box-shadow:var(--shadow);display:flex;flex-direction:column;max-width:calc(100vw - 88px);min-width:0;overflow:hidden;position:absolute;right:8px;top:8px;width:min(760px,calc(100vw - 88px));z-index:1}.fd-drawer header{background:#fff;border-bottom:1px solid var(--line);flex:0 0 auto;justify-content:space-between;padding:10px 12px}.fd-drawer header h3{font-size:16px}.fd-drawer header button{flex:0 0 auto}.fd-drawer-body{flex:1 1 auto;gap:16px;min-height:0;overflow-x:hidden;overflow-y:auto;padding:12px}.fd-drawer section,.fd-drawer-body{display:flex;flex-direction:column;min-width:0}.fd-drawer section{gap:6px}.fd-controls p,.fd-controls strong,.fd-drawer .fd-hint,.fd-drawer .fd-note,.fd-drawer .fd-warn,.fd-drawer p{overflow-wrap:anywhere;white-space:normal}.fd-note{color:var(--ink);font-size:13px;line-height:1.4;margin:0}.fd-note span{color:var(--soft);display:block}.fd-table-scroll{max-width:100%;overflow-x:auto;overflow-y:hidden}.app-shell:has(.sales-dashboard-page){height:100dvh;max-height:100dvh;overflow:hidden}.app-main:has(.sales-dashboard-page){height:100%;max-height:100%;min-height:0;min-width:0;overflow:hidden}.app-main:has(.sales-dashboard-page) .topbar{flex-shrink:0}.content.content-workspace:has(.sales-dashboard-page),.content:has(.sales-dashboard-page){display:flex;flex:1 1 auto;flex-direction:column;margin:0;max-width:none;min-height:0;overflow:hidden;padding:0;width:100%}.content:has(.sales-dashboard-page)>.kb-workspace-tabs{flex:0 0 auto;position:relative;top:0}.sales-dashboard-page{background:var(--paper);box-sizing:border-box;color:var(--ink);display:flex;flex:1 1 auto;flex-direction:column;gap:8px;min-height:0;min-width:0;overflow:auto;padding:8px 12px 10px}.sales-dashboard-page h1{color:var(--ep-dark);font-size:18px;line-height:1.2;margin:0;white-space:nowrap}.sales-dashboard-page h2{color:var(--ep-dark);font-size:14px;font-weight:650;line-height:1.25;margin:0}.sd-head{align-items:center;display:flex;flex:0 0 auto;flex-wrap:wrap;gap:6px;min-width:0;padding-right:8px}.sd-presets{display:flex;flex:0 0 auto;gap:6px}.sd-presets button,.sd-reload{background:#fff;border:1px solid var(--line);border-radius:6px;color:var(--ink);cursor:pointer;font-size:13px;height:32px;padding:0 10px;white-space:nowrap}.sd-presets button:hover,.sd-reload:hover{border-color:var(--ep-primary);color:var(--ep-dark)}.sd-custom input:focus-visible,.sd-order-link:focus-visible,.sd-presets button:focus-visible,.sd-reload:focus-visible{outline:2px solid var(--ep-primary);outline-offset:2px}.sd-presets button.is-active{background:var(--ep-primary);border-color:var(--ep-primary);color:#fff}.sd-custom{display:flex;gap:6px}.sd-custom input{background:#fff;border:1px solid var(--line);border-radius:6px;font-size:13px;height:32px;padding:0 8px}.sd-loaded,.sd-note,.sd-range{color:var(--soft);font-size:12px;line-height:1.35;margin:0}.sd-loaded,.sd-range{white-space:nowrap}.sd-loaded{margin-left:auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.sd-kicker{color:var(--soft);font:11px IBM Plex Mono,monospace;letter-spacing:.04em;margin:0;text-transform:uppercase}.sd-banner{background:#fff;border:1px solid var(--line);color:var(--ink);flex:0 0 auto;font-size:13px;line-height:1.35;margin:0;padding:6px 10px}.sd-banner.is-error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.sd-scroll{flex:1 1 auto;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;padding-bottom:80px;scrollbar-gutter:stable}.sd-scroll::-webkit-scrollbar{width:10px}.sd-scroll::-webkit-scrollbar-thumb{background:#b7c4be;border:2px solid var(--paper);border-radius:8px}.sd-pack{display:flex;flex-direction:column}.sd-grid,.sd-pack{gap:8px;min-width:0}.sd-grid{grid-gap:8px;align-content:start;align-items:start;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.sd-col{display:flex;flex-direction:column}.sd-bottom,.sd-col{gap:8px;min-width:0}.sd-bottom{grid-gap:8px;align-content:start;align-items:start;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.sd-card{background:#fff;border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column;gap:4px;min-width:0;overflow:visible;padding:8px 10px}.sd-card-span{grid-column:span 2}.sd-card>strong{color:var(--ep-dark);font:650 15px/1.25 IBM Plex Mono,monospace}.sd-card>strong.sd-hero{font-size:28px;letter-spacing:-.02em;line-height:1.15}.sd-chart header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;min-width:0}.sd-chart header span{color:var(--soft);font-size:12px;overflow-wrap:anywhere;text-align:right}.sd-plot{min-height:0;min-width:0;overflow:visible}.sd-plot,.sd-plot-short{flex:1 1 auto;height:auto}.sd-plot-short{min-height:72px}.sd-plot.is-message,.sd-plot.sd-plot-short.is-message{flex:0 0 auto;height:auto;min-height:0}.sd-donut .recharts-responsive-container,.sd-plot .recharts-responsive-container{overflow:visible}.sd-state{align-items:center;color:var(--soft);display:flex;font-size:13px;margin:0;min-height:48px}.sd-card>.sd-state,.sd-plot.is-message .sd-state{height:auto;min-height:0}.sd-empty{color:var(--soft);font-size:13px;font-weight:450;line-height:1.35;margin:0}.sd-state.is-error{color:#991b1b}.sd-delta{align-items:baseline;color:var(--soft);display:flex;font:650 13px/1.3 IBM Plex Mono,monospace;gap:6px;margin:0}.sd-delta.is-up{color:#176b4d}.sd-delta.is-down{color:#9a3412}.sd-delta span{color:var(--soft);font:12px/1.3 IBM Plex Sans,sans-serif;font-weight:450}.sd-orders,.sd-products,.sd-split{list-style:none;margin:0;min-width:0;padding:0}.sd-split{grid-gap:6px 10px;display:grid;gap:6px 10px;grid-template-columns:1fr 1fr}.sd-split li{display:flex;flex-direction:column;gap:1px;min-width:0}.sd-note,.sd-split li span{overflow-wrap:anywhere}.sd-orders b,.sd-products b,.sd-split strong{color:var(--ep-dark);font:650 14px/1.3 IBM Plex Mono,monospace}.sd-orders{display:flex;flex-direction:column;gap:4px}.sd-order-link{grid-gap:6px;align-items:center;border-radius:6px;color:inherit;display:grid;gap:6px;grid-template-columns:minmax(72px,.7fr) minmax(0,1.4fr) auto auto;min-width:0;padding:2px;text-decoration:none}.sd-order-link.is-static{grid-template-columns:minmax(72px,.7fr) minmax(0,1.4fr) auto}.sd-order-link:hover{background:#eef7f2}.sd-order-link em{color:var(--ep-primary);font-size:12px;font-style:normal;white-space:nowrap}.sd-bar{background:#e2e8f0;height:8px;min-width:0}.sd-bar,.sd-bar i{border-radius:4px;display:block}.sd-bar i{background:#176b4d;height:100%}.sd-products{display:flex;flex-direction:column;gap:4px}.sd-products li{grid-gap:8px;align-items:baseline;display:grid;gap:8px;grid-template-columns:18px minmax(0,1fr) auto auto;min-width:0}.sd-products strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sd-products em{color:var(--soft);font-size:12px;font-style:normal;white-space:nowrap}.sd-customer-chart{align-items:center;display:flex;gap:12px;min-width:0}.sd-donut{flex:0 0 92px;height:92px;min-width:0;width:92px}.sd-legend{display:flex;flex-wrap:wrap;gap:2px 12px;list-style:none;margin:0;min-width:0;padding:0}.sd-legend li{align-items:center;color:var(--ink);display:flex;font-size:12px;gap:6px;line-height:1.3;min-width:0}.sd-legend i{border-radius:2px;flex:0 0 auto;height:8px;width:8px}.sd-legend b{color:var(--ep-dark);font:650 12px/1.3 IBM Plex Mono,monospace}.sd-legend-stack{align-items:flex-start;flex-direction:column;gap:6px}.sd-tip{background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:var(--shadow);color:var(--ink);font-size:13px;max-width:240px;padding:6px 8px}.sd-tip p{margin:0}@media (max-width:1100px){.sd-scroll{display:flex;flex-direction:column;gap:8px}.sd-bottom,.sd-col,.sd-grid,.sd-pack{display:contents}.sd-card{order:0;order:var(--sd-order,0)}.sd-grid{grid-template-columns:1fr}.sd-card-span{grid-column:auto}}.app-shell:has(.sales-finance-page){height:100dvh;max-height:100dvh;overflow:hidden}.app-main:has(.sales-finance-page){height:100%;max-height:100%;min-height:0;min-width:0;overflow:hidden}.app-main:has(.sales-finance-page) .topbar{flex-shrink:0}.content.content-workspace:has(.sales-finance-page),.content:has(.sales-finance-page){display:flex;flex:1 1 auto;flex-direction:column;margin:0;max-width:none;min-height:0;overflow:hidden;padding:0;width:100%}.content:has(.sales-finance-page)>.kb-workspace-tabs{flex:0 0 auto;position:relative;top:0}.sales-finance-page{background:var(--paper);box-sizing:border-box;color:var(--ink);display:flex;flex:1 1 auto;flex-direction:column;gap:8px;min-height:0;min-width:0;overflow:hidden;padding:8px 12px 10px}.sales-finance-page>.sf-head h1{color:var(--ep-dark);font-size:18px;line-height:1.2;margin:0;white-space:normal}.sales-finance-scroll{display:flex;flex:1 1 auto;flex-direction:column;gap:12px;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;padding-bottom:0;scrollbar-gutter:stable}.sf-distinction{background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--ink);font-size:13px;line-height:1.45;margin:0;padding:8px 10px}.sales-finance-page .finance-dashboard-page,.sales-finance-page .sales-dashboard-page{background:#0000;border:0;border-radius:0;flex:1 1 auto;gap:6px;height:100%;min-height:0;overflow:visible;padding:0}.sales-finance-page .fd-head,.sales-finance-page .sd-head{padding-right:76px}.sales-finance-page .fd-head h2,.sales-finance-page .sd-head h2{color:var(--ep-dark);font-size:16px;line-height:1.3;margin:0}.sales-finance-page .sd-scroll{flex:none;height:auto;min-height:0;overflow:visible;padding-bottom:0}.sales-finance-page .fd-stage{display:flex;flex:none;flex-direction:column;gap:8px;height:auto;min-height:0}.sales-finance-page .fd-bottom,.sales-finance-page .fd-chart,.sales-finance-page .fd-kpis,.sales-finance-page .fd-position,.sales-finance-page .fd-side,.sales-finance-page .fd-visual{height:auto;min-height:0}.sales-finance-page .fd-bottom,.sales-finance-page .fd-kpis,.sales-finance-page .fd-side,.sales-finance-page .fd-visual{align-items:start}.sales-finance-page .fd-side{grid-template-rows:auto auto}.sales-finance-page .fd-plot.is-series{flex:1 1 auto;height:auto;min-height:140px}.sales-finance-page .fd-plot.is-message{flex:0 0 auto;height:auto;min-height:0}.sales-finance-page .fd-plot.is-message .fd-chart-state{align-items:flex-start;height:auto;min-height:0}.sales-finance-page #keuangan,.sales-finance-page #penjualan{scroll-margin-top:8px}@media (max-width:1100px){.sales-finance-page .fd-bottom,.sales-finance-page .fd-visual{grid-template-columns:1fr}}@media (max-width:720px){.sales-finance-page{padding:8px}.sales-finance-page .fd-head,.sales-finance-page .sd-head{align-items:flex-start}.sales-finance-page .fd-presets,.sales-finance-page .sd-presets{flex-wrap:wrap}.sales-finance-page .fd-custom,.sales-finance-page .sd-custom{flex-wrap:wrap;width:100%}.sales-finance-page .fd-custom input,.sales-finance-page .sd-custom input{max-width:100%;min-width:0}.sales-finance-page .fd-loaded,.sales-finance-page .fd-range,.sales-finance-page .sd-loaded,.sales-finance-page .sd-range{margin-left:0;white-space:normal}.sales-finance-page .fd-kpis,.sales-finance-page .fd-position ul{grid-template-columns:1fr}.sales-finance-page .sd-order-link,.sales-finance-page .sd-order-link.is-static{grid-template-columns:minmax(0,1fr) auto}.sales-finance-page .sd-order-link em{grid-column:1/-1}.sales-finance-page .sd-products li{grid-template-columns:18px minmax(0,1fr)}.sales-finance-page .sd-products b,.sales-finance-page .sd-products em{grid-column:2}.sales-finance-page .fd-controls li{grid-template-columns:minmax(0,1fr)}.sales-finance-page .fd-controls li a,.sales-finance-page .fd-controls li b{justify-self:start}.sales-finance-page .fd-drawer{bottom:8px;left:8px;max-width:none;right:8px;top:8px;width:auto}.sales-finance-page .fd-drawer-scrim{left:0}}.po-detail-stage-workspace.po-detail-industrial{--po-border:#e5e7eb;background:#fff}.po-detail-stage-workspace .po-doc-breadcrumb{align-items:center;color:#6b7280;display:flex;flex-wrap:wrap;font-size:12px;gap:6px;margin:0 0 6px}.po-detail-stage-workspace .po-hero-customer{font-size:24px!important;font-weight:700!important;letter-spacing:-.02em;line-height:1.2!important;overflow-wrap:anywhere;white-space:normal!important}.po-detail-stage-workspace .po-hero-title-actions{align-items:center}.po-detail-stage-workspace .po-hero-title-actions .ghost,.po-detail-stage-workspace .po-lihat-semua{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#111827}.po-detail-stage-workspace .po-more-menu{position:relative}.po-detail-stage-workspace .po-more-trigger{min-width:36px;padding:0 8px!important}.po-detail-stage-workspace .po-more-menu-panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 24px #0f172a14;display:flex;flex-direction:column;gap:4px;min-width:180px;padding:6px;position:absolute;right:0;top:calc(100% + 4px);z-index:30}.po-detail-stage-workspace .po-more-menu-panel[hidden]{display:none!important}.po-detail-stage-workspace .po-more-menu-panel .ghost{justify-content:flex-start;width:100%}.po-detail-stage-workspace .po-stage-bar-sticky{align-items:flex-end;border-bottom:1px solid #e5e7eb}.po-detail-stage-workspace.po-detail-industrial .po-stage-bar-block{background:#0000!important;flex:1 1 auto;padding:0!important}.po-detail-stage-workspace.po-detail-industrial .po-stage-bar-block .stage-bar.has-labels,.po-detail-stage-workspace.po-detail-industrial .po-stage-bar-block .stage-bar.has-labels.equal-stages{align-items:flex-end!important;background:#0000!important;display:flex!important;flex-direction:row!important;gap:0 14px!important;grid-template-columns:none!important;height:auto!important;max-height:none!important;min-height:0!important;min-width:100%!important;padding:0!important;width:-webkit-max-content!important;width:max-content!important}.po-detail-stage-workspace.po-detail-industrial .po-stage-bar-block .stage-bar.has-labels .stage-bar-col,.po-detail-stage-workspace.po-detail-industrial .po-stage-bar-block .stage-bar.has-labels.equal-stages .stage-bar-col{flex:0 0 auto!important;height:auto!important;max-height:none!important;min-height:0!important;min-width:-webkit-max-content!important;min-width:max-content!important;width:auto!important}.po-detail-stage-workspace.po-detail-industrial .po-stage-bar-block .stage-bar.has-labels .stage-bar-col:first-child .stage-bar-seg,.po-detail-stage-workspace.po-detail-industrial .po-stage-bar-block .stage-bar.has-labels .stage-bar-col:last-child .stage-bar-seg,.po-detail-stage-workspace.po-detail-industrial .po-stage-bar-block .stage-bar.has-labels .stage-bar-seg,.po-detail-stage-workspace.po-detail-industrial .po-stage-bar-block .stage-bar.has-labels.equal-stages .stage-bar-seg{align-items:center!important;background:#0000!important;border:0!important;border-bottom:2px solid #0000!important;border-radius:0!important;box-shadow:none!important;-webkit-clip-path:none!important;clip-path:none!important;color:#64748b!important;display:flex!important;flex-direction:row!important;gap:6px!important;height:auto!important;justify-content:flex-start!important;margin:0!important;max-height:none!important;min-height:36px!important;overflow:visible!important;padding:6px 0 4px!important;text-align:left!important;width:auto!important}.po-detail-stage-workspace.po-detail-industrial .po-stage-bar-block .stage-bar.has-labels .stage-bar-seg.clickable:hover,.po-detail-stage-workspace.po-detail-industrial .po-stage-bar-block .stage-bar.has-labels .stage-bar-seg.current,.po-detail-stage-workspace.po-detail-industrial .po-stage-bar-block .stage-bar.has-labels .stage-bar-seg.done,.po-detail-stage-workspace.po-detail-industrial .po-stage-bar-block .stage-bar.has-labels .stage-bar-seg.not-required,.po-detail-stage-workspace.po-detail-industrial .po-stage-bar-block .stage-bar.has-labels .stage-bar-seg.upcoming,.po-detail-stage-workspace.po-detail-industrial .po-stage-bar-block .stage-bar.has-labels .stage-bar-seg.waiting{background:#0000!important;box-shadow:none!important;color:#64748b!important;filter:none!important}.po-detail-stage-workspace.po-detail-industrial .po-stage-bar-block .stage-bar.has-labels .stage-bar-seg.is-actual.is-viewed,.po-detail-stage-workspace.po-detail-industrial .po-stage-bar-block .stage-bar.has-labels .stage-bar-seg.is-viewed{background:#0000!important;border-bottom-color:#0f5f63!important;box-shadow:none!important;color:#0f5f63!important}.po-detail-stage-workspace.po-detail-industrial .po-stage-bar-block .stage-bar.has-labels .stage-bar-seg.is-actual:not(.is-viewed){background:#0000!important;color:#0b1f33!important}.po-detail-stage-workspace.po-detail-industrial .po-stage-bar-block .stage-bar.has-labels .stage-bar-step-num{align-items:center;background:#fff!important;border:1px solid #cbd5e1;border-radius:999px;box-sizing:border-box;color:#64748b!important;display:inline-flex!important;font:700 11px/1 IBM Plex Mono,monospace!important;height:18px!important;justify-content:center;letter-spacing:0!important;min-width:18px;opacity:1!important;padding:0 5px!important;width:auto!important}.po-detail-stage-workspace.po-detail-industrial .po-stage-bar-block .stage-bar.has-labels .stage-bar-seg.is-viewed .stage-bar-step-num{background:#0f5f63!important;border-color:#0f5f63!important;color:#fff!important}.po-detail-stage-workspace.po-detail-industrial .po-stage-bar-block .stage-bar.has-labels .stage-bar-seg.is-actual:not(.is-viewed) .stage-bar-step-num{background:#fff!important;border-color:#0f5f63!important;color:#0f5f63!important}.po-detail-stage-workspace.po-detail-industrial .po-stage-bar-block .stage-bar.has-labels .stage-bar-seg.done .stage-bar-step-num{border-color:#99d5cf;color:#0f5f63!important}.po-detail-stage-workspace.po-detail-industrial .po-stage-bar-block .stage-bar.has-labels .stage-bar-label{display:inline!important;font-size:12.5px!important;font-weight:600!important;line-height:1.2!important;max-height:none!important;min-height:0!important;text-align:left!important;white-space:nowrap!important;width:auto!important}.po-detail-stage-workspace .po-lihat-semua{margin-bottom:4px;white-space:nowrap}.po-detail-stage-workspace .po-stage-ws-chrome{background:#0000;border:0;margin-top:10px}.po-detail-stage-workspace .po-view-context{align-items:center;background:#f3f4f6!important;border:1px solid #e5e7eb;border-radius:8px;color:#111827!important;display:flex;flex-wrap:wrap;gap:8px 18px;padding:10px 12px!important}.po-detail-stage-workspace .po-view-context .po-stage-ws-kicker{color:#6b7280;font-family:inherit;font-size:13px;font-weight:500;letter-spacing:0;text-transform:none}.po-detail-stage-workspace .po-view-context-item{align-items:baseline;display:flex;gap:6px;margin:0;min-width:0}.po-detail-stage-workspace .po-view-context strong{color:#111827;font-weight:700}.po-detail-stage-workspace .po-view-context .primary{background:#0f5f63;border:1px solid #0b4c4f;border-radius:8px;color:#fff;margin-left:auto}.po-detail-stage-workspace .po-view-context [hidden]{display:none!important}.po-detail-stage-workspace .po-stage-ws-stack{display:flex;flex-direction:column;gap:12px;padding:12px 0 0}.po-detail-stage-workspace .packing-panel,.po-detail-stage-workspace .panel,.po-detail-stage-workspace .qty-ops-panel{background:#fff;border:1px solid #e5e7eb!important;border-radius:8px!important}.po-detail-stage-workspace .packing-panel .panel-head,.po-detail-stage-workspace .panel-head,.po-detail-stage-workspace .qty-ops-head{background:#fff!important;border-bottom:1px solid #e5e7eb;border-radius:8px 8px 0 0;min-height:44px;padding:10px 12px!important}.po-detail-stage-workspace .packing-panel .panel-head h3,.po-detail-stage-workspace .panel-head h3,.po-detail-stage-workspace .qty-ops-title h3{font-size:15px!important}.po-detail-stage-workspace .po-status-chips{border-top:1px solid #e5e7eb;color:#374151;display:flex;flex-wrap:wrap;font-size:13px;gap:8px 18px;padding:8px 12px 10px}.po-detail-stage-workspace .po-status-chips .status-ok{color:#166534}.po-detail-stage-workspace .po-status-chips .status-wait{color:#9a3412}.po-detail-stage-workspace .line-items-table{width:100%}.po-detail-stage-workspace .line-items-table th{background:#f3f4f6;color:#374151;font-size:12px;font-weight:600}.po-detail-stage-workspace .po-actions-panel .panel-head{display:none}.po-detail-stage-workspace .po-actions-panel{padding:8px 12px!important}.po-detail-stage-workspace .po-action-primary{background:#0f5f63;border-radius:8px;color:#fff;min-height:36px}.po-detail-stage-workspace .po-action-doc{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#0f5f63;min-height:36px}.po-detail-stage-workspace .po-doc-tabs,.po-detail-stage-workspace .po-notes-panel{margin-top:12px!important}.po-detail-stage-workspace .po-doc-tablist{border-bottom:1px solid #e5e7eb;display:flex;gap:16px;padding:0 12px}.po-detail-stage-workspace .po-doc-tablist button{background:#0000;border:0;border-bottom:2px solid #0000;border-radius:0;color:#6b7280;font-weight:600;min-height:40px;padding:8px 0}.po-detail-stage-workspace .po-doc-tablist button.is-active{border-bottom-color:#0f5f63;color:#0f5f63}.po-detail-stage-workspace .po-doc-tablist button:focus-visible{outline:2px solid #0f5f63;outline-offset:2px}.po-detail-stage-workspace .po-doc-list{display:flex;flex-direction:column;gap:0;list-style:none;margin:0;padding:0}.po-detail-stage-workspace .po-doc-list li{grid-gap:8px;align-items:center;border-bottom:1px solid #f1f5f9;display:grid;font-size:13px;gap:8px;grid-template-columns:minmax(0,1.2fr) auto auto;padding:7px 12px}.po-detail-stage-workspace .po-doc-note{margin:0 12px 10px}.po-detail-stage-workspace .po-doc-tabs [hidden],.po-detail-stage-workspace .po-order-masuk-kpi,.po-detail-stage-workspace .po-order-masuk-kpi[hidden]{display:none!important}.po-detail-stage-workspace .po-meta-aksi-row{grid-template-columns:1fr!important}.po-detail-stage-workspace .po-info-grid{gap:4px 18px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;padding:2px 12px 8px!important}.po-detail-stage-workspace .po-info-grid>div{background:#0000;border:0;padding:2px 0!important}.po-detail-stage-workspace .po-info-grid .lbl{color:#6b7280;font-size:10px!important;font-weight:600;letter-spacing:.04em!important;line-height:1.2!important;text-transform:uppercase}.po-detail-stage-workspace .po-info-grid strong{color:#111827;font-size:13px!important;font-weight:650;line-height:1.3!important}@media (max-width:640px){.po-detail-stage-workspace .po-stage-bar-sticky{align-items:center;display:flex!important;flex-wrap:nowrap;max-width:100%;min-width:0}.po-detail-stage-workspace .po-doc-list li{align-items:center;gap:2px 10px;grid-template-areas:"kind action" "count action";grid-template-columns:minmax(0,1fr) auto;padding:10px 12px}.po-detail-stage-workspace .po-doc-list li>span{grid-area:kind}.po-detail-stage-workspace .po-doc-list li>strong{color:#64748b;font-weight:600;grid-area:count}.po-detail-stage-workspace .po-doc-list li>a,.po-detail-stage-workspace .po-doc-list li>button{grid-area:action;min-height:40px}.po-detail-stage-workspace .po-view-context .primary{margin-left:0}.po-detail-stage-workspace .po-hero-title-actions .ghost{min-height:40px}.po-detail-stage-workspace .po-info-grid{grid-template-columns:1fr!important}}.po-detail-stage-workspace .po-focus-panel{display:none!important}.po-detail-stage-workspace .po-hold-single{align-items:flex-start;background:#fffdf8;border:1px solid #f3d7b5;border-left:3px solid #d97706;border-radius:8px;color:#7c2d12;display:flex;gap:8px;margin:0;padding:8px 12px}.po-detail-stage-workspace .po-hold-single strong{display:block;font-size:14px;margin:0}.po-detail-stage-workspace .po-hold-process{font-size:13px;line-height:1.35;margin:2px 0 0}.po-detail-stage-workspace .po-hold-single ul{font-size:13px;margin:4px 0 0;padding-left:16px}.po-detail-stage-workspace #po-stage-order-masuk .po-info-address{grid-column:1/-1}.po-detail-stage-workspace #po-stage-order-masuk .po-info-quiet strong{color:#64748b;font-size:12px!important;font-weight:500}.po-detail-stage-workspace #po-stage-order-masuk .po-actions-panel{background:#0000!important;border:0!important;box-shadow:none!important;padding:0 0 4px!important}.po-detail-stage-workspace #po-stage-order-masuk .po-route-hint{align-items:baseline;background:#0000;border:0;color:#475569;display:flex;flex-wrap:wrap;font-size:12.5px;gap:6px 10px;line-height:1.4;margin:0;padding:8px 12px 4px}.po-detail-stage-workspace #po-stage-order-masuk .po-route-hint-badge{color:#0f5f63;font:600 11px/1.3 IBM Plex Mono,monospace;white-space:nowrap}.po-detail-stage-workspace #po-stage-order-masuk .line-items-table tfoot td{background:#f8fafc;border-top:1px solid #e5e7eb;font-weight:600;padding:8px 6px!important}.po-detail-stage-workspace .po-order-masuk-tail .notes-view{color:#111827;font:13px/1.45 IBM Plex Sans,sans-serif;margin:0;padding:8px 12px 12px;white-space:pre-wrap}.po-detail-stage-workspace .po-order-masuk-tail .note-add,.po-detail-stage-workspace .po-order-masuk-tail .po-notes-empty{padding:0 12px 12px}.po-detail-stage-workspace .po-order-masuk-tail .po-doc-secondary{padding:0 12px 8px}.po-detail-stage-workspace .line-items-table .po-sr-only,.po-detail-stage-workspace .line-items-table td.po-sr-only,.po-detail-stage-workspace .line-items-table th.po-sr-only{clip:rect(0,0,0,0)!important;border:0!important;display:block!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.po-detail-stage-workspace.po-detail-industrial .po-stage-bar-block .stage-bar.has-labels .stage-bar-seg.is-viewed .stage-bar-step-num,.po-detail-stage-workspace.po-detail-industrial .po-stage-bar-block .stage-bar.has-labels .stage-bar-seg.is-viewed.done .stage-bar-step-num{background:#0f5f63!important;border-color:#0f5f63!important;color:#fff!important}.po-detail-stage-workspace #po-stage-order-masuk .po-info-panel .panel-head{min-height:34px!important;padding:6px 12px!important}.po-detail-stage-workspace #po-stage-order-masuk .po-info-panel .panel-head .ghost{min-height:32px}.po-detail-stage-workspace .po-order-masuk-split{grid-gap:12px;align-items:start;display:grid;gap:12px;grid-template-columns:minmax(0,1fr);min-width:0}.po-detail-stage-workspace .po-order-masuk-split>.panel{margin-top:0!important;min-width:0}@media (min-width:960px){.po-detail-stage-workspace .po-order-masuk-split{grid-template-columns:minmax(0,1.65fr) minmax(260px,.9fr)}}.po-detail-stage-workspace #po-stage-order-masuk .po-actions-panel{align-items:center;display:flex!important;flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:space-between}.po-detail-stage-workspace #po-stage-order-masuk .po-actions-admin{flex:0 1 auto;margin-left:auto;width:auto}.po-detail-stage-workspace #po-stage-order-masuk .po-actions-danger-toggle{margin:0!important;min-height:36px;width:auto}.po-detail-stage-workspace .po-order-masuk-tail .note-add textarea{box-sizing:border-box;display:block;max-height:112px;min-height:64px;resize:vertical;width:100%}@media (max-width:640px){.po-detail-stage-workspace #po-stage-order-masuk .po-actions-panel{align-items:stretch;flex-direction:column}.po-detail-stage-workspace #po-stage-order-masuk .po-actions-admin{margin-left:0;width:100%}.po-detail-stage-workspace #po-stage-order-masuk .po-action-primary,.po-detail-stage-workspace #po-stage-order-masuk .po-actions-danger-toggle,.po-detail-stage-workspace #po-stage-order-masuk .po-actions-ops .ghost{justify-content:center;min-height:44px;width:100%}.po-detail-stage-workspace #po-stage-order-masuk .line-items-table-wrap{max-width:100%;overflow-x:hidden;padding:0 8px 8px}.po-detail-stage-workspace #po-stage-order-masuk .line-items-table thead{display:none!important}.po-detail-stage-workspace #po-stage-order-masuk .line-items-table,.po-detail-stage-workspace #po-stage-order-masuk .line-items-table tbody{display:block!important;width:100%!important}.po-detail-stage-workspace #po-stage-order-masuk .line-items-table tr.line-item-row{grid-gap:6px 12px;align-items:center;background:#fff;border:1px solid #e5e7eb!important;border-radius:8px;box-sizing:border-box;display:grid!important;gap:6px 12px;grid-template-columns:minmax(0,1fr) auto;margin:0 0 8px;padding:10px!important;width:100%!important}.po-detail-stage-workspace #po-stage-order-masuk .line-items-table td:not(.po-sr-only){background:#0000!important;border:0!important;display:block!important;max-width:none!important;min-width:0!important;padding:0!important;white-space:normal!important;width:auto!important}.po-detail-stage-workspace #po-stage-order-masuk .line-items-table .li-actions,.po-detail-stage-workspace #po-stage-order-masuk .line-items-table .li-color,.po-detail-stage-workspace #po-stage-order-masuk .line-items-table .li-name,.po-detail-stage-workspace #po-stage-order-masuk .line-items-table .li-route-cell{grid-column:1/-1}.po-detail-stage-workspace #po-stage-order-masuk .line-items-table .li-name strong{-webkit-line-clamp:unset!important;line-clamp:none!important;display:block!important;font-size:14px!important;max-height:none!important;overflow:visible!important;overflow-wrap:anywhere;white-space:normal!important}.po-detail-stage-workspace #po-stage-order-masuk .line-items-table td.mono{color:#64748b;font-size:12px;overflow-wrap:anywhere}.po-detail-stage-workspace #po-stage-order-masuk .line-items-table td.num{font-size:15px!important;font-weight:700;text-align:right!important;white-space:nowrap!important}.po-detail-stage-workspace #po-stage-order-masuk .line-items-table td.num .muted{color:#374151!important;font-size:13px!important;font-weight:600}.po-detail-stage-workspace #po-stage-order-masuk .line-items-table .li-color:before{color:#6b7280;content:"Warna";font-size:10px;font-weight:600;letter-spacing:.04em;margin-right:6px;text-transform:uppercase}.po-detail-stage-workspace #po-stage-order-masuk .li-route-cell{min-width:0!important}.po-detail-stage-workspace #po-stage-order-masuk .li-route-controls{display:flex!important;flex-wrap:wrap!important;gap:8px!important;width:100%}.po-detail-stage-workspace #po-stage-order-masuk .li-actions .ghost,.po-detail-stage-workspace #po-stage-order-masuk .li-route-controls .ghost,.po-detail-stage-workspace #po-stage-order-masuk .li-route-controls .primary{min-height:40px!important;padding:0 12px!important}.po-detail-stage-workspace #po-stage-order-masuk .li-route-controls .ghost,.po-detail-stage-workspace #po-stage-order-masuk .li-route-controls .primary{flex:1 1 120px;justify-content:center}.po-detail-stage-workspace #po-stage-order-masuk .line-items-table tfoot,.po-detail-stage-workspace #po-stage-order-masuk .line-items-table tfoot tr{display:block!important;width:100%!important}.po-detail-stage-workspace #po-stage-order-masuk .line-items-table tfoot td{background:#0000!important;border:0!important;display:block!important;padding:2px 0!important;white-space:normal!important;width:100%!important}.po-detail-stage-workspace #po-stage-order-masuk .line-items-table td.num{grid-column:1/-1;text-align:left!important}.po-detail-stage-workspace #po-stage-order-masuk .li-code{color:#6b7280;font-size:12px}.po-detail-stage-workspace #po-stage-order-masuk .li-process-select,.po-detail-stage-workspace .po-order-masuk-tail .ghost,.po-detail-stage-workspace .po-order-masuk-tail .po-action-primary,.po-detail-stage-workspace .po-order-masuk-tail .po-actions-danger-toggle{min-height:44px!important}}.po-detail-stage-workspace.po-detail-industrial .po-stage-bar-block{flex:0 1 auto!important;width:auto!important}.po-detail-stage-workspace.po-detail-industrial .po-stage-bar-block .stage-bar.has-labels{min-width:0!important;width:-webkit-max-content!important;width:max-content!important}.po-detail-stage-workspace .po-lihat-semua{margin-left:4px}.po-detail-stage-workspace.po-detail-industrial .stage-bar.has-labels .stage-bar-seg.done .stage-bar-step-num,.po-detail-stage-workspace.po-detail-industrial .stage-bar.has-labels .stage-bar-seg.is-actual:not(.is-viewed) .stage-bar-step-num,.po-detail-stage-workspace.po-detail-industrial .stage-bar.has-labels .stage-bar-seg.is-viewed .stage-bar-step-num,.po-detail-stage-workspace.po-detail-industrial .stage-bar.has-labels .stage-bar-seg.is-viewed.done .stage-bar-step-num,.po-detail-stage-workspace.po-detail-industrial .stage-bar.has-labels .stage-bar-step-num{background:#0000!important;border:0!important;border-radius:0!important;color:inherit!important;font:600 13px/1.2 IBM Plex Sans,sans-serif!important;height:auto!important;min-width:0!important;padding:0 4px 0 0!important}.po-detail-stage-workspace .po-hero-updated,.po-detail-stage-workspace .standard-badge,.po-detail-stage-workspace [data-testid=header-order-kind]{display:none!important}.po-detail-stage-workspace .po-hero-toolbar:not(:has(.urgent-badge)):not(:has([data-testid=buffer-stock-badge])){display:none}#po-stage-order-masuk .panel,.po-order-masuk-tail .panel{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;box-shadow:none!important}.po-order-masuk-tail{display:flex;flex-direction:column;gap:12px;margin-top:12px}.po-order-masuk-tail>[hidden],.po-order-masuk-tail[hidden]{display:none!important}.po-info-columns{grid-gap:2px 32px;display:grid!important;gap:2px 32px;grid-template-columns:repeat(3,minmax(0,1fr))!important;padding:4px 16px 0}.po-info-pair{grid-gap:10px;align-items:center!important;display:grid!important;gap:10px;grid-template-columns:132px minmax(0,1fr)!important;min-width:0;padding:8px 0}.po-info-pair .lbl{color:#6b7280!important;display:block!important;font-size:13px!important;font-weight:500!important;letter-spacing:0!important;line-height:1.3!important;margin:0!important;text-transform:none!important}.po-info-pair strong{color:#111827;display:block!important;font-size:14px;font-weight:700;line-height:1.3;min-width:0}.po-info-address strong{display:flex!important}.po-info-address{border-top:1px solid #f3f4f6;padding:8px 16px 4px}.po-info-address strong{align-items:baseline;display:flex;flex-wrap:wrap;gap:8px}.po-maps-link{color:#0f5f63;font-size:13px;font-weight:650;white-space:nowrap}.po-info-statusline{border-top:1px solid #eef0f2;color:#374151;display:flex;flex-wrap:wrap;font-size:13px;gap:8px 28px;padding:10px 16px 12px}.po-info-statusline .status-ok{color:#0f5f63}.po-info-statusline .status-wait{color:#92400e}.po-info-edit{margin-left:8px;min-height:32px!important}.li-code{color:#6b7280;display:block;font-size:12px;font-weight:500;margin-top:2px}.content .li-process-select,.po-detail-stage-workspace .li-process-select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-color:#fff!important;background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27><path d=%27M3.5 6.2 8 10.4 12.5 6.2%27 fill=%27none%27 stroke=%27%23334155%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/></svg>")!important;background-position:right 10px center!important;background-repeat:no-repeat!important;background-size:16px 16px!important;border:1.5px solid #94a3b8!important;border-radius:8px!important;box-shadow:none!important;box-sizing:border-box;color:#0b1f33!important;font:600 13px/1.2 IBM Plex Sans,sans-serif!important;max-width:100%;min-height:36px!important;min-width:10.5rem;padding:0 36px 0 10px!important;width:auto}.content .li-process-select:hover,.po-detail-stage-workspace .li-process-select:hover{background-color:#fff!important;border-color:#64748b!important;box-shadow:none!important}.content .li-process-select:focus,.po-detail-stage-workspace .li-process-select:focus{background-color:#fff!important;border-color:#94a3b8!important;box-shadow:none!important;outline:none!important}.content .li-process-select:focus-visible,.po-detail-stage-workspace .li-process-select:focus-visible{border-color:#94a3b8!important;box-shadow:none!important;outline:2px solid #0f5f63!important;outline-offset:2px!important}.content .li-process-select:disabled,.po-detail-stage-workspace .li-process-select:disabled{background-color:#f8fafc!important;border-color:#cbd5e1!important;color:#334155!important;cursor:not-allowed;opacity:1!important}.li-total-cell{color:#374151;font-size:13px;text-align:right!important}.li-total-cell span,.li-total-cell strong{font-weight:700}.po-doc-actionbar{align-items:center;border-top:1px solid #eef0f2;display:flex;flex-wrap:wrap;gap:8px;padding:12px}.po-doc-actionbar .po-doc-note{margin:0 0 0 auto}.tracking-share-url{flex-basis:100%;font-size:12px;margin:0;word-break:break-all}.tracking-share-qr-wrap{flex-basis:100%}.tracking-share-qr{background:#fff;height:160px;width:160px}.po-page-meta{color:#6b7280;font-size:12px;padding:2px 2px 4px}.po-page-meta .link-inline{background:#0000;border:0;color:#0f5f63;cursor:pointer;font:inherit;padding:0}.po-danger-foot{background:#fff;border:1px solid #f3d0cb;border-radius:8px;padding:2px 8px}@media (max-width:640px){.po-info-columns{grid-template-columns:1fr!important;padding:4px 12px 0}.po-info-pair{grid-template-columns:8.4rem minmax(0,1fr)!important}.po-doc-actionbar .po-doc-note{flex-basis:100%;margin-left:0}.po-detail-stage-workspace #po-stage-order-masuk .li-process-select{min-height:44px;width:100%}.po-detail-stage-workspace .po-hero-title-actions .ghost,.po-detail-stage-workspace .po-info-edit,.po-detail-stage-workspace .po-lihat-semua,.po-detail-stage-workspace .po-maps-link{min-height:44px}}.po-detail-stage-workspace .po-stage-summary-row,.po-detail-stage-workspace .workflow-group-label{display:none!important}.po-detail-stage-workspace .po-stage-section,.po-detail-stage-workspace .po-stage-section.tone-active,.po-detail-stage-workspace .po-stage-section.tone-blocked,.po-detail-stage-workspace .po-stage-section.tone-completed,.po-detail-stage-workspace .po-stage-section.tone-not-required{background:#0000!important;border:0!important;border-radius:0!important;box-shadow:none!important}.po-detail-stage-workspace .po-stage-section-body{padding:0}.po-detail-stage-workspace .po-pair-card,.po-detail-stage-workspace .qty-ops-panel,.po-detail-stage-workspace .workflow-group .panel{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:8px!important;box-shadow:none!important}.po-detail-stage-workspace .panel .panel,.po-detail-stage-workspace .po-pair-card .panel{background:#0000!important;border:0!important;border-radius:0!important;box-shadow:none!important}.po-detail-stage-workspace .po-pair-col{background:#fff!important}.po-detail-stage-workspace .po-pair-grid,.po-detail-stage-workspace .po-pair-grid-schedule{display:flex!important;flex-direction:column!important;gap:0!important;grid-template-columns:none!important}.po-detail-stage-workspace .po-pair-col+.po-pair-col{border-left:0!important;border-top:1px solid #e5e7eb;margin-top:0;padding-top:12px}.po-detail-stage-workspace .po-pair-col>h4.po-pair-col-title:has(+.panel){display:none}.po-detail-stage-workspace .ca-approval-head h3,.po-detail-stage-workspace .po-pair-col-title,.po-detail-stage-workspace .qty-ops-title h3,.po-detail-stage-workspace .workflow-group .panel-head h3{color:#111827!important;font-size:15px!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important}.po-detail-stage-workspace .packing-panel .primary,.po-detail-stage-workspace .qty-ops-panel .primary,.po-detail-stage-workspace .workflow-group .primary,.po-detail-stage-workspace .workflow-group label.primary{background:#0f5f63!important;border-color:#0f5f63!important;border-radius:8px!important;color:#fff!important;font-family:inherit!important;font-size:13px!important;letter-spacing:0!important;text-transform:none!important}.po-detail-stage-workspace .packing-panel .ghost,.po-detail-stage-workspace .qty-ops-panel .ghost,.po-detail-stage-workspace .workflow-group .ghost{background:#fff!important;border:1px solid #d1d5db!important;border-radius:8px!important;color:#111827!important;font-family:inherit!important;font-size:13px!important;letter-spacing:0!important;text-transform:none!important}.po-detail-stage-workspace .qty-ops-panel button:disabled,.po-detail-stage-workspace .workflow-group button:disabled{cursor:not-allowed;opacity:.55}.po-detail-stage-workspace .workflow-group a:focus-visible,.po-detail-stage-workspace .workflow-group button:focus-visible,.po-detail-stage-workspace .workflow-group input:focus-visible,.po-detail-stage-workspace .workflow-group label:focus-visible,.po-detail-stage-workspace .workflow-group select:focus-visible,.po-detail-stage-workspace .workflow-group textarea:focus-visible{outline:2px solid #0f5f63!important;outline-offset:2px!important}.po-detail-stage-workspace .workflow-group input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),.po-detail-stage-workspace .workflow-group select,.po-detail-stage-workspace .workflow-group textarea{background:#fff!important;border:1px solid #d1d5db!important;border-radius:8px!important;box-shadow:none!important;color:#111827!important}.po-detail-stage-workspace .design-proof-preview .file-thumb,.po-detail-stage-workspace .design-proof-preview img{box-shadow:none!important}.po-detail-stage-workspace .ca-info-pairs{padding:0 4px 4px}.po-detail-stage-workspace .ca-info-pairs .po-info-pair{padding:6px 0}.po-stage-sheet-item.is-viewed{background:#f0fdfa!important;box-shadow:inset 3px 0 0 #0f5f63}.po-stage-sheet-item.is-viewed strong{color:#0f5f63}@media (max-width:640px){.po-detail-stage-workspace .workflow-group .btn-file,.po-detail-stage-workspace .workflow-group .ghost,.po-detail-stage-workspace .workflow-group .primary,.po-detail-stage-workspace .workflow-group label.primary{min-height:44px}.po-detail-stage-workspace .packing-panel .panel-head,.po-detail-stage-workspace .qty-ops-head{align-items:flex-start;height:auto;min-height:0}.po-detail-stage-workspace .packing-panel .panel-head h3,.po-detail-stage-workspace .qty-ops-title,.po-detail-stage-workspace .qty-ops-title h3{flex:0 1 auto;height:auto;min-height:0}}.po-detail-stage-workspace .po-stage-ws-header{background:#fff!important;padding-bottom:2px!important}.po-detail-stage-workspace .po-hero-title-row{align-items:flex-start;min-width:0}.po-detail-stage-workspace .po-hero-identity{flex:1 1 auto;min-width:0}.po-detail-stage-workspace .po-hero-identity-meta{align-items:center;display:flex;flex-wrap:wrap;gap:4px 8px;margin-top:2px;min-width:0}.po-detail-stage-workspace .po-hero-title-actions{flex:0 1 auto;flex-wrap:wrap;gap:6px;justify-content:flex-end;margin-left:auto;max-width:100%}.po-detail-stage-workspace .po-hero-title-actions .ghost{font-size:13px;min-height:36px}.po-detail-stage-workspace .po-stage-bar-sticky{align-items:center;background:#fff!important;display:flex;flex-wrap:nowrap;gap:8px;margin:0 0 4px!important;max-width:100%;min-width:0;padding:0!important;width:100%}.po-detail-stage-workspace .po-stage-bar-block{background:#0000!important;flex:1 1 auto!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;padding:0!important;width:auto!important}.po-detail-stage-workspace .po-stage-rail{align-items:center;display:flex;flex-wrap:nowrap;gap:4px;max-width:100%;min-width:0;width:100%}.po-detail-stage-workspace .po-stage-rail-viewport{flex:1 1 auto;max-width:100%;min-width:0;position:relative}.po-detail-stage-workspace .po-stage-rail-scroller{-webkit-overflow-scrolling:touch;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;width:100%}.po-detail-stage-workspace .po-stage-rail-scroller .stage-bar.has-labels,.po-detail-stage-workspace .po-stage-rail-scroller .stage-bar.has-labels.equal-stages{align-items:flex-end!important;display:flex!important;flex-flow:row nowrap!important;gap:0 16px!important;max-width:none!important;min-width:-webkit-max-content!important;min-width:max-content!important;width:-webkit-max-content!important;width:max-content!important}.po-detail-stage-workspace .po-stage-rail-scroller .stage-bar.has-labels .stage-bar-col{flex:0 0 auto!important;max-width:none!important;min-width:-webkit-max-content!important;min-width:max-content!important;width:auto!important}.po-detail-stage-workspace .po-stage-rail-scroller .stage-bar.has-labels .stage-bar-seg{flex-flow:row nowrap!important;font-size:14px!important;height:auto!important;max-height:none!important;min-height:36px!important;white-space:nowrap!important}.po-detail-stage-workspace .po-stage-rail-scroller .stage-bar.has-labels .stage-bar-label{font-size:14px!important;font-weight:600!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important}.po-detail-stage-workspace .po-stage-rail-scroller .stage-bar.has-labels .stage-bar-step-num{font-size:13px!important;white-space:nowrap!important}.po-detail-stage-workspace .stage-bar-active-mark{background:#0000;border:2px solid #0f5f63;border-radius:2px;box-sizing:border-box;flex:0 0 auto;height:8px;width:8px}.po-detail-stage-workspace .stage-bar-seg.is-viewed .stage-bar-active-mark{background:#0f5f63}.po-detail-stage-workspace .stage-bar-done-mark{color:#0f5f63;flex:0 0 auto;font-size:13px;font-weight:700;line-height:1}.po-detail-stage-workspace .po-stage-rail-nav{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#111827;flex:0 0 auto;font-size:18px;line-height:1;min-height:36px;min-width:36px;padding:0 8px!important}.po-detail-stage-workspace .po-stage-rail-nav:disabled{opacity:.35}.po-detail-stage-workspace .po-stage-rail-fade{bottom:0;opacity:0;pointer-events:none;position:absolute;top:0;width:18px}.po-detail-stage-workspace .po-stage-rail-fade.is-on{opacity:1}.po-detail-stage-workspace .po-stage-rail-fade.is-start{background:linear-gradient(90deg,#fff,#fff0);left:0}.po-detail-stage-workspace .po-stage-rail-fade.is-end{background:linear-gradient(270deg,#fff,#fff0);right:0}.po-detail-stage-workspace .po-lihat-semua{flex:0 0 auto;min-height:36px}.po-detail-stage-workspace .po-view-context{background:#0000!important;border:0!important;border-radius:0!important;gap:6px 16px!important;padding:2px 0 8px!important}.po-detail-stage-workspace .po-view-context strong{font-size:14px;font-weight:650}.po-detail-stage-workspace .po-stage-ws-chrome{background:#0000!important;border:0!important;margin-top:4px}.po-detail-stage-workspace .po-doc-breadcrumb{margin-bottom:2px}@media (min-width:960px){.po-detail-stage-workspace #po-stage-design .po-split-65,.po-detail-stage-workspace #po-stage-payment .po-split-65{grid-gap:0!important;align-items:start!important;display:grid!important;flex-direction:row!important;gap:0!important;grid-template-columns:minmax(0,65%) minmax(0,35%)!important}.po-detail-stage-workspace #po-stage-design .po-split-65>.po-pair-col+.po-pair-col,.po-detail-stage-workspace #po-stage-payment .po-split-65>.po-pair-col+.po-pair-col{border-left:1px solid #e5e7eb!important;border-top:0!important;margin:0!important;padding:0 0 0 16px!important}}.po-detail-stage-workspace #po-stage-design .design-approval-actions,.po-detail-stage-workspace #po-stage-payment .po-decision-row{align-items:center;border-top:1px solid #eef0f2;display:flex;flex-wrap:wrap;gap:8px;padding:12px}.po-detail-stage-workspace #po-stage-design [data-testid=design-files-panel]{background:#0000!important;border:0!important;box-shadow:none!important}.po-detail-stage-workspace #po-stage-design [data-testid=design-files-panel]>p.muted,.po-detail-stage-workspace #po-stage-design [data-testid=design-owner-badge]{display:none}.po-detail-stage-workspace #po-stage-design [data-testid=design-files-panel] .attachments-grid{display:flex!important;flex-direction:column!important;gap:0!important}.po-detail-stage-workspace #po-stage-design [data-testid=design-files-panel] .design-proof-card{align-items:center;background:#0000!important;border:0!important;border-bottom:1px solid #eef0f2!important;border-radius:0!important;display:flex!important;flex-direction:row;flex-wrap:wrap;gap:8px 12px;height:auto!important;min-height:0!important;padding:8px 12px!important;width:100%!important}.po-detail-stage-workspace #po-stage-design [data-testid=design-files-panel] .design-proof-preview{background:#0000!important;border:0!important;flex:0 0 44px;height:44px!important;min-height:0!important;padding:0!important;width:44px!important}.po-detail-stage-workspace #po-stage-design [data-testid=design-files-panel] .design-proof-preview .file-thumb,.po-detail-stage-workspace #po-stage-design [data-testid=design-files-panel] .design-proof-preview img{box-shadow:none!important;height:44px!important;max-height:44px!important;min-height:0!important;object-fit:cover!important;width:44px!important}.po-detail-stage-workspace #po-stage-design [data-testid=design-files-panel] .design-proof-meta{background:#0000!important;border:0!important;flex:1 1 160px;margin:0!important;min-width:0;padding:0!important}.po-detail-stage-workspace #po-stage-design [data-testid=design-files-panel] .design-proof-meta strong{font-size:14px!important;margin:0 0 2px!important}.po-detail-stage-workspace #po-stage-design .design-proof-facts{display:flex;flex-wrap:wrap;gap:2px 12px}.po-detail-stage-workspace #po-stage-design .design-proof-facts div{align-items:baseline;display:flex;gap:4px;grid-template-columns:none!important}.po-detail-stage-workspace #po-stage-design .design-proof-facts dd,.po-detail-stage-workspace #po-stage-design .design-proof-facts dt{font-size:12px}.po-detail-stage-workspace #po-stage-design .design-proof-actions{flex:0 0 auto;margin:0!important}.po-detail-stage-workspace #po-stage-payment .pay-ws-head{align-items:center;display:flex;flex-wrap:wrap;gap:8px 12px}.po-detail-stage-workspace #po-stage-payment .pay-ws-head h3{margin:0}.po-detail-stage-workspace #po-stage-payment .payment-body{padding:8px 12px 12px}.po-detail-stage-workspace #po-stage-payment .payment-files{display:flex;flex-direction:column;gap:0;grid-template-columns:none}.po-detail-stage-workspace #po-stage-payment .payment-file{grid-gap:10px;align-items:center;background:#0000;border:0;border-bottom:1px solid #eef0f2;display:grid;gap:10px;grid-template-columns:44px minmax(0,1fr);height:auto;min-height:0;padding:8px 0}.po-detail-stage-workspace #po-stage-payment .payment-file-thumb{height:44px;min-height:0;width:44px}.po-detail-stage-workspace #po-stage-payment .payment-history{padding:0 12px 12px}.po-detail-stage-workspace #po-stage-order-masuk .panel-head .ghost,.po-detail-stage-workspace .workflow-group .ghost,.po-detail-stage-workspace .workflow-group .primary,.po-detail-stage-workspace .workflow-group label.primary{min-height:36px}@media (max-width:640px){.po-detail-stage-workspace .po-hero-customer{font-size:22px!important}.po-detail-stage-workspace.po-detail-industrial .po-hero-title-actions .ghost,.po-detail-stage-workspace.po-detail-industrial .po-lihat-semua,.po-detail-stage-workspace.po-detail-industrial .po-stage-bar-block .po-stage-rail-scroller .stage-bar.has-labels.equal-stages .stage-bar-seg,.po-detail-stage-workspace.po-detail-industrial .po-stage-rail-nav,.po-detail-stage-workspace.po-detail-industrial .workflow-group .ghost,.po-detail-stage-workspace.po-detail-industrial .workflow-group .primary,.po-detail-stage-workspace.po-detail-industrial .workflow-group label.primary{min-height:44px!important}}.po-detail-stage-workspace #po-stage-order-masuk>.po-line-items-panel{margin-top:12px!important}.po-detail-stage-workspace .po-order-masuk-tail{gap:12px!important;margin-top:4px!important}.po-detail-stage-workspace .po-order-masuk-tail>.po-doc-tabs,.po-detail-stage-workspace .po-order-masuk-tail>.po-notes-panel{margin-bottom:0!important;margin-top:0!important}.po-detail-stage-workspace #po-stage-order-masuk .po-info-panel>.po-om-section-head,.po-detail-stage-workspace #po-stage-order-masuk .po-line-items-panel>.po-om-section-head,.po-detail-stage-workspace .po-order-masuk-tail .po-doc-tabs>.po-om-section-head,.po-detail-stage-workspace .po-order-masuk-tail .po-notes-panel>.po-om-section-head{align-items:center;background:#f8fafc!important;background-image:none!important;border-bottom:2px solid #cbd5e1!important;border-radius:8px 8px 0 0;box-shadow:none!important;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:4px 12px;height:auto!important;justify-content:space-between;margin:0!important;min-height:0!important;padding:8px 12px!important}.po-detail-stage-workspace #po-stage-order-masuk .po-info-panel>.po-om-section-head h3,.po-detail-stage-workspace #po-stage-order-masuk .po-line-items-panel>.po-om-section-head h3,.po-detail-stage-workspace .po-order-masuk-tail .po-notes-panel>.po-om-section-head h3{color:#0b1f33!important;color:var(--po-navy,#0b1f33)!important;flex:1 1 auto;font-family:inherit;font-size:15px!important;font-weight:700!important;letter-spacing:-.01em;line-height:24px;margin:0;min-width:0;text-transform:none}.po-detail-stage-workspace .po-om-head-count{color:#64748b;font-size:13px;font-weight:500;letter-spacing:0;line-height:24px;margin-left:8px}.po-detail-stage-workspace #po-stage-order-masuk .po-info-panel>.po-om-section-head .ghost,.po-detail-stage-workspace .po-order-masuk-tail .po-notes-panel>.po-om-section-head .ghost{background:#fff!important;border:1.5px solid #94a3b8!important;border-radius:8px!important;box-shadow:none!important;box-sizing:border-box;color:#0b1f33!important;color:var(--po-navy,#0b1f33)!important;flex:0 0 auto;font-size:13px!important;font-weight:600;height:auto;letter-spacing:0;line-height:1.2;margin-left:auto;min-height:36px!important;padding:4px 10px!important;text-transform:none;white-space:nowrap}.po-detail-stage-workspace #po-stage-order-masuk .po-info-panel>.po-om-section-head .ghost:hover,.po-detail-stage-workspace .po-order-masuk-tail .po-notes-panel>.po-om-section-head .ghost:hover{background:#f1f5f9!important}.po-detail-stage-workspace #po-stage-order-masuk .po-info-panel>.po-om-section-head .ghost:focus-visible,.po-detail-stage-workspace .po-order-masuk-tail .po-notes-panel>.po-om-section-head .ghost:focus-visible{outline:2px solid #0f5f63!important;outline-offset:2px!important}.po-detail-stage-workspace .po-order-masuk-tail .po-doc-tabs>.po-om-section-head{gap:0 20px;justify-content:flex-start}.po-detail-stage-workspace .po-order-masuk-tail .po-doc-tabs>.po-om-section-head button{background:#0000;border:0;border-bottom:2px solid #0000;border-radius:0;color:#475569;font-size:15px;font-weight:700;height:auto;letter-spacing:-.01em;line-height:24px;margin:0;min-height:0;padding:0 0 2px;text-transform:none}.po-detail-stage-workspace .po-order-masuk-tail .po-doc-tabs>.po-om-section-head button.is-active{border-bottom-color:#0f5f63;color:#0b1f33;color:var(--po-navy,#0b1f33)}@media (max-width:640px){.po-detail-stage-workspace #po-stage-order-masuk .po-info-panel>.po-om-section-head,.po-detail-stage-workspace #po-stage-order-masuk .po-line-items-panel>.po-om-section-head,.po-detail-stage-workspace .po-order-masuk-tail .po-doc-tabs>.po-om-section-head,.po-detail-stage-workspace .po-order-masuk-tail .po-notes-panel>.po-om-section-head{align-items:center;height:auto!important;min-height:0!important}.po-detail-stage-workspace #po-stage-order-masuk .po-info-panel>.po-om-section-head h3,.po-detail-stage-workspace .po-order-masuk-tail .po-notes-panel>.po-om-section-head h3{flex:1 1 9rem}.po-detail-stage-workspace #po-stage-order-masuk .po-info-panel>.po-om-section-head .ghost,.po-detail-stage-workspace .po-order-masuk-tail .po-notes-panel>.po-om-section-head .ghost{min-height:44px!important;padding:8px 12px!important}.po-detail-stage-workspace .po-order-masuk-tail .po-doc-tabs>.po-om-section-head{gap:0 20px;justify-content:flex-start}.po-detail-stage-workspace .po-order-masuk-tail .po-doc-tabs>.po-om-section-head button{align-items:center;display:inline-flex;min-height:44px}}.po-detail-stage-workspace #po-stage-design [data-testid=bypass-design-button],.po-detail-stage-workspace #po-stage-design [data-testid=ca-copy-link-button],.po-detail-stage-workspace #po-stage-design [data-testid=ca-copy-wa-button],.po-detail-stage-workspace #po-stage-design [data-testid=ca-generate-button],.po-detail-stage-workspace #po-stage-design [data-testid=ca-regenerate-button],.po-detail-stage-workspace #po-stage-design [data-testid=ca-resend-button],.po-detail-stage-workspace #po-stage-design [data-testid=ca-revoke-button],.po-detail-stage-workspace #po-stage-design [data-testid=upload-design-button],.po-detail-stage-workspace #po-stage-design [data-testid^=view-design-file-],.po-detail-stage-workspace #po-stage-order-masuk [data-testid=po-atur-lokasi],.po-detail-stage-workspace #po-stage-order-masuk [data-testid^=ganti-barang-btn-],.po-detail-stage-workspace #po-stage-payment [data-testid=bypass-payment-button],.po-detail-stage-workspace #po-stage-payment [data-testid=upload-payment-label],.po-detail-stage-workspace #po-stage-payment [data-testid^=btn-view-receipt-proof-],.po-detail-stage-workspace .po-hero-title-actions>.po-hero-back,.po-detail-stage-workspace .po-hero-title-actions>.po-hero-refresh,.po-detail-stage-workspace .po-hero-title-actions>.po-more-menu>.po-more-trigger,.po-detail-stage-workspace .po-hero-title-actions>[data-testid=btn-po-summary],.po-detail-stage-workspace .po-order-masuk-tail .po-doc-list>li>button,.po-detail-stage-workspace .po-order-masuk-tail [data-testid=btn-buat-faktur-penjualan],.po-detail-stage-workspace .po-order-masuk-tail [data-testid=copy-tracking-link],.po-detail-stage-workspace .po-view-context [data-testid=btn-back-to-active-stage]{align-items:center;background:#fff!important;border:1.5px solid #94a3b8!important;border-radius:8px!important;box-shadow:none!important;box-sizing:border-box;color:#0b1f33!important;cursor:pointer;display:inline-flex;font-size:13px!important;font-weight:600!important;gap:6px;height:auto;justify-content:center;letter-spacing:0;line-height:1.2;min-height:36px!important;opacity:1;padding:4px 12px!important;text-decoration:none;text-transform:none}.po-detail-stage-workspace #po-stage-design [data-testid=bypass-design-button]:hover,.po-detail-stage-workspace #po-stage-design [data-testid=ca-copy-link-button]:hover,.po-detail-stage-workspace #po-stage-design [data-testid=ca-copy-wa-button]:hover,.po-detail-stage-workspace #po-stage-design [data-testid=ca-generate-button]:hover,.po-detail-stage-workspace #po-stage-design [data-testid=ca-regenerate-button]:hover,.po-detail-stage-workspace #po-stage-design [data-testid=ca-resend-button]:hover,.po-detail-stage-workspace #po-stage-design [data-testid=ca-revoke-button]:hover,.po-detail-stage-workspace #po-stage-design [data-testid=upload-design-button]:hover,.po-detail-stage-workspace #po-stage-design [data-testid^=view-design-file-]:hover,.po-detail-stage-workspace #po-stage-order-masuk [data-testid=po-atur-lokasi]:hover,.po-detail-stage-workspace #po-stage-order-masuk [data-testid^=ganti-barang-btn-]:hover,.po-detail-stage-workspace #po-stage-payment [data-testid=bypass-payment-button]:hover,.po-detail-stage-workspace #po-stage-payment [data-testid=upload-payment-label]:hover,.po-detail-stage-workspace #po-stage-payment [data-testid^=btn-view-receipt-proof-]:hover,.po-detail-stage-workspace .po-hero-title-actions>.po-hero-back:hover,.po-detail-stage-workspace .po-hero-title-actions>.po-hero-refresh:hover,.po-detail-stage-workspace .po-hero-title-actions>.po-more-menu>.po-more-trigger:hover,.po-detail-stage-workspace .po-hero-title-actions>[data-testid=btn-po-summary]:hover,.po-detail-stage-workspace .po-order-masuk-tail .po-doc-list>li>button:hover,.po-detail-stage-workspace .po-order-masuk-tail [data-testid=btn-buat-faktur-penjualan]:hover,.po-detail-stage-workspace .po-order-masuk-tail [data-testid=copy-tracking-link]:hover,.po-detail-stage-workspace .po-view-context [data-testid=btn-back-to-active-stage]:hover{background:#f1f5f9!important}.po-detail-stage-workspace #po-stage-design [data-testid=bypass-design-button]:focus-visible,.po-detail-stage-workspace #po-stage-design [data-testid=ca-copy-link-button]:focus-visible,.po-detail-stage-workspace #po-stage-design [data-testid=ca-copy-wa-button]:focus-visible,.po-detail-stage-workspace #po-stage-design [data-testid=ca-generate-button]:focus-visible,.po-detail-stage-workspace #po-stage-design [data-testid=ca-regenerate-button]:focus-visible,.po-detail-stage-workspace #po-stage-design [data-testid=ca-resend-button]:focus-visible,.po-detail-stage-workspace #po-stage-design [data-testid=ca-revoke-button]:focus-visible,.po-detail-stage-workspace #po-stage-design [data-testid=upload-design-button]:focus-visible,.po-detail-stage-workspace #po-stage-design [data-testid^=view-design-file-]:focus-visible,.po-detail-stage-workspace #po-stage-order-masuk [data-testid=po-atur-lokasi]:focus-visible,.po-detail-stage-workspace #po-stage-order-masuk [data-testid^=ganti-barang-btn-]:focus-visible,.po-detail-stage-workspace #po-stage-payment [data-testid=bypass-payment-button]:focus-visible,.po-detail-stage-workspace #po-stage-payment [data-testid=upload-payment-label]:focus-visible,.po-detail-stage-workspace #po-stage-payment [data-testid^=btn-view-receipt-proof-]:focus-visible,.po-detail-stage-workspace .po-hero-title-actions>.po-hero-back:focus-visible,.po-detail-stage-workspace .po-hero-title-actions>.po-hero-refresh:focus-visible,.po-detail-stage-workspace .po-hero-title-actions>.po-more-menu>.po-more-trigger:focus-visible,.po-detail-stage-workspace .po-hero-title-actions>[data-testid=btn-po-summary]:focus-visible,.po-detail-stage-workspace .po-order-masuk-tail .po-doc-list>li>button:focus-visible,.po-detail-stage-workspace .po-order-masuk-tail [data-testid=btn-buat-faktur-penjualan]:focus-visible,.po-detail-stage-workspace .po-order-masuk-tail [data-testid=copy-tracking-link]:focus-visible,.po-detail-stage-workspace .po-view-context [data-testid=btn-back-to-active-stage]:focus-visible{outline:2px solid #0f5f63!important;outline-offset:2px!important}.po-detail-stage-workspace .po-hero-title-actions>.po-more-menu>.po-more-trigger,.po-detail-stage-workspace .po-hero-title-actions>.po-more-trigger{min-width:36px;padding-left:8px;padding-right:8px}.po-detail-stage-workspace #po-stage-design [data-testid=approve-design-button],.po-detail-stage-workspace #po-stage-payment [data-testid=approve-payment-button],.po-detail-stage-workspace .po-order-masuk-tail [data-testid=btn-proses-pengiriman-pesanan],.po-detail-stage-workspace .po-order-masuk-tail [data-testid=save-note-button]{align-items:center;background:#0f5f63!important;border:1.5px solid #0f5f63!important;border-radius:8px!important;box-shadow:none!important;box-sizing:border-box;color:#fff!important;cursor:pointer;display:inline-flex;font-size:13px!important;font-weight:600!important;gap:6px;justify-content:center;line-height:1.2;min-height:36px!important;opacity:1;padding:4px 12px!important;text-decoration:none}.po-detail-stage-workspace #po-stage-design [data-testid=approve-design-button]:hover,.po-detail-stage-workspace #po-stage-payment [data-testid=approve-payment-button]:hover,.po-detail-stage-workspace .po-order-masuk-tail [data-testid=btn-proses-pengiriman-pesanan]:hover,.po-detail-stage-workspace .po-order-masuk-tail [data-testid=save-note-button]:hover{background:#0b4c4f!important;border-color:#0b4c4f!important;color:#fff!important}.po-detail-stage-workspace #po-stage-design [data-testid=approve-design-button]:focus-visible,.po-detail-stage-workspace #po-stage-payment [data-testid=approve-payment-button]:focus-visible,.po-detail-stage-workspace .po-order-masuk-tail [data-testid=btn-proses-pengiriman-pesanan]:focus-visible,.po-detail-stage-workspace .po-order-masuk-tail [data-testid=save-note-button]:focus-visible{outline:2px solid #0f5f63!important;outline-offset:2px!important}.po-detail-stage-workspace #po-stage-design [data-testid=approve-design-button]:disabled,.po-detail-stage-workspace #po-stage-design [data-testid=bypass-design-button]:disabled,.po-detail-stage-workspace #po-stage-design [data-testid=upload-design-button]:disabled,.po-detail-stage-workspace #po-stage-design button[data-testid^=ca-]:disabled,.po-detail-stage-workspace #po-stage-order-masuk .po-om-section-head .ghost:disabled,.po-detail-stage-workspace #po-stage-order-masuk [data-testid=po-atur-lokasi]:disabled,.po-detail-stage-workspace #po-stage-order-masuk [data-testid^=ganti-barang-btn-]:disabled,.po-detail-stage-workspace #po-stage-payment [data-testid=approve-payment-button]:disabled,.po-detail-stage-workspace #po-stage-payment [data-testid=bypass-payment-button]:disabled,.po-detail-stage-workspace #po-stage-payment [data-testid=upload-payment-label].disabled,.po-detail-stage-workspace .po-hero-title-actions>.po-hero-back:disabled,.po-detail-stage-workspace .po-hero-title-actions>.po-hero-refresh:disabled,.po-detail-stage-workspace .po-hero-title-actions>.po-more-menu>.po-more-trigger:disabled,.po-detail-stage-workspace .po-hero-title-actions>[data-testid=btn-po-summary]:disabled,.po-detail-stage-workspace .po-order-masuk-tail .po-doc-list>li>button:disabled,.po-detail-stage-workspace .po-order-masuk-tail [data-testid=copy-tracking-link]:disabled,.po-detail-stage-workspace .po-order-masuk-tail [data-testid=save-note-button]:disabled,.po-detail-stage-workspace .po-view-context [data-testid=btn-back-to-active-stage]:disabled{background:#f8fafc!important;border-color:#cbd5e1!important;box-shadow:none!important;color:#334155!important;cursor:not-allowed;opacity:1!important}.po-detail-stage-workspace #po-stage-payment [data-testid=upload-payment-label].disabled{cursor:wait}.po-detail-stage-workspace #po-stage-design .ghost.danger,.po-detail-stage-workspace #po-stage-payment .ghost.danger{background:#fff!important;border:1.5px solid #a53f2b!important;color:#a53f2b!important;opacity:1}.po-detail-stage-workspace #po-stage-design .ghost.danger:hover,.po-detail-stage-workspace #po-stage-payment .ghost.danger:hover{background:#f8e9e4!important;color:#a53f2b!important}.po-detail-stage-workspace #po-stage-order-masuk .po-maps-link{background:#0000;border:0;color:#0f5f63;font-weight:650;text-decoration:underline;text-underline-offset:2px}.po-detail-stage-workspace #po-stage-order-masuk .po-maps-link:focus-visible{outline:2px solid #0f5f63;outline-offset:2px}.po-detail-stage-workspace #po-stage-order-masuk .li-route-cell,.po-detail-stage-workspace #po-stage-order-masuk .li-route-editor{overflow:visible}@media (max-width:640px){.po-detail-stage-workspace #po-stage-design .ghost.danger,.po-detail-stage-workspace #po-stage-design [data-testid=approve-design-button],.po-detail-stage-workspace #po-stage-design [data-testid=bypass-design-button],.po-detail-stage-workspace #po-stage-design [data-testid=ca-copy-link-button],.po-detail-stage-workspace #po-stage-design [data-testid=ca-copy-wa-button],.po-detail-stage-workspace #po-stage-design [data-testid=ca-generate-button],.po-detail-stage-workspace #po-stage-design [data-testid=ca-regenerate-button],.po-detail-stage-workspace #po-stage-design [data-testid=ca-resend-button],.po-detail-stage-workspace #po-stage-design [data-testid=ca-revoke-button],.po-detail-stage-workspace #po-stage-design [data-testid=upload-design-button],.po-detail-stage-workspace #po-stage-design [data-testid^=view-design-file-],.po-detail-stage-workspace #po-stage-order-masuk .li-process-select,.po-detail-stage-workspace #po-stage-order-masuk [data-testid=po-atur-lokasi],.po-detail-stage-workspace #po-stage-order-masuk [data-testid^=ganti-barang-btn-],.po-detail-stage-workspace #po-stage-payment [data-testid=approve-payment-button],.po-detail-stage-workspace #po-stage-payment [data-testid=bypass-payment-button],.po-detail-stage-workspace #po-stage-payment [data-testid=upload-payment-label],.po-detail-stage-workspace #po-stage-payment [data-testid^=btn-view-receipt-proof-],.po-detail-stage-workspace .po-hero-title-actions>.po-hero-back,.po-detail-stage-workspace .po-hero-title-actions>.po-hero-refresh,.po-detail-stage-workspace .po-hero-title-actions>.po-more-menu>.po-more-trigger,.po-detail-stage-workspace .po-hero-title-actions>[data-testid=btn-po-summary],.po-detail-stage-workspace .po-order-masuk-tail .po-doc-list>li>button,.po-detail-stage-workspace .po-order-masuk-tail [data-testid=btn-buat-faktur-penjualan],.po-detail-stage-workspace .po-order-masuk-tail [data-testid=btn-proses-pengiriman-pesanan],.po-detail-stage-workspace .po-order-masuk-tail [data-testid=copy-tracking-link],.po-detail-stage-workspace .po-order-masuk-tail [data-testid=save-note-button],.po-detail-stage-workspace .po-view-context [data-testid=btn-back-to-active-stage]{min-height:44px!important}.po-detail-stage-workspace .po-hero-title-actions>.po-more-menu>.po-more-trigger{min-width:44px}}.po-detail-stage-workspace #po-stage-design .design-ws-head,.po-detail-stage-workspace #po-stage-design [data-testid=design-files-panel]>.panel-head,.po-detail-stage-workspace #po-stage-payment .pay-ws-head{background:#f8fafc!important;background-image:none!important;border-bottom:2px solid #cbd5e1!important;box-shadow:none!important}.po-detail-stage-workspace #po-stage-design .design-ws-head h3,.po-detail-stage-workspace #po-stage-design [data-testid=design-files-panel]>.panel-head h3,.po-detail-stage-workspace #po-stage-payment .pay-ws-head h3{color:#0b1f33!important;color:var(--po-navy,#0b1f33)!important;font-size:15px!important;font-weight:700!important}[data-module=dashboard]{--mod:#0891b2;--mod-strong:#0e7490;--mod-soft:#ecfeff;--mod-border:#67e8f9;--mod-ink:#155e75;--color-input-bg:#cffafe;--color-input-border:#22d3ee;--color-input-hover:#06b6d4;--color-input-focus:#0891b2;--color-input-ring:#0891b247}[data-module=production]{--mod:#4f46e5;--mod-strong:#4338ca;--mod-soft:#eef2ff;--mod-border:#a5b4fc;--mod-ink:#312e81;--color-input-bg:#e0e7ff;--color-input-border:#818cf8;--color-input-hover:#6366f1;--color-input-focus:#4f46e5;--color-input-ring:#4f46e542}[data-module=sales]{--mod:#0d9488;--mod-strong:#0f766e;--mod-soft:#f0fdfa;--mod-border:#5eead4;--mod-ink:#134e4a;--color-input-bg:#cffafe;--color-input-border:#22d3ee;--color-input-hover:#06b6d4;--color-input-focus:#0d9488;--color-input-ring:#0d948842}[data-module=purchasing]{--mod:#d97706;--mod-strong:#b45309;--mod-soft:#fffbeb;--mod-border:#fcd34d;--mod-ink:#78350f;--color-input-bg:#ffedd5;--color-input-border:#fb923c;--color-input-hover:#f97316;--color-input-focus:#ea580c;--color-input-ring:#d9770642}[data-module=inventory]{--mod:#65a30d;--mod-strong:#4d7c0f;--mod-soft:#f7fee7;--mod-border:#bef264;--mod-ink:#365314;--color-input-bg:#ecfccb;--color-input-border:#84cc16;--color-input-hover:#65a30d;--color-input-focus:#4d7c0f;--color-input-ring:#65a30d42}[data-module=hr]{--mod:#7c3aed;--mod-strong:#6d28d9;--mod-soft:#f5f3ff;--mod-border:#c4b5fd;--mod-ink:#4c1d95;--color-input-bg:#ede9fe;--color-input-border:#a78bfa;--color-input-hover:#8b5cf6;--color-input-focus:#7c3aed;--color-input-ring:#7c3aed42}[data-module=payroll]{--mod:#4f46e5;--mod-strong:#3730a3;--mod-soft:#eef2ff;--mod-border:#a5b4fc;--mod-ink:#312e81;--color-input-bg:#e0e7ff;--color-input-border:#818cf8;--color-input-hover:#6366f1;--color-input-focus:#4f46e5;--color-input-ring:#4f46e542}[data-module=admin]{--mod:#c026d3;--mod-strong:#a21caf;--mod-soft:#fdf4ff;--mod-border:#f0abfc;--mod-ink:#701a75;--color-input-bg:#fae8ff;--color-input-border:#e879f9;--color-input-hover:#d946ef;--color-input-focus:#c026d3;--color-input-ring:#c026d33d}[data-module=route]{--mod:#0891b2;--mod-strong:#0e7490;--mod-soft:#ecfeff;--mod-border:#67e8f9;--mod-ink:#155e75;--color-input-bg:#cffafe;--color-input-border:#22d3ee;--color-input-hover:#06b6d4;--color-input-focus:#0891b2;--color-input-ring:#0891b247}[data-module=reports],[data-module=settings]{--mod:#2563eb;--mod-strong:#1d4ed8;--mod-soft:#eff6ff;--mod-border:#93c5fd;--mod-ink:#1e3a8a;--color-input-bg:#dbeafe;--color-input-border:#60a5fa;--color-input-hover:#3b82f6;--color-input-focus:#2563eb;--color-input-ring:#2563eb42}[data-module=ledger],[data-module=spk]{--mod:#0f766e;--mod-strong:#115e59;--mod-soft:#f0fdfa;--mod-border:#5eead4;--mod-ink:#134e4a;--color-input-bg:#ecfeff;--color-input-border:#22d3ee;--color-input-hover:#06b6d4;--color-input-focus:#0f766e;--color-input-ring:#0f766e42}[data-module=cashBank]{--mod:#0891b2;--mod-strong:#0e7490;--mod-soft:#ecfeff;--mod-border:#67e8f9;--mod-ink:#155e75;--color-input-bg:#fff;--color-input-border:#7dd3fc;--color-input-hover:#38bdf8;--color-input-focus:#0891b2;--color-input-ring:#0891b247;--color-input-text:#0f172a}.page-heading{align-items:flex-start;background:var(--surface);border:1px solid var(--color-card-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow);margin-bottom:18px;padding:18px 20px 16px;position:relative}.page-heading:before{background:linear-gradient(90deg,var(--mod),var(--mod-strong) 60%,#22d3ee);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.page-heading h1{color:var(--ink);font-weight:800;letter-spacing:-.03em}.page-heading .muted,.page-heading .subhead{color:var(--soft)}.page-heading-icon{background:var(--mod-soft);border:1px solid var(--mod-border);border-radius:14px;color:var(--mod-strong);display:grid;flex-shrink:0;height:44px;place-items:center;width:44px}.page-heading-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.fs-section,.iro-card,.panel,.sa-section,.settings-card{border-radius:var(--radius-2xl)}.panel{background:var(--color-card-bg);border:1px solid var(--color-card-border)}.panel-head{background:var(--mod-soft);border-bottom:1px solid var(--mod-border);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;margin:-14px -16px 14px;padding:12px 16px}.panel-head h3,.panel-head h4{color:var(--mod-ink)}.ep-section{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow);overflow:hidden}.ep-section-head{align-items:center;background:var(--mod-soft);border-bottom:1px solid var(--mod-border);color:var(--mod-ink);display:flex;font-weight:700;gap:10px;padding:12px 16px}.ep-manual-group{background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--radius-xl);padding:14px}.ep-readonly-group{background:var(--color-readonly-bg);border:1px solid var(--color-readonly-border);border-radius:var(--radius-xl);color:var(--color-readonly-text);padding:14px}.ep-summary-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:0 0 16px}.ep-summary-card{background:var(--surface);border:1px solid var(--color-card-border);border-radius:var(--radius-xl);border-top:3px solid var(--mod);box-shadow:var(--shadow);min-width:0;padding:12px 14px}.ep-summary-card span{color:var(--soft);display:block;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.ep-summary-card strong{color:var(--ink);display:block;font-size:15px;margin-top:4px}.content input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]):not([type=color]),.content select,.content textarea,.ep-input,.login-panel input,.modal input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):not([type=button]):not([type=submit]),.modal select,.modal textarea{background:var(--color-input-bg);border:2px solid var(--color-input-border);border-radius:12px;box-shadow:inset 0 1px 0 #ffffffb3;color:var(--color-input-text);min-height:42px;padding:8px 12px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.content textarea,.modal textarea{min-height:88px;resize:vertical}.content select{-webkit-appearance:auto;appearance:auto}.content input:hover,.content select:hover,.content textarea:hover,.ep-input:hover,.modal input:hover,.modal select:hover,.modal textarea:hover{border-color:var(--color-input-hover)}.content input:focus,.content select:focus,.content textarea:focus,.ep-input:focus,.login-panel input:focus,.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:var(--color-input-focus);box-shadow:0 0 0 4px var(--color-input-ring);outline:none}.content input:disabled,.content input[readonly],.content select:disabled,.content textarea:disabled,.content textarea[readonly],.ep-readonly,.modal input:disabled,.modal input[readonly],.modal select:disabled,.modal textarea:disabled,.modal textarea[readonly],.sa-readonly-value{background:var(--color-readonly-bg)!important;border:1px solid var(--color-readonly-border)!important;box-shadow:none!important;color:var(--color-readonly-text)!important;cursor:default}.content input:disabled,.content select:disabled,.content textarea:disabled{cursor:not-allowed;opacity:.78}.content input[aria-invalid=true],.content select[aria-invalid=true],.content textarea[aria-invalid=true],.is-error input,.is-error select,.is-error textarea,.modal input[aria-invalid=true]{background:#fef2f2!important;border-color:#f87171!important;box-shadow:0 0 0 3px #dc262629!important}.ep-req,.required-star,.sa-req{color:var(--mod-strong);font-weight:800}label{font-weight:600}.content input[type=file],.modal input[type=file]{background:var(--mod-soft);border:2px dashed var(--mod-border);border-radius:12px;color:var(--mod-ink);cursor:pointer;min-height:0;padding:10px}.content input[type=file]:hover,.modal input[type=file]:hover{background:#fff;border-color:var(--mod)}.btn-file input[type=file],.sa-file-btn input[type=file]{background:#0000;border:0;box-shadow:none;inset:0;min-height:0;opacity:0;padding:0;position:absolute}.content input[type=checkbox],.content input[type=radio],.modal input[type=checkbox],.modal input[type=radio]{accent-color:var(--mod);background:#0000;border:0;box-shadow:none;height:16px;min-height:16px;padding:0;width:16px}.packing-panel .qty-control-field input,.qty-control-field input,.qty-ops-panel .qty-control-field input{background:#0000!important;border:0!important;border-radius:0;box-shadow:none!important;min-height:0}.prod-filters input,.prod-filters select,.prod-th-popover input,.prod-th-popover select{border-radius:8px;height:28px;min-height:28px;padding:3px 8px}.ea-search input{background:#0000!important;border:0!important;box-shadow:none!important;min-height:32px}.iro-card .iro-btn-primary,.iro-modal .iro-btn-primary,.iro-settings .iro-btn-primary,.primary,.task-button{background:var(--mod-strong);border-radius:12px;box-shadow:0 1px 2px #0f172a14;color:#fff}.primary:hover,.task-button:hover{background:var(--mod-ink)}.ghost{background:#fff;border:1px solid var(--mod-border);border-radius:12px;color:var(--mod-ink)}.ghost:hover{background:var(--mod-soft)}.ghost.danger,.primary.destructive{border-radius:12px}.sa-table-wrap,.table-wrap{background:#fff;border:1px solid var(--color-card-border);border-radius:var(--radius-xl);box-shadow:var(--shadow);overflow:auto}.ea-toolbar,.hr-period-form,.prod-filters,.sa-filters{background:var(--mod-soft);border:1px solid var(--mod-border);border-radius:var(--radius-xl)}.prediksi-tabs button.is-active,.settings-tabs button.active{background:var(--mod-strong);border-color:var(--mod-strong);color:#fff}.prediksi-tabs button{background:#fff;border:1px solid var(--line);border-radius:999px}.settings-tabs button.active{border-bottom-color:var(--mod);color:var(--mod-ink)}.hr-status,.iro-status,.pack-badge,.pill{border-radius:999px}.chip-done,.hr-status-final{background:#ecfdf5;color:#047857}.chip-done{border-color:#6ee7b7}.chip-current{background:#fffbeb;border-color:#fcd34d;color:#b45309}.modal-inner{border-radius:var(--radius);box-shadow:0 8px 28px #0f172a1f;display:flex;flex-direction:column;max-height:min(88vh,860px);overflow:hidden}.modal-head{background:#fafaf7;border-bottom:1px solid var(--line);border-top:none}.delete-modal-body,.modal-inner>.confirm-action-body,.modal-inner>form{min-height:0;overflow:auto}.delete-modal-actions,.iro-modal-foot{background:#fff;bottom:0;position:-webkit-sticky;position:sticky}.dash-kpi{border-radius:var(--radius-xl);border-top:3px solid var(--mod)}.dash-kpi.is-urgent{background:#fff1f2;border-top-color:var(--red)}.login-page{background:linear-gradient(180deg,#f8fafc,#ecfeff 55%,#f5f3ff)}.login-card,.login-panel{border-radius:var(--radius-2xl);border-top:4px solid var(--color-dashboard)}.workflow-stage-link.active{background:var(--mod-soft);box-shadow:inset 3px 0 0 var(--mod)}.stage-bar:not(.has-labels) .stage-bar-seg.done,.stage-bar:not(.has-labels) span.done{background:var(--green)}.stage-bar:not(.has-labels) .stage-bar-seg.current,.stage-bar:not(.has-labels) span.current{background:var(--amber)}.proof-upload,.sa-import-panel{background:var(--mod-soft);border:2px dashed var(--mod-border);border-radius:var(--radius-xl)}.prod-page .prod-heading{margin-bottom:8px;padding:10px 14px 8px}@media (max-width:720px){.page-heading{padding:14px 14px 12px}.page-heading-actions{width:100%}.page-heading-actions .ghost,.page-heading-actions .primary{flex:1 1 auto;justify-content:center}.content input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),.content select,.content textarea{font-size:16px}}@media (prefers-reduced-motion:reduce){.content input,.content select,.content textarea,.ep-input{transition:none}}
/*# sourceMappingURL=main.b0409e21.css.map*/