:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-page:#f7f5f0;--color-surface:#fff;--color-surface-elevated:#fff;--color-text-primary:#20231f;--color-text-secondary:#666961;--color-text-muted:#92958d;--color-text-inverse:#fff;--color-border:#e5e3dd;--color-border-strong:#c9c8bf;--color-input:#faf9f5;--color-brand:#4c6f48;--color-brand-hover:#3f5f3c;--color-brand-soft:#e9efe7;--color-brand-strong:#2f5734;--color-brand-underlay-accent:#4f7d54;--color-brand-underlay-border:#ffffff29;--color-success-bg:#eaf4eb;--color-success-text:#27653a;--color-success-border:#c7ddca;--color-warning-bg:#fbf1d8;--color-warning-text:#775719;--color-danger-bg:#fae8e6;--color-danger-text:#96352f;--color-priority-high-bg:#181a18;--color-priority-high-text:#fff;--color-focus:#4c6f48;--color-focus-ring:#4c6f4842;--color-disabled-bg:#deded7;--color-disabled-text:#96978f;--color-disabled-control:#f0f0eb;--color-priority-normal-text:#354f32;--color-overlay:#1a1c1970;--shadow-card:0 1px 2px #1e201c0d, 0 6px 18px #1e201c08;--shadow-surface:0 2px 6px #1e201c0f;--shadow-elevated:0 18px 50px #1e201c2e;--radius-sm:10px;--radius-md:16px;--radius-lg:26px;--radius-pill:999px;--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;--font-family:"Noto Sans Thai", "Leelawadee UI", "Tahoma", system-ui, -apple-system, sans-serif;--font-page-title:700 1.625rem/1.35 var(--font-family);--font-section-title:700 1.125rem/1.45 var(--font-family);--font-row-primary:700 1.25rem/1.3 var(--font-family);--font-metadata:500 .9375rem/1.5 var(--font-family);--font-label:650 .875rem/1.45 var(--font-family);--font-body:400 1rem/1.6 var(--font-family);--font-helper:400 .8125rem/1.55 var(--font-family);--font-button:700 1rem/1.5 var(--font-family);--touch-min:44px;--touch-primary:56px;--avatar-size:48px;--content-operator:760px;--content-admin:1240px}@media (width>=768px){:root{--font-page-title:700 1.875rem/1.35 var(--font-family);--font-row-primary:700 1.375rem/1.3 var(--font-family)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.card--elevated{background:var(--color-surface-elevated);box-shadow:var(--shadow-surface)}.section-card{padding:var(--space-6)}.list-card{overflow:hidden}.ui-button,.icon-button{color:var(--color-text-primary);cursor:pointer;border:1px solid #0000;transition:background-color .16s,border-color .16s,color .16s,transform .12s}.ui-button:active:not(:disabled),.icon-button:active:not(:disabled){transform:translateY(1px)}.ui-button{overflow-wrap:anywhere;max-width:100%;min-height:var(--touch-primary);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font:var(--font-button)}.ui-button--full{width:100%}.ui-button--primary{background:var(--color-brand);color:var(--color-text-inverse)}.ui-button--primary:hover:not(:disabled){background:var(--color-brand-hover)}.ui-button--secondary,.employee-list button,.numeric-keypad button{background:var(--color-input);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer}@media (hover:hover){.ui-button--secondary:hover:not(:disabled),.employee-list button:hover:not(:disabled),.numeric-keypad button:hover:not(:disabled){border-color:var(--color-border-strong)}}.ui-button--ghost{background:0 0}.ui-button--danger{background:var(--color-danger-text);color:var(--color-text-inverse)}.ui-button--success{background:var(--color-success-text);color:var(--color-text-inverse)}.ui-button:disabled,.icon-button:disabled{background:var(--color-disabled-bg);color:var(--color-disabled-text);cursor:not-allowed;border-color:#0000}.icon-button{width:var(--touch-primary);min-width:var(--touch-min);height:var(--touch-primary);background:var(--color-input);border-color:var(--color-border);border-radius:var(--radius-md);flex:none;place-items:center;padding:0;display:inline-grid}.icon-button--brand{color:var(--color-brand);background:var(--color-brand-soft)}.icon-button.is-active{border-color:var(--color-brand);box-shadow:inset 0 0 0 2px var(--color-brand)}.app-header{justify-content:space-between;align-items:center;gap:var(--space-3);min-width:0;min-height:72px;margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.app-header__identity,.app-header__actions{align-items:center;display:flex}.app-header__identity{gap:var(--space-3);flex:140px;min-width:0}.app-header__actions{gap:var(--space-2);flex:none;min-width:0;margin-inline-start:auto}.app-header__avatar,.employee-avatar{width:var(--avatar-size);height:var(--avatar-size);color:var(--color-brand);background:var(--color-brand-soft);border:1px solid var(--color-border);font:var(--font-section-title);border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.app-header__avatar img{object-fit:cover;width:100%;height:100%}.app-header__titles{min-width:0;display:grid}.app-header__titles strong,.app-header__titles span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-header__titles strong{font:var(--font-section-title)}.app-header__titles span{color:var(--color-text-secondary);font:var(--font-helper)}.app-header .icon-button,.menu-drawer__header .icon-button{color:var(--color-text-secondary);background:0 0;border-color:#0000}@media (width<=540px){.app-header{grid-template-columns:minmax(0, 1fr) var(--touch-min) var(--touch-min);gap:var(--space-1) var(--space-2);display:grid}.app-header__identity{grid-area:1/1}.app-header__actions{display:contents}.app-header__actions>.icon-button{width:var(--touch-min);height:var(--touch-min);grid-row:1}.app-header__actions>.icon-button:last-child{grid-column:3}}.language-switcher{align-items:center;gap:var(--space-1);min-height:var(--touch-min);color:var(--color-text-muted);white-space:nowrap;display:flex}.language-switcher button{min-width:var(--touch-min);min-height:var(--touch-min);padding:var(--space-2);color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;font:var(--font-label);background:0 0;border:0}.language-switcher button[aria-pressed=true]{color:var(--color-brand);font-weight:800}.field{gap:var(--space-2);min-width:0;display:grid}.field__label{color:var(--color-text-primary);font:var(--font-label)}.field__message{color:var(--color-text-secondary);font:var(--font-helper);margin:0}.field--error .field__message{color:var(--color-danger-text)}.ui-input,.search-input{width:100%;min-width:0;min-height:var(--touch-primary);color:var(--color-text-primary);background:var(--color-input);border:1px solid var(--color-border);border-radius:var(--radius-md)}.ui-input{padding:var(--space-3) var(--space-4)}.ui-input::placeholder,.search-input__control::placeholder{color:var(--color-text-muted)}.ui-input:focus,.search-input:focus-within{border-color:var(--color-focus);box-shadow:0 0 0 3px var(--color-focus-ring);outline:none}.field--error .ui-input{border-color:var(--color-danger-text)}.ui-textarea{resize:vertical;min-height:120px}.ui-select{cursor:pointer}.search-input{align-items:center;gap:var(--space-3);padding-inline:var(--space-4);display:flex}.search-input--bare{box-shadow:none;background:0 0;border:0}.search-input__control{width:100%;min-width:0;min-height:calc(var(--touch-primary) - 2px);color:inherit;background:0 0;border:0;outline:0;padding:0}.segmented{min-width:0;padding:var(--space-1);background:var(--color-input);border:1px solid var(--color-border);border-radius:var(--radius-md);grid-auto-columns:1fr;grid-auto-flow:column;margin:0;display:grid}.segmented__option input{opacity:0;position:absolute}.segmented__option span{min-height:var(--touch-min);padding:var(--space-2);border-radius:calc(var(--radius-md) - var(--space-1));cursor:pointer;font:var(--font-label);place-items:center;display:grid}.segmented__option input:checked+span{color:var(--color-brand);background:var(--color-surface);box-shadow:var(--shadow-card)}.segmented__option input:focus-visible+span{outline:3px solid var(--color-focus-ring)}.search-action-bar{--search-action-size:52px;grid-template-columns:minmax(0, 1fr) var(--search-action-size) var(--search-action-size);gap:var(--space-2);min-width:0;padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);display:grid}.search-action-bar--no-scan{grid-template-columns:minmax(0, 1fr) var(--search-action-size)}.search-filter-toolbar{min-width:0;padding-block:var(--space-2);background:var(--color-page)}.search-filter-toolbar--sticky{top:calc(env(safe-area-inset-top,0px) + var(--space-2));z-index:20;align-self:start;position:sticky}.search-filter-toolbar--sticky:before{content:"";inset-inline:0;height:calc(env(safe-area-inset-top,0px) + var(--space-2));background:var(--color-page);pointer-events:none;position:absolute;bottom:100%}.search-filter-toolbar__surface{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.search-filter-toolbar .search-action-bar{box-shadow:none;padding:var(--space-2);border:0}.search-filter-toolbar__panel{gap:var(--space-2);padding:0 var(--space-2) var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.search-filter-toolbar__panel[hidden]{display:none}.search-filter-toolbar__panel .ui-select{padding-inline:var(--space-2)}.search-action-bar>.search-input{gap:var(--space-2);min-width:0;padding-inline:var(--space-3);background:var(--color-input);border:1px solid var(--color-border);border-radius:var(--radius-md)}.search-action-bar .search-input svg{width:22px;height:22px}.search-action-bar .search-input__control{font-size:.875rem}.search-action-bar .icon-button{width:52px;height:52px}.status-tag{width:fit-content;min-height:34px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font:var(--font-label);border:1px solid #0000;align-items:center;display:inline-flex}.status-tag--urgent,.status-tag--danger{color:var(--color-danger-text);background:var(--color-danger-bg)}.status-tag--high{color:var(--color-priority-high-text);background:var(--color-priority-high-bg)}.status-tag--normal,.status-tag--neutral{color:var(--color-priority-normal-text);background:var(--color-brand-soft)}.status-tag--success{color:var(--color-success-text);background:var(--color-success-bg)}.status-tag--pending,.status-tag--warning{color:var(--color-warning-text);background:var(--color-warning-bg)}.summary-card{padding:var(--space-2)}.summary-card__toggle{justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;min-height:76px;padding:var(--space-4);color:var(--color-text-primary);text-align:start;border-radius:calc(var(--radius-lg) - var(--space-2));cursor:pointer;background:0 0;border:0;display:flex}.summary-card__toggle>span{gap:var(--space-2);flex-wrap:wrap;align-items:baseline;display:flex}.summary-card__toggle strong{font:var(--font-section-title)}.summary-card__toggle span span{color:var(--color-text-secondary);font:var(--font-metadata)}.summary-card__grid{gap:var(--space-3);padding:0 var(--space-3) var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.summary-card__tile{min-height:112px;padding:var(--space-4);text-align:center;background:var(--color-input);border:1px solid var(--color-border);border-radius:var(--radius-md);place-items:center;display:grid}.summary-card__tile span{color:var(--color-text-secondary);font:var(--font-label)}.summary-card__tile strong{font:var(--font-page-title)}.summary-card__tile--success{color:var(--color-success-text);background:var(--color-success-bg)}.summary-card__tile--danger{color:var(--color-danger-text);background:var(--color-danger-bg)}.summary-card__tile--warning{color:var(--color-warning-text);background:var(--color-warning-bg)}.production-queue,.priority-group,.priority-group__items{min-width:0;display:grid}.production-queue{gap:var(--space-6)}.priority-group{gap:var(--space-3)}.priority-group__items{gap:var(--space-2)}.queue-item{align-items:center;gap:var(--space-3);width:100%;min-width:0;max-width:100%;min-height:92px;padding:var(--space-4);color:var(--color-text-primary);text-align:start;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto auto;transition:border-color .15s,transform .12s;display:grid}.queue-item:hover{border-color:var(--color-border-strong)}.queue-item:active{transform:scale(.995)}.queue-item__swatch{background:var(--swatch,var(--color-brand-soft));border:1px solid #1e201c1f;border-radius:50%;width:30px;height:30px}.queue-item__identity{gap:var(--space-1);grid-column:2;min-width:0;display:grid}.queue-item__identity strong{font:var(--font-row-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.queue-item__identity span{color:var(--color-text-muted);font:var(--font-metadata);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.queue-item__quantity{font:var(--font-section-title);white-space:nowrap;grid-column:3}.queue-item__chevron{color:var(--color-text-secondary);grid-column:4}.quantity-control{gap:var(--space-2);flex-wrap:wrap;display:flex}.quantity-control__stepper{background:var(--color-input);border:1px solid var(--color-border);border-radius:var(--radius-md);flex:180px;grid-template-columns:52px minmax(56px,1fr) 52px;min-width:min(100%,180px);display:grid;overflow:hidden}.quantity-control button{min-width:var(--touch-primary);min-height:var(--touch-primary);color:var(--color-brand);background:var(--color-input);border:1px solid var(--color-border);cursor:pointer;font:var(--font-button);border-width:0 0 0 1px}.quantity-control button:disabled{color:var(--color-disabled-text);cursor:not-allowed}.quantity-control__stepper button:first-child{border-width:0 1px 0 0}.quantity-control__stepper output{min-height:var(--touch-primary);font:var(--font-row-primary);place-items:center;display:grid}.quantity-control__quick{padding-inline:var(--space-2);border-radius:var(--radius-md);flex:0 0 52px;border-width:1px!important}.swipeable-completion{gap:var(--space-2);display:grid}.swipeable-completion__stack{border-radius:var(--radius-lg);touch-action:pan-y;-webkit-user-select:none;user-select:none;background:0 0;position:relative;overflow:hidden}.swipeable-completion__underlay{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);color:var(--color-text-inverse);background:var(--color-brand-strong);border-radius:inherit;display:flex;position:absolute;inset:0}.swipeable-completion__foreground{z-index:1;cursor:grab;touch-action:pan-y;min-width:100%;transition:transform .24s cubic-bezier(.22,.75,.2,1);position:relative}.swipeable-completion__foreground>.card{min-height:100%}.swipeable-completion__stack.is-dragging .swipeable-completion__foreground{cursor:grabbing;transition:none}.swipeable-completion__stack.is-disabled{background:var(--color-disabled-bg)}.swipeable-completion__stack.is-disabled .swipeable-completion__underlay{color:var(--color-disabled-text);background:var(--color-disabled-bg)}.swipeable-completion__arrow{width:62px;height:62px;color:var(--color-text-inverse);background:var(--color-brand-underlay-accent);border:1px solid var(--color-brand-underlay-border);cursor:pointer;border-radius:50%;flex:none;place-items:center;padding:0;display:grid;box-shadow:0 3px 10px #1a412333}.swipeable-completion__arrow:disabled{color:var(--color-disabled-text);background:var(--color-disabled-control);border-color:var(--color-border);box-shadow:none}.swipeable-completion__copy{min-width:0;line-height:1.45;display:grid}.swipeable-completion__copy strong{font:var(--font-button)}.swipeable-completion__copy span{opacity:.9;font:var(--font-metadata)}.swipeable-completion__message{margin:0 var(--space-3);color:var(--color-text-muted);font:var(--font-helper)}.confirmation-backdrop{z-index:1000;padding:var(--space-3);background:var(--color-overlay);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.confirmation-modal{width:min(100%,560px);max-height:min(88vh,720px);padding:var(--space-6);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-md) var(--radius-md);box-shadow:var(--shadow-elevated);overflow-y:auto}.confirmation-modal--danger,.confirmation-modal--sensitive{border-top:5px solid var(--color-danger-text)}.confirmation-modal__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.confirmation-modal__header h2{font:var(--font-page-title);margin:0}.confirmation-modal__consequence{margin-block:var(--space-4);color:var(--color-text-secondary)}.confirmation-modal__summary{gap:var(--space-2);margin:0 0 var(--space-6);padding:var(--space-4);background:var(--color-input);border-radius:var(--radius-md);display:grid}.confirmation-modal__summary div{justify-content:space-between;gap:var(--space-4);display:flex}.confirmation-modal__summary dt{color:var(--color-text-secondary)}.confirmation-modal__summary dd{text-align:end;margin:0;font-weight:700}.confirmation-modal__summary .is-danger dd{color:var(--color-danger-text)}.confirmation-modal__actions{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.is-rotated{transform:rotate(180deg)}.is-spinning{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=540px){.app-header__actions{gap:var(--space-1)}.app-header .icon-button{width:48px;height:48px}.queue-item{min-height:88px;padding:var(--space-3);grid-template-columns:auto minmax(0,1fr) auto auto}.queue-item__swatch{width:26px;height:26px}.queue-item__identity strong{font-size:1.0625rem}.queue-item__quantity{font-size:1rem}}@media (width>=640px){.confirmation-backdrop{padding:var(--space-6);align-items:center}.confirmation-modal{border-radius:var(--radius-lg)}}@media (width>=768px){.queue-item{min-height:100px;padding-inline:var(--space-5)}.search-action-bar{--search-action-size:var(--touch-primary);gap:var(--space-3);padding:var(--space-4)}.search-action-bar .icon-button{width:var(--touch-primary);height:var(--touch-primary)}.search-action-bar .search-input__control{font-size:1rem}}@media (width>=1100px){.app-shell:not(.app-shell--admin){width:var(--content-operator)}}.reference-image{place-content:center;justify-items:center;gap:var(--space-3);min-height:240px;padding:var(--space-6);text-align:center;color:var(--color-text-secondary);background:var(--color-input);display:grid;overflow:hidden}.reference-image img{object-fit:contain;max-width:100%;max-height:420px;display:block}.reference-section{gap:var(--space-4);min-width:0;display:grid}.reference-section>.card{overflow:hidden}.reference-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}.reference-card{align-content:start;gap:var(--space-3);min-width:0;padding:var(--space-4);overflow-wrap:anywhere;display:grid}.reference-card .reference-image{min-height:160px;padding:var(--space-3);border-radius:var(--radius-md)}.reference-card .reference-image img{max-height:240px}.reference-facts{gap:var(--space-3);margin:0;display:grid}.reference-facts dt{color:var(--color-text-secondary);font:var(--font-label)}.reference-facts dd{margin:0}.reference-caption{padding:var(--space-3) var(--space-4);color:var(--color-text-secondary);font:var(--font-helper)}.stock-choice-list{min-width:0}.stock-choice-list__items{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.stock-choice{gap:var(--space-2);min-width:0;padding:var(--space-3);display:grid}.stock-choice__heading,.stock-choice__actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.stock-choice__actions>button{flex:auto}.stock-choice__metadata{color:var(--color-text-secondary);font:var(--font-helper);overflow-wrap:anywhere;margin:0}.stock-warning-line{margin-block:var(--space-2);display:block}.physical-stock-summary{gap:var(--space-2);display:grid}.physical-stock-summary h4{font:var(--font-label);margin:0}.physical-stock-summary ul{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.physical-stock-summary li{align-items:start;gap:var(--space-2);font:var(--font-metadata);display:flex}.physical-stock-summary li svg{color:var(--color-brand);flex-shrink:0}.physical-stock-summary__action,.physical-inventory__back{align-items:center;gap:var(--space-2);min-height:var(--touch-min);display:flex}.physical-stock-summary__action{min-height:var(--touch-primary);color:var(--color-brand);font:var(--font-button);text-decoration:none}.physical-stock-summary__action svg:last-child{margin-inline-start:auto}.station-flow.physical-inventory{min-height:calc(100dvh - var(--touch-primary) - var(--space-12));flex-direction:column;display:flex}.physical-inventory>.search-filter-toolbar{align-self:stretch}.physical-inventory__header{gap:var(--space-1);display:grid}.physical-inventory__header h1{overflow-wrap:anywhere;font:var(--font-page-title);margin:0}.physical-inventory__pantone{color:var(--color-text-secondary);font:var(--font-body);margin:0}.physical-inventory__metadata{color:var(--color-text-secondary);font:var(--font-helper);margin:0}.physical-inventory__estimate{gap:var(--space-1);padding-block:var(--space-2);display:grid}.physical-inventory__estimate>span{color:var(--color-text-secondary);font:var(--font-label)}.physical-inventory__estimate strong{font:var(--font-page-title)}.physical-inventory__estimate small{color:var(--color-text-secondary);font:var(--font-metadata)}.physical-inventory h2.physical-inventory__group-heading{font:var(--font-label);text-transform:uppercase;letter-spacing:.025em;margin:0}.physical-inventory__group-heading span{color:var(--color-text-secondary);font-weight:400}.physical-stock-row.queue-item{align-items:start;gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto auto}.physical-stock-row__identity{gap:var(--space-1);min-width:0;display:grid}.physical-stock-row__identity>strong{font:var(--font-section-title);overflow-wrap:anywhere}.physical-stock-row__secondary{color:var(--color-text-secondary);font:var(--font-helper)}.physical-stock-row__quantity{white-space:nowrap;font:var(--font-section-title);align-self:start}.physical-stock-row__indicator{color:var(--color-text-muted);align-self:center}.physical-stock-row__guidance{gap:var(--space-2);color:var(--color-warning-text);font:var(--font-helper);flex-wrap:wrap;display:flex}.physical-stock-row.is-selected{border-color:var(--color-brand);box-shadow:inset 0 0 0 1px var(--color-brand)}.physical-stock-row.is-selected .physical-stock-row__indicator{color:var(--color-brand)}.physical-stock-row:disabled{cursor:default}.physical-inventory__message{justify-items:start;gap:var(--space-3);padding:var(--space-4);display:grid}.physical-inventory__message p{margin:0}.physical-inventory__actions{z-index:11;gap:var(--space-2);padding-block:var(--space-4) max(var(--space-4), env(safe-area-inset-bottom));background:var(--color-page);border-top:1px solid var(--color-border);margin-top:auto;display:grid;position:sticky;bottom:0}.physical-inventory__actions>p{color:var(--color-text-secondary);font:var(--font-helper);margin:0}.camera-modal{max-height:90dvh;margin:auto;overflow-y:auto}.camera-modal::backdrop{background:var(--color-overlay)}.scanner-preview{object-fit:contain;background:var(--color-text-primary);border-radius:var(--radius-md);width:100%;max-height:45dvh;display:block}.operational-board-page{align-content:start;gap:12px;width:100%;min-width:0;display:grid}.board-page-heading{justify-content:space-between;align-items:end;gap:16px;display:flex}.board-page-heading h1{font:var(--font-page-title);margin:var(--space-1) 0}.board-page-heading p{color:var(--color-text-secondary);font:var(--font-helper);margin:0}.board-page-heading>p:first-child{color:var(--color-brand);font-weight:700}.board-navigation{gap:var(--space-2);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.board-navigation a{padding:var(--space-3);color:var(--color-text-secondary);border-bottom:2px solid #0000;text-decoration:none}.board-navigation a.active{color:var(--color-brand);border-color:var(--color-brand);font-weight:700}.board-reconciliation{background:var(--color-brand-soft);border-radius:var(--radius-sm);font:var(--font-helper);padding:8px 12px}.board-reconciliation--issues,.board-alert{background:var(--color-warning-bg);color:var(--color-warning-text)}.board-reconciliation ul{max-height:240px;overflow:auto}.ads-board{width:100%;min-width:0;font:var(--font-helper);align-content:start;gap:8px;display:grid}.board-toolbar,.board-bulk,.board-pagination,.board-filter{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.ads-board input:not([type=checkbox]),.ads-board select{border:1px solid var(--color-border-strong);background:var(--color-input);border-radius:var(--radius-sm);min-height:32px;color:var(--color-text-primary);max-width:100%;padding:4px 9px}.ads-board button{font:inherit;cursor:pointer}.ads-board .ui-button{border-radius:var(--radius-sm);min-height:32px;padding:4px 10px}.board-toolbar>input{flex:1;min-width:240px;max-width:680px!important}.board-group-control{color:var(--color-text-secondary);align-items:center;gap:6px;display:flex}.board-filter-heading,.board-active-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.board-filter-heading{justify-content:flex-start}.board-active-filters{color:var(--color-brand-strong);font-weight:600}.board-columns{position:relative}.board-columns summary{cursor:pointer;padding:7px 10px}.board-columns>div{width:240px;max-height:360px;padding:var(--space-3);z-index:8;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);box-shadow:var(--shadow-surface);display:grid;position:absolute;top:100%;right:0;overflow:auto}.board-columns label{align-items:center;gap:var(--space-2);min-height:28px;display:flex}.board-filters{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:grid}.board-filter select[multiple]{height:90px}.board-bulk{padding:var(--space-2) var(--space-3);background:var(--color-brand-soft);border-radius:var(--radius-sm)}.board-alert{padding:var(--space-3);border-radius:var(--radius-sm)}.board-scroll{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;min-height:240px;max-height:calc(100vh - 260px);overflow:auto}.ads-board table{border-collapse:separate;border-spacing:0;width:100%}.ads-board th,.ads-board td{text-align:left;border-bottom:1px solid var(--color-border);white-space:nowrap;min-width:112px;max-width:380px;height:34px;padding:3px 10px}.ads-board th{background:var(--color-page);z-index:3;font-weight:650;position:sticky;top:0}.ads-board th button{color:inherit;text-align:left;background:0 0;border:0;width:100%;min-height:30px;padding:0}.ads-board th.board-check,.ads-board td.board-check{z-index:2;box-sizing:border-box;text-align:center;background:var(--color-surface);width:48px;min-width:48px;position:sticky;left:0}.ads-board th.board-check{z-index:5;background:var(--color-page)}.ads-board th.board-primary,.ads-board td.board-primary{z-index:2;background:var(--color-surface);border-right:1px solid var(--color-border);min-width:200px;position:sticky;left:48px}.ads-board th.board-primary{z-index:4;background:var(--color-page)}.ads-board td{cursor:pointer}.ads-board tr[data-selected=true] td{background:var(--color-brand-soft)}.ads-board tbody tr:hover td{background:var(--color-input)}.ads-board input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-brand);cursor:pointer}.board-primary-link,.board-editable{color:inherit;text-align:left;background:0 0;border:0;min-height:28px;padding:2px 0}.ads-board .board-group-heading td{z-index:1;background:var(--color-brand-soft);color:var(--color-brand-strong);height:30px;font-weight:700;position:relative}.board-group-heading span{margin-left:8px;font-weight:400}.board-primary-link{font-weight:700!important}.board-editable{width:100%}.board-editable:hover{text-underline-offset:4px;text-decoration:underline}.board-empty-value{color:var(--color-text-muted)}.board-chips{gap:var(--space-1);flex-wrap:wrap;display:flex}.board-chip{background:var(--color-brand-soft);color:var(--color-brand-strong);padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);white-space:nowrap;display:inline-block}.board-image{object-fit:contain;border-radius:var(--radius-sm);width:28px;height:28px;display:block}.board-image--empty{background:var(--color-input);place-items:center;display:grid}.board-empty{padding:var(--space-8);text-align:center}.board-pagination{justify-content:flex-end}.board-pagination>span:first-child{margin-right:auto}.board-edit-form{align-items:center;gap:var(--space-1);display:flex}.board-edit-form input{min-width:100px}.board-edit-form select[multiple]{min-width:180px;min-height:120px}.board-detail-backdrop{z-index:30;background:var(--color-overlay);justify-content:flex-end;display:flex;position:fixed;inset:0}.board-detail{background:var(--color-surface);padding:var(--space-6);width:min(560px,100%);box-shadow:var(--shadow-elevated);overflow:auto}.board-detail header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.board-detail h2{font:var(--font-section-title)}.board-detail dl>div{gap:var(--space-3);border-top:1px solid var(--color-border);padding:var(--space-2) 0;grid-template-columns:140px 1fr;align-items:center;display:grid}.board-detail dd{overflow-wrap:anywhere;min-width:0;margin:0}.board-detail dt{color:var(--color-text-secondary)}.board-add-form{gap:var(--space-3);padding-block:var(--space-3);display:grid}.board-add-form label{gap:var(--space-1);font-weight:600;display:grid}.board-add-form .button{justify-self:start}.board-row-actions{position:relative}.board-row-actions summary{cursor:pointer;min-width:32px;font-size:20px;list-style:none}.board-row-actions summary::-webkit-details-marker{display:none}.board-row-actions>div{z-index:6;min-width:120px;padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-surface);display:grid;position:absolute;right:0}.board-row-actions button{text-align:left;padding:var(--space-2);background:0 0;border:0}@media (width<=600px){.board-detail dl>div{gap:var(--space-1);grid-template-columns:1fr}.board-edit-form{flex-wrap:wrap}.board-toolbar>input{flex-basis:100%}}*,:before,:after{box-sizing:border-box}html{background:var(--color-page);min-width:320px;font-family:var(--font-family);color:var(--color-text-primary);-webkit-text-size-adjust:100%}body{background:var(--color-page);min-height:100vh;font:var(--font-body);text-rendering:optimizelegibility;margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select,[tabindex]:not([tabindex="-1"]){-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}button:disabled,input:disabled,textarea:disabled,select:disabled{cursor:not-allowed}img,svg{max-width:100%;display:block}h1,h2,h3,p{margin-block-start:0}.app-shell{width:min(100%, var(--content-operator));min-height:100vh;padding:var(--space-4);margin-inline:auto}.app-shell--admin{width:min(100%, var(--content-admin))}.app-shell.erp-workspace-shell{--erp-sidebar-width:246px;width:100%;max-width:none;padding:16px 20px 28px calc(var(--erp-sidebar-width) + 20px);margin:0}.app-shell.erp-workspace-shell--collapsed{--erp-sidebar-width:62px}@media (width>=901px){.erp-workspace-shell:has(>.operational-board-page){flex-direction:column;height:100dvh;min-height:0;padding-bottom:12px;display:flex;overflow:hidden}.erp-workspace-shell>.app-header{flex:none}.erp-workspace-shell>.operational-board-page{flex-direction:column;flex:1;min-height:0;display:flex}.operational-board-page>*{flex:none}.operational-board-page>.ads-board{flex-direction:column;flex:1;min-height:0;display:flex}.ads-board>*{flex:none}.ads-board>.board-scroll{flex:1;min-height:0;max-height:none}.ads-board>.board-filters{max-height:260px;overflow:auto}}@media (width<=900px){.app-shell.erp-workspace-shell{padding:var(--space-4)}}@media (width>=768px){.app-shell{padding:var(--space-8)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}