@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url("./media/inter-cyrillic-ext-400-normal-6VZLC4H3.woff2") format("woff2"),url("./media/inter-cyrillic-ext-400-normal-FIY4AS7B.woff") format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url("./media/inter-cyrillic-400-normal-G4TQJ72A.woff2") format("woff2"),url("./media/inter-cyrillic-400-normal-U23O635P.woff") format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url("./media/inter-greek-ext-400-normal-JTQ56XIH.woff2") format("woff2"),url("./media/inter-greek-ext-400-normal-RDW6D2QK.woff") format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url("./media/inter-greek-400-normal-24BA4PDP.woff2") format("woff2"),url("./media/inter-greek-400-normal-ZRMMCGZA.woff") format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url("./media/inter-vietnamese-400-normal-3ZH4IT4J.woff2") format("woff2"),url("./media/inter-vietnamese-400-normal-VHOS7L4B.woff") format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url("./media/inter-latin-ext-400-normal-GKRFIQRI.woff2") format("woff2"),url("./media/inter-latin-ext-400-normal-J3OKVTXA.woff") format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url("./media/inter-latin-400-normal-55WT6UWF.woff2") format("woff2"),url("./media/inter-latin-400-normal-FR5HOXA4.woff") format("woff");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:Inter;font-style:normal;font-display:swap;font-weight:500;src:url("./media/inter-cyrillic-ext-500-normal-7YGZWFHX.woff2") format("woff2"),url("./media/inter-cyrillic-ext-500-normal-LJV3DWSQ.woff") format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url("./media/inter-cyrillic-500-normal-PQK3XKF6.woff2") format("woff2"),url("./media/inter-cyrillic-500-normal-XH4MSKNN.woff") format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url("./media/inter-greek-ext-500-normal-ZPKR4LNJ.woff2") format("woff2"),url("./media/inter-greek-ext-500-normal-PJFKOJVL.woff") format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url("./media/inter-greek-500-normal-6QPUHW6Z.woff2") format("woff2"),url("./media/inter-greek-500-normal-3GRTEB6X.woff") format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url("./media/inter-vietnamese-500-normal-PQFGSX3P.woff2") format("woff2"),url("./media/inter-vietnamese-500-normal-UOTTXFJL.woff") format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url("./media/inter-latin-ext-500-normal-3G2JDXWM.woff2") format("woff2"),url("./media/inter-latin-ext-500-normal-UGNIJJWL.woff") format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url("./media/inter-latin-500-normal-W62DVTXI.woff2") format("woff2"),url("./media/inter-latin-500-normal-ZNGIZ2YB.woff") format("woff");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:Inter;font-style:normal;font-display:swap;font-weight:600;src:url("./media/inter-cyrillic-ext-600-normal-66Z4CWZK.woff2") format("woff2"),url("./media/inter-cyrillic-ext-600-normal-5S66ZLPP.woff") format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url("./media/inter-cyrillic-600-normal-F5BISKXR.woff2") format("woff2"),url("./media/inter-cyrillic-600-normal-YOMHVXBS.woff") format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url("./media/inter-greek-ext-600-normal-D4Z5GF6D.woff2") format("woff2"),url("./media/inter-greek-ext-600-normal-BCNJL3T4.woff") format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url("./media/inter-greek-600-normal-ZRJSSN4C.woff2") format("woff2"),url("./media/inter-greek-600-normal-J3AMDQNF.woff") format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url("./media/inter-vietnamese-600-normal-TVIYLGI7.woff2") format("woff2"),url("./media/inter-vietnamese-600-normal-YXHD7S3I.woff") format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url("./media/inter-latin-ext-600-normal-HCYHLWH6.woff2") format("woff2"),url("./media/inter-latin-ext-600-normal-JH5KI6RD.woff") format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url("./media/inter-latin-600-normal-R6Y2SZCR.woff2") format("woff2"),url("./media/inter-latin-600-normal-ZYHV6QZT.woff") format("woff");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:Inter;font-style:normal;font-display:swap;font-weight:700;src:url("./media/inter-cyrillic-ext-700-normal-OS2RNUST.woff2") format("woff2"),url("./media/inter-cyrillic-ext-700-normal-JNACFJVQ.woff") format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url("./media/inter-cyrillic-700-normal-5HS3FXHB.woff2") format("woff2"),url("./media/inter-cyrillic-700-normal-SPV2HQ4Q.woff") format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url("./media/inter-greek-ext-700-normal-QJ6NMGCB.woff2") format("woff2"),url("./media/inter-greek-ext-700-normal-GHYQOXL3.woff") format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url("./media/inter-greek-700-normal-S7YO524B.woff2") format("woff2"),url("./media/inter-greek-700-normal-L3DMOWHF.woff") format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url("./media/inter-vietnamese-700-normal-7LYSQCP6.woff2") format("woff2"),url("./media/inter-vietnamese-700-normal-XRULDGKE.woff") format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url("./media/inter-latin-ext-700-normal-WY62UGW6.woff2") format("woff2"),url("./media/inter-latin-ext-700-normal-SNJUWUAD.woff") format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url("./media/inter-latin-700-normal-SU5XVJMF.woff2") format("woff2"),url("./media/inter-latin-700-normal-TQQ5JXGD.woff") format("woff");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:Inter;font-style:normal;font-display:swap;font-weight:800;src:url("./media/inter-cyrillic-ext-800-normal-6Y4ZCXST.woff2") format("woff2"),url("./media/inter-cyrillic-ext-800-normal-HIC7IXOK.woff") format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:800;src:url("./media/inter-cyrillic-800-normal-2PSLZGYO.woff2") format("woff2"),url("./media/inter-cyrillic-800-normal-XODMDENW.woff") format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:800;src:url("./media/inter-greek-ext-800-normal-WG5R6KIZ.woff2") format("woff2"),url("./media/inter-greek-ext-800-normal-DRKXXNNV.woff") format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:800;src:url("./media/inter-greek-800-normal-ZHWXURJA.woff2") format("woff2"),url("./media/inter-greek-800-normal-F3XH5GSD.woff") format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:800;src:url("./media/inter-vietnamese-800-normal-SITCPNDM.woff2") format("woff2"),url("./media/inter-vietnamese-800-normal-26MSQF6H.woff") format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:800;src:url("./media/inter-latin-ext-800-normal-EXMO743I.woff2") format("woff2"),url("./media/inter-latin-ext-800-normal-GNM4YRKP.woff") format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:800;src:url("./media/inter-latin-800-normal-SUCF22C3.woff2") format("woff2"),url("./media/inter-latin-800-normal-ZPDSDNQS.woff") format("woff");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:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url("./media/dm-mono-latin-ext-400-normal-HV5URJWH.woff2") format("woff2"),url("./media/dm-mono-latin-ext-400-normal-LRFTOVAR.woff") format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url("./media/dm-mono-latin-400-normal-ASEO4XL4.woff2") format("woff2"),url("./media/dm-mono-latin-400-normal-I45UUIKU.woff") format("woff");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:DM Mono;font-style:normal;font-display:swap;font-weight:500;src:url("./media/dm-mono-latin-ext-500-normal-SA7RRQ4Y.woff2") format("woff2"),url("./media/dm-mono-latin-ext-500-normal-HCBH5OK3.woff") format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:500;src:url("./media/dm-mono-latin-500-normal-5DTZP5O2.woff2") format("woff2"),url("./media/dm-mono-latin-500-normal-KIKLL7X2.woff") format("woff");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}@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-slate-200: oklch(92.9% .013 255.508);--color-slate-700: oklch(37.2% .044 257.287);--spacing: .25rem;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--default-font-family: var(--font-sans);--default-mono-font-family: var(--font-mono)}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-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}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:currentcolor}@supports (color: color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.visible{visibility:visible}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.absolute{position:absolute}.static{position:static}.container{width:100%}@media(width>=40rem){.container{max-width:40rem}}@media(width>=48rem){.container{max-width:48rem}}@media(width>=64rem){.container{max-width:64rem}}@media(width>=80rem){.container{max-width:80rem}}@media(width>=96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-40{height:calc(var(--spacing) * 40)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-36{width:calc(var(--spacing) * 36)}.w-56{width:calc(var(--spacing) * 56)}.w-64{width:calc(var(--spacing) * 64)}.w-96{width:calc(var(--spacing) * 96)}.max-w-full{max-width:100%}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.bg-slate-200{background-color:var(--color-slate-200)}.text-inherit{color:inherit}.no-underline{text-decoration-line:none}.ring{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}@media(hover:hover){.hover\:underline:hover{text-decoration-line:underline}}@media(prefers-color-scheme:dark){.dark\:bg-slate-700{background-color:var(--color-slate-700)}}}.reports-page .report-detail-header .app-page-header{align-items:flex-start;background:transparent;border:0;border-radius:0;box-shadow:none;margin-bottom:0;min-height:0;padding:0 0 4px}.reports-page .report-canonical-toolbar{align-items:end;grid-template-columns:minmax(0,1fr) auto}.reports-page .report-canonical-toolbar.report-single-primary{grid-template-columns:minmax(280px,320px) auto}.reports-page .report-inventory-toolbar{align-items:center;background:transparent;border:0;border-radius:0;display:flex;flex-direction:row;flex-wrap:nowrap;gap:16px;min-height:40px;padding:0}.reports-page .report-inventory-toolbar .report-toolbar__left{align-items:center;display:flex;flex:0 1 auto;flex-wrap:nowrap;gap:16px;min-width:0}.reports-page .report-inventory-toolbar .report-toolbar-filters{flex:0 0 auto;min-width:0}.reports-page .report-inventory-toolbar .report-context-row{width:auto}.reports-page .report-canonical-toolbar .report-filter-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.reports-page .report-canonical-actions{align-items:end;display:flex;flex-wrap:wrap;gap:8px}.reports-page .report-action-group{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.reports-page .report-inventory-toolbar .report-filter-grid{align-items:center;display:flex;flex-wrap:nowrap;gap:16px}.reports-page .report-inventory-toolbar .report-filter-grid>.app-filter-label{align-items:center;display:grid;gap:8px;grid-template-columns:auto minmax(0,1fr)}.reports-page .report-inventory-toolbar .report-filter-grid>.app-filter-label:not(.report-warehouse-field){border-left:1px solid var(--border-subtle);padding-left:16px}.reports-page .report-inventory-toolbar .report-warehouse-field{flex:0 0 405px;min-width:405px}.reports-page .report-inventory-toolbar .report-warehouse-trigger{min-width:330px}.reports-page .report-inventory-toolbar .report-view-by-field{flex:0 0 230px;min-width:230px}.reports-page .report-inventory-toolbar .report-view-by-field .app-filter-control{min-width:150px}.reports-page .report-inventory-toolbar .report-toolbar__secondary{border-left:1px solid var(--border-subtle);flex-wrap:nowrap;gap:10px;padding-left:16px}.reports-page .report-inventory-toolbar .report-toolbar__right{align-items:center;flex:0 0 auto;flex-wrap:nowrap;margin-left:auto;min-height:var(--control-height)}.reports-page .report-inventory-toolbar .warehouse-overview-toolbar__actions-right{flex-wrap:nowrap;gap:16px}.reports-page .report-inventory-toolbar .report-filter-grid>.app-filter-label>span{white-space:nowrap}.reports-page .report-warehouse-overview-table{min-width:1040px;table-layout:fixed}.reports-page .report-warehouse-overview-table th,.reports-page .report-warehouse-overview-table td{min-width:0;padding-left:8px;padding-right:8px}.reports-page .report-warehouse-overview-table th{overflow-wrap:anywhere;white-space:normal}.reports-page .report-warehouse-overview-table th:first-child,.reports-page .report-warehouse-overview-table td:first-child{width:190px}.reports-page .report-advanced-field{position:relative}.reports-page .report-advanced-menu{display:grid;gap:2px;max-width:min(360px,80vw);min-width:260px}.reports-page .report-advanced-menu .app-filter-search{margin:2px 2px 5px}.reports-page .report-advanced-menu-footer{align-items:center;border-top:1px solid var(--border-color);color:var(--text-secondary);display:flex;font-size:var(--font-caption);justify-content:space-between;margin-top:4px;padding:8px 6px 3px}.reports-page .report-advanced-menu-footer button{background:transparent;border:0;color:var(--primary-color);cursor:pointer;display:block;min-height:0;padding:2px 4px}.filter-drawer-header p{color:var(--text-secondary);font-size:var(--font-caption);margin:3px 0 0}@media(max-width:1100px){.reports-page .report-canonical-toolbar{grid-template-columns:1fr}.reports-page .report-canonical-actions{justify-content:flex-start}.reports-page .report-inventory-toolbar{align-items:stretch;flex-wrap:wrap}.reports-page .report-inventory-toolbar .report-toolbar__left{flex:1 1 100%}.reports-page .report-inventory-toolbar .report-toolbar__right{margin-left:0}}@media(max-width:900px){.reports-page .report-inventory-toolbar .report-toolbar__left,.reports-page .report-inventory-toolbar .report-filter-grid{flex-wrap:wrap}.reports-page .report-inventory-toolbar .report-filter-grid>.app-filter-label{flex:1 1 280px}}@media(max-width:800px){.reports-page .report-canonical-toolbar.report-single-primary,.reports-page .report-canonical-toolbar .report-filter-grid{grid-template-columns:1fr}}@media(max-width:760px){.reports-page .report-inventory-toolbar .report-toolbar__left,.reports-page .report-inventory-toolbar .report-filter-grid{align-items:stretch;display:grid;width:100%}.reports-page .report-inventory-toolbar .report-filter-grid>.app-filter-label,.reports-page .report-inventory-toolbar .report-filter-grid>.app-filter-label:not(.report-warehouse-field){border-left:0;grid-template-columns:1fr;min-width:0;padding-left:0;width:100%}.reports-page .report-inventory-toolbar .report-warehouse-trigger{min-width:0;width:100%}.reports-page .report-inventory-toolbar .report-toolbar__secondary,.reports-page .report-inventory-toolbar .report-toolbar__right,.reports-page .report-inventory-toolbar .report-action-group{border-left:0;margin-left:0;padding-left:0;width:100%}.reports-page .report-inventory-toolbar .report-action-group>*{flex:1 1 auto}}:root{--color-primary-50: #eff6ff;--color-primary-100: #dbeafe;--color-primary-500: #2563eb;--color-primary-600: #1d4ed8;--color-primary-700: #1e40af;--color-success-50: #ecfdf3;--color-success-500: #16a34a;--color-warning-50: #fff7e8;--color-warning-500: #f59e0b;--color-critical-50: #fef2f2;--color-critical-500: #dc2626;--color-info-50: #f0f9ff;--color-info-500: #0369a1;--color-workflow-50: #f5f3ff;--color-workflow-500: #6d28d9;--color-neutral-50: #f8fafc;--color-neutral-100: #f1f5f9;--color-neutral-200: #e2e8f0;--color-neutral-300: #cbd5e1;--color-neutral-500: #64748b;--color-neutral-600: #475569;--color-neutral-900: #0f172a;--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-500: #2563eb;--blue-600: #1d4ed8;--blue-700: #1e40af;--green-50: #ecfdf3;--green-600: #16a34a;--green-700: #15803d;--amber-50: #fffbeb;--amber-200: #fde68a;--amber-700: #b45309;--amber-800: #92400e;--orange-50: #fff7ed;--orange-200: #fed7aa;--orange-700: #c2410c;--red-50: #fef2f2;--red-200: #fecaca;--red-700: #b91c1c;--red-800: #991b1b;--violet-50: #f5f3ff;--violet-200: #ddd6fe;--violet-700: #6d28d9;--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-900: #0f172a;--color-background-app: #f7f9fc;--color-surface-primary: #ffffff;--color-surface-subtle: #f8fafc;--color-surface-raised: #ffffff;--color-surface-selected: #eff6ff;--color-surface-disabled: #f1f5f9;--color-surface-overlay: rgb(15 23 42 / 56%);--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-muted: #64748b;--color-text-disabled: #94a3b8;--color-text-inverse: #ffffff;--color-border-default: #e2e8f0;--color-border-subtle: #eef2f7;--color-border-strong: #cbd5e1;--color-border-selected: #2563eb;--color-border-focus: #2563eb;--color-action-primary: var(--primary-color);--color-action-primary-hover: var(--primary-color-hover);--color-action-primary-active: var(--primary-color-active);--color-action-secondary: #ffffff;--color-action-danger: #b91c1c;--color-focus-ring: rgb(37 99 235 / 28%);--state-neutral-fg: #475569;--state-neutral-surface: #f8fafc;--state-neutral-border: #cbd5e1;--state-info-fg: #0369a1;--state-info-surface: #f0f9ff;--state-info-border: #7dd3fc;--state-success-fg: #15803d;--state-success-surface: #ecfdf3;--state-success-border: #86efac;--state-warning-fg: #92400e;--state-warning-surface: #fffbeb;--state-warning-border: #fcd34d;--state-danger-fg: #b91c1c;--state-danger-surface: #fef2f2;--state-danger-border: #fecaca;--state-blocked-fg: #6d28d9;--state-blocked-surface: #f5f3ff;--state-blocked-border: #c4b5fd;--state-pending-fg: #1d4ed8;--state-pending-surface: #eff6ff;--state-pending-border: #93c5fd;--state-attention-fg: #c2410c;--state-attention-surface: #fff7ed;--state-attention-border: #fdba74;--state-historical-fg: #475569;--state-historical-surface: #f1f5f9;--state-historical-border: #cbd5e1;--state-disabled-fg: #64748b;--state-disabled-surface: #f1f5f9;--state-disabled-border: #e2e8f0;--font-family-sans: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-caption: 11px;--font-size-secondary: 12px;--font-size-body: 13px;--font-size-section-title: 16px;--font-size-page-title: 24px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-body: 1.45;--line-height-relaxed: 1.5;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-0: 0;--radius-1: 4px;--radius-2: 6px;--radius-3: 8px;--radius-4: 12px;--radius-pill: 999px;--elevation-none: none;--elevation-low: 0 1px 2px rgb(15 23 42 / 4%);--elevation-medium: 0 10px 28px rgb(15 23 42 / 10%);--elevation-overlay: 0 20px 56px rgb(15 23 42 / 24%);--layer-base: 0;--layer-sticky: 10;--layer-dropdown: 20;--layer-popover: 80;--layer-drawer: 110;--layer-modal: 121;--layer-toast: 140;--layer-critical-overlay: 160;--motion-fast: .12s;--motion-normal: .18s;--motion-slow: .26s;--button-primary-bg: var(--color-action-primary);--button-primary-bg-hover: var(--color-action-primary-hover);--button-secondary-bg: var(--color-action-secondary);--button-danger-bg: var(--color-action-danger);--control-height-standard: 40px;--control-height-compact: 36px;--control-height-touch: 44px;--badge-height: 24px;--focus-outline-width: 3px;--primary-color: #2563eb;--primary-color-hover: #1d4ed8;--primary-color-active: #1e40af;--primary-contrast: #ffffff;--primary-soft: var(--color-surface-selected);--sidebar-color: #071b2e;--app-background: var(--color-background-app);--page-bg: var(--color-background-app);--page-background: var(--page-bg);--panel-surface: var(--color-surface-primary);--surface-color: var(--color-surface-primary);--surface-subtle: var(--color-surface-subtle);--surface-raised: var(--color-surface-raised);--surface-elevated: var(--surface-raised);--border-color: var(--color-border-default);--border-subtle: var(--color-border-subtle);--border-strong: var(--color-border-strong);--control-border-color: var(--color-border-strong);--text-color: var(--color-text-primary);--text-primary: var(--text-color);--text-secondary: var(--color-text-secondary);--muted-color: var(--color-text-muted);--text-muted: var(--muted-color);--text-disabled: var(--color-text-disabled);--text-inverse: var(--color-text-inverse);--success-color: var(--state-success-fg);--success-soft: var(--state-success-surface);--success-border: var(--state-success-border);--warning-color: var(--state-warning-fg);--warning-soft: var(--state-warning-surface);--warning-border: var(--state-warning-border);--danger-color: var(--state-danger-fg);--danger-color-hover: var(--red-800);--danger-soft: var(--state-danger-surface);--danger-border: var(--state-danger-border);--critical-color: var(--danger-color);--critical-soft: var(--danger-soft);--workflow-color: var(--state-blocked-fg);--workflow-soft: var(--state-blocked-surface);--workflow-border: var(--state-blocked-border);--info-color: var(--state-info-fg);--info-soft: var(--state-info-surface);--info-border: var(--state-info-border);--action-primary: var(--color-action-primary);--action-primary-hover: var(--color-action-primary-hover);--action-secondary: var(--color-action-secondary);--action-danger: var(--color-action-danger);--focus-ring: var(--color-focus-ring);--overlay-color: var(--color-surface-overlay);--space-xs: var(--space-1);--space-sm: var(--space-2);--space-md: var(--space-3);--space-lg: var(--space-4);--space-xl: var(--space-6);--space-2xl: var(--space-8);--space-3xl: var(--space-10);--space-4xl: var(--space-12);--space-5xl: var(--space-16);--font-caption: var(--font-size-caption);--font-secondary: var(--font-size-secondary);--font-body: var(--font-size-body);--font-table-header: 11px;--font-section-title: var(--font-size-section-title);--font-page-title: var(--font-size-page-title);--radius-sm: var(--radius-2);--radius-md: var(--radius-3);--radius-lg: var(--radius-4);--radius-control: var(--radius-3);--radius-panel: var(--radius-4);--control-height: var(--control-height-standard);--control-height-sm: var(--control-height-compact);--control-height-lg: 48px;--control-background: var(--surface-color);--button-padding-x: 16px;--button-padding-x-sm: 12px;--button-icon-gap: 8px;--table-row-height: 40px;--table-cell-padding-y: 9px;--table-cell-padding-x: 12px;--z-sidebar: 90;--z-mobile-backdrop: 80;--z-topbar: 70;--z-popover: 80;--z-overlay-backdrop: 120;--z-overlay: 121;--disabled-opacity: .55;--shadow-subtle: var(--elevation-low);--shadow-medium: var(--elevation-medium);--shadow-overlay: var(--elevation-overlay)}*{box-sizing:border-box}body{background:var(--page-bg);color:var(--text-color);font-family:var(--font-family-sans);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin:0;min-width:320px}body.dialog-open{overflow:hidden}button,input,select,textarea{font:inherit}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.skip-link{background:var(--surface-color);border:2px solid var(--primary-color);border-radius:var(--radius-control);color:var(--text-color);left:12px;padding:10px 14px;position:fixed;top:-80px;z-index:200}.skip-link:focus{top:12px}.admin-shell{background:var(--page-bg);display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--sidebar-color);color:#b8c7d8;display:flex;flex-direction:column;min-height:100vh;overflow:hidden}.sidebar.sidebar-light{background:#fff;border-right:1px solid var(--border-color);color:#475467}.sidebar.sidebar-light .sidebar-logo,.sidebar.sidebar-light .nav-button{color:var(--shell-sidebar-text)}.sidebar.sidebar-light .nav-button:hover{color:var(--shell-sidebar-text-hover)}.sidebar.sidebar-light .nav-button.active{color:#fff}.sidebar.sidebar-light .product-menu-button.open{color:#111827}.sidebar.sidebar-light .product-submenu-button{color:var(--shell-sidebar-text)}.sidebar.sidebar-light .product-submenu-button:hover{color:var(--shell-sidebar-text-hover)}.sidebar.sidebar-light .product-submenu-button.active{color:var(--shell-sidebar-text-active)}.sidebar-logo{align-items:center;color:#fff;display:flex;font-size:17px;font-weight:700;gap:8px;height:60px;padding:0 28px}.sidebar-logo-image{display:block;flex:0 0 auto;height:46px;object-fit:contain;object-position:left center;width:112px}.sidebar-nav{flex:1;-ms-overflow-style:none;overflow-y:auto;padding:8px 4px 16px;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{height:0;width:0}.nav-button{align-items:center;border:0;cursor:pointer;display:flex;gap:12px;text-align:left;width:100%;background:transparent;color:#b8c7d8;font-size:14px;min-height:44px;padding:0 24px}.nav-button:hover{color:#fff}.nav-button.active{background:var(--primary-color);border-radius:4px;color:#fff}.product-menu-group{display:grid;gap:4px}.product-menu-button{display:grid;grid-template-columns:16px minmax(0,1fr) 12px}.product-menu-button span{line-height:1.45}.product-menu-button.open{color:#fff}.product-menu-chevron{justify-self:end;transition:transform .2s ease}.product-menu-button.open .product-menu-chevron{transform:rotate(180deg)}.product-submenu{display:grid;gap:4px;padding:4px 4px 10px}.product-submenu-button{align-items:center;background:transparent;border:0;border-radius:4px;color:#b8c7d8;cursor:pointer;display:flex;font-size:14px;min-height:44px;padding:0 24px 0 44px;text-align:left;width:100%}.product-submenu-button:hover{color:#fff}.product-submenu-button.active{background:var(--primary-color);color:#fff}.main-area{display:flex;flex-direction:column;min-width:0}.topbar{align-items:center;background:#fff;border-bottom:1px solid var(--border-color);display:flex;height:64px;justify-content:space-between;padding:0 24px}.topbar-actions{align-items:center;color:#1677ff;display:flex;font-size:14px;gap:18px}.topbar-link{align-items:center;display:inline-flex;gap:6px}.page-header{background:#fff;border-bottom:1px solid var(--border-color);padding:22px 24px 18px}.page-title{color:#111827;font-size:24px;font-weight:600;margin:0}.breadcrumb{color:#98a2b3;font-size:13px;margin-top:12px}.page-body{padding:24px}.ui-card,.ui-card-compact,.ui-card-metric,.ui-section-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-panel);box-shadow:var(--shadow-subtle);color:var(--text-color)}.ui-card,.ui-section-card{padding:var(--space-lg)}.ui-card-compact{padding:var(--space-md)}.ui-card-metric{align-items:center;display:flex;gap:var(--space-md);min-height:76px;padding:var(--space-md) var(--space-lg)}.ui-card-title,.ui-section-title{color:var(--text-color);font-size:var(--font-section-title);font-weight:700;line-height:1.3;margin:0}.ui-card-description,.ui-section-description{color:var(--text-secondary);font-size:var(--font-body);line-height:1.45;margin:0}.ui-form-grid,.ui-form-grid-two,.ui-form-grid-three,.ui-filter-grid{align-items:end;display:grid;gap:var(--space-md)}.ui-form-grid,.ui-form-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-form-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.ui-form-grid-single{display:grid;gap:var(--space-md)}.ui-form-section{display:grid;gap:var(--space-md);padding:var(--space-lg)}.ui-form-actions,.ui-drawer-actions,.ui-modal-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:flex-end}.ui-filter-bar,.app-filter-bar{align-items:end;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-panel);box-shadow:var(--shadow-subtle);display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-md)}.ui-table-shell,.app-table-wrap,.table-wrap{overflow-x:auto;overscroll-behavior-inline:contain}.ui-pagination,.pagination{align-items:center;border-top:1px solid var(--border-color);color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:var(--font-secondary);gap:var(--space-sm);justify-content:space-between;min-height:52px;padding:var(--space-sm) var(--space-lg)}.ui-loading-state,.ui-empty-state,.ui-error-state,.ui-success-state{border-radius:var(--radius-panel);font-size:var(--font-body);line-height:1.5}.ui-empty-state{align-items:center;color:var(--text-secondary);display:grid;gap:var(--space-sm);justify-items:center;min-height:140px;padding:var(--space-xl);text-align:center}.ui-loading-state{color:var(--text-secondary);padding:var(--space-lg)}.ui-error-state{background:var(--danger-soft);border:1px solid var(--danger-border);color:var(--danger-color);padding:var(--space-md)}.ui-success-state{background:var(--success-soft);border:1px solid var(--success-border);color:var(--success-color);padding:var(--space-md)}.toolbar{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:16px}.toolbar-group{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.panel{background:#fff;border:1px solid var(--border-color);border-radius:4px}.panel-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;min-height:56px;padding:0 20px}.panel-title{font-size:16px;font-weight:600}.panel-body{padding:20px}.stats-grid{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:24px}.stat-card{align-items:center;background:#fff;border:1px solid var(--border-color);border-radius:4px;display:flex;gap:18px;min-height:88px;padding:18px 20px}.stat-icon{align-items:center;background:#5f63f2;border-radius:8px;color:#fff;display:inline-flex;height:48px;justify-content:center;width:48px}.stat-value{font-size:20px;font-weight:700}.stat-label{color:var(--muted-color);font-size:13px;margin-top:4px}.dashboard-page .stat-label-row{align-items:center;display:flex;gap:5px}.dashboard-page .metric-info{color:var(--muted-color);cursor:help;display:inline-flex}.dashboard-page .metric-info:focus-visible{border-radius:50%;outline:2px solid var(--focus-ring);outline-offset:2px}.dashboard-page .stat-subtitle{color:var(--muted-color);font-size:11px;line-height:1.3;margin-top:3px}.dashboard-page .inventory-health-card.health-success{border-color:var(--success-color)}@supports (color: color-mix(in lab,red,red)){.dashboard-page .inventory-health-card.health-success{border-color:color-mix(in srgb,var(--success-color) 42%,var(--border-color))}}.dashboard-page .inventory-health-card.health-success .stat-icon,.dashboard-page .inventory-health-card.health-success .stat-value{color:var(--success-color)}.dashboard-page .inventory-health-card.health-success .stat-icon{background:var(--success-soft)}.dashboard-page .inventory-health-card.health-good,.dashboard-page .inventory-health-card.health-warning{border-color:var(--warning-color)}@supports (color: color-mix(in lab,red,red)){.dashboard-page .inventory-health-card.health-good,.dashboard-page .inventory-health-card.health-warning{border-color:color-mix(in srgb,var(--warning-color) 42%,var(--border-color))}}.dashboard-page .inventory-health-card.health-good .stat-icon,.dashboard-page .inventory-health-card.health-good .stat-value,.dashboard-page .inventory-health-card.health-warning .stat-icon,.dashboard-page .inventory-health-card.health-warning .stat-value{color:var(--warning-color)}.dashboard-page .inventory-health-card.health-good .stat-icon,.dashboard-page .inventory-health-card.health-warning .stat-icon{background:var(--warning-soft)}.dashboard-page .inventory-health-card.health-danger{border-color:var(--danger-color)}@supports (color: color-mix(in lab,red,red)){.dashboard-page .inventory-health-card.health-danger{border-color:color-mix(in srgb,var(--danger-color) 42%,var(--border-color))}}.dashboard-page .inventory-health-card.health-danger .stat-icon,.dashboard-page .inventory-health-card.health-danger .stat-value{color:var(--danger-color)}.dashboard-page .inventory-health-card.health-danger .stat-icon{background:var(--danger-soft)}.dashboard-page .inventory-health-card.health-muted .stat-icon,.dashboard-page .inventory-health-card.health-muted .stat-value{color:var(--muted-color)}.dashboard-page .inventory-health-card.health-muted .stat-icon{background:var(--surface-subtle)}.dashboard-page .product-status-table th,.dashboard-page .product-status-table td{padding-left:8px;padding-right:8px;vertical-align:middle}.dashboard-page .product-status-table th{white-space:normal}.dashboard-page .product-status-table th:first-child,.dashboard-page .product-status-table td:first-child,.dashboard-page .product-status-table th:last-child,.dashboard-page .product-status-table td:last-child{position:sticky;z-index:2}.dashboard-page .product-status-table th:first-child,.dashboard-page .product-status-table td:first-child{background:var(--surface-color);box-shadow:1px 0 var(--border-color);left:0}.dashboard-page .product-status-table th:last-child,.dashboard-page .product-status-table td:last-child{background:var(--surface-color);box-shadow:-1px 0 var(--border-color);right:0}.dashboard-page .product-status-table thead th:first-child,.dashboard-page .product-status-table thead th:last-child{background:var(--surface-subtle);z-index:3}.dashboard-page .inventory-priority{align-items:center;display:inline-flex;font-weight:600;gap:8px;white-space:nowrap}.dashboard-page .priority-dot{border:1px solid currentColor;border-radius:50%;height:11px;width:11px}@supports (color: color-mix(in lab,red,red)){.dashboard-page .priority-dot{border:1px solid color-mix(in srgb,currentColor 35%,transparent)}}.dashboard-page .inventory-priority.critical .priority-dot{background:#ff3859;box-shadow:0 0 0 3px color-mix(in srgb,#ff3859 18%,transparent)}.dashboard-page .inventory-priority.warning .priority-dot{background:#ffd400;box-shadow:0 0 0 3px color-mix(in srgb,#ffd400 20%,transparent)}.dashboard-page .inventory-priority.healthy .priority-dot{background:#20d875;box-shadow:0 0 0 3px color-mix(in srgb,#20d875 18%,transparent)}.dashboard-page .product-status-flags{font-size:13px;line-height:1.45;overflow-wrap:anywhere}.dashboard-page .last-movement-cell{display:grid;gap:3px}.dashboard-page .last-movement-cell time{color:var(--muted-color);font-size:12px;line-height:1.35}@media(max-width:720px){.dashboard-page .product-status-table th:first-child,.dashboard-page .product-status-table td:first-child,.dashboard-page .product-status-table th:last-child,.dashboard-page .product-status-table td:last-child{background:transparent;box-shadow:none;position:static}}.dashboard-grid{display:grid;gap:16px;grid-template-columns:280px minmax(0,1fr);margin-bottom:24px}.chart-placeholder{align-items:end;display:grid;gap:12px;grid-template-columns:repeat(7,minmax(28px,1fr));height:280px;padding:24px 18px 12px}.chart-bar{background:#26c99a;border-radius:3px 3px 0 0;min-height:8px}.chart-bar.sales{background:#ffca55}.donut{background:radial-gradient(circle at center,#ffffff 0 39%,transparent 40%),conic-gradient(#26c99a 0 45%,#5f63f2 45% 68%,#ffa940 68% 78%,#ffca55 78% 90%,#ff6f91 90% 100%);border-radius:999px;height:120px;margin:24px auto 18px;width:120px}.legend{display:grid;gap:8px;margin:0 auto 12px;max-width:220px}.legend-item{align-items:center;color:#667085;display:flex;font-size:12px;gap:8px}.legend-color{display:inline-flex;height:8px;width:36px}.settings-layout{display:block!important}app-settings .settings-summary-grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}app-settings .settings-summary-grid>div{background:var(--surface-subtle);border:1px solid var(--border-color);border-radius:8px;display:grid;gap:5px;padding:12px}app-settings .settings-summary-grid span,app-settings .settings-directory-header p,app-settings .settings-toolbar label>span{color:var(--text-secondary);font-size:12px}app-settings .settings-summary-grid strong{color:var(--text-color);font-size:16px}app-settings .settings-directory-header{align-items:end;display:flex;justify-content:space-between}app-settings .settings-directory-header h3{color:var(--text-color);font-size:15px;margin:0}app-settings .settings-directory-header p{margin:4px 0 0}app-settings .settings-toolbar{align-items:end;display:grid;gap:10px;grid-template-columns:minmax(240px,1fr) repeat(3,minmax(130px,auto)) auto}app-settings .settings-toolbar label{display:grid;gap:5px}app-settings .settings-toolbar label>span{font-weight:600}app-settings .settings-toolbar input,app-settings .settings-toolbar select{background:var(--control-background, var(--surface-color));border:1px solid var(--control-border-color);border-radius:6px;color:var(--text-color);min-height:38px;padding:0 10px}app-settings .settings-directory-table{overflow:hidden}app-settings .settings-directory-table td strong,app-settings .settings-empty-state strong{color:var(--text-color)}app-settings .settings-badge{background:#ecfdf3;border-radius:999px;color:#027a48;display:inline-flex;font-size:11px;font-weight:700;padding:4px 8px}app-settings .settings-badge.inactive{background:#fef3f2;color:#b42318}app-settings .settings-badge.neutral{background:var(--surface-subtle);color:var(--text-secondary)}app-settings .settings-empty-state{align-items:center;color:var(--text-secondary);display:grid;gap:10px;justify-items:center;min-height:140px;padding:24px;text-align:center}app-settings .settings-empty-icon{align-items:center;background:var(--primary-soft);border-radius:999px;color:var(--primary-color);display:inline-flex;height:42px;justify-content:center;width:42px}app-settings .settings-empty-state strong{font-size:15px}app-settings .settings-empty-state p{margin:0;max-width:460px}.form-grid{align-items:start;display:grid;gap:18px 16px;grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-row{align-content:start;display:grid;gap:8px}.form-row.full{grid-column:1 / -1}.field-note,.field-helper{color:var(--text-secondary);font-size:var(--font-caption);line-height:1.4}.field-error{color:var(--danger-color);font-size:var(--font-caption);line-height:1.4;margin:0}.drawer-form-spacer{display:block}.form-label{color:#111827;font-size:14px;font-weight:500}.required{color:#ff4d4f}.form-control,.form-select,.form-textarea{background:#fff;border:1px solid #d9d9d9;border-radius:4px;color:#111827;min-height:34px;outline:none;padding:7px 12px;width:100%}.form-control:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color)}@supports (color: color-mix(in lab,red,red)){.form-control:focus,.form-select:focus,.form-textarea:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--primary-color) 18%,transparent)}}.form-textarea{min-height:86px;resize:vertical}.input-with-actions{display:grid;grid-template-columns:minmax(0,1fr) auto auto}.input-with-actions .form-control{border-radius:4px 0 0 4px}.inline-icon-button{align-items:center;background:#fafafa;border:1px solid #d9d9d9;border-left:0;color:#374151;cursor:pointer;display:inline-flex;justify-content:center;min-height:34px;width:40px}.inline-icon-button:disabled{cursor:not-allowed;opacity:.55}.upload-box{align-items:center;border:1px dashed #d9d9d9;border-radius:4px;color:#4b5563;display:inline-flex;flex-direction:column;gap:8px;height:102px;justify-content:center;width:102px}.upload-box-button{cursor:pointer;position:relative}.upload-input{display:none}.upload-preview{display:block;max-height:72px;max-width:88px;object-fit:contain}.institution-upload-grid{display:flex;flex-wrap:wrap;gap:18px}.color-picker-control{display:inline-flex;position:relative;width:max-content}.color-swatch-button{border:0;cursor:pointer;height:34px;outline:none;width:62px}.color-swatch-button:focus{box-shadow:0 0 0 2px var(--primary-color)}@supports (color: color-mix(in lab,red,red)){.color-swatch-button:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--primary-color) 18%,transparent)}}.color-picker-panel{background:#fff;border-radius:4px;box-shadow:0 3px 12px #0f172a29;display:grid;gap:10px;left:0;padding:10px;position:absolute;top:calc(100% + 8px);max-width:calc(100vw - 32px);width:270px;z-index:40}.color-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));grid-auto-rows:25px}.color-cell{border:0;cursor:pointer;min-height:25px;outline:1px solid rgb(255 255 255 / 36%);position:relative}.color-cell.active:after{border:2px solid #ffffff;box-shadow:0 0 0 1px #111827;content:"";inset:5px;position:absolute}.color-none{background:linear-gradient(135deg,transparent 48%,#ff4d4f 49%,#ff4d4f 51%,transparent 52%),#fff}.hue-cell{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);display:block;overflow:hidden}.hue-color-input{cursor:pointer;height:100%;inset:0;opacity:0;padding:0;position:absolute;width:100%}.color-slider{accent-color:var(--primary-color);appearance:none;border-radius:999px;height:12px;width:100%}.shade-slider{background:linear-gradient(90deg,#ffffff 0%,var(--color-base, var(--primary-color)) 50%,#000000 100%)}.color-slider::-webkit-slider-thumb{appearance:none;background:#fff;border:1px solid #cbd5e1;border-radius:999px;box-shadow:0 1px 3px #0f172a33;height:18px;width:18px}.color-slider::-moz-range-thumb{background:#fff;border:1px solid #cbd5e1;border-radius:999px;box-shadow:0 1px 3px #0f172a33;height:18px;width:18px}.alpha-slider{background:linear-gradient(90deg,rgb(255 255 255 / 0%),var(--primary-color)),linear-gradient(45deg,#cbd5e1 25%,transparent 25%),linear-gradient(-45deg,#cbd5e1 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#cbd5e1 75%),linear-gradient(-45deg,transparent 75%,#cbd5e1 75%);background-color:#fff;background-position:0 0,0 0,0 6px,6px -6px,-6px 0;background-size:auto,12px 12px,12px 12px,12px 12px,12px 12px}.color-input-row{align-items:center;display:grid;gap:4px;grid-template-columns:38px minmax(0,1fr) 42px 44px}.color-input-row .form-control{background:#f5f5f5;border:0;font-size:10px;height:28px;min-height:28px;padding-left:4px;padding-right:4px;text-align:center}.color-preview{border-radius:3px;display:inline-flex;height:28px;overflow:hidden;position:relative;width:38px}.color-preview,.color-preset{background:linear-gradient(45deg,#b9d7f4 25%,transparent 25%),linear-gradient(-45deg,#b9d7f4 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#b9d7f4 75%),linear-gradient(-45deg,transparent 75%,#b9d7f4 75%);background-color:#78baf8;background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.color-preview-fill{display:block;height:100%;width:100%}.color-opacity{align-items:center;background:#f5f5f5;border-radius:3px;color:#111827;display:inline-flex;font-size:11px;height:28px;justify-content:center}.color-format-select{background:transparent;border:0;color:#4b5563;cursor:pointer;font-size:11px;height:28px;outline:none;padding:0;text-transform:lowercase;width:44px}.color-preset-row{display:flex;gap:4px}.color-preset{border:0;border-radius:3px;cursor:pointer;height:26px;overflow:hidden;padding:0;width:26px}.color-preset.active{box-shadow:0 0 0 2px var(--primary-color)}@supports (color: color-mix(in lab,red,red)){.color-preset.active{box-shadow:0 0 0 2px color-mix(in srgb,var(--primary-color) 28%,transparent)}}.color-preset span{display:block;height:100%;width:100%}.data-table{border-collapse:collapse;color:#111827;font-size:14px;width:100%}.data-table th,.data-table td{border-bottom:1px solid var(--border-color);padding:12px 10px;text-align:left;vertical-align:middle}.data-table th{background:#fafafa;color:#475467;font-weight:600}.table-actions{align-items:center;display:flex;gap:6px}.product-cell{align-items:center;display:flex;gap:12px;min-width:240px}.product-thumb{align-items:center;background:linear-gradient(135deg,#eef4ff,#e8fff6);border:1px solid #dbe3ee;border-radius:4px;color:var(--primary-color);display:inline-flex;font-size:12px;font-weight:700;height:40px;justify-content:center;overflow:hidden;width:40px}.product-list-disabled-cell{background:#fff1f0;color:#cf1322;font-weight:600}.checkout-layout{align-items:start;display:grid;gap:16px;grid-template-columns:minmax(420px,.9fr) minmax(480px,1.1fr)}.checkout-panel-header{gap:12px}.checkout-counter{color:var(--muted-color);font-size:13px}.checkout-products-body{display:grid;gap:16px}.checkout-filter-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.checkout-search{grid-template-columns:minmax(0,1fr) auto auto}.checkout-product-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(240px,1fr))}.checkout-product-card{align-items:start;background:#fff;border:1px solid var(--border-color);border-radius:4px;color:#111827;display:grid;gap:8px;grid-template-columns:40px minmax(0,1fr);min-height:112px;padding:12px;position:relative;text-align:left}.checkout-product-info{display:grid;gap:3px;min-width:0}.checkout-product-summary{align-items:center;display:flex;flex-wrap:wrap;gap:6px 10px;justify-content:space-between}.checkout-product-name{font-size:14px;font-weight:600;line-height:1.25}.checkout-product-meta{color:var(--muted-color);font-size:12px}.checkout-product-price{color:var(--primary-color);font-weight:700;margin-top:2px}.checkout-variant-list{display:grid;gap:6px;grid-column:1 / -1;margin-top:0}.checkout-bundle-component-list,.checkout-bundle-selector{display:grid;gap:8px;grid-column:1 / -1}.checkout-bundle-component-chip,.checkout-bundle-component-block{background:#f8fafc;border:1px solid #e5edf5;border-radius:4px;display:grid;gap:4px;padding:8px}.checkout-bundle-action-row,.checkout-bundle-component-heading{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.checkout-variant-row{align-items:center;background:#f8fafc;border:1px solid #e5edf5;border-radius:4px;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto;padding:6px 8px}.checkout-variant-row.disabled{opacity:.55}.checkout-variant-actions{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.checkout-variant-copy{display:grid;gap:1px;min-width:0}.checkout-variant-name{color:#111827;font-size:12px;font-weight:600}.checkout-variant-name.unverified{color:#cf1322}.checkout-variant-name.expired{text-decoration:line-through}.checkout-api-error{align-items:center;background:#fff1f0;border:1px solid #ffa39e;border-radius:4px;color:#a8071a;display:flex;font-size:13px;gap:12px;justify-content:space-between;padding:10px 12px}.checkout-cart-panel{overflow:hidden}.checkout-cart-table-wrap{overflow-x:auto}.checkout-cart-table{min-width:820px;width:100%}.checkout-cart-product{min-width:300px}.quantity-stepper{align-items:center;display:grid;grid-template-columns:30px 54px 30px;width:max-content}.quantity-stepper button{background:#fafafa;border:1px solid #d9d9d9;color:#374151;cursor:pointer;height:32px}.quantity-stepper button:first-child{border-radius:4px 0 0 4px}.quantity-stepper button:last-child{border-radius:0 4px 4px 0}.quantity-stepper .form-control{border-left:0;border-radius:0;border-right:0;height:32px;min-height:32px;padding:4px;text-align:center}.checkout-action-row{border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;padding:16px}.checkout-cart-summary,.checkout-total-row{align-items:center;display:flex;gap:16px;justify-content:space-between}.checkout-cart-summary{border-top:1px solid var(--border-color);font-size:16px;padding:16px}.checkout-cart-summary strong,.checkout-total-row.payable strong{color:var(--primary-color);font-size:18px}.checkout-warning-modal,.checkout-confirmation-modal{max-width:calc(100vw - 32px);width:640px}.checkout-warning-copy{display:grid;gap:10px}.checkout-warning-copy strong{color:#cf1322;font-size:15px}.checkout-invoice{display:grid;gap:12px}.checkout-invoice-title{border-bottom:1px dotted #d9d9d9;color:var(--primary-color);font-size:22px;font-weight:700;padding-bottom:12px;text-align:center}.print-barcode-panel .panel-body{padding:28px 20px 0}.print-product-search{min-height:40px;margin-bottom:24px}.print-barcode-table-wrap{margin-bottom:24px;overflow-x:auto}.print-barcode-table{min-width:760px}.print-barcode-table th,.print-barcode-table td{padding:20px}.print-barcode-table th:first-child,.print-barcode-table td:first-child{width:120px}.print-barcode-table th:nth-child(3),.print-barcode-table td:nth-child(3){width:240px}.print-barcode-table th:last-child,.print-barcode-table td:last-child{width:160px}.print-quantity-input{max-width:112px}.print-option-row{align-items:center;display:flex;flex-wrap:wrap;gap:72px;margin-bottom:28px}.print-checkbox-label{align-items:center;color:#111827;display:inline-flex;font-size:14px;gap:10px}.print-checkbox-label input{height:20px;width:20px}.print-paper-row{margin-bottom:30px;max-width:493px}.print-action-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:38px}.barcode-sheet-wrap{overflow-x:auto}.barcode-sheet{border:1px solid #d9d9d9;display:grid;gap:16px;grid-template-columns:repeat(var(--barcode-columns, 4),minmax(0,1fr));margin:0 auto;max-width:990px;padding:12px 20px 0}.barcode-label{align-content:center;background:#fff;border:1px dotted #d9d9d9;color:#111827;display:grid;gap:6px;min-height:var(--barcode-label-height, 118px);padding:16px 18px;text-align:center}.barcode-product-name{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.barcode-lines{background:repeating-linear-gradient(90deg,#111827 0 2px,transparent 2px 5px,#111827 5px 6px,transparent 6px 9px,#111827 9px 12px,transparent 12px 16px);height:24px;margin:0 auto;width:120px}.barcode-code{font-size:16px;font-weight:700;letter-spacing:0;text-align:center}.barcode-meta{color:#667085;display:flex;font-size:12px;justify-content:space-between}.badge{border-radius:4px;display:inline-flex;font-size:12px;font-weight:600;padding:3px 8px}.badge.green{background:#e6fffb;color:#08979c}.badge.blue{background:#e6f4ff;color:#1677ff}.badge.red{background:#fff1f0;color:#cf1322}.badge.gray{background:#f2f4f7;color:#667085}.tabs{border-bottom:1px solid var(--border-color);display:flex;gap:24px;margin-bottom:16px}.tab-button{align-items:center;background:transparent;border:0;border-bottom:2px solid transparent;color:#111827;cursor:pointer;display:inline-flex;gap:8px;min-height:48px;padding:0 0 12px}.tab-button.active{border-color:var(--primary-color);color:var(--primary-color)}.drawer-backdrop,.modal-backdrop{background:#0000007a;inset:0;position:fixed;z-index:50}.drawer{background:#fff;bottom:0;box-shadow:-6px 0 16px #00000024;display:flex;flex-direction:column;max-width:100%;position:fixed;right:0;top:0;width:760px;z-index:60}.drawer.wide{width:980px}.drawer-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:14px;min-height:56px;padding:0 24px}.drawer-body{flex:1;overflow-y:auto;padding:24px}.drawer-footer{align-items:center;background:#fff;border-top:1px solid var(--border-color);display:flex;gap:8px;justify-content:flex-end;min-height:64px;padding:0 16px}.close-button{align-items:center;background:transparent;border:0;color:#667085;cursor:pointer;display:inline-flex;height:32px;justify-content:center;width:32px}.modal{background:#fff;border-radius:4px;box-shadow:0 10px 28px #0000002e;left:50%;max-width:calc(100vw - 32px);position:fixed;top:50%;transform:translate(-50%,-50%);width:560px;z-index:60}.modal-header,.modal-footer{align-items:center;display:flex;min-height:56px;padding:0 24px}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between}.modal-body{padding:24px}.modal-footer{border-top:1px solid var(--border-color);gap:8px;justify-content:flex-end}.adjustment-modal{width:644px}.adjustment-modal-header{justify-content:flex-start;min-height:70px;padding-left:28px}.adjustment-modal .modal-body{padding:32px 28px 58px}.adjustment-product-search{grid-template-columns:minmax(0,1fr) 40px 46px}.adjustment-product-search .inline-icon-button:first-of-type{border-radius:0 4px 4px 0}.adjustment-add-product-button{border-left:1px solid #d9d9d9;border-radius:0;margin-left:6px}.adjustment-fields-grid{gap:28px 88px;margin-top:28px}.adjustment-stock-value{align-items:center;display:flex;min-height:34px}.adjustment-quantity-input{max-width:112px}.adjustment-modal-footer{min-height:64px;padding-right:16px}.dark .adjustment-add-product-button{border-left-color:#374151}.variant-modal-backdrop{z-index:70}.variant-modal{z-index:80}.variant-checkbox-row{align-items:center;display:inline-flex;gap:10px;min-height:60px}.variant-checkbox-row input{accent-color:var(--primary-color);height:18px;width:18px}.variant-attachment-control{align-items:center;background:#fff;border:1px dashed #d9d9d9;border-radius:4px;color:#374151;cursor:pointer;display:inline-flex;gap:8px;min-height:34px;padding:7px 12px;width:100%}.variant-attachment-control:hover,.variant-attachment-control:focus-within{border-color:var(--primary-color);color:var(--primary-color)}.floating-button{align-items:center;background:var(--primary-color);border:0;border-radius:999px;bottom:30px;box-shadow:0 8px 18px #1890ff59;color:#fff;cursor:pointer;display:inline-flex;height:52px;justify-content:center;position:fixed;right:32px;width:52px;z-index:30}.permission-table td:first-child,.permission-table th:first-child{color:#667085;min-width:220px}.empty-state{align-items:center;color:#b8c1cc;display:flex;flex-direction:column;gap:8px;min-height:160px;justify-content:center}.dark{--page-bg: #0f172a;--border-color: #273244;--text-color: #e5e7eb}.dark .topbar,.dark .page-header,.dark .panel,.dark .stat-card,.dark .drawer,.dark .drawer-footer,.dark .modal{background:#111827;color:#e5e7eb}.dark .page-title,.dark .form-label,.dark .data-table,.dark .tab-button{color:#e5e7eb}.dark .data-table th,.dark .form-control,.dark .form-select,.dark .form-textarea,.dark .variant-attachment-control,.dark .inline-icon-button{background:#0f172a;border-color:#374151;color:#e5e7eb}.dark .print-checkbox-label,.dark .print-product-select{color:#e5e7eb}.dark .barcode-sheet{background:#0f172a;border-color:#374151}.dark .barcode-label{background:#111827;border-color:#374151;color:#e5e7eb}.dark .barcode-lines{background:repeating-linear-gradient(90deg,#e5e7eb 0 2px,transparent 2px 5px,#e5e7eb 5px 6px,transparent 6px 9px,#e5e7eb 9px 12px,transparent 12px 16px)}.dark .barcode-meta{color:#98a2b3}.dark .product-list-disabled-cell{background:#3b1d1d;color:#fca5a5}.dark .checkout-product-card,.dark .checkout-payment-stats div{background:#111827;border-color:#374151;color:#e5e7eb}.dark .checkout-variant-row,.dark .checkout-bundle-component-chip,.dark .checkout-bundle-component-block{background:#0f172a;border-color:#374151}.dark .checkout-product-name,.dark .checkout-variant-name,.dark .checkout-total-row strong{color:#e5e7eb}.dark .checkout-variant-name.unverified,.dark .checkout-warning-copy strong{color:#fca5a5}.dark .checkout-api-error{background:#3b1d1d;border-color:#7f1d1d;color:#fecaca}.dark .quantity-stepper button{background:#111827;border-color:#374151;color:#e5e7eb}@media(max-width:1100px){.admin-shell{grid-template-columns:78px minmax(0,1fr)}.sidebar-logo span,.nav-button span{display:none}.sidebar-logo,.nav-button{justify-content:center;padding-left:0;padding-right:0}.product-menu-button{display:flex}.product-menu-chevron,.product-submenu{display:none}.settings-layout,.dashboard-grid{grid-template-columns:1fr}app-settings .settings-summary-grid,app-settings .settings-toolbar{grid-template-columns:1fr}.checkout-layout{grid-template-columns:1fr}.checkout-product-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.admin-shell{grid-template-columns:1fr}.sidebar{min-height:auto}.sidebar-nav{display:grid;grid-template-columns:repeat(4,1fr);overflow:visible}.main-area{min-height:100vh}.topbar{align-items:flex-start;height:auto;padding:14px 16px}.topbar-actions{flex-wrap:wrap;justify-content:flex-end}.page-body,.page-header{padding-left:16px;padding-right:16px}.stats-grid,.form-grid,.form-grid.three,.checkout-filter-grid,.checkout-product-grid,.checkout-payment-stats{grid-template-columns:1fr}.checkout-action-row{justify-content:stretch}.drawer-form-spacer{display:none}.toolbar{align-items:stretch;flex-direction:column}.data-table{min-width:760px}app-settings .responsive-settings-table{min-width:0}app-settings .responsive-settings-table thead{display:none}app-settings .responsive-settings-table tbody,app-settings .responsive-settings-table tr,app-settings .responsive-settings-table td{display:block;width:100%}app-settings .responsive-settings-table tr{border-bottom:1px solid var(--border-color);padding:10px 0}app-settings .responsive-settings-table td{align-items:flex-start;border:0;display:grid;gap:14px;grid-template-columns:92px minmax(0,1fr);overflow-wrap:anywhere;padding:7px 0}app-settings .responsive-settings-table td:before{color:var(--muted-color);content:attr(data-label);font-size:12px;font-weight:600}.panel{overflow-x:auto}}.admin-shell{grid-template-columns:216px minmax(0,1fr)}.sidebar{border-right:1px solid rgb(255 255 255 / 8%);position:sticky;top:0;height:100vh;z-index:50}.sidebar-logo{min-height:60px;padding:0 18px;text-decoration:none}.sidebar-nav{padding:8px 8px 18px}.navigation-group{display:grid;gap:2px}.navigation-group+.navigation-group{margin-top:4px}.nav-button{border-radius:var(--radius-control);font-size:12px;gap:10px;min-height:36px;padding:0 12px;text-decoration:none}.nav-button:hover{background:#ffffff12}.nav-button.active{background:#ffffff1a;color:#fff}.navigation-submenu{padding:2px 4px 5px 28px}.product-submenu-button{border-left:2px solid rgb(255 255 255 / 14%);border-radius:0 var(--radius-control) var(--radius-control) 0;font-size:11px;min-height:32px;padding:0 10px;text-decoration:none}.product-submenu-button.active{background:#ffffff17;border-left-color:#7ab7ff;color:#fff}.sidebar-light .product-submenu-button{border-left-color:var(--border-color)}.sidebar-light .product-submenu-button.active{background:var(--primary-soft);border-left-color:var(--primary-color);color:var(--primary-color)}.sidebar.sidebar-light .nav-button.active{background:#eff6ff;color:#1d4ed8}.sidebar-collapsed .sidebar-logo{justify-content:center;padding:0}.sidebar-collapsed .sidebar-logo span,.sidebar-collapsed .nav-button span,.sidebar-collapsed .navigation-submenu{display:none}.sidebar-collapsed .nav-button{justify-content:center;padding:0}.main-area{max-width:none;min-height:100vh;min-width:0;width:100%}.topbar{background:var(--surface-color);border-color:var(--border-color);height:58px;max-width:none;min-width:0;padding:0 var(--space-4);position:sticky;top:0;width:100%;z-index:30}.navigation-toggle{color:var(--text-secondary);height:40px;width:40px}.topbar-actions{color:var(--text-secondary);gap:12px}.public-shell,.public-main,.public-route-host{min-height:100dvh}.current-user-summary,.current-user-details{min-width:0}.current-user-summary{align-items:center;display:flex;gap:9px;position:relative}.current-user-details{display:grid;gap:2px;max-width:260px}.current-user-details strong,.current-user-details small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.current-user-details strong{color:var(--text-color);font-size:13px}.current-user-details small{color:var(--muted-color);font-size:11px}.organization-name{font-size:14px;font-weight:600}.profile-indicator{align-items:center;background:#eef4ff;border:1px solid #dbeafe;border-radius:999px;color:#1e3a8a;display:inline-flex;font-size:12px;font-weight:700;height:28px;letter-spacing:.02em;justify-content:center;min-width:36px;padding:0 10px;width:auto}.profile-menu-trigger{cursor:pointer;gap:6px}.profile-menu{background:var(--surface-raised);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-overlay);display:grid;gap:4px;min-width:200px;padding:12px;position:absolute;right:0;top:calc(100% + 8px);z-index:80}.profile-menu strong{color:var(--text-color);font-size:13px}.profile-menu small{color:var(--text-secondary);font-size:11px}.profile-menu button{background:transparent;border:0;border-top:1px solid var(--border-color);color:var(--danger-color);cursor:pointer;font:inherit;font-size:12px;font-weight:700;margin-top:8px;padding:10px 0 0;text-align:left}.form-control:disabled,.form-select:disabled,.form-textarea:disabled,.form-control[readonly],.form-textarea[readonly]{background:var(--surface-subtle);color:var(--text-disabled);cursor:not-allowed;opacity:1}.form-control[aria-invalid=true],.form-select[aria-invalid=true],.form-textarea[aria-invalid=true],.form-row.invalid .form-control,.form-row.invalid .form-select,.form-row.invalid .form-textarea{border-color:var(--danger-color)}.notification-menu{position:relative}.notification-bell{align-items:center;background:var(--surface-subtle);border:1px solid var(--control-border-color);border-radius:999px;color:var(--text-secondary);cursor:pointer;display:inline-flex;height:36px;justify-content:center;position:relative;width:36px}.notification-bell:hover{border-color:var(--primary-color);color:var(--primary-color)}.notification-preview{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-overlay);color:var(--text-color);display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:min(560px,calc(100dvh - 84px));overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);width:min(390px,calc(100vw - 32px));z-index:80}.notification-preview header,.notification-preview footer{align-items:center;display:flex;justify-content:space-between;padding:12px 14px}.notification-preview header{border-bottom:1px solid var(--border-color)}.notification-preview header div{display:grid;gap:2px}.notification-preview header strong{color:var(--text-color);font-size:14px}.notification-preview header span,.notification-preview-copy small,.notification-preview-copy em,.notification-preview-state{color:var(--text-secondary);font-size:12px}.notification-preview header button{align-items:center;background:transparent;border:0;color:var(--text-secondary);cursor:pointer;display:inline-flex;height:30px;justify-content:center;width:30px}.notification-preview-list{overflow-y:auto}.notification-preview-item{border-bottom:1px solid var(--border-color);display:grid;gap:8px;padding:11px 14px}.notification-preview-item.unread{background:var(--primary-soft)}@supports (color: color-mix(in lab,red,red)){.notification-preview-item.unread{background:color-mix(in srgb,var(--primary-soft) 45%,var(--surface-color))}}.notification-preview-item>button{align-items:flex-start;background:transparent;border:0;color:inherit;cursor:pointer;display:flex;gap:8px;padding:0;text-align:left}.notification-unread-dot{border-radius:999px;flex:0 0 auto;height:8px;margin-top:5px;width:8px}.notification-preview-item.unread .notification-unread-dot{background:var(--primary-color)}.notification-preview-copy{display:grid;gap:4px;min-width:0}.notification-preview-copy>span:first-child{align-items:baseline;display:flex;gap:8px;justify-content:space-between}.notification-preview-copy strong{color:var(--text-color);font-size:13px;font-style:normal;font-weight:600}.notification-preview-copy em{font-style:normal;font-weight:600}.notification-preview-copy>span:not(:first-child){color:var(--text-secondary);font-size:12px;line-height:1.4}.notification-inline-action,.notification-preview footer button,.notification-preview-state button{background:transparent;border:0;color:var(--primary-color);cursor:pointer;font-size:12px;font-weight:600;padding:0}.notification-preview-state{display:grid;gap:5px;justify-items:center;padding:28px 14px;text-align:center}.notification-preview-state.error{color:var(--danger-color)}.notification-preview-state strong{color:var(--text-color)}.notification-preview footer{border-top:1px solid var(--border-color)}.page-header{align-items:center;background:var(--surface-color);border-color:var(--border-color);display:flex;min-height:68px;min-width:0;padding:11px var(--space-4);width:100%}.page-title{color:var(--text-color);font-size:20px;font-weight:600;line-height:1.25}.breadcrumb{align-items:center;color:var(--muted-color);display:flex;gap:7px;font-size:11px;margin-top:5px}.breadcrumb [aria-current=page]{color:var(--text-secondary)}.page-body{margin-inline:0;max-width:none;min-width:0;padding:var(--space-4) var(--space-4) 28px;width:100%}.mobile-navigation-backdrop{display:none}.panel{background:var(--surface-color);border-color:var(--border-color);border-radius:var(--radius-panel);box-shadow:0 1px 2px #0f172a0a}.panel-header{border-color:var(--border-color);min-height:54px;padding:0 18px}.panel-title{color:var(--text-color);font-size:15px;font-weight:700}.form-control,.form-select,.form-textarea{background:var(--surface-color);border-color:var(--control-border-color);border-radius:var(--radius-control);color:var(--text-color);min-height:var(--control-height)}.form-label{color:var(--text-color);font-weight:600}.form-control::placeholder,.form-textarea::placeholder{color:var(--muted-color);opacity:1}.inline-icon-button,.close-button{border-radius:var(--radius-control)}.inline-icon-button{background:var(--surface-subtle);border-color:var(--control-border-color);color:var(--text-secondary);min-height:var(--control-height)}.inline-icon-button:hover,.close-button:hover{background:var(--primary-soft);color:var(--primary-color)}.data-table{color:var(--text-color);font-size:13px}.data-table th,.data-table td{border-color:var(--border-color);height:var(--table-row-height);padding:var(--table-cell-padding-y) var(--table-cell-padding-x)}.data-table th{background:var(--surface-subtle);color:var(--text-secondary);position:sticky;top:0;z-index:2}@supports (color: color-mix(in lab,red,red)){.data-table tbody tr:hover{background:color-mix(in srgb,var(--primary-soft) 45%,transparent)}}.toggle-control{align-items:center;display:inline-flex;gap:var(--space-sm)}.toggle-control input{accent-color:var(--primary-color)}.data-table td.numeric,.data-table th.numeric{font-variant-numeric:tabular-nums;text-align:right}.reports-page .report-column-right{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.reports-page .report-column-center{text-align:center}.table-actions{justify-content:flex-end}.badge{border-radius:999px;font-weight:700}.drawer,.modal{background:var(--surface-raised);box-shadow:var(--shadow-overlay)}.drawer{width:min(760px,100vw)}.drawer.wide{width:min(960px,100vw)}.drawer-header,.drawer-footer,.modal-header,.modal-footer{background:var(--surface-raised);border-color:var(--border-color)}.drawer-backdrop,.modal-backdrop{background:var(--overlay-color)}.empty-state{color:var(--text-secondary);font-size:var(--font-body);line-height:1.5}.read-only-badge{align-items:center;background:var(--warning-soft);border-radius:999px;color:var(--warning-color);display:inline-flex;font-size:12px;font-weight:700;min-height:26px;padding:0 10px}.session-data-notice{align-items:center;background:var(--warning-soft);border:1px solid var(--warning-color);border-radius:var(--radius-control);color:var(--text-color);display:flex;font-size:13px;gap:10px;margin-bottom:12px;min-height:40px;padding:8px 12px}@supports (color: color-mix(in lab,red,red)){.session-data-notice{border:1px solid color-mix(in srgb,var(--warning-color) 35%,var(--border-color))}}.session-data-notice strong{color:var(--warning-color);white-space:nowrap}.form-error-summary{background:var(--danger-soft);border:1px solid var(--danger-color);border-radius:var(--radius-control);color:var(--danger-color);font-size:13px;grid-column:1 / -1;line-height:1.5;padding:10px 12px}@supports (color: color-mix(in lab,red,red)){.form-error-summary{border:1px solid color-mix(in srgb,var(--danger-color) 35%,var(--border-color))}}@media(max-width:520px){.session-data-notice{align-items:flex-start;flex-direction:column;gap:2px}}.sr-only,.visually-hidden{clip:rect(0,0,0,0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.dark{--app-background: #0d1522;--page-bg: #0d1522;--page-background: var(--page-bg);--panel-surface: #131d2b;--surface-color: #131d2b;--surface-subtle: #182536;--surface-raised: #172231;--surface-elevated: var(--surface-raised);--border-color: #2a3a4e;--border-subtle: #1f2c3c;--border-strong: #42536a;--control-border-color: #42536a;--text-color: #f1f5f9;--text-primary: var(--text-color);--text-secondary: #c3cfdd;--muted-color: #9aabc0;--text-disabled: #64748b;--text-inverse: #ffffff;--primary-soft: #17375e;--success-soft: #123d35;--warning-soft: #4a3514;--danger-soft: #4b1f25;--critical-color: var(--danger-color);--critical-soft: var(--danger-soft);--action-primary: var(--primary-color);--action-primary-hover: var(--primary-color-hover);--action-secondary: var(--surface-color);--action-danger: var(--danger-color);--focus-ring: rgb(106 169 255 / 42%);--color-background-app: #0d1522;--color-surface-primary: #131d2b;--color-surface-subtle: #182536;--color-surface-raised: #172231;--color-surface-selected: #17375e;--color-surface-disabled: #1f2c3c;--color-surface-overlay: rgb(3 8 18 / 72%);--color-text-primary: #f1f5f9;--color-text-secondary: #c3cfdd;--color-text-muted: #9aabc0;--color-text-disabled: #64748b;--color-border-default: #2a3a4e;--color-border-subtle: #1f2c3c;--color-border-strong: #42536a;--color-border-selected: #6aa9ff;--color-border-focus: #6aa9ff;--color-action-secondary: #131d2b;--color-action-danger: #b91c1c;--color-focus-ring: rgb(106 169 255 / 42%);--state-neutral-fg: #c3cfdd;--state-neutral-surface: #182536;--state-neutral-border: #42536a;--state-info-fg: #7dd3fc;--state-info-surface: #12324a;--state-info-border: #287aa3;--state-success-fg: #86efac;--state-success-surface: #123d35;--state-success-border: #287d69;--state-warning-fg: #fcd34d;--state-warning-surface: #4a3514;--state-warning-border: #9a6b18;--state-danger-fg: #fca5a5;--state-danger-surface: #4b1f25;--state-danger-border: #a33a46;--state-blocked-fg: #c4b5fd;--state-blocked-surface: #2e2356;--state-blocked-border: #6d57b8;--state-pending-fg: #93c5fd;--state-pending-surface: #17375e;--state-pending-border: #3b82c4;--state-attention-fg: #fdba74;--state-attention-surface: #4a2916;--state-attention-border: #a55e25;--state-historical-fg: #c3cfdd;--state-historical-surface: #1f2c3c;--state-historical-border: #42536a;--state-disabled-fg: #64748b;--state-disabled-surface: #1f2c3c;--state-disabled-border: #2a3a4e}.dark body,.dark .admin-shell{background:var(--page-bg);color:var(--text-color)}.dark .topbar,.dark .page-header,.dark .panel,.dark .drawer,.dark .drawer-footer,.dark .drawer-header,.dark .modal,.dark .modal-header,.dark .modal-footer,.dark .checkout-product-card,.dark .checkout-payment-stats div{background:var(--surface-color);border-color:var(--border-color);color:var(--text-color)}.dark .data-table th,.dark .form-control,.dark .form-select,.dark .form-textarea,.dark .variant-attachment-control,.dark .inline-icon-button{background:var(--surface-subtle);border-color:var(--control-border-color);color:var(--text-color)}.dark .data-table,.dark .page-title,.dark .form-label,.dark .tab-button,.dark .panel-title{color:var(--text-color)}.dark .upload-box{border-color:var(--control-border-color);color:var(--text-secondary)}@media(min-width:801px)and (max-width:1100px){.admin-shell{grid-template-columns:216px minmax(0,1fr)}.admin-shell.sidebar-collapsed{grid-template-columns:64px minmax(0,1fr)}.sidebar-logo span,.nav-button span{display:inline}.sidebar-logo,.nav-button{justify-content:flex-start;padding-left:16px;padding-right:16px}.sidebar-collapsed .sidebar-logo,.sidebar-collapsed .nav-button{justify-content:center;padding:0}.sidebar-collapsed .sidebar-logo span,.sidebar-collapsed .nav-button span,.sidebar-collapsed .navigation-submenu{display:none}.navigation-submenu{display:grid}}@media(max-width:800px){:root{--control-height: 44px;--control-height-sm: 44px}.navigation-toggle{height:44px;width:44px}.product-submenu-button{min-height:44px}.admin-shell,.admin-shell.sidebar-collapsed{display:block}.sidebar{box-shadow:var(--shadow-overlay);height:100dvh;left:0;max-width:calc(100vw - 52px);min-height:100dvh;position:fixed;top:0;transform:translate(-105%);transition:transform .18s ease;width:280px;z-index:90}.sidebar.mobile-open{transform:translate(0)}.sidebar-logo{justify-content:flex-start;padding:0 22px}.sidebar-collapsed .sidebar-logo-image{height:46px;object-position:left center;width:112px}.sidebar-logo span,.nav-button span{display:inline}.sidebar-nav{display:block;overflow-y:auto;padding:10px 8px 20px}.nav-button{justify-content:flex-start;padding:0 16px}.navigation-submenu{display:grid}.mobile-navigation-backdrop{background:var(--overlay-color);border:0;display:block;inset:0;padding:0;position:fixed;z-index:80}.topbar{align-items:center;height:58px;padding:0 14px}.topbar-actions{align-items:center;flex-wrap:nowrap}.current-user-details{display:none}.organization-name{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-header{min-height:76px;padding:12px 16px}.page-title{font-size:20px}.page-body{padding:16px 16px 28px}.toolbar{align-items:stretch;flex-direction:column}.toolbar-group{width:100%}.toolbar-group>.form-control,.toolbar-group>.form-select,.input-with-actions{min-width:0;width:100%!important}.form-grid,.form-grid.three{grid-template-columns:1fr}.data-table{min-width:0}.panel{overflow:visible}.drawer,.drawer.wide{width:100vw}.drawer-body{padding:18px 16px}.drawer-footer{min-height:68px}.modal{max-height:calc(100dvh - 24px);overflow-y:auto;width:calc(100vw - 24px)}.checkout-layout,.checkout-product-grid{grid-template-columns:1fr}}@media(max-width:420px){.organization-name{display:none}.page-body{padding-left:12px;padding-right:12px}.page-header{padding-left:14px;padding-right:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{body *{visibility:hidden}.barcode-sheet-wrap,.barcode-sheet-wrap *{visibility:visible}.barcode-sheet-wrap{inset:0;overflow:visible;position:absolute}.barcode-sheet{border:0;box-shadow:none}}.replenishment-queue-tabs{display:flex;gap:4px;overflow-x:auto}.replenishment-queue-tabs .tab-button{align-items:center;display:inline-flex;gap:8px;white-space:nowrap}.replenishment-queue-tabs .tab-button span{background:var(--surface-subtle);border-radius:999px;font-size:11px;padding:2px 7px}.replenishment-table:not(.execution-table) th:last-child{width:160px}.execution-table{min-width:1120px}.admin-shell{background:var(--page-bg);column-gap:0;grid-template-columns:208px minmax(0,1fr);max-width:none;width:100%}.admin-shell.sidebar-collapsed{grid-template-columns:64px minmax(0,1fr)}.sidebar{background:var(--shell-sidebar-surface);border-right:1px solid var(--shell-sidebar-border);color:var(--shell-sidebar-text)}.sidebar.sidebar-light{--shell-sidebar-surface: var(--surface-color);--shell-sidebar-surface-hover: var(--surface-subtle);--shell-sidebar-text: var(--text-secondary);--shell-sidebar-text-hover: var(--text-color);--shell-sidebar-text-active: var(--primary-color);--shell-sidebar-border: var(--border-color);background:var(--shell-sidebar-surface)}.app-filter-bar{background:transparent;border:0;border-radius:0;box-shadow:none}.app-filter-bar label{color:var(--text-secondary);font-size:var(--font-secondary);font-weight:600}.app-filter-bar input,.app-filter-bar select{min-height:var(--control-height)}.app-filter-bar .search-control:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--focus-ring)}.app-table-wrap{overflow-x:auto}.app-warning-text{color:var(--warning-color);font-weight:700}.sidebar.sidebar-dark{--shell-sidebar-surface: var(--sidebar-color);--shell-sidebar-surface-hover: var(--text-inverse);--shell-sidebar-text: var(--text-inverse);--shell-sidebar-text-hover: var(--text-inverse);--shell-sidebar-text-active: var(--text-inverse);--shell-sidebar-border: var(--text-inverse);background:var(--shell-sidebar-surface);border-color:var(--shell-sidebar-border);color:var(--shell-sidebar-text)}@supports (color: color-mix(in lab,red,red)){.sidebar.sidebar-dark{--shell-sidebar-surface-hover: color-mix(in srgb, var(--text-inverse) 10%, transparent)}}@supports (color: color-mix(in lab,red,red)){.sidebar.sidebar-dark{--shell-sidebar-border: color-mix(in srgb, var(--text-inverse) 12%, transparent)}}.sidebar-brand-row{align-items:center;border-bottom:1px solid var(--shell-sidebar-border);display:flex;flex:0 0 68px;gap:10px;justify-content:space-between;min-width:0;padding:8px 12px 8px 14px}.sidebar-logo{color:var(--shell-sidebar-text);flex:1 1 auto;font-size:13px;height:52px;min-height:52px;min-width:0;padding:5px 8px}.sidebar-logo-image{height:42px;max-width:146px;object-fit:contain;object-position:left center;width:100%}.sidebar-collapse-button{align-items:center;background:transparent;border:0;border-radius:6px;color:var(--shell-sidebar-text);cursor:pointer;display:inline-flex;flex:0 0 auto;height:32px;justify-content:center;width:32px}.sidebar-collapse-button:hover{background:var(--shell-sidebar-surface-hover);color:var(--shell-sidebar-text-hover)}.sidebar.sidebar-dark .sidebar-brand-row,.sidebar.sidebar-dark .sidebar-footer,.sidebar.sidebar-dark .sidebar-section+.sidebar-section{border-color:var(--shell-sidebar-border)}.sidebar.sidebar-dark .sidebar-logo,.sidebar.sidebar-dark .sidebar-collapse-button,.sidebar.sidebar-dark .nav-button,.sidebar.sidebar-dark .sidebar-action-link,.sidebar.sidebar-dark .product-submenu-button,.sidebar.sidebar-dark .sidebar-section-label,.sidebar.sidebar-dark .navigation-chevron{color:var(--shell-sidebar-text)}@supports (color: color-mix(in lab,red,red)){.sidebar.sidebar-dark .sidebar-section-label,.sidebar.sidebar-dark .navigation-chevron{color:color-mix(in srgb,var(--shell-sidebar-text) 68%,transparent)}}.sidebar.sidebar-dark .product-submenu-button{border-left-color:var(--shell-sidebar-text)}@supports (color: color-mix(in lab,red,red)){.sidebar.sidebar-dark .product-submenu-button{border-left-color:color-mix(in srgb,var(--shell-sidebar-text) 18%,transparent)}}.sidebar.sidebar-dark .sidebar-collapse-button:hover,.sidebar.sidebar-dark .nav-button:hover,.sidebar.sidebar-dark .sidebar-action-link:hover{background:var(--shell-sidebar-surface-hover);color:var(--shell-sidebar-text-hover)}.sidebar.sidebar-dark .nav-button.active,.sidebar.sidebar-dark .sidebar-action-link.active,.sidebar.sidebar-dark .product-submenu-button.active{background:var(--shell-sidebar-text);border-left-color:var(--shell-sidebar-text);color:var(--shell-sidebar-text-active)}@supports (color: color-mix(in lab,red,red)){.sidebar.sidebar-dark .nav-button.active,.sidebar.sidebar-dark .sidebar-action-link.active,.sidebar.sidebar-dark .product-submenu-button.active{background:color-mix(in srgb,var(--shell-sidebar-text) 12%,transparent)}}@supports (color: color-mix(in lab,red,red)){.sidebar.sidebar-dark .nav-button.active,.sidebar.sidebar-dark .sidebar-action-link.active,.sidebar.sidebar-dark .product-submenu-button.active{border-left-color:color-mix(in srgb,var(--shell-sidebar-text) 42%,transparent)}}.sidebar-nav{padding:8px 10px}.sidebar-section{display:grid;gap:2px;padding-top:12px}.primary-navigation-section{padding-top:0}.sidebar-section+.sidebar-section{border-top:1px solid var(--shell-sidebar-border);margin-top:10px}.sidebar-section-label{color:var(--shell-sidebar-text);font-size:8px;font-weight:500;letter-spacing:0;margin:0 0 5px;padding:0 8px;text-transform:uppercase}.navigation-group+.navigation-group{margin-top:1px}.nav-button,.sidebar-action-link{align-items:center;background:transparent;border:0;border-radius:6px;color:var(--shell-sidebar-text);display:grid;font-size:10px;font-weight:500;gap:9px;grid-template-columns:18px minmax(0,1fr) auto;min-height:34px;padding:0 9px;text-align:left;text-decoration:none;width:100%}.sidebar-action-link{cursor:pointer;grid-template-columns:18px minmax(0,1fr);min-height:30px}.nav-button:hover,.sidebar-action-link:hover{background:var(--shell-sidebar-surface-hover);color:var(--shell-sidebar-text-hover)}.nav-button.active,.sidebar.sidebar-light .nav-button.active,.sidebar-action-link.active{background:var(--primary-color);color:var(--shell-sidebar-text-active)}@supports (color: color-mix(in lab,red,red)){.nav-button.active,.sidebar.sidebar-light .nav-button.active,.sidebar-action-link.active{background:color-mix(in srgb,var(--primary-color) 12%,transparent)}}.navigation-chevron{color:var(--shell-sidebar-text)}.navigation-submenu{padding:3px 3px 5px 26px}.product-submenu-button{gap:9px;border-left:1px solid var(--shell-sidebar-border);color:var(--shell-sidebar-text);font-size:9px;min-height:28px;padding:0 8px}.product-submenu-button.active{background:var(--primary-color);border-left-color:var(--primary-color);color:var(--shell-sidebar-text-active)}@supports (color: color-mix(in lab,red,red)){.product-submenu-button.active{background:color-mix(in srgb,var(--primary-color) 12%,transparent)}}.sidebar-footer{border-top:1px solid var(--shell-sidebar-border);display:grid;flex:0 0 auto;gap:2px;padding:8px 10px 10px}.sidebar-collapse-link{font-size:10px}.sidebar-collapsed .sidebar-brand-row{justify-content:center;padding:0}.sidebar-collapsed .sidebar-logo{display:none}.sidebar-collapsed .sidebar-collapse-button{display:inline-flex}.sidebar-collapsed .nav-button,.sidebar-collapsed .sidebar-action-link{display:flex;justify-content:center;padding:0}.sidebar-collapsed .sidebar-section-label,.sidebar-collapsed .nav-button span,.sidebar-collapsed .sidebar-action-link span,.sidebar-collapsed .navigation-chevron,.sidebar-collapsed .navigation-submenu,.feature-header-layout .page-header{display:none}.feature-header-layout .page-body{max-width:none;padding:var(--space-4) var(--space-4) 28px}.dark .sidebar{background:var(--shell-sidebar-surface);border-color:var(--shell-sidebar-border);color:var(--shell-sidebar-text)}.dark .sidebar-brand-row,.dark .sidebar-footer,.dark .sidebar-section+.sidebar-section{border-color:var(--shell-sidebar-border)}.dark .sidebar-logo,.dark .sidebar-collapse-button,.dark .nav-button,.dark .sidebar-action-link,.dark .sidebar.sidebar-light .nav-button,.dark .sidebar.sidebar-light .product-submenu-button{color:var(--shell-sidebar-text)}.dark .nav-button:hover,.dark .sidebar-action-link:hover,.dark .nav-button.active,.dark .sidebar-action-link.active{background:var(--shell-sidebar-surface-hover);color:var(--shell-sidebar-text-hover)}.dark .sidebar.sidebar-light .nav-button.active{background:var(--shell-sidebar-surface-hover);color:var(--shell-sidebar-text-active)}.sidebar.sidebar-primary,.dark .sidebar.sidebar-primary{--shell-sidebar-surface: var(--primary-color);--shell-sidebar-surface-hover: var(--primary-contrast);--shell-sidebar-text: var(--primary-contrast);--shell-sidebar-text-hover: var(--primary-contrast);--shell-sidebar-text-active: var(--primary-color);--shell-sidebar-border: var(--primary-contrast);background:var(--primary-color);border-color:var(--primary-color);color:var(--shell-sidebar-text)}@supports (color: color-mix(in lab,red,red)){.sidebar.sidebar-primary,.dark .sidebar.sidebar-primary{--shell-sidebar-surface-hover: color-mix(in srgb, var(--primary-contrast) 12%, transparent)}}@supports (color: color-mix(in lab,red,red)){.sidebar.sidebar-primary,.dark .sidebar.sidebar-primary{--shell-sidebar-text: color-mix(in srgb, var(--primary-contrast) 84%, transparent)}}@supports (color: color-mix(in lab,red,red)){.sidebar.sidebar-primary,.dark .sidebar.sidebar-primary{--shell-sidebar-border: color-mix(in srgb, var(--primary-contrast) 18%, transparent)}}@supports (color: color-mix(in lab,red,red)){.sidebar.sidebar-primary,.dark .sidebar.sidebar-primary{border-color:color-mix(in srgb,var(--primary-color) 82%,var(--text-color))}}.sidebar.sidebar-primary .sidebar-brand-row,.sidebar.sidebar-primary .sidebar-footer,.sidebar.sidebar-primary .sidebar-section+.sidebar-section,.dark .sidebar.sidebar-primary .sidebar-brand-row,.dark .sidebar.sidebar-primary .sidebar-footer,.dark .sidebar.sidebar-primary .sidebar-section+.sidebar-section{border-color:var(--shell-sidebar-border)}.sidebar.sidebar-primary .sidebar-logo,.sidebar.sidebar-primary .sidebar-collapse-button,.sidebar.sidebar-primary .nav-button,.sidebar.sidebar-primary .sidebar-action-link,.sidebar.sidebar-primary .product-submenu-button,.dark .sidebar.sidebar-primary .sidebar-logo,.dark .sidebar.sidebar-primary .sidebar-collapse-button,.dark .sidebar.sidebar-primary .nav-button,.dark .sidebar.sidebar-primary .sidebar-action-link,.dark .sidebar.sidebar-primary .product-submenu-button,.sidebar.sidebar-primary .sidebar-section-label,.sidebar.sidebar-primary .navigation-chevron{color:var(--shell-sidebar-text)}@supports (color: color-mix(in lab,red,red)){.sidebar.sidebar-primary .sidebar-section-label,.sidebar.sidebar-primary .navigation-chevron{color:color-mix(in srgb,var(--shell-sidebar-text) 72%,transparent)}}.sidebar.sidebar-primary .product-submenu-button{border-left-color:var(--shell-sidebar-text)}@supports (color: color-mix(in lab,red,red)){.sidebar.sidebar-primary .product-submenu-button{border-left-color:color-mix(in srgb,var(--shell-sidebar-text) 26%,transparent)}}.sidebar.sidebar-primary .sidebar-collapse-button:hover,.sidebar.sidebar-primary .nav-button:hover,.sidebar.sidebar-primary .sidebar-action-link:hover,.dark .sidebar.sidebar-primary .sidebar-collapse-button:hover,.dark .sidebar.sidebar-primary .nav-button:hover,.dark .sidebar.sidebar-primary .sidebar-action-link:hover{background:var(--shell-sidebar-surface-hover);color:var(--shell-sidebar-text-hover)}.sidebar.sidebar-primary .nav-button.active,.sidebar.sidebar-primary .sidebar-action-link.active,.sidebar.sidebar-primary .product-submenu-button.active,.dark .sidebar.sidebar-primary .nav-button.active,.dark .sidebar.sidebar-primary .sidebar-action-link.active,.dark .sidebar.sidebar-primary .product-submenu-button.active{background:var(--primary-contrast);border-left-color:var(--primary-contrast);color:var(--primary-color)}@media(min-width:801px)and (max-width:1100px){.admin-shell{column-gap:0;grid-template-columns:208px minmax(0,1fr)}}@media(max-width:800px){.admin-shell{column-gap:0}.feature-header-layout .feature-mobile-topbar{display:flex}.feature-header-layout .feature-mobile-topbar .topbar-actions{display:none}.sidebar-brand-row{padding:0 16px}.sidebar-logo{display:flex}.sidebar-logo-image{height:42px;max-width:150px;width:100%}.sidebar-collapse-button{display:none}.sidebar-nav{display:block;padding:8px 10px}.sidebar-collapsed .sidebar-logo{display:flex}.sidebar-collapsed .sidebar-section-label,.sidebar-collapsed .nav-button span,.sidebar-collapsed .sidebar-action-link span,.sidebar-collapsed .navigation-chevron{display:inline}.sidebar-collapsed .nav-button,.sidebar-collapsed .sidebar-action-link{display:grid;justify-content:initial;padding:0 9px}}.execution-warning-modal{width:min(820px,calc(100vw - 32px))}app-product-detail .row-actions{display:flex;align-items:center;gap:6px}app-product-detail .read-only-label{color:var(--text-muted, #98a2b3);font-size:11px}app-product-detail .document-grid article>div{flex:1}app-product-detail .document-error{margin:0 18px 12px;color:#b42318;font-size:12px}app-product-detail .history-change{margin-top:8px}app-product-detail .history-change summary{color:var(--primary-color);cursor:pointer;font-size:11px;font-weight:600}app-product-detail .history-change>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}app-product-detail .history-change section{min-width:0;padding:8px;border-radius:6px;background:var(--surface-subtle, #f8fafc)}app-product-detail .history-change section>span{color:var(--text-muted, #98a2b3);font-size:10px;font-weight:700;text-transform:uppercase}app-product-detail .history-change pre{overflow:auto;max-height:220px;margin:6px 0 0;color:var(--text-secondary, #475467);font:10px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}app-product-detail .history-transaction-link{display:inline-block;margin-top:7px;color:var(--primary-color);font-size:11px;font-weight:600}app-product-detail .edit-modal{position:fixed;z-index:123;inset:50% auto auto 50%;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;width:min(900px,calc(100vw - 24px));max-height:calc(100dvh - 24px);transform:translate(-50%,-50%);border-radius:10px;background:var(--surface-color, #fff);box-shadow:0 24px 60px #0f172a40}app-product-detail .edit-modal header,app-product-detail .edit-modal footer,app-product-detail .withdraw-modal header,app-product-detail .withdraw-modal footer{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;border-color:var(--border-color, #e4e7ec)}app-product-detail .edit-modal header,app-product-detail .withdraw-modal header{justify-content:space-between;border-bottom:1px solid var(--border-color, #e4e7ec)}app-product-detail .edit-modal header>div>span,app-product-detail .withdraw-modal header>div>span{color:var(--primary-color);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}app-product-detail .edit-modal header h2,app-product-detail .withdraw-modal header h2{margin:3px 0;color:var(--text-color, #101828);font-size:19px}app-product-detail .edit-modal header p,app-product-detail .withdraw-modal header p{margin:0;color:var(--text-secondary, #667085);font-size:12px}app-product-detail .edit-modal footer,app-product-detail .withdraw-modal footer{align-items:center;justify-content:flex-end;border-top:1px solid var(--border-color, #e4e7ec)}app-product-detail .footer-spacer{flex:1}app-product-detail .edit-progress{display:grid;grid-template-columns:repeat(4,1fr);padding:12px 18px;border-bottom:1px solid var(--border-color, #e4e7ec);background:var(--surface-subtle, #f8fafc)}app-product-detail .edit-progress span{display:flex;align-items:center;gap:7px;color:var(--text-secondary, #667085);font-size:11px}app-product-detail .edit-progress b{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;border:1px solid var(--control-border-color, #d0d5dd);border-radius:50%}app-product-detail .edit-progress span.active,app-product-detail .edit-progress span.complete{color:var(--primary-color);font-weight:700}app-product-detail .edit-progress span.active b,app-product-detail .edit-progress span.complete b{border-color:var(--primary-color);background:var(--primary-color);color:#fff}app-product-detail .edit-form{overflow-y:auto;padding:18px}app-product-detail .edit-section{display:grid;gap:16px}app-product-detail .edit-section-heading span{color:var(--primary-color);font-size:10px;font-weight:700;text-transform:uppercase}app-product-detail .edit-section-heading h3{margin:3px 0 0;font-size:17px}app-product-detail .edit-identity-grid{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:24px}app-product-detail .edit-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}app-product-detail .edit-fields .wide{grid-column:1 / -1}app-product-detail .edit-image-panel{display:flex;align-items:center;flex-direction:column;gap:10px}app-product-detail .edit-image-panel>img,app-product-detail .edit-image-panel>.product-mark{width:112px;height:112px}app-product-detail .image-picker,app-product-detail .document-picker{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:100%;padding:16px;border:1px dashed var(--control-border-color, #cbd5e1);border-radius:8px;color:var(--primary-color);cursor:pointer;text-align:center}app-product-detail .image-picker input,app-product-detail .document-picker input{display:none}app-product-detail .image-picker small,app-product-detail .document-picker small{color:var(--text-muted, #98a2b3);font-size:10px}app-product-detail .edit-checks{display:flex;align-items:center;flex-wrap:wrap;gap:16px;grid-column:1 / -1;margin:0;padding:12px;border:1px solid var(--border-color, #e4e7ec)}app-product-detail .edit-checks label{display:flex;align-items:center;gap:6px;font-size:12px}app-product-detail .edit-checks.handling{margin-top:2px}app-product-detail .package-preview{display:flex;align-items:center;gap:18px;min-height:90px;padding:16px;border-radius:8px;background:var(--surface-subtle, #f8fafc)}app-product-detail .package-preview strong{font-size:18px}app-product-detail .package-preview span{width:30px;border-top:2px solid var(--primary-color)}app-product-detail .package-preview b{color:var(--primary-color)}app-product-detail .edit-documents-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:16px}app-product-detail .document-picker{min-height:160px}app-product-detail .edit-document-list{overflow:hidden;border:1px solid var(--border-color, #e4e7ec);border-radius:8px}app-product-detail .edit-document-list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:10px;border-bottom:1px solid var(--border-color, #e4e7ec)}app-product-detail .edit-document-list article:last-child{border-bottom:0}app-product-detail .edit-document-list article>div{display:grid;min-width:0}app-product-detail .edit-document-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}app-product-detail .edit-document-list small{color:var(--text-muted, #98a2b3)}app-product-detail .edit-document-list select{max-width:190px;height:34px;border:1px solid var(--control-border-color, #d0d5dd);border-radius:6px;background:var(--surface-color, #fff);color:var(--text-color, #344054)}app-product-detail .edit-document-list button{padding:6px;border:0;background:transparent;color:#b42318;cursor:pointer}app-product-detail .withdraw-modal{position:fixed;z-index:124;inset:50% auto auto 50%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(520px,calc(100vw - 24px));max-height:calc(100dvh - 32px);transform:translate(-50%,-50%);border-radius:10px;background:var(--surface-color, #fff);box-shadow:0 24px 60px #0f172a40}@media(min-width:801px)and (max-width:1100px){.admin-shell{grid-template-columns:216px minmax(0,1fr)}.sidebar-logo span,.nav-button span{display:inline}.sidebar-logo,.nav-button{justify-content:flex-start;padding-left:12px;padding-right:12px}.sidebar-collapsed .sidebar-logo span,.sidebar-collapsed .nav-button span,.sidebar-collapsed .navigation-submenu{display:none}.sidebar-collapsed .nav-button{justify-content:center;padding-left:0;padding-right:0}}app-product-detail .withdraw-modal form{display:grid;gap:14px;overflow-y:auto;padding:18px}app-product-detail .withdraw-impact{display:flex;align-items:flex-start;gap:9px;padding:12px;border:1px solid #fedf89;border-radius:7px;background:#fffaeb;color:#b54708}app-product-detail .withdraw-impact p{margin:0;font-size:12px;line-height:1.5}@media(max-width:800px){app-product-detail .edit-identity-grid,app-product-detail .edit-documents-layout{grid-template-columns:1fr}app-product-detail .edit-image-panel{align-items:flex-start}}@media(max-width:560px){app-product-detail .edit-fields,app-product-detail .history-change>div{grid-template-columns:1fr}app-product-detail .edit-progress span{justify-content:center;font-size:0}app-product-detail .edit-progress span b{font-size:11px}app-product-detail .edit-modal footer{flex-wrap:wrap}app-product-detail .footer-spacer{display:none}}.lot-filters{display:grid;grid-template-columns:minmax(190px,1.4fr) repeat(3,minmax(135px,1fr)) auto;gap:10px;padding:0 18px 16px}.lot-filters label{display:grid;gap:4px;color:var(--text-secondary, #667085);font-size:10px}.lot-filters input,.lot-filters select{min-width:0;height:36px;padding:0 9px;border:1px solid var(--control-border-color, #d0d5dd);border-radius:6px;background:var(--surface-color, #fff);color:var(--text-color, #344054);font-size:12px}.lot-search{position:relative;align-self:end}.lot-search app-icon{position:absolute;z-index:1;left:9px;bottom:10px;color:var(--text-muted, #98a2b3)}.lot-search input{width:100%;padding-left:31px}.tab-load-error,.tab-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-top:1px solid var(--border-color, #eaecf0);color:var(--text-secondary, #667085);font-size:12px}.tab-load-error{border-top:0;color:#b42318}@media(max-width:1000px){.lot-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}app-product-list .catalogue-actions{flex-wrap:wrap;justify-content:flex-end}app-product-list .success-alert{margin-bottom:var(--space-md);border-color:#abefc6;background:var(--success-soft);color:#067647}app-product-list .import-dialog{position:fixed;z-index:121;top:50%;left:50%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(760px,calc(100vw - 32px));max-height:min(720px,calc(100dvh - 32px));transform:translate(-50%,-50%);border-radius:var(--radius-lg);background:var(--surface-color);box-shadow:var(--shadow-overlay)}app-product-list .import-body{overflow-y:auto;padding:var(--space-lg) var(--space-xl)}app-product-list .import-body>p{margin:0 0 var(--space-lg);color:var(--text-secondary);font-size:var(--font-body);line-height:1.5}app-product-list .import-file-picker{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-sm);min-height:130px;margin-bottom:var(--space-lg);padding:var(--space-lg);border:1px dashed var(--control-border-color);border-radius:var(--radius-md);background:var(--surface-subtle);color:var(--primary-color);cursor:pointer;text-align:center}app-product-list .import-file-picker:hover{border-color:var(--primary-color)}app-product-list .import-file-picker:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--focus-ring)}app-product-list .import-file-picker input{position:absolute;width:1px;height:1px;opacity:0}app-product-list .import-file-picker span{color:var(--text-secondary);font-size:var(--font-secondary)}app-product-list .import-file-summary{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-subtle);color:var(--primary-color)}app-product-list .import-file-summary>div{display:grid;gap:3px}app-product-list .import-file-summary strong{color:var(--text-color)}app-product-list .import-file-summary span{color:var(--text-secondary);font-size:var(--font-secondary)}app-product-list .import-error{margin-bottom:var(--space-lg);white-space:pre-line}app-product-list .import-preview{overflow-x:auto;border:1px solid var(--border-color);border-radius:var(--radius-md)}app-product-list .import-preview table{min-width:640px}app-product-list .import-preview th,app-product-list .import-preview td{padding:var(--space-sm) var(--space-md);font-size:var(--font-secondary)}app-product-list .import-preview>p{padding:var(--space-sm) var(--space-md);color:var(--text-secondary);font-size:var(--font-secondary)}app-product-list .import-footer{gap:var(--space-md)}app-product-list .workflow-blueprint{margin-bottom:var(--space-lg);overflow-x:auto;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--surface-color);box-shadow:var(--shadow-subtle)}app-product-list .workflow-blueprint ol{display:grid;grid-template-columns:repeat(6,minmax(205px,1fr));min-width:1230px;margin:0;padding:var(--space-md);list-style:none}app-product-list .workflow-blueprint li{position:relative}app-product-list .workflow-blueprint li:not(:last-child):after{position:absolute;top:17px;right:-4px;color:var(--text-muted);content:"\2192";font-size:15px}app-product-list .workflow-blueprint a{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);color:var(--text-secondary);text-decoration:none}app-product-list .workflow-blueprint a>span{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:var(--primary-soft);color:var(--primary-color);font-size:var(--font-secondary);font-weight:700}app-product-list .workflow-blueprint strong{display:grid;gap:3px;color:var(--text-color);font-size:var(--font-body);line-height:1.25}app-product-list .workflow-blueprint small{color:var(--text-secondary);font-size:var(--font-caption);font-weight:500;line-height:1.35}app-product-list .workflow-blueprint li.active a>span{background:var(--primary-color);color:var(--primary-contrast)}app-product-list .workflow-blueprint a:hover strong{color:var(--primary-color)}app-product-list .catalogue-filters{grid-template-columns:minmax(300px,1fr) repeat(4,minmax(135px,auto)) auto;gap:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-md) 0;border-radius:0;box-shadow:none}app-product-list .search-control,app-product-list .filter-field select{min-height:var(--control-height);background:var(--control-background)}app-product-list .search-control:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--focus-ring)}app-product-list .filter-field select:focus-visible{border-color:var(--primary-color)}app-product-list .catalogue-panel{box-shadow:var(--shadow-subtle)}app-product-list .catalogue-table{min-width:1050px}app-product-list .catalogue-table th{color:var(--text-secondary);font-size:var(--font-table-header);font-weight:600;letter-spacing:.01em}app-product-list .catalogue-table td{padding:var(--space-md);font-size:var(--font-body)}app-product-list .catalogue-table tbody tr{transition:background-color .12s ease}app-product-list .product-identity strong{font-size:var(--font-body)}app-product-list .product-identity span{margin:2px 0}app-product-list .cell-support{margin-top:var(--space-xs)}app-product-list .catalogue-page-content .empty-state strong{color:var(--text-color);font-size:var(--font-body)}app-product-list .catalogue-page-content .empty-state p{color:var(--text-secondary);font-size:var(--font-secondary)}app-product-list .row-action{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--control-border-color);border-radius:var(--radius-sm);background:var(--surface-color);color:var(--text-secondary);text-decoration:none}app-product-list .row-action:hover{border-color:var(--primary-color);background:var(--primary-soft);color:var(--primary-color)}app-product-list .type-badge,app-product-list .status-badge{padding:3px 7px;border-radius:var(--radius-sm);font-size:var(--font-caption)}app-product-list .type-badge{background:var(--primary-soft)}app-product-list .catalogue-wizard{width:min(1080px,100vw);box-shadow:var(--shadow-overlay)}app-product-list .wizard-header,app-product-list .wizard-footer{min-height:68px;padding-right:var(--space-xl);padding-left:var(--space-xl)}app-product-list .wizard-progress{padding:var(--space-lg) var(--space-xl)}app-product-list .wizard-body{padding:var(--space-xl)}app-product-list .wizard-form{max-width:960px}app-product-list .wizard-form .form-control,app-product-list .wizard-form .form-select{min-height:var(--control-height-lg)}app-product-list .wizard-form .form-textarea{min-height:104px}app-product-list .image-upload,app-product-list .document-upload{position:relative;border-radius:var(--radius-md);background:var(--surface-subtle);transition:border-color .12s ease,background-color .12s ease}app-product-list .image-upload:hover,app-product-list .document-upload:hover{border-color:var(--primary-color);background:var(--primary-soft)}app-product-list .image-upload:focus-within,app-product-list .document-upload:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--focus-ring)}app-product-list .image-upload input,app-product-list .document-upload input{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;cursor:pointer}app-product-list .packaging-preview{display:grid;align-content:start;gap:var(--space-md);min-height:280px;border-radius:var(--radius-lg);background:var(--surface-subtle)}app-product-list .package-node{display:flex;align-items:center;gap:var(--space-md);min-height:62px;padding:var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-color);color:var(--primary-color)}app-product-list .package-node>div{display:grid;gap:3px}app-product-list .package-node strong{color:var(--text-color);font-size:14px}app-product-list .package-node small{color:var(--text-secondary);font-size:var(--font-caption)}app-product-list .package-tree{display:grid;justify-items:center;margin:-4px 0}app-product-list .package-tree b{color:var(--text-muted);font-size:17px}app-product-list .mobile-product-list{padding:var(--space-md)}app-product-list .product-card{padding:var(--space-lg);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--surface-color)}app-product-list .product-card+.product-card{margin-top:var(--space-md)}app-product-list .product-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md)}app-product-list .product-card>p{color:var(--text-secondary);font-size:var(--font-secondary)}app-product-list .product-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md);margin:var(--space-lg) 0}app-product-list .product-card dl div{display:grid;gap:var(--space-xs)}app-product-list .product-card dt{color:var(--text-muted);font-size:var(--font-caption)}app-product-list .product-card dd{margin:0;font-size:var(--font-body)}app-product-list .mobile-view-link{color:var(--primary-color);font-size:var(--font-body);font-weight:600;text-decoration:none}app-product-list .mobile-product-skeleton{height:160px;border-radius:var(--radius-lg);background:var(--surface-subtle);animation:pulse 1.3s ease-in-out infinite}app-product-list .mobile-product-skeleton+.mobile-product-skeleton{margin-top:var(--space-md)}app-product-list .mobile-empty-state{min-height:240px}app-product-detail .back-link{min-height:32px;margin-bottom:var(--space-md)}app-product-detail .product-header{align-items:center;margin-bottom:var(--space-lg)}app-product-detail .product-heading img,app-product-detail .product-mark{width:64px;height:64px;border:1px solid var(--border-color);border-radius:var(--radius-lg)}app-product-detail .title-row h2{font-size:var(--font-page-title)}app-product-detail .header-actions{align-items:center}app-product-detail .more-actions{position:relative}app-product-detail .more-actions summary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);min-height:var(--control-height);padding:0 var(--space-lg);border:1px solid var(--control-border-color);border-radius:var(--radius-control);background:var(--surface-color);color:var(--text-color);cursor:pointer;font-size:14px;font-weight:500;list-style:none}app-product-detail .more-actions summary::-webkit-details-marker{display:none}app-product-detail .more-actions summary:hover{border-color:var(--primary-color);color:var(--primary-color)}app-product-detail .more-actions summary:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}app-product-detail .more-actions-panel{position:absolute;z-index:8;top:calc(100% + var(--space-sm));right:0;display:grid;gap:var(--space-md);width:240px;padding:var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:var(--shadow-medium)}app-product-detail .more-actions-panel .status-control select{width:100%}app-product-detail .detail-tabs button{min-height:42px;padding:0 var(--space-lg);transition:border-color .12s ease,color .12s ease,background-color .12s ease}app-product-detail .detail-tabs button:hover{background:var(--surface-subtle);color:var(--text-color)}app-product-detail .overview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md)}app-product-detail .identity-card{order:1}app-product-detail .packaging-card{grid-column:auto;order:2}app-product-detail .storage-card{order:3}app-product-detail .detail-card{padding:var(--space-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle)}app-product-detail .card-heading{margin-bottom:var(--space-lg)}app-product-detail .fact-grid{grid-template-columns:1fr;gap:var(--space-md)}app-product-detail .packaging-value{font-size:18px;line-height:1.4}app-product-detail .capability-list{align-items:flex-start;flex-direction:column}app-product-detail .detail-table tbody tr{transition:background-color .12s ease}app-product-detail .detail-table tbody tr:hover{background:var(--primary-soft)}@supports (color: color-mix(in lab,red,red)){app-product-detail .detail-table tbody tr:hover{background:color-mix(in srgb,var(--primary-soft) 45%,transparent)}}app-receiving .receiving-header{align-items:center;margin-bottom:var(--space-lg)}app-receiving .receiving-header h2{font-size:var(--font-page-title)}app-receiving .warehouse-context{border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle)}app-receiving .receiving-progress{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg) var(--radius-lg) 0 0}app-receiving .receiving-progress li{position:relative;font-size:var(--font-secondary)}app-receiving .receiving-progress li:not(:last-child):after{position:absolute;right:var(--space-md);color:var(--text-muted);content:"\2192"}app-receiving .receiving-shell{border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-subtle)}app-receiving .receiving-body{padding:var(--space-xl)}app-receiving .step-form{max-width:960px}app-receiving .step-heading h3{font-size:18px}app-receiving .step-form .form-control,app-receiving .step-form .form-select{min-height:var(--control-height-lg)}app-receiving .workflow-product-summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-md);max-width:960px;margin:0 auto var(--space-xl);padding:var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--surface-subtle)}app-receiving .workflow-product-summary>div{display:grid;gap:3px}app-receiving .workflow-product-summary small{color:var(--text-muted);font-size:var(--font-caption)}app-receiving .workflow-product-summary strong{font-size:var(--font-body)}app-receiving .workflow-product-summary span:not(.product-mark){color:var(--text-secondary);font-size:var(--font-caption)}app-receiving .product-preview{border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle)}app-receiving .receive-modes label{min-height:82px;border-radius:var(--radius-lg);transition:border-color .12s ease,background-color .12s ease}app-receiving .receive-modes label:hover{border-color:var(--primary-color)}app-receiving .equivalent-card{border:1px solid var(--border-color);border-radius:var(--radius-lg)}app-receiving .review-grid article,app-receiving .receipt-summary>div{border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle)}app-receiving .inventory-impact{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:var(--space-md);margin-top:var(--space-lg);padding:var(--space-lg);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--surface-subtle)}app-receiving .inventory-impact>div{display:grid;gap:var(--space-xs);min-height:76px;padding:var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-color)}app-receiving .inventory-impact>span{color:var(--text-muted)}app-receiving .inventory-impact small,app-receiving .inventory-impact div>span{color:var(--text-secondary);font-size:var(--font-caption)}app-receiving .inventory-impact strong{font-size:14px}app-receiving .inventory-impact .receiving-impact{border-color:#bbf7d0;background:var(--success-soft)}app-receiving .inventory-impact .receiving-impact strong{color:var(--success-color)}app-receiving .receiving-footer{padding:var(--space-md) var(--space-lg)}app-native-checkout .checkout-header{align-items:center;margin-bottom:var(--space-md)}app-native-checkout .checkout-header>div>span{color:var(--text-secondary);font-size:var(--font-body)}app-native-checkout .checkout-filters{gap:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-md);border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle)}app-native-checkout .checkout-filters select,app-native-checkout .search-control{min-height:var(--control-height)}app-native-checkout .search-control:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--focus-ring)}app-native-checkout .checkout-layout{gap:var(--space-lg)}app-native-checkout .product-panel,app-native-checkout .checkout-panel{border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle)}app-native-checkout .product-panel>header,app-native-checkout .checkout-panel>header{padding:var(--space-lg)}app-native-checkout h3{font-size:var(--font-section-title)}app-native-checkout .product-list article{padding:var(--space-md) var(--space-lg);transition:background-color .12s ease}app-native-checkout .product-list article:hover{background:var(--primary-soft)}@supports (color: color-mix(in lab,red,red)){app-native-checkout .product-list article:hover{background:color-mix(in srgb,var(--primary-soft) 45%,transparent)}}app-native-checkout .product-list article.selected{box-shadow:inset 3px 0 0 var(--primary-color)}app-native-checkout .product-copy strong,app-native-checkout .availability-copy strong{font-size:var(--font-body)}app-native-checkout .product-copy small,app-native-checkout .availability-copy small{font-size:var(--font-caption)}app-native-checkout .availability-copy strong{font-size:15px}app-native-checkout .checkout-panel{top:var(--space-lg)}app-native-checkout .selected-product{gap:var(--space-xs);padding:var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-lg)}app-native-checkout .selected-product>strong{font-size:14px}app-native-checkout .selected-product>div{display:grid;gap:3px;margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border-color)}app-native-checkout .selected-product small{color:var(--text-muted);font-size:var(--font-caption)}app-native-checkout .selected-product b{color:var(--primary-color);font-size:17px}app-native-checkout .mode-grid{grid-template-columns:1fr;gap:var(--space-sm)}app-native-checkout .mode-grid button{min-height:68px;padding:var(--space-md);border-radius:var(--radius-lg);transition:border-color .12s ease,background-color .12s ease}app-native-checkout .mode-grid button:hover:not(:disabled){border-color:var(--primary-color)}app-native-checkout .mode-grid .mode-title{display:flex;align-items:center;justify-content:space-between;color:var(--text-color)}app-native-checkout .mode-grid button.active .mode-title{color:var(--primary-color)}app-native-checkout .checkout-panel label input{min-height:var(--control-height)}app-native-checkout .modal{border-radius:var(--radius-lg);box-shadow:var(--shadow-overlay)}app-native-checkout .fefo-note{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:1px solid #bfdbfe;border-radius:var(--radius-md);background:var(--primary-soft);color:var(--primary-color)}app-native-checkout .fefo-note>div{display:grid;gap:2px}app-native-checkout .fefo-note strong{font-size:var(--font-secondary)}app-native-checkout .fefo-note span{color:var(--text-secondary);font-size:var(--font-caption)}app-native-checkout .allocation-list>section{border-radius:var(--radius-lg)}app-native-checkout .allocation-total{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-xl);padding:var(--space-md);border-top:1px solid var(--border-color)}app-native-checkout .allocation-total span{color:var(--text-secondary);font-size:var(--font-secondary)}app-native-checkout .allocation-total strong{font-size:15px}@media(max-width:1120px){app-product-list .catalogue-filters{grid-template-columns:repeat(4,minmax(0,1fr))}app-product-list .search-field{grid-column:1 / -1}app-product-detail .overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}app-product-detail .packaging-card{grid-column:1 / -1}}@media(max-width:800px){app-product-detail .product-header{align-items:flex-start}app-product-detail .overview-grid{grid-template-columns:1fr}app-product-detail .packaging-card{grid-column:auto}app-product-detail .more-actions-panel{right:auto;left:0}}@media(max-width:760px){app-product-list .catalogue-actions{justify-content:flex-start}app-product-list .import-footer{align-items:stretch;flex-direction:column}app-product-list .import-footer>div{justify-content:flex-end}app-product-list .catalogue-filters{grid-template-columns:1fr}app-product-list .search-field{grid-column:auto}app-product-list .catalogue-panel{overflow:visible}app-product-list .wizard-form .form-control,app-product-list .wizard-form .form-select{min-height:44px}app-product-list .wizard-progress li.active strong{display:inline}}@media(max-width:720px){app-receiving .receiving-progress li:not(:last-child):after{display:none}app-receiving .receiving-progress li.active strong{display:inline}app-receiving .workflow-product-summary{grid-template-columns:auto 1fr}app-receiving .workflow-product-summary>div:last-child{grid-column:1 / -1}app-receiving .inventory-impact{grid-template-columns:1fr}app-receiving .inventory-impact>span{justify-self:center;transform:rotate(90deg)}app-receiving .step-form .form-control,app-receiving .step-form .form-select{min-height:44px}}@media(max-width:650px){app-native-checkout .checkout-header{align-items:flex-start}}app-page-header .app-page-header,.page-header,.panel,.drawer,.modal,.app-filter-bar,.checkout-product-card,.checkout-panel,.product-panel,.warehouse-context,.receiving-shell,.receiving-progress,.selected-product,.workflow-product-summary,.inventory-impact,.catalogue-panel,.stat-card,.checkout-bundle-component-chip,.checkout-bundle-component-block,.checkout-variant-row,.detail-card,.more-actions-panel,.import-dialog,.mobile-product-skeleton{border-radius:var(--radius-panel)}app-page-header .app-page-header{background:transparent;border:0;border-radius:0;box-shadow:none;min-height:0;padding:0}.app-page-content{display:grid;gap:var(--space-lg);min-width:0}.app-section-header{align-items:flex-start;display:flex;gap:var(--space-md);justify-content:space-between}.app-section-header h2,.app-section-header h3{margin:0}.app-section-header p{color:var(--color-text-secondary);font-size:var(--font-secondary);margin:4px 0 0}.page-header,.panel,.drawer,.modal,.app-filter-bar,.stat-card,.catalogue-panel,.checkout-product-card,.checkout-panel,.product-panel,.receiving-shell,.workflow-product-summary,.inventory-impact,.detail-card,.import-dialog{box-shadow:var(--shadow-subtle)}.page-header{padding-block:20px 18px}.panel-header,.drawer-header,.drawer-footer,.modal-header,.modal-footer{border-color:var(--border-color)}.data-table{font-size:var(--font-body)}.data-table th{font-size:var(--font-table-header);letter-spacing:.01em}.data-table tbody tr{transition:background-color .12s ease}.app-filter-bar{padding:var(--space-md)}.app-filter-bar input,.app-filter-bar select,.form-control,.form-select,.form-textarea{min-height:var(--control-height)}.empty-state{color:var(--text-secondary)}.badge.green{background:var(--success-soft);color:var(--success-color)}.badge.blue{background:var(--primary-soft);color:var(--primary-color)}.badge.red{background:var(--danger-soft);color:var(--danger-color)}.badge.gray{background:var(--surface-subtle);color:var(--text-secondary)}app-settings .settings-summary-grid>div,app-settings .settings-empty-state,app-settings .settings-directory-table,app-settings .settings-toolbar input,app-settings .settings-toolbar select{border-radius:var(--radius-control)}app-settings .settings-toolbar input,app-settings .settings-toolbar select{min-height:var(--control-height)}app-settings .settings-badge{border-radius:999px}app-settings .settings-empty-state{background:var(--surface-color);border:1px solid var(--border-color)}app-settings{display:block}app-settings .settings-panel-body{overflow-x:auto}app-settings .settings-page-standalone .settings-panel-header{align-items:center;justify-content:flex-end;min-height:0;padding:0 0 16px}app-settings .settings-page-standalone .settings-panel-header>div:first-child{display:none}app-settings .approval-governance-layout{display:grid;gap:16px;min-width:0;width:100%}app-settings .settings-page-standalone .approval-governance-layout{grid-template-columns:repeat(3,minmax(0,1fr))}app-settings .governance-info-banner{align-items:flex-start;background:var(--primary-soft);border:1px solid var(--primary-color);border-radius:var(--radius-control);color:var(--primary-color);display:flex;gap:12px;grid-column:1 / -1;min-width:0;overflow:hidden;padding:12px 16px;width:100%}@supports (color: color-mix(in lab,red,red)){app-settings .governance-info-banner{border:1px solid color-mix(in srgb,var(--primary-color) 28%,var(--border-color))}}app-settings .governance-info-banner>div{min-width:0}app-settings .governance-info-banner strong{display:block;font-size:12px;letter-spacing:.04em;text-transform:uppercase}app-settings .governance-info-banner p{color:var(--text-secondary);font-size:var(--font-secondary);line-height:1.45;margin:4px 0 0}app-settings .governance-summary-strip{display:grid;gap:12px;grid-column:1 / -1;grid-template-columns:repeat(6,minmax(0,1fr));min-width:0;width:100%}app-settings .governance-summary-item{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-control);display:grid;gap:7px;min-height:76px;min-width:0;overflow:hidden;padding:12px 16px}app-settings .governance-summary-heading{align-items:center;display:flex;gap:8px;justify-content:space-between;min-width:0}app-settings .governance-summary-item span{color:var(--text-color);font-size:var(--font-secondary);min-width:0}app-settings .governance-summary-item small{color:var(--text-secondary);font-size:var(--font-caption);white-space:normal}app-settings .governance-summary-item strong{background:var(--warning-soft, #fff7e6);border-radius:999px;color:var(--warning-color, #b54708);font-size:var(--font-caption);font-weight:700;line-height:1;padding:5px 9px;white-space:nowrap}app-settings .governance-summary-item strong.critical{background:var(--danger-soft, #fef2f2);color:var(--danger-color, #b42318)}app-settings .governance-summary-item strong.healthy{background:var(--success-soft, #ecfdf3);color:var(--success-color, #067647)}app-settings .governance-summary-item.metric{align-items:center;display:flex;gap:10px}app-settings .governance-summary-item.metric>app-icon{align-items:center;background:var(--primary-soft);border-radius:50%;color:var(--primary-color);display:inline-flex;flex:0 0 auto;height:36px;justify-content:center;width:36px}app-settings .governance-summary-item.metric:nth-child(5)>app-icon{background:var(--success-soft);color:var(--success-color)}app-settings .governance-summary-item.metric:nth-child(6)>app-icon{background:var(--warning-soft);color:var(--warning-color, #b54708)}app-settings .governance-summary-item.metric>div{display:grid;gap:2px;min-width:0}app-settings .governance-summary-item.metric span{color:var(--text-secondary);font-size:var(--font-caption);line-height:1.2}app-settings .governance-summary-item.metric strong{background:transparent;color:var(--text-color);font-size:20px;padding:0}app-settings .settings-page-standalone .approval-governance-layout>.settings-section-card:nth-of-type(4),app-settings .settings-page-standalone .approval-governance-layout>.settings-section-card:nth-of-type(5){grid-column:1 / -1}app-settings .governance-status,app-settings .issue-count,app-settings .health-count{align-items:center;background:var(--warning-soft, #fff7e6);border-radius:999px;color:var(--warning-color, #b54708);display:inline-flex;font-size:var(--font-caption);font-weight:700;padding:5px 9px;white-space:nowrap}app-settings .governance-status.ready,app-settings .health-count{background:var(--success-soft, #ecfdf3);color:var(--success-color, #067647)}app-settings .governance-status.critical,app-settings .issue-count{background:var(--danger-soft, #fef2f2);color:var(--danger-color, #b42318)}app-settings .approval-governance-layout>.settings-section-card{align-content:start;padding:16px}app-settings .governance-alert{background:var(--warning-soft, #fff7e6);border:1px solid var(--warning-color, #b54708);border-radius:var(--radius-control);display:grid;gap:4px;margin-top:4px;padding:10px 12px}@supports (color: color-mix(in lab,red,red)){app-settings .governance-alert{border:1px solid color-mix(in srgb,var(--warning-color, #b54708) 24%,var(--border-color))}}app-settings .governance-alert strong{color:var(--warning-color, #b54708);font-size:var(--font-secondary)}app-settings .governance-alert span{color:var(--text-secondary);font-size:var(--font-caption)}app-settings .governance-alert{align-items:center;grid-template-columns:minmax(0,1fr) auto}app-settings .governance-action{background:transparent;border:0;color:var(--primary-color);cursor:pointer;font-size:var(--font-caption);font-weight:700;white-space:nowrap}app-settings .governance-action:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}app-settings .governance-issue-row{align-items:flex-start;border-top:1px solid var(--border-color);color:var(--danger-color, #b42318);display:grid;gap:8px;grid-template-columns:auto minmax(0,1fr) auto auto;padding:8px 0}app-settings .governance-issue-row:first-of-type{border-top:0;margin-top:4px}app-settings .governance-issue-row div{display:grid;gap:3px}app-settings .governance-issue-row strong{color:var(--text-color);font-size:var(--font-secondary)}app-settings .governance-issue-row span{color:var(--text-secondary);font-size:var(--font-caption);line-height:1.4}app-settings .governance-issue-row b{font-size:18px;line-height:1}app-settings .governance-issue-row .governance-action{align-self:end;grid-column:4;grid-row:1;justify-self:end}app-settings .governance-health-list{display:grid;margin-top:0}app-settings .governance-health-row{align-items:center;border-top:1px solid var(--border-color);color:var(--success-color);display:grid;gap:8px;grid-template-columns:auto minmax(0,1fr) auto;padding:7px 0}app-settings .governance-health-row:first-child{border-top:0}app-settings .governance-health-row span{color:var(--text-color);font-size:var(--font-secondary)}app-settings .governance-health-row strong{color:var(--success-color);font-size:var(--font-caption);font-weight:600;text-align:right}app-settings .governance-health-row strong.unhealthy{color:var(--danger-color)}app-settings .governance-toolbar{align-items:center;display:grid;gap:8px;grid-template-columns:minmax(220px,1fr) repeat(3,minmax(120px,auto)) auto;margin:0 0 12px}app-settings .governance-toolbar .form-select{min-width:120px}app-settings .governance-search{align-items:center;border:1px solid var(--control-border-color);border-radius:var(--radius-control);color:var(--text-muted);display:flex;gap:8px;min-height:var(--control-height);padding-left:10px}app-settings .governance-search .form-control{border:0;box-shadow:none;min-width:0;padding-left:0}app-settings .governance-reset{background:transparent;border:0;color:var(--primary-color);cursor:pointer;font-size:var(--font-secondary);font-weight:600;min-height:var(--control-height);padding:0 4px}app-settings .governance-reset:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}app-settings .settings-tab-strip{border-bottom:1px solid var(--border-color);display:flex;gap:4px;margin:0 -2px 12px;overflow-x:auto}app-settings .settings-tab-chip{background:transparent;border:0;border-bottom:2px solid transparent;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:650;padding:7px 12px 8px;white-space:nowrap}app-settings .settings-tab-chip:hover,app-settings .settings-tab-chip:focus-visible{color:var(--primary-color)}app-settings .settings-tab-chip.active{border-bottom-color:var(--primary-color);color:var(--primary-color)}app-settings .approval-governance-layout .settings-section-card,app-settings .approval-governance-layout .form-row{min-width:0}app-settings .approval-governance-layout .settings-section-card{gap:12px}app-settings .approval-governance-layout .settings-section-heading{gap:12px}app-settings .approval-governance-layout .settings-record-form{margin-top:4px}app-settings .approval-governance-layout .form-row input[type=checkbox]{align-self:center;height:18px;justify-self:start;width:18px}app-settings .approval-governance-layout .settings-empty-state{align-items:flex-start;display:grid;gap:8px;padding:20px 0 4px}app-settings .governance-drawer-backdrop{background:#0f172a47;inset:0;position:fixed;z-index:70}app-settings .governance-drawer{background:var(--surface-color);border:1px solid var(--border-color);border-radius:0;box-shadow:var(--shadow-overlay);display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));inset:0 0 0 auto;margin:0;max-height:100dvh;overflow-y:auto;padding:20px 24px;position:fixed;width:min(620px,100vw);z-index:80}app-settings .governance-drawer>.governance-drawer-header,app-settings .governance-drawer>.governance-drawer-summary,app-settings .governance-drawer>.settings-form-actions{grid-column:1 / -1;min-width:0}app-settings .governance-drawer>.governance-scope-detail{grid-column:1 / -1}app-settings .governance-drawer-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin:-20px -24px 2px;padding:20px 24px 16px;position:sticky;top:-20px;background:var(--surface-color);z-index:1}app-settings .governance-drawer-header h2,app-settings .governance-drawer-header p{margin:0}app-settings .governance-drawer-header h2{color:var(--text-color);font-size:20px}app-settings .governance-drawer-header p{color:var(--text-secondary);font-size:13px;margin-top:4px}app-settings .governance-drawer .settings-form-actions{background:var(--surface-color);border-top:1px solid var(--border-color);bottom:-20px;margin:4px -24px -20px;padding:12px 24px;position:sticky}app-settings .governance-drawer-summary{align-items:flex-start;background:var(--primary-soft);border:1px solid var(--primary-color);border-radius:6px;color:var(--text-secondary);display:flex;gap:10px;line-height:1.4;padding:11px 12px}@supports (color: color-mix(in lab,red,red)){app-settings .governance-drawer-summary{border:1px solid color-mix(in srgb,var(--primary-color) 18%,var(--border-color))}}app-settings .governance-drawer-summary>app-icon{color:var(--primary-color);flex:0 0 auto;margin-top:1px}app-settings .governance-drawer-summary>div{display:grid;gap:3px;min-width:0}app-settings .governance-drawer-summary strong{color:var(--text-color);font-size:12px}app-settings .governance-drawer-summary span{font-size:12px}app-settings .governance-drawer .form-row{min-width:0}app-settings .governance-drawer .form-row>.form-control,app-settings .governance-drawer .form-row>.form-select,app-settings .governance-drawer .form-row>.form-textarea{min-width:0;width:100%}app-settings .governance-unlimited-control{align-content:start}app-settings .governance-unlimited-control .form-checkbox{height:18px;margin:1px 0 0;width:18px}.dark app-settings .governance-drawer,.dark app-settings .governance-drawer-header,.dark app-settings .governance-drawer .settings-form-actions{background:#111827;border-color:#374151}@media(max-width:720px){app-settings .governance-drawer{gap:14px;grid-template-columns:1fr;padding-inline:18px;width:100vw}app-settings .governance-drawer>.governance-drawer-header,app-settings .governance-drawer>.governance-drawer-summary,app-settings .governance-drawer>.settings-form-actions,app-settings .governance-drawer>.governance-scope-detail{grid-column:1}app-settings .governance-drawer-header{margin-inline:-18px;padding-inline:18px}app-settings .governance-drawer .settings-form-actions{margin-inline:-18px;padding-inline:18px}}@media(max-width:1100px){app-settings .settings-page-standalone .approval-governance-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}app-settings .settings-page-standalone .approval-governance-layout>.settings-section-card:first-of-type,app-settings .settings-page-standalone .approval-governance-layout>.settings-section-card:nth-of-type(4),app-settings .settings-page-standalone .approval-governance-layout>.settings-section-card:nth-of-type(5){grid-column:1 / -1}app-settings .governance-summary-strip{grid-template-columns:repeat(3,minmax(0,1fr))}app-settings .governance-toolbar{grid-template-columns:minmax(180px,1fr) repeat(2,minmax(120px,auto))}app-settings .governance-toolbar .governance-reset{justify-self:start}}@media(max-width:720px){app-settings .settings-page-standalone .settings-panel-header{align-items:stretch}app-settings .settings-page-standalone .settings-panel-header .settings-header-actions{flex-direction:column}app-settings .settings-page-standalone .settings-panel-header .settings-header-actions app-button{width:100%}app-settings .settings-page-standalone .approval-governance-layout,app-settings .governance-kpi-grid,app-settings .governance-toolbar{grid-template-columns:1fr}app-settings .settings-page-standalone .approval-governance-layout>.settings-section-card,app-settings .settings-page-standalone .approval-governance-layout>.governance-info-banner{grid-column:auto}app-settings .governance-summary-strip{grid-template-columns:1fr}app-settings .governance-summary-item{min-height:0}app-settings .governance-issue-row{grid-template-columns:auto minmax(0,1fr) auto}app-settings .governance-issue-row .governance-action{grid-column:2 / -1;grid-row:auto;justify-self:start}app-settings .governance-toolbar .form-select,app-settings .governance-search{width:100%}}@media(max-width:760px){.page-header{padding:18px 20px 16px}}app-staff-members .operations-toolbar{background:transparent;border:0;border-radius:0;box-shadow:none;padding:14px 16px}app-staff-members .staff-summary-grid{display:grid;gap:14px;grid-template-columns:repeat(5,minmax(0,1fr))}app-staff-members .staff-summary-card{align-items:center;background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:12px;min-width:0;padding:16px}app-staff-members .staff-summary-card>div,app-staff-members .staff-name-cell>span:last-child,app-staff-members .staff-warehouse-cell{display:grid;gap:3px;min-width:0}app-staff-members .staff-summary-card>div>span,app-staff-members .staff-summary-card small,app-staff-members .staff-name-cell small,app-staff-members .staff-warehouse-cell small{color:var(--muted-color);font-size:12px}app-staff-members .staff-summary-card strong{color:var(--text-color);font-size:24px;line-height:1}app-staff-members .staff-summary-icon{align-items:center;border-radius:50%;display:inline-flex;flex:0 0 auto;height:38px;justify-content:center;width:38px}app-staff-members .staff-summary-icon.blue{background:#e8f0ff;color:var(--primary-color)}app-staff-members .staff-summary-icon.green{background:#e9f9ef;color:#15803d}app-staff-members .staff-summary-icon.red{background:#ffebeb;color:#dc2626}app-staff-members .staff-summary-icon.purple{background:#f3ecff;color:#7c3aed}app-staff-members .staff-summary-icon.amber{background:#fff4df;color:#c56a00}app-staff-members .staff-clear-filters{background:transparent;border:0;color:var(--primary-color);cursor:pointer;font-size:13px;font-weight:600;min-height:var(--control-height);padding:0 4px}app-staff-members .staff-clear-filters:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}app-staff-members .operations-panel .data-table th{background:var(--surface-subtle);color:var(--muted-color);font-size:12px;font-weight:600;padding-block:12px}app-staff-members .operations-panel .data-table td{padding-block:11px;vertical-align:middle}app-staff-members .staff-name-cell{align-items:center;display:flex;gap:10px}app-staff-members .staff-name-cell small{display:none}app-staff-members .staff-avatar{align-items:center;border-radius:50%;display:inline-flex;flex:0 0 auto;font-size:12px;font-weight:700;height:34px;justify-content:center;width:34px}app-staff-members .staff-avatar.blue{background:#e8f0ff;color:#2563eb}app-staff-members .staff-avatar.green{background:#e9f9ef;color:#15803d}app-staff-members .staff-avatar.purple{background:#f3ecff;color:#7c3aed}app-staff-members .staff-avatar.amber{background:#fff4df;color:#c56a00}app-staff-members .staff-avatar.rose{background:#ffe8ef;color:#be185d}app-staff-members .staff-table-footer{align-items:center;border-top:1px solid var(--border-color);color:var(--muted-color);display:flex;font-size:12px;min-height:46px;padding:0 16px}@media(max-width:1100px){app-staff-members .staff-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){app-staff-members .operations-toolbar{align-items:flex-start}app-staff-members .staff-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:460px){app-staff-members .staff-summary-grid{grid-template-columns:1fr}}.dark app-staff-members .staff-summary-card{background:#111827;border-color:#374151}.dark app-staff-members .staff-summary-icon.blue,.dark app-staff-members .staff-avatar.blue{background:#172554}.dark app-staff-members .staff-summary-icon.green{background:#052e16}.dark app-staff-members .staff-summary-icon.red{background:#450a0a}.dark app-staff-members .staff-summary-icon.purple{background:#2e1065}.dark app-staff-members .staff-summary-icon.amber{background:#451a03}app-staff-members .staff-editor-drawer{display:flex;flex-direction:column;max-width:min(700px,100vw);width:680px;z-index:80}app-staff-members .staff-editor-drawer .staff-editor{background:var(--surface-color);border:0;border-radius:0;display:flex;flex-direction:column;gap:16px;height:100%;overflow:hidden;padding:0}app-staff-members .staff-editor-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;gap:16px;justify-content:space-between;padding:20px 24px 16px}app-staff-members .staff-editor-header h2,app-staff-members .staff-editor-header p{margin:0}app-staff-members .staff-editor-header h2{color:var(--text-color);font-size:20px}app-staff-members .staff-editor-header p{color:var(--text-secondary);font-size:13px;margin-top:4px}app-staff-members .staff-editor-section-title{color:var(--text-color);font-size:12px;font-weight:700;letter-spacing:.04em;padding:4px 24px 0;text-transform:uppercase}app-staff-members .staff-editor-drawer .staff-editor>.form-row,app-staff-members .staff-editor-drawer .staff-additional-roles,app-staff-members .staff-editor-drawer .staff-warehouse-access{margin-inline:24px;flex:0 0 auto}app-staff-members .staff-editor-drawer .staff-editor{overflow-y:auto}app-staff-members .staff-editor-drawer .staff-editor-actions{background:var(--surface-color);border-top:1px solid var(--border-color);bottom:0;margin-top:auto;padding:12px 24px;position:sticky}app-staff-members .staff-editor-drawer .staff-additional-role-list,app-staff-members .staff-editor-drawer .staff-warehouse-list{max-height:150px;overflow-y:auto}app-staff-members .staff-selection-option{align-items:center;display:flex;gap:8px;padding:7px 2px}app-staff-members .staff-selection-row{align-items:center;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) 150px auto}app-staff-members .staff-multiselect{position:relative}app-staff-members .staff-multiselect-trigger{align-items:center;background:var(--surface-color);border:1px solid var(--control-border-color);border-radius:var(--radius-control);color:var(--text-color);cursor:pointer;display:flex;gap:8px;justify-content:space-between;min-height:var(--control-height);padding:5px 10px;text-align:left;width:100%}app-staff-members .staff-multiselect-trigger:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}app-staff-members .staff-multiselect-placeholder{color:var(--text-secondary);font-size:13px}app-staff-members .staff-multiselect-panel{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-control);box-shadow:var(--shadow-overlay);display:grid;gap:8px;left:0;padding:8px;position:absolute;right:0;top:calc(100% + 4px);z-index:20}app-staff-members .staff-multiselect-options{max-height:180px;overflow-y:auto}app-staff-members .staff-password-control{align-items:center;display:flex}app-staff-members .staff-password-control .form-control{flex:1}app-staff-members .staff-password-control button{align-items:center;background:transparent;border:0;color:var(--text-secondary);cursor:pointer;display:inline-flex;height:36px;justify-content:center;margin-left:-40px;width:36px;z-index:1}app-staff-members .staff-default-select{display:grid;gap:6px;margin-top:8px}app-staff-members .staff-editor-drawer .staff-additional-roles{display:grid;gap:8px}app-staff-members .staff-editor-drawer .staff-warehouse-access{display:grid;gap:8px}app-staff-members .staff-editor-drawer .staff-additional-role-list,app-staff-members .staff-editor-drawer .staff-warehouse-list{background:var(--surface-color)}app-staff-members .staff-selection-chips{display:flex;flex-wrap:wrap;gap:6px}app-staff-members .staff-selection-chip{align-items:center;background:var(--primary-soft);border:1px solid var(--primary-color);border-radius:999px;color:var(--primary-color);display:inline-flex;font-size:12px;gap:5px;padding:5px 8px}@supports (color: color-mix(in lab,red,red)){app-staff-members .staff-selection-chip{border:1px solid color-mix(in srgb,var(--primary-color) 25%,var(--border-color))}}app-staff-members .staff-selection-chip button{background:transparent;border:0;color:inherit;cursor:pointer;font-size:15px;line-height:1;padding:0}app-staff-members .staff-status-options{border:0;display:grid;gap:8px;margin-inline:24px;padding:0}app-staff-members .staff-status-options legend{padding:0}app-staff-members .staff-status-options label{align-items:flex-start;border:1px solid var(--border-color);border-radius:var(--radius-control);display:flex;gap:10px;padding:10px}app-staff-members .staff-status-options label.selected{border-color:var(--primary-color);background:var(--primary-soft)}app-staff-members .staff-status-options label span{display:grid;gap:3px}app-staff-members .staff-status-options small{color:var(--text-secondary);font-size:12px}app-staff-members .staff-access-summary{border:1px solid var(--border-color);border-radius:var(--radius-control);margin:0 24px 16px;padding:10px 12px}app-staff-members .staff-access-summary summary{color:var(--text-color);cursor:pointer;font-size:13px;font-weight:650}app-staff-members .staff-access-summary dl{display:grid;gap:8px;margin:12px 0 0}app-staff-members .staff-access-summary dl div{display:flex;justify-content:space-between;gap:12px}app-staff-members .staff-access-summary dt{color:var(--text-secondary);font-size:12px}app-staff-members .staff-access-summary dd{color:var(--text-color);font-size:12px;margin:0;text-align:right}@media(max-width:720px){app-staff-members .staff-editor-drawer{inset:0;max-width:none;width:100%}app-staff-members .staff-editor-header,app-staff-members .staff-editor-drawer .staff-editor-actions{padding-inline:18px}app-staff-members .staff-editor-section-title,app-staff-members .staff-editor-drawer .staff-editor>.form-row,app-staff-members .staff-editor-drawer .staff-additional-roles,app-staff-members .staff-editor-drawer .staff-warehouse-access{margin-inline:18px;padding-inline:0}}.dark app-staff-members .staff-avatar.green{background:#052e16}.dark app-staff-members .staff-avatar.purple{background:#2e1065}.dark app-staff-members .staff-avatar.amber{background:#451a03}.dark app-staff-members .staff-avatar.rose{background:#4c0519}app-staff-members app-button.staff-remove-icon .app-button{color:var(--danger-color)}app-staff-members app-button.staff-remove-icon .app-button:hover{background:var(--danger-soft);border-color:var(--danger-color);color:var(--danger-color)}app-settings .governance-person-cell{align-items:center;display:inline-flex;gap:10px}app-settings .governance-avatar{align-items:center;border-radius:50%;display:inline-flex;flex:0 0 auto;font-size:11px;font-weight:700;height:30px;justify-content:center;width:30px}app-settings .governance-avatar.blue{background:#e8f0ff;color:#2563eb}app-settings .governance-avatar.green{background:#e9f9ef;color:#15803d}app-settings .governance-avatar.purple{background:#f3ecff;color:#7c3aed}app-settings .governance-avatar.amber{background:#fff4df;color:#c56a00}app-settings .governance-avatar.rose{background:#ffe8ef;color:#be185d}.dark app-settings .governance-avatar.blue{background:#172554}.dark app-settings .governance-avatar.green{background:#052e16}.dark app-settings .governance-avatar.purple{background:#2e1065}.dark app-settings .governance-avatar.amber{background:#451a03}.dark app-settings .governance-avatar.rose{background:#4c0519}.notification-email-settings-page .email-delivery-page{display:grid;gap:16px}.notification-email-settings-page .email-delivery-summary{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-panel);box-shadow:var(--shadow-subtle);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden}.notification-email-settings-page .email-delivery-stat{align-items:center;display:flex;gap:12px;min-height:112px;padding:20px;position:relative}.notification-email-settings-page .email-delivery-stat+.email-delivery-stat:before{background:var(--border-color);content:"";height:64%;left:0;position:absolute;top:18%;width:1px}.notification-email-settings-page .email-delivery-stat-icon{align-items:center;background:#edf3ff;border-radius:50%;color:var(--primary-color);display:inline-flex;flex:0 0 42px;height:42px;justify-content:center}.notification-email-settings-page .email-delivery-stat.success .email-delivery-stat-icon,.notification-email-settings-page .email-policy-icon.success{background:#eaf8ef;color:#0a9545}.notification-email-settings-page .email-delivery-stat.info .email-delivery-stat-icon,.notification-email-settings-page .email-policy-icon.info{background:#edf3ff;color:#2563eb}.notification-email-settings-page .email-delivery-stat.purple .email-delivery-stat-icon{background:#f3edff;color:#7c3aed}.notification-email-settings-page .email-delivery-stat div{min-width:0}.notification-email-settings-page .email-delivery-stat span:not(.email-delivery-stat-icon){color:var(--text-secondary);display:block;font-size:12px}.notification-email-settings-page .email-delivery-stat strong{color:var(--text-color);display:block;font-size:18px;margin-top:4px}.notification-email-settings-page .email-delivery-stat.success strong{color:#0a9545}.notification-email-settings-page .email-delivery-stat small{color:var(--text-secondary);display:block;font-size:11px;line-height:1.4;margin-top:4px}.notification-email-settings-page .email-delivery-layout{align-items:start;display:grid;gap:16px;grid-template-columns:minmax(0,2fr) minmax(300px,1fr)}.notification-email-settings-page .email-delivery-card{min-width:0}.notification-email-settings-page .email-form{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.notification-email-settings-page .email-form .full{grid-column:1/-1}.notification-email-settings-page .email-form .form-help{display:block;font-size:11px;margin-top:4px}.notification-email-settings-page .email-advanced-settings{border:1px solid var(--border-color);border-radius:8px;padding:14px 16px}.notification-email-settings-page .email-advanced-settings summary{align-items:center;cursor:pointer;display:flex;font-weight:650;justify-content:space-between;list-style:none}.notification-email-settings-page .email-advanced-settings summary::-webkit-details-marker{display:none}.notification-email-settings-page .email-advanced-settings p{color:var(--text-secondary);font-size:12px;margin:10px 0 0}.notification-email-settings-page .email-delivery-aside{display:grid;gap:16px;min-width:0}.notification-email-settings-page .email-policy-table{border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.notification-email-settings-page .email-policy-row{align-items:center;border-top:1px solid var(--border-color);display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;min-height:42px;padding:8px 12px}.notification-email-settings-page .email-policy-row:first-child{border-top:0}.notification-email-settings-page .email-policy-row>span:first-child{align-items:center;display:flex;gap:8px;min-width:0}.notification-email-settings-page .email-policy-head{background:var(--surface-subtle);color:var(--text-secondary);font-size:11px;font-weight:650}.notification-email-settings-page .email-policy-icon{align-items:center;background:#edf3ff;border-radius:50%;color:#2563eb;display:inline-flex;flex:0 0 24px;height:24px;justify-content:center}.notification-email-settings-page .email-policy-icon.danger{background:#fff0f1;color:#dc2626}.notification-email-settings-page .email-policy-status{background:var(--surface-subtle);border-radius:999px;color:var(--text-secondary);font-size:11px;font-weight:650;padding:4px 8px}.notification-email-settings-page .email-policy-status.enabled{background:#eaf8ef;color:#0a9545}.notification-email-settings-page .email-policy-link{color:var(--primary-color);display:block;font-size:12px;font-weight:650;margin-top:12px;text-align:center;text-decoration:none}.notification-email-settings-page .email-policy-link:hover{text-decoration:underline}.notification-email-settings-page .email-test-card app-button{margin-top:4px}.notification-email-settings-page .email-test-result{align-items:flex-start;background:#eaf8ef;border:1px solid #b8e3c5;border-radius:8px;color:#0a9545;display:flex;gap:8px;margin-top:14px;padding:12px}.notification-email-settings-page .email-test-result.error{background:#fff1f2;border-color:#fecdd3;color:#be123c}.notification-email-settings-page .email-test-result strong,.notification-email-settings-page .email-test-result span{display:block}.notification-email-settings-page .email-test-result span{font-size:12px;margin-top:3px}.notification-email-settings-page .email-success-message{color:#0a9545}@media(max-width:960px){.notification-email-settings-page .email-delivery-layout{grid-template-columns:1fr}}@media(max-width:640px){.notification-email-settings-page .email-delivery-summary{grid-template-columns:1fr}.notification-email-settings-page .email-delivery-stat{min-height:86px;padding:14px 16px}.notification-email-settings-page .email-delivery-stat+.email-delivery-stat:before{height:1px;left:5%;right:5%;top:0;width:90%}.notification-email-settings-page .email-form{grid-template-columns:1fr}.notification-email-settings-page .email-form .full{grid-column:auto}}.notification-email-settings-page .email-encryption-warning{align-items:flex-start;background:#fff7e6;border:1px solid #f3c979;border-radius:8px;color:#92400e;display:flex;font-size:12px;gap:10px;line-height:1.45;padding:12px}.notification-email-settings-page .email-encryption-warning strong,.notification-email-settings-page .email-encryption-warning span{display:block}.notification-email-settings-page .email-encryption-warning span{margin-top:3px}.notification-email-settings-page .email-policy-icon.low-stock{background:#eaf8ef;color:#0a9545}.notification-email-settings-page .email-policy-icon.expiring{background:#fff7e6;color:#c56a00}.notification-email-settings-page .email-policy-icon.expired{background:#fff0f1;color:#dc2626}.notification-email-settings-page .email-policy-icon.approval{background:#edf3ff;color:#2563eb}.notification-email-settings-page .email-transport-empty-state{align-items:flex-start;background:var(--surface-subtle);border:1px dashed var(--border-color);border-radius:8px;color:var(--text-secondary);display:flex;gap:12px;padding:18px}.notification-email-settings-page .email-transport-empty-state strong,.notification-email-settings-page .email-transport-empty-state span{display:block}.notification-email-settings-page .email-transport-empty-state strong{color:var(--text-color);margin-bottom:4px}.notification-email-settings-page .email-test-actions{display:flex;flex-wrap:wrap;gap:8px}.notification-email-settings-page .email-test-disabled-copy{color:var(--text-secondary);font-size:12px;margin:0}:root{--color-background-app: #f3f4f8;--color-surface-primary: #ffffff;--color-surface-subtle: #f9fafb;--color-surface-raised: #ffffff;--color-surface-selected: #eff6ff;--color-border-default: #e5e7eb;--color-border-subtle: #f0f1f4;--color-border-strong: #d1d5db;--color-text-primary: #0d1117;--color-text-secondary: #4b5563;--color-text-muted: #9ca3af;--state-info-fg: #1d4ed8;--state-info-surface: #eff6ff;--state-info-border: #bfdbfe;--state-success-fg: #16a34a;--state-success-surface: #f0fdf4;--state-success-border: #bbf7d0;--state-warning-fg: #d97706;--state-warning-surface: #fffbeb;--state-warning-border: #fde68a;--state-danger-fg: #dc2626;--state-danger-surface: #fef2f2;--state-danger-border: #fecaca;--state-blocked-fg: #7c3aed;--state-blocked-surface: #f5f3ff;--state-blocked-border: #ddd6fe;--font-family-sans: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono: "DM Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-size-caption: 11px;--font-size-secondary: 12px;--font-size-body: 13px;--font-size-section-title: 14px;--font-size-page-title: 24px;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--radius-2: 7px;--radius-3: 8px;--radius-4: 12px;--radius-control: 8px;--radius-panel: 12px;--elevation-low: 0 1px 3px rgb(0 0 0 / 6%), 0 1px 2px rgb(0 0 0 / 4%);--elevation-medium: 0 4px 12px rgb(0 0 0 / 8%), 0 2px 4px rgb(0 0 0 / 4%);--elevation-overlay: 0 20px 56px rgb(15 23 42 / 20%);--shadow-subtle: var(--elevation-low);--shadow-medium: var(--elevation-medium);--shadow-overlay: var(--elevation-overlay);--control-height-standard: 40px;--control-height-compact: 36px;--badge-height: 24px;--page-bg: var(--color-background-app);--page-background: var(--color-background-app);--app-background: var(--color-background-app);--surface-color: var(--color-surface-primary);--surface-subtle: var(--color-surface-subtle);--surface-raised: var(--color-surface-raised);--panel-surface: var(--color-surface-primary);--shell-sidebar-surface: var(--sidebar-color);--shell-sidebar-surface-hover: var(--text-inverse);--shell-sidebar-text: var(--text-secondary);--shell-sidebar-text-hover: var(--text-color);--shell-sidebar-text-active: var(--primary-color);--shell-sidebar-border: var(--border-color);--border-color: var(--color-border-default);--border-subtle: var(--color-border-subtle);--border-strong: var(--color-border-strong);--control-border-color: var(--color-border-strong);--text-color: var(--color-text-primary);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--muted-color: var(--color-text-muted);--text-muted: var(--color-text-muted);--success-color: var(--state-success-fg);--success-soft: var(--state-success-surface);--success-border: var(--state-success-border);--warning-color: var(--state-warning-fg);--warning-soft: var(--state-warning-surface);--warning-border: var(--state-warning-border);--danger-color: var(--state-danger-fg);--danger-soft: var(--state-danger-surface);--danger-border: var(--state-danger-border);--workflow-color: var(--state-blocked-fg);--workflow-soft: var(--state-blocked-surface);--workflow-border: var(--state-blocked-border);--info-color: var(--state-info-fg);--info-soft: var(--state-info-surface);--info-border: var(--state-info-border);--primary-soft: var(--state-info-surface)}@supports (color: color-mix(in lab,red,red)){:root{--shell-sidebar-surface-hover: color-mix(in srgb, var(--text-inverse) 10%, transparent)}}.dark{--color-background-app: #0f172a;--color-surface-primary: #111827;--color-surface-subtle: #1f2937;--color-surface-raised: #111827;--color-surface-selected: #172554;--color-border-default: #374151;--color-border-subtle: #1f2937;--color-border-strong: #4b5563;--color-text-primary: #f9fafb;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--state-info-surface: #172554;--state-info-border: #1d4ed8;--state-success-surface: #052e16;--state-success-border: #166534;--state-warning-surface: #451a03;--state-warning-border: #92400e;--state-danger-surface: #450a0a;--state-danger-border: #991b1b;--state-blocked-surface: #2e1065;--state-blocked-border: #6d28d9}body{background:var(--page-bg);color:var(--text-color);font-size:var(--font-body);letter-spacing:0}.admin-shell,.public-shell{background:linear-gradient(180deg,var(--surface-color),transparent 220px),var(--page-bg)}@supports (color: color-mix(in lab,red,red)){.admin-shell,.public-shell{background:linear-gradient(180deg,color-mix(in srgb,var(--surface-color) 38%,transparent),transparent 220px),var(--page-bg)}}.page-body{display:grid;gap:16px;padding:18px var(--space-4) 28px}.page-header,.app-page-header,.panel,.stat-card,.ui-card,.ui-card-compact,.ui-card-metric,.ui-section-card,.settings-section-card,.settings-panel,.operations-panel,.dashboard-panel,.product-panel,.checkout-panel,.replenishment-controls,.purchase-orders-panel,.receiving-shell,.drawer,.modal{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-panel);box-shadow:var(--shadow-subtle);color:var(--text-color)}.page-header{border-bottom:1px solid var(--border-color);padding:18px 20px}.page-title,h1,h2,h3,.panel-title,.ui-card-title,.ui-section-title{color:var(--text-color);letter-spacing:0}.panel-header,.settings-panel-header,.drawer-header,.modal-header{border-color:var(--border-subtle)}.panel-title,.compact-panel-header h2,.settings-section-heading h2,.settings-section-heading h3{font-size:var(--font-size-section-title);font-weight:var(--font-weight-bold);line-height:1.2}.panel-body{padding:16px}.form-control,.form-select,.form-textarea,input:not([type=checkbox]):not([type=radio]),select,textarea{background:var(--surface-color);border-color:var(--control-border-color);border-radius:var(--radius-control);color:var(--text-color);min-height:var(--control-height-standard)}.form-control:focus,.form-select:focus,.form-textarea:focus,input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color);outline:0}@supports (color: color-mix(in lab,red,red)){.form-control:focus,.form-select:focus,.form-textarea:focus,input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 22%,transparent)}}.filter-field,.toolbar-group,.manager-toolbar,.filter-bar,.app-filter-bar,.ui-filter-bar,.operations-toolbar,.roles-toolbar,.replenishment-controls,.checkout-filters,.catalogue-filters,.settings-toolbar{background:var(--surface-color);border-color:var(--border-color);border-radius:var(--radius-panel);box-shadow:var(--shadow-subtle)}.data-table{border-collapse:collapse;color:var(--text-color);font-size:var(--font-caption);min-width:100%}.data-table th,.data-table td{border-bottom:1px solid var(--border-subtle);height:40px;padding:8px 12px;vertical-align:middle}.data-table th{background:var(--surface-subtle);color:var(--text-secondary);font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:.08em;text-transform:uppercase}.data-table tbody tr:hover{background:var(--primary-soft)}@supports (color: color-mix(in lab,red,red)){.data-table tbody tr:hover{background:color-mix(in srgb,var(--primary-soft) 40%,transparent)}}.data-table .numeric,.data-table td.numeric,.data-table th.numeric{font-family:var(--font-family-mono);font-variant-numeric:tabular-nums;text-align:right}.table-wrap,.desktop-table-wrap,.section-table-wrap,.replenishment-table-wrap,.drawer-table-wrap,.app-table-wrap,.ui-table-shell{border:1px solid var(--border-color);border-radius:var(--radius-panel);max-width:100%;overflow:auto}.table-wrap .data-table,.desktop-table-wrap .data-table,.section-table-wrap .data-table,.replenishment-table-wrap .data-table,.drawer-table-wrap .data-table,.app-table-wrap .data-table,.ui-table-shell .data-table{border:0}.empty-state,.dashboard-empty,.settings-empty-state,.ui-empty-state{background:var(--surface-color);border:1px dashed var(--border-color);border-radius:var(--radius-panel);color:var(--text-secondary)}.badge,.status-badge,.execution-badge,.priority-badge,.days-badge,.health-badge,.settings-badge,.issue-count,.health-count,.governance-status{border-radius:var(--radius-pill);font-size:var(--font-caption);font-weight:var(--font-weight-bold);min-height:22px}.stat-card strong,.ui-card-metric strong,.summary-card strong,.dashboard-panel strong,.kpi-card strong,.supply-kpi-grid strong,.staff-summary-card strong,.governance-summary-item.metric strong{font-family:var(--font-family-mono);font-variant-numeric:tabular-nums;letter-spacing:0}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:999px}@supports (color: color-mix(in lab,red,red)){::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text-muted) 42%,transparent)}}@media(max-width:760px){.page-body{padding:14px var(--space-4) 24px}.page-header,.app-page-header,.panel,.dashboard-panel{border-radius:10px}}app-dashboard .dashboard-page{gap:16px}app-dashboard app-page-header{margin-bottom:0}app-dashboard .dashboard-top-strip{align-items:stretch;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}app-dashboard .today-summary-card{background:linear-gradient(135deg,#0f172a,#1a3354);border-color:#ffffff14;box-shadow:0 4px 24px #0f172a33;color:#fff;grid-column:1 / -1;padding:0}app-dashboard .today-summary-card .compact-panel-header{border-bottom:0;color:#fff;padding:16px 18px 4px}app-dashboard .today-summary-card .compact-panel-header h2,app-dashboard .today-summary-card .compact-panel-header app-icon{color:#fff}app-dashboard .today-summary-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:8px 18px 18px}app-dashboard .today-summary-metrics>div{border-left:1px solid rgb(255 255 255 / 8%);min-height:64px}app-dashboard .today-summary-metrics>div:first-child{border-left:0}app-dashboard .today-summary-metrics strong{color:#fff;font-family:var(--font-family-mono);font-size:24px;font-weight:800}app-dashboard .today-summary-metrics small{color:#ffffff94}app-dashboard .kpi-card{border-radius:var(--radius-panel);box-shadow:var(--shadow-subtle);min-height:124px;padding:12px 14px}app-dashboard .kpi-card small{color:var(--text-secondary);font-size:10px;letter-spacing:.08em}app-dashboard .kpi-card strong{font-family:var(--font-family-mono);font-size:24px;font-weight:800}app-dashboard .kpi-card em{color:var(--text-secondary);font-size:11px}app-dashboard .kpi-icon{align-self:end;height:34px;width:34px}app-dashboard .dashboard-panel{border-radius:var(--radius-panel);box-shadow:var(--shadow-subtle)}app-dashboard .compact-panel-header{min-height:48px;padding:12px 16px}app-dashboard .compact-panel-header h2{font-size:20px;font-weight:800}app-dashboard .pipeline-panel,app-dashboard .priority-actions-panel,app-dashboard .queue-panel,app-dashboard .expiration-panel,app-dashboard .alerts-panel{min-height:0}app-dashboard .execution-pipeline{min-height:132px;padding:14px 18px 16px}app-dashboard .pipeline-stage{gap:7px;min-height:110px}app-dashboard .pipeline-stage strong{font-size:12px}app-dashboard .pipeline-stage>span:last-child b{font-family:var(--font-family-mono);font-size:28px}app-dashboard .pipeline-icon{height:42px;width:42px}app-dashboard .operation-list-horizontal{gap:10px;padding:10px 16px 12px}app-dashboard .operation-list-horizontal .operation-card{min-height:130px;padding:14px 12px 12px}app-dashboard .operation-list-horizontal .operation-card>strong{font-family:var(--font-family-mono);font-size:26px}app-dashboard .queue-list,app-dashboard .alert-list{padding-inline:16px}app-dashboard .queue-row{min-height:48px}app-dashboard .queue-task strong,app-dashboard .alert-row b{font-size:13px}app-dashboard .queue-footer{padding:12px 16px}app-dashboard .supply-kpi-grid{padding:0 16px 16px}app-dashboard .supply-kpi-grid strong{font-size:26px;font-weight:800}@media(max-width:1180px){app-dashboard .dashboard-top-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){app-dashboard .dashboard-top-strip{grid-template-columns:1fr}app-dashboard .today-summary-metrics{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:14px}app-dashboard .today-summary-metrics>div:nth-child(odd){border-left:0}}app-dashboard .dashboard-page .execution-pipeline{overflow:visible}app-dashboard .dashboard-page .pipeline-group{min-width:0}app-dashboard .dashboard-page .pipeline-connector{flex:1 1 0;margin-left:0;margin-right:0;min-width:12px}app-dashboard .dashboard-page .operation-list-horizontal{min-width:0;overflow:visible}app-dashboard .dashboard-page .table-wrap{overflow:visible}app-dashboard .dashboard-page .data-table{min-width:0;table-layout:fixed;width:100%}app-dashboard .dashboard-page .data-table th,app-dashboard .dashboard-page .data-table td{overflow-wrap:anywhere;white-space:normal}@media(max-width:800px){app-dashboard .dashboard-page{grid-template-columns:1fr}app-dashboard .dashboard-page .pipeline-panel,app-dashboard .dashboard-page .priority-actions-panel,app-dashboard .dashboard-page .queue-panel,app-dashboard .dashboard-page .alerts-panel,app-dashboard .dashboard-page .expiration-panel,app-dashboard .dashboard-page .product-status-panel,app-dashboard .dashboard-page .supply-panel,app-dashboard .dashboard-page .health-panel{grid-column:1;grid-row:auto}app-dashboard .dashboard-page .execution-pipeline{display:grid;gap:4px;grid-template-columns:1fr}app-dashboard .dashboard-page .pipeline-connector{height:14px;justify-content:flex-start;min-width:0;width:100%}app-dashboard .dashboard-page .operation-list-horizontal{grid-template-columns:repeat(2,minmax(0,1fr))}app-dashboard .dashboard-page .table-wrap{border:0}app-dashboard .dashboard-page .data-table,app-dashboard .dashboard-page .data-table thead,app-dashboard .dashboard-page .data-table tbody,app-dashboard .dashboard-page .data-table tr{display:block}app-dashboard .dashboard-page .data-table thead{display:none}app-dashboard .dashboard-page .data-table tr{border-bottom:1px solid var(--border-subtle);padding:8px 0}app-dashboard .dashboard-page .data-table td{align-items:start;border:0;display:grid;gap:8px;grid-template-columns:100px minmax(0,1fr);height:auto;min-height:0;padding:4px 0;text-align:left}app-dashboard .dashboard-page .data-table td:before{color:var(--text-secondary);font-size:var(--font-caption);font-weight:700}app-dashboard .dashboard-page .data-table td.numeric{text-align:left}app-dashboard .dashboard-page .product-status-table th:first-child,app-dashboard .dashboard-page .product-status-table td:first-child,app-dashboard .dashboard-page .product-status-table th:last-child,app-dashboard .dashboard-page .product-status-table td:last-child{background:transparent;box-shadow:none;position:static}app-dashboard .dashboard-page .compact-table-wrap td:nth-child(1):before{content:"Lot"}app-dashboard .dashboard-page .compact-table-wrap td:nth-child(2):before{content:"Product"}app-dashboard .dashboard-page .compact-table-wrap td:nth-child(3):before{content:"Location"}app-dashboard .dashboard-page .compact-table-wrap td:nth-child(4):before{content:"Qty"}app-dashboard .dashboard-page .compact-table-wrap td:nth-child(5):before{content:"Available"}app-dashboard .dashboard-page .compact-table-wrap td:nth-child(6):before{content:"Days left"}app-dashboard .dashboard-page .compact-table-wrap td:nth-child(7):before{content:"Action"}app-dashboard .dashboard-page .product-status-table-wrap td:nth-child(1):before{content:"Product"}app-dashboard .dashboard-page .product-status-table-wrap td:nth-child(2):before{content:"Location"}app-dashboard .dashboard-page .product-status-table-wrap td:nth-child(3):before{content:"On hand"}app-dashboard .dashboard-page .product-status-table-wrap td:nth-child(4):before{content:"Available"}app-dashboard .dashboard-page .product-status-table-wrap td:nth-child(5):before{content:"Incoming"}app-dashboard .dashboard-page .product-status-table-wrap td:nth-child(6):before{content:"Days of supply"}app-dashboard .dashboard-page .product-status-table-wrap td:nth-child(7):before{content:"Reorder point"}app-dashboard .dashboard-page .product-status-table-wrap td:nth-child(8):before{content:"Status"}app-dashboard .dashboard-page .product-status-table-wrap td:nth-child(9):before{content:"Execution status"}app-dashboard .dashboard-page .product-status-table-wrap td:nth-child(10):before{content:"Next action"}}@media(max-width:480px){app-dashboard .dashboard-page .operation-list-horizontal{grid-template-columns:1fr}}.navigation-child-group{display:grid;gap:2px;margin-top:var(--space-xs)}.navigation-child-group-toggle{align-items:center;background:transparent;border:0;border-radius:var(--radius-2);color:var(--color-text-muted);cursor:pointer;display:flex;font-size:var(--font-caption);font-weight:var(--font-weight-semibold);justify-content:space-between;letter-spacing:.02em;min-height:26px;padding:0 var(--space-sm) 0 28px;text-align:left;text-transform:none;width:100%}.navigation-child-group-toggle:hover,.navigation-child-group-toggle.active{background:var(--color-surface-subtle);color:var(--color-action-primary)}.navigation-child-group-toggle:focus-visible{outline:var(--focus-outline-width) solid var(--color-focus-ring);outline-offset:1px}.navigation-child-group-toggle:disabled,.navigation-child-group-toggle[aria-disabled=true]{cursor:default;opacity:.9}.navigation-child-group-toggle-expanded{transform:rotate(180deg)}.navigation-child-group-panel{display:grid;gap:2px}.navigation-child-group-panel .nav-button{padding-left:28px}.sidebar-collapsed .navigation-child-group-toggle,.sidebar-collapsed .navigation-child-group-panel{display:none}.sidebar-collapsed .sidebar-logo{display:flex;justify-content:center;padding:0}.sidebar-collapsed .sidebar-logo-image{height:36px;object-position:center;width:44px}.sidebar-collapsed .sidebar-logo span{display:none}.app-filter-label{color:var(--text-secondary);display:grid;font-size:var(--font-caption);font-weight:600;gap:6px;min-width:0}.app-filter-control,.app-filter-search{background:var(--surface-color);border:1px solid var(--control-border-color);border-radius:var(--radius-control);color:var(--text-color);min-height:var(--control-height)!important}.app-filter-control{font:inherit;min-width:0;outline:0;padding:0 var(--space-lg);width:100%}.app-filter-search{align-items:center;display:flex;gap:var(--space-md);padding:0 var(--space-lg)}.app-filter-search input{appearance:none;background:transparent;border:0;border-radius:0;box-shadow:none;color:inherit;min-height:0;min-width:0;outline:0;padding:0;width:100%}.app-filter-search input::-webkit-search-cancel-button,.app-filter-search input::-webkit-search-decoration{appearance:none}.app-filter-search input::placeholder{color:var(--text-muted);opacity:1}.app-filter-search input:focus{border:0;box-shadow:none;outline:0}.app-filter-control:focus-visible,.app-filter-search:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--focus-ring);outline:0}.app-filter-search{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;display:block!important;min-height:0;padding:0!important;position:relative;width:100%}.app-filter-search>app-icon{color:var(--text-muted);left:var(--space-lg);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.app-filter-search input{background:var(--control-background)!important;border:1px solid var(--control-border-color)!important;border-radius:var(--radius-control)!important;box-shadow:none!important;color:var(--text-color);min-height:var(--control-height)!important;padding:0 var(--space-lg) 0 44px!important;width:100%}.app-filter-search input:focus-visible{border-color:var(--primary-color)!important;box-shadow:0 0 0 3px var(--focus-ring)!important;outline:0}.app-filter-search:focus-within{border:0!important;box-shadow:none!important}@media(min-width:801px){.sidebar{align-self:start;height:auto;min-height:100vh;overflow:visible;position:sticky;top:0}.sidebar-nav,.sidebar-footer{overflow:visible}}@media(max-width:800px){.sidebar-nav{overflow-y:auto}.sidebar{height:100dvh;min-height:100dvh;overflow:hidden;position:fixed}.sidebar-collapsed .navigation-child-group-toggle{display:flex}.sidebar-collapsed .navigation-child-group-panel{display:grid}}.pagination-actions{display:flex;gap:var(--space-sm)}@property --tw-rotate-x{syntax: "*"; inherits: false;}@property --tw-rotate-y{syntax: "*"; inherits: false;}@property --tw-rotate-z{syntax: "*"; inherits: false;}@property --tw-skew-x{syntax: "*"; inherits: false;}@property --tw-skew-y{syntax: "*"; inherits: false;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: "*"; inherits: false;}@property --tw-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: "*"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: "*"; inherits: false;}@property --tw-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: "*"; inherits: false;}@property --tw-inset-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: "*"; inherits: false;}@property --tw-ring-offset-width{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: "*"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-outline-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-blur{syntax: "*"; inherits: false;}@property --tw-brightness{syntax: "*"; inherits: false;}@property --tw-contrast{syntax: "*"; inherits: false;}@property --tw-grayscale{syntax: "*"; inherits: false;}@property --tw-hue-rotate{syntax: "*"; inherits: false;}@property --tw-invert{syntax: "*"; inherits: false;}@property --tw-opacity{syntax: "*"; inherits: false;}@property --tw-saturate{syntax: "*"; inherits: false;}@property --tw-sepia{syntax: "*"; inherits: false;}@property --tw-drop-shadow{syntax: "*"; inherits: false;}@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}@keyframes pulse{50%{opacity:.5}}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial;--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-outline-style: solid;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial}}}:host{display:block}html:has(app-ui-design-lab){overflow-x:hidden}body:has(app-ui-design-lab){overflow-x:hidden}app-ui-design-lab{display:block;max-width:100%;min-width:0;overflow-x:hidden}.design-lab{--lab-panel-gap: var(--space-4);color:var(--color-text-primary);display:grid;gap:var(--space-8);max-width:1480px;margin:0 auto;min-width:0;overflow-x:clip;padding:var(--space-4) 0 var(--space-12)}.lab-hero,.principles-strip,.foundation-panel,.density-card,.reference-frame{border:1px solid var(--color-border-default);border-radius:var(--radius-4);background:var(--color-surface-primary)}.lab-hero{align-items:end;background:var(--color-surface-primary);border-left:4px solid var(--color-action-primary);display:flex;justify-content:space-between;gap:var(--space-8);min-height:248px;overflow:hidden;padding:var(--space-8)}.hero-copy,.hero-controls{position:relative}.hero-copy{max-width:760px}.lab-eyebrow,.panel-kicker,.showcase-label,.control-label,.type-label{color:var(--color-text-muted);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);letter-spacing:.06em;text-transform:uppercase}.lab-eyebrow{color:var(--color-action-primary);margin:0 0 var(--space-2)}.lab-hero h1{font-size:44px;letter-spacing:0;line-height:var(--line-height-tight);margin:0}.hero-title{color:var(--color-text-secondary);font-size:22px;font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);margin:var(--space-2) 0 0}.hero-description{color:var(--color-text-secondary);font-size:15px;line-height:var(--line-height-relaxed);margin:var(--space-4) 0 0;max-width:560px}.hero-meta{align-items:center;color:var(--color-text-muted);display:flex;flex-wrap:wrap;font-size:var(--font-size-secondary);gap:var(--space-2) var(--space-4);margin-top:var(--space-6)}.internal-marker,.reference-context-note,.cell-with-icon,.lab-footer span{align-items:center;display:inline-flex;gap:var(--space-2)}.internal-marker{background:var(--state-pending-surface);border:1px solid var(--state-pending-border);border-radius:var(--radius-pill);color:var(--state-pending-fg);font-weight:var(--font-weight-semibold);padding:6px 10px}.hero-controls{align-items:flex-end;display:grid;gap:var(--space-2);min-width:174px}.control-label{color:var(--color-text-secondary)}.theme-switcher{background:var(--color-surface-subtle);border:1px solid var(--color-border-strong);border-radius:var(--radius-3);display:flex;padding:3px}.theme-switcher button{align-items:center;background:transparent;border:0;border-radius:var(--radius-2);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font:inherit;font-size:var(--font-size-secondary);gap:6px;min-height:34px;padding:0 10px}.theme-switcher button.active{background:var(--color-surface-primary);box-shadow:var(--elevation-low);color:var(--color-action-primary);font-weight:var(--font-weight-semibold)}.theme-switcher button:focus-visible,.reference-toolbar .search-field:focus-within,.field-grid input:focus-visible,.field-grid select:focus-visible,.field-grid textarea:focus-visible{outline:var(--focus-outline-width) solid var(--color-focus-ring);outline-offset:2px}.principles-strip{background:var(--color-surface-subtle);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:hidden}.principles-strip>div{display:grid;gap:6px;min-height:82px;padding:var(--space-4)}.principles-strip>div+div{border-left:1px solid var(--color-border-default)}.principles-strip strong{color:var(--color-action-primary);font-size:var(--font-size-caption)}.principles-strip span{color:var(--color-text-secondary);font-size:var(--font-size-secondary);line-height:var(--line-height-body)}.lab-section{display:grid;gap:var(--space-4);scroll-margin-top:var(--space-6)}.section-heading{align-items:end;display:flex;gap:var(--space-8);justify-content:space-between}.section-heading h2,.panel-heading h3,.density-card h3,.reference-table-heading h3{color:var(--color-text-primary);letter-spacing:0;line-height:var(--line-height-tight);margin:0}.section-heading h2{font-size:24px}.section-heading>p{color:var(--color-text-secondary);font-size:var(--font-size-secondary);line-height:var(--line-height-relaxed);margin:0;max-width:480px}.foundation-layout,.control-layout{display:grid;gap:var(--lab-panel-gap);grid-template-columns:minmax(0,1.3fr) minmax(340px,.7fr)}.control-layout{grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr)}.foundation-panel,.density-card{min-width:0;padding:var(--space-5)}.foundation-stack{display:grid;gap:var(--lab-panel-gap)}.panel-heading,.density-card-head,.table-toolbar,.reference-table-heading,.table-footer,.reference-footer{align-items:start;display:flex;gap:var(--space-4);justify-content:space-between}.panel-heading,.density-card-head{margin-bottom:var(--space-4)}.panel-heading h3,.density-card h3,.reference-table-heading h3{font-size:16px;margin-top:4px}.panel-note,.reference-count,.density-card code{color:var(--color-text-muted);font-size:var(--font-size-caption)}.token-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.token-card{align-items:start;background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-3);display:flex;gap:10px;min-width:0;padding:10px}.token-swatch{border:1px solid;border-radius:var(--radius-2);flex:0 0 30px;height:30px}.token-card div:last-child{display:grid;gap:3px;min-width:0}.token-card strong{font-size:var(--font-size-secondary)}.token-card code,.surface-example code,.spacing-row code,.state-card code,.table-panel code{color:var(--color-text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px}.token-card span{color:var(--color-text-secondary);font-size:var(--font-size-caption);line-height:var(--line-height-body)}.surface-stack{display:grid;gap:10px}.surface-example{border:1px solid var(--color-border-default);border-radius:var(--radius-3);display:flex;justify-content:space-between;min-height:50px;padding:14px}.surface-example span{font-size:var(--font-size-secondary);font-weight:var(--font-weight-semibold)}.app-surface{background:var(--color-background-app)}.primary-surface{background:var(--color-surface-primary);box-shadow:var(--elevation-low)}.raised-surface{background:var(--color-surface-raised);box-shadow:var(--elevation-medium)}.spacing-list{display:grid;gap:10px}.spacing-row{align-items:center;display:grid;gap:10px;grid-template-columns:70px minmax(0,1fr) 34px}.spacing-bar{background:var(--color-action-primary);border-radius:var(--radius-pill);display:block;height:8px;max-width:160px;min-width:8px}.spacing-row small{color:var(--color-text-muted);font-size:var(--font-size-caption);text-align:right}.typography-panel{display:grid;gap:0}.type-row{align-items:baseline;border-bottom:1px solid var(--color-border-subtle);display:grid;gap:var(--space-4);grid-template-columns:150px minmax(0,1fr);min-height:54px;padding:10px 0}.type-row:last-child{border-bottom:0}.type-page-title{font-size:24px;font-weight:600;line-height:1.2}.type-section-title{font-size:16px;font-weight:600;line-height:1.2}.type-subsection-title{font-size:14px;font-weight:600;line-height:1.3}.type-body{color:var(--color-text-secondary);font-size:13px;line-height:1.45}.type-compact{color:var(--color-text-secondary);font-size:12px}.type-form-label{font-size:12px;font-weight:600}.type-helper,.type-metadata{color:var(--color-text-muted);font-size:11px}.type-table-header{font-size:11px;font-weight:700;text-transform:uppercase}.type-kpi{color:var(--color-action-primary);font-size:24px;font-variant-numeric:tabular-nums;font-weight:700}.button-showcase{display:grid;gap:var(--space-4)}.button-showcase>div{align-items:center;display:flex;gap:var(--space-4);justify-content:space-between}.showcase-label{flex:0 0 72px}.field-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}.field-grid label{display:grid;gap:6px}.field-grid label>span{color:var(--color-text-secondary);font-size:var(--font-size-secondary);font-weight:var(--font-weight-semibold)}.field-grid b{color:var(--state-danger-fg)}.field-grid input,.field-grid select,.field-grid textarea,.reference-toolbar input,.reference-toolbar select{background:var(--color-surface-primary);border:1px solid var(--color-border-strong);border-radius:var(--radius-2);color:var(--color-text-primary);font:inherit;min-height:var(--control-height-standard);min-width:0;padding:0 10px}.field-grid textarea{min-height:84px;padding:10px;resize:vertical}.field-grid small{color:var(--color-text-muted);font-size:var(--font-size-caption)}.field-wide{grid-column:1 / -1}.invalid-field input{border-color:var(--state-danger-fg)}.invalid-field small{color:var(--state-danger-fg)}.readonly-field input{background:var(--color-surface-subtle)}.disabled-field{opacity:.65}.state-grid,.safety-grid,.feedback-grid{display:grid;gap:10px;grid-template-columns:repeat(5,minmax(0,1fr))}.state-card,.safety-card,.feedback-card{background:var(--color-surface-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-3);min-width:0;padding:var(--space-4)}.state-card{border-top:3px solid var(--state-neutral-border)}.state-card[data-tone=info]{border-top-color:var(--state-info-border)}.state-card[data-tone=success]{border-top-color:var(--state-success-border)}.state-card[data-tone=warning]{border-top-color:var(--state-warning-border)}.state-card[data-tone=critical]{border-top-color:var(--state-danger-border)}.state-card[data-tone=blocked]{border-top-color:var(--state-blocked-border)}.state-card[data-tone=pending]{border-top-color:var(--state-pending-border)}.state-card[data-tone=attention]{border-top-color:var(--state-attention-border)}.state-card[data-tone=historical]{border-top-color:var(--state-historical-border)}.state-card[data-tone=disabled]{border-top-color:var(--state-disabled-border)}.state-card-head{align-items:center;display:flex;gap:8px;min-height:26px}.state-card p,.safety-card p,.comparison-card p,.feedback-card p{color:var(--color-text-secondary);font-size:var(--font-size-secondary);line-height:var(--line-height-relaxed);margin:10px 0 12px}.state-card code{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.safety-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.safety-card{align-items:start;display:flex;gap:10px}.safety-card[data-tone=success]{border-color:var(--state-success-border)}.safety-card[data-tone=pending]{border-color:var(--state-pending-border)}.safety-card[data-tone=critical]{border-color:var(--state-danger-border)}.safety-card[data-tone=blocked]{border-color:var(--state-blocked-border)}.safety-card[data-tone=historical]{border-color:var(--state-historical-border)}.safety-card[data-tone=warning]{border-color:var(--state-warning-border)}.safety-card[data-tone=attention]{border-color:var(--state-attention-border)}.safety-icon,.comparison-icon{align-items:center;background:var(--state-neutral-surface);border:1px solid var(--state-neutral-border);border-radius:var(--radius-2);color:var(--state-neutral-fg);display:flex;flex:0 0 32px;height:32px;justify-content:center}.safety-card[data-tone=success] .safety-icon{background:var(--state-success-surface);border-color:var(--state-success-border);color:var(--state-success-fg)}.safety-card[data-tone=pending] .safety-icon{background:var(--state-pending-surface);border-color:var(--state-pending-border);color:var(--state-pending-fg)}.safety-card[data-tone=critical] .safety-icon{background:var(--state-danger-surface);border-color:var(--state-danger-border);color:var(--state-danger-fg)}.safety-card[data-tone=blocked] .safety-icon{background:var(--state-blocked-surface);border-color:var(--state-blocked-border);color:var(--state-blocked-fg)}.safety-card[data-tone=historical] .safety-icon{background:var(--state-historical-surface);border-color:var(--state-historical-border);color:var(--state-historical-fg)}.safety-card[data-tone=warning] .safety-icon{background:var(--state-warning-surface);border-color:var(--state-warning-border);color:var(--state-warning-fg)}.safety-card[data-tone=attention] .safety-icon{background:var(--state-attention-surface);border-color:var(--state-attention-border);color:var(--state-attention-fg)}.safety-card-head{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.safety-card-head strong{font-size:var(--font-size-secondary)}.comparison-grid{display:grid;gap:var(--lab-panel-gap);grid-template-columns:repeat(3,minmax(0,1fr))}.comparison-card{align-items:start;background:var(--state-warning-surface);border:1px solid var(--state-warning-border);border-radius:var(--radius-3);color:var(--state-warning-fg);display:flex;gap:var(--space-3);padding:var(--space-5)}.comparison-card[data-tone=critical]{background:var(--state-danger-surface);border-color:var(--state-danger-border);color:var(--state-danger-fg)}.comparison-card[data-tone=blocked]{background:var(--state-blocked-surface);border-color:var(--state-blocked-border);color:var(--state-blocked-fg)}.comparison-card h3{color:var(--color-text-primary);font-size:15px;line-height:var(--line-height-body);margin:4px 0 0}.comparison-card p{color:var(--color-text-secondary);margin-bottom:0}.density-grid{display:grid;gap:var(--lab-panel-gap);grid-template-columns:repeat(3,minmax(0,1fr))}.density-card{box-shadow:var(--elevation-low)}.compact-density{border-top:3px solid var(--state-info-border)}.default-density{border-top:3px solid var(--state-success-border)}.comfortable-density{border-top:3px solid var(--state-warning-border)}.density-list{border:1px solid var(--color-border-subtle);border-radius:var(--radius-3);overflow:hidden}.density-list>div{align-items:center;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) minmax(100px,.8fr) auto;min-height:36px;padding:0 10px}.default-density .density-list>div{min-height:44px}.comfortable-density .review-summary{background:var(--state-warning-surface);border:1px solid var(--state-warning-border);border-radius:var(--radius-3);display:grid;gap:8px;padding:var(--space-5)}.review-summary span{color:var(--state-warning-fg);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);text-transform:uppercase}.review-summary strong{font-size:15px}.review-summary small{color:var(--color-text-secondary);font-size:var(--font-size-secondary);line-height:var(--line-height-relaxed)}.table-panel{overflow:hidden;padding:0}.table-toolbar,.reference-table-heading{padding:var(--space-5)}.toolbar-actions,.table-footer>div,.reference-footer>div{display:flex;gap:var(--space-2)}.table-scroll{contain:paint;overflow-x:auto}table{border-collapse:collapse;min-width:1080px;width:100%}th,td{border-top:1px solid var(--color-border-subtle);padding:10px 12px;text-align:left;vertical-align:middle}th{background:var(--color-surface-subtle);color:var(--color-text-secondary);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}td{color:var(--color-text-secondary);font-size:var(--font-size-secondary)}td strong{color:var(--color-text-primary);display:block;font-weight:var(--font-weight-semibold)}td small{color:var(--color-text-muted);display:block;font-size:var(--font-size-caption);margin-top:3px}td code{color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.numeric{font-variant-numeric:tabular-nums;text-align:right}tbody tr{transition:background-color var(--motion-fast) ease}tbody tr:hover,.selected-row{background:var(--color-surface-selected)}.table-footer,.reference-footer{align-items:center;border-top:1px solid var(--color-border-subtle);color:var(--color-text-muted);font-size:var(--font-size-caption);padding:var(--space-3) var(--space-5)}.empty-preview{align-items:center;background:var(--color-surface-subtle);border-top:1px solid var(--color-border-default);color:var(--color-text-secondary);display:flex;gap:var(--space-3);justify-content:center;padding:var(--space-5)}.empty-preview>div{display:grid;gap:3px}.empty-preview strong{color:var(--color-text-primary);font-size:var(--font-size-secondary)}.empty-preview span{font-size:var(--font-size-caption)}.feedback-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feedback-card{align-items:flex-start;display:flex;gap:10px}.feedback-card>app-icon{color:var(--state-info-fg)}.feedback-card[data-tone=success]>app-icon{color:var(--state-success-fg)}.feedback-card[data-tone=warning]>app-icon{color:var(--state-warning-fg)}.feedback-card[data-tone=error]>app-icon{color:var(--state-danger-fg)}.feedback-card[data-tone=readonly]>app-icon{color:var(--state-historical-fg)}.feedback-card strong{font-size:var(--font-size-secondary)}.feedback-card p{margin:4px 0 0}.context-grid{display:grid;gap:var(--lab-panel-gap);grid-template-columns:repeat(4,minmax(0,1fr))}.reference-section{border-top:1px solid var(--color-border-subtle);padding-top:var(--space-8)}.reference-frame{background:var(--color-background-app);box-shadow:var(--elevation-medium);display:grid;gap:var(--space-4);min-width:0;padding:var(--space-5);width:100%}.reference-frame>*,.foundation-panel,.table-scroll{min-width:0}.reference-frame app-page-header{margin-bottom:0}.reference-context{align-items:center;display:grid;gap:var(--space-4);grid-template-columns:minmax(0,1fr) auto}.reference-context-note{color:var(--state-success-fg);font-size:var(--font-size-caption);justify-self:end}.reference-toolbar{align-items:center;display:grid;gap:var(--space-2);grid-template-columns:minmax(220px,1fr) 180px 160px auto}.reference-toolbar .search-field{align-items:center;background:var(--color-surface-primary);border:1px solid var(--color-border-strong);border-radius:var(--radius-2);color:var(--color-text-muted);display:flex;gap:8px;min-height:var(--control-height-standard);padding-left:10px}.reference-toolbar input{border:0;outline:0;padding-left:0;width:100%}.reference-toolbar select{width:100%}.attention-strip{background:var(--color-surface-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-3);display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(170px,auto);overflow:hidden}.attention-strip>div{align-items:center;display:flex;gap:10px;min-height:72px;padding:12px 16px}.attention-strip>div+div{border-left:1px solid var(--color-border-subtle)}.attention-number{color:var(--state-attention-fg);font-size:22px;font-variant-numeric:tabular-nums;font-weight:var(--font-weight-bold)}.attention-number.warning{color:var(--state-warning-fg)}.attention-number.blocked{color:var(--state-blocked-fg)}.attention-strip b,.attention-strip small{display:block}.attention-strip b{font-size:var(--font-size-secondary)}.attention-strip small,.attention-last span,.attention-last strong{color:var(--color-text-muted);font-size:var(--font-size-caption)}.attention-last{display:grid!important;gap:3px;justify-content:end}.attention-last strong{color:var(--color-text-secondary)}.reference-table-heading{align-items:end;padding:0}.reference-table-scroll{border:1px solid var(--color-border-default);border-radius:var(--radius-3)}.lab-footer{align-items:center;border-top:1px solid var(--color-border-default);color:var(--color-text-muted);display:flex;font-size:var(--font-size-caption);justify-content:space-between;padding-top:var(--space-4)}.lab-footer span:first-child{color:var(--state-success-fg)}.visually-hidden{clip:rect(0,0,0,0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@media(max-width:1200px){.state-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.safety-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.context-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1024px){.design-lab{gap:var(--space-6)}.foundation-layout,.control-layout{grid-template-columns:1fr}.state-grid,.safety-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.density-grid,.comparison-grid{grid-template-columns:1fr}.reference-toolbar{grid-template-columns:minmax(0,1fr) repeat(2,minmax(140px,.5fr)) auto}}@media(max-width:768px){.design-lab{padding:0 0 var(--space-8)}.lab-hero{align-items:start;flex-direction:column;min-height:auto;padding:var(--space-6)}.hero-controls{align-items:start}.principles-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.principles-strip>div:nth-child(odd){border-left:0}.principles-strip>div:nth-child(n+3){border-top:1px solid var(--color-border-default)}.section-heading{align-items:start;display:grid;gap:var(--space-2)}.token-grid,.field-grid,.state-grid,.safety-grid,.feedback-grid,.context-grid{grid-template-columns:1fr}.type-row{grid-template-columns:1fr;gap:6px}.reference-context,.reference-toolbar{grid-template-columns:1fr}.reference-context-note{justify-self:start}.attention-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.attention-strip>div:nth-child(3){border-left:0;border-top:1px solid var(--color-border-subtle)}.attention-last{border-top:1px solid var(--color-border-subtle)}.lab-footer{align-items:start;display:grid;gap:8px}}@media(max-width:480px){.lab-hero h1{font-size:34px}.principles-strip,.attention-strip{grid-template-columns:1fr}.principles-strip>div,.principles-strip>div:nth-child(n+3),.attention-strip>div,.attention-strip>div:nth-child(3){border-left:0;border-top:1px solid var(--color-border-default)}.principles-strip>div:first-child,.attention-strip>div:first-child{border-top:0}.button-showcase>div{align-items:start;display:grid;gap:8px;justify-items:start}.empty-preview{align-items:start;flex-wrap:wrap;justify-content:start}}.shell-reference-controls{align-items:center;display:flex;gap:var(--space-6);justify-content:space-between}.shell-placement-control,.shell-state-actions{display:grid;gap:var(--space-2)}.shell-state-actions{display:flex;flex-wrap:wrap;justify-content:flex-end}.shell-reference-frame{background:var(--color-background-app);border:1px solid var(--color-border-default);border-radius:var(--radius-4);display:grid;grid-template-columns:220px minmax(0,1fr);min-height:560px;overflow:hidden;position:relative}.shell-reference-frame.shell-reference-collapsed{grid-template-columns:68px minmax(0,1fr)}.shell-reference-sidebar{background:var(--color-surface-primary);border-right:1px solid var(--color-border-default);display:flex;flex-direction:column;min-width:0}.shell-reference-brand{align-items:center;border-bottom:1px solid var(--color-border-default);color:var(--color-text-primary);display:flex;gap:var(--space-2);min-height:58px;padding:0 var(--space-4)}.shell-reference-brand button{align-items:center;background:transparent;border:0;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;height:32px;justify-content:center;margin-left:auto;width:32px}.shell-reference-sidebar nav{display:grid;gap:var(--space-2);overflow:auto;overflow-x:hidden;padding:var(--space-3) var(--space-2)}.shell-reference-quick-action{border-bottom:1px solid var(--color-border-subtle);display:grid;gap:2px;padding-bottom:var(--space-2)}.shell-reference-utility-label{color:var(--color-text-muted);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);letter-spacing:.04em;padding:var(--space-2) var(--space-2) var(--space-1);text-transform:uppercase}.shell-reference-nav-section,.shell-reference-section-panel{display:grid;gap:2px}.shell-reference-section-label{align-items:center;background:transparent;border:0;color:var(--color-text-muted);cursor:pointer;display:flex;font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);letter-spacing:.04em;padding:var(--space-2) var(--space-2) var(--space-1);text-align:left;text-transform:uppercase;width:100%}.shell-reference-section-label:hover{color:var(--color-action-primary)}.shell-reference-section-label:focus-visible{outline:var(--focus-outline-width) solid var(--color-focus-ring);outline-offset:-1px}.shell-reference-section-label app-icon{margin-left:auto}.shell-reference-section-expanded{transform:rotate(180deg)}.shell-reference-nav-group{display:grid;gap:2px}.shell-reference-nav-group>button,.shell-reference-subnav button,.shell-reference-quick-action button{align-items:center;background:transparent;border:0;border-radius:var(--radius-2);color:var(--color-text-secondary);cursor:pointer;display:flex;font:inherit;gap:var(--space-2);min-height:34px;padding:0 var(--space-2);text-align:left;width:100%}.shell-reference-nav-group>button span,.shell-reference-sidebar-footer span span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell-reference-nav-group>button app-icon:last-child{margin-left:auto}.shell-reference-nav-group>button:hover,.shell-reference-nav-group>button.active,.shell-reference-subnav button.active,.shell-reference-quick-action button.active{background:var(--color-surface-selected);color:var(--color-action-primary)}.shell-reference-subnav{border-left:1px solid var(--color-border-strong);display:grid;gap:2px;margin-left:var(--space-4);padding-left:var(--space-2)}.shell-reference-subnav button{font-size:var(--font-size-secondary);min-height:30px}.shell-reference-sidebar-footer{border-top:1px solid var(--color-border-default);display:grid;gap:var(--space-1);margin-top:auto;padding:var(--space-3) var(--space-2)}.shell-reference-sidebar-footer>span{align-items:center;color:var(--color-text-secondary);display:flex;gap:var(--space-2);min-height:30px;padding:0 var(--space-2)}.shell-reference-workspace{min-width:0;position:relative}.shell-reference-topbar{align-items:center;background:var(--color-surface-primary);border-bottom:1px solid var(--color-border-default);display:flex;gap:var(--space-3);min-height:62px;padding:var(--space-2) var(--space-4);position:relative}.shell-reference-topbar app-operational-context{flex:1 1 auto;min-width:0}.shell-reference-mobile-toggle{align-items:center;background:transparent;border:1px solid var(--color-border-default);border-radius:var(--radius-2);color:var(--color-text-secondary);cursor:pointer;display:none;height:36px;justify-content:center;width:36px}.shell-reference-topbar-actions{align-items:center;display:flex;flex:0 0 auto;gap:var(--space-2)}.shell-reference-icon-button,.shell-reference-user-button{align-items:center;background:var(--color-surface-subtle);border:1px solid var(--color-border-default);border-radius:var(--radius-2);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;gap:var(--space-1);height:36px;justify-content:center;padding:0 var(--space-2)}.shell-reference-icon-button{position:relative;width:36px}.shell-reference-icon-button b{background:var(--state-danger-fg);border:2px solid var(--color-surface-primary);border-radius:var(--radius-pill);color:var(--color-text-inverse);font-size:9px;min-width:17px;padding:2px 3px;position:absolute;right:-6px;top:-6px}.shell-reference-user-button span:first-child{align-items:center;background:var(--color-surface-selected);border-radius:var(--radius-pill);color:var(--color-action-primary);display:inline-flex;font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);height:24px;justify-content:center;width:24px}.shell-reference-user-name{color:var(--color-text-primary);font-size:var(--font-size-secondary)}.shell-reference-popover{background:var(--color-surface-raised);border:1px solid var(--color-border-default);border-radius:var(--radius-3);box-shadow:var(--elevation-medium);display:grid;gap:var(--space-2);padding:var(--space-4);position:absolute;right:var(--space-4);top:calc(100% + var(--space-2));width:min(320px,calc(100% - var(--space-8)));z-index:var(--layer-popover)}.shell-reference-popover span{color:var(--color-text-secondary);font-size:var(--font-size-secondary)}.shell-reference-popover button{background:transparent;border:0;color:var(--color-action-primary);cursor:pointer;font:inherit;justify-self:start;padding:0}.shell-reference-page{padding:var(--space-6)}.shell-reference-page-scope{align-items:center;background:var(--state-info-surface);border:1px solid var(--state-info-border);border-radius:var(--radius-3);color:var(--state-info-fg);display:flex;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}.shell-reference-content{background:var(--color-surface-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-3);display:grid;gap:var(--space-4);padding:var(--space-4)}.shell-reference-content h3{color:var(--color-text-primary);font-size:var(--font-size-section-title);margin:var(--space-1) 0 0}.shell-reference-table-lines{display:grid;gap:var(--space-2)}.shell-reference-table-lines span{background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2);display:block;height:30px}.shell-reference-collapsed .shell-reference-brand strong,.shell-reference-collapsed .shell-reference-brand button,.shell-reference-collapsed .shell-reference-utility-label,.shell-reference-collapsed .shell-reference-quick-action button span,.shell-reference-collapsed .shell-reference-nav-group>button span,.shell-reference-collapsed .shell-reference-nav-group>button app-icon:last-child,.shell-reference-collapsed .shell-reference-subnav,.shell-reference-collapsed .shell-reference-section-label,.shell-reference-collapsed .shell-reference-sidebar-footer span span{display:none}.shell-reference-collapsed .shell-reference-brand,.shell-reference-collapsed .shell-reference-quick-action button,.shell-reference-collapsed .shell-reference-nav-group>button,.shell-reference-collapsed .shell-reference-sidebar-footer>span{justify-content:center}.shell-reference-mobile-open .shell-reference-sidebar{box-shadow:var(--elevation-overlay)}@media(max-width:900px){.shell-reference-controls{align-items:start;display:grid}.shell-state-actions{justify-content:start}.shell-reference-frame,.shell-reference-frame.shell-reference-collapsed{grid-template-columns:1fr}.shell-reference-sidebar{inset:0 auto 0 0;position:absolute;transform:translate(-105%);transition:transform var(--motion-normal) ease;width:min(260px,84%);z-index:var(--layer-drawer)}.shell-reference-mobile-open .shell-reference-sidebar{transform:translate(0)}.shell-reference-mobile-toggle{display:inline-flex}.shell-reference-collapsed .shell-reference-sidebar{width:min(260px,84%)}.shell-reference-collapsed .shell-reference-brand strong,.shell-reference-collapsed .shell-reference-brand button,.shell-reference-collapsed .shell-reference-utility-label,.shell-reference-collapsed .shell-reference-quick-action button span,.shell-reference-collapsed .shell-reference-nav-group>button span,.shell-reference-collapsed .shell-reference-nav-group>button app-icon:last-child,.shell-reference-collapsed .shell-reference-subnav,.shell-reference-collapsed .shell-reference-section-label,.shell-reference-collapsed .shell-reference-sidebar-footer span span{display:inline-flex}.shell-reference-collapsed .shell-reference-brand,.shell-reference-collapsed .shell-reference-quick-action button,.shell-reference-collapsed .shell-reference-nav-group>button,.shell-reference-collapsed .shell-reference-sidebar-footer>span{justify-content:initial}}@media(max-width:640px){.shell-reference-topbar{padding-inline:var(--space-3)}.shell-reference-user-name,.shell-reference-topbar .route-scope-label{display:none}.shell-reference-page{padding:var(--space-4)}.shell-reference-page-scope{align-items:flex-start}}.component-gallery-section{display:grid;gap:var(--space-6)}.gallery-section{display:grid;gap:var(--space-4)}.gallery-section-heading{align-items:baseline;display:flex;gap:var(--space-4);justify-content:space-between}.gallery-section-heading h3,.gallery-form-panel h4{color:var(--color-text-primary);font-size:var(--font-size-section-title);margin:3px 0 0}.gallery-note,.gallery-state-label{color:var(--color-text-muted);font-size:var(--font-caption)}.gallery-stack{display:grid;gap:var(--space-4)}.gallery-status-grid,.gallery-system-state-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(5,minmax(0,1fr))}.gallery-status-item,.gallery-system-state-grid article{display:grid;gap:var(--space-2);min-width:0}.gallery-status-item{background:var(--color-surface-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-3);padding:var(--space-3)}.gallery-status-item p{color:var(--color-text-secondary);font-size:var(--font-caption);line-height:1.4;margin:0}.gallery-system-state-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-system-state-grid .system-state{min-height:154px}.gallery-two-column{align-items:start;display:grid;gap:var(--space-4);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.gallery-form-panel{display:grid;gap:var(--space-4);padding:var(--space-4)}.gallery-form-panel h4{margin:0}.gallery-inline-field{display:grid;gap:4px;min-width:min(240px,100%)}.gallery-inline-field span{color:var(--color-text-secondary);font-size:var(--font-caption);font-weight:700}.gallery-inline-field input,.gallery-inline-field select{background:var(--color-surface-primary);border:1px solid var(--color-border-strong);border-radius:var(--radius-2);color:var(--color-text-primary);min-height:var(--control-height-compact);padding:0 9px}.gallery-table-wrap,.gallery-table-wrap .data-table{min-width:720px}.gallery-table-wrap td small,.gallery-table-wrap td strong{display:block}.gallery-table-wrap td small{color:var(--color-text-secondary);font-size:var(--font-caption);margin-top:2px}.gallery-pagination,.gallery-action-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.gallery-pagination{justify-content:space-between}.gallery-pagination>div{display:flex;gap:var(--space-2)}.gallery-overlay-copy{display:grid;gap:var(--space-4)}.gallery-overlay-copy p{color:var(--color-text-secondary);line-height:1.5;margin:0}.gallery-review-state-actions{justify-content:flex-end}@media(max-width:1100px){.gallery-status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-system-state-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.gallery-section-heading{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.gallery-status-grid,.gallery-system-state-grid,.gallery-two-column{grid-template-columns:1fr}.gallery-pagination{align-items:flex-start;flex-direction:column}}.visual-direction-section{gap:var(--space-5)}.visual-direction-topic-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr))}.visual-direction-topic,.visual-direction-surface,.visual-direction-subpanel,.visual-direction-priority,.visual-direction-kpi-card{background:var(--color-surface-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-3);box-shadow:var(--elevation-low)}.visual-direction-topic{align-items:flex-start;display:flex;gap:var(--space-3);min-width:0;padding:var(--space-4)}.visual-direction-topic>app-icon{color:var(--color-action-primary);margin-top:2px}.visual-direction-topic h3,.visual-direction-surface-heading h3,.visual-direction-section-heading h4{color:var(--color-text-primary);letter-spacing:0;line-height:var(--line-height-tight);margin:0}.visual-direction-topic h3{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}.visual-direction-topic p,.visual-direction-demo-note,.visual-direction-kpi-detail,.visual-direction-stage-row span,.visual-direction-color-control small{color:var(--color-text-secondary);font-size:var(--font-size-secondary);line-height:var(--line-height-body)}.visual-direction-topic p{margin:4px 0 0}.visual-direction-reference-list{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.visual-direction-reference-chip{background:var(--color-surface-subtle);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);color:var(--color-text-secondary);font-size:var(--font-caption);font-weight:var(--font-weight-semibold);padding:6px 10px}.visual-direction-surface{display:grid;gap:var(--space-3);min-width:0;padding:var(--space-4)}.visual-direction-surface>*,.visual-direction-surface app-table-shell{min-width:0}.visual-direction-surface-heading{align-items:baseline;display:flex;gap:var(--space-4);justify-content:space-between}.visual-direction-surface-heading h3{font-size:18px;margin-top:4px}.visual-direction-section-heading{align-items:baseline;display:flex;gap:var(--space-3);justify-content:space-between}.visual-direction-section-heading h4{font-size:var(--font-size-section-title);font-weight:var(--font-weight-semibold);margin-top:3px}.visual-direction-section-heading p{color:var(--color-text-secondary);font-size:var(--font-size-secondary);line-height:var(--line-height-body);margin:4px 0 0;max-width:540px}.visual-direction-page-header{align-items:flex-start;border-bottom:1px solid var(--color-border-default);display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;padding:0 0 var(--space-3)}.visual-direction-page-header>div:first-child{min-width:0}.visual-direction-page-header h3{color:var(--color-text-primary);font-size:var(--font-size-page-title);font-weight:var(--font-weight-semibold);letter-spacing:0;line-height:var(--line-height-tight);margin:0}.visual-direction-page-header p{color:var(--color-text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-body);margin:var(--space-1) 0 0;max-width:640px}.visual-direction-overview-header{padding-bottom:var(--space-2)}.visual-direction-page-actions{align-items:center;align-self:flex-start;display:flex;flex:0 0 auto;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-end;max-width:100%}.visual-direction-summary-strip{background:var(--color-surface-raised);border:1px solid var(--color-border-strong);border-radius:var(--radius-3);box-shadow:var(--elevation-low);display:grid;gap:var(--space-2);padding:var(--space-3)}.visual-direction-summary-strip h4,.visual-direction-position-section>h4{color:var(--color-text-primary);font-size:var(--font-size-section-title);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0}.visual-direction-summary-grid{display:grid;gap:0;grid-template-columns:repeat(6,minmax(0,1fr))}.visual-direction-summary-metric{align-items:center;border-right:1px solid var(--color-border-subtle);display:flex;gap:var(--space-2);min-width:0;padding:var(--space-2) var(--space-3)}.visual-direction-summary-metric:last-child{border-right:0}.visual-direction-summary-icon{align-items:center;background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2);color:var(--color-text-secondary);display:inline-flex;flex:0 0 auto;height:28px;justify-content:center;width:28px}.visual-direction-summary-metric[data-tone=critical] .visual-direction-summary-icon,.visual-direction-summary-metric[data-tone=warning] .visual-direction-summary-icon{color:var(--state-warning-fg)}.visual-direction-summary-metric[data-tone=info] .visual-direction-summary-icon,.visual-direction-summary-metric[data-tone=pending] .visual-direction-summary-icon{color:var(--state-info-fg)}.visual-direction-summary-metric>div{display:grid;gap:2px;min-width:0}.visual-direction-summary-metric strong{color:var(--color-text-primary);font-family:DM Mono,ui-monospace,monospace;font-size:18px;line-height:1}.visual-direction-summary-metric span,.visual-direction-summary-metric small{color:var(--color-text-secondary);line-height:var(--line-height-body)}.visual-direction-summary-metric span{font-size:var(--font-size-secondary);font-weight:var(--font-weight-semibold)}.visual-direction-summary-metric small{font-size:var(--font-caption)}.visual-direction-position-section{display:grid;gap:var(--space-2)}.visual-direction-position-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr))}.visual-direction-position-card{background:var(--color-surface-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-3);box-shadow:var(--elevation-low);display:grid;gap:5px;min-width:0;padding:var(--space-3)}.visual-direction-position-card .visual-direction-icon{height:26px;width:26px}.visual-direction-position-card .visual-direction-kpi-value{font-size:22px;margin-top:2px}.visual-direction-position-card .visual-direction-kpi-detail{min-height:0}.visual-direction-kpi-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr))}.visual-direction-kpi-card{display:grid;gap:var(--space-2);min-width:0;padding:var(--space-4)}.visual-direction-kpi-top{align-items:center;display:flex;justify-content:space-between}.visual-direction-icon{align-items:center;background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2);color:var(--color-action-primary);display:inline-flex;height:30px;justify-content:center;width:30px}.visual-direction-kpi-label,.visual-direction-field-label{color:var(--color-text-secondary);font-size:var(--font-size-secondary);font-weight:var(--font-weight-medium)}.visual-direction-kpi-value{color:var(--color-text-primary);font-family:DM Mono,ui-monospace,monospace;font-size:25px;font-weight:var(--font-weight-semibold);line-height:1}.visual-direction-kpi-detail{min-height:34px}.visual-direction-overview-grid,.visual-direction-settings-grid{align-items:start;display:grid;gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.visual-direction-subpanel,.visual-direction-priority{display:grid;gap:var(--space-3);min-width:0;padding:var(--space-3)}.visual-direction-stage-list{display:grid;gap:var(--space-2)}.visual-direction-stage-row,.visual-direction-queue-row,.visual-direction-action-row{align-items:center;display:flex;gap:var(--space-3);min-height:44px}.visual-direction-stage-row{border-bottom:1px solid var(--color-border-subtle);padding-bottom:var(--space-2)}.visual-direction-stage-row:last-child{border-bottom:0;padding-bottom:0}.visual-direction-stage-row>div{display:grid;gap:3px;min-width:0}.visual-direction-stage-row>div,.visual-direction-queue-row>div{flex:1 1 auto;min-width:0}.visual-direction-stage-row strong,.visual-direction-queue-row span{color:var(--color-text-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}.visual-direction-queue-row{border-top:1px solid var(--color-border-subtle);display:grid;grid-template-columns:minmax(0,1fr) auto auto;min-height:40px;padding:var(--space-2) 0}.visual-direction-queue-row>div{display:grid;gap:2px}.visual-direction-queue-row>div span{color:var(--color-text-secondary);font-size:var(--font-caption)}.visual-direction-queue-row strong{font-size:var(--font-size-secondary)}.visual-direction-queue-list{display:grid}.visual-direction-priority-heading{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between}.visual-direction-priority-heading h4{color:var(--color-text-primary);font-size:var(--font-size-section-title);font-weight:var(--font-weight-semibold);margin:0}.visual-direction-priority-heading p{color:var(--color-text-secondary);font-size:var(--font-size-secondary);margin:4px 0 0}.visual-direction-action-row{flex-wrap:wrap}.visual-direction-action-row>span{align-items:center;color:var(--color-text-secondary);display:inline-flex;flex:1 1 320px;font-size:var(--font-size-secondary);gap:var(--space-2)}.visual-direction-action-row>span app-icon{color:var(--state-warning-fg)}.visual-direction-form-grid{display:grid;gap:var(--space-3) var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}.visual-direction-form-grid-single{grid-template-columns:1fr}.visual-direction-form-grid ::ng-deep input,.visual-direction-form-grid ::ng-deep select,.visual-direction-color-row input{background:var(--color-surface-primary);border:1px solid var(--color-border-strong);border-radius:var(--radius-2);color:var(--color-text-primary);min-height:var(--control-height-standard);padding:0 10px}.visual-direction-form-grid ::ng-deep input:focus-visible,.visual-direction-form-grid ::ng-deep select:focus-visible,.visual-direction-color-row input:focus-visible{border-color:var(--color-action-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-focus-ring) 28%,transparent);outline:0}.visual-direction-color-control,.visual-direction-live-preview{display:grid;gap:var(--space-2)}.visual-direction-color-options{align-items:center;display:flex;gap:var(--space-2);min-height:var(--control-height-standard)}.visual-direction-color-row{align-items:center;display:grid;gap:var(--space-2);grid-template-columns:auto minmax(0,1fr)}.visual-direction-color-swatch{background:var(--color-action-primary);border:2px solid var(--color-surface-primary);border-radius:var(--radius-pill);box-shadow:0 0 0 1px var(--color-border-strong);cursor:pointer;height:24px;width:24px}.visual-direction-color-swatch.active{box-shadow:0 0 0 2px var(--color-focus-ring),0 0 0 3px var(--color-action-primary)}.visual-direction-color-swatch.teal{background:var(--state-info-fg)}.visual-direction-color-swatch.slate{background:var(--color-text-secondary)}.visual-direction-live-preview{border-top:1px solid var(--color-border-subtle);padding-top:var(--space-3)}.visual-direction-mini-preview{align-items:center;background:var(--color-surface-subtle);border:1px solid var(--color-border-default);border-radius:var(--radius-2);display:grid;grid-template-columns:92px minmax(0,1fr);min-height:76px;overflow:hidden}.visual-direction-mini-preview aside{align-self:stretch;background:var(--sidebar-color);color:var(--color-text-inverse);display:grid;gap:var(--space-2);padding:var(--space-3)}.visual-direction-mini-preview aside span{align-items:center;background:color-mix(in srgb,var(--color-text-inverse) 13%,transparent);border-radius:var(--radius-2);display:inline-flex;height:22px;justify-content:center;width:22px}.visual-direction-mini-preview aside b,.visual-direction-mini-preview aside i{background:color-mix(in srgb,var(--color-text-inverse) 22%,transparent);border-radius:var(--radius-pill);display:block;height:6px}.visual-direction-mini-preview aside i{opacity:.55;width:62%}.visual-direction-mini-preview main{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between;padding:var(--space-3)}.visual-direction-mini-preview main div{display:grid;flex:1 1 auto;gap:var(--space-2)}.visual-direction-mini-preview main span{background:var(--color-border-default);border-radius:var(--radius-pill);display:block;height:7px}.visual-direction-mini-preview main span:first-child{background:var(--color-text-secondary);max-width:180px}.visual-direction-compact-toolbar{align-items:end;display:grid;gap:var(--space-2);grid-template-columns:minmax(220px,1fr) minmax(180px,.35fr) auto}.visual-direction-search-field,.visual-direction-select-field{display:grid;gap:5px;min-width:0}.visual-direction-search-field{align-items:center;background:var(--color-surface-primary);border:1px solid var(--color-border-strong);border-radius:var(--radius-2);color:var(--color-text-muted);display:flex;min-height:var(--control-height-compact);padding:0 var(--space-2)}.visual-direction-search-field input{background:transparent;border:0;color:var(--color-text-primary);flex:1 1 auto;min-height:calc(var(--control-height-compact) - 2px);min-width:0;outline:0;padding:0}.visual-direction-search-field:focus-within{border-color:var(--color-border-focus);outline:var(--focus-outline-width) solid var(--color-focus-ring);outline-offset:2px}.visual-direction-select-field span{color:var(--color-text-secondary);font-size:var(--font-caption);font-weight:var(--font-weight-medium)}.visual-direction-select-field select{background:var(--color-surface-primary);border:1px solid var(--color-border-strong);border-radius:var(--radius-2);color:var(--color-text-primary);min-height:var(--control-height-compact);padding:0 9px}.visual-direction-filter-chips{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.visual-direction-filter-chips button:not(.app-button){align-items:center;background:color-mix(in srgb,var(--color-surface-selected) 62%,var(--color-surface-primary));border:1px solid color-mix(in srgb,var(--color-border-selected) 30%,var(--color-border-default));border-radius:var(--radius-pill);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:var(--font-caption);gap:6px;min-height:26px;padding:0 8px}.visual-direction-filter-chips button:not(.app-button):hover{color:var(--color-action-primary)}.visual-direction-table-wrap{max-width:100%;min-width:0;overflow-x:auto}.visual-direction-table-wrap .data-table{min-width:760px}.visual-direction-table-wrap .data-table th,.visual-direction-table-wrap .data-table td{height:38px;padding:7px 10px}.visual-direction-table-wrap .selected-row{background:color-mix(in srgb,var(--color-surface-selected) 42%,transparent)}.visual-direction-table-wrap ::ng-deep .app-button.icon.sm{min-height:32px;min-width:32px}.visual-direction-table-wrap td small,.visual-direction-table-wrap td strong{display:block}.visual-direction-table-wrap td small{color:var(--color-text-secondary);font-size:var(--font-caption);margin-top:2px}.visual-direction-pagination{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between}.visual-direction-pagination>span{color:var(--color-text-secondary);font-size:var(--font-size-secondary)}.visual-direction-pagination>div{display:flex;gap:var(--space-2)}@media(max-width:1100px){.visual-direction-topic-grid,.visual-direction-kpi-grid,.visual-direction-position-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-direction-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.visual-direction-summary-metric:nth-child(3n){border-right:0}.visual-direction-page-actions{flex:1 1 100%;justify-content:flex-start}.visual-direction-compact-toolbar{grid-template-columns:minmax(220px,1fr) minmax(160px,220px) auto}}@media(max-width:768px){.visual-direction-surface-heading,.visual-direction-section-heading,.visual-direction-page-header,.visual-direction-pagination{align-items:flex-start;flex-direction:column}.visual-direction-page-header{display:grid;grid-template-columns:minmax(0,1fr)}.visual-direction-page-actions{align-self:stretch;justify-content:flex-start;width:100%}.visual-direction-overview-grid,.visual-direction-settings-grid,.visual-direction-form-grid,.visual-direction-kpi-grid,.visual-direction-topic-grid,.visual-direction-position-grid{grid-template-columns:1fr}.visual-direction-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-direction-summary-metric{border-bottom:1px solid var(--color-border-subtle)}.visual-direction-summary-metric:nth-child(3n){border-right:1px solid var(--color-border-subtle)}.visual-direction-summary-metric:nth-child(2n){border-right:0}.visual-direction-summary-metric:nth-last-child(-n+2){border-bottom:0}.visual-direction-priority-heading{align-items:flex-start;flex-direction:column}.visual-direction-compact-toolbar{grid-template-columns:1fr}.visual-direction-mini-preview{grid-template-columns:72px minmax(0,1fr)}}