/* Generated by scripts/build_css.mjs. Do not edit directly. */

*,: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:rgba(59,130,246,.5);--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:rgba(59,130,246,.5);--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.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}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-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color: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:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-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::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.\!visible{visibility:visible!important}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-y-0{top:0;bottom:0}.left-0{left:0}.right-\[8\%\]{right:8%}.top-0{top:0}.top-\[12\%\]{top:12%}.isolate{isolation:isolate}.-z-10{z-index:-10}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-auto{margin-left:auto}.mt-0{margin-top:0}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.\!table{display:table!important}.table{display:table}.grid{display:grid}.hidden{display:none}.\!h-8{height:2rem!important}.h-1\.5{height:.375rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-56{height:14rem}.h-9{height:2.25rem}.h-\[48px\]{height:48px}.h-full{height:100%}.max-h-32{max-height:8rem}.max-h-40{max-height:10rem}.max-h-\[14rem\]{max-height:14rem}.max-h-\[18rem\]{max-height:18rem}.max-h-\[22rem\]{max-height:22rem}.max-h-\[24rem\]{max-height:24rem}.max-h-\[28rem\]{max-height:28rem}.max-h-\[30rem\]{max-height:30rem}.max-h-\[32rem\]{max-height:32rem}.max-h-\[34rem\]{max-height:34rem}.max-h-\[36rem\]{max-height:36rem}.max-h-\[38rem\]{max-height:38rem}.max-h-\[60vh\]{max-height:60vh}.max-h-\[70vh\]{max-height:70vh}.min-h-\[2\.35rem\]{min-height:2.35rem}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.\!w-20{width:5rem!important}.w-14{width:3.5rem}.w-2{width:.5rem}.w-56{width:14rem}.w-\[20rem\]{width:20rem}.w-full{width:100%}.\!min-w-0{min-width:0!important}.min-w-0{min-width:0}.min-w-\[10rem\]{min-width:10rem}.min-w-\[18rem\]{min-width:18rem}.min-w-\[190px\]{min-width:190px}.min-w-\[220px\]{min-width:220px}.min-w-\[280px\]{min-width:280px}.min-w-\[4\.4rem\]{min-width:4.4rem}.min-w-full{min-width:100%}.max-w-56{max-width:14rem}.max-w-\[160px\]{max-width:160px}.max-w-\[220px\]{max-width:220px}.max-w-\[260px\]{max-width:260px}.max-w-\[34rem\]{max-width:34rem}.max-w-\[40rem\]{max-width:40rem}.max-w-\[8rem\]{max-width:8rem}.max-w-\[9rem\]{max-width:9rem}.max-w-\[calc\(100vw-1\.25rem\)\]{max-width:calc(100vw - 1.25rem)}.max-w-lg{max-width:32rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.table-fixed{table-layout:fixed}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[62\%_38\%\]{grid-template-columns:62% 38%}.grid-cols-\[minmax\(0\2c 1fr\)_18px_minmax\(0\2c 1fr\)\]{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr)}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-right-width:calc(1px*var(--tw-divide-x-reverse));border-left-width:calc(1px*(1 - var(--tw-divide-x-reverse)))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.divide-slate-100>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(241 245 249/var(--tw-divide-opacity,1))}.divide-slate-200>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(226 232 240/var(--tw-divide-opacity,1))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[1\.25rem\]{border-radius:1.25rem}.rounded-\[2rem\]{border-radius:2rem}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-0{border-width:0}.border-x{border-left-width:1px;border-right-width:1px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[\#3A4132\]\/10{border-color:rgba(58,65,50,.1)}.border-\[\#D24E2F\]\/25{border-color:rgba(210,78,47,.25)}.border-amber-200{--tw-border-opacity:1;border-color:rgb(253 230 138/var(--tw-border-opacity,1))}.border-emerald-200{--tw-border-opacity:1;border-color:rgb(167 243 208/var(--tw-border-opacity,1))}.border-rose-100{--tw-border-opacity:1;border-color:rgb(255 228 230/var(--tw-border-opacity,1))}.border-rose-200{--tw-border-opacity:1;border-color:rgb(254 205 211/var(--tw-border-opacity,1))}.border-sky-200{--tw-border-opacity:1;border-color:rgb(186 230 253/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.border-slate-700{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.bg-\[\#3A4132\]{--tw-bg-opacity:1;background-color:rgb(58 65 50/var(--tw-bg-opacity,1))}.bg-\[\#7DA6FF\]\/10{background-color:rgba(125,166,255,.1)}.bg-\[\#D24E2F\]\/10{background-color:rgba(210,78,47,.1)}.bg-\[rgba\(250\2c 247\2c 240\2c 0\.94\)\]{background-color:hsla(42,50%,96%,.94)}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-amber-50\/80{background-color:rgba(255,251,235,.8)}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-emerald-100\/70{background-color:rgba(209,250,229,.7)}.bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.bg-emerald-50\/80{background-color:rgba(236,253,245,.8)}.bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.bg-rose-50{--tw-bg-opacity:1;background-color:rgb(255 241 242/var(--tw-bg-opacity,1))}.bg-rose-50\/80{background-color:rgba(255,241,242,.8)}.bg-rose-500{--tw-bg-opacity:1;background-color:rgb(244 63 94/var(--tw-bg-opacity,1))}.bg-sky-100\/70{background-color:rgba(224,242,254,.7)}.bg-sky-50\/80{background-color:rgba(240,249,255,.8)}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-100\/95{background-color:rgba(241,245,249,.95)}.bg-slate-300{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-slate-50\/80{background-color:rgba(248,250,252,.8)}.bg-slate-50\/95{background-color:rgba(248,250,252,.95)}.bg-slate-600{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.bg-slate-950\/45{background-color:rgba(2,6,23,.45)}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/70{background-color:hsla(0,0%,100%,.7)}.bg-white\/80{background-color:hsla(0,0%,100%,.8)}.bg-white\/85{background-color:hsla(0,0%,100%,.85)}.bg-\[linear-gradient\(135deg\2c \#3A4132_0\%\2c \#495342_100\%\)\]{background-image:linear-gradient(135deg,#3a4132,#495342)}.bg-\[linear-gradient\(135deg\2c \#3A4132_0\%\2c \#4A5441_78\%\2c \#7DA6FF_100\%\)\]{background-image:linear-gradient(135deg,#3a4132,#4a5441 78%,#7da6ff)}.bg-\[radial-gradient\(circle_at_top\2c _rgba\(125\2c 166\2c 255\2c 0\.14\)\2c _transparent_30\%\)\2c linear-gradient\(180deg\2c _\#f7f2e7_0\%\2c _\#ece4d7_100\%\)\]{background-image:radial-gradient(circle at top,rgba(125,166,255,.14),transparent 30%),linear-gradient(180deg,#f7f2e7,#ece4d7)}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.\!px-3{padding-left:.75rem!important;padding-right:.75rem!important}.\!py-1\.5{padding-top:.375rem!important;padding-bottom:.375rem!important}.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-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pr-1{padding-right:.25rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-\[\'IBM_Plex_Mono\'\]{font-family:IBM Plex Mono}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[9px\]{font-size:9px}.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}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-3{line-height:.75rem}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.tracking-\[0\.12em\]{letter-spacing:.12em}.tracking-\[0\.14em\]{letter-spacing:.14em}.tracking-\[0\.18em\]{letter-spacing:.18em}.tracking-\[0\.28em\]{letter-spacing:.28em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.text-\[\#2F3828\]{--tw-text-opacity:1;color:rgb(47 56 40/var(--tw-text-opacity,1))}.text-\[\#365399\]{--tw-text-opacity:1;color:rgb(54 83 153/var(--tw-text-opacity,1))}.text-\[\#3A4132\]{--tw-text-opacity:1;color:rgb(58 65 50/var(--tw-text-opacity,1))}.text-\[\#5B6554\]{--tw-text-opacity:1;color:rgb(91 101 84/var(--tw-text-opacity,1))}.text-\[\#698FE6\]{--tw-text-opacity:1;color:rgb(105 143 230/var(--tw-text-opacity,1))}.text-\[\#8A3B2D\]{--tw-text-opacity:1;color:rgb(138 59 45/var(--tw-text-opacity,1))}.text-\[\#F7F2E7\]{--tw-text-opacity:1;color:rgb(247 242 231/var(--tw-text-opacity,1))}.text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.text-emerald-800{--tw-text-opacity:1;color:rgb(6 95 70/var(--tw-text-opacity,1))}.text-rose-700{--tw-text-opacity:1;color:rgb(190 18 60/var(--tw-text-opacity,1))}.text-rose-800{--tw-text-opacity:1;color:rgb(159 18 57/var(--tw-text-opacity,1))}.text-rose-900{--tw-text-opacity:1;color:rgb(136 19 55/var(--tw-text-opacity,1))}.text-sky-700{--tw-text-opacity:1;color:rgb(3 105 161/var(--tw-text-opacity,1))}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.text-slate-950{--tw-text-opacity:1;color:rgb(2 6 23/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.opacity-50{opacity:.5}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-none{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 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[\#3A4132\]\/10{--tw-shadow-color:rgba(58,65,50,.1);--tw-shadow:var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.blur{--tw-blur:blur(8px)}.blur,.blur-3xl{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)}.blur-3xl{--tw-blur:blur(64px)}.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)}.backdrop-blur{--tw-backdrop-blur:blur(8px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.first\:border-t-0:first-child{border-top-width:0}.first\:pt-0:first-child{padding-top:0}.hover\:border-slate-300:hover{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.hover\:bg-slate-50:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.hover\:bg-slate-50\/70:hover{background-color:rgba(248,250,252,.7)}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.hover\:bg-white\/80:hover{background-color:hsla(0,0%,100%,.8)}.hover\:text-slate-950:hover{--tw-text-opacity:1;color:rgb(2 6 23/var(--tw-text-opacity,1))}.hover\:opacity-95:hover{opacity:.95}.focus\:border-\[\#7DA6FF\]\/60:focus{border-color:rgba(125,166,255,.6)}.focus\:border-slate-400:focus{--tw-border-opacity:1;border-color:rgb(148 163 184/var(--tw-border-opacity,1))}.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);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-\[\#7DA6FF\]\/20:focus{--tw-ring-color:rgba(125,166,255,.2)}.peer:checked~.peer-checked\:border-\[\#365399\]{--tw-border-opacity:1;border-color:rgb(54 83 153/var(--tw-border-opacity,1))}.peer:checked~.peer-checked\:bg-\[\#365399\]{--tw-bg-opacity:1;background-color:rgb(54 83 153/var(--tw-bg-opacity,1))}.peer:checked~.peer-checked\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.peer:focus-visible~.peer-focus-visible\:outline{outline-style:solid}.peer:focus-visible~.peer-focus-visible\:outline-2{outline-width:2px}.peer:focus-visible~.peer-focus-visible\:outline-offset-2{outline-offset:2px}.peer:focus-visible~.peer-focus-visible\:outline-blue-300{outline-color:#93c5fd}@media (min-width:640px){.sm\:w-48{width:12rem}.sm\:w-auto{width:auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}}@media (min-width:768px){.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-3{grid-column:span 3/span 3}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:justify-between{justify-content:space-between}}@media (min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-\[minmax\(260px\2c 1fr\)_minmax\(21rem\2c max-content\)_auto_auto\]{grid-template-columns:minmax(260px,1fr) minmax(21rem,max-content) auto auto}.lg\:grid-cols-\[minmax\(260px\2c 1fr\)_minmax\(24rem\2c 1fr\)_auto_auto\]{grid-template-columns:minmax(260px,1fr) minmax(24rem,1fr) auto auto}.lg\:flex-row{flex-direction:row}.lg\:items-start{align-items:flex-start}.lg\:items-center{align-items:center}.lg\:justify-end{justify-content:flex-end}.lg\:justify-between{justify-content:space-between}}@media (min-width:1280px){.xl\:col-span-2{grid-column:span 2/span 2}.xl\:col-span-3{grid-column:span 3/span 3}.xl\:col-span-4{grid-column:span 4/span 4}.xl\:col-span-5{grid-column:span 5/span 5}.xl\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-\[1\.5fr\2c 0\.9fr\]{grid-template-columns:1.5fr .9fr}.xl\:grid-cols-\[minmax\(21rem\2c 25rem\)_minmax\(0\2c 1fr\)\]{grid-template-columns:minmax(21rem,25rem) minmax(0,1fr)}}

/* Source: public/static/css/00-fonts.css */

@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 400 700;
  font-display: optional;
  src: url("/static/fonts/ibm-plex-sans-latin-400-700.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 500;
  font-display: optional;
  src: url("/static/fonts/ibm-plex-mono-latin-500.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 600;
  font-display: optional;
  src: url("/static/fonts/ibm-plex-mono-latin-600.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 500 800;
  font-display: optional;
  src: url("/static/fonts/manrope-latin-500-800.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* Source: public/static/css/00-tokens.css */

:root {
  color-scheme: light;
  --brand-ecru: #f4efe4;
  --brand-dark-green: #101820;
  --brand-citrus-green: #d7dcc2;
  --brand-hyper-blue: #5e8fd8;
  --brand-teal: #0e8485;
  --brand-sand: #d9cfbe;
  --page-bg: #ece7dd;
  --page-bg-alt: #e3ded4;
  --ink: #171d23;
  --muted: #5b6670;
  --surface: rgba(255, 255, 255, 0.88);
  --surface-panel: #fdfdfb;
  --surface-panel-muted: #f6f4ef;
  --surface-strong: #ffffff;
  --line: rgba(23, 29, 35, 0.12);
  --line-strong: rgba(23, 29, 35, 0.18);
  --accent: #0e8485;
  --accent-strong: #09686a;
  --accent-soft: rgba(14, 132, 133, 0.12);
  --shadow-soft: 0 18px 40px rgba(23, 29, 35, 0.08);
  --radius-xs: 0.35rem;
  --radius-sm: 0.55rem;
  --radius-md: 0.75rem;
  --radius-lg: 0.95rem;
  --radius-xl: 1.2rem;
  --radius-pill: 999px;
  --shadow-flat: none;
  --shadow-subtle: 0 8px 18px rgba(23, 29, 35, 0.05);
  --shadow-card: 0 12px 28px rgba(23, 29, 35, 0.08);
  --shadow-panel: 0 18px 40px rgba(23, 29, 35, 0.1);
  --shadow-elevated: 0 22px 56px rgba(23, 29, 35, 0.14);
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --density-compact-cell-y: 0.42rem;
  --density-default-cell-y: 0.55rem;
  --density-comfortable-cell-y: 0.72rem;
  --density-control-height: 2.8rem;
  --density-control-height-compact: 2.35rem;
  --density-cell-y: var(--density-default-cell-y);
  --density-cell-y-compact: var(--density-compact-cell-y);
  --control-height-compact: 2.35rem;
  --control-height-default: 2.8rem;
  --control-height-large: 3.15rem;
  --status-neutral-bg: #f3f4f4;
  --status-neutral-border: rgba(23, 29, 35, 0.13);
  --status-neutral-text: #4b5560;
  --status-info-bg: #eef4ff;
  --status-info-border: rgba(54, 83, 153, 0.2);
  --status-info-text: #365399;
  --status-success-bg: #edf7f1;
  --status-success-border: rgba(49, 92, 74, 0.22);
  --status-success-text: #24624b;
  --status-warning-bg: #fff7e8;
  --status-warning-border: rgba(185, 130, 44, 0.26);
  --status-warning-text: #835919;
  --status-danger-bg: #fff0ec;
  --status-danger-border: rgba(167, 74, 64, 0.24);
  --status-danger-text: #8a3d36;
  --status-system-bg: #eff6f4;
  --status-system-border: rgba(14, 132, 133, 0.2);
  --status-system-text: #09686a;
  --sidebar-rgb: 59 104 105;
  --app-bg-rgb: 235 227 213;
  --view-toggle-rgb: 44 84 91;
  --filter-chip-rgb: 54 83 153;
  --action-button-rgb: 58 65 50;
  --table-head-rgb: 237 231 220;
  --sidebar-bg-start: rgb(var(--sidebar-rgb));
  --sidebar-bg-mid: color-mix(in srgb, rgb(var(--sidebar-rgb)) 90%, white);
  --sidebar-bg-end: color-mix(in srgb, rgb(var(--sidebar-rgb)) 78%, white);
  --sidebar-bg-glow: color-mix(in srgb, rgb(var(--sidebar-rgb)) 36%, white 64%);
  --button-bg: rgb(var(--action-button-rgb));
  --button-bg-hover: color-mix(in srgb, rgb(var(--action-button-rgb)) 86%, white);
  --button-border-hover: color-mix(in srgb, rgb(var(--action-button-rgb)) 52%, white);
  --view-toggle-bg: rgb(var(--view-toggle-rgb));
  --filter-chip-bg: rgb(var(--filter-chip-rgb));
  --filter-chip-bg-soft: color-mix(in srgb, rgb(var(--filter-chip-rgb)) 12%, white);
  --table-head-bg: color-mix(in srgb, rgb(var(--table-head-rgb)) 94%, white);
  --table-head-bg-strong: color-mix(in srgb, rgb(var(--table-head-rgb)) 98%, white);
  --desktop-sidebar-width: 19.75rem;
  --desktop-sidebar-offset: 0rem;
  --desktop-shell-gap: 0rem;
  --workspace-inline-padding: 1.15rem;
  --workspace-inline-padding-double: 2.3rem;
}

@media (min-width: 768px) and (max-width: 1280px) {
  :root {
    --desktop-sidebar-width: 18rem;
    --desktop-shell-gap: 0rem;
    --workspace-inline-padding: 0.9rem;
    --workspace-inline-padding-double: 1.8rem;
  }
}

@media (min-width: 768px) and (max-width: 1100px) {
  :root {
    --desktop-sidebar-width: 15.75rem;
    --workspace-inline-padding: 0.8rem;
    --workspace-inline-padding-double: 1.6rem;
  }
}


/* Source: public/static/css/01-base.css */

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  font-size: 15px;
  overflow-x: hidden;
}

@media (min-width: 1280px) {
  html {
    font-size: 15.5px;
  }
}

@media (min-width: 1600px) {
  html {
    font-size: 16px;
  }
}

body {
  margin: 0;
  min-height: 100vh;
  font-family: "Basis Grotesque Pro", "Basis Grotesque", "IBM Plex Sans", system-ui, sans-serif;
  line-height: 1.55;
  color: var(--ink);
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, rgb(var(--app-bg-rgb)) 48%, white) 0%,
      color-mix(in srgb, rgb(var(--app-bg-rgb)) 68%, white) 48%,
      color-mix(in srgb, rgb(var(--app-bg-rgb)) 78%, white) 100%
    );
  background-attachment: fixed;
  background-color: rgb(var(--app-bg-rgb));
  background-repeat: no-repeat;
  background-size: 100vw 100vh;
  overflow-x: clip;
}

body.is-resizing-cols,
body.is-resizing-cols * {
  cursor: col-resize !important;
}

a {
  color: inherit;
  text-decoration: none;
}

a,
button,
summary {
  touch-action: manipulation;
  -webkit-tap-highlight-color: rgba(29, 111, 103, 0.18);
}

input,
select,
textarea,
button {
  font: inherit;
}

code,
pre,
.mono,
.mono-badge,
kbd {
  font-family: "IBM Plex Mono", monospace;
}

::selection {
  background: rgba(125, 166, 255, 0.22);
}

.skip-link {
  position: fixed;
  top: 0.75rem;
  left: 0.75rem;
  z-index: 120;
  padding: 0.7rem 1rem;
  border-radius: var(--radius-md);
  background: #182032;
  color: #eef3fb;
  box-shadow: 0 18px 34px rgba(17, 24, 39, 0.28);
  transform: translateY(-160%);
  transition: transform 160ms ease;
}

.skip-link:focus-visible {
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}


/* Source: public/static/css/02-layout.css */

.shell-layout {
  min-height: 100vh;
  position: relative;
}

.workspace {
  width: 100%;
  min-width: 0;
}

.workspace-inner {
  width: min(100%, 104rem);
  margin: 0 auto;
  padding: 1.1rem var(--workspace-inline-padding) 1.35rem;
  min-width: 0;
}

.route-back-bar {
  display: flex;
  align-items: center;
  flex: 0 1 auto;
  min-width: 0;
}

.btn.route-back-button {
  min-height: 1.8rem;
  padding: 0.32rem 0.58rem;
  border-radius: 0.65rem;
  font-size: 0.78rem;
  max-width: min(16rem, 100%);
  min-width: 0;
}

.route-back-icon {
  font-size: 1.05rem;
  line-height: 1;
}

.route-back-label {
  min-width: 0;
  max-width: 18rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--muted);
  font-weight: 700;
}

.mobilebar-route-back {
  display: none;
}

.workspace-bar {
  display: none;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem 1.25rem;
  margin-bottom: 1.2rem;
  padding: 0.8rem 1rem;
  border: 1px solid rgba(58, 65, 50, 0.1);
  border-radius: 1.15rem;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.46) 0%, rgba(251, 247, 239, 0.88) 100%),
    radial-gradient(circle at top right, rgba(125, 166, 255, 0.12), transparent 40%);
  box-shadow: 0 18px 36px rgba(58, 65, 50, 0.1);
  backdrop-filter: blur(14px);
}

.workspace-controls {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  flex-wrap: wrap;
  min-width: 0;
}

.workspace-user-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-width: min(30rem, 100%);
  padding: 0.8rem 0.9rem;
  border: 1px solid rgba(58, 65, 50, 0.1);
  border-radius: 1.1rem;
  background: rgba(255, 252, 247, 0.72);
}

.workspace-user-head {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-width: 0;
}

.workspace-user-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.6rem;
  min-width: 2.6rem;
  height: 2.6rem;
  border-radius: 0.95rem;
  background: linear-gradient(135deg, rgba(125, 166, 255, 0.24) 0%, rgba(29, 111, 103, 0.26) 100%);
  color: var(--ink);
  font-weight: 800;
}

.workspace-user-copy {
  min-width: 0;
}

.workspace-user-name {
  font-size: 0.93rem;
  font-weight: 800;
  color: var(--ink);
}

.workspace-user-email {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--muted);
  font-size: 0.8rem;
}

.workspace-user-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.65rem;
}

.page-hero {
  display: grid;
  gap: 1rem 1.4rem;
  align-items: end;
  padding: clamp(1.35rem, 1.1rem + 0.85vw, 1.95rem);
  border: 1px solid rgba(23, 29, 35, 0.12);
  border-radius: 1.45rem;
  background:
    radial-gradient(circle at top right, rgba(14, 132, 133, 0.1), transparent 30%),
    linear-gradient(180deg, rgba(252, 249, 243, 0.96) 0%, rgba(243, 238, 229, 0.98) 100%);
  box-shadow: var(--shadow-soft);
  position: relative;
}

.page-copy {
  min-width: 0;
}

.page-kicker-row {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  min-width: 0;
  flex-wrap: nowrap;
}

.section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

.section-title {
  margin: 0;
  font-size: 1.05rem;
  line-height: 1.3;
  font-weight: 800;
  color: var(--ink);
  text-wrap: balance;
}

.section-subtitle {
  margin: 0.35rem 0 0;
  color: var(--muted);
  font-size: 0.92rem;
  line-height: 1.65;
}

.dashboard-kicker {
  display: inline-flex;
  align-items: center;
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--accent-strong);
}

.section-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
}

.eyebrow {
  color: var(--accent-strong);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.page-title {
  margin-top: 0.28rem;
  font-size: clamp(2rem, 1.7rem + 0.95vw, 2.85rem);
  line-height: 0.98;
  letter-spacing: -0.055em;
  text-wrap: balance;
}

.page-subtitle {
  max-width: 52rem;
  color: var(--muted);
  font-size: 0.98rem;
  line-height: 1.65;
}

.page-actions {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0.8rem;
  align-self: start;
}

.page-header-controls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.7rem;
  flex-wrap: wrap;
  width: 100%;
}

.page-info-toggle {
  position: relative;
  display: inline-grid;
  justify-items: end;
  width: 100%;
}

.page-info-toggle .surface-alert-content {
  position: absolute;
  top: calc(100% + 0.6rem);
  right: 0;
  z-index: 5;
  display: none;
  width: min(34rem, calc(100vw - 3rem));
  padding: 0.85rem 0.95rem;
  border: 1px solid rgba(125, 166, 255, 0.24);
  border-radius: 0.8rem;
  background: rgba(247, 250, 255, 0.98);
  box-shadow: 0 16px 36px rgba(58, 65, 50, 0.14);
  color: #365399;
  font-size: 0.86rem;
  line-height: 1.45;
}

.page-info-toggle[open] .surface-alert-content {
  display: block;
}

.page-header-route-actions {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0.8rem;
  width: 100%;
}

.ops-page-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--space-3) var(--space-5);
  align-items: start;
  width: calc(100% + var(--workspace-inline-padding-double));
  max-width: calc(100% + var(--workspace-inline-padding-double));
  margin-top: -1.1rem;
  margin-left: calc(var(--workspace-inline-padding) * -1);
  margin-right: calc(var(--workspace-inline-padding) * -1);
  padding: 0.92rem var(--workspace-inline-padding) 1rem;
  border: 0 solid var(--line);
  border-right-width: 1px;
  border-bottom-width: 1px;
  background: color-mix(in srgb, var(--surface-panel) 90%, rgb(var(--app-bg-rgb)));
  box-shadow: var(--shadow-flat);
  position: relative;
}

.ops-page-main,
.ops-page-copy {
  min-width: 0;
}

.ops-page-kicker-row {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  flex-wrap: wrap;
  min-width: 0;
}

.ops-page-kicker {
  color: var(--muted);
  font-size: 0.66rem;
  font-weight: 820;
  letter-spacing: 0.14em;
  line-height: 1.15;
  text-transform: uppercase;
}

.ops-page-title {
  margin: 0.2rem 0 0;
  color: var(--ink);
  font-size: clamp(1.35rem, 1.12rem + 0.55vw, 1.85rem);
  font-weight: 820;
  letter-spacing: 0;
  line-height: 1.08;
  text-wrap: balance;
}

.ops-page-subtitle {
  max-width: 56rem;
  margin: 0.34rem 0 0;
  color: var(--muted);
  font-size: 0.9rem;
  line-height: 1.45;
}

.ops-page-meta {
  display: flex;
  align-items: center;
  gap: 0.42rem 0.68rem;
  flex-wrap: wrap;
  margin-top: 0.55rem;
  color: #6b7680;
  font-size: 0.76rem;
  font-weight: 680;
  line-height: 1.25;
}

.ops-page-meta > span,
.ops-page-meta > time {
  display: inline-flex;
  align-items: center;
  gap: 0.28rem;
}

.ops-page-meta > :not(:first-child)::before {
  content: "";
  width: 0.28rem;
  height: 0.28rem;
  border-radius: var(--radius-pill);
  background: rgba(91, 102, 112, 0.42);
}

.ops-page-actions {
  display: grid;
  justify-items: end;
  gap: 0.55rem;
  min-width: min(100%, 18rem);
}

.ops-page-actions .page-header-controls {
  width: auto;
}

.ops-command-actions,
.ops-command-primary,
.ops-command-secondary {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.ops-command-bar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.8rem 1rem;
  align-items: end;
  padding: 0.85rem 0.95rem;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: rgba(255, 255, 255, 0.74);
  box-shadow: var(--shadow-flat);
}

.ops-command-copy {
  min-width: 0;
}

.ops-command-title {
  margin: 0;
  color: var(--ink);
  font-size: 0.98rem;
  font-weight: 820;
  line-height: 1.25;
}

.ops-command-subtitle {
  margin: 0.2rem 0 0;
  color: var(--muted);
  font-size: 0.8rem;
  line-height: 1.38;
}

.ops-summary-strip {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr));
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: rgba(255, 255, 255, 0.78);
}

.ops-summary-item {
  display: grid;
  gap: 0.24rem;
  min-width: 0;
  padding: 0.72rem 0.85rem;
  border-right: 1px solid rgba(23, 29, 35, 0.08);
}

.ops-summary-item:last-child {
  border-right: 0;
}

.ops-summary-label {
  color: var(--muted);
  font-size: 0.64rem;
  font-weight: 820;
  letter-spacing: 0.12em;
  line-height: 1.15;
  text-transform: uppercase;
}

.ops-summary-value {
  min-width: 0;
  color: var(--ink);
  font-size: clamp(1rem, 0.94rem + 0.24vw, 1.22rem);
  font-weight: 820;
  line-height: 1.05;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

.ops-summary-delta {
  color: var(--muted);
  font-size: 0.74rem;
  font-weight: 650;
  line-height: 1.25;
}

.workspace-split {
  display: grid;
  gap: 1.15rem;
  align-items: start;
}

.workspace-split > * {
  min-width: 0;
}

.workspace-panel {
  padding: clamp(1.15rem, 1rem + 0.55vw, 1.45rem);
  min-width: 0;
}

.workspace-panel-filter {
  position: sticky;
  top: 1.2rem;
}

.workspace-stack {
  display: grid;
  gap: 1rem;
}

.report-page {
  min-width: 0;
}

.workspace-subpanel {
  display: grid;
  gap: 1rem;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(23, 29, 35, 0.08);
}

.workspace-subpanel.hidden {
  display: none !important;
}

.filter-panel-grid,
.filter-panel,
.filter-grid,
.filter-field,
.capacity-filter-card,
.inventory-filter-card {
  display: grid;
  gap: 0.95rem;
}

.filter-panel {
  padding: clamp(1rem, 0.9rem + 0.35vw, 1.35rem);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.82) 0%, rgba(250, 250, 248, 0.92) 100%);
}

.filter-panel-compact {
  gap: 0.8rem;
  padding: clamp(0.95rem, 0.85rem + 0.28vw, 1.2rem);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(251, 251, 249, 0.94) 100%);
}

.filter-panel-compact .filter-field {
  gap: 0.32rem;
}

.filter-panel-compact .field-label {
  margin-bottom: 0;
  font-size: 0.7rem;
  letter-spacing: 0.12em;
}

.filter-panel-compact :where(.field-input, .field-select) {
  padding: 0.66rem 0.82rem;
  border-radius: 0.78rem;
  font-size: 0.9rem;
}

.filter-panel > .section-head + .filter-grid,
.filter-panel > .section-head + .filter-panel-grid {
  margin-top: 0.8rem;
}

.filter-panel-compact > .section-head + .filter-grid,
.filter-panel-compact > .section-head + .filter-panel-grid {
  margin-top: 0.55rem;
}

.filter-inline-grid {
  display: grid;
  gap: 0.85rem;
}

.filter-grid-operational {
  gap: 0.68rem 0.85rem;
  align-items: end;
}

.filter-field-span-2 {
  grid-column: span 2 / span 2;
}

.filter-panel-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.85rem;
  flex-wrap: wrap;
  margin-top: 0.85rem;
  padding-top: 0.85rem;
  border-top: 1px solid rgba(23, 29, 35, 0.08);
}

.filter-panel-actions-compact {
  margin-top: 0.55rem;
  padding-top: 0.7rem;
}

.filter-panel-actions-end {
  justify-content: flex-end;
}

.filter-panel-action-group {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.inventory-filter-card .filter-inline-grid-full {
  grid-template-columns: minmax(0, 1fr);
}

.filter-check-card {
  display: grid;
  gap: 0.45rem;
  padding: 1rem;
  border: 1px solid rgba(23, 29, 35, 0.1);
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.48);
}

.filter-check-card input {
  inline-size: 1rem;
  block-size: 1rem;
  accent-color: var(--accent-strong);
}

.quick-scan-card {
  display: grid;
  gap: 1rem;
  align-items: center;
  padding: 1.2rem 1.25rem;
}

.quick-scan-copy h2 {
  margin: 0.3rem 0 0;
  font-size: clamp(1.25rem, 1.1rem + 0.55vw, 1.65rem);
  line-height: 1.05;
  letter-spacing: -0.04em;
}

.quick-scan-copy p {
  margin: 0.65rem 0 0;
  color: var(--muted);
  font-size: 0.95rem;
  line-height: 1.6;
}

.quick-scan-input {
  min-height: 3rem;
  font-size: 1rem;
}

.trace-quick-search-form {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-width: 0;
}

.operations-page-trace-item.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.9rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.9rem * var(--tw-space-y-reverse));
}

.trace-quick-search-form .quick-scan-input {
  flex: 1 1 auto;
  min-width: 0;
}

@media (min-width: 768px) {
  .trace-scan-card {
    grid-template-columns: minmax(5.5rem, 8rem) minmax(0, 1fr);
  }
}

.trace-quick-search-button {
  min-width: 6.25rem;
}

.trace-investigation-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(20rem, 0.72fr);
  gap: 0.85rem;
  align-items: center;
  padding: 0.85rem;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.94) 0%, rgba(248, 251, 249, 0.9) 58%, rgba(244, 239, 228, 0.8) 100%);
}

.trace-investigation-identity {
  display: grid;
  align-content: center;
  gap: 0.32rem;
  min-width: 0;
}

.trace-hero-kicker-row,
.trace-hero-pills {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  min-width: 0;
}

.trace-hero-kicker {
  color: var(--accent-strong);
  font-size: 0.72rem;
  font-weight: 850;
  letter-spacing: 0.1em;
  line-height: 1.2;
  text-transform: uppercase;
}

.trace-hero-title {
  margin: 0;
  color: var(--ink);
  font-family: "IBM Plex Mono", monospace;
  font-size: clamp(1.35rem, 1.1rem + 0.65vw, 1.75rem);
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: 0;
}

.trace-hero-subtitle {
  margin: 0;
  color: var(--ink);
  font-size: 0.88rem;
  font-weight: 750;
  line-height: 1.28;
}

.trace-hero-pills {
  margin-top: 0.18rem;
}

.trace-change-trace {
  display: grid;
  align-content: center;
  gap: 0.38rem;
  min-width: 0;
  padding: 0.62rem;
  border: 1px solid rgba(23, 29, 35, 0.1);
  border-radius: 0.85rem;
  background: rgba(255, 255, 255, 0.76);
}

.trace-change-label {
  color: var(--muted);
  font-size: 0.66rem;
  font-weight: 850;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.trace-change-form {
  gap: 0.6rem;
}

.trace-change-form .quick-scan-input {
  min-height: 2.25rem;
  font-size: 0.84rem;
}

.trace-change-form .trace-quick-search-button {
  min-height: 2.25rem;
  min-width: 5rem;
}

.trace-open-related {
  justify-content: center;
}

.trace-quick-results {
  display: grid;
  gap: 0.55rem;
  padding: 0.75rem;
  border: 1px solid rgba(23, 29, 35, 0.1);
  border-radius: 1.1rem;
  background: rgba(251, 248, 242, 0.96);
}

.trace-quick-results.hidden {
  display: none !important;
}

.trace-quick-result {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 0.85rem;
  border: 1px solid rgba(23, 29, 35, 0.09);
  border-radius: 0.9rem;
  background: rgba(255, 255, 255, 0.78);
  color: var(--ink);
  text-decoration: none;
  -webkit-user-drag: none;
  user-select: text;
}

.trace-quick-result :where(span, div) {
  cursor: text;
  user-select: text;
}

.trace-quick-result:hover,
.trace-quick-result:focus-visible {
  border-color: rgba(44, 84, 91, 0.28);
  background: rgba(255, 255, 255, 0.94);
}

.trace-quick-result-type {
  min-width: 5.8rem;
  color: var(--accent-strong);
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.trace-quick-result-title {
  font-weight: 800;
  line-height: 1.2;
}

.trace-quick-result-subtitle,
.trace-quick-result-meta {
  color: var(--muted);
  font-size: 0.78rem;
  line-height: 1.35;
}

.trace-summary-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.1rem;
}

.trace-summary-copy {
  min-width: 0;
}

.trace-summary-metric {
  flex: 0 0 auto;
  min-width: 13rem;
  padding: 0.9rem 1rem;
  border: 1px solid rgba(23, 29, 35, 0.1);
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.78);
  text-align: right;
}

.trace-stock-more {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 800;
}

.trace-inventory-panel {
  display: grid;
  gap: 0.62rem;
  padding: 0.78rem;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 250, 252, 0.86) 100%);
}

.trace-inventory-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0.8rem;
  flex-wrap: wrap;
}

.trace-inventory-grid {
  display: grid;
  grid-template-columns: minmax(10.5rem, 0.28fr) minmax(0, 1fr);
  gap: 0.65rem;
  align-items: start;
}

.trace-inventory-total {
  display: grid;
  align-content: center;
  gap: 0.24rem;
  min-width: 0;
  padding: 0.68rem 0.75rem;
  border: 1px solid rgba(49, 92, 74, 0.16);
  border-radius: 0.75rem;
  background: rgba(237, 247, 241, 0.72);
}

.trace-inventory-total-value {
  color: var(--ink);
  font-size: clamp(1.85rem, 1.45rem + 0.9vw, 2.35rem);
  font-weight: 900;
  line-height: 0.95;
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
}

.trace-inventory-breakdown {
  display: flex;
  gap: 0.35rem;
  flex-wrap: wrap;
  margin-top: 0.16rem;
  color: var(--muted);
  font-size: 0.7rem;
  font-weight: 750;
}

.trace-inventory-breakdown span {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.2rem 0.38rem;
  border: 1px solid rgba(23, 29, 35, 0.08);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.62);
}

.trace-inventory-breakdown strong {
  color: var(--ink);
  font-weight: 900;
}

.trace-inventory-locations {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
  gap: 0.5rem;
  align-content: start;
  min-width: 0;
}

.trace-inventory-location {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
  min-width: 0;
  min-height: 3.25rem;
  padding: 0.55rem 0.65rem;
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 0.7rem;
  background: rgba(255, 255, 255, 0.78);
}

.trace-inventory-location-copy {
  min-width: 0;
}

.trace-inventory-location-type {
  color: var(--muted);
  font-size: 0.64rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  line-height: 1.2;
  text-transform: uppercase;
}

.trace-inventory-location-code {
  min-width: 0;
  margin-top: 0.16rem;
  overflow: hidden;
  color: var(--ink);
  font-family: "IBM Plex Mono", monospace;
  font-size: 0.8rem;
  font-weight: 850;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.trace-inventory-location-meta {
  min-width: 0;
  margin-top: 0.22rem;
  overflow: hidden;
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 650;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.trace-inventory-location-qty {
  flex: 0 0 auto;
  color: var(--ink);
  font-size: 0.95rem;
  font-weight: 900;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

.trace-investigation-panel {
  padding: 1.1rem 1.2rem 1.25rem;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(250, 250, 248, 0.9) 100%);
}

.trace-status-note {
  margin-top: 0.8rem;
  padding: 0.72rem 0.82rem;
  border: 1px solid rgba(125, 166, 255, 0.18);
  border-radius: 0.85rem;
  background: rgba(247, 250, 255, 0.68);
  color: #365399;
  font-size: 0.88rem;
  font-weight: 650;
  line-height: 1.5;
}

.results-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  flex-wrap: wrap;
  color: var(--muted);
  font-size: 0.92rem;
}

.results-bar strong {
  color: var(--ink);
}

.results-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.results-tools {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.3rem;
  border: 1px solid rgba(58, 65, 50, 0.12);
  border-radius: 1.15rem;
  background: rgba(255, 252, 247, 0.82);
  box-shadow: 0 10px 22px rgba(58, 65, 50, 0.06);
}

.workspace-view-tools {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  flex-wrap: wrap;
  margin-top: 0.8rem;
}

.workspace-view-label {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .workspace-split {
    grid-template-columns: minmax(20rem, 26rem) minmax(0, 1fr);
  }

  .quick-scan-card {
    grid-template-columns: minmax(14rem, 18rem) minmax(0, 1fr);
  }

  .page-hero {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .filter-inline-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .filter-inline-grid-wide {
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  }
}

@media (min-width: 768px) and (max-width: 1280px) {
  .workspace-inner {
    padding-top: 0.9rem;
    padding-bottom: 1.1rem;
  }

  .page-hero {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 0.95rem;
    padding-block: 1.2rem;
  }

  .ops-page-header {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.75rem;
  }

  .ops-page-actions {
    justify-items: start;
  }

  .page-title {
    font-size: clamp(1.95rem, 3.6vw, 2.55rem);
    line-height: 1.02;
  }

  .page-subtitle {
    font-size: 0.95rem;
    line-height: 1.5;
  }

  .page-actions,
  .page-header-controls,
  .page-header-route-actions {
    justify-content: flex-start;
    width: 100%;
  }

  .section-head,
  .results-bar,
  .filter-panel-actions {
    align-items: flex-start;
  }

  .results-actions,
  .filter-panel-action-group {
    justify-content: flex-start;
  }
}

@media (min-width: 768px) and (max-width: 1100px) {
  .workspace-split {
    grid-template-columns: minmax(0, 1fr);
  }

  .workspace-panel-filter {
    position: static;
  }

  .filter-inline-grid,
  .filter-inline-grid-wide {
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
  }

  .filter-panel-actions {
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .page-hero {
    gap: 0.75rem;
    padding: 0.95rem;
  }

  .page-copy,
  .ops-page-main {
    padding-right: 2.3rem;
  }

  .page-kicker-row,
  .ops-page-kicker-row {
    padding-right: 2rem;
    flex-wrap: wrap;
    row-gap: 0.45rem;
  }

  .page-title {
    font-size: clamp(1.9rem, 8vw, 2.35rem);
    line-height: 1;
  }

  .page-subtitle,
  .ops-page-subtitle {
    font-size: 0.92rem;
    line-height: 1.45;
  }

  .page-header-controls,
  .page-header-route-actions,
  .ops-page-actions .page-header-controls {
    display: none !important;
  }

  .page-hero .page-actions {
    width: auto;
    justify-self: end;
    justify-content: flex-end;
  }

  .page-hero .page-actions > * {
    flex: 0 0 auto;
  }

  .page-hero .page-info-toggle,
  .ops-page-actions .page-info-toggle {
    position: absolute;
    top: 0.95rem;
    right: 0.95rem;
    width: auto;
    z-index: 3;
  }

  .ops-page-actions {
    gap: 0.65rem;
    width: 100%;
  }

  .workspace-bar {
    margin-bottom: 1rem;
    padding: 0.95rem 1rem;
  }

  .workspace-panel,
  .quick-scan-card,
  .compact-table-card {
    padding: 1rem;
  }

  .trace-quick-search-form {
    flex-direction: column;
    align-items: stretch;
    gap: 0.65rem;
  }

  .trace-quick-search-button {
    width: 100%;
    min-width: 0;
    justify-content: center;
  }

  .trace-quick-result {
    grid-template-columns: 1fr;
    gap: 0.4rem;
  }

  .trace-summary-card {
    align-items: stretch;
    flex-direction: column;
    padding: 1rem;
  }

  .trace-investigation-hero,
  .trace-inventory-grid {
    grid-template-columns: 1fr;
  }

  .trace-investigation-hero,
  .trace-inventory-panel,
  .trace-investigation-panel {
    padding: 0.78rem;
  }

  .trace-hero-title {
    font-size: clamp(1.35rem, 7vw, 1.75rem);
    line-height: 1.08;
    overflow-wrap: anywhere;
  }

  .trace-hero-subtitle {
    font-size: 0.95rem;
    line-height: 1.38;
  }

  .trace-change-form {
    flex-direction: column;
  }

  .trace-summary-metric {
    min-width: 0;
    text-align: left;
  }

  .workspace-panel-filter {
    position: static;
  }

  .page-actions {
    width: 100%;
    justify-content: stretch;
  }

  .page-actions > * {
    flex: 1 1 100%;
  }

  .ops-page-header {
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0.9rem;
    border: 1px solid var(--line);
    border-radius: var(--radius-lg);
  }

  .ops-page-actions,
  .ops-command-actions,
  .ops-command-primary,
  .ops-command-secondary {
    justify-items: stretch;
    justify-content: stretch;
    width: 100%;
  }

  .ops-page-actions .page-header-controls,
  .ops-command-actions > *,
  .ops-command-primary > *,
  .ops-command-secondary > * {
    width: 100%;
  }

  .ops-command-bar {
    grid-template-columns: minmax(0, 1fr);
  }

  .ops-summary-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ops-summary-item:nth-child(2n) {
    border-right: 0;
  }

  .ops-summary-item {
    border-bottom: 1px solid rgba(23, 29, 35, 0.08);
  }

  .ops-summary-item:nth-last-child(-n + 2) {
    border-bottom: 0;
  }

  .filter-panel-actions,
  .filter-panel-action-group,
  .results-actions {
    width: 100%;
  }

  .filter-grid-operational {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .filter-grid-operational .filter-field-span-2 {
    grid-column: 1 / -1;
  }

  .filter-panel-action-group > *,
  .results-tools,
  .table-columns-control,
  .results-tools > * {
    flex: 1 1 auto;
  }
}

:where(html[data-view-mode="mobile"], body[data-view-mode="mobile"]) .trace-quick-search-form {
  flex-direction: column;
  align-items: stretch;
  gap: 0.65rem;
}

:where(html[data-view-mode="mobile"], body[data-view-mode="mobile"]) .trace-quick-search-button {
  width: 100%;
  min-width: 0;
  justify-content: center;
}

:where(html[data-view-mode="mobile"], body[data-view-mode="mobile"]) .trace-quick-result {
  grid-template-columns: minmax(0, 1fr);
  gap: 0.4rem;
}

:where(html[data-view-mode="mobile"], body[data-view-mode="mobile"]) .trace-investigation-hero,
:where(html[data-view-mode="mobile"], body[data-view-mode="mobile"]) .trace-inventory-grid {
  grid-template-columns: minmax(0, 1fr);
}

:where(html[data-view-mode="mobile"], body[data-view-mode="mobile"]) .trace-investigation-hero,
:where(html[data-view-mode="mobile"], body[data-view-mode="mobile"]) .trace-inventory-panel,
:where(html[data-view-mode="mobile"], body[data-view-mode="mobile"]) .trace-investigation-panel {
  padding: 0.78rem;
}

:where(html[data-view-mode="mobile"], body[data-view-mode="mobile"]) .trace-hero-title {
  font-size: clamp(1.35rem, 7vw, 1.75rem);
  line-height: 1.08;
  overflow-wrap: anywhere;
}

:where(html[data-view-mode="mobile"], body[data-view-mode="mobile"]) .trace-hero-subtitle {
  font-size: 0.95rem;
  line-height: 1.38;
}

:where(html[data-view-mode="mobile"], body[data-view-mode="mobile"]) .trace-inventory-locations {
  grid-template-columns: minmax(0, 1fr);
}

:where(html[data-view-mode="mobile"], body[data-view-mode="mobile"]) .trace-inventory-location {
  width: 100%;
}


/* Source: public/static/css/03-buttons.css */

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: var(--control-height-default);
  padding: 0.72rem 1rem;
  border: 1px solid transparent;
  border-radius: var(--radius-md);
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  transition: box-shadow 140ms ease, background-color 140ms ease, border-color 140ms ease, color 140ms ease;
}

.btn:hover {
  transform: none;
}

.btn-primary {
  background: var(--button-bg);
  color: #edf5f4;
  box-shadow: none;
}

.btn-primary:hover {
  border-color: color-mix(in srgb, rgb(var(--action-button-rgb)) 32%, transparent);
  background: var(--button-bg-hover);
  box-shadow: none;
}

.btn-secondary {
  color: var(--ink);
  border-color: rgba(23, 29, 35, 0.12);
  background: rgba(255, 255, 255, 0.72);
}

.btn-secondary:hover {
  border-color: rgba(14, 132, 133, 0.2);
  background: rgba(14, 132, 133, 0.08);
  color: var(--ink);
}

.btn-icon {
  min-width: var(--control-height-compact);
  min-height: var(--control-height-compact);
  padding: 0.52rem;
}

.btn-icon svg {
  width: 1rem;
  height: 1rem;
}

.btn-ghost {
  color: var(--muted);
  background: transparent;
}

.btn-ghost:hover {
  color: var(--ink);
  background: rgba(255, 255, 255, 0.46);
}

.btn-danger {
  border-color: var(--status-danger-border);
  background: var(--status-danger-bg);
  color: var(--status-danger-text);
}

.btn-danger:hover {
  border-color: color-mix(in srgb, var(--status-danger-text) 34%, transparent);
  background: color-mix(in srgb, var(--status-danger-bg) 72%, white);
}

.btn-export {
  border-color: var(--status-info-border);
  background: var(--status-info-bg);
  color: var(--status-info-text);
}

.btn-export:hover {
  border-color: color-mix(in srgb, var(--status-info-text) 30%, transparent);
  background: color-mix(in srgb, var(--status-info-bg) 70%, white);
}

.btn-reset {
  border-color: var(--status-neutral-border);
  background: var(--status-neutral-bg);
  color: var(--status-neutral-text);
}

.btn-reset:hover {
  border-color: rgba(23, 29, 35, 0.2);
  background: #fff;
  color: var(--ink);
}

.btn-compact,
.btn-sm {
  min-height: var(--control-height-compact);
  padding: 0.48rem 0.78rem;
  border-radius: var(--radius-sm);
  font-size: 0.8rem;
}

.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}


/* Source: public/static/css/04-forms.css */

.field-label {
  display: block;
  margin-bottom: 0.45rem;
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.field-input,
.field-textarea,
.field-select,
input[type="file"] {
  width: 100%;
  border: 1px solid rgba(23, 29, 35, 0.12);
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, 0.72);
  color: var(--ink);
  padding: 0.8rem 0.95rem;
  font-size: 0.95rem;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
  transition: border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}

.field-input::placeholder {
  color: rgba(91, 102, 112, 0.72);
}

.field-input:focus,
.field-textarea:focus,
.field-select:focus,
input[type="file"]:focus,
button:focus-visible,
a:focus-visible,
summary:focus-visible {
  outline: none;
  border-color: rgba(14, 132, 133, 0.34);
  box-shadow: 0 0 0 4px rgba(14, 132, 133, 0.14);
}

.field-help {
  margin-top: 0.45rem;
  color: var(--muted);
  font-size: 0.84rem;
  line-height: 1.55;
}

.form-compact {
  display: grid;
  gap: 0.75rem;
}

.form-compact .field-label,
.filter-panel-compact .field-label {
  margin-bottom: 0.28rem;
  font-size: 0.68rem;
  letter-spacing: 0.08em;
}

.field-input-compact,
.field-select-compact,
.form-compact :where(.field-input, .field-select),
.filter-panel-compact :where(.field-input, .field-select) {
  min-height: var(--control-height-compact);
  padding: 0.58rem 0.76rem;
  border-radius: var(--radius-sm);
  font-size: 0.88rem;
}

.filter-panel-compact {
  border-radius: var(--radius-lg);
}

.filter-panel-compact .filter-panel-actions {
  margin-top: 0.55rem;
  padding-top: 0.65rem;
}


/* Source: public/static/css/05-cards.css */

.surface-card {
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: var(--surface);
  box-shadow: var(--shadow-flat);
  backdrop-filter: none;
}

.ops-panel {
  display: grid;
  gap: var(--space-4);
  min-width: 0;
  padding: var(--space-4);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: rgba(255, 255, 255, 0.78);
  box-shadow: var(--shadow-flat);
}

.ops-panel-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.85rem;
  flex-wrap: wrap;
  min-width: 0;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(23, 29, 35, 0.08);
}

.ops-panel-body {
  min-width: 0;
}

.ops-metric-strip {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
  gap: 0.72rem;
}

.ops-metric-card {
  display: grid;
  gap: 0.24rem;
  min-width: 0;
  min-height: 0;
  padding: 0.78rem 0.85rem;
  border: 1px solid rgba(23, 29, 35, 0.1);
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, 0.82);
}

.dashboard-card,
.dashboard-metric-card {
  border-radius: var(--radius-lg);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.88) 0%, rgba(247, 249, 248, 0.92) 100%);
  box-shadow: var(--shadow-subtle);
}

.admin-migration-status-panel:not([open]) > .admin-migration-status-body {
  display: none;
}

.surface-card-muted {
  border: 1px solid rgba(58, 65, 50, 0.1);
  border-radius: 1rem;
  background: rgba(249, 244, 236, 0.82);
}

.surface-alert {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem 1.1rem;
  border-radius: 0.95rem;
  border: 1px solid transparent;
  font-size: 0.92rem;
  line-height: 1.55;
}

.surface-alert.hidden {
  display: none !important;
}

.surface-alert-collapsible {
  display: inline-grid;
  gap: 0.55rem;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.surface-alert-summary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  cursor: pointer;
  list-style: none;
}

.surface-alert-summary::-webkit-details-marker {
  display: none;
}

.surface-alert-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.65rem;
  min-width: 1.65rem;
  height: 1.65rem;
  margin-top: 0.05rem;
  border-radius: 9999px;
  font-size: 0.92rem;
  font-weight: 800;
  line-height: 1;
  font-family: system-ui, sans-serif;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18);
}

.surface-alert-content {
  min-width: 0;
  flex: 1 1 auto;
  padding-top: 0.04rem;
}

.surface-alert-collapsible .surface-alert-content {
  display: none;
  max-width: min(56rem, calc(100vw - 4rem));
  padding: 0.9rem 1rem;
  border: 1px solid rgba(125, 166, 255, 0.24);
  border-radius: 0.95rem;
  background: rgba(125, 166, 255, 0.12);
  color: #365399;
  line-height: 1.5;
}

.surface-alert-collapsible[open] .surface-alert-content {
  display: block;
}

.surface-alert-info {
  color: #365399;
  border-color: rgba(125, 166, 255, 0.24);
  background: rgba(125, 166, 255, 0.12);
}

.surface-alert-info .surface-alert-icon {
  background: rgba(125, 166, 255, 0.2);
  color: #365399;
}

.surface-alert-collapsible.surface-alert-info {
  border: 0;
  background: transparent;
  color: #365399;
}

.surface-alert-warning {
  color: #7a5320;
  border-color: rgba(210, 167, 89, 0.22);
  background: rgba(236, 212, 162, 0.22);
}

.surface-alert-warning .surface-alert-icon {
  background: rgba(210, 167, 89, 0.22);
  color: #7a5320;
}

.surface-alert-danger {
  color: #8a3b2d;
  border-color: rgba(210, 78, 47, 0.24);
  background: rgba(210, 78, 47, 0.1);
}

.surface-alert-danger .surface-alert-icon {
  background: rgba(210, 78, 47, 0.16);
  color: #8a3b2d;
}

.surface-alert-success {
  color: var(--brand-dark-green);
  border-color: rgba(58, 65, 50, 0.18);
  background: rgba(58, 65, 50, 0.08);
}

.surface-alert-success .surface-alert-icon {
  background: rgba(58, 65, 50, 0.14);
  color: var(--brand-dark-green);
}

.metric-card {
  min-height: 100%;
  padding: 0.9rem 0.95rem 0.82rem;
  border: 1px solid rgba(23, 29, 35, 0.1);
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, 0.78);
}

.stat-grid {
  align-items: stretch;
}

.stat-grid-compact {
  gap: 0.75rem !important;
}

.stat-card {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.86) 0%, rgba(248, 250, 249, 0.94) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.stat-grid-compact .stat-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.1rem 0.75rem;
  min-height: 0;
  padding: 0.5rem 0.68rem;
  border-radius: 0.82rem;
}

.stat-grid-compact .metric-label {
  grid-column: 1;
  font-size: 0.62rem;
  letter-spacing: 0.12em;
}

.stat-grid-compact .metric-value {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: center;
  margin-top: 0;
  overflow-wrap: anywhere;
  text-align: right;
  font-size: clamp(1rem, 0.9rem + 0.28vw, 1.28rem);
  line-height: 1;
}

.stat-grid-compact .metric-hint {
  grid-column: 1;
  min-width: 0;
  margin-top: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.68rem;
  line-height: 1.25;
}

.metric-card-alert {
  border-color: rgba(185, 130, 44, 0.24);
  background: rgba(255, 255, 255, 0.82);
  box-shadow:
    inset 3px 0 0 rgba(185, 130, 44, 0.48),
    inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.metric-label {
  color: var(--muted);
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.metric-value {
  margin-top: 0.38rem;
  color: var(--ink);
  font-size: clamp(1.38rem, 1.12rem + 0.68vw, 1.95rem);
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -0.05em;
  font-variant-numeric: tabular-nums;
}

.metric-hint {
  margin-top: 0.42rem;
  color: var(--muted);
  font-size: 0.76rem;
  line-height: 1.4;
}

.summary-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  min-height: 1.85rem;
  padding: 0.38rem 0.75rem;
  border: 1px solid rgba(23, 29, 35, 0.12);
  border-radius: var(--radius-pill);
  background: rgba(255, 255, 255, 0.78);
  color: #475569;
  font-size: 0.76rem;
  font-weight: 800;
  line-height: 1.15;
  white-space: nowrap;
}

.summary-pill-strong {
  border-color: rgba(49, 92, 74, 0.22);
  background: rgba(237, 247, 241, 0.95);
  color: #315c4a;
}

.summary-pill-subtle {
  color: #64748b;
  font-weight: 750;
}

.summary-pill strong {
  color: var(--ink);
  font-weight: 900;
}

.summary-pill-success {
  border-color: rgba(49, 92, 74, 0.22);
  background: rgba(237, 247, 241, 0.95);
  color: #315c4a;
}

.summary-pill-warning {
  border-color: rgba(185, 130, 44, 0.3);
  background: rgba(255, 247, 237, 0.95);
  color: #8a5a19;
}

.summary-pill-danger {
  border-color: rgba(210, 78, 47, 0.25);
  background: rgba(255, 241, 242, 0.95);
  color: #9f1239;
}

.movement-review-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  padding-bottom: 0.85rem;
  border-bottom: 1px solid rgba(148, 163, 184, 0.18);
}

.movement-review-stats {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.55rem;
  flex-wrap: wrap;
}

.movement-story-list {
  display: grid;
  gap: 0.8rem;
}

.movement-story-card {
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, 0.28);
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 10px 24px rgba(31, 41, 55, 0.055);
}

.movement-story-card.is-unresolved {
  border-color: rgba(185, 130, 44, 0.36);
}

.movement-story-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.85rem;
  align-items: start;
  padding: 0.85rem 1rem;
  border-bottom: 1px solid rgba(148, 163, 184, 0.18);
  background: rgba(248, 250, 252, 0.58);
}

.movement-story-title-row {
  display: flex;
  align-items: flex-start;
  gap: 0.8rem;
  min-width: 0;
}

.movement-status-badge {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 5.6rem;
  min-height: 1.65rem;
  padding: 0.3rem 0.68rem;
  border-radius: 999px;
  border: 1px solid rgba(49, 92, 74, 0.22);
  background: rgba(237, 247, 241, 0.95);
  color: #315c4a;
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  line-height: 1;
  text-transform: uppercase;
}

.movement-status-badge.is-partial {
  border-color: rgba(185, 130, 44, 0.32);
  background: rgba(255, 247, 237, 0.98);
  color: #8a5a19;
}

.movement-status-badge.is-unresolved {
  border-color: rgba(185, 130, 44, 0.32);
  background: rgba(255, 247, 237, 0.98);
  color: #8a5a19;
}

.movement-story-title {
  color: var(--ink);
  font-size: 1.03rem;
  font-weight: 850;
  line-height: 1.25;
}

.movement-story-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.6rem;
  margin-top: 0.35rem;
  color: #64748b;
  font-size: 0.78rem;
  font-weight: 750;
  line-height: 1.35;
}

.movement-story-flags {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.movement-story-body {
  padding: 0.9rem 1rem 1rem;
}

.movement-path-label {
  margin-bottom: 0.55rem;
  color: #64748b;
  font-size: 0.7rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.movement-path {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 1.7rem minmax(0, 1fr) 1.7rem minmax(0, 1fr);
  gap: 0.55rem;
  align-items: center;
}

.movement-path-compact {
  align-items: stretch;
}

.movement-path-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  min-height: 1.5rem;
  color: rgba(100, 116, 139, 0.55);
}

.movement-path-arrow::before {
  content: "";
  width: 1.45rem;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
}

.movement-path-arrow::after {
  content: "";
  position: absolute;
  right: 0.1rem;
  width: 0.42rem;
  height: 0.42rem;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  transform: rotate(45deg);
}

.movement-step {
  min-width: 0;
  min-height: 4.9rem;
  padding: 0.72rem;
  border: 1px solid rgba(148, 163, 184, 0.28);
  border-radius: 0.85rem;
  background: rgba(248, 250, 252, 0.78);
}

.movement-step.is-source {
  border-color: rgba(49, 92, 138, 0.18);
  background: rgba(239, 246, 255, 0.72);
}

.movement-step.is-focus {
  background: rgba(255, 255, 255, 0.9);
}

.movement-step.is-outcome {
  border-color: rgba(124, 58, 237, 0.16);
  background: rgba(245, 243, 255, 0.72);
}

.movement-step.is-check {
  border-color: rgba(185, 130, 44, 0.24);
  background: rgba(255, 251, 235, 0.76);
}

.movement-step.is-missing {
  border-color: rgba(185, 130, 44, 0.3);
  background: rgba(255, 247, 237, 0.82);
}

.movement-step-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.7rem;
}

.movement-step-label {
  color: #64748b;
  font-size: 0.7rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  line-height: 1.2;
  text-transform: uppercase;
}

.movement-step-title {
  margin-top: 0.42rem;
  color: var(--ink);
  font-size: 0.9rem;
  font-weight: 850;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.movement-step-detail {
  margin-top: 0.38rem;
  color: #64748b;
  font-size: 0.76rem;
  font-weight: 650;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.movement-story-footer {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(16rem, 0.65fr);
  gap: 0.65rem;
  margin-top: 0.75rem;
}

.movement-verdict {
  min-width: 0;
  padding: 0.72rem 0.82rem;
  border: 1px solid rgba(49, 92, 74, 0.18);
  border-radius: 0.85rem;
  background: rgba(237, 247, 241, 0.78);
}

.movement-verdict.is-unresolved {
  border-color: rgba(185, 130, 44, 0.3);
  background: rgba(255, 247, 237, 0.86);
}

.movement-verdict-title,
.movement-balance-title {
  color: #64748b;
  font-size: 0.7rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.movement-verdict-copy {
  margin-top: 0.28rem;
  color: var(--ink);
  font-size: 0.92rem;
  font-weight: 850;
  line-height: 1.35;
}

.movement-balance {
  min-width: 0;
  padding: 0.72rem 0.82rem;
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 0.85rem;
  background: rgba(255, 255, 255, 0.82);
}

.movement-balance-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.7rem;
  margin-top: 0.55rem;
}

.movement-balance-label {
  color: #64748b;
  font-size: 0.66rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.movement-balance-value {
  margin-top: 0.18rem;
  color: var(--ink);
  font-size: 1rem;
  font-weight: 900;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

.trace-path-strip {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  flex-wrap: wrap;
  margin-top: 0.72rem;
  padding: 0.56rem 0.65rem;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 0.85rem;
  background: rgba(248, 250, 252, 0.72);
  color: var(--ink);
  font-family: "IBM Plex Mono", monospace;
  font-size: 0.78rem;
  font-weight: 800;
  line-height: 1.35;
}

.trace-path-strip em {
  color: var(--muted);
  font-family: inherit;
  font-style: normal;
  font-weight: 650;
}

.trace-path-separator {
  color: rgba(100, 116, 139, 0.58);
  font-family: system-ui, sans-serif;
}

@media (max-width: 1100px) {
  .movement-path,
  .movement-story-footer {
    grid-template-columns: minmax(0, 1fr);
  }

  .movement-path-arrow {
    display: none;
  }
}

@media (max-width: 767px) {
  .movement-review-head {
    align-items: flex-start;
  }

  .movement-review-stats,
  .movement-story-flags {
    justify-content: flex-start;
    width: 100%;
  }

  .movement-story-header {
    grid-template-columns: minmax(0, 1fr);
  }

  .movement-story-title-row {
    flex-direction: column;
    gap: 0.55rem;
  }

  .movement-status-badge,
  .summary-pill {
    white-space: normal;
  }
}

.mono-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.24rem 0.55rem;
  border: 1px solid rgba(23, 29, 35, 0.12);
  border-radius: var(--radius-sm);
  background: rgba(16, 24, 32, 0.05);
  color: var(--ink);
  font-size: 0.72rem;
}

.admin-access-user-list {
  display: none;
}

html[data-record-view="table"] .admin-access-user-list,
body[data-record-view="table"] .admin-access-user-list {
  display: grid;
}

html[data-record-view="cards"] .admin-access-user-list,
body[data-record-view="cards"] .admin-access-user-list {
  display: none !important;
}

.admin-access-user-list-head,
.admin-access-user-row {
  display: grid;
  grid-template-columns:
    minmax(13rem, 1.25fr)
    minmax(6.5rem, 0.5fr)
    minmax(8rem, 0.7fr)
    minmax(9rem, 0.7fr)
    minmax(26rem, 1.8fr);
  gap: 1rem;
  align-items: center;
}

.admin-access-user-list-head {
  padding: 0.85rem 1.75rem;
  border-top: 1px solid rgba(23, 29, 35, 0.08);
  border-bottom: 1px solid rgba(23, 29, 35, 0.08);
  background: rgba(248, 250, 252, 0.72);
  color: var(--muted);
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.admin-access-user-row {
  padding: 1.05rem 1.75rem;
  border-bottom: 1px solid rgba(23, 29, 35, 0.08);
}

.admin-access-user-row:last-child {
  border-bottom: 0;
}

.admin-access-user-cell,
.admin-access-user-main,
.admin-access-update-field {
  display: grid;
  gap: 0.24rem;
  min-width: 0;
}

.admin-access-cell-label {
  display: none;
  color: var(--muted);
  font-size: 0.64rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.admin-access-user-name {
  color: var(--ink);
  font-size: 0.88rem;
  font-weight: 800;
  line-height: 1.3;
}

.admin-access-user-detail,
.admin-access-role-summary,
.admin-access-date {
  min-width: 0;
  color: var(--muted);
  font-size: 0.78rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.admin-access-update-form {
  display: grid;
  grid-template-columns: minmax(9rem, 11rem) minmax(15rem, 1fr) auto;
  gap: 0.8rem;
  align-items: end;
  min-width: 0;
  padding: 0.7rem;
  border: 1px solid rgba(23, 29, 35, 0.1);
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.62);
}

.admin-access-role-picker {
  display: grid;
  gap: 0.34rem;
  min-width: 0;
}

.admin-access-role-options {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem 0.75rem;
  min-height: 2.55rem;
  align-items: center;
  padding: 0.5rem 0.7rem;
  border: 1px solid rgba(23, 29, 35, 0.1);
  border-radius: 0.85rem;
  background: rgba(255, 255, 255, 0.78);
  color: #334155;
  font-size: 0.82rem;
}

.admin-access-role-option {
  display: inline-flex;
  align-items: center;
  gap: 0.34rem;
  white-space: nowrap;
}

.admin-access-update-form .btn {
  min-height: 2.55rem;
}

@media (max-width: 1320px) {
  .admin-access-user-list-head {
    display: none;
  }

  .admin-access-user-row {
    grid-template-columns: minmax(12rem, 1.2fr) minmax(18rem, 1.8fr);
    align-items: start;
  }

  .admin-access-user-cell {
    gap: 0.3rem;
  }

  .admin-access-user-cell:nth-child(2),
  .admin-access-user-cell:nth-child(3),
  .admin-access-user-cell:nth-child(4) {
    grid-column: 1;
  }

  .admin-access-update-form {
    grid-column: 2;
    grid-row: 1 / span 4;
    grid-template-columns: minmax(9rem, 11rem) minmax(12rem, 1fr);
  }

  .admin-access-update-form .btn {
    grid-column: 1 / -1;
    justify-content: center;
  }

  .admin-access-cell-label {
    display: block;
  }
}

@media (max-width: 767px) {
  .admin-access-user-row {
    grid-template-columns: 1fr;
    gap: 0.8rem;
    padding: 1rem;
  }

  .admin-access-user-cell:nth-child(2),
  .admin-access-user-cell:nth-child(3),
  .admin-access-user-cell:nth-child(4),
  .admin-access-update-form {
    grid-column: auto;
    grid-row: auto;
  }

  .admin-access-update-form {
    grid-template-columns: 1fr;
    padding: 0.75rem;
  }

  .admin-access-role-options {
    display: grid;
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .admin-access-update-form .btn {
    width: 100%;
  }
}

.pagination-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.6rem;
  min-height: 2.6rem;
  padding: 0.65rem 0.9rem;
  border: 1px solid rgba(58, 65, 50, 0.14);
  border-radius: var(--radius-md);
  background: rgba(251, 247, 239, 0.9);
  color: var(--ink);
  font-size: 0.9rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.pagination-link:hover {
  border-color: rgba(58, 65, 50, 0.18);
  background: rgba(125, 166, 255, 0.08);
  color: var(--accent-strong);
}

.pagination-link.is-active {
  border-color: rgba(125, 166, 255, 0.28);
  background: linear-gradient(135deg, var(--brand-dark-green) 0%, #495342 100%);
  color: white;
}

.empty-state {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1.25rem;
  border: 1px dashed rgba(58, 65, 50, 0.22);
  border-radius: 1rem;
  background: rgba(251, 247, 239, 0.8);
}

.empty-state-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  min-width: 2.4rem;
  height: 2.4rem;
  border-radius: 9999px;
  background: rgba(125, 166, 255, 0.14);
  color: var(--accent-strong);
  font-weight: 800;
}

.empty-state-title {
  font-size: 1rem;
  font-weight: 800;
  color: var(--ink);
}

.empty-state-copy {
  margin: 0.45rem 0 0;
  color: var(--muted);
  font-size: 0.92rem;
  line-height: 1.6;
}

.active-filter-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.9rem 1rem;
  flex-wrap: wrap;
  padding: 0.8rem 0.95rem;
  border: 1px solid rgba(23, 29, 35, 0.1);
  border-radius: var(--radius-lg);
  background: rgba(255, 255, 255, 0.56);
}

.active-filter-copy {
  min-width: auto;
}

.active-filter-title {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.active-filter-list {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  flex: 1 1 24rem;
  flex-wrap: wrap;
}

.active-filter-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  min-height: 2.2rem;
  padding: 0.35rem 0.45rem 0.35rem 0.8rem;
  border: 1px solid rgba(23, 29, 35, 0.1);
  border-radius: var(--radius-pill);
  background: rgba(255, 255, 255, 0.6);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.active-filter-chip-label {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.active-filter-chip-value {
  color: var(--ink);
  font-size: 0.84rem;
  font-weight: 700;
}

.active-filter-chip-remove,
.active-filter-clear {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2rem;
  padding: 0.28rem 0.72rem;
  border: 1px solid rgba(58, 65, 50, 0.12);
  border-radius: var(--radius-pill);
  background: rgba(255, 255, 255, 0.84);
  color: var(--accent-strong);
  font-size: 0.78rem;
  font-weight: 700;
}

.active-filter-chip-remove {
  min-width: 2rem;
  padding-inline: 0.55rem;
}

.active-filter-chip-remove:hover,
.active-filter-clear:hover {
  border-color: rgba(58, 65, 50, 0.18);
  background: rgba(125, 166, 255, 0.08);
}

.results-overview {
  display: grid;
  gap: 0.8rem;
  padding: 0.95rem 1rem;
  border: 1px solid rgba(23, 29, 35, 0.1);
  border-radius: 1.1rem;
  background: rgba(255, 255, 255, 0.58);
}

.results-overview-copy {
  min-width: 0;
}

.results-overview-title {
  color: var(--ink);
  font-size: 0.96rem;
  font-weight: 800;
  letter-spacing: -0.02em;
}

.results-overview-subtitle {
  margin: 0.2rem 0 0;
  color: var(--muted);
  font-size: 0.82rem;
  line-height: 1.45;
}

.results-overview-grid {
  display: grid;
  gap: 0.8rem;
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
}

.results-stat-card {
  min-height: 100%;
  padding: 0.78rem 0.85rem;
  border: 1px solid rgba(23, 29, 35, 0.08);
  border-radius: 0.95rem;
  background: rgba(255, 255, 255, 0.48);
}

.results-stat-label {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.results-stat-value {
  margin-top: 0.35rem;
  color: var(--ink);
  font-size: 1.08rem;
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -0.04em;
  font-variant-numeric: tabular-nums;
}

.results-stat-hint {
  margin-top: 0.3rem;
  color: var(--muted);
  font-size: 0.75rem;
  line-height: 1.35;
}

.compact-table-card {
  padding: 1.15rem;
}

.status-chip {
  display: inline-flex;
  align-items: center;
  padding: 0.22rem 0.55rem;
  border-radius: var(--radius-pill);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.status-chip-in-stock {
  border: 1px solid var(--status-system-border);
  background: var(--status-system-bg);
  color: var(--status-system-text);
}

.status-chip-low-stock {
  border: 1px solid var(--status-warning-border);
  background: var(--status-warning-bg);
  color: var(--status-warning-text);
}

.status-chip-out-of-stock {
  border: 1px solid var(--status-danger-border);
  background: var(--status-danger-bg);
  color: var(--status-danger-text);
}


/* Source: public/static/css/06-tables.css */

.table-shell,
.ops-table-shell {
  overflow: hidden;
  min-width: 0;
  border: 1px solid rgba(31, 41, 55, 0.09);
  border-radius: var(--radius-lg);
  background: rgba(255, 255, 255, 0.82);
  box-shadow: none;
}

.table-tools {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  flex-wrap: wrap;
  padding: 0.5rem 0.65rem;
  border-bottom: 1px solid rgba(31, 41, 55, 0.08);
  background: rgba(255, 255, 255, 0.46);
}

.table-tools-compact {
  justify-content: flex-end;
  padding-block: 0.38rem;
}

.table-shell-with-section-header {
  margin-top: 0 !important;
}

.table-tools-source-mobile-copy {
  display: none !important;
}

.table-tools-copy {
  color: var(--muted);
  font-size: 0.82rem;
  line-height: 1.45;
}

.table-tools-with-section {
  align-items: center;
  min-height: 3.2rem;
  padding: 0.6rem 0.75rem;
  background: rgba(248, 250, 252, 0.72);
}

.table-tools-section-copy {
  display: grid;
  gap: 0.16rem;
  min-width: min(28rem, 100%);
  max-width: min(46rem, 100%);
}

.table-tools-title {
  color: var(--ink);
  font-size: 0.95rem;
  font-weight: 850;
  line-height: 1.25;
}

.table-tools-subtitle,
.table-tools-detail {
  color: var(--muted);
  font-size: 0.78rem;
  line-height: 1.4;
}

.table-tools-detail {
  font-weight: 750;
}

.table-tools-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.55rem;
  flex-wrap: wrap;
  margin-left: auto;
}

.report-table-panel {
  display: grid;
  gap: 1rem;
  padding: clamp(1rem, 0.9rem + 0.35vw, 1.35rem);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.84) 0%, rgba(250, 250, 248, 0.92) 100%);
}

.ops-table-panel {
  display: grid;
  gap: 0.85rem;
  padding: 0.95rem;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: rgba(255, 255, 255, 0.78);
}

.table-toolbar,
.ops-table-toolbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.8rem;
  flex-wrap: wrap;
}

.table-toolbar-copy {
  min-width: min(20rem, 100%);
  color: var(--muted);
  font-size: 0.84rem;
  line-height: 1.45;
}

.table-toolbar-copy strong {
  display: block;
  color: var(--ink);
  font-size: 0.98rem;
  font-weight: 850;
  line-height: 1.25;
}

.table-toolbar-copy div {
  margin-top: 0.25rem;
}

.table-toolbar-actions,
.table-toolbar-status {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.55rem;
  flex-wrap: wrap;
}

.table-toolbar-actions {
  margin-left: auto;
}

.table-toolbar-actions-compact {
  align-items: center;
}

.table-toolbar-action-strip {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.45rem;
  flex-wrap: wrap;
  min-width: 0;
}

.table-toolbar-action-strip form {
  margin: 0;
}

.table-toolbar-page-indicator {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.1rem;
  padding: 0.35rem 0.72rem;
  border: 1px solid rgba(49, 89, 177, 0.16);
  border-radius: var(--radius-pill);
  background: rgba(235, 241, 255, 0.78);
  color: #365399;
  font-size: 0.76rem;
  font-weight: 850;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.table-toolbar-action-divider {
  width: 1px;
  height: 1.8rem;
  margin-inline: 0.2rem;
  background: rgba(23, 29, 35, 0.1);
}

.status-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 1.8rem;
  padding: 0.32rem 0.72rem;
  border: 1px solid rgba(23, 29, 35, 0.1);
  border-radius: var(--radius-pill);
  background: var(--status-neutral-bg);
  color: var(--status-neutral-text);
  font-size: 0.7rem;
  font-weight: 850;
  letter-spacing: 0.09em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

.status-badge-success,
.status-badge-complete {
  border-color: var(--status-success-border);
  background: var(--status-success-bg);
  color: var(--status-success-text);
}

.status-badge-warning,
.status-badge-risk {
  border-color: var(--status-warning-border);
  background: var(--status-warning-bg);
  color: var(--status-warning-text);
}

.status-badge-danger,
.status-badge-error {
  border-color: var(--status-danger-border);
  background: var(--status-danger-bg);
  color: var(--status-danger-text);
}

.status-badge-info {
  border-color: var(--status-info-border);
  background: var(--status-info-bg);
  color: var(--status-info-text);
}

.status-badge-neutral {
  border-color: var(--status-neutral-border);
  background: var(--status-neutral-bg);
  color: var(--status-neutral-text);
}

.status-badge-system {
  border-color: var(--status-system-border);
  background: var(--status-system-bg);
  color: var(--status-system-text);
}

.table-columns-inline {
  display: flex;
  justify-content: flex-end;
  padding: 0.75rem 0.85rem 0;
}

.table-columns-control {
  position: relative;
}

.table-columns-menu {
  position: absolute;
  top: calc(100% + 0.45rem);
  right: 0;
  z-index: 85;
  width: min(16rem, calc(100vw - 1.5rem));
  padding: 0.75rem;
  border: 1px solid rgba(58, 65, 50, 0.16);
  border-radius: var(--radius-lg);
  background: rgba(255, 252, 247, 0.98);
  box-shadow: var(--shadow-panel);
  overscroll-behavior: contain;
}

.table-columns-menu-title {
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.table-columns-menu-shared {
  margin-bottom: 0.6rem;
  padding: 0.55rem 0.65rem;
  border: 1px solid rgba(9, 102, 112, 0.16);
  border-radius: var(--radius-md);
  background: rgba(9, 102, 112, 0.07);
  color: #31545a;
  font-size: 0.76rem;
  font-weight: 700;
  line-height: 1.35;
}

.table-columns-menu-list {
  display: grid;
  gap: 0.45rem;
  max-height: 14rem;
  margin-top: 0.7rem;
  overflow: auto;
}

.table-columns-menu-check {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  color: var(--ink);
  font-size: 0.85rem;
}

.table-columns-menu-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.65rem;
}

.table-columns-menu-row .table-columns-menu-check {
  min-width: 0;
  flex: 1 1 auto;
}

.table-columns-menu-row .table-columns-menu-check span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.table-columns-menu-move {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  flex: 0 0 auto;
}

.table-columns-menu-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 3.35rem;
  height: 2rem;
  padding: 0 0.7rem;
  border: 1px solid rgba(58, 65, 50, 0.16);
  border-radius: var(--radius-pill);
  background: rgba(255, 252, 247, 0.98);
  color: var(--ink);
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1;
}

.table-columns-menu-icon:disabled {
  opacity: 0.35;
}

.table-columns-menu-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.8rem;
}

.table-tool-btn {
  min-height: var(--control-height-compact);
  padding: 0.52rem 0.85rem;
  font-size: 0.8rem;
}

@media (max-width: 640px) {
  html[data-record-view="cards"] .table-tools-source-mobile-copy,
  body[data-record-view="cards"] .table-tools-source-mobile-copy,
  html[data-view-mode="mobile"] .table-tools-source-mobile-copy,
  body[data-view-mode="mobile"] .table-tools-source-mobile-copy {
    display: flex !important;
  }

  .table-tools-with-section {
    align-items: stretch;
  }

  .table-tools-with-section .table-tools-section-copy,
  .table-tools-with-section .table-tools-actions {
    width: 100%;
  }

  .table-tools-with-section .table-tools-actions {
    justify-content: flex-start;
    margin-left: 0;
  }
}

.resizable-th {
  position: relative;
}

.col-resizer {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 20;
  width: 0.8rem;
  height: 100%;
  cursor: col-resize;
  touch-action: none;
  user-select: none;
}

.col-resizer::after {
  content: "";
  position: absolute;
  top: 0.5rem;
  right: 0.22rem;
  bottom: 0.5rem;
  width: 2px;
  border-radius: 999px;
  background: rgba(96, 165, 250, 0.35);
  transition: background 0.15s ease, transform 0.15s ease;
}

.resizable-th:hover .col-resizer::after,
.col-resizer:hover::after,
body.is-resizing-cols .col-resizer::after {
  background: rgba(9, 102, 112, 0.75);
  transform: scaleX(1.4);
}

.table-scroll,
.ops-table-scroll {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: auto;
  touch-action: pan-x pan-y;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  scrollbar-gutter: stable both-edges;
}

.table-scroll.has-x-overflow {
  cursor: grab;
}

.table-scroll :where(td, th) {
  cursor: text;
  user-select: text;
}

table.table-columns-draggable thead :where(th, td)[data-col] {
  cursor: grab;
  user-select: none;
}

table.table-columns-draggable thead :where(th, td)[data-col] :where(button, input, select, textarea, label, a, .col-resizer, .table-filter-btn) {
  cursor: auto;
}

body.is-dragging-table-column,
body.is-dragging-table-column * {
  cursor: grabbing !important;
  user-select: none !important;
}

table.table-columns-draggable.is-column-dragging thead :where(th, td)[data-col] {
  position: relative;
}

table.table-columns-draggable thead :where(th, td).table-col-drag-source {
  opacity: 0.62;
}

table.table-columns-draggable thead :where(th, td).table-col-drop-target::before,
table.table-columns-draggable thead :where(th, td).table-col-drop-target::after {
  position: absolute;
  top: 0.35rem;
  bottom: 0.35rem;
  z-index: 30;
  width: 3px;
  border-radius: 999px;
  background: var(--accent-strong);
  content: "";
  pointer-events: none;
}

table.table-columns-draggable thead :where(th, td).table-col-drop-before::before {
  left: 0.08rem;
}

table.table-columns-draggable thead :where(th, td).table-col-drop-after::after {
  right: 0.08rem;
}

.table-scroll.is-dragging {
  cursor: grabbing;
}

.table-scroll.is-dragging,
.table-scroll.is-dragging * {
  user-select: none !important;
}

.table-shell table,
.ops-table {
  width: max-content;
  min-width: 100%;
  table-layout: fixed;
}

.ops-table {
  border-collapse: collapse;
  color: var(--ink);
}

.ops-table-compact :where(th, td) {
  padding-top: var(--density-compact-cell-y);
  padding-bottom: var(--density-compact-cell-y);
}

.ops-table-row,
.ops-table tbody tr {
  border-bottom: 1px solid rgba(23, 29, 35, 0.07);
}

.ops-table-row:last-child,
.ops-table tbody tr:last-child {
  border-bottom: 0;
}

.ops-table-cell,
.ops-table :where(th, td) {
  min-width: 0;
}

.ops-table-cell-actions {
  text-align: right;
  white-space: nowrap;
}

.ops-table-cell-status {
  white-space: nowrap;
}

.ops-table-row-detail {
  margin-top: 0.35rem;
  color: var(--muted);
  font-size: 0.76rem;
  line-height: 1.35;
}

.ops-table-empty {
  padding: 1rem;
}

@media (max-width: 1024px) {
  .table-shell {
    overflow: visible;
  }

  .table-scroll {
    padding-bottom: 0.25rem;
  }

  .table-scroll > table {
    width: max-content !important;
    min-width: max(100%, 56rem) !important;
    table-layout: auto !important;
  }
}

@media (max-width: 767px) {
  .table-toolbar-actions,
  .table-toolbar-action-strip {
    width: 100%;
    justify-content: stretch;
  }

  .table-toolbar-action-strip {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
  }

  .table-toolbar-action-strip > form {
    min-width: 0;
    flex: none;
  }

  .table-toolbar-action-strip .btn {
    width: 100%;
    justify-content: center;
  }

  .table-toolbar-action-strip > .btn,
  .table-toolbar-action-strip > .table-columns-control,
  .table-toolbar-action-strip > .table-columns-control > .btn {
    width: 100%;
  }

  .table-toolbar-page-indicator {
    min-width: 0;
    width: 100%;
  }

  .table-toolbar-action-divider {
    display: none;
  }
}

.table-shell th,
.table-shell td {
  padding-top: var(--density-cell-y);
  padding-bottom: var(--density-cell-y);
}

.table-cell-truncate,
.ops-table-cell-truncate {
  min-width: 0;
  max-width: 0;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.table-cell-wrap,
.ops-table-cell-wrap {
  max-width: none;
  overflow: visible !important;
  overflow-wrap: anywhere;
  text-overflow: clip !important;
  white-space: normal !important;
}

.table-cell-code,
.ops-table-cell-code,
.ops-table-cell-location {
  font-family: "IBM Plex Mono", monospace;
  font-size: 0.82rem;
  letter-spacing: 0.01em;
}

.ops-table-cell-location {
  font-weight: 760;
}

.table-cell-num,
.ops-table-cell-number {
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.table-cell-primary,
.ops-table-cell-primary {
  color: var(--ink);
  font-weight: 740;
}

.table-cell-secondary,
.ops-table-cell-secondary {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 650;
}

.table-cell-stack {
  display: grid;
  gap: 0.18rem;
  min-width: 0;
}

.table-cell-stack > * {
  min-width: 0;
}

.table-shell tbody th,
.table-shell tbody td,
table[data-table] tbody th,
table[data-table] tbody td {
  vertical-align: middle !important;
}

.table-shell th > *,
.table-shell td > * {
  min-width: 0;
}

.table-shell tbody tr {
  transition: background-color 140ms ease;
}

.table-shell tbody tr:hover {
  background: rgba(31, 41, 55, 0.025);
}

.table-shell thead {
  background: #f3f2ee;
}

.table-shell th[class*="text-right"],
.table-shell td[class*="text-right"] {
  font-variant-numeric: tabular-nums;
}

.table-sticky-first thead th:first-child {
  position: sticky;
  left: 0;
  z-index: 7;
  background: #f3f2ee;
  box-shadow: 12px 0 18px -18px rgba(23, 29, 35, 0.35);
}

.table-sticky-first tbody td:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
  background: inherit;
  box-shadow: 12px 0 18px -18px rgba(23, 29, 35, 0.28);
}

.table-sticky-first tbody tr:hover td:first-child {
  background: inherit;
}

.table-filter-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.45rem;
  min-width: 0;
}

.table-shell th.text-right .table-filter-head {
  justify-content: flex-end;
}

.table-filter-head-label {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  gap: inherit;
}

.table-shell th.text-right .table-filter-head-label {
  justify-content: flex-end;
  text-align: right;
}

.table-filter-btn {
  position: relative;
  z-index: 25;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.35rem;
  height: 1.35rem;
  flex: none;
  padding: 0;
  border: 1px solid rgba(58, 65, 50, 0.14);
  border-radius: var(--radius-pill);
  background: rgba(255, 255, 255, 0.75);
  color: #4f5a46;
  font-size: 0.7rem;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
}

.table-filter-btn svg {
  width: 0.82rem;
  height: 0.82rem;
}

.table-filter-btn:hover,
.table-filter-btn:focus-visible {
  border-color: rgba(58, 65, 50, 0.28);
  background: rgba(255, 255, 255, 0.94);
  outline: none;
}

.table-filter-btn.active {
  background: var(--filter-chip-bg);
  border-color: var(--filter-chip-bg);
  color: #fff;
}

.table-filter-menu {
  position: fixed;
  z-index: 90;
  width: min(18rem, calc(100vw - 1.5rem));
  padding: 0.8rem;
  border: 1px solid rgba(58, 65, 50, 0.18);
  border-radius: var(--radius-lg);
  background: rgba(255, 252, 247, 0.98);
  box-shadow: var(--shadow-panel);
  color: var(--ink);
  overscroll-behavior: contain;
}

.table-filter-menu[hidden] {
  display: none;
}

.table-filter-title {
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.04em;
}

.table-filter-copy {
  margin-top: 0.2rem;
  color: var(--muted);
  font-size: 0.76rem;
}

.table-filter-sort {
  display: flex;
  gap: 0.45rem;
  margin-top: 0.7rem;
}

.table-filter-sort-btn {
  flex: 1;
  min-height: 2.1rem;
  border: 1px solid rgba(58, 65, 50, 0.14);
  border-radius: var(--radius-md);
  background: #fff;
  color: var(--ink);
  font-size: 0.8rem;
  font-weight: 700;
  cursor: pointer;
}

.table-filter-sort-btn.active {
  background: #365399;
  border-color: #365399;
  color: #fff;
}

.table-filter-input {
  width: 100%;
  margin-top: 0.65rem;
  min-height: var(--control-height-compact);
  padding: 0.55rem 0.7rem;
  border: 1px solid rgba(58, 65, 50, 0.14);
  border-radius: var(--radius-md);
  background: #fff;
  color: var(--ink);
  font-size: 0.86rem;
}

.table-filter-check {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  margin-top: 0.65rem;
  font-size: 0.8rem;
  color: var(--ink);
}

.table-filter-list {
  display: grid;
  gap: 0.45rem;
  max-height: 13rem;
  margin-top: 0.65rem;
  overflow: auto;
  padding-right: 0.15rem;
}

.table-filter-actions {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  margin-top: 0.8rem;
}

.table-filter-btn-secondary {
  padding: 0.45rem 0.8rem;
  border: 1px solid rgba(58, 65, 50, 0.14);
  border-radius: var(--radius-pill);
  background: rgba(255, 252, 247, 0.96);
  color: var(--ink);
  font-size: 0.8rem;
  font-weight: 700;
  cursor: pointer;
}

.table-filter-empty {
  color: var(--muted);
  font-size: 0.8rem;
  padding: 0.4rem 0.1rem 0;
}

.audit-log-table :where(th, td) {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  max-width: none;
}

.audit-table-scroll {
  scrollbar-gutter: auto;
}

.audit-table-scroll .audit-log-table {
  width: 100%;
}

.audit-log-table td {
  padding-top: 0.72rem !important;
  padding-bottom: 0.72rem !important;
}

.audit-time-main,
.audit-actor-email,
.audit-event-title,
.audit-location-code {
  min-width: 0;
  color: var(--ink);
  font-weight: 850;
  line-height: 1.25;
}

.audit-time-main,
.audit-location-code,
.audit-event-route {
  font-family: "IBM Plex Mono", monospace;
}

.audit-time-sub,
.audit-location-sub,
.audit-detail-meta,
.audit-muted {
  margin-top: 0.2rem;
  color: var(--muted);
  font-size: 0.74rem;
  font-weight: 650;
  line-height: 1.3;
}

.audit-actor-email,
.audit-location-code,
.audit-location-sub {
  overflow-wrap: anywhere;
}

.audit-chip-row {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  flex-wrap: wrap;
  margin-bottom: 0.38rem;
}

.audit-chip {
  display: inline-flex;
  align-items: center;
  min-height: 1.45rem;
  padding: 0.22rem 0.55rem;
  border: 1px solid rgba(49, 89, 177, 0.14);
  border-radius: 999px;
  background: rgba(235, 241, 255, 0.68);
  color: #365399;
  font-size: 0.64rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  line-height: 1;
  text-transform: uppercase;
}

.audit-chip-area {
  border-color: rgba(49, 92, 74, 0.16);
  background: rgba(237, 247, 241, 0.84);
  color: #315c4a;
}

.audit-event-title {
  font-size: 0.9rem;
}

.audit-event-route {
  margin-top: 0.28rem;
  color: #475569;
  font-size: 0.78rem;
  font-weight: 750;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.audit-inline-details,
.audit-payload-details {
  margin-top: 0.34rem;
}

.audit-inline-details:not([open]) > :not(summary),
.audit-payload-details:not([open]) > :not(summary) {
  display: none !important;
}

.audit-inline-details > summary,
.audit-payload-details > summary {
  display: inline-flex;
  width: max-content;
  cursor: pointer;
  list-style: none;
  color: var(--accent-strong);
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1.25;
}

.audit-inline-details > summary::-webkit-details-marker,
.audit-payload-details > summary::-webkit-details-marker {
  display: none;
}

.audit-inline-details > span {
  display: block;
  margin-top: 0.24rem;
  color: #64748b;
  font-family: "IBM Plex Mono", monospace;
  font-size: 0.7rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.audit-payload-details > pre {
  max-width: min(34rem, 72vw);
  max-height: 13rem;
  margin-top: 0.42rem;
  overflow: auto;
  padding: 0.72rem;
  border-radius: 0.72rem;
  background: #111827;
  color: #e5e7eb;
  font-size: 0.72rem;
  line-height: 1.45;
  white-space: pre-wrap;
}


/* Source: public/static/css/07-mobile.css */

.mobile-section {
  display: grid;
  gap: 0;
  border: 1px solid rgba(23, 29, 35, 0.1);
  border-radius: 1.05rem;
  background: rgba(255, 255, 255, 0.52);
  overflow: clip;
}

.mobile-section-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.05rem;
  list-style: none;
  cursor: pointer;
}

.mobile-section-summary::-webkit-details-marker {
  display: none;
}

.mobile-section-summary-copy {
  display: grid;
  gap: 0.22rem;
  min-width: 0;
}

.mobile-section-eyebrow {
  color: var(--accent-strong);
  font-size: 0.64rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.mobile-section-title {
  color: var(--ink);
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.2;
}

.mobile-section-subtitle {
  color: var(--muted);
  font-size: 0.84rem;
  line-height: 1.5;
}

.mobile-section-indicator {
  inline-size: 0.72rem;
  block-size: 0.72rem;
  border-right: 2px solid rgba(23, 29, 35, 0.5);
  border-bottom: 2px solid rgba(23, 29, 35, 0.5);
  transform: rotate(45deg);
  transition: transform 160ms ease;
  flex: none;
  margin-right: 0.2rem;
}

.mobile-section[open] .mobile-section-indicator {
  transform: rotate(225deg);
  margin-top: 0.35rem;
}

.mobile-section-body {
  padding: 0 1.05rem 1.05rem;
  border-top: 1px solid rgba(23, 29, 35, 0.08);
}

.mobile-only {
  display: none !important;
}

.desktop-only {
  display: revert;
}

.mobile-record-list {
  display: grid;
  gap: 0.8rem;
}

.mobile-record-card {
  border: 1px solid rgba(23, 29, 35, 0.1);
  border-radius: var(--radius-lg);
  background: rgba(255, 255, 255, 0.78);
  overflow: clip;
  box-shadow: var(--shadow-flat);
}

.mobile-record-header {
  display: grid;
  gap: 0.42rem;
  min-width: 0;
}

.mobile-work-card {
  background: rgba(255, 255, 255, 0.84);
}

.mobile-record-summary {
  display: grid;
  gap: 0.7rem;
  padding: 0.95rem 1rem;
  list-style: none;
  cursor: pointer;
}

.mobile-work-summary {
  display: grid;
  gap: 0.85rem;
  padding: 0.95rem 1rem;
  cursor: default;
}

.mobile-record-summary::-webkit-details-marker {
  display: none;
}

.mobile-record-topline {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.8rem;
}

.mobile-record-title {
  min-width: 0;
  color: var(--ink);
  font-family: "IBM Plex Mono", monospace;
  font-size: 0.84rem;
  font-weight: 700;
  line-height: 1.35;
  word-break: break-word;
}

.mobile-record-code {
  min-width: 0;
  color: var(--muted);
  font-family: "IBM Plex Mono", monospace;
  font-size: 0.74rem;
  font-weight: 760;
  letter-spacing: 0.02em;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.mobile-card-item {
  display: grid;
  gap: 0.28rem;
  min-width: 0;
  padding-bottom: 0.1rem;
  justify-items: center;
  text-align: center;
}

.mobile-card-label {
  display: block;
  color: #64748b;
  font-size: 0.64rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  line-height: 1.15;
  text-transform: uppercase;
}

.mobile-card-item-value {
  display: block;
  max-width: 100%;
  overflow: hidden;
  color: #111827;
  font-family: "IBM Plex Mono", monospace;
  font-size: 0.9rem;
  font-weight: 800;
  line-height: 1.3;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mobile-card-row {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(6.5rem, 0.85fr);
  gap: 0.75rem;
  align-items: end;
}

.mobile-card-cell {
  display: grid;
  gap: 0.3rem;
  min-width: 0;
}

.mobile-card-location-value,
.mobile-card-metric {
  display: flex;
  align-items: center;
  min-height: 2.15rem;
  border-radius: 9999px;
  font-family: "IBM Plex Mono", monospace;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.2;
}

.mobile-card-location-value {
  width: 100%;
  max-width: 100%;
  padding: 0.34rem 0.7rem;
  overflow: hidden;
  border: 1px solid rgba(23, 29, 35, 0.1);
  background: rgba(255, 252, 247, 0.9);
  color: #111827;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mobile-card-metric {
  justify-content: space-between;
  gap: 0.65rem;
  width: 100%;
  padding: 0.42rem 0.8rem;
  border: 1px solid rgba(29, 111, 103, 0.16);
  background: rgba(29, 111, 103, 0.08);
  color: #1f2937;
}

.mobile-card-metric strong {
  display: block;
  font-size: 0.86rem;
  font-weight: 800;
  white-space: nowrap;
}

.mobile-card-action {
  display: grid;
  padding: 0 1rem 1rem;
}

.mobile-card-action .btn {
  width: 100%;
  justify-content: center;
}

.mobile-record-top-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.mobile-record-route,
.mobile-record-chips {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem;
}

.mobile-record-arrow {
  color: #94a3b8;
  font-size: 0.78rem;
  font-weight: 700;
}

.mobile-record-chip,
.mobile-record-metric {
  display: inline-flex;
  align-items: center;
  min-height: 1.9rem;
  padding: 0.28rem 0.7rem;
  border: 1px solid rgba(23, 29, 35, 0.1);
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.82);
  color: #1f2937;
  font-size: 0.78rem;
  line-height: 1.2;
}

.mobile-record-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  max-width: 100%;
  min-height: 1.65rem;
  padding: 0.22rem 0.55rem;
  border: 1px solid var(--status-neutral-border);
  border-radius: var(--radius-sm);
  background: var(--status-neutral-bg);
  color: var(--status-neutral-text);
  font-size: 0.66rem;
  font-weight: 820;
  letter-spacing: 0.08em;
  line-height: 1.1;
  text-transform: uppercase;
}

.mobile-record-metric {
  gap: 0.45rem;
  background: rgba(29, 111, 103, 0.08);
  white-space: nowrap;
}

.mobile-record-metric-label {
  color: #64748b;
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.mobile-record-body {
  display: grid;
  gap: 0.8rem;
  padding: 0 1rem 1rem;
  border-top: 1px solid rgba(23, 29, 35, 0.08);
}

.mobile-record-grid {
  display: grid;
  gap: 0.7rem;
  grid-template-columns: 1fr;
}

.mobile-record-meta-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.65rem;
}

.mobile-record-detail {
  display: grid;
  gap: 0.22rem;
}

.mobile-record-label {
  color: #64748b;
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.mobile-record-value {
  color: #1f2937;
  font-size: 0.86rem;
  line-height: 1.45;
  word-break: break-word;
}

.mobile-record-actions {
  display: grid;
  gap: 0.65rem;
}

.mobile-record-actions .btn,
.mobile-record-actions button,
.mobile-record-actions a {
  width: 100%;
  justify-content: center;
}

.mobile-table-mode table[data-table][data-mobile-cards-ready="1"] {
  width: 100% !important;
  min-width: 0 !important;
  display: block;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: transparent !important;
}

.mobile-table-mode table[data-table][data-mobile-cards-ready="1"] colgroup,
.mobile-table-mode table[data-table][data-mobile-cards-ready="1"] thead {
  display: none !important;
}

.mobile-table-mode table[data-table][data-mobile-cards-ready="1"] tbody {
  display: grid;
  width: 100%;
  gap: 0.8rem;
}

.mobile-table-mode table[data-table][data-mobile-cards-ready="1"] tbody tr {
  display: grid;
  gap: 0.65rem;
  width: 100%;
  padding: 0.95rem;
  border: 1px solid rgba(23, 29, 35, 0.1);
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.72);
  box-shadow: 0 12px 24px rgba(58, 65, 50, 0.08);
}

.mobile-table-mode table[data-table][data-mobile-cards-ready="1"] tbody tr[data-mobile-empty="1"] {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.mobile-table-mode table[data-table][data-mobile-cards-ready="1"] tbody td,
.mobile-table-mode table[data-table][data-mobile-cards-ready="1"] tbody th {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  width: 100%;
  min-height: 2.8rem;
  padding: 0.58rem 0.78rem !important;
  border: 1px solid rgba(23, 29, 35, 0.1) !important;
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.86) !important;
  box-shadow: none !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  vertical-align: middle !important;
}

.mobile-table-mode table[data-table][data-mobile-cards-ready="1"] tbody td[data-mobile-hidden="1"],
.mobile-table-mode table[data-table][data-mobile-cards-ready="1"] tbody th[data-mobile-hidden="1"] {
  display: none !important;
}

.mobile-table-mode table[data-table][data-mobile-cards-ready="1"] tbody td[hidden],
.mobile-table-mode table[data-table][data-mobile-cards-ready="1"] tbody th[hidden] {
  display: none !important;
}

.mobile-table-mode table[data-table][data-mobile-cards-ready="1"] tbody td::before,
.mobile-table-mode table[data-table][data-mobile-cards-ready="1"] tbody th::before {
  content: attr(data-col-label);
  flex: 0 0 auto;
  color: var(--muted);
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.mobile-table-mode table[data-table][data-mobile-cards-ready="1"] tbody td[data-mobile-primary="1"],
.mobile-table-mode table[data-table][data-mobile-cards-ready="1"] tbody th[data-mobile-primary="1"] {
  display: block;
  min-height: 0;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0;
  background: transparent !important;
}

.mobile-table-mode table[data-table][data-mobile-cards-ready="1"] tbody td[data-mobile-primary="1"]::before,
.mobile-table-mode table[data-table][data-mobile-cards-ready="1"] tbody th[data-mobile-primary="1"]::before {
  display: none;
}

.mobile-table-mode table[data-table][data-mobile-cards-ready="1"] tbody td[data-mobile-primary="1"] > *,
.mobile-table-mode table[data-table][data-mobile-cards-ready="1"] tbody th[data-mobile-primary="1"] > * {
  min-width: 0;
}

.mobile-table-mode table[data-table][data-mobile-cards-ready="1"] tbody td[data-mobile-role="action"],
.mobile-table-mode table[data-table][data-mobile-cards-ready="1"] tbody th[data-mobile-role="action"] {
  display: block;
  min-height: 0;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0;
  background: transparent !important;
}

.mobile-table-mode table[data-table][data-mobile-cards-ready="1"] tbody td[data-mobile-role="action"]::before,
.mobile-table-mode table[data-table][data-mobile-cards-ready="1"] tbody th[data-mobile-role="action"]::before {
  display: none;
}

.mobile-table-mode table[data-table][data-mobile-cards-ready="1"] tbody td[data-mobile-role="action"] .btn,
.mobile-table-mode table[data-table][data-mobile-cards-ready="1"] tbody td[data-mobile-role="action"] button,
.mobile-table-mode table[data-table][data-mobile-cards-ready="1"] tbody th[data-mobile-role="action"] .btn,
.mobile-table-mode table[data-table][data-mobile-cards-ready="1"] tbody th[data-mobile-role="action"] button {
  width: 100%;
  justify-content: center;
}

.mobile-table-mode table[data-table][data-mobile-cards-ready="1"] tbody tr[data-mobile-empty="1"] td,
.mobile-table-mode table[data-table][data-mobile-cards-ready="1"] tbody tr[data-mobile-empty="1"] th {
  display: block;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0;
  background: transparent !important;
}

.mobile-table-mode table[data-table][data-mobile-cards-ready="1"] tbody tr[data-mobile-empty="1"] td::before,
.mobile-table-mode table[data-table][data-mobile-cards-ready="1"] tbody tr[data-mobile-empty="1"] th::before {
  display: none;
}



/* Source: public/static/css/08-view-modes.css */

@media (max-width: 767px) {
  .mobile-only {
    display: initial !important;
  }

  .desktop-only {
    display: none !important;
  }
}

html[data-view-mode="mobile"] .mobilebar,
body[data-view-mode="mobile"] .mobilebar {
  display: flex !important;
  width: 100%;
  max-width: 100vw;
  box-sizing: border-box;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0.75rem;
  overflow: hidden;
}

html[data-view-mode="mobile"] .mobile-info-only,
body[data-view-mode="mobile"] .mobile-info-only {
  display: none !important;
}

html[data-view-mode="mobile"] .action-metric-card,
body[data-view-mode="mobile"] .action-metric-card {
  display: block !important;
}

html[data-view-mode="mobile"] .empty-location-action-grid,
body[data-view-mode="mobile"] .empty-location-action-grid {
  grid-template-columns: 1fr !important;
}

html[data-view-mode="mobile"] .empty-location-action-grid .action-metric-card > div,
body[data-view-mode="mobile"] .empty-location-action-grid .action-metric-card > div {
  align-items: flex-start !important;
}

html[data-view-mode="mobile"] .empty-location-action-grid .action-metric-card .btn,
body[data-view-mode="mobile"] .empty-location-action-grid .action-metric-card .btn {
  width: 100%;
  justify-content: center;
}

@media (max-width: 767px) {
  html:not([data-view-mode="desktop"]) .mobile-info-only,
  .proactive-sheet-summary,
  .pickface-sheet-summary {
    display: none !important;
  }

  html:not([data-view-mode="desktop"]) .action-metric-card {
    display: block !important;
  }

  html:not([data-view-mode="desktop"]) .empty-location-action-grid {
    grid-template-columns: 1fr !important;
  }

  html:not([data-view-mode="desktop"]) .empty-location-action-grid .action-metric-card > div {
    align-items: flex-start !important;
  }

  html:not([data-view-mode="desktop"]) .empty-location-action-grid .action-metric-card .btn {
    width: 100%;
    justify-content: center;
  }
}

html[data-view-mode="mobile"] .proactive-sheet-summary,
body[data-view-mode="mobile"] .proactive-sheet-summary,
html[data-view-mode="mobile"] .pickface-sheet-summary,
body[data-view-mode="mobile"] .pickface-sheet-summary {
  display: none !important;
}

html[data-view-mode="mobile"] #mobileSidebar:not(.hidden),
body[data-view-mode="mobile"] #mobileSidebar:not(.hidden) {
  display: block !important;
}

html[data-view-mode="mobile"] #sidebarOverlay:not(.hidden),
body[data-view-mode="mobile"] #sidebarOverlay:not(.hidden) {
  display: block !important;
}

html[data-view-mode="mobile"],
body[data-view-mode="mobile"] {
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, rgb(var(--app-bg-rgb)) 48%, white) 0%,
      color-mix(in srgb, rgb(var(--app-bg-rgb)) 68%, white) 48%,
      color-mix(in srgb, rgb(var(--app-bg-rgb)) 78%, white) 100%
    ) !important;
  background-attachment: fixed !important;
  background-color: rgb(var(--app-bg-rgb)) !important;
  background-repeat: no-repeat !important;
  background-size: 100vw 100vh !important;
}

html[data-view-mode="mobile"] .sidebar,
body[data-view-mode="mobile"] .sidebar,
html[data-view-mode="mobile"] .workspace-bar,
body[data-view-mode="mobile"] .workspace-bar {
  display: none !important;
}

html[data-view-mode="mobile"] .shell-layout,
body[data-view-mode="mobile"] .shell-layout {
  width: min(100%, 27rem);
  max-width: 100vw;
  min-height: 100vh;
  margin: 0 auto;
  background: color-mix(in srgb, rgb(var(--app-bg-rgb)) 86%, white);
  box-shadow: 0 0 0 1px rgba(23, 29, 35, 0.08), 0 24px 60px rgba(58, 65, 50, 0.18);
  overflow-x: clip;
}

html[data-view-mode="mobile"] .workspace,
body[data-view-mode="mobile"] .workspace {
  width: 100% !important;
  max-width: 100vw;
  margin-left: 0 !important;
  overflow-x: clip;
}

html[data-view-mode="mobile"] .workspace-inner,
body[data-view-mode="mobile"] .workspace-inner {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: 1rem;
}

html[data-view-mode="mobile"] .page-hero,
body[data-view-mode="mobile"] .page-hero,
html[data-view-mode="mobile"] .ops-page-header,
body[data-view-mode="mobile"] .ops-page-header,
html[data-view-mode="mobile"] .workspace-split,
body[data-view-mode="mobile"] .workspace-split,
html[data-view-mode="mobile"] .dashboard-board,
body[data-view-mode="mobile"] .dashboard-board,
html[data-view-mode="mobile"] .dashboard-command-deck,
body[data-view-mode="mobile"] .dashboard-command-deck,
html[data-view-mode="mobile"] .quick-scan-card,
body[data-view-mode="mobile"] .quick-scan-card {
  grid-template-columns: 1fr !important;
}

html[data-view-mode="mobile"] .workspace-panel-filter,
body[data-view-mode="mobile"] .workspace-panel-filter {
  position: static !important;
}

html[data-view-mode="mobile"] .page-actions,
body[data-view-mode="mobile"] .page-actions {
  width: 100%;
  justify-content: stretch;
}

html[data-view-mode="mobile"] .page-actions > *,
body[data-view-mode="mobile"] .page-actions > * {
  flex: 1 1 100%;
}

html[data-view-mode="mobile"] .dashboard-stat-grid,
body[data-view-mode="mobile"] .dashboard-stat-grid,
html[data-view-mode="mobile"] .stat-grid,
body[data-view-mode="mobile"] .stat-grid,
html[data-view-mode="mobile"] .capacity-stat-grid,
body[data-view-mode="mobile"] .capacity-stat-grid,
html[data-view-mode="mobile"] .results-overview-grid,
body[data-view-mode="mobile"] .results-overview-grid,
html[data-view-mode="mobile"] .dashboard-command-stats,
body[data-view-mode="mobile"] .dashboard-command-stats,
html[data-view-mode="mobile"] .dashboard-zone-grid,
body[data-view-mode="mobile"] .dashboard-zone-grid {
  grid-template-columns: 1fr !important;
}

html[data-view-mode="mobile"] .ops-page-header,
body[data-view-mode="mobile"] .ops-page-header {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0.9rem;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
}

html[data-view-mode="mobile"] .ops-page-actions,
body[data-view-mode="mobile"] .ops-page-actions,
html[data-view-mode="mobile"] .ops-command-bar,
body[data-view-mode="mobile"] .ops-command-bar {
  justify-items: stretch;
  width: 100%;
}

html[data-view-mode="mobile"] .ops-summary-strip,
body[data-view-mode="mobile"] .ops-summary-strip {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

html[data-view-mode="mobile"] .filter-grid,
body[data-view-mode="mobile"] .filter-grid {
  grid-template-columns: minmax(0, 1fr) !important;
}

html[data-view-mode="mobile"] .filter-grid > *,
body[data-view-mode="mobile"] .filter-grid > * {
  grid-column: auto !important;
}

html[data-view-mode="mobile"] .dashboard-location-bar-row,
body[data-view-mode="mobile"] .dashboard-location-bar-row {
  grid-template-columns: 1fr !important;
}

html[data-view-mode="mobile"] .mobile-section,
body[data-view-mode="mobile"] .mobile-section {
  display: grid;
}

html[data-view-mode="mobile"] .desktop-only,
body[data-view-mode="mobile"] .desktop-only {
  display: none !important;
}

html[data-view-mode="mobile"] .mobile-only,
body[data-view-mode="mobile"] .mobile-only {
  display: initial !important;
}

html[data-view-mode="desktop"] .mobilebar,
body[data-view-mode="desktop"] .mobilebar {
  display: none !important;
}

html[data-view-mode="desktop"] .sidebar,
body[data-view-mode="desktop"] .sidebar {
  position: fixed;
  inset: 0 auto 0 0;
  display: block !important;
  width: var(--desktop-sidebar-width);
}

html[data-view-mode="desktop"] .sidebar > .sidebar-shell,
body[data-view-mode="desktop"] .sidebar > .sidebar-shell {
  border-radius: 0;
}

html[data-view-mode="desktop"] .workspace,
body[data-view-mode="desktop"] .workspace {
  width: calc(100dvw - var(--desktop-sidebar-width) - var(--desktop-shell-gap));
  margin-left: var(--desktop-sidebar-width);
}

html[data-view-mode="desktop"] .workspace-inner,
body[data-view-mode="desktop"] .workspace-inner {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: auto;
  box-sizing: border-box;
}

html[data-view-mode="desktop"] .page-hero,
body[data-view-mode="desktop"] .page-hero {
  width: calc(100% + var(--workspace-inline-padding-double));
  max-width: calc(100% + var(--workspace-inline-padding-double));
  margin-top: -1.1rem;
  margin-left: calc(var(--workspace-inline-padding) * -1);
  margin-right: calc(var(--workspace-inline-padding) * -1);
  box-sizing: border-box;
  border-top: 0;
  border-left: 0;
  border-right: 1px solid rgba(23, 29, 35, 0.12);
  border-radius: 0 0 1.45rem 0;
}

html[data-view-mode="desktop"] .workspace-bar,
body[data-view-mode="desktop"] .workspace-bar {
  display: flex !important;
}

html[data-view-mode="desktop"] .desktop-only,
body[data-view-mode="desktop"] .desktop-only {
  display: revert !important;
}

html[data-view-mode="desktop"] .mobile-only,
body[data-view-mode="desktop"] .mobile-only {
  display: none !important;
}

@media (max-width: 767px) {
  html[data-view-mode="desktop"],
  body[data-view-mode="desktop"] {
    overflow-x: hidden;
  }

  html[data-view-mode="desktop"] .mobilebar,
  body[data-view-mode="desktop"] .mobilebar {
    display: flex !important;
    width: 100%;
    max-width: 100vw;
    box-sizing: border-box;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0.75rem;
    overflow: hidden;
  }

  html[data-view-mode="desktop"] .mobilebar-brand,
  body[data-view-mode="desktop"] .mobilebar-brand {
    min-width: 0;
    flex: 1 1 100%;
  }

  html[data-view-mode="desktop"] .mobilebar .brand-mark,
  body[data-view-mode="desktop"] .mobilebar .brand-mark {
    width: 2.15rem;
    min-width: 2.15rem;
    height: 2.15rem;
    border-radius: 0.8rem;
  }

  html[data-view-mode="desktop"] .mobilebar .brand-name,
  body[data-view-mode="desktop"] .mobilebar .brand-name {
    font-size: 0.98rem;
  }

  html[data-view-mode="desktop"] .mobilebar .eyebrow,
  body[data-view-mode="desktop"] .mobilebar .eyebrow {
    font-size: 0.6rem;
    letter-spacing: 0.14em;
  }

  html[data-view-mode="desktop"] .mobilebar .view-toggle-btn,
  body[data-view-mode="desktop"] .mobilebar .view-toggle-btn {
    min-height: 1.9rem;
    padding: 0.28rem 0.55rem;
    font-size: 0.68rem;
    letter-spacing: 0.06em;
  }

  html[data-view-mode="desktop"] .mobilebar .btn,
  body[data-view-mode="desktop"] .mobilebar .btn {
    min-height: 2.25rem;
    padding: 0.45rem 0.85rem;
  }

  html[data-view-mode="desktop"] .sidebar,
  body[data-view-mode="desktop"] .sidebar,
  html[data-view-mode="desktop"] .workspace-bar,
  body[data-view-mode="desktop"] .workspace-bar {
    display: none !important;
  }

  html[data-view-mode="desktop"] .shell-layout,
  body[data-view-mode="desktop"] .shell-layout {
    width: 100%;
    max-width: 100vw;
    min-height: 100vh;
    overflow-x: clip;
  }

  html[data-view-mode="desktop"] .workspace,
  body[data-view-mode="desktop"] .workspace {
    width: 100% !important;
    max-width: 100vw;
    margin-left: 0 !important;
    overflow-x: clip;
  }

  html[data-view-mode="desktop"] .workspace-inner,
  body[data-view-mode="desktop"] .workspace-inner {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 0.9rem;
  }

  html[data-view-mode="desktop"] .page-hero,
  body[data-view-mode="desktop"] .page-hero {
    width: 100%;
    max-width: 100%;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    border: 1px solid rgba(23, 29, 35, 0.12);
    border-radius: 1.1rem;
  }

  html[data-view-mode="desktop"] .table-shell,
  body[data-view-mode="desktop"] .table-shell,
  html[data-view-mode="desktop"] .table-scroll,
  body[data-view-mode="desktop"] .table-scroll,
  html[data-view-mode="desktop"] .proactive-sheet-shell,
  body[data-view-mode="desktop"] .proactive-sheet-shell,
  html[data-view-mode="desktop"] .order-replenishment-shell,
  body[data-view-mode="desktop"] .order-replenishment-shell,
  html[data-view-mode="desktop"] .pickface-sheet-shell,
  body[data-view-mode="desktop"] .pickface-sheet-shell {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  html[data-view-mode="desktop"] .mobile-record-list.mobile-only,
  body[data-view-mode="desktop"] .mobile-record-list.mobile-only,
  html[data-view-mode="desktop"] .mobile-section-summary,
  body[data-view-mode="desktop"] .mobile-section-summary {
    display: none !important;
  }

  html[data-view-mode="desktop"] .table-shell.desktop-only,
  body[data-view-mode="desktop"] .table-shell.desktop-only,
  html[data-view-mode="desktop"] .table-scroll.desktop-only,
  body[data-view-mode="desktop"] .table-scroll.desktop-only,
  html[data-view-mode="desktop"] .order-replenishment-shell > .table-scroll.desktop-only,
  body[data-view-mode="desktop"] .order-replenishment-shell > .table-scroll.desktop-only,
  html[data-view-mode="desktop"] .proactive-sheet-shell > .table-scroll.desktop-only,
  body[data-view-mode="desktop"] .proactive-sheet-shell > .table-scroll.desktop-only {
    display: block !important;
  }

  html[data-view-mode="desktop"] table.desktop-only,
  body[data-view-mode="desktop"] table.desktop-only {
    display: table !important;
  }
}

@media (min-width: 768px) {
  html:not([data-view-mode="mobile"]) .mobilebar,
  body:not([data-view-mode="mobile"]) .mobilebar {
    display: none !important;
  }

  html:not([data-view-mode="mobile"]) .sidebar,
  body:not([data-view-mode="mobile"]) .sidebar {
    position: fixed;
    inset: 0 auto 0 0;
    display: block !important;
    width: var(--desktop-sidebar-width);
  }

  html:not([data-view-mode="mobile"]) .sidebar > .sidebar-shell,
  body:not([data-view-mode="mobile"]) .sidebar > .sidebar-shell {
    border-radius: 0;
  }

  html:not([data-view-mode="mobile"]) .workspace,
  body:not([data-view-mode="mobile"]) .workspace {
    width: calc(100dvw - var(--desktop-sidebar-width) - var(--desktop-shell-gap));
    margin-left: var(--desktop-sidebar-width);
  }

  html:not([data-view-mode="mobile"]) .workspace-inner,
  body:not([data-view-mode="mobile"]) .workspace-inner {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: auto;
    box-sizing: border-box;
  }

  html:not([data-view-mode="mobile"]) .page-hero,
  body:not([data-view-mode="mobile"]) .page-hero {
    width: calc(100% + var(--workspace-inline-padding-double));
    max-width: calc(100% + var(--workspace-inline-padding-double));
    margin-top: -1.1rem;
    margin-left: calc(var(--workspace-inline-padding) * -1);
    margin-right: calc(var(--workspace-inline-padding) * -1);
    box-sizing: border-box;
    border-top: 0;
    border-left: 0;
    border-right: 1px solid rgba(23, 29, 35, 0.12);
    border-radius: 0 0 1.45rem 0;
  }

  html:not([data-view-mode="mobile"]) .workspace-bar,
  body:not([data-view-mode="mobile"]) .workspace-bar {
    display: flex !important;
  }

  html:not([data-view-mode="mobile"]) .desktop-only,
  body:not([data-view-mode="mobile"]) .desktop-only {
    display: revert !important;
  }

  html:not([data-view-mode="mobile"]) .mobile-only,
  body:not([data-view-mode="mobile"]) .mobile-only {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .mobile-section {
    border: 0;
    background: transparent;
  }

  .mobile-section:not([open]) > *:not(summary) {
    display: block;
  }

  .mobile-section-summary {
    display: none;
  }

  .mobile-section-body {
    padding: 0;
    border-top: 0;
  }
}

html[data-view-mode="mobile"] .mobile-section-summary,
body[data-view-mode="mobile"] .mobile-section-summary {
  display: flex !important;
}

html[data-view-mode="mobile"] .mobile-section-body,
body[data-view-mode="mobile"] .mobile-section-body {
  padding: 0 1.05rem 1.05rem !important;
  border-top: 1px solid rgba(23, 29, 35, 0.08) !important;
}

html[data-view-mode="desktop"] .mobile-section:not([open]) > *:not(summary),
body[data-view-mode="desktop"] .mobile-section:not([open]) > *:not(summary) {
  display: block !important;
}

.mobilebar-actions {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex: 1 1 100%;
  min-width: 0;
  max-width: 100%;
  flex-wrap: wrap;
  gap: 0.65rem;
}

html[data-view-mode="mobile"] .page-kicker-row > .route-back-bar,
body[data-view-mode="mobile"] .page-kicker-row > .route-back-bar,
html[data-view-mode="mobile"] .ops-page-kicker-row > .route-back-bar,
body[data-view-mode="mobile"] .ops-page-kicker-row > .route-back-bar {
  display: none;
}

html[data-view-mode="mobile"] .mobilebar-route-back:not([hidden]),
body[data-view-mode="mobile"] .mobilebar-route-back:not([hidden]) {
  display: flex;
  flex: 1 1 100%;
  max-width: 100%;
}

html[data-view-mode="mobile"] .mobilebar-route-back .route-back-button,
body[data-view-mode="mobile"] .mobilebar-route-back .route-back-button {
  max-width: 100%;
}

html[data-view-mode="mobile"] .mobilebar-route-back .route-back-label,
body[data-view-mode="mobile"] .mobilebar-route-back .route-back-label {
  max-width: min(11rem, calc(100vw - 8.5rem));
}

html[data-view-mode="mobile"] .mobilebar-brand,
body[data-view-mode="mobile"] .mobilebar-brand {
  min-width: 0;
  flex: 1 1 100%;
}

html[data-view-mode="mobile"] .mobilebar .brand-mark,
body[data-view-mode="mobile"] .mobilebar .brand-mark {
  width: 2.15rem;
  min-width: 2.15rem;
  height: 2.15rem;
  border-radius: 0.8rem;
}

html[data-view-mode="mobile"] .mobilebar .brand-name,
body[data-view-mode="mobile"] .mobilebar .brand-name {
  font-size: 0.98rem;
}

html[data-view-mode="mobile"] .mobilebar .eyebrow,
body[data-view-mode="mobile"] .mobilebar .eyebrow {
  font-size: 0.6rem;
  letter-spacing: 0.14em;
}

.view-toggle {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  min-width: 0;
  gap: 0.16rem;
  padding: 0.16rem;
  border: 1px solid rgba(23, 29, 35, 0.07);
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.32);
  opacity: 0.72;
  transition: opacity 140ms ease, border-color 140ms ease, background-color 140ms ease;
}

.view-toggle:hover,
.view-toggle:focus-within {
  border-color: rgba(23, 29, 35, 0.13);
  background: rgba(255, 255, 255, 0.54);
  opacity: 1;
}

.view-toggle-btn {
  min-height: 1.75rem;
  padding: 0.24rem 0.55rem;
  border: 0;
  border-radius: 9999px;
  background: transparent;
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
}

html[data-view-mode="mobile"] .mobilebar .view-toggle-btn,
body[data-view-mode="mobile"] .mobilebar .view-toggle-btn {
  min-height: 1.9rem;
  padding: 0.28rem 0.55rem;
  font-size: 0.68rem;
  letter-spacing: 0.06em;
}

html[data-view-mode="mobile"] .mobilebar .btn,
body[data-view-mode="mobile"] .mobilebar .btn {
  min-height: 2.25rem;
  padding: 0.45rem 0.85rem;
}

.view-toggle-btn.is-active {
  background: color-mix(in srgb, var(--view-toggle-bg) 14%, white);
  color: color-mix(in srgb, var(--view-toggle-bg) 74%, #171d23);
}

html[data-record-view="cards"] .mobile-record-list,
body[data-record-view="cards"] .mobile-record-list {
  display: grid !important;
  gap: 0.8rem;
  padding: 0.95rem;
  border: 1px solid rgba(23, 29, 35, 0.1);
  border-radius: 1.2rem;
  background: rgba(250, 247, 241, 0.94);
  box-shadow: 0 18px 32px rgba(58, 65, 50, 0.07);
}

html[data-record-view="cards"] .table-shell .mobile-record-list,
body[data-record-view="cards"] .table-shell .mobile-record-list,
html[data-record-view="cards"] .proactive-sheet-shell .mobile-record-list,
body[data-record-view="cards"] .proactive-sheet-shell .mobile-record-list,
html[data-record-view="cards"] .pickface-sheet-shell .mobile-record-list,
body[data-record-view="cards"] .pickface-sheet-shell .mobile-record-list,
html[data-record-view="cards"] .order-replenishment-shell .mobile-record-list,
body[data-record-view="cards"] .order-replenishment-shell .mobile-record-list {
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

html[data-record-view="cards"] .mobile-record-card,
body[data-record-view="cards"] .mobile-record-card,
html[data-record-view="cards"] .mobile-work-card,
body[data-record-view="cards"] .mobile-work-card {
  border-color: rgba(23, 29, 35, 0.1);
  background: rgba(251, 248, 242, 0.98);
  box-shadow: none;
}

html[data-record-view="cards"] .mobile-record-chip,
body[data-record-view="cards"] .mobile-record-chip,
html[data-record-view="cards"] .mobile-record-metric,
body[data-record-view="cards"] .mobile-record-metric,
html[data-record-view="cards"] .mobile-card-location-value,
body[data-record-view="cards"] .mobile-card-location-value,
html[data-record-view="cards"] .mobile-card-metric,
body[data-record-view="cards"] .mobile-card-metric {
  background: rgba(251, 248, 242, 0.98);
}

html[data-record-view="cards"] .table-shell.desktop-only,
body[data-record-view="cards"] .table-shell.desktop-only,
html[data-record-view="cards"] .table-scroll.desktop-only,
body[data-record-view="cards"] .table-scroll.desktop-only,
html[data-record-view="cards"] table.desktop-only,
body[data-record-view="cards"] table.desktop-only {
  display: none !important;
}

html[data-view-mode="mobile"][data-record-view="table"] .mobile-record-list,
body[data-view-mode="mobile"][data-record-view="table"] .mobile-record-list {
  display: none !important;
}

html[data-view-mode="mobile"][data-record-view="table"] .table-shell.desktop-only,
body[data-view-mode="mobile"][data-record-view="table"] .table-shell.desktop-only,
html[data-view-mode="mobile"][data-record-view="table"] .table-scroll.desktop-only,
body[data-view-mode="mobile"][data-record-view="table"] .table-scroll.desktop-only {
  display: block !important;
}

html[data-view-mode="mobile"][data-record-view="table"] table.desktop-only,
body[data-view-mode="mobile"][data-record-view="table"] table.desktop-only {
  display: table !important;
}

html[data-view-mode="mobile"][data-record-view="table"] .table-shell .desktop-only,
body[data-view-mode="mobile"][data-record-view="table"] .table-shell .desktop-only {
  display: revert !important;
}

html[data-view-mode="mobile"][data-record-view="table"] .table-scroll,
body[data-view-mode="mobile"][data-record-view="table"] .table-scroll {
  max-width: 100%;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
}

html[data-view-mode="desktop"] .record-view-toggle,
body[data-view-mode="desktop"] .record-view-toggle {
  opacity: 0.78;
}


/* Source: public/static/css/09-sidebar.css */

/* Shared tokens moved to /static/css/00-tokens.css. */
/* Shared base rules moved to /static/css/01-base.css. */

.shell-layout {
  min-height: 100vh;
  position: relative;
}

.mobilebar {
  position: sticky;
  top: 0;
  z-index: 40;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.9rem 1rem;
  border-bottom: 1px solid rgba(58, 65, 50, 0.12);
  background: color-mix(in srgb, rgb(var(--app-bg-rgb)) 82%, white);
  backdrop-filter: none;
  box-shadow: 0 8px 18px rgba(58, 65, 50, 0.06);
}

.mobilebar-brand,
.sidebar-brand {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}

.brand-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.6rem;
  height: 2.6rem;
  border-radius: var(--radius-md);
  background: #1d6f67;
  color: white;
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  box-shadow: none;
}

.brand-kicker {
  display: block;
  margin-bottom: 0.1rem;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(241, 250, 248, 0.76);
}

.brand-name {
  display: block;
  font-size: 1.14rem;
  font-weight: 800;
  letter-spacing: -0.04em;
}

.brand-copy {
  min-width: 0;
}

.brand-copy p {
  margin: 0.5rem 0 0;
  font-size: 0.9rem;
  line-height: 1.6;
  color: rgba(241, 250, 248, 0.74);
}

.sidebar-nav-top {
  padding: 0.8rem 0.9rem 0.5rem;
}

.sidebar {
  display: none;
}

.sidebar-shell {
  display: flex;
  height: 100%;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(42, 104, 102, 0.16);
  border-radius: 1rem;
  background: linear-gradient(180deg, var(--sidebar-bg-start) 0%, var(--sidebar-bg-mid) 54%, var(--sidebar-bg-end) 100%);
  box-shadow: 8px 0 22px rgba(52, 79, 76, 0.12);
  color: #f8fbf8;
}

.sidebar-header {
  padding: 0.95rem 0.95rem 0.72rem;
  border-bottom: 1px solid rgba(241, 250, 248, 0.14);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.045) 0%, rgba(255, 255, 255, 0) 100%);
}

.nav-search-label {
  display: block;
  margin-bottom: 0.38rem;
  color: rgba(241, 250, 248, 0.78);
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.sidebar-search {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  padding: 0.58rem 0.75rem;
  border: 1px solid rgba(241, 250, 248, 0.22);
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, 0.13);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.sidebar-search:focus-within {
  border-color: rgba(247, 242, 231, 0.52);
  box-shadow: 0 0 0 4px rgba(247, 242, 231, 0.14);
}

.sidebar-search-input {
  width: 100%;
  border: 0;
  padding: 0;
  color: #ffffff;
  background: transparent;
  outline: none;
  font-size: 0.92rem;
}

.sidebar-search-input::placeholder {
  color: rgba(241, 250, 248, 0.66);
}

.sidebar-search-key {
  flex: none;
  padding: 0.2rem 0.45rem;
  border: 1px solid rgba(241, 250, 248, 0.2);
  border-radius: 0.5rem;
  background: rgba(255, 255, 255, 0.13);
  color: rgba(255, 255, 255, 0.88);
  font-size: 0.7rem;
  white-space: nowrap;
}

.sidebar-nav {
  flex: 1;
  overflow-y: auto;
  padding: 0 0.75rem 0.75rem;
}

.sidebar-nav::-webkit-scrollbar {
  width: 8px;
}

.sidebar-nav::-webkit-scrollbar-thumb {
  border-radius: 9999px;
  background: rgba(58, 65, 50, 0.14);
}

.nav-section-label {
  margin: 0.86rem 0 0.36rem;
  padding: 0.72rem 0.18rem 0;
  border-top: 1px solid rgba(241, 250, 248, 0.18);
  color: rgba(247, 250, 241, 0.82);
  font-size: 0.64rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.sidebar-nav > .nav-section-label:first-child {
  margin-top: 0.25rem;
  padding-top: 0;
  border-top: 0;
}

.navlink,
.navsummary {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.64rem;
  width: 100%;
  padding: 0.52rem 0.64rem;
  border: 1px solid rgba(241, 250, 248, 0.08);
  border-radius: var(--radius-md);
  color: rgba(255, 255, 255, 0.92);
  transition: background-color 140ms ease, color 140ms ease, border-color 140ms ease;
  overflow: hidden;
}

.navlink::before,
.navsummary::before {
  content: "";
  position: absolute;
  top: 0.55rem;
  bottom: 0.55rem;
  left: 0.45rem;
  width: 3px;
  border-radius: 9999px;
  background: transparent;
  transition: background-color 160ms ease, transform 160ms ease;
  transform: scaleY(0.4);
}

.navlink:hover,
.navsummary:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.13);
  border-color: rgba(241, 250, 248, 0.2);
  box-shadow: none;
}

.navlink:hover::before,
.navsummary:hover::before {
  background: rgba(247, 242, 231, 0.72);
  transform: scaleY(1);
}

.navlink.active {
  color: #102f31;
  background: #edf8f5;
  border-color: rgba(247, 242, 231, 0.72);
  box-shadow: none;
}

.navlink.active,
.navlink.active [data-nav-text] {
  color: #102f31;
}

.navlink.active::before {
  background: #1a7771;
  transform: scaleY(1);
}

.navgroup.has-active > .navsummary {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(241, 250, 248, 0.16);
  box-shadow: none;
}

.navgroup {
  margin-top: 0.22rem;
  padding: 0.12rem;
  border: 1px solid rgba(241, 250, 248, 0.12);
  border-radius: var(--radius-lg);
  background: rgba(255, 255, 255, 0.06);
}

.navsummary {
  cursor: pointer;
  list-style: none;
  justify-content: space-between;
}

.navsummary::-webkit-details-marker {
  display: none;
}

.navsummary-main {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  min-width: 0;
}

.navsub {
  display: flex;
  flex-direction: column;
  gap: 0.08rem;
  margin: 0.18rem 0 0.08rem;
  padding: 0.08rem 0 0.04rem 0.82rem;
}

.navlink.sub {
  padding-left: 2.35rem;
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.88);
}

.navlink.sub.active,
.navlink.sub.active [data-nav-text] {
  color: #102f31;
}

.navmarker {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.55rem;
  min-width: 1.55rem;
  height: 1.55rem;
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.16);
  color: rgba(255, 255, 255, 0.96);
  font-size: 0.6rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.navmarker-soft {
  background: rgba(223, 242, 237, 0.18);
  color: #f8fbf8;
}

.group-badge {
  display: none;
}

.sidebar-footer {
  padding: 0.72rem 0.75rem 0.78rem;
  border-top: 1px solid rgba(241, 250, 248, 0.14);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.08) 100%);
}

.sidebar-theme-panel {
  margin-bottom: 0.72rem;
}

.sidebar-theme-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 2.25rem;
  padding: 0.55rem 0.72rem;
  border: 1px solid rgba(241, 250, 248, 0.16);
  border-radius: 0.85rem;
  background: rgba(255, 255, 255, 0.09);
  color: rgba(255, 255, 255, 0.86);
  cursor: pointer;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.sidebar-theme-summary::after {
  content: "Open";
  color: rgba(255, 255, 255, 0.68);
  font-size: 0.62rem;
  letter-spacing: 0.08em;
}

.sidebar-theme-panel[open] .sidebar-theme-summary {
  border-bottom-left-radius: 0.45rem;
  border-bottom-right-radius: 0.45rem;
}

.sidebar-theme-panel[open] .sidebar-theme-summary::after {
  content: "Close";
}

.sidebar-colour-control {
  display: grid;
  gap: 0.52rem;
  margin-top: 0.45rem;
  padding: 0.72rem 0.78rem;
  border: 1px solid rgba(241, 250, 248, 0.16);
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.09);
}

.sidebar-colour-tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.35rem;
}

.sidebar-colour-tab {
  min-height: 1.7rem;
  border: 1px solid rgba(241, 250, 248, 0.16);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.78);
  cursor: pointer;
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sidebar-colour-tab:hover,
.sidebar-colour-tab.is-active {
  border-color: rgba(247, 242, 231, 0.32);
  background: rgba(247, 242, 231, 0.22);
  color: #ffffff;
}

.sidebar-colour-presets {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 0.34rem;
  max-height: 5.2rem;
  overflow: auto;
  padding-right: 0.1rem;
}

.sidebar-colour-preset {
  width: 100%;
  height: 1.45rem;
  border: 1px solid rgba(241, 250, 248, 0.22);
  border-radius: 999px;
  background: rgb(var(--preset-rgb));
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22);
}

.sidebar-colour-preset:hover,
.sidebar-colour-preset:focus-visible {
  outline: none;
  border-color: rgba(255, 255, 255, 0.68);
}

.sidebar-colour-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.sidebar-colour-meta {
  display: grid;
  justify-items: end;
  gap: 0.1rem;
  min-width: 0;
}

.sidebar-colour-title,
.sidebar-colour-name,
.sidebar-colour-hex {
  color: rgba(255, 255, 255, 0.86);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.sidebar-colour-name {
  max-width: 8.5rem;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.62rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sidebar-colour-hex {
  color: #ffffff;
  font-family: "IBM Plex Mono", monospace;
  letter-spacing: 0.06em;
}

.sidebar-colour-row {
  display: grid;
  grid-template-columns: 1.1rem minmax(0, 1fr) 2.25rem;
  align-items: center;
  gap: 0.55rem;
  color: rgba(255, 255, 255, 0.82);
  font-size: 0.72rem;
  font-weight: 800;
}

.sidebar-colour-slider {
  width: 100%;
  accent-color: #d8efea;
  cursor: pointer;
}

.sidebar-colour-value {
  text-align: right;
  font-family: "IBM Plex Mono", monospace;
  font-size: 0.72rem;
}

.sidebar-colour-reset {
  border: 0;
  padding: 0;
  background: transparent;
  color: rgba(255, 255, 255, 0.72);
  cursor: pointer;
  font-size: 0.72rem;
  font-weight: 700;
}

.sidebar-colour-reset:hover {
  color: #ffffff;
}

.theme-colours-route {
  width: min(100%, 28rem);
  margin-top: 0.35rem;
}

.theme-colours-route .sidebar-theme-panel {
  margin-bottom: 0;
  padding: 0.75rem;
  border: 1px solid rgba(42, 104, 102, 0.16);
  border-radius: 1.25rem;
  background:
    radial-gradient(circle at top right, var(--sidebar-bg-glow), transparent 32%),
    linear-gradient(180deg, var(--sidebar-bg-start) 0%, var(--sidebar-bg-mid) 46%, var(--sidebar-bg-end) 100%);
  box-shadow: 0 20px 48px rgba(52, 79, 76, 0.2);
  color: #f8fbf8;
}

.theme-colours-route .sidebar-colour-control {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .theme-colours-route {
    width: 100%;
  }
}

.sidebar-user-card {
  padding: 0.78rem 0.82rem;
  border: 1px solid rgba(241, 250, 248, 0.18);
  border-radius: var(--radius-lg);
  background: rgba(255, 255, 255, 0.11);
}

.sidebar-user-head {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

.sidebar-user-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.55rem;
  min-width: 2.55rem;
  height: 2.55rem;
  border-radius: var(--radius-md);
  background: rgba(237, 248, 245, 0.24);
  color: #fff;
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: 0.04em;
}

.sidebar-user-copy {
  min-width: 0;
}

.sidebar-user-name {
  font-size: 0.92rem;
  font-weight: 800;
  color: #ffffff;
}

.sidebar-user-email {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: rgba(241, 250, 248, 0.76);
  font-size: 0.78rem;
}

.sidebar-user-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-top: 0.65rem;
}

.sidebar-pill {
  display: inline-flex;
  align-items: center;
  min-height: 1.7rem;
  padding: 0.2rem 0.6rem;
  border-radius: var(--radius-sm);
  border: 1px solid rgba(241, 250, 248, 0.2);
  background: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.94);
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sidebar-pill-soft {
  color: rgba(255, 255, 255, 0.88);
  background: rgba(223, 242, 237, 0.16);
}

.sidebar-footer-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin-top: 0.55rem;
}

.sidebar-utility-link,
.sidebar-signout {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 0;
  min-width: 4.8rem;
  min-height: 2.5rem;
  padding: 0.55rem 0.95rem;
  border-radius: var(--radius-md);
  font-size: 0.88rem;
  font-weight: 700;
  transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.sidebar-utility-link {
  border: 1px solid rgba(241, 250, 248, 0.2);
  background: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.94);
}

.sidebar-utility-link:hover {
  background: rgba(255, 255, 255, 0.18);
  color: #ffffff;
  border-color: rgba(247, 242, 231, 0.26);
  transform: none;
}

.sidebar-signout {
  border: 1px solid rgba(247, 242, 231, 0.24);
  background: rgba(247, 242, 231, 0.16);
  color: #ffffff;
  font-size: 0.88rem;
  font-weight: 700;
}

.sidebar-signout:hover {
  background: rgba(247, 242, 231, 0.23);
  color: #ffffff;
  border-color: rgba(247, 242, 231, 0.32);
  transform: none;
}


/* Source: public/static/css/10-work-cards.css */

.proactive-work-card,
.work-card {
  background: rgba(255, 255, 255, 0.82);
}

.work-queue-shell {
  overflow: auto;
  border: 1px solid rgba(23, 29, 35, 0.1);
  border-radius: 1.2rem;
  background: rgba(250, 247, 241, 0.94);
  box-shadow: 0 18px 32px rgba(58, 65, 50, 0.07);
}

.work-queue-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  padding: 0.95rem 1rem 0;
  background: rgba(251, 247, 239, 0.88);
}

.work-queue-toolbar-copy {
  color: #5b6554;
  font-size: 0.95rem;
  line-height: 1.5;
}

.work-queue-status {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  padding: 0.35rem 0.7rem;
  border: 1px solid rgba(29, 111, 103, 0.14);
  border-radius: 999px;
  background: rgba(29, 111, 103, 0.07);
  color: #3f5d5c;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.3;
}

.work-queue-toolbar-actions {
  display: flex;
  gap: 0.65rem;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
}

.work-queue-pill,
.work-queue-toolbar-actions .table-columns-control > button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.5rem;
  padding: 0.55rem 0.95rem;
  border: 1px solid rgba(58, 65, 50, 0.14);
  border-radius: 9999px;
  background: rgba(255, 252, 247, 0.92);
  color: #2f3828;
  font-size: 0.86rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
}

.work-queue-pill.btn-icon {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 2.65rem;
  min-width: 2.65rem;
  padding: 0;
}

.work-queue-toolbar-actions > .work-queue-pill.btn-icon.desktop-only,
.proactive-sheet-toolbar-actions > .work-queue-pill.btn-icon.desktop-only {
  display: inline-flex !important;
}

.work-queue-pill.btn-icon svg {
  width: 1rem;
  height: 1rem;
}

.work-queue-grid {
  width: 100%;
  min-width: 1040px;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  color: var(--ink);
  font-family: "IBM Plex Sans", system-ui, sans-serif;
  font-size: 0.9rem;
  line-height: 1.55;
}

.work-queue-grid td,
.work-queue-grid th {
  overflow: hidden;
  padding: 1rem 1.05rem;
  border: 0;
  border-bottom: 1px solid rgba(226, 220, 208, 0.8);
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}

.work-queue-grid thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: rgba(237, 231, 220, 0.98);
  color: #41503a;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.work-queue-grid td.num {
  text-align: right;
  font-weight: 700;
}

.work-queue-grid td.center-num {
  text-align: center;
  font-weight: 700;
}

.work-queue-grid td.sku-cell {
  color: #365399;
  font-weight: 700;
  white-space: normal;
}

.work-queue-grid tr.data-row.is-complete td {
  opacity: 0.55;
}

.work-queue-grid tr.data-row:nth-child(even) td,
.work-queue-grid tr.data-row:nth-child(odd) td {
  background: rgba(251, 248, 242, 0.98);
}

.work-queue-grid tr.data-row:hover td {
  background: rgba(14, 132, 133, 0.05);
}

.work-queue-empty {
  padding: 2rem 1.25rem;
  text-align: center;
  color: #5b6554;
  font-size: 0.95rem;
}

.proactive-work-summary,
.work-card-summary {
  display: grid;
  gap: 0.85rem;
  padding: 0.95rem 1rem;
}

.proactive-card-item,
.work-card-identity {
  display: grid;
  gap: 0.28rem;
  min-width: 0;
  padding-bottom: 0.1rem;
  justify-items: center;
  text-align: center;
}

.proactive-card-item-value,
.work-card-identity-code {
  color: #111827;
  font-family: "IBM Plex Mono", monospace;
  font-size: 0.9rem;
  font-weight: 800;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.work-card-identity-name,
.proactive-replan-item-name {
  color: #1f2937;
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.35;
}

.proactive-card-label,
.work-card-label {
  color: #64748b;
  font-size: 0.64rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.proactive-card-cell,
.work-metric-cell {
  display: grid;
  gap: 0.3rem;
  min-width: 0;
}

.proactive-card-metric,
.work-metric-pill {
  display: flex;
  min-height: 3rem;
  align-items: center;
  justify-content: space-between;
  gap: 0.65rem;
  padding: 0.5rem 0.85rem;
  border: 1px solid rgba(29, 111, 103, 0.16);
  border-radius: 9999px;
  background: rgba(29, 111, 103, 0.08);
  color: #1f2937;
  font-size: 1.08rem;
}

.proactive-card-metric span,
.work-metric-pill span {
  color: #64748b;
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  line-height: 1.15;
  text-transform: uppercase;
}

.proactive-card-metric strong,
.work-metric-pill strong {
  font-size: 1.08rem;
  font-weight: 900;
  letter-spacing: 0;
  white-space: nowrap;
}

.bulk-consolidation-card-head,
.pick-consolidation-card-head,
.proactive-replan-card-head,
.work-card-head {
  display: grid;
  gap: 0.85rem;
}

.bulk-consolidation-card-condensable,
.pick-consolidation-card-aside,
.proactive-replan-card-flags,
.work-card-aside {
  display: grid;
  gap: 0.45rem;
  min-width: max-content;
  justify-items: start;
}

.proactive-replan-card-flags .mobile-record-chips {
  justify-content: flex-end;
}

.bulk-consolidation-detail-grid,
.pick-consolidation-detail-grid,
.proactive-replan-detail-grid,
.work-card-detail-grid {
  display: grid;
  gap: 0.75rem;
  align-items: start;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 42%);
}

.bulk-consolidation-location-stack,
.pick-consolidation-location-stack,
.proactive-replan-location-stack,
.work-location-stack {
  display: grid;
  gap: 1rem;
  justify-items: start;
}

.bulk-consolidation-location-stack,
.pick-consolidation-location-stack {
  gap: 1.85rem;
}

.bulk-consolidation-metric-stack,
.pick-consolidation-metric-stack,
.proactive-replan-metric-stack,
.work-metric-stack {
  display: grid;
  gap: 0.75rem;
}

.bulk-consolidation-location-chip,
.pick-consolidation-location-chip,
.proactive-replan-location-chip,
.work-location-pill {
  display: inline-flex;
  min-height: 3rem;
  gap: 0.75rem;
  align-items: center;
  border-color: #7896c0;
  background: #f5f9ff;
  padding: 0.5rem 0.85rem;
  font-size: 1.08rem;
}

.bulk-consolidation-location-value,
.pick-consolidation-location-value,
.proactive-replan-location-value,
.work-location-value {
  font-weight: 900;
  letter-spacing: 0;
}

.bulk-consolidation-carton-badge,
.pick-consolidation-carton-badge,
.work-carton-badge {
  display: inline-flex;
  min-height: 1.9rem;
  align-items: center;
  gap: 0.35rem;
  border-radius: 9999px;
  border: 1px solid #cbd5e1;
  background: #fff;
  padding: 0.2rem 0.65rem;
  color: #0f172a;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.9rem;
  font-weight: 900;
  letter-spacing: 0;
}

.bulk-consolidation-carton-label,
.pick-consolidation-carton-label,
.work-carton-label {
  color: #64748b;
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.bulk-consolidation-container-list,
.work-container-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  align-items: center;
  margin-left: 0;
}

.bulk-consolidation-container-chip,
.proactive-replan-container-chip,
.work-container-chip {
  display: inline-flex;
  min-height: 1.9rem;
  align-items: center;
  border-radius: 9999px;
  border: 1px solid #cbd5e1;
  background: #fff;
  padding: 0.2rem 0.65rem;
  color: #0f172a;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.9rem;
  font-weight: 900;
  letter-spacing: 0;
  white-space: nowrap;
}

.bulk-consolidation-condensable-chip--yes {
  border-color: #a8b86a !important;
  background-color: #dbe5aa !important;
  color: #33421f !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.24);
}

.proactive-work-card .mobile-record-grid,
.work-card .mobile-record-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.proactive-card-action,
.work-card-action {
  padding: 0 1rem 1rem;
}

.proactive-card-action .btn,
.work-card-action .btn {
  width: 100%;
  justify-content: center;
}

@media (min-width: 768px) {
  .bulk-consolidation-card-head,
  .pick-consolidation-card-head,
  .proactive-replan-card-head,
  .work-card-head {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .bulk-consolidation-card-head > .work-card-identity,
  .pick-consolidation-card-head > .work-card-identity,
  .proactive-replan-card-head > .work-card-identity,
  .work-card-head > .work-card-identity {
    grid-column: 1 / -1;
    grid-row: 1;
    justify-self: center;
    width: min(100%, 42rem);
    max-width: 100%;
  }

  .bulk-consolidation-card-condensable,
  .pick-consolidation-card-aside,
  .proactive-replan-card-flags,
  .work-card-aside {
    grid-column: 2;
    grid-row: 1;
    align-self: start;
    justify-self: end;
    justify-items: end;
    text-align: right;
    z-index: 1;
  }
}

@media (max-width: 720px) {
  .consolidation-page .content-card {
    padding: 0.9rem !important;
  }

  .consolidation-page .section-head {
    gap: 0.7rem;
  }

  .consolidation-page .section-head > div:last-child {
    justify-content: flex-start;
  }

  .consolidation-page .consolidation-filter {
    margin-bottom: 0.85rem !important;
    padding: 0.8rem !important;
  }

  .consolidation-page .consolidation-filter .grid {
    gap: 0.75rem !important;
  }

  .consolidation-page .consolidation-filter .field-input,
  .consolidation-page .consolidation-filter .btn {
    min-height: 2.45rem;
  }

  .consolidation-page .consolidation-filter fieldset .flex {
    gap: 0.45rem !important;
  }

  .consolidation-page .consolidation-filter fieldset span {
    min-height: 2.1rem !important;
    min-width: 3.6rem !important;
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
    font-size: 0.78rem !important;
  }

  .consolidation-page .work-card {
    margin-bottom: 0.75rem;
  }

  .bulk-consolidation-detail-grid,
  .pick-consolidation-detail-grid,
  .proactive-replan-detail-grid,
  .work-card-detail-grid {
    grid-template-columns: 1fr;
  }
}


/* Source: public/static/css/11-phase-responsive.css */

/*
  Phase one responsive layer.
  Shared tablet/mobile behavior belongs here so route files only describe
  page-specific content, not device-specific wrapping rules.
*/

@media (max-width: 1280px) {
  .workspace-inner {
    padding-inline: clamp(0.85rem, 2vw, 1.35rem);
  }

  .page-hero {
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start;
  }

  .page-actions,
  .page-header-controls,
  .page-header-route-actions {
    justify-content: flex-start;
    width: 100%;
  }

  .page-actions > *,
  .page-header-controls > *,
  .page-header-route-actions > * {
    max-width: 100%;
  }

  .view-toggle,
  .record-view-toggle {
    flex-wrap: wrap;
  }

  .results-bar,
  .section-head,
  .proactive-sheet-toolbar {
    align-items: flex-start;
    justify-content: flex-start;
  }

  .results-actions,
  .proactive-sheet-toolbar-actions,
  .table-toolbar-actions {
    justify-content: flex-start;
    max-width: 100%;
  }

  .proactive-sheet-filter,
  .order-replenishment-filter {
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start;
    gap: 1rem !important;
  }

  .proactive-sheet-summary,
  .order-replenishment-filter .order-replenishment-summary {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr)) !important;
    width: 100%;
  }

  .proactive-sheet-filter-fields,
  .order-replenishment-filter-fields {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr)) !important;
    width: 100%;
    max-width: none !important;
    gap: 1rem 1.25rem !important;
    min-width: 0;
  }

  .proactive-sheet-filter-group,
  .order-choice-filter {
    min-width: 0;
    max-width: none !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
  }

  .proactive-filter-score-card {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    justify-self: start;
    width: min(100%, 16rem);
    min-width: 0;
  }

  .proactive-sheet-filter-actions,
  .order-replenishment-filter .proactive-sheet-filter-actions {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    display: flex !important;
    align-items: center;
    justify-content: flex-start !important;
    flex-wrap: wrap;
    gap: 0.65rem;
    width: 100%;
    min-width: 0;
    padding: 0 !important;
    border-left: 0 !important;
  }

  .proactive-filter-toggle-row,
  .proactive-filter-submit-row {
    display: flex !important;
    align-items: center;
    justify-content: flex-start !important;
    flex-wrap: wrap;
    gap: 0.55rem;
    width: auto !important;
    padding-top: 0 !important;
  }

  .proactive-sheet-filter-actions .proactive-pill,
  .order-replenishment-filter .proactive-sheet-filter-actions .proactive-pill {
    width: auto !important;
    max-width: 100%;
    white-space: normal;
  }

  .proactive-velocity-group,
  .proactive-machinery-group,
  .order-choice-group {
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.55rem;
    width: 100%;
  }

  .proactive-velocity-chip,
  .proactive-machinery-chip {
    width: auto !important;
    min-width: 4.25rem;
    max-width: 100%;
  }

  .order-choice-option-all .proactive-machinery-chip {
    min-width: 4.25rem;
  }

  .work-card,
  .surface-card,
  .table-shell,
  .proactive-sheet-shell {
    max-width: 100%;
  }
}

@media (max-width: 1024px) {
  .page-title {
    font-size: clamp(2rem, 5vw, 2.7rem);
    letter-spacing: -0.04em;
  }

  .page-subtitle {
    font-size: 0.96rem;
    line-height: 1.5;
  }

  .proactive-sheet-summary-card {
    min-height: 0;
  }

  .proactive-sheet-filter-fields,
  .order-replenishment-filter-fields {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .proactive-sheet-filter-actions,
  .order-replenishment-filter .proactive-sheet-filter-actions {
    align-items: stretch;
  }

  .proactive-sheet-filter-actions .proactive-pill,
  .order-replenishment-filter .proactive-sheet-filter-actions .proactive-pill {
    flex: 0 1 auto;
  }

  .results-tools,
  .table-columns-control,
  .proactive-shared-status {
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  html:not([data-view-mode="desktop"]) .workspace-inner,
  body:not([data-view-mode="desktop"]) .workspace-inner {
    padding-inline: 0.9rem;
  }

  html:not([data-view-mode="desktop"]) .page-actions,
  body:not([data-view-mode="desktop"]) .page-actions,
  html:not([data-view-mode="desktop"]) .page-header-controls,
  body:not([data-view-mode="desktop"]) .page-header-controls,
  html:not([data-view-mode="desktop"]) .page-header-route-actions,
  body:not([data-view-mode="desktop"]) .page-header-route-actions,
  html:not([data-view-mode="desktop"]) .results-actions,
  body:not([data-view-mode="desktop"]) .results-actions,
  html:not([data-view-mode="desktop"]) .proactive-sheet-toolbar-actions,
  body:not([data-view-mode="desktop"]) .proactive-sheet-toolbar-actions,
  html:not([data-view-mode="desktop"]) .table-toolbar-actions,
  body:not([data-view-mode="desktop"]) .table-toolbar-actions {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    width: 100%;
  }

  html:not([data-view-mode="desktop"]) .page-actions > *,
  body:not([data-view-mode="desktop"]) .page-actions > *,
  html:not([data-view-mode="desktop"]) .page-header-controls > *,
  body:not([data-view-mode="desktop"]) .page-header-controls > *,
  html:not([data-view-mode="desktop"]) .page-header-route-actions > *,
  body:not([data-view-mode="desktop"]) .page-header-route-actions > *,
  html:not([data-view-mode="desktop"]) .results-actions > *,
  body:not([data-view-mode="desktop"]) .results-actions > *,
  html:not([data-view-mode="desktop"]) .proactive-sheet-toolbar-actions > *,
  body:not([data-view-mode="desktop"]) .proactive-sheet-toolbar-actions > *,
  html:not([data-view-mode="desktop"]) .table-toolbar-actions > *,
  body:not([data-view-mode="desktop"]) .table-toolbar-actions > * {
    flex: 1 1 auto;
  }

  html:not([data-view-mode="desktop"]) .proactive-sheet-summary,
  body:not([data-view-mode="desktop"]) .proactive-sheet-summary,
  html:not([data-view-mode="desktop"]) .order-replenishment-summary,
  body:not([data-view-mode="desktop"]) .order-replenishment-summary {
    display: none !important;
  }

  html:not([data-view-mode="desktop"]) .proactive-filter-score-card,
  body:not([data-view-mode="desktop"]) .proactive-filter-score-card {
    width: 100%;
  }

  html:not([data-view-mode="desktop"]) .proactive-filter-toggle-row,
  body:not([data-view-mode="desktop"]) .proactive-filter-toggle-row,
  html:not([data-view-mode="desktop"]) .proactive-filter-submit-row,
  body:not([data-view-mode="desktop"]) .proactive-filter-submit-row,
  html:not([data-view-mode="desktop"]) .proactive-sheet-filter-actions,
  body:not([data-view-mode="desktop"]) .proactive-sheet-filter-actions,
  html:not([data-view-mode="desktop"]) .order-replenishment-filter .proactive-sheet-filter-actions,
  body:not([data-view-mode="desktop"]) .order-replenishment-filter .proactive-sheet-filter-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    width: 100% !important;
  }

  html:not([data-view-mode="desktop"]) .proactive-sheet-filter-actions .proactive-pill,
  body:not([data-view-mode="desktop"]) .proactive-sheet-filter-actions .proactive-pill,
  html:not([data-view-mode="desktop"]) .order-replenishment-filter .proactive-sheet-filter-actions .proactive-pill,
  body:not([data-view-mode="desktop"]) .order-replenishment-filter .proactive-sheet-filter-actions .proactive-pill {
    width: 100% !important;
  }

  html:not([data-view-mode="desktop"]) .proactive-velocity-group,
  body:not([data-view-mode="desktop"]) .proactive-velocity-group,
  html:not([data-view-mode="desktop"]) .proactive-machinery-group,
  body:not([data-view-mode="desktop"]) .proactive-machinery-group,
  html:not([data-view-mode="desktop"]) .order-choice-group,
  body:not([data-view-mode="desktop"]) .order-choice-group {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 8rem), 1fr));
  }

  html:not([data-view-mode="desktop"]) .proactive-velocity-chip,
  body:not([data-view-mode="desktop"]) .proactive-velocity-chip,
  html:not([data-view-mode="desktop"]) .proactive-machinery-chip,
  body:not([data-view-mode="desktop"]) .proactive-machinery-chip {
    width: 100% !important;
  }
}

@media (max-width: 767px) {
  html[data-view-mode="desktop"] .page-header-controls.desktop-only,
  body[data-view-mode="desktop"] .page-header-controls.desktop-only,
  html[data-view-mode="desktop"] .page-header-route-actions.desktop-only,
  body[data-view-mode="desktop"] .page-header-route-actions.desktop-only,
  html[data-view-mode="desktop"] .ops-page-actions .page-header-controls.desktop-only,
  body[data-view-mode="desktop"] .ops-page-actions .page-header-controls.desktop-only,
  html:not([data-view-mode="mobile"]) .page-header-controls.desktop-only,
  body:not([data-view-mode="mobile"]) .page-header-controls.desktop-only,
  html:not([data-view-mode="mobile"]) .page-header-route-actions.desktop-only,
  body:not([data-view-mode="mobile"]) .page-header-route-actions.desktop-only,
  html:not([data-view-mode="mobile"]) .ops-page-actions .page-header-controls.desktop-only,
  body:not([data-view-mode="mobile"]) .ops-page-actions .page-header-controls.desktop-only {
    display: none !important;
  }
}


/* Source: public/static/css/routes/dashboard.css */

/* Core workspace overview. */

.dashboard-overview {
  display: grid;
  gap: clamp(0.9rem, 1.5vw, 1.35rem);
  padding-bottom: 1.5rem;
  --muted: #505b64;
}

.dashboard-overview .ops-page-header-dashboard {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(248, 250, 249, 0.92));
}

.dashboard-stat-grid .metric-card {
  min-block-size: 9.25rem;
  padding: 1.15rem 1.2rem;
  border: 1px solid rgba(23, 29, 35, 0.08);
  border-radius: 1.1rem;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(247, 249, 248, 0.92));
}

.dashboard-stat-grid .metric-value {
  font-size: clamp(1.7rem, 1.3rem + 1vw, 2.3rem);
  letter-spacing: -0.05em;
}

.dashboard-overview .eyebrow {
  color: #5d6871;
}

.dashboard-capacity-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: minmax(0, 1fr);
}

.dashboard-empty-locations-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: clamp(0.85rem, 1.1vw, 1.15rem);
  padding: clamp(0.9rem, 0.8vw + 0.7rem, 1.15rem);
  border: 1px solid rgba(23, 29, 35, 0.08);
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.58);
  box-shadow: none;
}

.dashboard-empty-locations-copy {
  display: grid;
  gap: 0.36rem;
  min-width: 0;
}

.dashboard-empty-locations-copy p {
  display: flex;
  align-items: baseline;
  gap: 0.55rem 0.8rem;
  flex-wrap: wrap;
  margin: 0;
  color: var(--muted);
  font-size: 0.82rem;
  line-height: 1.45;
}

.dashboard-empty-locations-copy strong {
  color: var(--ink);
  font-size: 0.96rem;
  font-weight: 800;
  line-height: 1.2;
}

.dashboard-empty-locations-copy span {
  min-width: min(100%, 22rem);
}

.dashboard-empty-locations-metrics {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  margin: 0;
}

.dashboard-empty-locations-metrics div {
  display: grid;
  gap: 0.12rem;
  min-width: 4.2rem;
}

.dashboard-empty-locations-metrics dt {
  color: var(--muted);
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  line-height: 1.1;
  text-transform: uppercase;
}

.dashboard-empty-locations-metrics dd {
  margin: 0;
  color: var(--ink);
  font-size: 1.04rem;
  font-weight: 820;
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
}

.dashboard-kicker {
  display: inline-flex;
  align-items: center;
  color: #5d6871;
  font-size: 0.68rem;
  font-weight: 720;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.dashboard-workspace-map,
.dashboard-command-centre,
.dashboard-location-card,
.dashboard-balance-card,
.dashboard-trend-card,
.dashboard-zone-card-list {
  display: grid;
  gap: clamp(0.85rem, 1vw, 1rem);
  padding: clamp(0.95rem, 1vw + 0.75rem, 1.35rem);
}

.dashboard-section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.9rem 1.2rem;
  flex-wrap: wrap;
  padding-bottom: 0.85rem;
  border-bottom: 1px solid rgba(23, 29, 35, 0.12);
}

.dashboard-section-head-compact {
  align-items: center;
  padding-bottom: 0.62rem;
}

.dashboard-section-copy h2,
.dashboard-report-strip-copy h2 {
  margin: 0.35rem 0 0;
  color: var(--ink);
  font-size: clamp(1.12rem, 1rem + 0.35vw, 1.36rem);
  font-weight: 760;
  line-height: 1.05;
}

.dashboard-section-copy p {
  max-width: 42rem;
  margin: 0.5rem 0 0;
  color: var(--muted);
  font-size: 0.9rem;
  line-height: 1.55;
}

.dashboard-command-centre {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(23, 29, 35, 0.08);
  border-radius: 1rem;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(247, 248, 244, 0.9));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.86),
    0 0.9rem 2.2rem rgba(31, 35, 28, 0.06);
}

.dashboard-command-grid {
  display: grid;
  gap: 0.9rem;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.dashboard-command-card {
  position: relative;
  display: grid;
  min-block-size: 12.4rem;
  gap: 0.68rem;
  align-content: space-between;
  overflow: hidden;
  padding: clamp(0.95rem, 0.8vw + 0.75rem, 1.18rem);
  border: 1px solid rgba(23, 29, 35, 0.13);
  border-radius: 0.9rem;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(250, 251, 249, 0.96)),
    var(--command-wash, linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.02)));
  color: var(--ink);
  box-shadow: 0 0.35rem 0.9rem rgba(31, 35, 28, 0.04);
}

.dashboard-command-card::after {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  block-size: 0.24rem;
  background: linear-gradient(90deg, var(--command-accent, #0e8485), var(--command-accent-soft, #61b8a9));
}

.dashboard-command-card::before {
  content: none;
}

.dashboard-command-card-top,
.dashboard-command-main,
.dashboard-command-gauge,
.dashboard-command-card p,
.dashboard-command-mini-grid {
  position: relative;
  z-index: 1;
}

.dashboard-command-card-top {
  display: block;
}

.dashboard-command-kicker {
  color: #5d6871;
  font-size: 0.66rem;
  font-weight: 720;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.dashboard-command-main {
  display: grid;
  gap: 0.32rem;
}

.dashboard-command-main h3 {
  margin: 0;
  color: var(--ink);
  font-size: 1rem;
  font-weight: 760;
  letter-spacing: 0;
}

.dashboard-command-main strong {
  color: var(--ink);
  font-size: clamp(2rem, 1.62rem + 1vw, 2.82rem);
  font-weight: 820;
  line-height: 0.92;
}

.dashboard-command-status {
  color: #334047;
  font-size: 0.84rem;
  font-weight: 720;
  line-height: 1.2;
}

.dashboard-command-main > span:not(.dashboard-command-status),
.dashboard-command-card p,
.dashboard-command-mini-grid span {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 520;
  line-height: 1.45;
}

.dashboard-command-card p {
  margin: 0;
  min-block-size: 2rem;
}

.dashboard-command-gauge {
  overflow: hidden;
  block-size: 0.5rem;
  border-radius: 999px;
  background: rgba(23, 29, 35, 0.08);
}

.dashboard-command-gauge span {
  display: block;
  block-size: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--command-accent, #0e8485), var(--command-accent-soft, #61b8a9));
  box-shadow: 0 0.25rem 0.7rem var(--command-shadow, rgba(14, 132, 133, 0.14));
}

.dashboard-command-mini-grid {
  display: grid;
  gap: 0.55rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.dashboard-command-mini-grid div {
  display: grid;
  gap: 0.2rem;
  padding: 0.65rem 0.72rem;
  border: 1px solid rgba(23, 29, 35, 0.12);
  border-radius: 0.75rem;
  background: rgba(255, 255, 255, 0.78);
}

.dashboard-command-mini-grid strong {
  color: var(--ink);
  font-size: 1rem;
  font-weight: 760;
  letter-spacing: -0.035em;
}

.dashboard-command-card-inbound {
  --command-accent: #1e6f68;
  --command-accent-soft: #72b8ad;
  --command-shadow: rgba(30, 111, 104, 0.18);
  --command-glow: rgba(132, 198, 184, 0.2);
  --command-wash: linear-gradient(180deg, rgba(30, 111, 104, 0.04), rgba(255, 255, 255, 0));
}

.dashboard-command-card-replenishment {
  --command-accent: #9a5b16;
  --command-accent-soft: #d4a05d;
  --command-shadow: rgba(154, 91, 22, 0.16);
  --command-glow: rgba(223, 181, 123, 0.22);
  --command-wash: linear-gradient(180deg, rgba(154, 91, 22, 0.04), rgba(255, 255, 255, 0));
}

.dashboard-command-card-capacity {
  --command-accent: #2b6681;
  --command-accent-soft: #74adc4;
  --command-shadow: rgba(43, 102, 129, 0.16);
  --command-glow: rgba(137, 184, 206, 0.2);
  --command-wash: linear-gradient(180deg, rgba(43, 102, 129, 0.04), rgba(255, 255, 255, 0));
}

.dashboard-command-card-weekly {
  --command-accent: #5c6478;
  --command-accent-soft: #a4acbc;
  --command-shadow: rgba(92, 100, 120, 0.14);
  --command-glow: rgba(170, 178, 196, 0.2);
  --command-wash: linear-gradient(180deg, rgba(92, 100, 120, 0.04), rgba(255, 255, 255, 0));
}

.dashboard-map-board {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
}

.dashboard-map-lane {
  display: grid;
  gap: 0.65rem;
  align-content: start;
}

.dashboard-map-label {
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 850;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.dashboard-map-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 0.85rem;
  align-items: center;
  padding: 0.88rem 0;
  border-bottom: 1px solid rgba(23, 29, 35, 0.08);
  color: inherit;
  text-decoration: none;
  transition: color 150ms ease, transform 150ms ease;
}

.dashboard-map-row:hover {
  transform: translateX(2px);
}

.dashboard-map-row:last-child {
  border-bottom: 0;
}

.dashboard-map-row.is-featured {
  margin: 0.15rem 0 0.35rem;
  padding: 1rem;
  border: 1px solid rgba(14, 132, 133, 0.16);
  border-radius: 1.1rem;
  background:
    linear-gradient(135deg, rgba(14, 132, 133, 0.1), rgba(255, 255, 255, 0.72));
}

.dashboard-map-marker {
  display: inline-grid;
  inline-size: 2.15rem;
  block-size: 2.15rem;
  place-items: center;
  border-radius: 0.78rem;
  background: #344032;
  color: #fff;
  font-size: 0.68rem;
  font-weight: 850;
  letter-spacing: 0.08em;
}

.dashboard-map-row span:not(.dashboard-map-marker) {
  display: grid;
  gap: 0.22rem;
  min-width: 0;
}

.dashboard-map-row strong {
  color: var(--ink);
  font-size: 0.96rem;
  line-height: 1.15;
}

.dashboard-map-row small {
  color: var(--muted);
  font-size: 0.8rem;
  line-height: 1.5;
}

.dashboard-map-row em {
  color: var(--muted);
  font-size: 0.76rem;
  font-style: normal;
  font-weight: 850;
}

.dashboard-location-bars {
  display: grid;
  gap: 0.65rem;
}

.dashboard-balance-stack {
  display: grid;
  gap: 1rem;
}

.dashboard-balance-overview {
  display: grid;
  gap: 0.85rem;
  padding: 1rem;
  border: 1px solid rgba(23, 29, 35, 0.08);
  border-radius: 1.05rem;
  background: rgba(255, 255, 255, 0.56);
}

.dashboard-balance-overview-copy {
  display: grid;
  gap: 0.22rem;
}

.dashboard-balance-overview-copy strong,
.dashboard-zone-value {
  color: var(--ink);
  font-size: 1rem;
  font-weight: 850;
}

.dashboard-balance-overview-copy span,
.dashboard-zone-meta {
  color: var(--muted);
  font-size: 0.82rem;
  line-height: 1.5;
}

.dashboard-balance-track {
  display: flex;
  min-height: 1rem;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(23, 29, 35, 0.08);
}

.dashboard-balance-segment {
  min-width: 0;
}

.dashboard-balance-segment-pick,
.dashboard-balance-dot-pick,
.dashboard-balance-row-pick .dashboard-balance-row-fill {
  background: linear-gradient(90deg, #114a50 0%, #1a8785 100%);
}

.dashboard-balance-segment-bulk,
.dashboard-balance-dot-bulk,
.dashboard-balance-row-bulk .dashboard-balance-row-fill {
  background: linear-gradient(90deg, #665018 0%, #ab7b16 100%);
}

.dashboard-balance-legend {
  display: grid;
  gap: 0.55rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.dashboard-balance-legend-item {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: inherit;
  font-size: 0.82rem;
  font-weight: 750;
  text-decoration: none;
}

.dashboard-balance-dot {
  inline-size: 0.8rem;
  block-size: 0.8rem;
  border-radius: 999px;
}

.dashboard-balance-rows {
  display: grid;
  gap: 0.75rem;
}

.dashboard-balance-row {
  display: grid;
  gap: 0.65rem;
  padding: 0.95rem 1rem;
  border: 1px solid rgba(23, 29, 35, 0.08);
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.58);
  color: inherit;
  text-decoration: none;
  transition: transform 150ms ease, border-color 150ms ease, background-color 150ms ease;
}

.dashboard-balance-row:hover,
.dashboard-zone-card:hover {
  transform: translateY(-1px);
  border-color: rgba(14, 132, 133, 0.18);
  background: rgba(244, 249, 248, 0.96);
}

.dashboard-balance-row-head,
.dashboard-balance-row-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.7rem;
  flex-wrap: wrap;
}

.dashboard-balance-row-head strong {
  color: var(--ink);
  font-size: 0.94rem;
}

.dashboard-balance-row-head span,
.dashboard-balance-row-meta span,
.dashboard-zone-label {
  color: var(--muted);
  font-size: 0.8rem;
}

.dashboard-balance-row-track {
  min-height: 0.8rem;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(23, 29, 35, 0.08);
}

.dashboard-balance-row-fill {
  block-size: 100%;
  border-radius: inherit;
}

.dashboard-zone-grid {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
}

.dashboard-trend-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.45rem 0.65rem;
  color: var(--muted);
  font-size: 0.78rem;
}

.dashboard-trend-grid {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
}

.dashboard-trend-panel {
  display: grid;
  gap: 0.55rem;
  padding: 0.82rem 0.9rem;
  border: 1px solid rgba(23, 29, 35, 0.13);
  border-radius: 0.9rem;
  background: rgba(255, 255, 255, 0.72);
  color: inherit;
  text-decoration: none;
  transition: transform 150ms ease, border-color 150ms ease, background-color 150ms ease;
}

.dashboard-trend-panel:hover {
  transform: translateY(-1px);
  border-color: rgba(14, 132, 133, 0.18);
  background: rgba(244, 249, 248, 0.96);
}

.dashboard-trend-panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}

.dashboard-trend-label {
  display: block;
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.dashboard-trend-panel-head strong {
  display: block;
  margin-top: 0.2rem;
  color: var(--ink);
  font-size: 1.55rem;
  font-weight: 780;
  letter-spacing: -0.025em;
}

.dashboard-trend-delta {
  display: grid;
  gap: 0.05rem;
  justify-items: end;
  padding: 0.32rem 0.5rem;
  border-radius: 999px;
  background: rgba(23, 29, 35, 0.075);
  color: var(--ink);
  font-size: 0.78rem;
  font-weight: 720;
  white-space: nowrap;
}

.dashboard-trend-delta strong {
  color: var(--ink);
  font-size: 0.82rem;
  font-weight: 760;
  line-height: 1;
}

.dashboard-trend-delta span {
  color: var(--muted);
  font-size: 0.62rem;
  font-weight: 680;
  letter-spacing: 0.04em;
  line-height: 1;
  text-transform: uppercase;
}

.dashboard-trend-svg-wrap {
  overflow: hidden;
  border-radius: 0.9rem;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(244, 249, 248, 0.94));
}

.dashboard-trend-svg {
  inline-size: 100%;
  block-size: 7.25rem;
}

.dashboard-trend-area {
  fill-opacity: 0.2;
}

.dashboard-trend-line {
  fill: none;
  stroke-width: 2.25;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.dashboard-trend-point {
  stroke: rgba(255, 255, 255, 0.9);
  stroke-width: 2;
}

.dashboard-trend-panel-warehouse .dashboard-trend-area,
.dashboard-trend-panel-warehouse .dashboard-trend-line,
.dashboard-trend-panel-warehouse .dashboard-trend-point {
  fill: #4f6ee8;
  stroke: #4f6ee8;
}

.dashboard-trend-panel-bulk .dashboard-trend-area,
.dashboard-trend-panel-bulk .dashboard-trend-line,
.dashboard-trend-panel-bulk .dashboard-trend-point {
  fill: #ab7b16;
  stroke: #ab7b16;
}

.dashboard-trend-panel-pick .dashboard-trend-area,
.dashboard-trend-panel-pick .dashboard-trend-line,
.dashboard-trend-panel-pick .dashboard-trend-point {
  fill: #1a8785;
  stroke: #1a8785;
}

.dashboard-trend-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 620;
}

.dashboard-zone-card {
  display: grid;
  gap: 0.32rem;
  padding: 0.95rem 1rem;
  border: 1px solid rgba(23, 29, 35, 0.08);
  border-radius: 0.9rem;
  background: rgba(255, 255, 255, 0.72);
  color: inherit;
  text-decoration: none;
  transition: transform 150ms ease, border-color 150ms ease, background-color 150ms ease;
}

.dashboard-location-bar-row {
  display: grid;
  grid-template-columns: minmax(8rem, 11rem) minmax(0, 1fr) auto;
  gap: 0.8rem;
  align-items: center;
  padding: 0.82rem 0.9rem;
  border: 1px solid rgba(23, 29, 35, 0.13);
  border-radius: 0.9rem;
  background: rgba(255, 255, 255, 0.72);
  color: inherit;
  text-decoration: none;
  transition: transform 150ms ease, border-color 150ms ease, background-color 150ms ease;
}

.dashboard-location-bar-row:hover {
  transform: translateY(-1px);
  border-color: rgba(14, 132, 133, 0.18);
  background: rgba(244, 249, 248, 0.96);
}

.dashboard-location-bar-label {
  color: var(--ink);
  font-size: 0.96rem;
  font-weight: 760;
}

.dashboard-location-bar-hint,
.dashboard-location-bar-side {
  color: var(--muted);
  font-size: 0.82rem;
}

.dashboard-location-bar-hint {
  margin-top: 0.2rem;
}

.dashboard-location-bar-side {
  font-weight: 650;
  white-space: nowrap;
}

.dashboard-location-bar-track {
  position: relative;
  display: flex;
  min-height: 2rem;
  align-items: center;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(23, 29, 35, 0.1);
  padding: 0 0.9rem;
}

.dashboard-location-bar-fill {
  position: absolute;
  inset: 0 auto 0 0;
  border-radius: inherit;
  background: linear-gradient(90deg, #114a50 0%, #1a8785 100%);
}

.dashboard-location-bar-value {
  position: relative;
  z-index: 1;
  color: var(--ink);
  font-size: 0.84rem;
  font-weight: 760;
  font-variant-numeric: tabular-nums;
}

.dashboard-location-card .dashboard-section-actions .btn {
  min-height: 2.1rem;
  padding: 0.42rem 0.72rem;
  border-color: rgba(23, 29, 35, 0.14);
  background: rgba(255, 255, 255, 0.42);
  color: var(--muted);
  box-shadow: none;
}

.dashboard-preview-empty {
  padding: 1rem 1.05rem;
  border: 1px dashed rgba(23, 29, 35, 0.18);
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.42);
  color: var(--muted);
}

.dashboard-report-strip {
  display: grid;
  gap: 1rem;
  padding: clamp(1rem, 1vw + 0.8rem, 1.35rem);
  border: 1px solid rgba(23, 29, 35, 0.07);
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.56);
}

.dashboard-report-links {
  display: grid;
  gap: 0.7rem;
  grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
}

.dashboard-report-links a {
  display: grid;
  gap: 0.28rem;
  padding: 0.85rem 0.95rem;
  border: 1px solid rgba(23, 29, 35, 0.08);
  border-radius: 0.85rem;
  background: rgba(255, 255, 255, 0.76);
  color: inherit;
  text-decoration: none;
  transition: transform 150ms ease, border-color 150ms ease, background-color 150ms ease;
}

.dashboard-report-links a:hover {
  transform: translateY(-1px);
  border-color: rgba(14, 132, 133, 0.18);
  background: rgba(244, 249, 248, 0.96);
}

.dashboard-report-links strong {
  color: var(--ink);
  font-size: 0.9rem;
}

.dashboard-report-links small {
  color: var(--muted);
  font-size: 0.8rem;
  line-height: 1.45;
}

@media (max-width: 1100px) {
  .dashboard-empty-locations-card {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .dashboard-empty-locations-metrics {
    grid-column: 1 / -1;
    justify-content: flex-start;
  }

  .dashboard-command-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dashboard-capacity-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  html[data-view-mode="desktop"] .dashboard-overview,
  body[data-view-mode="desktop"] .dashboard-overview,
  .dashboard-overview {
    min-width: 0;
    overflow-x: clip;
  }

  .dashboard-overview .page-copy,
  .dashboard-overview .dashboard-section-copy {
    min-width: 0;
  }

  .dashboard-overview .page-subtitle,
  .dashboard-section-copy p {
    overflow-wrap: anywhere;
  }

  .dashboard-empty-locations-card {
    grid-template-columns: 1fr;
  }

  .dashboard-empty-locations-metrics {
    width: 100%;
  }

  .dashboard-command-grid {
    grid-template-columns: 1fr;
  }

  .dashboard-command-card {
    min-block-size: 0;
  }

  .dashboard-balance-legend {
    grid-template-columns: 1fr;
  }

  .dashboard-location-bar-row {
    grid-template-columns: 1fr;
  }

  .dashboard-empty-locations-card .btn,
  .dashboard-section-actions,
  .dashboard-section-actions .btn {
    width: 100%;
    justify-content: center;
  }
}


/* Source: public/static/css/routes/belly_band.css */

.belly-band-page {
  display: grid;
  gap: 1.25rem;
}

.belly-band-search-card,
.belly-band-preview-card {
  display: grid;
  gap: 1rem;
  padding: 1.2rem;
}

.belly-band-kicker,
.belly-band-panel-kicker {
  display: inline-flex;
  color: var(--accent-strong);
  font-size: 0.7rem;
  font-weight: 850;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.belly-band-search-copy h2,
.belly-band-preview-head h2 {
  margin: 0.32rem 0 0;
  color: var(--ink);
  font-size: clamp(1.2rem, 1rem + 0.6vw, 1.55rem);
  font-weight: 850;
  letter-spacing: -0.045em;
}

.belly-band-search-copy p,
.belly-band-preview-head p {
  margin: 0.45rem 0 0;
  color: var(--muted);
  font-size: 0.88rem;
  line-height: 1.55;
}

.belly-band-search-bar {
  display: grid;
  gap: 0.55rem;
}

.belly-band-search-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
}

.belly-band-search-input {
  flex: 1 1 18rem;
  min-width: 18rem;
}

.belly-band-template-shell {
  overflow-x: auto;
  padding-bottom: 0.2rem;
}

.belly-band-template-table {
  display: grid;
  grid-template-columns:
    8.5rem
    9.5rem
    13rem
    10rem
    8rem
    10.5rem
    8rem
    16rem
    12rem
    10rem
    9.5rem
    10rem
    8.5rem
    10rem;
  min-width: 143.5rem;
  border: 1px solid rgba(23, 29, 35, 0.1);
  border-radius: 0.55rem;
  overflow: hidden;
  box-shadow: 0 1.15rem 2rem rgba(122, 108, 79, 0.08);
}

.belly-band-cell {
  min-height: 100%;
  padding: 0.7rem 0.75rem;
  border-right: 1px solid rgba(23, 29, 35, 0.08);
  border-bottom: 1px solid rgba(23, 29, 35, 0.08);
  background: rgba(255, 255, 255, 0.92);
}

.belly-band-cell:nth-child(14n) {
  border-right: 0;
}

.belly-band-cell span {
  display: block;
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.belly-band-cell-heading {
  min-height: 3.1rem;
  background: rgba(248, 248, 245, 0.98);
}

.belly-band-cell-value {
  min-height: 7.75rem;
  align-content: start;
}

.belly-band-cell strong {
  display: block;
  color: var(--ink);
  font-size: 0.84rem;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}

.belly-band-table-image {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 5.25rem;
}

.belly-band-table-image img {
  max-height: 5.25rem;
  max-width: 100%;
  object-fit: contain;
}

.belly-band-preview-grid {
  display: grid;
  gap: 0.85rem;
  grid-template-columns: minmax(0, 1.05fr) minmax(22rem, 0.95fr);
  grid-template-areas:
    "front back"
    "spine back";
  align-items: start;
}

.belly-band-preview-panel {
  display: grid;
  gap: 0.85rem;
  padding: 1rem;
  border: 1px solid rgba(23, 29, 35, 0.08);
  border-radius: 0.65rem;
  background: rgba(255, 255, 255, 0.72);
  align-content: start;
}

.belly-band-preview-panel-front {
  grid-area: front;
}

.belly-band-preview-panel-front .belly-band-preview-panel-body {
  display: grid;
  grid-template-columns: 6.75rem minmax(0, 1fr);
  gap: 0.9rem;
  align-items: center;
}

.belly-band-fabric-mark {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6.75rem;
  height: 6.75rem;
  border-radius: 0.65rem;
  background: rgba(248, 246, 240, 0.96);
  box-shadow: inset 0 0 0 1px rgba(23, 29, 35, 0.06);
}

.belly-band-fabric-mark img {
  max-width: 80%;
  max-height: 80%;
  object-fit: contain;
}

.belly-band-front-copy {
  display: grid;
  gap: 0.55rem;
}

.belly-band-front-copy h3,
.belly-band-front-title strong {
  margin: 0;
  color: var(--ink);
  font-size: 1.55rem;
  font-weight: 900;
  letter-spacing: -0.05em;
  text-transform: uppercase;
}

.belly-band-front-copy p,
.belly-band-back-copy p {
  margin: 0;
  color: var(--ink);
  font-size: 0.98rem;
  line-height: 1.5;
}

.belly-band-preview-panel-spine {
  grid-area: spine;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
    "kicker kicker"
    "title spine";
  align-items: center;
  column-gap: 1.25rem;
  row-gap: 0.75rem;
  min-height: 8rem;
  text-align: left;
}

.belly-band-preview-panel-spine .belly-band-panel-kicker {
  grid-area: kicker;
}

.belly-band-front-title {
  grid-area: title;
  display: grid;
  gap: 0.25rem;
  align-content: center;
  justify-items: start;
}

.belly-band-front-title span {
  color: var(--ink);
  font-size: 1rem;
  font-weight: 600;
}

.belly-band-spine {
  grid-area: spine;
  display: grid;
  gap: 0.22rem;
  min-width: 7.25rem;
  min-height: 6.75rem;
  padding: 0.7rem 0.9rem;
  border-left: 1px solid rgba(23, 29, 35, 0.1);
  align-content: center;
  justify-items: center;
  text-align: center;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}

.belly-band-spine span,
.belly-band-spine strong {
  color: var(--ink);
  font-weight: 900;
  letter-spacing: -0.04em;
  text-transform: uppercase;
}

.belly-band-spine span {
  font-size: 0.95rem;
}

.belly-band-spine strong {
  font-size: 1.2rem;
}

.belly-band-preview-panel-back {
  grid-area: back;
  align-content: start;
}

.belly-band-back-panel-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: minmax(0, 1fr) minmax(9rem, 0.9fr);
}

.belly-band-back-meta {
  display: grid;
  gap: 0.75rem;
}

.belly-band-meta-item {
  display: grid;
  gap: 0.24rem;
}

.belly-band-meta-item span,
.belly-band-image-box span {
  color: var(--muted);
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.belly-band-image-box-head {
  display: block;
}

.belly-band-meta-item strong {
  color: var(--ink);
  font-size: 0.92rem;
  font-weight: 800;
  line-height: 1.35;
}

.belly-band-asset-stack {
  display: grid;
  gap: 0.8rem;
}

.belly-band-image-box {
  display: grid;
  gap: 0.5rem;
  min-height: 6.75rem;
  padding: 0.8rem;
  border: 1px solid rgba(23, 29, 35, 0.08);
  border-radius: 0.55rem;
  background: rgba(248, 246, 240, 0.96);
  align-content: start;
}

.belly-band-image-box img {
  width: 100%;
  height: 100%;
  max-height: 5.5rem;
  object-fit: contain;
}

.belly-band-oeko-image {
  cursor: copy;
}

.belly-band-oeko-image.is-copied {
  outline: 2px solid rgba(41, 95, 73, 0.45);
  outline-offset: 2px;
}

.belly-band-image-box-oeko img {
  mix-blend-mode: multiply;
  filter: contrast(1.04);
}

.belly-band-barcode-text {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  letter-spacing: 0.04em;
}

.belly-band-preview-footer {
  display: grid;
  gap: 1rem;
}

.belly-band-sidepanel-grid {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
}

.belly-band-alt-matches {
  display: grid;
  gap: 0.7rem;
}

.belly-band-alt-list {
  display: grid;
  gap: 0.6rem;
}

.belly-band-alt-item {
  display: grid;
  gap: 0.22rem;
  padding: 0.8rem 0.9rem;
  border: 1px solid rgba(23, 29, 35, 0.08);
  border-radius: 0.95rem;
  background: rgba(255, 255, 255, 0.56);
  text-decoration: none;
  transition: transform 150ms ease, border-color 150ms ease, background-color 150ms ease;
}

.belly-band-alt-item:hover {
  transform: translateY(-1px);
  border-color: rgba(14, 132, 133, 0.18);
  background: rgba(244, 249, 248, 0.96);
}

.belly-band-alt-item strong {
  color: var(--ink);
  font-size: 0.92rem;
}

.belly-band-alt-item span {
  color: var(--muted);
  font-size: 0.8rem;
}

@media (max-width: 1180px) {
  .belly-band-preview-grid {
    grid-template-columns: 1fr;
    grid-template-areas:
      "front"
      "spine"
      "back";
  }

  .belly-band-spine {
    writing-mode: horizontal-tb;
    transform: none;
  }

  .belly-band-preview-panel-spine {
    grid-template-columns: 1fr;
    grid-template-areas:
      "kicker"
      "title"
      "spine";
    text-align: center;
  }

  .belly-band-front-title {
    justify-items: center;
  }

  .belly-band-spine {
    min-width: 0;
    min-height: 0;
    padding: 0;
    border-left: 0;
  }
}

@media (max-width: 720px) {
  .belly-band-search-input {
    min-width: 0;
  }

  .belly-band-preview-panel-front .belly-band-preview-panel-body,
  .belly-band-back-panel-grid {
    grid-template-columns: 1fr;
  }

  .belly-band-fabric-mark {
    width: 7rem;
    height: 7rem;
  }
}

@media print {
  .sidebar,
  .mobilebar,
  .belly-band-search-card,
  .workspace > *:not(.workspace-inner) {
    display: none !important;
  }

  .workspace,
  .workspace-inner,
  .belly-band-page {
    padding: 0 !important;
    margin: 0 !important;
  }

  .belly-band-preview-card,
  .belly-band-preview-panel,
  .belly-band-template-table {
    box-shadow: none !important;
    border-color: rgba(23, 29, 35, 0.12) !important;
    background: white !important;
  }
}


/* Source: public/static/css/routes/proactive.css */

  .proactive-sheet-page { display: grid; gap: 1rem; }
  #proactiveInteractive {
    display: grid;
    gap: 1rem;
  }
  #proactiveInteractive .proactive-filter-score-card,
  #proactiveInteractive .proactive-sheet-shell {
    transition: opacity 140ms ease;
  }
  #proactiveInteractive.is-loading .proactive-filter-score-card,
  #proactiveInteractive.is-loading .proactive-sheet-shell {
    opacity: 0.66;
  }
  #proactiveInteractive.is-loading .proactive-filter-score-card {
    position: relative;
  }
  #proactiveInteractive.is-loading .proactive-filter-score-card::after {
    content: "";
    position: absolute;
    top: 0.9rem;
    right: 1rem;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 9999px;
    background: #365399;
    box-shadow: 0 0 0 0.35rem rgba(54, 83, 153, 0.12);
  }
  #proactiveInteractive.is-loading .proactive-sheet-shell {
    pointer-events: none;
  }
  .proactive-sheet-topbar {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
  }
  .proactive-sheet-title {
    margin: 0;
    font-size: 2rem;
    line-height: 1;
    letter-spacing: -0.05em;
    color: #3a4132;
    font-weight: 800;
  }
  .proactive-sheet-copy {
    margin: 0.45rem 0 0;
    max-width: 42rem;
    color: #5b6554;
    font-size: 0.88rem;
    line-height: 1.45;
  }
  .proactive-sheet-actions {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
  }
  .proactive-header-controls {
    margin-bottom: 0.8rem;
  }
  .proactive-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.5rem;
    padding: 0.55rem 0.95rem;
    border: 1px solid rgba(58, 65, 50, 0.14);
    border-radius: 9999px;
    background: rgba(255, 252, 247, 0.92);
    color: #2f3828;
    font-size: 0.86rem;
    font-weight: 700;
    text-decoration: none;
  }
  .proactive-pill.primary {
    color: #fff;
    background: linear-gradient(135deg, var(--button-bg) 0%, var(--button-bg-hover) 100%);
    border-color: color-mix(in srgb, var(--button-bg) 36%, transparent);
  }
  .proactive-sheet-summary {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
    gap: 0.6rem;
  }
  .proactive-sheet-summary-card {
    padding: 0.72rem 0.8rem;
    border: 1px solid rgba(58, 65, 50, 0.12);
    border-radius: 0.95rem;
    background: rgba(255, 250, 244, 0.92);
  }
  .proactive-sheet-summary-card .label {
    color: #6b7280;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
  }
  .proactive-sheet-summary-card .value {
    margin-top: 0.22rem;
    color: #2f3828;
    font-size: 1.16rem;
    font-weight: 800;
    letter-spacing: -0.04em;
  }
  .proactive-sheet-note {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid rgba(125, 166, 255, 0.18);
    border-radius: 0.95rem;
    background: rgba(125, 166, 255, 0.08);
    color: #365399;
    font-size: 0.84rem;
    line-height: 1.4;
  }
  .proactive-sheet-note::before {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.4rem;
    min-width: 1.4rem;
    height: 1.4rem;
    margin-top: 0.03rem;
    border-radius: 9999px;
    background: rgba(125, 166, 255, 0.2);
    color: #365399;
    font-size: 0.8rem;
    font-weight: 800;
    line-height: 1;
    content: "ⓘ";
  }
  .proactive-sheet-filter {
    display: grid;
    gap: 0.85rem 1.1rem;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 22rem);
    align-items: start;
    padding: 1rem;
    border: 1px solid rgba(58, 65, 50, 0.12);
    border-radius: 1.15rem;
    background: rgba(255, 250, 244, 0.94);
    box-shadow: 0 14px 30px rgba(58, 65, 50, 0.06);
  }
  .proactive-sheet-filter-fields {
    display: grid;
    gap: 0.85rem 1.4rem;
    grid-column: 1;
    grid-row: 1 / span 2;
    grid-template-columns: minmax(8rem, 10rem) minmax(0, 1fr);
    align-items: start;
    max-width: none;
  }
  .proactive-filter-score-card {
    display: grid;
    grid-column: 2;
    grid-row: 1;
    align-self: start;
    justify-self: end;
    align-content: center;
    width: min(100%, 12rem);
    min-width: 11rem;
    min-height: 4.05rem;
    padding: 0.7rem 0.95rem;
    border: 1px solid rgba(29, 111, 103, 0.16);
    border-radius: 1rem;
    background: rgba(29, 111, 103, 0.07);
    text-align: center;
  }
  .proactive-filter-score-card .label {
    color: #64748b;
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    line-height: 1.2;
    text-transform: uppercase;
  }
  .proactive-filter-score-card .value {
    margin-top: 0.18rem;
    color: #2f3828;
    font-size: 1.45rem;
    font-weight: 850;
    letter-spacing: -0.04em;
    line-height: 1;
  }
  .proactive-sheet-filter-group {
    display: grid;
    gap: 0.5rem;
  }
  .proactive-sheet-filter-group:has(#minCartonsRequired) {
    max-width: none;
  }
  .proactive-sheet-filter-group.velocity-filter {
    display: grid;
    gap: 0.45rem;
    width: 100%;
  }
  .proactive-sheet-page[data-proactive-mode="maintenance"] .proactive-sheet-filter-group.velocity-filter {
    grid-column: 1 / -1;
  }
  .proactive-sheet-filter-group.mode-filter {
    display: grid;
    gap: 0.45rem;
    width: 100%;
    grid-column: 1 / -1;
    justify-items: start;
  }
  .proactive-sheet-filter-group.machinery-filter {
    display: grid;
    gap: 0.45rem;
    width: 100%;
    grid-column: 1 / -1;
    justify-items: start;
  }
  .proactive-velocity-label {
    margin: 0;
    min-width: 4.8rem;
    color: #698fe6;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
  }
  .proactive-sheet-filter label {
    color: #698fe6;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
  }
  .proactive-sheet-filter input {
    min-height: 2.75rem;
    padding: 0.68rem 0.85rem;
    border: 1px solid rgba(58, 65, 50, 0.14);
    border-radius: 0.85rem;
    background: rgba(255, 252, 247, 0.96);
    color: #2f3828;
    font-size: 1rem;
  }
  .proactive-sheet-filter input { width: 100%; }
  .proactive-velocity-group {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    width: 100%;
    max-width: none;
  }
  .proactive-velocity-option {
    position: relative;
  }
  .proactive-machinery-group {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    width: 100%;
    max-width: none;
    justify-content: flex-start;
  }
  .proactive-mode-group {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    width: 100%;
    max-width: none;
    justify-content: flex-start;
  }
  .proactive-mode-option,
  .proactive-machinery-option {
    position: relative;
  }
  .proactive-mode-option input,
  .proactive-machinery-option input {
    position: absolute;
    opacity: 0;
    inset: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
  }
  .proactive-velocity-option input {
    position: absolute;
    opacity: 0;
    inset: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
  }
  .proactive-velocity-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.25rem;
    min-width: 4rem;
    padding: 0.45rem 0.85rem;
    border: 1px solid rgba(58, 65, 50, 0.14);
    border-radius: 9999px;
    background: rgba(255, 252, 247, 0.96);
    color: #2f3828;
    font-size: 0.94rem;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    transition: background-color 120ms ease, color 120ms ease, border-color 120ms ease;
  }
  .proactive-velocity-option input:checked + .proactive-velocity-chip {
    background: #365399;
    color: #fff;
    border-color: #365399;
  }
  .proactive-velocity-option input:focus-visible + .proactive-velocity-chip {
    outline: 2px solid rgba(105, 143, 230, 0.45);
    outline-offset: 2px;
  }
  .proactive-mode-chip,
  .proactive-machinery-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.25rem;
    min-width: 4.8rem;
    padding: 0.45rem 0.95rem;
    border: 1px solid rgba(58, 65, 50, 0.14);
    border-radius: 9999px;
    background: rgba(255, 252, 247, 0.96);
    color: #2f3828;
    font-size: 0.94rem;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    transition: background-color 120ms ease, color 120ms ease, border-color 120ms ease;
  }
  .proactive-mode-option input:checked + .proactive-mode-chip,
  .proactive-machinery-option input:checked + .proactive-machinery-chip {
    background: #365399;
    color: #fff;
    border-color: #365399;
  }
  .proactive-mode-option input:focus-visible + .proactive-mode-chip,
  .proactive-machinery-option input:focus-visible + .proactive-machinery-chip {
    outline: 2px solid rgba(105, 143, 230, 0.45);
    outline-offset: 2px;
  }
  .proactive-velocity-empty {
    color: #5b6554;
    font-size: 0.92rem;
    line-height: 1.45;
  }
  .proactive-sheet-shell {
    overflow: auto;
    border: 1px solid rgba(58, 65, 50, 0.18);
    border-radius: 0.95rem;
    background: rgba(255, 252, 247, 0.98);
    box-shadow: 0 12px 32px rgba(58, 65, 50, 0.08);
  }
  .proactive-sheet-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    padding: 0.95rem 1rem 0;
  }
  .proactive-sheet-toolbar-copy {
    color: #5b6554;
    font-size: 0.95rem;
    line-height: 1.5;
  }
  .proactive-shared-status {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0.35rem 0.7rem;
    border: 1px solid rgba(29, 111, 103, 0.14);
    border-radius: 999px;
    background: rgba(29, 111, 103, 0.07);
    color: #3f5d5c;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.3;
  }
  .proactive-sheet-toolbar-actions {
    display: flex;
    gap: 0.65rem;
    flex-wrap: wrap;
  }
  .proactive-sheet-filter-actions {
    grid-column: 2;
    grid-row: 2;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    justify-self: end;
    align-self: start;
    gap: 0.65rem;
    padding-top: 0;
    border-top: 0;
  }
  .proactive-filter-toggle-row {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.55rem;
    flex-wrap: wrap;
  }
  @media (max-width: 1320px) {
    .proactive-sheet-filter {
      grid-template-columns: minmax(0, 1fr) minmax(17rem, 20rem);
      gap: 1rem;
    }
    .proactive-sheet-filter-fields {
      grid-column: 1;
      grid-row: 1;
      max-width: none;
      grid-template-columns: minmax(7rem, 8.5rem) minmax(18rem, 1fr);
    }
    .proactive-filter-score-card {
      grid-column: 2;
      grid-row: 1;
      justify-self: end;
    }
    .proactive-sheet-filter-actions {
      grid-column: 2;
      grid-row: 2;
      width: 100%;
      justify-content: flex-end;
    }
  }
  @media (max-width: 1120px) {
    .proactive-sheet-filter-fields {
      grid-template-columns: 1fr;
    }
    .proactive-sheet-filter-group:has(#minCartonsRequired) {
      max-width: none;
    }
  }
  html[data-view-mode="desktop"] .proactive-sheet-page:not([data-proactive-mode="sku-pairing-actions"]) .proactive-sheet-filter,
  body[data-view-mode="desktop"] .proactive-sheet-page:not([data-proactive-mode="sku-pairing-actions"]) .proactive-sheet-filter {
    grid-template-columns: minmax(0, 1fr) minmax(17rem, 20rem) !important;
    align-items: start !important;
  }
  html[data-view-mode="desktop"] .proactive-sheet-page:not([data-proactive-mode="sku-pairing-actions"]) .proactive-sheet-filter-fields,
  body[data-view-mode="desktop"] .proactive-sheet-page:not([data-proactive-mode="sku-pairing-actions"]) .proactive-sheet-filter-fields {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    grid-template-columns: minmax(8rem, 10rem) minmax(0, 1fr) !important;
    gap: 0.85rem 1.4rem !important;
  }
  html[data-view-mode="desktop"] .proactive-sheet-page:not([data-proactive-mode="sku-pairing-actions"]) .proactive-filter-score-card,
  body[data-view-mode="desktop"] .proactive-sheet-page:not([data-proactive-mode="sku-pairing-actions"]) .proactive-filter-score-card {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    align-self: start !important;
    width: min(100%, 12rem) !important;
    min-height: 4.05rem !important;
  }
  html[data-view-mode="desktop"] .proactive-sheet-page:not([data-proactive-mode="sku-pairing-actions"]) .proactive-sheet-filter-actions,
  body[data-view-mode="desktop"] .proactive-sheet-page:not([data-proactive-mode="sku-pairing-actions"]) .proactive-sheet-filter-actions {
    grid-column: 2 !important;
    grid-row: 2 !important;
    justify-content: flex-end !important;
    justify-self: end !important;
    align-self: start !important;
    padding-top: 0 !important;
    border-top: 0 !important;
  }
  html[data-view-mode="desktop"] .proactive-sheet-page:not([data-proactive-mode="sku-pairing-actions"]) .proactive-filter-toggle-row,
  body[data-view-mode="desktop"] .proactive-sheet-page:not([data-proactive-mode="sku-pairing-actions"]) .proactive-filter-toggle-row {
    justify-content: flex-end !important;
  }
  .proactive-pill.filter-toggle {
    min-height: 2.45rem;
    padding: 0.58rem 1rem;
    font-size: 0.84rem;
  }
  .proactive-sheet-pager {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
  }
  .proactive-sheet-page-indicator {
    min-width: 7.5rem;
    color: #5b6554;
    font-size: 0.85rem;
    font-weight: 700;
    text-align: center;
  }
  .proactive-pill.page-arrow {
    min-width: 2.5rem;
    padding: 0.55rem;
    font-size: 1rem;
    line-height: 1;
  }
  .proactive-pill:disabled {
    opacity: 0.45;
    cursor: not-allowed;
  }
  .proactive-sheet-grid {
    width: 100%;
    min-width: 1040px;
    border-collapse: collapse;
    table-layout: fixed;
    font-family: "IBM Plex Mono", monospace;
    font-size: 13px;
    line-height: 1.55;
    color: #2f3828;
  }
  .proactive-sheet-grid col.velocity { width: 12%; }
  .proactive-sheet-grid col.sku { width: 26%; }
  .proactive-sheet-grid col.units { width: 12%; }
  .proactive-sheet-grid col.req { width: 14%; }
  .proactive-sheet-grid col.pf { width: 20%; }
  .proactive-sheet-grid col.bulk { width: 28%; }
  .proactive-sheet-page[data-proactive-mode="maintenance"] .proactive-sheet-grid col.velocity { width: 10%; }
  .proactive-sheet-page[data-proactive-mode="maintenance"] .proactive-sheet-grid col.sku { width: 24%; }
  .proactive-sheet-page[data-proactive-mode="maintenance"] .proactive-sheet-grid col.units { width: 12%; }
  .proactive-sheet-page[data-proactive-mode="maintenance"] .proactive-sheet-grid col.req { width: 12%; }
  .proactive-sheet-page[data-proactive-mode="maintenance"] .proactive-sheet-grid col.pf { width: 18%; }
  .proactive-sheet-page[data-proactive-mode="maintenance"] .proactive-sheet-grid col.bulk { width: 24%; }
  .proactive-sheet-grid td,
  .proactive-sheet-grid th {
    border: 1px solid rgba(58, 65, 50, 0.22);
    padding: 14px 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
  }
  .proactive-sheet-grid thead th {
    position: sticky;
    top: 0;
    z-index: 2;
    background: rgba(237, 231, 220, 0.98);
    color: #41503a;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 800;
    font-size: 0.78rem;
  }
  .proactive-sheet-grid td.num { text-align: right; font-weight: 700; }
  .proactive-sheet-grid td.center-num { text-align: center; font-weight: 700; }
  .proactive-sheet-grid th[data-col="pf_location"],
  .proactive-sheet-grid td[data-col="pf_location"],
  .proactive-sheet-grid th[data-col="bulk_location"],
  .proactive-sheet-grid td[data-col="bulk_location"] {
    text-align: center;
  }
  .proactive-sheet-grid td.sku-cell {
    color: #365399;
    font-weight: 700;
    white-space: normal;
  }
  .proactive-sku-stack {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 6.5rem;
    grid-template-areas:
      "code action"
      "flags action";
    align-items: center;
    gap: 0.45rem 0.8rem;
  }
  .proactive-sku-code {
    grid-area: code;
    color: #365399;
    font-weight: 700;
    line-height: 1.3;
    min-width: 0;
  }
  .proactive-sku-flags {
    grid-area: flags;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
  }
  .proactive-sku-actions {
    grid-area: action;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-self: center;
    gap: 0.5rem;
  }
  .proactive-flag-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.75rem;
    padding: 0.22rem 0.6rem;
    border-radius: 9999px;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }
  .proactive-flag-badge.blanket {
    background: rgba(219, 229, 170, 0.38);
    color: #495342;
  }
  .proactive-flag-badge.pdq {
    background: rgba(125, 166, 255, 0.18);
    color: #365399;
  }
  .proactive-flag-badge.other-pickface {
    background: rgba(180, 83, 9, 0.14);
    color: #8a3f06;
  }
  .proactive-location-cell {
    display: inline-grid;
    align-items: center;
    justify-content: center;
    justify-items: center;
    gap: 0.35rem;
    max-width: 100%;
  }
  .proactive-complete-btn {
    min-height: 2.45rem;
    padding: 0.6rem 1rem;
    font-size: 0.86rem;
    flex-shrink: 0;
  }
  .proactive-pill.toggle-active {
    background: var(--filter-chip-bg);
    border-color: var(--filter-chip-bg);
    color: #fff;
  }
  .proactive-sheet-grid tr.data-row.is-complete td {
    opacity: 0.55;
  }
  .proactive-complete-btn.is-restore,
  .proactive-card-action .btn.is-restore {
    border-color: rgba(54, 83, 153, 0.24);
    background: rgba(54, 83, 153, 0.08);
    color: #365399;
  }
  .proactive-sheet-grid tr.data-row:nth-child(even) td { background: rgba(255, 252, 247, 0.96); }
  .proactive-sheet-grid tr.data-row:nth-child(odd) td { background: rgba(247, 242, 231, 0.92); }
  .proactive-sheet-grid tr.data-row:hover td { background: rgba(219, 229, 170, 0.2); }
  .proactive-sheet-shell {
    border-color: rgba(23, 29, 35, 0.1);
    border-radius: 1.2rem;
    background: rgba(250, 247, 241, 0.94);
    box-shadow: 0 18px 32px rgba(58, 65, 50, 0.07);
  }
  .proactive-sheet-toolbar {
    background: rgba(251, 247, 239, 0.88);
  }
  .proactive-sheet-grid {
    border-collapse: separate;
    border-spacing: 0;
    color: var(--ink);
    font-family: "IBM Plex Sans", system-ui, sans-serif;
    font-size: 0.9rem;
  }
  .proactive-sheet-grid td,
  .proactive-sheet-grid th {
    border: 0;
    border-bottom: 1px solid rgba(226, 220, 208, 0.8);
    padding: 1rem 1.05rem;
  }
  .proactive-sheet-grid thead th {
    background: rgba(237, 231, 220, 0.98);
    color: #41503a;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 800;
    font-size: 0.78rem;
  }
  .proactive-sheet-grid tr.data-row:nth-child(even) td,
  .proactive-sheet-grid tr.data-row:nth-child(odd) td {
    background: rgba(251, 248, 242, 0.98);
  }
  .proactive-sheet-grid tr.data-row:hover td {
    background: rgba(14, 132, 133, 0.05);
  }
  .order-replenishment-grid td[data-col="item_code"],
  .order-replenishment-grid td[data-col="to_location"],
  .order-replenishment-grid td[data-col="from_location"],
  .order-replenishment-grid td[data-col="suggested_pickface"],
  .order-replenishment-grid td[data-col="pairing"] {
    max-width: none;
    overflow: visible;
    overflow-wrap: anywhere;
    text-overflow: clip;
    white-space: normal;
  }
  .order-replenishment-grid td[data-col="note"] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .order-replenishment-grid td[data-col="to_location"],
  .order-replenishment-grid td[data-col="from_location"],
  .order-replenishment-grid td[data-col="suggested_pickface"] {
    font-family: "IBM Plex Mono", monospace;
    font-size: 0.82rem;
    letter-spacing: 0.02em;
  }
  .proactive-sheet-page[data-proactive-mode="sku-pairing-actions"] .sku-pairing-actions-filter {
    grid-template-columns: minmax(9rem, 13rem) minmax(9rem, 12rem) max-content;
    gap: 0.7rem 1rem;
    align-items: end;
    padding: 0.75rem 1rem;
  }
  .proactive-sheet-page[data-proactive-mode="sku-pairing-actions"] .sku-pairing-actions-filter .proactive-sheet-filter-fields {
    grid-column: 1;
    grid-row: 1;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    max-width: 13rem;
  }
  .proactive-sheet-page[data-proactive-mode="sku-pairing-actions"] .sku-pairing-actions-filter .proactive-filter-score-card {
    grid-column: 2;
    grid-row: 1;
    align-self: end;
    justify-self: stretch;
    min-width: 0;
    padding: 0.55rem 0.85rem;
    border-radius: 0.9rem;
  }
  .proactive-sheet-page[data-proactive-mode="sku-pairing-actions"] .sku-pairing-actions-filter .proactive-filter-score-card .value {
    font-size: 1.2rem;
  }
  .proactive-sheet-page[data-proactive-mode="sku-pairing-actions"] .sku-pairing-actions-filter input {
    min-height: 2.35rem;
    padding: 0.48rem 0.75rem;
  }
  .proactive-sheet-page[data-proactive-mode="sku-pairing-actions"] .sku-pairing-actions-filter .proactive-sheet-filter-actions {
    grid-column: 3;
    grid-row: 1;
    display: flex;
    align-items: end;
    justify-content: flex-end;
    gap: 0.55rem;
    width: auto;
  }
  .proactive-sheet-page[data-proactive-mode="sku-pairing-actions"] .sku-pairing-actions-filter .proactive-filter-toggle-row,
  .proactive-sheet-page[data-proactive-mode="sku-pairing-actions"] .sku-pairing-actions-filter .proactive-filter-submit-row {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.55rem;
    padding-top: 0;
    width: auto;
  }
  .proactive-sheet-page[data-proactive-mode="sku-pairing-actions"] .sku-pairing-actions-table {
    min-width: 0;
    width: 100% !important;
  }
  .proactive-sheet-page[data-proactive-mode="sku-pairing-actions"] .work-queue-shell {
    min-width: 0;
    max-width: calc(100vw - 320px);
    overflow: hidden;
  }
  .proactive-sheet-page[data-proactive-mode="sku-pairing-actions"] .work-queue-toolbar {
    gap: 0.6rem;
  }
  .proactive-sheet-page[data-proactive-mode="sku-pairing-actions"] .work-queue-toolbar-copy {
    min-width: 14rem;
  }
  html[data-record-view="cards"] .proactive-sheet-page[data-proactive-mode="sku-pairing-actions"] .sku-pairing-actions-columns,
  body[data-record-view="cards"] .proactive-sheet-page[data-proactive-mode="sku-pairing-actions"] .sku-pairing-actions-columns {
    display: none !important;
  }
  .proactive-sheet-page[data-proactive-mode="sku-pairing-actions"] .work-card-head {
    grid-template-columns: minmax(0, 1fr) minmax(8rem, 10rem);
    align-items: start;
  }
  .proactive-sheet-page[data-proactive-mode="sku-pairing-actions"] .work-card-head > .work-card-identity {
    grid-column: 1 / -1;
    grid-row: 1;
  }
  .proactive-sheet-page[data-proactive-mode="sku-pairing-actions"] .sku-pairing-card-velocity {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    width: 100%;
    max-width: 9rem;
  }
  .proactive-sheet-page[data-proactive-mode="sku-pairing-actions"] .sku-pairing-card-velocity .work-metric-pill {
    min-height: 2.55rem;
    justify-content: center;
  }
  .proactive-sheet-page[data-proactive-mode="sku-pairing-actions"] .sku-pairing-actions-table td,
  .proactive-sheet-page[data-proactive-mode="sku-pairing-actions"] .sku-pairing-actions-table th {
    padding: 0.8rem 0.75rem;
  }
  .sku-pairing-actions-table col.pairing-actions-move { width: 30% !important; }
  .sku-pairing-actions-table col.pairing-actions-current { width: 14% !important; }
  .sku-pairing-actions-table col.pairing-actions-suggested { width: 16% !important; }
  .sku-pairing-actions-table col.pairing-actions-pair-sku { width: 27% !important; }
  .sku-pairing-actions-table col.pairing-actions-pair-pf { width: 13% !important; }
  .sku-pairing-actions-table td[data-col="sku"] .proactive-sku-stack {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "code"
      "action";
    justify-items: start;
  }
  .sku-pairing-actions-table td[data-col="sku"] .proactive-sku-actions {
    width: auto;
    margin-top: 0.35rem;
  }
  .sku-pairing-actions-table td[data-col="sku"] .proactive-complete-btn {
    min-height: 2.2rem;
    padding: 0.45rem 0.85rem;
  }
  .sku-pairing-actions-table td[data-col="pairing_partner"] .proactive-sku-stack {
    display: block;
    min-width: 0;
  }
  .sku-pairing-actions-table td[data-col="pairing_partner"] .proactive-replan-item-name,
  .sku-pairing-actions-table td[data-col="pairing_partner"] .text-xs,
  .sku-pairing-actions-table td[data-col="sku"] .proactive-replan-item-name {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }
  .sku-pairing-actions-table td[data-col="pair_location"],
  .sku-pairing-actions-table td[data-col="pf_location"],
  .sku-pairing-actions-table td[data-col="suggested_pickface"] {
    text-align: center;
  }
  @media (max-width: 1180px) {
    .proactive-sheet-page[data-proactive-mode="sku-pairing-actions"] .sku-pairing-actions-filter {
      grid-template-columns: minmax(8rem, 1fr) minmax(8rem, 10rem);
    }
    .proactive-sheet-page[data-proactive-mode="sku-pairing-actions"] .sku-pairing-actions-filter .proactive-sheet-filter-actions {
      grid-column: 1 / -1;
      justify-content: flex-start;
    }
  }
  .proactive-sheet-empty {
    padding: 2rem 1.25rem;
    text-align: center;
    color: #5b6554;
    font-size: 0.95rem;
  }
  .proactive-card-row {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(6.5rem, 0.85fr);
    gap: 0.75rem;
    align-items: end;
  }
  .proactive-card-location-value {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    width: 100%;
    max-width: 100%;
    padding: 0.34rem 0.7rem;
    border: 1px solid rgba(23, 29, 35, 0.1);
    border-radius: 9999px;
    background: rgba(255, 255, 255, 0.84);
    color: #1f2937;
    font-family: "IBM Plex Mono", monospace;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .proactive-suggested-pf-row {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    width: 100%;
    min-width: 0;
  }
  .proactive-suggested-pf-row > .work-location-pill {
    flex: 0 0 auto;
    width: auto;
  }
  .proactive-suggested-pf-callout {
    --suggested-pf-blue: #7896c0;
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex: 0 1 auto;
    min-width: 0;
    color: var(--suggested-pf-blue);
  }
  .proactive-suggested-pf-arrow {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 9rem;
    width: 9rem;
    max-width: 9rem;
    height: 1.4rem;
    color: var(--suggested-pf-blue);
    font-family: "IBM Plex Sans", system-ui, sans-serif;
    font-size: 0.7rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    line-height: 1;
    text-transform: uppercase;
  }
  .proactive-suggested-pf-arrow::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0.05rem;
    top: 50%;
    height: 0.18rem;
    border-radius: 999px;
    background: currentColor;
    transform: translateY(-50%);
  }
  .proactive-suggested-pf-arrow::after {
    content: "";
    position: absolute;
    right: -0.05rem;
    top: 50%;
    width: 0.75rem;
    height: 0.75rem;
    border-top: 0.18rem solid currentColor;
    border-right: 0.18rem solid currentColor;
    transform: translateY(-50%) rotate(45deg);
  }
  .proactive-suggested-pf-arrow span {
    position: relative;
    z-index: 1;
    border-radius: 999px;
    background: #fffaf2;
    padding: 0.16rem 0.45rem;
    color: #365399;
    white-space: nowrap;
  }
  .proactive-suggested-pf-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.45rem;
    min-width: 10.5rem;
    border: 1px solid var(--suggested-pf-blue);
    border-radius: 0.35rem;
    background: #f5f9ff;
    padding: 0.45rem 0.85rem;
    color: #0f172a;
    font-family: "IBM Plex Mono", monospace;
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1.2;
    box-shadow: 0 1px 2px rgba(54, 83, 153, 0.08);
    white-space: nowrap;
  }
  :where(html[data-view-mode="mobile"], body[data-view-mode="mobile"]) .proactive-sheet-page [data-proactive-card].work-card .work-card-detail-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0.9rem !important;
  }
  :where(html[data-view-mode="mobile"], body[data-view-mode="mobile"]) .proactive-sheet-page [data-proactive-card] .work-location-stack {
    width: 100%;
    gap: 0.65rem;
    justify-items: stretch;
  }
  :where(html[data-view-mode="mobile"], body[data-view-mode="mobile"]) .proactive-sheet-page [data-proactive-card] .work-location-pill {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    width: 100%;
    min-height: 2.7rem;
    gap: 0.35rem 0.65rem;
    padding: 0.55rem 0.75rem;
    border-radius: 1rem !important;
  }
  :where(html[data-view-mode="mobile"], body[data-view-mode="mobile"]) .proactive-sheet-page [data-proactive-card] .work-location-label {
    white-space: nowrap;
  }
  :where(html[data-view-mode="mobile"], body[data-view-mode="mobile"]) .proactive-sheet-page [data-proactive-card] .work-location-value {
    min-width: 0;
    overflow-wrap: anywhere;
    font-size: 0.95rem;
    line-height: 1.2;
  }
  :where(html[data-view-mode="mobile"], body[data-view-mode="mobile"]) .proactive-sheet-page [data-proactive-card] .work-container-list {
    grid-column: auto;
    width: auto;
    min-width: 0;
    justify-content: flex-end;
  }
  :where(html[data-view-mode="mobile"], body[data-view-mode="mobile"]) .proactive-sheet-page [data-proactive-card] .work-container-chip {
    max-width: 100%;
    min-height: 1.75rem;
    overflow: hidden;
    padding-inline: 0.55rem;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  :where(html[data-view-mode="mobile"], body[data-view-mode="mobile"]) .proactive-sheet-page [data-proactive-card] .work-metric-stack {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.6rem;
  }
  :where(html[data-view-mode="mobile"], body[data-view-mode="mobile"]) .proactive-sheet-page [data-proactive-card] .work-metric-pill {
    min-height: 2.55rem;
    justify-content: center;
    padding: 0.45rem 0.65rem;
  }
  @media (max-width: 767px) {
    html:not([data-view-mode="desktop"]) .proactive-sheet-page [data-proactive-card].work-card .work-card-detail-grid,
    body:not([data-view-mode="desktop"]) .proactive-sheet-page [data-proactive-card].work-card .work-card-detail-grid {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) !important;
      gap: 0.9rem !important;
    }
    html:not([data-view-mode="desktop"]) .proactive-sheet-page [data-proactive-card] .work-location-stack,
    body:not([data-view-mode="desktop"]) .proactive-sheet-page [data-proactive-card] .work-location-stack {
      width: 100%;
      gap: 0.65rem;
      justify-items: stretch;
    }
    html:not([data-view-mode="desktop"]) .proactive-sheet-page [data-proactive-card] .work-location-pill,
    body:not([data-view-mode="desktop"]) .proactive-sheet-page [data-proactive-card] .work-location-pill {
      display: grid !important;
      grid-template-columns: auto minmax(0, 1fr) auto;
      align-items: center;
      width: 100%;
      min-height: 2.7rem;
      gap: 0.35rem 0.65rem;
      padding: 0.55rem 0.75rem;
      border-radius: 1rem !important;
    }
    html:not([data-view-mode="desktop"]) .proactive-sheet-page [data-proactive-card] .work-location-label,
    body:not([data-view-mode="desktop"]) .proactive-sheet-page [data-proactive-card] .work-location-label {
      white-space: nowrap;
    }
    html:not([data-view-mode="desktop"]) .proactive-sheet-page [data-proactive-card] .work-location-value,
    body:not([data-view-mode="desktop"]) .proactive-sheet-page [data-proactive-card] .work-location-value {
      min-width: 0;
      overflow-wrap: anywhere;
      font-size: 0.95rem;
      line-height: 1.2;
    }
    html:not([data-view-mode="desktop"]) .proactive-sheet-page [data-proactive-card] .work-container-list,
    body:not([data-view-mode="desktop"]) .proactive-sheet-page [data-proactive-card] .work-container-list {
      grid-column: auto;
      width: auto;
      min-width: 0;
      justify-content: flex-end;
    }
    html:not([data-view-mode="desktop"]) .proactive-sheet-page [data-proactive-card] .work-container-chip,
    body:not([data-view-mode="desktop"]) .proactive-sheet-page [data-proactive-card] .work-container-chip {
      max-width: 100%;
      min-height: 1.75rem;
      overflow: hidden;
      padding-inline: 0.55rem;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    html:not([data-view-mode="desktop"]) .proactive-sheet-page [data-proactive-card] .proactive-suggested-pf-row > .work-location-pill,
    body:not([data-view-mode="desktop"]) .proactive-sheet-page [data-proactive-card] .proactive-suggested-pf-row > .work-location-pill {
      width: auto;
    }
    html:not([data-view-mode="desktop"]) .proactive-sheet-page [data-proactive-card] .work-metric-stack,
    body:not([data-view-mode="desktop"]) .proactive-sheet-page [data-proactive-card] .work-metric-stack {
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 0.6rem;
    }
    html:not([data-view-mode="desktop"]) .proactive-sheet-page [data-proactive-card] .work-metric-pill,
    body:not([data-view-mode="desktop"]) .proactive-sheet-page [data-proactive-card] .work-metric-pill {
      min-height: 2.55rem;
      justify-content: center;
      padding: 0.45rem 0.65rem;
    }
  }
  @media (max-width: 380px) {
    :where(html[data-view-mode="mobile"], body[data-view-mode="mobile"]) .proactive-sheet-page [data-proactive-card] .work-location-pill,
    html:not([data-view-mode="desktop"]) .proactive-sheet-page [data-proactive-card] .work-location-pill,
    body:not([data-view-mode="desktop"]) .proactive-sheet-page [data-proactive-card] .work-location-pill {
      grid-template-columns: auto minmax(0, 1fr);
    }
    :where(html[data-view-mode="mobile"], body[data-view-mode="mobile"]) .proactive-sheet-page [data-proactive-card] .work-container-list,
    html:not([data-view-mode="desktop"]) .proactive-sheet-page [data-proactive-card] .work-container-list,
    body:not([data-view-mode="desktop"]) .proactive-sheet-page [data-proactive-card] .work-container-list {
      grid-column: 1 / -1;
      width: 100%;
      justify-content: flex-start;
    }
  }
  @media (max-width: 620px) {
    .proactive-suggested-pf-row {
      align-items: stretch;
      flex-direction: column;
      gap: 0.55rem;
    }
    .proactive-suggested-pf-row > .work-location-pill {
      width: 100% !important;
    }
    .proactive-suggested-pf-callout {
      flex: none;
      width: 100%;
      min-width: 0;
    }
    .proactive-suggested-pf-arrow {
      flex: 1 1 auto;
      min-width: 4.5rem;
      width: auto;
      max-width: none;
    }
    .proactive-suggested-pf-pill {
      min-width: 8.75rem;
    }
  }
  @media (max-width: 900px) {
    .proactive-sheet-summary { grid-template-columns: 1fr; }
    .proactive-sheet-filter {
      grid-template-columns: 1fr;
      padding: 0.95rem;
    }
    .proactive-filter-score-card {
      justify-self: stretch;
      min-width: 0;
    }
    .proactive-sheet-filter-fields {
      grid-template-columns: 1fr;
      gap: 1rem;
      grid-row: auto;
    }
    .proactive-sheet-filter-group {
      padding-bottom: 0.8rem;
      border-bottom: 1px solid rgba(58, 65, 50, 0.1);
    }
    .proactive-sheet-filter-group:last-child {
      padding-bottom: 0;
      border-bottom: 0;
    }
    .proactive-velocity-group,
    .proactive-mode-group,
    .proactive-machinery-group {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 0.55rem;
    }
    .proactive-mode-group,
    .proactive-machinery-group {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .proactive-velocity-chip,
    .proactive-mode-chip,
    .proactive-machinery-chip {
      width: 100%;
      min-width: 0;
    }
    .proactive-sheet-filter-actions {
      display: grid;
      grid-template-columns: 1fr;
      width: 100%;
      justify-content: stretch;
      justify-items: stretch;
    }
    .proactive-filter-toggle-row,
    .proactive-filter-submit-row {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      width: 100%;
      justify-content: stretch;
    }
    .proactive-filter-submit-row {
      padding-top: 0;
    }
    .proactive-sheet-filter-actions .proactive-pill {
      width: 100%;
    }
  }
  html[data-view-mode="mobile"] .proactive-sheet-filter,
  body[data-view-mode="mobile"] .proactive-sheet-filter {
    grid-template-columns: 1fr !important;
    padding: 0.95rem;
  }
  html[data-view-mode="mobile"] .proactive-filter-score-card,
  body[data-view-mode="mobile"] .proactive-filter-score-card {
    justify-self: stretch;
    min-width: 0;
  }
  html[data-view-mode="mobile"] .proactive-sheet-filter-fields,
  body[data-view-mode="mobile"] .proactive-sheet-filter-fields {
    grid-template-columns: 1fr !important;
    gap: 1rem;
    grid-row: auto;
  }
  html[data-view-mode="mobile"] .proactive-sheet-filter-group,
  body[data-view-mode="mobile"] .proactive-sheet-filter-group {
    padding-bottom: 0.8rem;
    border-bottom: 1px solid rgba(58, 65, 50, 0.1);
  }
  html[data-view-mode="mobile"] .proactive-sheet-filter-group:last-child,
  body[data-view-mode="mobile"] .proactive-sheet-filter-group:last-child {
    padding-bottom: 0;
    border-bottom: 0;
  }
  html[data-view-mode="mobile"] .proactive-velocity-group,
  body[data-view-mode="mobile"] .proactive-velocity-group,
  html[data-view-mode="mobile"] .proactive-mode-group,
  body[data-view-mode="mobile"] .proactive-mode-group,
  html[data-view-mode="mobile"] .proactive-machinery-group,
  body[data-view-mode="mobile"] .proactive-machinery-group {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
  }
  html[data-view-mode="mobile"] .proactive-mode-group,
  body[data-view-mode="mobile"] .proactive-mode-group,
  html[data-view-mode="mobile"] .proactive-machinery-group,
  body[data-view-mode="mobile"] .proactive-machinery-group {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  html[data-view-mode="mobile"] .proactive-velocity-chip,
  body[data-view-mode="mobile"] .proactive-velocity-chip,
  html[data-view-mode="mobile"] .proactive-mode-chip,
  body[data-view-mode="mobile"] .proactive-mode-chip,
  html[data-view-mode="mobile"] .proactive-machinery-chip,
  body[data-view-mode="mobile"] .proactive-machinery-chip {
    width: 100%;
    min-width: 0;
  }
  html[data-view-mode="mobile"] .proactive-sheet-filter-actions,
  body[data-view-mode="mobile"] .proactive-sheet-filter-actions {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    justify-content: stretch;
    justify-items: stretch;
  }
  html[data-view-mode="mobile"] .proactive-filter-toggle-row,
  body[data-view-mode="mobile"] .proactive-filter-toggle-row,
  html[data-view-mode="mobile"] .proactive-filter-submit-row,
  body[data-view-mode="mobile"] .proactive-filter-submit-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    justify-content: stretch;
    padding-top: 0;
  }
  html[data-view-mode="mobile"] .proactive-sheet-filter-actions .proactive-pill,
  body[data-view-mode="mobile"] .proactive-sheet-filter-actions .proactive-pill {
    width: 100%;
  }
  html[data-view-mode="mobile"] .proactive-sheet-shell .table-tools,
  body[data-view-mode="mobile"] .proactive-sheet-shell .table-tools,
  html[data-view-mode="mobile"] .proactive-sheet-shell .table-columns-inline,
  body[data-view-mode="mobile"] .proactive-sheet-shell .table-columns-inline,
  html[data-view-mode="mobile"] .proactive-sheet-shell .table-columns-control,
  body[data-view-mode="mobile"] .proactive-sheet-shell .table-columns-control,
  html[data-view-mode="mobile"] .proactive-sheet-toolbar-actions > .btn-icon,
  body[data-view-mode="mobile"] .proactive-sheet-toolbar-actions > .btn-icon {
    display: none !important;
  }
  @media (max-width: 767px) {
    html:not([data-view-mode="desktop"]) .proactive-sheet-shell .table-tools,
    html:not([data-view-mode="desktop"]) .proactive-sheet-shell .table-columns-inline,
    html:not([data-view-mode="desktop"]) .proactive-sheet-shell .table-columns-control,
    html:not([data-view-mode="desktop"]) .proactive-sheet-toolbar-actions > .btn-icon {
      display: none !important;
    }
  }
  @media (max-width: 430px) {
    .proactive-card-row {
      grid-template-columns: minmax(0, 1fr) minmax(5.8rem, 0.78fr);
      gap: 0.5rem;
    }
    .proactive-card-metric {
      padding-inline: 0.65rem;
    }
    .proactive-card-metric span {
      font-size: 0.56rem;
    }
  }
  .proactive-sheet-page[data-proactive-mode="sku-pairing-actions"] .sku-pairing-actions-filter,
  html[data-view-mode="mobile"] .proactive-sheet-page[data-proactive-mode="sku-pairing-actions"] .sku-pairing-actions-filter,
  body[data-view-mode="mobile"] .proactive-sheet-page[data-proactive-mode="sku-pairing-actions"] .sku-pairing-actions-filter {
    grid-template-columns: minmax(8rem, 12rem) minmax(8rem, 10rem) minmax(0, 1fr) !important;
    align-items: end;
    padding: 0.65rem 0.85rem;
  }
  .proactive-sheet-page[data-proactive-mode="sku-pairing-actions"] .sku-pairing-actions-filter .proactive-sheet-filter-fields,
  html[data-view-mode="mobile"] .proactive-sheet-page[data-proactive-mode="sku-pairing-actions"] .sku-pairing-actions-filter .proactive-sheet-filter-fields,
  body[data-view-mode="mobile"] .proactive-sheet-page[data-proactive-mode="sku-pairing-actions"] .sku-pairing-actions-filter .proactive-sheet-filter-fields {
    grid-column: 1 !important;
    grid-row: 1 !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
    max-width: 12rem;
  }
  .proactive-sheet-page[data-proactive-mode="sku-pairing-actions"] .sku-pairing-actions-filter .proactive-sheet-filter-group,
  html[data-view-mode="mobile"] .proactive-sheet-page[data-proactive-mode="sku-pairing-actions"] .sku-pairing-actions-filter .proactive-sheet-filter-group,
  body[data-view-mode="mobile"] .proactive-sheet-page[data-proactive-mode="sku-pairing-actions"] .sku-pairing-actions-filter .proactive-sheet-filter-group {
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
  }
  .proactive-sheet-page[data-proactive-mode="sku-pairing-actions"] .sku-pairing-actions-filter .proactive-filter-score-card,
  html[data-view-mode="mobile"] .proactive-sheet-page[data-proactive-mode="sku-pairing-actions"] .sku-pairing-actions-filter .proactive-filter-score-card,
  body[data-view-mode="mobile"] .proactive-sheet-page[data-proactive-mode="sku-pairing-actions"] .sku-pairing-actions-filter .proactive-filter-score-card {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: end;
    min-width: 0;
    padding: 0.48rem 0.75rem;
  }
  .proactive-sheet-page[data-proactive-mode="sku-pairing-actions"] .sku-pairing-actions-filter .proactive-sheet-filter-actions,
  html[data-view-mode="mobile"] .proactive-sheet-page[data-proactive-mode="sku-pairing-actions"] .sku-pairing-actions-filter .proactive-sheet-filter-actions,
  body[data-view-mode="mobile"] .proactive-sheet-page[data-proactive-mode="sku-pairing-actions"] .sku-pairing-actions-filter .proactive-sheet-filter-actions {
    grid-column: 3 !important;
    grid-row: 1 !important;
    display: flex !important;
    align-items: end;
    justify-content: flex-end;
    gap: 0.45rem;
    width: auto;
  }
  .proactive-sheet-page[data-proactive-mode="sku-pairing-actions"] .sku-pairing-actions-filter .proactive-filter-toggle-row,
  .proactive-sheet-page[data-proactive-mode="sku-pairing-actions"] .sku-pairing-actions-filter .proactive-filter-submit-row,
  html[data-view-mode="mobile"] .proactive-sheet-page[data-proactive-mode="sku-pairing-actions"] .sku-pairing-actions-filter .proactive-filter-toggle-row,
  html[data-view-mode="mobile"] .proactive-sheet-page[data-proactive-mode="sku-pairing-actions"] .sku-pairing-actions-filter .proactive-filter-submit-row,
  body[data-view-mode="mobile"] .proactive-sheet-page[data-proactive-mode="sku-pairing-actions"] .sku-pairing-actions-filter .proactive-filter-toggle-row,
  body[data-view-mode="mobile"] .proactive-sheet-page[data-proactive-mode="sku-pairing-actions"] .sku-pairing-actions-filter .proactive-filter-submit-row {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: 0.45rem;
    width: auto;
  }
  .proactive-sheet-page[data-proactive-mode="sku-pairing-actions"] .sku-pairing-actions-filter .proactive-sheet-filter-actions .proactive-pill,
  html[data-view-mode="mobile"] .proactive-sheet-page[data-proactive-mode="sku-pairing-actions"] .sku-pairing-actions-filter .proactive-sheet-filter-actions .proactive-pill,
  body[data-view-mode="mobile"] .proactive-sheet-page[data-proactive-mode="sku-pairing-actions"] .sku-pairing-actions-filter .proactive-sheet-filter-actions .proactive-pill {
    width: auto !important;
  }
  @media (max-width: 760px) {
    .proactive-sheet-page[data-proactive-mode="sku-pairing-actions"] .sku-pairing-actions-filter,
    html[data-view-mode="mobile"] .proactive-sheet-page[data-proactive-mode="sku-pairing-actions"] .sku-pairing-actions-filter,
    body[data-view-mode="mobile"] .proactive-sheet-page[data-proactive-mode="sku-pairing-actions"] .sku-pairing-actions-filter {
      grid-template-columns: 1fr !important;
    }
    .proactive-sheet-page[data-proactive-mode="sku-pairing-actions"] .sku-pairing-actions-filter .proactive-sheet-filter-fields,
    .proactive-sheet-page[data-proactive-mode="sku-pairing-actions"] .sku-pairing-actions-filter .proactive-filter-score-card,
    .proactive-sheet-page[data-proactive-mode="sku-pairing-actions"] .sku-pairing-actions-filter .proactive-sheet-filter-actions {
      grid-column: 1 !important;
      grid-row: auto !important;
      max-width: none;
    }
  }
  @media (max-width: 900px) {
    .proactive-sheet-page[data-proactive-mode="sku-pairing-actions"] .work-queue-shell {
      max-width: 100%;
    }
  }


/* Source: public/static/css/routes/location-cleanup.css */

.location-cleanup-page {
  display: grid;
  gap: 1.1rem;
}

.location-cleanup-card {
  display: grid;
  gap: 1rem;
}

.location-cleanup-filter {
  grid-template-columns: minmax(0, 1fr) minmax(10rem, 16rem) max-content;
}

.location-cleanup-filter-fields {
  display: grid;
  gap: 0.85rem 1.4rem;
  grid-template-columns: minmax(18rem, 1fr);
  max-width: 52rem;
}

.location-cleanup-search-group {
  max-width: none;
}

.location-cleanup-recommendation-filter {
  display: grid;
  gap: 0.45rem;
}

.location-cleanup-recommendation-options {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.55rem;
}

.location-cleanup-filter-chip.is-active {
  border-color: #365399;
  background: #365399;
  color: #fff;
}

.location-cleanup-filter-count {
  min-height: 2.25rem;
  font-size: 0.76rem;
}

.location-cleanup-score-card {
  gap: 0.18rem;
}

.location-cleanup-score-meta {
  display: flex;
  justify-content: center;
  gap: 0.45rem;
  flex-wrap: wrap;
  color: #607087;
  font-size: 0.68rem;
  font-weight: 800;
  line-height: 1.2;
  text-transform: uppercase;
}

.location-cleanup-status {
  min-height: 2.45rem;
}

.location-cleanup-toggle {
  min-height: 2.45rem;
  padding: 0.58rem 1rem;
  font-size: 0.84rem;
}

.location-cleanup-toggle.is-active {
  background: var(--filter-chip-bg);
  border-color: var(--filter-chip-bg);
  color: #fff;
}

.location-cleanup-table-shell {
  margin-top: 0.25rem;
}

.location-cleanup-table {
  min-width: 76rem;
}

.location-cleanup-table .cleanup-col-velocity { width: 6rem; }
.location-cleanup-table .cleanup-col-sku { width: 18rem; }
.location-cleanup-table .cleanup-col-source { width: 9rem; }
.location-cleanup-table .cleanup-col-metrics { width: 9rem; }
.location-cleanup-table .cleanup-col-targets { width: 22rem; }
.location-cleanup-table .cleanup-col-recommendation { width: 12.5rem; }
.location-cleanup-table .cleanup-col-action { width: 8.5rem; }

.location-cleanup-table :where(th, td) {
  vertical-align: middle;
}

.location-cleanup-number,
.location-cleanup-location,
.location-cleanup-sku {
  font-variant-numeric: tabular-nums;
}

.location-cleanup-sku {
  color: #172033;
  font-weight: 900;
}

.location-cleanup-item-name {
  margin-top: 0.2rem;
  color: #607087;
  font-size: 0.76rem;
  font-weight: 650;
  line-height: 1.25;
}

.location-cleanup-location {
  color: #223047;
  font-weight: 900;
}

.location-cleanup-metric-pack {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.28rem;
  align-items: stretch;
}

.location-cleanup-metric-pack span {
  display: grid;
  gap: 0.18rem;
  justify-items: center;
  min-width: 0;
  padding: 0.35rem 0.18rem;
  border: 1px solid rgba(58, 65, 50, 0.1);
  border-radius: 0.48rem;
  background: rgba(255, 252, 247, 0.74);
}

.location-cleanup-metric-pack b {
  color: #1f2937;
  font-size: 0.88rem;
  font-weight: 900;
  line-height: 1;
}

.location-cleanup-metric-pack small {
  overflow: hidden;
  max-width: 100%;
  color: #64748b;
  font-size: 0.58rem;
  font-weight: 850;
  letter-spacing: 0.05em;
  line-height: 1;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.location-cleanup-targets {
  line-height: 1.35;
}

.location-cleanup-target-label {
  color: #263447;
  font-size: 0.78rem;
  font-weight: 900;
}

.location-cleanup-target-label-secondary {
  margin-top: 0.55rem;
}

.location-cleanup-target-line {
  color: #314159;
  font-size: 0.8rem;
  font-weight: 650;
}

.location-cleanup-target-line span {
  color: #64748b;
  font-weight: 700;
}

.location-cleanup-recommendation {
  color: #34405a;
  font-size: 0.82rem;
  font-weight: 900;
}

.location-cleanup-recommendation-stack {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
}

.location-cleanup-second-pf-flag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  max-width: 100%;
  border: 1px solid #f59e0b;
  border-radius: 999px;
  background: #fffbeb;
  color: #92400e;
  font-size: 0.68rem;
  font-weight: 800;
  line-height: 1;
  padding: 0.28rem 0.48rem;
  text-transform: uppercase;
  white-space: nowrap;
}

.location-cleanup-action-cell {
  padding-inline: 0.55rem;
}

.location-cleanup-complete {
  width: 100%;
  min-width: 0;
  min-height: 2.55rem;
  font-size: 0.82rem;
  font-weight: 900;
}

:where(html[data-view-mode="mobile"], body[data-view-mode="mobile"]) .location-cleanup-page [data-proactive-card].work-card .work-card-detail-grid,
html:not([data-view-mode="desktop"]) .location-cleanup-page [data-proactive-card].work-card .work-card-detail-grid,
body:not([data-view-mode="desktop"]) .location-cleanup-page [data-proactive-card].work-card .work-card-detail-grid {
  grid-template-columns: minmax(0, 1fr) minmax(15rem, 0.72fr);
  gap: 0.95rem;
  align-items: start;
}

:where(html[data-view-mode="mobile"], body[data-view-mode="mobile"]) .location-cleanup-page [data-proactive-card] .work-location-stack,
html:not([data-view-mode="desktop"]) .location-cleanup-page [data-proactive-card] .work-location-stack,
body:not([data-view-mode="desktop"]) .location-cleanup-page [data-proactive-card] .work-location-stack {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.65rem;
}

:where(html[data-view-mode="mobile"], body[data-view-mode="mobile"]) .location-cleanup-page [data-proactive-card] .work-location-pill,
html:not([data-view-mode="desktop"]) .location-cleanup-page [data-proactive-card] .work-location-pill,
body:not([data-view-mode="desktop"]) .location-cleanup-page [data-proactive-card] .work-location-pill {
  display: inline-grid;
  grid-template-columns: auto minmax(0, auto) auto;
  align-items: center;
  gap: 0.55rem;
  width: auto;
  max-width: 100%;
}

:where(html[data-view-mode="mobile"], body[data-view-mode="mobile"]) .location-cleanup-page [data-proactive-card] .work-metric-stack,
html:not([data-view-mode="desktop"]) .location-cleanup-page [data-proactive-card] .work-metric-stack,
body:not([data-view-mode="desktop"]) .location-cleanup-page [data-proactive-card] .work-metric-stack {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.8rem;
}

:where(html[data-view-mode="mobile"], body[data-view-mode="mobile"]) .location-cleanup-page [data-proactive-card] .work-metric-pill,
html:not([data-view-mode="desktop"]) .location-cleanup-page [data-proactive-card] .work-metric-pill,
body:not([data-view-mode="desktop"]) .location-cleanup-page [data-proactive-card] .work-metric-pill {
  min-height: 2.6rem;
}

@media (max-width: 760px) {
  :where(html[data-view-mode="mobile"], body[data-view-mode="mobile"]) .location-cleanup-page [data-proactive-card].work-card .work-card-detail-grid,
  html:not([data-view-mode="desktop"]) .location-cleanup-page [data-proactive-card].work-card .work-card-detail-grid,
  body:not([data-view-mode="desktop"]) .location-cleanup-page [data-proactive-card].work-card .work-card-detail-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1320px) {
  .location-cleanup-filter {
    grid-template-columns: minmax(0, 1fr) minmax(13.5rem, 17rem);
  }

  .location-cleanup-filter-fields {
    grid-column: 1;
    grid-row: 1 / span 2;
    max-width: none;
  }
}

@media (max-width: 760px) {
  .location-cleanup-filter {
    grid-template-columns: 1fr;
  }

  .location-cleanup-filter-fields {
    grid-column: auto;
    grid-row: auto;
  }

  .location-cleanup-recommendation-options {
    display: grid;
    grid-template-columns: 1fr;
  }
}


/* Source: public/static/css/routes/empty-locations.css */

.empty-locations-page .metric-card {
  min-height: 5.9rem;
}

.empty-locations-stat-grid {
  align-items: stretch;
}

.empty-locations-stat-grid .metric-card {
  min-height: 5.5rem;
}

body[data-view-mode="mobile"] .empty-locations-page .page-hero {
  padding-bottom: 1.35rem;
}

body[data-view-mode="mobile"] .empty-locations-page .page-actions {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  display: block;
  width: auto;
}

body[data-view-mode="mobile"] .empty-locations-page .page-actions > * {
  flex: none;
}

body[data-view-mode="mobile"] .empty-locations-page .page-info-toggle {
  width: auto;
}

body[data-view-mode="mobile"] .empty-locations-page .page-header-controls {
  display: none;
}

.empty-locations-filter-card {
  display: grid;
  grid-template-columns: minmax(11rem, 17rem) minmax(0, 1fr);
  align-items: end;
  gap: 1rem;
  padding: 1rem 1.25rem;
}

.empty-locations-page.is-loading {
  cursor: progress;
}

.empty-locations-page.is-loading .empty-locations-tabs,
.empty-locations-page.is-loading .empty-locations-filter-card,
.empty-locations-page.is-loading .empty-locations-preview-card,
.empty-locations-page.is-loading > .surface-card {
  opacity: 0.58;
  pointer-events: none;
}

.empty-locations-filter-head .section-head {
  margin-bottom: 0;
}

.empty-locations-filter-row {
  display: grid;
  grid-template-columns: minmax(14rem, 22rem) minmax(9.5rem, 11rem);
  align-items: end;
  gap: 0.85rem;
  margin-top: 0;
  min-width: 0;
}

.empty-locations-kind-field {
  min-width: 0;
}

.empty-locations-check-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  min-height: 2.75rem;
  width: max-content;
  max-width: 100%;
  padding: 0.65rem 0.9rem;
  border: 1px solid rgba(100, 116, 139, 0.22);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  color: #334155;
  font-size: 0.85rem;
  font-weight: 650;
  line-height: 1;
  white-space: nowrap;
}

.empty-locations-check-toggle input {
  width: 0.95rem;
  height: 0.95rem;
  margin: 0;
  flex: 0 0 auto;
}

.empty-locations-refresh {
  flex: 0 0 auto;
  align-self: end;
  min-height: 2.75rem;
  min-width: 9.5rem;
  width: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

body[data-view-mode="mobile"] .empty-locations-filter-card {
  grid-template-columns: minmax(0, 1fr);
  gap: 0.75rem;
  overflow: hidden;
  padding: 1rem;
}

body[data-view-mode="mobile"] .empty-locations-stat-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}

body[data-view-mode="mobile"] .empty-locations-stat-grid .metric-card {
  min-height: 5.3rem;
  padding: 0.85rem 0.9rem;
}

body[data-view-mode="mobile"] .empty-locations-filter-row {
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
}

body[data-view-mode="mobile"] .empty-locations-kind-field {
  width: 100%;
}

body[data-view-mode="mobile"] .empty-locations-refresh {
  justify-content: center;
  min-width: 0;
  width: 100%;
}

body[data-view-mode="mobile"] .empty-locations-tabs {
  width: 100%;
}

body[data-view-mode="mobile"] .empty-locations-tabbar {
  align-items: stretch;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  width: 100%;
}

body[data-view-mode="mobile"] .empty-locations-tab {
  flex: 1 1 0;
  min-width: 0;
  padding-left: 0.38rem;
  padding-right: 0.38rem;
  font-size: 0.74rem;
}

body[data-view-mode="mobile"] .empty-locations-result-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
}

body[data-view-mode="mobile"] .empty-locations-result-metrics > span {
  justify-content: center;
  min-width: 0;
}

.empty-locations-tabs {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: max-content;
  max-width: 100%;
  padding: 0.35rem;
  border: 1px solid rgba(100, 116, 139, 0.18);
  border-radius: 0.75rem;
  background: rgba(248, 250, 252, 0.76);
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06);
}

.empty-locations-tabbar {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  max-width: 100%;
}

.empty-locations-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.35rem;
  padding: 0.45rem 0.85rem;
  border-radius: 0.55rem;
  color: #475569;
  font-size: 0.86rem;
  font-weight: 750;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
}

.empty-locations-tab:hover {
  color: #0f172a;
  background: rgba(255, 255, 255, 0.72);
}

.empty-locations-tab.is-active {
  background: #0f172a;
  color: #fff;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.16);
}

.empty-location-add-trigger {
  min-height: 2.7rem;
  min-width: 2.7rem;
  padding-left: 0.9rem;
  padding-right: 1rem;
  white-space: nowrap;
}

.empty-location-add-plus {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.35rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1;
}

body[data-view-mode="mobile"] .empty-location-add-trigger {
  width: 2.7rem;
  padding-left: 0;
  padding-right: 0;
}

body[data-view-mode="mobile"] .empty-location-add-plus {
  margin-right: 0;
}

body[data-view-mode="mobile"] .empty-location-add-text {
  display: none;
}

.empty-locations-preview-card {
  container-type: inline-size;
  display: grid;
  gap: 1rem;
  overflow: hidden;
}

.empty-locations-preview-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 1rem;
  min-width: 0;
}

.empty-locations-preview-head .section-head,
.empty-locations-preview-head .section-head > div,
.empty-locations-preview-head .section-subtitle {
  min-width: 0;
  max-width: 100%;
}

.empty-locations-preview-head .section-subtitle {
  overflow-wrap: anywhere;
}

.empty-locations-preview-count {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  padding: 0.35rem 0.7rem;
  border: 1px solid rgba(100, 116, 139, 0.18);
  border-radius: 999px;
  background: rgba(248, 250, 252, 0.82);
  color: #475569;
  font-size: 0.8rem;
  font-weight: 750;
  white-space: nowrap;
}

.empty-locations-preview-empty {
  padding: 0.9rem 1rem;
  border: 1px dashed rgba(100, 116, 139, 0.24);
  border-radius: 0.75rem;
  background: rgba(248, 250, 252, 0.56);
  color: #64748b;
  font-size: 0.9rem;
  line-height: 1.4;
}

.empty-locations-preview-list {
  display: grid;
  gap: 0.6rem;
}

.empty-locations-preview-row {
  display: grid;
  grid-template-columns: minmax(9rem, 1fr) minmax(8rem, 0.7fr) minmax(10rem, 0.9fr) minmax(10rem, 1.2fr);
  align-items: start;
  gap: 0.85rem;
  padding: 0.8rem 0.9rem;
  border: 1px solid rgba(100, 116, 139, 0.14);
  border-radius: 0.75rem;
  background: rgba(255, 255, 255, 0.62);
  color: #475569;
  font-size: 0.86rem;
  min-width: 0;
  transition:
    opacity 180ms ease,
    transform 180ms ease,
    max-height 240ms ease,
    padding 240ms ease,
    border-width 240ms ease;
}

.empty-locations-preview-row > div {
  min-width: 0;
}

.empty-locations-preview-row span {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.empty-locations-preview-row strong {
  display: block;
  color: #0f172a;
  font-size: 0.96rem;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.empty-locations-preview-note {
  min-width: 0;
  color: #64748b;
  line-height: 1.35;
}

.empty-locations-preview-actions {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  flex-wrap: wrap;
  min-width: 0;
}

.empty-locations-preview-actions .btn {
  min-width: 7.5rem;
}

.empty-locations-preview-row.is-resolved {
  opacity: 0.68;
}

.empty-locations-preview-row.is-fading-out {
  opacity: 0;
  transform: translateY(-0.25rem);
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  border-width: 0;
  pointer-events: none;
}

@container (max-width: 42rem) {
  .empty-locations-preview-head {
    display: grid;
  }

  .empty-locations-preview-count {
    width: max-content;
    max-width: 100%;
  }

  .empty-locations-preview-row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .empty-locations-preview-actions {
    grid-column: 1 / -1;
  }
}

@container (max-width: 28rem) {
  .empty-locations-preview-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .empty-locations-preview-actions .btn {
    width: 100%;
  }
}

.empty-locations-results-bar {
  gap: 1rem;
}

.empty-locations-result-metrics {
  display: grid;
  grid-template-columns: repeat(3, max-content);
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
  color: #64748b;
  font-size: 0.85rem;
}

.empty-locations-result-metrics > span {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  padding: 0.35rem 0.7rem;
  border: 1px solid rgba(100, 116, 139, 0.18);
  border-radius: 999px;
  background: rgba(248, 250, 252, 0.82);
  white-space: nowrap;
}

.empty-locations-result-metrics strong {
  margin-left: 0.25rem;
  color: #334155;
  font-weight: 800;
}

.empty-location-status-pill {
  display: inline-flex;
  align-items: center;
  min-height: 1.8rem;
  padding: 0.35rem 0.7rem;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

.empty-location-status-open {
  border: 1px solid rgba(138, 90, 23, 0.24);
  background: rgba(138, 90, 23, 0.09);
  color: #704a14;
}

.empty-location-status-checked {
  border: 1px solid rgba(20, 120, 83, 0.22);
  background: rgba(20, 120, 83, 0.08);
  color: #137453;
}

.empty-location-status-note {
  display: block;
  margin-top: 0.35rem;
  min-height: 0.95rem;
  color: #64748b;
  font-size: 0.76rem;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.empty-locations-empty-panel {
  margin-top: 1.25rem;
  padding: 1.25rem;
  border: 1px dashed rgba(100, 116, 139, 0.26);
  border-radius: 0.85rem;
  background: rgba(248, 250, 252, 0.54);
}

.empty-locations-row-list {
  container-type: inline-size;
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  margin-top: 1.25rem;
}

.empty-location-row-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 1rem;
  max-height: 40rem;
  min-height: 4.9rem;
  padding: 0.85rem 1rem;
  border: 1px solid rgba(100, 116, 139, 0.16);
  border-radius: 0.85rem;
  background: rgba(255, 255, 255, 0.66);
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
  overflow: hidden;
  transition:
    opacity 180ms ease,
    transform 180ms ease,
    max-height 260ms ease,
    min-height 260ms ease,
    margin 260ms ease,
    padding 260ms ease,
    border-width 260ms ease;
}

.empty-location-row-card.is-highlighted {
  border-color: rgba(14, 132, 133, 0.46);
  box-shadow: 0 0 0 3px rgba(14, 132, 133, 0.12), 0 8px 24px rgba(15, 23, 42, 0.04);
}

.empty-location-row-card.is-fading-out {
  opacity: 0;
  transform: translateY(-0.35rem);
  max-height: 0;
  min-height: 0;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  border-width: 0;
  pointer-events: none;
}

.empty-location-row-main {
  display: grid;
  grid-template-columns: minmax(10rem, 1.1fr) minmax(10rem, 0.8fr) minmax(10rem, 1fr);
  align-items: center;
  gap: 1rem;
  min-width: 0;
}

.empty-location-card-label {
  color: #64748b;
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  line-height: 1;
  text-transform: uppercase;
}

.empty-location-card-barcode {
  margin-top: 0.45rem;
  color: #0f172a;
  font-size: 1.05rem;
  font-weight: 800;
  line-height: 1.2;
}

.empty-location-row-status {
  min-width: 0;
}

.empty-location-row-action {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0.5rem;
  min-width: 8rem;
}

.empty-location-row-action .btn {
  min-width: 6.75rem;
}

.empty-location-card-meta {
  display: none;
  color: #64748b;
  font-size: 0.78rem;
}

.empty-location-card-meta span {
  display: inline-flex;
  align-items: center;
  min-height: 1.65rem;
  padding: 0.28rem 0.55rem;
  border: 1px solid rgba(100, 116, 139, 0.14);
  border-radius: 999px;
  background: rgba(248, 250, 252, 0.72);
}

.empty-location-card-note {
  color: #64748b;
  font-size: 0.82rem;
  line-height: 1.35;
}

.empty-location-card-note.is-empty {
  display: none;
}

.empty-location-card-note-label {
  display: block;
  color: #64748b;
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  line-height: 1;
  margin-bottom: 0.35rem;
  text-transform: uppercase;
}

.empty-location-card-note small {
  display: block;
  margin-top: 0.25rem;
  color: #94a3b8;
  font-size: 0.72rem;
  font-weight: 650;
}

.empty-location-note-panel {
  grid-column: 1 / -1;
  border-top: 1px solid rgba(100, 116, 139, 0.12);
  padding-top: 0.75rem;
}

.empty-location-note-panel summary {
  display: inline-flex;
  align-items: center;
  width: max-content;
  max-width: 100%;
  min-height: 1.9rem;
  padding: 0.28rem 0.65rem;
  border: 1px solid rgba(100, 116, 139, 0.18);
  border-radius: 999px;
  background: rgba(248, 250, 252, 0.7);
  color: #475569;
  font-size: 0.78rem;
  font-weight: 750;
  cursor: pointer;
  list-style: none;
}

.empty-location-note-panel summary::-webkit-details-marker {
  display: none;
}

.empty-location-note-panel[open] summary {
  border-color: rgba(138, 90, 23, 0.24);
  background: rgba(138, 90, 23, 0.08);
  color: #704a14;
}

.empty-location-note-body {
  display: grid;
  gap: 0.65rem;
  margin-top: 0.7rem;
}

.empty-location-note-input {
  width: 100%;
  min-height: 4.2rem;
  resize: vertical;
  border: 1px solid rgba(100, 116, 139, 0.22);
  border-radius: 0.75rem;
  background: rgba(255, 255, 255, 0.84);
  color: #0f172a;
  font-size: 0.9rem;
  line-height: 1.4;
  padding: 0.7rem 0.8rem;
}

.empty-location-note-input:focus {
  outline: 2px solid rgba(14, 132, 133, 0.18);
  border-color: rgba(14, 132, 133, 0.34);
}

.empty-location-note-actions {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.empty-location-note-state {
  color: #64748b;
  font-size: 0.82rem;
  font-weight: 650;
}

.empty-location-add-open {
  overflow: hidden;
}

.empty-location-add-sheet[hidden] {
  display: none;
}

.empty-location-add-sheet {
  position: fixed;
  inset: 0;
  z-index: 90;
  display: grid;
  place-items: center;
  padding: 1.25rem;
}

.empty-location-add-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.38);
}

.empty-location-add-panel {
  position: relative;
  z-index: 1;
  width: min(30rem, 100%);
  border: 1px solid rgba(100, 116, 139, 0.18);
  border-radius: 0.85rem;
  background: #fff;
  box-shadow: 0 24px 64px rgba(15, 23, 42, 0.24);
  padding: 1.1rem;
}

.empty-location-add-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.95rem;
}

.empty-location-add-head h2 {
  margin: 0;
  color: #0f172a;
  font-size: 1.05rem;
  font-weight: 850;
  line-height: 1.2;
}

.empty-location-add-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.2rem;
  height: 2.2rem;
  border: 1px solid rgba(100, 116, 139, 0.18);
  border-radius: 0.55rem;
  background: rgba(248, 250, 252, 0.86);
  color: #475569;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
}

.empty-location-add-form {
  display: grid;
  gap: 0.85rem;
}

.empty-location-add-input {
  text-transform: uppercase;
}

.empty-location-add-actions {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.empty-location-add-actions .btn {
  min-width: 9rem;
}

.empty-location-add-state {
  color: #64748b;
  font-size: 0.84rem;
  font-weight: 650;
}

@media (max-width: 1100px) {
  .empty-location-row-main {
    grid-template-columns: minmax(10rem, 1fr) minmax(10rem, 1fr);
  }

  .empty-location-card-note {
    grid-column: 1 / -1;
  }
}

@container (max-width: 34rem) {
  .empty-location-row-card {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.65rem;
    min-height: 0;
    padding: 0.9rem;
    overflow: hidden;
  }

  .empty-location-row-main {
    display: grid;
    grid-template-columns: minmax(0, 1fr) max-content;
    grid-template-areas:
      "location status"
      "note note";
    align-items: start;
    column-gap: 0.75rem;
    row-gap: 0.5rem;
    width: 100%;
  }

  .empty-location-row-location {
    grid-area: location;
    min-width: 0;
  }

  .empty-location-card-barcode {
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .empty-location-row-status {
    grid-area: status;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0.4rem;
    justify-self: end;
    max-width: 9.75rem;
    justify-content: flex-end;
    text-align: right;
  }

  .empty-location-card-note {
    grid-area: note;
  }

  .empty-location-status-note {
    flex: 1 1 100%;
    margin-top: 0;
  }

  .empty-location-row-action {
    justify-content: stretch;
    min-width: 0;
    width: 100%;
  }

  .empty-location-row-action .btn {
    width: 100%;
    min-width: 0;
  }

  .empty-location-note-panel {
    padding-top: 0.6rem;
  }
}

@media (max-width: 900px) {
  .empty-locations-filter-card {
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
  }

  .empty-locations-filter-row {
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
  }

  .empty-locations-kind-field {
    width: 100%;
  }

  .empty-locations-check-toggle,
  .empty-locations-refresh {
    width: 100%;
    justify-content: center;
  }

  .empty-locations-result-metrics {
    justify-content: flex-start;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .empty-locations-preview-head {
    display: grid;
  }

  .empty-locations-preview-count {
    width: max-content;
    max-width: 100%;
  }

  .empty-locations-preview-row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .empty-location-row-card {
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
  }

  .empty-location-row-main {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.75rem;
  }

  .empty-location-row-action,
  .empty-location-row-action .btn {
    width: 100%;
  }

  .empty-location-note-panel summary {
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 640px) {
  .empty-locations-page .grid {
    gap: 0.75rem;
  }

  .empty-locations-filter-card,
  .empty-locations-page > .surface-card {
    padding: 1rem;
  }

  body[data-view-mode="mobile"] .empty-locations-filter-head {
    display: none;
  }

  body[data-view-mode="mobile"] .empty-locations-filter-row {
    grid-template-columns: minmax(0, 1fr) minmax(7rem, 0.52fr);
    align-items: end;
    gap: 0.6rem;
  }

  body[data-view-mode="mobile"] .empty-locations-refresh {
    min-height: 2.75rem;
    padding-left: 0.55rem;
    padding-right: 0.55rem;
    font-size: 0.82rem;
  }

  .empty-locations-result-metrics {
    width: 100%;
  }

  .empty-locations-result-metrics > span {
    justify-content: center;
    padding-left: 0.55rem;
    padding-right: 0.55rem;
  }

  .empty-locations-tabs {
    width: 100%;
  }

  .empty-locations-tabbar {
    align-items: stretch;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    width: 100%;
  }

  .empty-locations-tab {
    flex: 1 1 0;
    min-width: 0;
    padding-left: 0.38rem;
    padding-right: 0.38rem;
    font-size: 0.74rem;
  }

  .empty-location-add-trigger {
    width: 2.7rem;
    padding-left: 0;
    padding-right: 0;
  }

  .empty-location-add-plus {
    margin-right: 0;
  }

  .empty-location-add-text {
    display: none;
  }

  .empty-locations-preview-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .empty-locations-row-list {
    gap: 0.75rem;
  }

  .empty-location-row-card {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.65rem;
    min-height: 0;
    padding: 0.9rem;
    overflow: hidden;
  }

  .empty-location-row-main {
    display: grid;
    grid-template-columns: minmax(0, 1fr) max-content;
    grid-template-areas:
      "location status"
      "note note";
    align-items: start;
    column-gap: 0.75rem;
    row-gap: 0.5rem;
    width: 100%;
  }

  .empty-location-row-location {
    grid-area: location;
    min-width: 0;
  }

  .empty-location-card-barcode {
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .empty-location-row-status {
    grid-area: status;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0.4rem;
    justify-self: end;
    max-width: 9.75rem;
    justify-content: flex-end;
    text-align: right;
  }

  .empty-location-card-note {
    grid-area: note;
  }

  .empty-location-status-note {
    flex: 1 1 100%;
    margin-top: 0;
  }

  .empty-location-row-action {
    justify-content: stretch;
    min-width: 0;
    width: 100%;
  }

  .empty-location-row-action .btn {
    width: 100%;
    min-width: 0;
  }

  .empty-location-note-panel {
    padding-top: 0.6rem;
  }

  .empty-location-add-sheet {
    align-items: end;
    justify-items: stretch;
    padding: 0;
  }

  .empty-location-add-panel {
    width: 100%;
    max-height: calc(100dvh - 2.5rem);
    overflow: auto;
    border-radius: 1rem 1rem 0 0;
    padding: 1rem;
  }

  .empty-location-add-actions,
  .empty-location-add-actions .btn {
    width: 100%;
  }

  .empty-location-add-state {
    width: 100%;
  }
}

@media (max-width: 360px) {
  body[data-view-mode="mobile"] .empty-locations-filter-row {
    grid-template-columns: minmax(0, 1fr);
  }
}


/* Source: public/static/css/routes/sku-forecast-velocity.css */

.sku-velocity-page {
  display: grid;
  gap: 0.95rem;
}

.sku-velocity-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.sku-velocity-page .mono-badge {
  background: rgba(255, 255, 255, 0.56);
  border-color: rgba(31, 41, 55, 0.14);
  color: #1f2937;
}

.sku-velocity-filter {
  border: 1px solid rgba(31, 41, 55, 0.1);
  border-radius: 0.95rem;
  background: rgba(255, 255, 255, 0.68);
  box-shadow: 0 10px 24px rgba(31, 41, 55, 0.05);
}

.sku-velocity-filter {
  padding: 1rem !important;
}

.sku-velocity-filter .section-head {
  margin-bottom: 0;
}

.sku-velocity-filter .section-title {
  font-size: 1rem;
}

.sku-velocity-filter .section-subtitle {
  max-width: 44rem;
  font-size: 0.84rem;
}

.sku-velocity-filter .field-label {
  color: #64748b;
  font-size: 0.66rem;
  letter-spacing: 0.13em;
}

.sku-velocity-filter .field-input,
.sku-velocity-filter .field-select {
  min-height: 2.55rem;
  border-radius: 0.75rem;
  background: rgba(255, 255, 255, 0.82);
}

.sku-velocity-filter .btn {
  min-height: 2.55rem;
}

.sku-velocity-page .active-filter-bar {
  min-height: auto;
  padding: 0.75rem 0.85rem;
  border-radius: 0.85rem;
  background: rgba(255, 255, 255, 0.58);
  box-shadow: none;
}

.sku-velocity-page .active-filter-title {
  color: #64748b;
}

.sku-velocity-table-shell {
  max-height: 74vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

html[data-view-mode="desktop"] .sku-velocity-table-shell.desktop-only,
body[data-view-mode="desktop"] .sku-velocity-table-shell.desktop-only {
  display: flex !important;
}

.sku-velocity-table-toolbar {
  flex: 0 0 auto;
  z-index: 4;
}

.sku-velocity-table-shell > .table-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
}

.sku-velocity-table thead th {
  top: 0;
  z-index: 4;
}

.sku-velocity-table {
  min-width: 1120px;
}

.sku-velocity-table .sku-velocity-col-sku { width: 12rem; }
.sku-velocity-table .sku-velocity-col-item-name { width: 22rem; }
.sku-velocity-table .sku-velocity-col-total-cartons,
.sku-velocity-table .sku-velocity-col-total-units,
.sku-velocity-table .sku-velocity-col-fc-cartons,
.sku-velocity-table .sku-velocity-col-fc-units { width: 10rem; }
.sku-velocity-table .sku-velocity-col-carton-inner,
.sku-velocity-table .sku-velocity-col-velocity,
.sku-velocity-table .sku-velocity-col-weeks-included,
.sku-velocity-table .sku-velocity-col-avg-cartons-per-week { width: 8rem; }
.sku-velocity-table .sku-velocity-col-version,
.sku-velocity-table .sku-velocity-col-rep-year-month-week,
.sku-velocity-table .sku-velocity-col-week-start,
.sku-velocity-table .sku-velocity-col-week-end { width: 10rem; }

.sku-velocity-table td:first-child,
.sku-velocity-table th:first-child {
  position: sticky;
  left: 0;
  z-index: 3;
}

.sku-velocity-table thead th:first-child {
  z-index: 5;
}

.sku-velocity-table td:first-child {
  background: rgba(251, 248, 242, 0.98);
}

@media (max-width: 900px) {
  .sku-velocity-filter {
    padding: 0.85rem !important;
  }
}


/* Source: public/static/css/routes/sku-pairings.css */

.sku-pairings-page {
  display: grid;
  gap: 1rem;
}

.sku-pairings-panel {
  display: grid;
  gap: 0.85rem;
  padding: 1rem !important;
}

.sku-pairings-head {
  align-items: flex-start;
  gap: 0.8rem;
  margin-bottom: 0;
}

.sku-pairings-head .section-title {
  font-size: 1rem;
  font-weight: 730;
  line-height: 1.2;
}

.sku-pairings-head .section-copy {
  max-width: 46rem;
  font-size: 0.82rem;
  line-height: 1.35;
}

.sku-pairings-pills {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.42rem;
}

.sku-pairings-pills span {
  min-height: 1.85rem;
  padding: 0.38rem 0.7rem;
  border: 1px solid rgba(31, 41, 55, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  color: #334155;
  font-size: 0.72rem;
  font-weight: 760;
  line-height: 1.15;
  white-space: nowrap;
}

.sku-pairings-filter {
  padding: 0.78rem;
  border: 1px solid rgba(31, 41, 55, 0.1);
  border-radius: 0.85rem;
  background: rgba(255, 255, 255, 0.64);
}

.sku-pairings-filter-grid {
  display: grid;
  grid-template-columns: minmax(18rem, 1fr) 7rem 7.5rem auto;
  gap: 0.65rem;
  align-items: end;
}

.sku-pairings-filter .field-label {
  margin-bottom: 0.26rem;
  color: #64748b;
  font-size: 0.6rem;
  font-weight: 760;
  letter-spacing: 0.12em;
  line-height: 1;
}

.sku-pairings-filter .field-input {
  min-height: 2.35rem;
  padding: 0.42rem 0.7rem;
  border-radius: 0.62rem;
  background: rgba(255, 255, 255, 0.84);
  font-size: 0.84rem;
}

.sku-pairings-filter-actions {
  display: flex;
  gap: 0.48rem;
  align-items: center;
}

.sku-pairings-filter-actions .btn {
  min-height: 2.35rem;
  padding: 0.5rem 0.72rem;
  border-radius: 0.62rem;
  font-size: 0.76rem;
  font-weight: 740;
}

.sku-pairings-stat-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid rgba(31, 41, 55, 0.1);
  border-radius: 0.85rem;
  background: rgba(255, 252, 247, 0.7);
}

.sku-pairings-stat {
  min-width: 0;
  padding: 0.62rem 0.75rem;
  border-left: 1px solid rgba(31, 41, 55, 0.08);
}

.sku-pairings-stat:first-child {
  border-left: 0;
}

.sku-pairings-stat span {
  display: block;
  overflow: hidden;
  color: #64748b;
  font-size: 0.58rem;
  font-weight: 780;
  letter-spacing: 0.12em;
  line-height: 1.1;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.sku-pairings-stat strong {
  display: block;
  margin-top: 0.2rem;
  color: #0f172a;
  font-size: 1.25rem;
  font-weight: 760;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

.sku-pairings-stat em {
  display: block;
  margin-top: 0.28rem;
  overflow: hidden;
  color: #5f6f65;
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 560;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sku-pairings-table-shell {
  max-height: 68vh;
  display: flex;
  flex-direction: column;
  background: rgba(255, 255, 255, 0.72);
}

html[data-view-mode="desktop"] .sku-pairings-table-shell.desktop-only,
body[data-view-mode="desktop"] .sku-pairings-table-shell.desktop-only {
  display: flex !important;
}

html[data-view-mode="desktop"] .sku-pairings-mobile-records.mobile-record-list,
body[data-view-mode="desktop"] .sku-pairings-mobile-records.mobile-record-list {
  display: none !important;
}

.sku-pairings-table-shell > .table-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
}

.sku-pairings-table-tools {
  flex: 0 0 auto;
  padding: 0.5rem 0.62rem;
  background: rgba(255, 252, 247, 0.86);
}

.sku-pairings-table-tools .table-tools-copy {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.55rem;
  align-items: baseline;
  font-size: 0.78rem;
}

.sku-pairings-table-tools .table-tools-copy strong {
  color: #0f172a;
  font-weight: 760;
}

.sku-pairings-table-tools .table-tools-actions {
  align-items: center;
}

.sku-pairings-table {
  min-width: 1360px;
}

.sku-pairings-table thead th {
  top: 0;
  z-index: 4;
}

.sku-pairings-table th:first-child,
.sku-pairings-table td:first-child {
  width: 4.5rem;
}

.sku-pairings-table th:nth-child(2),
.sku-pairings-table td:nth-child(2) {
  width: 20rem;
  white-space: normal;
}

.sku-pairings-table th:nth-child(3),
.sku-pairings-table td:nth-child(3) {
  width: 14rem;
  white-space: normal;
}

.sku-pairings-table th:nth-child(6),
.sku-pairings-table td:nth-child(6),
.sku-pairings-table th:nth-child(7),
.sku-pairings-table td:nth-child(7) {
  width: 12rem;
  white-space: normal;
}

.sku-pairings-table td:nth-child(2) div,
.sku-pairings-table td:nth-child(3) div,
.sku-pairings-table td:nth-child(6) div,
.sku-pairings-table td:nth-child(7) div {
  overflow-wrap: anywhere;
}

.sku-pairings-inline-cluster {
  display: inline-flex;
  margin-top: 0.45rem;
  padding: 0.18rem 0.48rem;
  border: 1px solid rgba(180, 83, 9, 0.13);
  border-radius: 999px;
  background: rgba(180, 83, 9, 0.08);
  color: #8a3f06;
  font-size: 0.68rem;
  font-weight: 740;
  line-height: 1.2;
}

.sku-pairings-cluster-cell {
  display: grid;
  gap: 0.28rem;
  color: #475569;
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1.28;
}

.sku-pairings-cluster-badge {
  color: #0f172a;
  font-size: 0.78rem;
  font-weight: 760;
}

.sku-pairings-mobile-records {
  margin-top: 0.15rem;
}

@media (max-width: 72rem) {
  .sku-pairings-filter-grid {
    grid-template-columns: minmax(14rem, 1fr) repeat(2, minmax(6.5rem, 8rem));
  }

  .sku-pairings-filter-actions {
    grid-column: 1 / -1;
    justify-content: flex-end;
  }

  .sku-pairings-stat-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sku-pairings-stat:nth-child(4) {
    border-left: 0;
  }
}

@media (max-width: 48rem) {
  .sku-pairings-panel {
    padding: 0.85rem !important;
  }

  .sku-pairings-head {
    align-items: stretch;
  }

  .sku-pairings-pills {
    justify-content: flex-start;
  }

  .sku-pairings-filter-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sku-pairings-filter-grid .field:first-child {
    grid-column: 1 / -1;
  }

  .sku-pairings-filter-actions {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: 1fr 1fr;
  }

  .sku-pairings-filter-actions .btn {
    justify-content: center;
  }

  .sku-pairings-stat-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sku-pairings-stat:nth-child(odd) {
    border-left: 0;
  }

  .sku-pairings-stat strong {
    font-size: 1.12rem;
  }
}


/* Source: public/static/css/routes/carton-inner.css */

.carton-inner-page {
  display: grid;
  gap: 1rem;
  min-width: 0;
  max-width: 100%;
  overflow-x: clip;
}

.carton-inner-page > * {
  min-width: 0;
  max-width: 100%;
}

.carton-inner-page .page-hero {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.carton-inner-summary-grid .metric-card {
  min-height: 6rem;
}

.carton-inner-summary-grid {
  min-width: 0;
  width: 100%;
}

.carton-inner-filter-card {
  padding: 1rem !important;
  min-width: 0;
  width: 100%;
}

.carton-inner-filter-form {
  display: grid;
  gap: 0.85rem;
}

.carton-inner-filter-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(31, 41, 55, 0.08);
}

.carton-inner-filter-title {
  color: #0f172a;
  font-size: 0.98rem;
  font-weight: 760;
  line-height: 1.2;
}

.carton-inner-filter-meta {
  margin-top: 0.2rem;
  color: #64748b;
  font-size: 0.78rem;
  font-weight: 650;
  line-height: 1.3;
}

.carton-inner-saved-runs {
  min-height: 2.35rem;
  padding: 0.5rem 0.78rem;
  border-radius: 0.7rem;
  font-size: 0.78rem;
}

.carton-inner-filter-grid {
  display: grid;
  grid-template-columns: minmax(14rem, 1fr) minmax(18rem, 1.2fr) auto;
  gap: 0.75rem;
  align-items: end;
  min-width: 0;
}

.carton-inner-search-field {
  min-width: 0;
}

.carton-inner-filter-card .field-label {
  margin-bottom: 0.32rem;
  color: #64748b;
  font-size: 0.62rem;
  font-weight: 780;
  letter-spacing: 0.12em;
  line-height: 1;
}

.carton-inner-filter-card .field-input {
  min-height: 2.45rem;
  padding: 0.5rem 0.74rem;
  border-radius: 0.68rem;
  background: rgba(255, 255, 255, 0.86);
  font-size: 0.86rem;
}

.carton-inner-status-field {
  min-width: 0;
  padding: 0;
  border: 0;
}

.carton-inner-status-options {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.45rem;
}

.carton-inner-status-option {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 2.45rem;
  padding: 0.45rem 0.7rem;
  border: 1px solid rgba(31, 41, 55, 0.12);
  border-radius: 0.7rem;
  background: rgba(255, 255, 255, 0.68);
  color: #334155;
  cursor: pointer;
  font-size: 0.78rem;
  font-weight: 740;
  line-height: 1.15;
  text-align: center;
  transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease, box-shadow 160ms ease;
}

.carton-inner-status-option input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.carton-inner-status-option span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.carton-inner-status-option:hover,
.carton-inner-status-option:has(input:focus-visible) {
  border-color: rgba(14, 132, 133, 0.28);
  background: rgba(14, 132, 133, 0.08);
}

.carton-inner-status-option.is-selected,
.carton-inner-status-option:has(input:checked) {
  border-color: rgba(49, 92, 74, 0.34);
  background: rgba(49, 92, 74, 0.13);
  color: #315c4a;
  box-shadow: inset 0 0 0 1px rgba(49, 92, 74, 0.08);
}

.carton-inner-filter-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}

.carton-inner-filter-actions .btn {
  min-height: 2.45rem;
  padding: 0.52rem 0.78rem;
  border-radius: 0.7rem;
  font-size: 0.78rem;
}

.carton-inner-bulk-form {
  display: contents;
}

.carton-inner-select-all-control {
  display: inline-flex;
  align-items: center;
  gap: 0.48rem;
  min-height: 2.35rem;
  padding: 0.45rem 0.7rem;
  border: 1px solid rgba(31, 41, 55, 0.12);
  border-radius: 0.75rem;
  background: rgba(255, 255, 255, 0.72);
  color: #334155;
  cursor: pointer;
  font-size: 0.76rem;
  font-weight: 740;
  line-height: 1.15;
  white-space: nowrap;
}

.carton-inner-select-all-control input,
.carton-inner-table-select-all input,
.carton-inner-row-select input {
  width: 1rem;
  height: 1rem;
  accent-color: rgb(var(--action-button-rgb));
}

.carton-inner-bulk-replace-btn {
  min-height: 2.35rem;
  padding: 0.48rem 0.8rem;
  border-radius: 0.75rem;
  font-size: 0.78rem;
  white-space: nowrap;
}

.carton-inner-bulk-replace-btn span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.45rem;
  min-height: 1.45rem;
  padding: 0 0.36rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.18);
  font-size: 0.72rem;
  font-weight: 850;
  line-height: 1;
}

.carton-inner-card-list {
  margin-top: 1rem;
}

.carton-inner-card-list .mobile-record-actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.carton-inner-card-list .mobile-record-actions form {
  display: inline-flex;
}

.carton-inner-card-select {
  align-self: center;
}

.carton-inner-mobile-card .mobile-record-title {
  white-space: nowrap;
}

.carton-inner-empty-card {
  padding: 1rem;
}

.carton-inner-table-shell {
  max-height: 70vh;
  display: flex;
  flex-direction: column;
  background: rgba(255, 255, 255, 0.72);
}

html[data-view-mode="desktop"] .carton-inner-table-shell.desktop-only,
body[data-view-mode="desktop"] .carton-inner-table-shell.desktop-only {
  display: flex !important;
}

html[data-view-mode="desktop"] .carton-inner-card-list.mobile-record-list,
body[data-view-mode="desktop"] .carton-inner-card-list.mobile-record-list {
  display: none !important;
}

.carton-inner-table-shell > .table-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
}

.carton-inner-table-shell table {
  min-width: 1692px;
}

.carton-inner-table-shell col:nth-last-child(2) {
  width: 220px !important;
}

.carton-inner-table-shell col:last-child {
  width: 76px !important;
}

.carton-inner-table-shell td:nth-last-child(2) > div {
  min-width: max-content;
}

.carton-inner-table-select-all,
.carton-inner-row-select {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.15rem;
  min-height: 2.15rem;
  border: 1px solid rgba(31, 41, 55, 0.12);
  border-radius: 0.7rem;
  background: rgba(255, 255, 255, 0.72);
  cursor: pointer;
}

.carton-inner-row-select {
  gap: 0.45rem;
  padding: 0.36rem 0.55rem;
  color: #334155;
  font-size: 0.76rem;
  font-weight: 740;
  line-height: 1.15;
}

.carton-inner-table-select-all:hover,
.carton-inner-row-select:hover {
  border-color: rgba(14, 132, 133, 0.28);
  background: rgba(14, 132, 133, 0.08);
}

.carton-inner-select-placeholder {
  color: #94a3b8;
  font-weight: 700;
}

.carton-inner-status-badge {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  min-height: 1.85rem;
  padding: 0.34rem 0.66rem;
  border: 1px solid rgba(31, 41, 55, 0.1);
  border-radius: 999px;
  background: rgba(248, 250, 252, 0.9);
  color: #475569;
  font-size: 0.72rem;
  font-weight: 780;
  line-height: 1.15;
  white-space: nowrap;
}

.carton-inner-status-badge--matched {
  border-color: rgba(49, 92, 74, 0.22);
  background: rgba(237, 247, 241, 0.95);
  color: #315c4a;
}

.carton-inner-status-badge--mismatched {
  border-color: rgba(185, 130, 44, 0.3);
  background: rgba(255, 247, 237, 0.95);
  color: #8a5a19;
}

.carton-inner-status-badge--missing_master {
  border-color: rgba(210, 78, 47, 0.25);
  background: rgba(255, 241, 242, 0.95);
  color: #9f1239;
}

.carton-inner-po-cell {
  white-space: normal !important;
}

.carton-inner-po-cell .mono-badge {
  margin: 0.1rem 0.15rem 0.1rem 0;
}

@media (max-width: 72rem) {
  .carton-inner-filter-grid {
    grid-template-columns: minmax(14rem, 1fr);
  }

  .carton-inner-status-options {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .carton-inner-filter-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 48rem) {
  .carton-inner-filter-card {
    padding: 0.85rem !important;
  }

  .carton-inner-filter-head {
    align-items: stretch;
    flex-direction: column;
  }

  .carton-inner-saved-runs,
  .carton-inner-filter-actions .btn {
    width: 100%;
  }

  .carton-inner-status-options {
    grid-template-columns: 1fr;
  }

  .carton-inner-filter-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .carton-inner-card-list .mobile-record-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .carton-inner-mobile-card .mobile-record-topline {
    display: grid;
    grid-template-columns: 1fr;
  }

  .carton-inner-mobile-card .mobile-record-top-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    justify-content: stretch;
    width: 100%;
  }

  .carton-inner-select-all-control,
  .carton-inner-bulk-replace-btn {
    width: 100%;
  }

  .carton-inner-card-list .mobile-record-actions form,
  .carton-inner-card-list .mobile-record-actions .btn {
    width: 100%;
  }

  .carton-inner-card-select {
    justify-content: center;
    width: 100%;
  }
}


/* Source: public/static/css/routes/outbound-activity.css */

.outbound-hour-card {
  min-width: 0;
}

.outbound-activity-page {
  gap: 0.95rem;
}

.outbound-activity-page .ops-command-bar,
.outbound-activity-page .ops-summary-strip,
.outbound-activity-page .ops-panel {
  border-color: rgba(31, 41, 55, 0.11);
  background: rgba(255, 255, 255, 0.78);
}

.outbound-activity-page .section-title {
  font-weight: 730;
  letter-spacing: 0;
}

.outbound-activity-page .section-subtitle {
  font-weight: 400;
}

.outbound-scope-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.75rem;
  align-items: end;
}

.outbound-scope-grid {
  gap: 0.65rem !important;
}

.outbound-scope-card .field-label {
  margin-bottom: 0.28rem;
  font-size: 0.58rem;
  font-weight: 680;
  letter-spacing: 0.12em;
  line-height: 1;
}

.outbound-scope-card .field-input {
  min-height: 2.45rem;
  padding: 0.54rem 0.72rem;
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, 0.72);
  font-size: 0.84rem;
}

.outbound-scope-actions {
  gap: 0.55rem !important;
  align-items: center;
  padding-bottom: 0.02rem;
}

.outbound-scope-actions .btn {
  min-height: 2.45rem;
  padding: 0.58rem 0.82rem;
  border-radius: var(--radius-md);
  font-size: 0.82rem;
  font-weight: 720;
}

.outbound-workstream-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9rem;
}

.outbound-workstream-card {
  position: relative;
  overflow: hidden;
  gap: 0.9rem;
  padding: 0;
}

.outbound-workstream-card::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 0.22rem;
  content: "";
}

.outbound-workstream-card--pick::before {
  background: linear-gradient(180deg, #0f766e, #5cb7ad);
}

.outbound-workstream-card--despatch::before {
  background: linear-gradient(180deg, #334155, #94a3b8);
}

.outbound-workstream-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.85rem;
  min-width: 0;
  padding: 0.9rem 1rem 0;
}

.outbound-workstream-kicker {
  color: var(--muted);
  font-size: 0.64rem;
  font-weight: 820;
  letter-spacing: 0.12em;
  line-height: 1.15;
  text-transform: uppercase;
}

.outbound-workstream-title {
  margin: 0.22rem 0 0;
  color: var(--ink);
  font-size: 1rem;
  font-weight: 830;
  line-height: 1.2;
}

.outbound-workstream-status {
  flex: 0 0 auto;
  max-width: 13rem;
  padding: 0.34rem 0.54rem;
  border: 1px solid rgba(23, 29, 35, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  color: #53635a;
  font-size: 0.72rem;
  font-weight: 760;
  line-height: 1.2;
  text-align: right;
}

.outbound-workstream-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  min-width: 0;
  border-top: 1px solid rgba(23, 29, 35, 0.08);
}

.outbound-stat-card {
  display: grid;
  align-content: start;
  min-height: 9rem;
  gap: 0;
  padding: 0.95rem 1rem;
  border-right: 1px solid rgba(23, 29, 35, 0.08);
  background: rgba(255, 255, 255, 0.44);
}

.outbound-stat-card:last-child {
  border-right: 0;
}

.outbound-stat-card .metric-label {
  font-size: 0.58rem;
  font-weight: 680;
  letter-spacing: 0.12em;
  line-height: 1;
}

.outbound-stat-card .metric-value {
  margin-top: 0.34rem;
  font-size: clamp(1.8rem, 1.3rem + 1.3vw, 2.6rem);
  font-weight: 820;
  letter-spacing: 0;
}

.outbound-order-stat-card {
  gap: 0;
}

.outbound-rate-hint {
  margin-top: 0.18rem;
  color: #1f5f5a;
  font-size: 0.72rem;
  font-weight: 720;
  line-height: 1.18;
}

.outbound-stat-card .metric-hint {
  margin-top: auto;
  padding-top: 0.7rem;
  font-size: 0.7rem;
  font-weight: 500;
  line-height: 1.25;
}

.outbound-collapsible-section {
  overflow: hidden;
  gap: 0;
  padding: 0;
}

.outbound-collapsible-summary {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  min-height: 3.15rem;
  padding: 0.78rem 1rem 0.78rem 2.35rem;
  background: rgba(255, 255, 255, 0.58);
  cursor: pointer;
  list-style: none;
}

.outbound-collapsible-summary:hover {
  background: rgba(14, 132, 133, 0.06);
}

.outbound-collapsible-summary:focus-visible {
  outline: 2px solid rgba(15, 118, 110, 0.32);
  outline-offset: -2px;
}

.outbound-collapsible-summary::before {
  position: absolute;
  left: 1rem;
  top: 50%;
  width: 0.45rem;
  height: 0.45rem;
  border-right: 2px solid #53635a;
  border-bottom: 2px solid #53635a;
  content: "";
  transform: translateY(-50%) rotate(-45deg);
  transform-origin: center;
}

.outbound-collapsible-section[open] > .outbound-collapsible-summary {
  border-bottom: 1px solid rgba(23, 29, 35, 0.08);
}

.outbound-collapsible-section[open] > .outbound-collapsible-summary::before {
  transform: translateY(-60%) rotate(45deg);
}

.outbound-collapsible-summary::-webkit-details-marker {
  display: none;
}

.outbound-collapsible-summary span {
  color: #0f172a;
  font-size: 0.96rem;
  font-weight: 690;
  line-height: 1.2;
}

.outbound-collapsible-summary em {
  flex: 0 0 auto;
  padding: 0.18rem 0.48rem;
  border: 1px solid rgba(83, 99, 90, 0.16);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.78);
  color: #64748b;
  font-size: 0.78rem;
  font-style: normal;
  font-weight: 680;
  line-height: 1.2;
  white-space: nowrap;
}

.outbound-collapsible-body {
  padding: 1rem;
}

.outbound-report-panel,
.outbound-hour-card {
  gap: 0.95rem;
}

.outbound-productivity-panel {
  gap: 0.55rem;
}

.outbound-report-panel .table-shell,
.outbound-hour-card .table-shell,
.outbound-collapsible-body .table-shell {
  margin-top: 0.75rem !important;
}

.outbound-productivity-table-tools .view-toggle {
  border-color: rgba(15, 23, 42, 0.12);
  background: rgba(248, 250, 252, 0.88);
}

.outbound-productivity-table-tools .view-toggle-btn {
  min-height: 1.75rem;
  padding: 0.34rem 0.72rem;
  color: #64748b;
  font-weight: 830;
}

.outbound-productivity-table-tools .view-toggle-btn.is-active {
  border-color: rgba(15, 118, 110, 0.18);
  background: rgba(15, 118, 110, 0.12);
  color: #0f766e;
  box-shadow: inset 0 0 0 1px rgba(15, 118, 110, 0.08);
}

.outbound-productivity-shell {
  margin-top: 0.6rem !important;
  border-color: rgba(15, 23, 42, 0.1);
  background: rgba(255, 255, 255, 0.88);
}

.outbound-productivity-shell .table-tools {
  align-items: center;
  min-height: 2.65rem;
  padding: 0.45rem 0.62rem;
  background: rgba(248, 250, 252, 0.72);
}

.outbound-productivity-table-tools {
  justify-content: space-between;
}

.outbound-productivity-table-context {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  min-width: 0;
}

.outbound-productivity-shell .table-tools-copy {
  color: #64748b;
  font-size: 0.78rem;
  font-weight: 760;
  min-width: 0;
}

.outbound-productivity-shell .table-tools-actions {
  gap: 0.42rem;
}

.outbound-productivity-shell .table-tool-btn,
.outbound-productivity-shell .table-columns-control > .btn {
  min-height: 2.1rem;
  border-radius: 0.45rem;
  font-size: 0.72rem;
}

.outbound-productivity-scroll {
  max-height: 30rem;
}

.outbound-productivity-table {
  width: 100% !important;
  min-width: 100% !important;
  table-layout: fixed !important;
}

.outbound-productivity-table th {
  padding-top: 0.78rem;
  padding-bottom: 0.7rem;
  background: #f3f2ee;
  color: #64748b;
  font-size: 0.62rem;
  font-weight: 820;
  letter-spacing: 0.12em;
}

.outbound-productivity-table td {
  height: 3.15rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.outbound-productivity-table tbody tr:nth-child(even) {
  background: rgba(248, 250, 252, 0.48);
}

.outbound-productivity-table tbody tr:hover {
  background: rgba(14, 116, 144, 0.045);
}

.outbound-productivity-user {
  color: #111827;
  font-size: 0.82rem;
  font-weight: 780;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.outbound-productivity-metric {
  white-space: normal !important;
}

.outbound-productivity-cell-stack {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 0.16rem;
  max-width: 17rem;
}

.outbound-productivity-bar-cell {
  position: relative;
  overflow: hidden;
  text-align: left !important;
}

.outbound-productivity-rail {
  width: 100%;
  height: 0.22rem;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(226, 232, 240, 0.72);
}

.outbound-productivity-rail span {
  display: block;
  width: var(--productivity-bar, 0%);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(20, 184, 166, 0.42), rgba(15, 118, 110, 0.62));
}

.outbound-productivity-primary {
  color: #0f172a;
  font-size: 0.84rem;
  font-weight: 820;
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
}

.outbound-productivity-secondary {
  color: #64748b;
  font-size: 0.68rem;
  font-weight: 640;
  line-height: 1.15;
  font-variant-numeric: tabular-nums;
}

.outbound-productivity-rate {
  color: #334155;
  font-size: 0.84rem;
  font-weight: 780;
  font-variant-numeric: tabular-nums;
}

.outbound-productivity-rate > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 3.4rem;
  padding: 0.2rem 0.42rem;
  border-radius: 999px;
  background: rgba(241, 245, 249, 0.82);
}

.outbound-productivity-outlier {
  color: #475569;
  font-size: 0.76rem;
  font-weight: 660;
  white-space: normal !important;
}

.outbound-productivity-outlier-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  padding: 0.2rem 0.48rem;
  border: 1px solid rgba(100, 116, 139, 0.18);
  border-radius: 999px;
  background: rgba(241, 245, 249, 0.78);
  color: #475569;
  font-size: 0.7rem;
  font-weight: 760;
  line-height: 1.15;
}

.outbound-productivity-muted {
  color: #94a3b8;
}

@media (max-width: 48rem) {
  .outbound-scope-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .outbound-scope-search {
    grid-column: 1 / -1;
  }

  .outbound-scope-row {
    grid-template-columns: 1fr;
  }

  .outbound-scope-actions .btn {
    flex: 1 1 auto;
    justify-content: center;
  }

  .outbound-collapsible-summary {
    min-height: 3rem;
    padding-right: 0.8rem;
  }

  .outbound-stat-card {
    min-height: 7.4rem;
  }

  .outbound-workstream-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .outbound-workstream-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .outbound-workstream-header {
    display: flex;
    padding: 0.85rem 0.9rem 0;
  }

  .outbound-workstream-status {
    flex: 0 1 auto;
    max-width: 100%;
    text-align: right;
  }

  .outbound-productivity-shell .table-tools {
    align-items: stretch;
    gap: 0.55rem;
  }

  .outbound-productivity-table-context {
    display: grid;
    gap: 0.45rem;
  }

  .outbound-productivity-shell .table-tools-copy {
    width: 100%;
  }

  .outbound-productivity-scroll {
    max-height: 28rem;
  }

  .outbound-productivity-table {
    min-width: 46rem !important;
  }

  .outbound-productivity-user {
    max-width: 9.5rem;
  }

  .outbound-productivity-cell-stack {
    max-width: 13rem;
  }

  .outbound-stat-card {
    min-height: 6.75rem;
    border-right: 0;
    border-bottom: 0;
  }

  .outbound-stat-card:first-child {
    border-right: 1px solid rgba(23, 29, 35, 0.08);
  }

  .outbound-collapsible-body {
    padding: 0.8rem;
  }
}

@media (max-width: 360px) {
  .outbound-scope-grid,
  .outbound-workstream-metrics {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .outbound-workstream-header {
    display: grid;
  }

  .outbound-workstream-status {
    width: max-content;
    text-align: left;
  }

  .outbound-stat-card:first-child {
    border-right: 0;
    border-bottom: 1px solid rgba(23, 29, 35, 0.08);
  }
}

@media (min-width: 64rem) {
  .outbound-scope-card {
    display: grid;
    grid-template-columns: minmax(10rem, 14rem) minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
  }

  .outbound-scope-copy {
    align-self: center;
  }

  .outbound-scope-row {
    gap: 0.6rem;
  }

  .outbound-scope-actions {
    flex-wrap: nowrap;
  }
}

@media (min-width: 768px) {
  body.outbound-activity-route:not([data-view-mode="mobile"]) .workspace-inner {
    width: 100%;
    max-width: none;
  }
}

.outbound-interval-control {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  min-width: max-content;
  padding: 0.22rem;
  border: 1px solid rgba(15, 23, 42, 0.12);
  border-radius: 0.5rem;
  background: rgba(248, 250, 252, 0.92);
}

.outbound-interval-control.is-loading {
  opacity: 0.74;
  pointer-events: none;
}

.outbound-hour-region.is-loading,
[data-outbound-interval-region].is-loading {
  opacity: 0.72;
  pointer-events: none;
}

.outbound-interval-control.is-loading .outbound-interval-label::after {
  content: "...";
}

.outbound-interval-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 0.4rem;
  color: #0f172a;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  transition: background 140ms ease, color 140ms ease, transform 140ms ease;
}

.outbound-interval-btn:hover {
  background: #0f766e;
  color: #ffffff;
  transform: translateY(-1px);
}

.outbound-interval-btn.is-disabled {
  color: #94a3b8;
  cursor: not-allowed;
  transform: none;
}

.outbound-interval-btn.is-disabled:hover {
  background: transparent;
  color: #94a3b8;
}

.outbound-interval-label {
  min-width: 4.6rem;
  color: #334155;
  font-size: 0.72rem;
  font-weight: 690;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}

.outbound-hour-chart {
  display: grid;
  gap: 0.55rem;
  min-height: 18rem;
  max-height: 22rem;
  overflow-y: auto;
  margin-top: 1.25rem;
  padding: 0.85rem;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 0.5rem;
  background: linear-gradient(180deg, rgba(248, 250, 252, 0.92), rgba(255, 255, 255, 0.98));
}

.outbound-hour-chart.is-summary {
  min-height: 0;
  max-height: none;
  overflow: visible;
}

.outbound-hour-chart.is-fine-interval {
  gap: 0.62rem;
  min-height: 26rem;
  max-height: 31rem;
}

.outbound-hour-chart.is-quarter-hour {
  min-height: 31rem;
  max-height: 39rem;
}

.outbound-hour-row {
  display: grid;
  grid-template-columns: 3.4rem minmax(0, 1fr) 5.8rem;
  gap: 0.55rem;
  align-items: center;
  min-height: 1.9rem;
  min-width: 0;
}

.outbound-hour-chart.is-fine-interval .outbound-hour-row {
  min-height: 2.05rem;
}

.outbound-hour-chart.is-quarter-hour .outbound-hour-row {
  min-height: 2.15rem;
}

.outbound-hour-row.is-multi-day {
  grid-template-columns: 5.8rem minmax(0, 1fr) 5.8rem;
}

.outbound-hour-row.is-time-summary {
  grid-template-columns: 3.4rem minmax(0, 1fr) 5.2rem;
}

.outbound-hour-value {
  overflow: hidden;
  color: #0f172a;
  font-size: 0.74rem;
  font-weight: 690;
  line-height: 1.1;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.outbound-hour-track {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 1.35rem;
  overflow: hidden;
  border-radius: 999px;
  background: repeating-linear-gradient(
    90deg,
    rgba(15, 23, 42, 0.055) 0,
    rgba(15, 23, 42, 0.055) 1px,
    transparent 1px,
    transparent 20%
  );
}

.outbound-hour-bar {
  height: 100%;
  min-width: 0.16rem;
  border-radius: 999px;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.14);
  transition: filter 140ms ease, transform 140ms ease;
}

.outbound-hour-bar.pick {
  background: #0f766e;
}

.outbound-hour-bar.despatch {
  background: #334155;
}

.outbound-hour-row:hover .outbound-hour-bar {
  filter: brightness(1.08);
  transform: translateX(2px);
}

.outbound-hour-label {
  overflow: hidden;
  color: #0f172a;
  font-size: 0.72rem;
  font-weight: 690;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.outbound-hour-footnote {
  margin-top: 0.7rem;
  color: #64748b;
  font-size: 0.76rem;
  font-weight: 650;
}

.outbound-peak-panel {
  margin-top: 1rem;
  padding: 0.8rem;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 0.5rem;
  background: rgba(248, 250, 252, 0.72);
}

.outbound-peak-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.55rem;
  color: #0f172a;
  font-size: 0.76rem;
  font-weight: 760;
}

.outbound-peak-heading span:last-child {
  color: #64748b;
  font-size: 0.68rem;
  font-weight: 650;
  text-align: right;
}

.outbound-peak-list {
  display: grid;
  gap: 0.35rem;
}

.outbound-peak-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.75rem;
  align-items: center;
  min-width: 0;
  color: #334155;
  font-size: 0.72rem;
  line-height: 1.2;
}

.outbound-peak-row span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.outbound-peak-row strong {
  color: #0f172a;
  font-weight: 760;
  white-space: nowrap;
}

@media (max-width: 48rem) {
  .outbound-hour-chart {
    min-height: 13rem;
    max-height: 16rem;
    padding: 0.65rem;
  }

  .outbound-hour-chart.is-fine-interval {
    min-height: 18rem;
    max-height: 22rem;
  }

  .outbound-hour-chart.is-quarter-hour {
    min-height: 21rem;
    max-height: 26rem;
  }

  .outbound-hour-row {
    grid-template-columns: 2.8rem minmax(0, 1fr) 4.9rem;
    gap: 0.4rem;
  }

  .outbound-hour-row.is-multi-day {
    grid-template-columns: 4.8rem minmax(0, 1fr) 4.9rem;
  }

  .outbound-hour-row.is-time-summary {
    grid-template-columns: 2.8rem minmax(0, 1fr) 4.4rem;
  }

  .outbound-interval-control {
    width: 100%;
    justify-content: space-between;
  }

  .outbound-peak-heading {
    display: grid;
    gap: 0.15rem;
  }

  .outbound-peak-heading span:last-child {
    text-align: left;
  }

  .outbound-hour-value,
  .outbound-hour-label {
    font-size: 0.62rem;
  }
}


/* Source: public/static/css/routes/development-roadmap.css */

.development-roadmap-page {
  --roadmap-ink: #17212b;
  --roadmap-muted: #667085;
  --roadmap-line: rgba(23, 33, 43, 0.12);
  --roadmap-panel: rgba(255, 255, 255, 0.7);
  --roadmap-panel-strong: rgba(255, 255, 255, 0.9);
  --roadmap-blue: #365399;
  --roadmap-green: #3a4132;
  --roadmap-amber: #8a5a17;
  --roadmap-rose: #9f342d;
}

.development-roadmap-page.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  margin-top: 0.9rem;
}

.roadmap-control-panel,
.roadmap-section {
  border: 1px solid var(--roadmap-line);
  border-radius: 1rem;
  background: var(--roadmap-panel);
  box-shadow: 0 16px 28px rgba(23, 33, 43, 0.07);
}

.roadmap-overview-copy {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  justify-content: center;
  gap: 0.16rem;
}

.roadmap-overview-copy h2,
.roadmap-section-head h2 {
  color: var(--roadmap-ink);
  font-size: 1.14rem;
  font-weight: 800;
  line-height: 1.18;
  letter-spacing: 0;
}

.roadmap-overview-copy p,
.roadmap-section-head p {
  max-width: 48rem;
  color: var(--roadmap-muted);
  font-size: 0.86rem;
  line-height: 1.42;
}

.roadmap-kpi-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.38rem;
}

.roadmap-kpi {
  display: grid;
  min-height: 2.32rem;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 0.42rem;
  border: 1px solid rgba(54, 83, 153, 0.16);
  border-radius: 0.55rem;
  padding: 0.36rem 0.48rem;
  background: rgba(54, 83, 153, 0.08);
}

a.roadmap-kpi {
  color: inherit;
  text-decoration: none;
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

a.roadmap-kpi:hover,
a.roadmap-kpi:focus {
  border-color: rgba(54, 83, 153, 0.36);
  box-shadow: 0 8px 16px rgba(23, 33, 43, 0.08);
  transform: translateY(-1px);
}

.roadmap-kpi span,
.route-group,
.route-meta-grid span,
.phase-mini-meta,
.roadmap-updated {
  color: var(--roadmap-muted);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.roadmap-kpi strong {
  color: var(--roadmap-ink);
  font-size: 0.98rem;
  font-weight: 850;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

.roadmap-kpi small {
  grid-column: 1 / -1;
  color: var(--roadmap-muted);
  font-size: 0.63rem;
  line-height: 1.05;
}

.roadmap-kpi-hot {
  border-color: rgba(159, 52, 45, 0.2);
  background: rgba(159, 52, 45, 0.08);
}

.roadmap-kpi-work {
  border-color: rgba(58, 65, 50, 0.2);
  background: rgba(58, 65, 50, 0.08);
}

.roadmap-kpi-blocked {
  border-color: rgba(138, 90, 23, 0.24);
  background: rgba(138, 90, 23, 0.1);
}

.roadmap-kpi-done {
  border-color: rgba(14, 132, 133, 0.2);
  background: rgba(14, 132, 133, 0.08);
}

.roadmap-control-panel {
  display: grid;
  gap: 0.5rem;
  padding: 0.62rem;
}

.roadmap-control-top {
  display: grid;
  grid-template-columns: minmax(18rem, 0.85fr) minmax(0, 1.35fr);
  gap: 0.72rem;
  align-items: center;
  border-bottom: 1px solid rgba(23, 33, 43, 0.08);
  padding-bottom: 0.52rem;
}

.roadmap-workspace-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.6rem;
  align-items: center;
}

.roadmap-kpi-strip {
  border-top: 1px solid rgba(23, 33, 43, 0.08);
  padding-top: 0.5rem;
}

.roadmap-tabbar {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.22rem;
  border: 1px solid var(--roadmap-line);
  border-radius: 0.68rem;
  padding: 0.18rem;
  background: rgba(255, 255, 255, 0.58);
}

.roadmap-toolbar-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.34rem;
  justify-content: flex-end;
}

.roadmap-tab {
  display: flex;
  min-height: 2.24rem;
  flex-direction: column;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: 0.52rem;
  padding: 0.38rem 0.58rem;
  background: transparent;
  color: var(--roadmap-ink);
}

.roadmap-tab:hover {
  border-color: rgba(54, 83, 153, 0.26);
  background: rgba(54, 83, 153, 0.08);
}

.roadmap-tab.is-active {
  border-color: rgba(54, 83, 153, 0.24);
  background: #eef3ff;
  box-shadow: 0 6px 14px rgba(54, 83, 153, 0.08);
}

.roadmap-tab span {
  font-weight: 800;
}

.roadmap-tab small {
  margin-top: 0.04rem;
  color: var(--roadmap-muted);
  font-size: 0.66rem;
}

.roadmap-toolbar-button,
.roadmap-reset-button {
  display: inline-flex;
  min-height: 2.18rem;
  align-items: center;
  border: 1px solid rgba(23, 33, 43, 0.12);
  border-radius: 0.55rem;
  padding: 0.42rem 0.62rem;
  background: rgba(255, 255, 255, 0.76);
  color: var(--roadmap-ink);
  cursor: pointer;
  font-size: 0.78rem;
  font-weight: 850;
  line-height: 1;
}

.roadmap-toolbar-button:hover,
.roadmap-toolbar-button:focus,
.roadmap-reset-button:hover,
.roadmap-reset-button:focus {
  border-color: rgba(54, 83, 153, 0.28);
  background: rgba(54, 83, 153, 0.09);
  color: var(--roadmap-blue);
  outline: 2px solid rgba(54, 83, 153, 0.08);
}

.roadmap-toolbar-button[aria-expanded="true"] {
  border-color: rgba(54, 83, 153, 0.28);
  background: #eef3ff;
  color: var(--roadmap-blue);
}

.roadmap-drawer-row {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  gap: 0.75rem;
  align-items: start;
}

.roadmap-add-panel,
.roadmap-filter-drawer {
  border: 1px dashed rgba(54, 83, 153, 0.24);
  border-radius: 0.85rem;
  background: rgba(238, 243, 255, 0.62);
}

.roadmap-panel-body:not([open]) {
  display: none;
}

.roadmap-panel-body > summary {
  display: none !important;
}

.roadmap-filter-drawer {
  border-style: solid;
  background: rgba(255, 255, 255, 0.62);
}

.roadmap-add-panel summary,
.roadmap-filter-drawer summary {
  display: flex;
  cursor: pointer;
  list-style: none;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  min-height: 3.05rem;
  padding: 0.65rem 0.85rem;
}

.roadmap-add-panel summary::-webkit-details-marker,
.roadmap-filter-drawer summary::-webkit-details-marker {
  display: none;
}

.roadmap-add-panel summary span,
.roadmap-filter-drawer summary span {
  color: var(--roadmap-ink);
  font-weight: 800;
}

.roadmap-add-panel summary small,
.roadmap-filter-drawer summary small {
  color: var(--roadmap-muted);
  font-size: 0.82rem;
}

.roadmap-add-panel summary::after,
.roadmap-filter-drawer summary::after {
  width: 1.65rem;
  height: 1.65rem;
  border: 1px solid rgba(23, 33, 43, 0.12);
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.72);
  color: var(--roadmap-muted);
  content: "+";
  display: inline-grid;
  font-weight: 850;
  place-items: center;
}

.roadmap-add-panel[open] summary::after,
.roadmap-filter-drawer[open] summary::after {
  content: "-";
}

.roadmap-add-form,
.roadmap-filter-panel {
  display: grid;
  gap: 0.9rem;
}

.roadmap-add-form {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  padding: 0 1rem 1rem;
}

.roadmap-phase-add-form {
  grid-template-columns: minmax(0, 2fr) minmax(7rem, 0.65fr) minmax(10rem, 1fr);
}

.roadmap-phase-add-form .roadmap-field-wide,
.roadmap-phase-add-form .roadmap-field-full {
  grid-column: auto;
}

.roadmap-phase-add-form .roadmap-field-full {
  grid-column: 1 / -1;
}

.roadmap-filter-panel {
  grid-template-columns: repeat(8, minmax(0, 1fr));
  align-items: end;
  border-top: 1px solid rgba(23, 33, 43, 0.08);
  padding: 0.85rem;
}

.field-stack {
  display: grid;
  gap: 0.45rem;
  min-width: 0;
}

.roadmap-field-wide {
  grid-column: span 2;
}

.roadmap-field-full {
  grid-column: span 5;
}

.roadmap-search-field {
  grid-column: span 2;
}

.roadmap-form-actions,
.roadmap-filter-actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.6rem;
}

.roadmap-form-actions {
  grid-column: 1 / -1;
}

.roadmap-filter-actions {
  grid-column: span 1;
}

.roadmap-toggle {
  display: inline-flex;
  min-height: 2.55rem;
  align-items: center;
  gap: 0.55rem;
  border: 1px solid var(--roadmap-line);
  border-radius: 0.85rem;
  padding: 0.65rem 0.8rem;
  background: rgba(255, 255, 255, 0.7);
  color: var(--roadmap-ink);
  font-size: 0.88rem;
  font-weight: 700;
}

.roadmap-section {
  padding: 0.95rem;
}

.roadmap-figma-shell {
  display: grid;
  grid-template-columns: minmax(12rem, 15rem) minmax(0, 1fr);
  gap: 0.85rem;
  margin-top: 0.85rem;
  min-width: 0;
}

.roadmap-layer-rail {
  position: sticky;
  top: 1rem;
  display: grid;
  align-self: start;
  gap: 0.32rem;
  border: 1px solid var(--roadmap-line);
  border-radius: 0.95rem;
  padding: 0.55rem;
  background: rgba(250, 252, 255, 0.86);
  min-width: 0;
}

.roadmap-layer-title {
  padding: 0.35rem 0.45rem 0.55rem;
  color: var(--roadmap-muted);
  font-size: 0.7rem;
  font-weight: 850;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.roadmap-layer-link {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.55rem;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 0.65rem;
  padding: 0.5rem 0.58rem;
  color: var(--roadmap-ink);
  font-size: 0.84rem;
  font-weight: 800;
}

.roadmap-layer-link:hover {
  border-color: rgba(54, 83, 153, 0.18);
  background: rgba(54, 83, 153, 0.08);
}

.roadmap-layer-link span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.roadmap-layer-link strong {
  display: inline-grid;
  min-width: 1.65rem;
  height: 1.65rem;
  place-items: center;
  border-radius: 9999px;
  background: rgba(23, 33, 43, 0.07);
  color: var(--roadmap-muted);
  font-size: 0.72rem;
  font-variant-numeric: tabular-nums;
}

.roadmap-layer-link.is-muted {
  opacity: 0.55;
}

.roadmap-accordion-stack {
  display: grid;
  gap: 0.85rem;
}

.sidebar-route-template-stack {
  display: grid;
  gap: 0.72rem;
  margin-top: 0.85rem;
}

.roadmap-accordion {
  border: 1px solid var(--roadmap-line);
  border-radius: 0.95rem;
  background: rgba(255, 255, 255, 0.78);
  overflow: hidden;
}

.sidebar-route-section {
  border-radius: 0.78rem;
  background: rgba(255, 255, 255, 0.82);
}

.roadmap-accordion > summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  gap: 0.8rem;
  align-items: center;
  cursor: pointer;
  list-style: none;
  padding: 0.78rem 0.9rem;
}

.sidebar-route-section > summary {
  min-height: 4.05rem;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  gap: 0.72rem;
  padding: 0.72rem 0.82rem;
}

.roadmap-accordion > summary::-webkit-details-marker,
.route-layer > summary::-webkit-details-marker,
.roadmap-item-card > summary::-webkit-details-marker {
  display: none;
}

.roadmap-accordion[open] > summary {
  border-bottom: 1px solid rgba(23, 33, 43, 0.08);
  background: rgba(238, 243, 255, 0.58);
}

.sidebar-route-section[open] > summary {
  background: rgba(238, 243, 255, 0.72);
}

.roadmap-accordion > summary::after,
.route-layer > summary::after,
.roadmap-item-read::after {
  display: inline-grid;
  width: 1.7rem;
  height: 1.7rem;
  place-items: center;
  border-radius: 9999px;
  color: var(--roadmap-muted);
  content: "v";
  font-size: 0.9rem;
  font-weight: 850;
}

.roadmap-accordion[open] > summary::after,
.route-layer[open] > summary::after,
.roadmap-item-card[open] .roadmap-item-read::after {
  background: rgba(54, 83, 153, 0.1);
  color: var(--roadmap-blue);
  content: "^";
}

.accordion-marker {
  display: inline-grid;
  width: 2.15rem;
  height: 2.15rem;
  place-items: center;
  border-radius: 0.7rem;
  background: rgba(54, 83, 153, 0.11);
  color: var(--roadmap-blue);
  font-weight: 850;
}

.sidebar-route-section .accordion-marker {
  width: 2.05rem;
  height: 2.05rem;
  border-radius: 0.62rem;
}

.accordion-copy {
  display: grid;
  gap: 0.12rem;
  min-width: 0;
}

.accordion-copy strong {
  color: var(--roadmap-ink);
  font-weight: 850;
}

.accordion-copy small,
.accordion-caret {
  color: var(--roadmap-muted);
  font-size: 0.8rem;
}

.accordion-caret {
  border: 1px solid rgba(23, 33, 43, 0.1);
  border-radius: 9999px;
  padding: 0.35rem 0.6rem;
  background: rgba(255, 255, 255, 0.72);
  font-weight: 800;
}

.roadmap-accordion[open] .accordion-caret {
  color: var(--roadmap-blue);
}

.sidebar-route-section .accordion-caret {
  min-width: 3rem;
  text-align: center;
}

.roadmap-section-head,
.route-card-top,
.roadmap-phase-header,
.roadmap-item-title-row,
.roadmap-item-footer {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

.roadmap-section-head {
  align-items: center;
}

.roadmap-section-head p {
  display: block;
  margin-top: 0.22rem;
}

.roadmap-count-pill,
.roadmap-chip,
.roadmap-code-pill {
  display: inline-flex;
  max-width: 100%;
  align-items: center;
  border-radius: 0.45rem;
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1.2;
}

.roadmap-count-pill {
  width: max-content;
  border: 1px solid rgba(58, 65, 50, 0.14);
  padding: 0.5rem 0.75rem;
  background: rgba(255, 255, 255, 0.76);
  color: var(--roadmap-ink);
}

.roadmap-chip {
  width: max-content;
  border: 1px solid rgba(54, 83, 153, 0.16);
  min-height: 1.65rem;
  padding: 0.28rem 0.5rem;
  background: rgba(54, 83, 153, 0.08);
  color: var(--roadmap-blue);
  letter-spacing: 0.01em;
}

.roadmap-code-pill {
  overflow: hidden;
  min-width: 0;
  width: auto;
  padding: 0.28rem 0.5rem;
  border: 1px solid rgba(23, 33, 43, 0.12);
  background: rgba(23, 33, 43, 0.05);
  color: var(--roadmap-ink);
  font-family: IBM Plex Mono, ui-monospace, SFMono-Regular, Menlo, monospace;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.route-layer-list {
  display: grid;
  gap: 0.6rem;
  padding: 0.85rem;
}

.sidebar-route-template-list {
  padding: 0.72rem;
}

.route-layer {
  border: 1px solid rgba(23, 33, 43, 0.09);
  border-radius: 0.82rem;
  background: var(--roadmap-panel-strong);
}

.sidebar-route-template {
  border-radius: 0.72rem;
}

.route-layer.is-technical {
  border-style: dashed;
  background: rgba(255, 255, 255, 0.58);
}

.route-layer > summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 0.75rem;
  align-items: center;
  cursor: pointer;
  list-style: none;
  padding: 0.78rem 0.85rem;
}

.route-layer[open] > summary {
  border-bottom: 1px solid rgba(23, 33, 43, 0.08);
}

.route-layer-main {
  display: grid;
  gap: 0.2rem;
  min-width: 0;
}

.route-layer-main strong,
.phase-lane h3,
.roadmap-phase-header h3,
.phase-mini-title {
  color: var(--roadmap-ink);
  font-size: 1rem;
  font-weight: 850;
  line-height: 1.25;
  letter-spacing: 0;
}

.route-layer-main small {
  overflow: hidden;
  color: var(--roadmap-muted);
  font-family: IBM Plex Mono, ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.75rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.route-layer-body {
  display: grid;
  gap: 0.75rem;
  padding: 0.85rem;
}

.route-purpose {
  color: var(--roadmap-ink);
  font-size: 0.92rem;
  line-height: 1.5;
}

.route-meta-grid {
  display: grid;
  gap: 0.75rem;
  border-top: 1px solid rgba(23, 33, 43, 0.08);
  padding-top: 0.8rem;
}

.route-meta-grid p {
  margin-top: 0.28rem;
  color: var(--roadmap-muted);
  font-size: 0.84rem;
  line-height: 1.45;
}

.phase-lane-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1rem;
}

.phase-lane {
  border: 1px solid var(--roadmap-line);
  border-radius: 0.9rem;
  background: var(--roadmap-panel-strong);
}

.phase-lane-head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 0.75rem;
  align-items: start;
  border-bottom: 1px solid rgba(23, 33, 43, 0.08);
  padding: 0.78rem;
}

.phase-number,
.phase-badge {
  display: inline-grid;
  width: 2.2rem;
  height: 2.2rem;
  place-items: center;
  border-radius: 9999px;
  background: #eef3ff;
  color: var(--roadmap-blue);
  font-weight: 850;
  font-variant-numeric: tabular-nums;
}

.phase-lane p,
.roadmap-phase-header p {
  margin-top: 0.3rem;
  color: var(--roadmap-muted);
  font-size: 0.86rem;
  line-height: 1.45;
}

.roadmap-phase-title-wrap {
  display: grid;
  gap: 0.38rem;
  min-width: 0;
}

.roadmap-phase-title-wrap h3 {
  margin: 0;
  width: fit-content;
  max-width: 100%;
  border-radius: 0.35rem;
  cursor: text;
}

.roadmap-phase-title-wrap h3:hover {
  outline: 2px solid rgba(54, 83, 153, 0.12);
  outline-offset: 0.12rem;
}

.roadmap-phase-title-form {
  display: grid;
  grid-template-columns: minmax(12rem, 1fr) auto auto;
  gap: 0.38rem;
  align-items: center;
  min-width: min(100%, 28rem);
}

.roadmap-phase-title-form[hidden] {
  display: none;
}

.roadmap-phase-title-input {
  min-height: 3.4rem;
  resize: vertical;
  font-size: 0.92rem;
  font-weight: 800;
  line-height: 1.25;
}

.roadmap-phase-title-save,
.roadmap-phase-title-cancel {
  min-height: 2.1rem;
  border: 1px solid var(--roadmap-line);
  border-radius: 0.5rem;
  padding: 0.32rem 0.58rem;
  background: rgba(255, 255, 255, 0.78);
  color: var(--roadmap-ink);
  cursor: pointer;
  font-size: 0.76rem;
  font-weight: 850;
}

.roadmap-phase-title-save {
  border-color: rgba(54, 83, 153, 0.26);
  background: rgba(238, 243, 255, 0.88);
  color: var(--roadmap-blue);
}

.roadmap-phase-title-state {
  grid-column: 1 / -1;
  min-height: 0.9rem;
  color: var(--roadmap-muted);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.roadmap-phase-title-state[data-state="error"] {
  color: var(--roadmap-rose);
}

.roadmap-phase-title-wrap.has-error .roadmap-phase-title-input {
  border-color: rgba(159, 52, 45, 0.4);
  box-shadow: 0 0 0 2px rgba(159, 52, 45, 0.08);
}

.roadmap-phase-header p {
  display: none;
}

.phase-lane-items {
  display: grid;
  gap: 0.7rem;
  padding: 1rem;
}

.phase-mini-card {
  display: grid;
  gap: 0.55rem;
  border: 1px solid rgba(23, 33, 43, 0.08);
  border-radius: 0.75rem;
  padding: 0.8rem;
  background: rgba(250, 252, 255, 0.86);
}

.phase-mini-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  letter-spacing: 0.06em;
}

.phase-empty {
  margin: 1rem;
  border: 1px dashed rgba(23, 33, 43, 0.16);
  border-radius: 0.75rem;
  padding: 1rem;
  color: var(--roadmap-muted);
  font-size: 0.88rem;
}

.roadmap-phase-stack {
  display: grid;
  gap: 1.25rem;
  min-width: 0;
}

.roadmap-phase-header {
  align-items: center;
  border-bottom: 1px solid rgba(23, 33, 43, 0.08);
  padding: 0.58rem 0.72rem;
}

.roadmap-phase-header > span {
  color: var(--roadmap-muted);
  font-size: 0.85rem;
  font-weight: 800;
}

.phase-header-actions {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
}

.phase-delete-form {
  margin: 0;
}

.phase-delete-button {
  min-height: 1.9rem;
  border: 1px solid rgba(159, 52, 45, 0.2);
  border-radius: 0.5rem;
  padding: 0.34rem 0.58rem;
  background: rgba(159, 52, 45, 0.07);
  color: var(--roadmap-rose);
  cursor: pointer;
  font-size: 0.74rem;
  font-weight: 850;
}

.phase-delete-button:hover,
.phase-delete-button:focus {
  border-color: rgba(159, 52, 45, 0.34);
  background: rgba(159, 52, 45, 0.12);
  outline: 2px solid rgba(159, 52, 45, 0.1);
}

.roadmap-item-list {
  display: grid;
  gap: 0.48rem;
  padding: 0.58rem;
  min-width: 0;
}

.roadmap-route-item-group {
  display: grid;
  gap: 0.46rem;
  min-width: 0;
}

.roadmap-route-item-group + .roadmap-route-item-group {
  border-top: 1px solid rgba(23, 33, 43, 0.08);
  padding-top: 0.58rem;
}

.roadmap-route-item-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.18rem 0.6rem;
  align-items: center;
  padding: 0.16rem 0.18rem;
}

.roadmap-route-item-heading span {
  overflow: hidden;
  color: var(--roadmap-ink);
  font-size: 0.84rem;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.roadmap-route-item-heading small {
  overflow: hidden;
  grid-column: 1 / 2;
  color: var(--roadmap-muted);
  font-family: IBM Plex Mono, ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.72rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.roadmap-route-item-heading strong {
  display: inline-grid;
  grid-row: 1 / span 2;
  grid-column: 2 / 3;
  min-width: 1.55rem;
  height: 1.55rem;
  place-items: center;
  border-radius: 9999px;
  background: rgba(23, 33, 43, 0.07);
  color: var(--roadmap-muted);
  font-size: 0.7rem;
  font-weight: 850;
  font-variant-numeric: tabular-nums;
}

.roadmap-item-card {
  position: relative;
  min-width: 0;
  border: 1px solid var(--roadmap-line);
  border-radius: 0.72rem;
  background: var(--roadmap-panel-strong);
  overflow: visible;
}

.roadmap-item-card::before {
  position: absolute;
  inset: 0.6rem auto 0.6rem 0.55rem;
  width: 0.22rem;
  border-radius: 9999px;
  background: var(--roadmap-blue);
  content: "";
}

.roadmap-item-card.priority-p0::before,
.roadmap-item-card.priority-p1::before {
  background: var(--roadmap-rose);
}

.roadmap-item-card.status-blocked::before {
  background: var(--roadmap-amber);
}

.roadmap-item-card.status-to_be_reviewed::before {
  background: #6f4aa2;
}

.roadmap-item-card.status-done::before {
  background: #0e8485;
}

.roadmap-item-read {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(12rem, 18rem) auto;
  gap: 0.7rem;
  align-items: center;
  min-width: 0;
  cursor: pointer;
  list-style: none;
  padding: 0.62rem 0.72rem 0.62rem 1.08rem;
}

.roadmap-item-main {
  display: grid;
  min-width: 0;
  gap: 0.32rem;
}

.roadmap-item-read::after {
  display: none;
}

.roadmap-item-card[open] .roadmap-item-read {
  border-bottom: 1px solid rgba(23, 33, 43, 0.08);
  background: rgba(250, 252, 255, 0.72);
}

.roadmap-item-read h4 {
  color: var(--roadmap-ink);
  font-size: 0.96rem;
  font-weight: 850;
  line-height: 1.22;
  letter-spacing: 0;
}

.roadmap-item-title-wrap {
  display: grid;
  gap: 0.45rem;
  min-width: 0;
}

.roadmap-item-title-wrap h4 {
  width: fit-content;
  max-width: 100%;
  border-radius: 0.35rem;
  cursor: text;
}

.roadmap-item-title-wrap h4:hover {
  outline: 2px solid rgba(54, 83, 153, 0.12);
  outline-offset: 0.12rem;
}

.roadmap-item-title-editor {
  display: grid;
  gap: 0.42rem;
  max-width: 42rem;
}

.roadmap-item-title-editor[hidden] {
  display: none;
}

.roadmap-item-title-input {
  min-height: 3.2rem;
  resize: vertical;
  color: var(--roadmap-ink);
  font-size: 0.94rem;
  font-weight: 850;
  line-height: 1.25;
}

.roadmap-item-title-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.42rem;
  align-items: center;
}

.roadmap-item-title-save,
.roadmap-item-title-cancel {
  min-height: 1.95rem;
  border: 1px solid var(--roadmap-line);
  border-radius: 0.5rem;
  padding: 0.3rem 0.62rem;
  background: rgba(255, 255, 255, 0.78);
  color: var(--roadmap-ink);
  cursor: pointer;
  font-size: 0.74rem;
  font-weight: 850;
}

.roadmap-item-title-save {
  border-color: rgba(54, 83, 153, 0.26);
  background: rgba(238, 243, 255, 0.9);
  color: var(--roadmap-blue);
}

.roadmap-item-title-state {
  min-height: 0.85rem;
  color: var(--roadmap-muted);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.roadmap-item-title-state[data-state="error"] {
  color: var(--roadmap-rose);
}

.roadmap-item-card.is-editing-title .roadmap-item-read {
  cursor: default;
}

.roadmap-item-read p {
  max-width: 72rem;
  color: var(--roadmap-muted);
  font-size: 0.82rem;
  line-height: 1.35;
}

.roadmap-item-brief {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.roadmap-item-brief.is-muted {
  color: rgba(102, 112, 133, 0.72);
}

.roadmap-item-meta {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.38rem 0.5rem;
  color: var(--roadmap-muted);
  font-size: 0.75rem;
  font-weight: 750;
}

.roadmap-settings-wrap {
  position: relative;
  display: inline-grid;
  justify-items: end;
}

.roadmap-settings-trigger {
  display: inline-grid;
  width: 2.08rem;
  height: 2.08rem;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid rgba(54, 83, 153, 0.14);
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.78);
  color: var(--roadmap-muted);
  cursor: pointer;
}

.roadmap-settings-trigger svg {
  width: 1rem;
  height: 1rem;
}

.roadmap-settings-trigger:hover,
.roadmap-settings-trigger:focus {
  border-color: rgba(54, 83, 153, 0.28);
  background: rgba(54, 83, 153, 0.1);
  color: var(--roadmap-blue);
  outline: 2px solid rgba(54, 83, 153, 0.1);
}

.roadmap-item-card[open] .roadmap-settings-trigger {
  border-color: rgba(54, 83, 153, 0.28);
  background: rgba(54, 83, 153, 0.12);
  color: var(--roadmap-blue);
}

.roadmap-settings-menu {
  position: absolute;
  z-index: 40;
  top: calc(100% + 0.38rem);
  right: 0;
  display: grid;
  width: min(13rem, calc(100vw - 2rem));
  gap: 0.24rem;
  border: 1px solid rgba(54, 83, 153, 0.18);
  border-radius: 0.72rem;
  padding: 0.34rem;
  background: #fff;
  box-shadow: 0 18px 32px rgba(23, 33, 43, 0.17);
}

.roadmap-settings-menu[hidden] {
  display: none;
}

.roadmap-settings-menu button {
  display: flex;
  width: 100%;
  min-height: 2rem;
  align-items: center;
  border: 0;
  border-radius: 0.5rem;
  padding: 0.46rem 0.55rem;
  background: transparent;
  color: var(--roadmap-ink);
  cursor: pointer;
  font-size: 0.78rem;
  font-weight: 820;
  text-align: left;
}

.roadmap-settings-menu button:hover,
.roadmap-settings-menu button:focus {
  background: rgba(54, 83, 153, 0.08);
  color: var(--roadmap-blue);
  outline: none;
}

.roadmap-settings-menu .is-danger {
  color: var(--roadmap-rose);
}

.roadmap-settings-menu .is-danger:hover,
.roadmap-settings-menu .is-danger:focus {
  background: rgba(159, 52, 45, 0.08);
  color: var(--roadmap-rose);
}

.roadmap-status-actions {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.32rem;
  min-width: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 140ms ease;
}

.roadmap-item-card:hover .roadmap-status-actions,
.roadmap-item-card:focus-within .roadmap-status-actions,
.roadmap-item-card[open] .roadmap-status-actions {
  opacity: 1;
  pointer-events: auto;
}

.roadmap-item-card.status-done .roadmap-status-actions {
  display: none;
}

.roadmap-item-card.status-done .status-chip-inline {
  display: none;
}

.roadmap-status-action {
  display: inline-flex;
  min-height: 1.82rem;
  align-items: center;
  border: 1px solid rgba(54, 83, 153, 0.16);
  border-radius: 0.5rem;
  padding: 0.32rem 0.48rem;
  background: rgba(255, 255, 255, 0.74);
  color: var(--roadmap-muted);
  cursor: pointer;
  font-size: 0.7rem;
  font-weight: 850;
  line-height: 1.1;
}

.roadmap-status-action:hover {
  border-color: rgba(54, 83, 153, 0.32);
  background: rgba(54, 83, 153, 0.08);
  color: var(--roadmap-blue);
}

.roadmap-status-action.is-active {
  border-color: rgba(14, 132, 133, 0.28);
  background: rgba(14, 132, 133, 0.12);
  color: #0e696a;
  cursor: default;
}

.roadmap-status-action.status-blocked.is-active {
  border-color: rgba(138, 90, 23, 0.28);
  background: rgba(138, 90, 23, 0.12);
  color: var(--roadmap-amber);
}

.roadmap-status-action.status-not_started.is-active,
.roadmap-status-action.status-planned.is-active {
  border-color: rgba(54, 83, 153, 0.24);
  background: rgba(54, 83, 153, 0.1);
  color: var(--roadmap-blue);
}

.roadmap-status-action.status-to_be_reviewed.is-active {
  border-color: rgba(111, 74, 162, 0.24);
  background: rgba(111, 74, 162, 0.1);
  color: #5c3d8c;
}

.roadmap-status-action:disabled {
  cursor: wait;
  opacity: 0.66;
}

.roadmap-item-card.is-status-saving {
  outline: 2px solid rgba(54, 83, 153, 0.16);
}

.roadmap-item-card.has-status-saved {
  outline: 2px solid rgba(14, 132, 133, 0.2);
}

.roadmap-item-card.has-status-error {
  outline: 2px solid rgba(159, 52, 45, 0.24);
}

.roadmap-item-form {
  display: grid;
  gap: 0.72rem;
}

.roadmap-item-title {
  flex: 1 1 24rem;
}

.roadmap-chip-row,
.roadmap-item-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.34rem;
}

.roadmap-item-fields {
  display: grid;
  grid-template-columns: minmax(18rem, 1.4fr) minmax(16rem, 1.2fr) minmax(18rem, 1fr);
  gap: 0.8rem;
}

.roadmap-choice-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 0.72rem;
}

.roadmap-choice-group {
  display: grid;
  min-width: 0;
  gap: 0.45rem;
  border: 0;
  padding: 0;
}

.roadmap-choice-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.34rem;
}

.roadmap-choice-pill {
  cursor: pointer;
}

.roadmap-choice-pill input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.roadmap-choice-pill span {
  display: inline-flex;
  min-height: 1.9rem;
  align-items: center;
  border: 1px solid rgba(23, 33, 43, 0.12);
  border-radius: 0.5rem;
  padding: 0.36rem 0.58rem;
  background: rgba(255, 255, 255, 0.7);
  color: var(--roadmap-ink);
  font-size: 0.78rem;
  font-weight: 800;
}

.roadmap-choice-pill input:checked + span {
  border-color: rgba(54, 83, 153, 0.3);
  background: #eef3ff;
  color: var(--roadmap-blue);
  box-shadow: inset 0 0 0 1px rgba(54, 83, 153, 0.08);
}

.roadmap-choice-pill input:focus-visible + span {
  outline: 2px solid rgba(54, 83, 153, 0.35);
  outline-offset: 2px;
}

.roadmap-placement-panel {
  display: grid;
  gap: 0.65rem;
  border: 1px solid rgba(23, 33, 43, 0.09);
  border-radius: 0.8rem;
  padding: 0.72rem;
  background: rgba(250, 252, 255, 0.72);
}

.roadmap-placement-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.roadmap-placement-heading span {
  color: var(--roadmap-ink);
  font-weight: 850;
}

.roadmap-placement-heading small {
  overflow: hidden;
  color: var(--roadmap-muted);
  font-size: 0.78rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.roadmap-route-picker {
  position: relative;
  display: grid;
  min-width: 0;
  gap: 0.45rem;
}

.roadmap-route-current {
  display: flex;
  min-height: 2.8rem;
  width: 100%;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  border: 1px solid var(--roadmap-line);
  border-radius: 0.8rem;
  padding: 0.68rem 0.85rem;
  background: rgba(255, 255, 255, 0.82);
  color: var(--roadmap-ink);
  font-size: 0.86rem;
  font-weight: 750;
  text-align: left;
}

.roadmap-route-current span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.roadmap-route-current::after {
  display: inline-grid;
  width: 1.45rem;
  height: 1.45rem;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 9999px;
  background: rgba(54, 83, 153, 0.08);
  color: var(--roadmap-blue);
  content: "Search";
  font-size: 0.58rem;
  font-weight: 850;
  letter-spacing: 0;
}

.roadmap-route-popover {
  position: absolute;
  z-index: 20;
  top: calc(100% + 0.35rem);
  left: 0;
  right: 0;
  display: grid;
  gap: 0.55rem;
  border: 1px solid rgba(54, 83, 153, 0.2);
  border-radius: 0.85rem;
  padding: 0.6rem;
  background: #fff;
  box-shadow: 0 18px 30px rgba(23, 33, 43, 0.16);
}

.roadmap-route-popover[hidden] {
  display: none;
}

.roadmap-route-results {
  display: grid;
  max-height: 16rem;
  overflow: auto;
  gap: 0.35rem;
}

.roadmap-route-result {
  display: block;
  width: 100%;
  border: 1px solid transparent;
  border-radius: 0.6rem;
  padding: 0.5rem 0.6rem;
  background: transparent;
  color: var(--roadmap-ink);
  font-size: 0.8rem;
  font-weight: 750;
  line-height: 1.35;
  text-align: left;
}

.roadmap-route-result:hover,
.roadmap-route-result[aria-pressed="true"] {
  border-color: rgba(54, 83, 153, 0.2);
  background: #eef3ff;
  color: var(--roadmap-blue);
}

.roadmap-route-empty {
  padding: 0.65rem;
  color: var(--roadmap-muted);
  font-size: 0.82rem;
}

.roadmap-item-footer {
  align-items: center;
  border-top: 1px solid rgba(23, 33, 43, 0.08);
  padding-top: 0.8rem;
}

.roadmap-item-footer > div:first-child {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.55rem;
}

.roadmap-edit-panel {
  display: grid;
  gap: 0.72rem;
  padding: 0.72rem 0.85rem 0.85rem 1.08rem;
  background: rgba(255, 255, 255, 0.72);
}

.roadmap-edit-panel [data-roadmap-edit-section],
.roadmap-secondary-choices {
  display: none;
}

.roadmap-item-card[data-active-editor="details"] [data-roadmap-edit-section="details"],
.roadmap-item-card[data-active-editor="placement"] [data-roadmap-edit-section="placement"] {
  display: grid;
}

.roadmap-edit-details {
  min-height: 5.4rem;
}

.roadmap-details-label-row {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.roadmap-autosave-state {
  color: var(--roadmap-muted);
  font-size: 0.72rem;
  font-weight: 800;
}

.roadmap-autosave-state[data-state="pending"],
.roadmap-autosave-state[data-state="saving"] {
  color: var(--roadmap-blue);
}

.roadmap-autosave-state[data-state="saved"] {
  color: #0e696a;
}

.roadmap-autosave-state[data-state="error"] {
  color: var(--roadmap-rose);
}

.route-type-admin,
.type-chip {
  border-color: rgba(58, 65, 50, 0.2);
  background: rgba(58, 65, 50, 0.08);
  color: var(--roadmap-green);
}

.route-type-action,
.route-type-api,
.route-type-export,
.route-type-utility,
.route-type-redirect {
  border-color: rgba(138, 90, 23, 0.22);
  background: rgba(138, 90, 23, 0.1);
  color: var(--roadmap-amber);
}

.priority-chip {
  border-color: rgba(159, 52, 45, 0.18);
  background: rgba(159, 52, 45, 0.08);
  color: var(--roadmap-rose);
}

.status-chip-inline {
  border-color: rgba(14, 132, 133, 0.2);
  background: rgba(14, 132, 133, 0.08);
  color: #0e696a;
}

.status-chip-inline.status-to_be_reviewed {
  border-color: rgba(111, 74, 162, 0.22);
  background: rgba(111, 74, 162, 0.08);
  color: #5c3d8c;
}

@media (max-width: 1280px) {
  .roadmap-control-top,
  .route-card-grid,
  .phase-lane-grid,
  .roadmap-drawer-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .roadmap-kpi-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .roadmap-filter-panel,
  .roadmap-add-form,
  .roadmap-choice-grid,
  .roadmap-item-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .roadmap-field-wide,
  .roadmap-field-full,
  .roadmap-search-field {
    grid-column: span 2;
  }
}

@media (max-width: 760px) {
  .roadmap-control-top,
  .roadmap-kpi-grid,
  .roadmap-workspace-toolbar,
  .roadmap-tabbar,
  .roadmap-figma-shell,
  .roadmap-drawer-row,
  .phase-lane-grid,
  .roadmap-filter-panel,
  .roadmap-add-form,
  .roadmap-choice-grid,
  .roadmap-item-fields {
    grid-template-columns: 1fr;
  }

  .roadmap-field-wide,
  .roadmap-field-full,
  .roadmap-search-field,
  .roadmap-filter-actions {
    grid-column: auto;
  }

  .roadmap-control-panel,
  .roadmap-section {
    border-radius: 0.85rem;
  }

  .roadmap-toolbar-actions {
    justify-content: stretch;
  }

  .roadmap-toolbar-button,
  .roadmap-reset-button {
    justify-content: center;
    flex: 1 1 6rem;
  }

  .roadmap-section-head,
  .roadmap-phase-header,
  .roadmap-item-title-row,
  .roadmap-item-footer {
    flex-direction: column;
    align-items: stretch;
  }

  .phase-lane-head {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .roadmap-phase-title-form {
    grid-template-columns: minmax(0, 1fr);
  }

  .phase-lane-head .phase-delete-form {
    grid-column: 1 / -1;
    justify-self: start;
  }

  .phase-header-actions {
    align-items: flex-start;
    flex-direction: column;
  }

  .roadmap-toolbar-actions {
    justify-content: stretch;
  }

  .roadmap-toolbar-actions .btn {
    width: 100%;
  }

  .roadmap-layer-rail {
    position: static;
  }

  .roadmap-item-read {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .roadmap-status-actions {
    grid-column: 1 / -1;
    justify-content: flex-start;
    opacity: 1;
    pointer-events: auto;
  }

  .roadmap-item-read::after {
    display: none;
  }
}