/* Shared compact library theme and workspace components. */
:root{--wa-font-family-body:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;--wa-font-family-heading:var(--wa-font-family-body);--wa-font-size-xs:11px;--wa-font-size-s:12px;--wa-font-size-m:13px;--control-height:36px;--control-height-toolbar:32px;--control-height-compact:28px;--wa-form-control-height-small:var(--control-height);--wa-form-control-border-radius:6px;--wa-form-control-border-color:#dedbe6;--wa-form-control-value-color:#222333;--wa-form-control-background-color:#fff;--wa-color-text-normal:#222333;--wa-color-text-quiet:#777987;--wa-color-brand-fill-loud:#7542e9;--wa-color-brand-fill-normal:#eee5ff;--wa-color-brand-fill-quiet:#f6f1ff;--wa-color-brand-border-loud:#7542e9;--wa-color-brand-border-normal:#cdb8f6;--wa-color-brand-on-quiet:#7542e9;--wa-color-brand-on-normal:#6230d0;--wa-color-brand-on-loud:#fff;--wa-color-focus:#7542e9;--wa-focus-ring-width:2px;--wa-focus-ring-offset:2px;--wa-transition-fast:100ms;--wa-transition-normal:150ms;--wa-color-surface-default:#fff;--wa-color-surface-raised:#fff}
.ui-source{display:none!important}
.ui-control{min-width:0;font-family:inherit;font-size:12px;--wa-form-control-height:var(--control-height);--wa-form-control-value-font-size:12px}
wa-input.ui-control,wa-textarea.ui-control,.field>wa-select{width:100%}
wa-input::part(base),wa-select::part(combobox),wa-textarea::part(base){background:#fff;border:1px solid #dedbe6;border-radius:6px;box-shadow:none;transition:border-color .12s,box-shadow .12s}
wa-input::part(input),wa-select::part(display-input),wa-textarea::part(textarea){font-family:inherit;font-size:13px;font-weight:400;color:var(--ink)}
wa-input::part(base){padding-inline:10px}
wa-input::part(input){padding:0;line-height:20px}
wa-select::part(display-input){padding:0;line-height:20px}
wa-input:focus-within::part(base),wa-select:focus-within::part(combobox),wa-textarea:focus-within::part(base){border-color:var(--accent);box-shadow:0 0 0 3px #7542e910;outline:none}
wa-input[readonly]::part(base){background:#faf9fc;border-color:#eeebf2}wa-input[readonly]::part(input){color:var(--muted)}
.ui-control[data-invalid]::part(base),.ui-control[aria-invalid=true]::part(base),wa-select[aria-invalid=true]::part(combobox){border-color:var(--red)}
.ui-field-error{color:var(--red);font-size:11px;line-height:18px}
wa-select::part(combobox){box-sizing:border-box;height:var(--wa-form-control-height);min-height:var(--wa-form-control-height);padding-inline:10px;gap:6px}
wa-select::part(start),wa-select::part(end){display:none}
wa-select::part(expand-icon){font-size:10px;color:#8c8499}
wa-select::part(listbox){padding:5px;border:1px solid #e5deed;border-radius:8px;background:#fff;box-shadow:0 8px 28px #26163f14;max-height:280px;font-size:12px;width:max-content;min-width:112px;max-width:min(280px,calc(100vw - 24px));scrollbar-width:thin;scrollbar-color:#d7cce8 transparent}
wa-option::part(base){border-radius:5px;min-height:30px;padding:6px 9px;font-size:12px;line-height:18px}
wa-option:state(selected)::part(base){color:var(--accent);background:#f6f1ff}wa-option:hover::part(base){background:#faf7ff}
.inline-field>.ui-control{flex:0 1 auto;width:auto;min-width:88px;max-width:145px}
.inline-field>wa-select::part(combobox){border-color:transparent;padding-inline:5px}
.inline-field>wa-select:hover::part(combobox){border-color:#e5deef;background:#fdfcff}
.inline-field>wa-select::part(display-input){font-size:12px}
wa-option::part(label){white-space:normal;overflow-wrap:anywhere}
.scope .inline-field{gap:3px;min-width:0}.scope .inline-field>.ui-control{max-width:140px}
footer wa-select.ui-control{width:112px;--wa-form-control-height:var(--control-height-compact)}
footer wa-select::part(display-input){font-size:10px}

.settings-searchbar>.ui-search{max-width:410px;flex:1}
.table-toolbar>.ui-search{margin-left:auto;width:200px;--wa-form-control-height:var(--control-height-toolbar)}
wa-switch.ui-control{display:inline-flex;vertical-align:middle;--width:28px;--height:16px;--thumb-size:12px;line-height:16px}
wa-switch::part(control){border:0;background:#dcd8e4}
wa-switch:state(checked)::part(control){background:var(--accent)}
wa-switch::part(thumb){background:white;box-shadow:0 1px 3px #25143c20}
wa-checkbox.ui-control{display:inline-flex;vertical-align:middle;--wa-form-control-toggle-size:14px}
wa-checkbox::part(control){width:14px;height:14px;border:1px solid #cfc8dc;border-radius:4px;background:#fff}
wa-checkbox:state(checked)::part(control),wa-checkbox:state(indeterminate)::part(control){background:var(--accent);border-color:var(--accent);color:#fff}
wa-checkbox::part(label),wa-switch::part(label){margin:0;padding:0}
.switch-label{align-items:center}.setting-switch-control{gap:9px}.setting-switch-control>.ui-control{flex:none}
button{appearance:none;border-color:#e3deeb;box-shadow:none;transition:background .12s,border-color .12s,color .12s;outline-offset:2px}
button:not(.icon-button):not(.text-button):not(.quiet):hover:not(:disabled){border-color:#cab6ed}
button.primary{border-color:var(--accent);box-shadow:0 1px 2px #7542e918}button.primary:hover:not(:disabled){background:#6936dc;border-color:#6936dc}
button:disabled{opacity:.45}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #b799ed;outline-offset:2px}
.period-group{padding:2px;border:1px solid #ede8f4;border-radius:7px;gap:1px;background:#fff}
.period-group button{border-radius:4px;min-height:25px;font-size:11px;padding:3px 7px}
.period-group button.active{box-shadow:0 1px 3px #7542e91c}
.filter-tabs{gap:3px}.filter-tabs button.active{background:var(--accent-soft);color:var(--accent)}
.pagination button{min-height:28px;min-width:28px;border-radius:5px}.pagination button.active{border-color:#d8c7f4;background:var(--accent-soft);color:var(--accent)}
dialog{border-color:#e7e0f0;box-shadow:0 18px 70px #24173724}dialog::backdrop{background:#1f14352b;backdrop-filter:blur(2px)}
.drawer{box-shadow:-12px 0 44px #24173716}.drawer-heading{border-bottom-color:#ece7f3}
.toast{background:#292234;box-shadow:0 6px 24px #23133420;border:1px solid #ffffff20;border-radius:7px;font-size:12px}
.status-badge{border-radius:4px}.table-wrap thead{background:#fcfbfe}.table-wrap tbody tr:hover{background:#fdfbff}
details>summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer}
details>summary::-webkit-details-marker{display:none}
details>summary:before{content:"";width:6px;height:6px;border-right:1.5px solid #8e829e;border-bottom:1.5px solid #8e829e;transform:rotate(-45deg);transition:transform .12s}
details[open]>summary:before{transform:rotate(45deg)}
progress{appearance:none;overflow:hidden;background:#f0ebf8;border-radius:4px}
progress::-webkit-progress-bar{background:#f0ebf8;border-radius:4px}progress::-webkit-progress-value{background:var(--accent);border-radius:4px}
.ui-tooltip{--max-width:300px;--wa-tooltip-background-color:#292234;--wa-tooltip-color:white;--wa-tooltip-font-size:11px}
.ui-tooltip::part(body){font-size:11px;line-height:1.7;padding:7px 10px;border-radius:6px;box-shadow:0 5px 20px #2313341c}
.date-dialog{width:640px;padding:22px;border-radius:12px}
.date-fields{gap:10px}.date-fields label{gap:7px}.date-fields>span{margin-top:25px;line-height:var(--control-height)}
.date-fields wa-input{--wa-form-control-height:var(--control-height)}.date-fields wa-input::part(input){font-variant-numeric:tabular-nums;font-size:12px}
.ui-calendar{margin:18px 0 4px;padding:14px 0 0;border-top:1px solid #ece7f3}
.ui-calendar .flatpickr-calendar{width:100%!important;box-shadow:none;border:0;font-family:inherit;background:#fff;font-size:12px}
.ui-calendar .flatpickr-days{width:100%!important;display:flex}.ui-calendar .dayContainer{width:50%;min-width:0;max-width:none;box-shadow:none;padding:0 8px}
.ui-calendar .dayContainer:only-child{width:100%;padding:0}
.ui-calendar .flatpickr-rContainer{width:100%}
.ui-calendar .flatpickr-weekdaycontainer{padding:0 8px}
.ui-calendar .flatpickr-weekdaycontainer:only-child{padding:0}
.ui-calendar .flatpickr-months{margin-bottom:8px}.ui-calendar .flatpickr-month{height:30px}.ui-calendar .flatpickr-current-month{font-size:13px;padding-top:5px}
.ui-calendar .flatpickr-current-month input.cur-year{font-weight:500;font-family:inherit}
.ui-calendar .flatpickr-prev-month,.ui-calendar .flatpickr-next-month{width:28px;height:28px;padding:8px;border-radius:5px}
.ui-calendar .flatpickr-prev-month:hover,.ui-calendar .flatpickr-next-month:hover{background:var(--accent-soft)}
.ui-calendar .flatpickr-prev-month:hover svg,.ui-calendar .flatpickr-next-month:hover svg{fill:var(--accent)}
.ui-calendar span.flatpickr-weekday{font-weight:400;font-size:11px;color:#93869f}
.ui-calendar .flatpickr-day{max-width:none;flex-basis:14.285714%;height:30px;line-height:28px;border-radius:5px;color:var(--ink);font-size:12px}
.ui-calendar .flatpickr-day:hover{background:#f6f1ff;border-color:#f6f1ff}.ui-calendar .flatpickr-day.today{border-color:#c8b0ef}
.ui-calendar .flatpickr-day.inRange{background:#f6f1ff;border-color:#f6f1ff;box-shadow:-5px 0 0 #f6f1ff,5px 0 0 #f6f1ff}
.ui-calendar .flatpickr-day.selected,.ui-calendar .flatpickr-day.startRange,.ui-calendar .flatpickr-day.endRange{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:none}
.ui-calendar .flatpickr-day.prevMonthDay,.ui-calendar .flatpickr-day.nextMonthDay,.ui-calendar .flatpickr-day.flatpickr-disabled{color:#c6c0ce}
@media(max-width:1100px){.scope .inline-field>.ui-control{max-width:127px;min-width:82px}}
@media(max-width:760px){.inline-field>.ui-control{flex:1;max-width:140px;min-width:70px}.scope .period-group{border:0;border-bottom:1px solid #eee8f5;border-radius:0;background:#fff;padding-bottom:7px}.table-toolbar>.ui-search{flex:1;width:160px}.settings-searchbar>.ui-search{max-width:100%}.date-dialog{padding:20px}.date-fields{gap:8px}}
@media(prefers-reduced-motion:reduce){:root{--wa-transition-fast:0ms;--wa-transition-normal:0ms}button{transition:none}}


.ui-calendar>input{display:none!important}
.ui-calendar .flatpickr-day.startRange.endRange{border-radius:5px}

.date-fields label{min-width:0}

.ui-sr-only,wa-select::part(form-control-label),wa-input::part(label),wa-textarea::part(label){position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* One geometry contract for forms, toolbars and compact navigation. */
.field{min-width:0;gap:6px;line-height:20px}
.field-grid,.settings-form .field-grid{align-items:start;gap:18px 24px}
.field>.ui-control{display:block;margin:0;--wa-form-control-height:var(--control-height)}
.field>wa-checkbox.ui-control,.field>wa-switch.ui-control{display:inline-flex}
.field>small{line-height:18px;margin:0}
.setting-field-title,.settings-field.full .setting-field-title{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;min-height:20px;line-height:20px}
.setting-field-title>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.setting-field-title .effect-label{flex:none;max-width:none;white-space:nowrap;font-size:10px;line-height:20px}
.setting-switch-control{display:flex;align-items:center;box-sizing:border-box;height:var(--control-height);min-height:var(--control-height);gap:9px}
.form-actions>button,#login-form>button{height:var(--control-height);min-height:var(--control-height);padding-block:0;line-height:20px;display:inline-flex;align-items:center;justify-content:center}
.table-toolbar,.settings-searchbar,.live-toolbar,.card-tools,#order-search{align-items:center}
.table-toolbar .ui-control,.settings-searchbar>.ui-control,.live-toolbar .ui-control,.card-tools .ui-control{--wa-form-control-height:var(--control-height-toolbar)}
.table-toolbar button,.settings-searchbar>button,.live-toolbar button,.card-tools>button{box-sizing:border-box;height:var(--control-height-toolbar);min-height:var(--control-height-toolbar);padding-block:0;line-height:20px;display:inline-flex;align-items:center;justify-content:center}
.table-toolbar .filter-tabs{align-items:center}
.scope .inline-field{align-items:center;line-height:20px}
.scope .ui-control{--wa-form-control-height:var(--control-height-compact)}
.scope .date-navigation{align-items:center}
.scope .date-navigation>button,.scope>.text-button{box-sizing:border-box;height:var(--control-height-compact);min-height:var(--control-height-compact);padding-block:0;display:inline-flex;align-items:center;justify-content:center}
.date-fields label{line-height:18px;gap:7px}
@media(max-width:760px){.settings-searchbar{display:flex;gap:8px;flex-wrap:wrap}.settings-searchbar>.ui-control{flex-basis:100%}.settings-searchbar>span{margin:0}.settings-searchbar>button{margin-left:auto}.field-grid,.settings-form .field-grid{gap:18px}.setting-field-title .effect-label{font-size:10px}}