html{--mat-sys-background: light-dark(#faf9fd, #121316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f2f0f4, #2f3033);--mat-sys-inverse-primary: light-dark(#abc7ff, #005cbb);--mat-sys-inverse-surface: light-dark(#2f3033, #e3e2e6);--mat-sys-on-background: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #002f65);--mat-sys-on-primary-container: light-dark(#00458f, #d7e3ff);--mat-sys-on-primary-fixed: light-dark(#001b3f, #001b3f);--mat-sys-on-primary-fixed-variant: light-dark(#00458f, #00458f);--mat-sys-on-secondary: light-dark(#ffffff, #283041);--mat-sys-on-secondary-container: light-dark(#3e4759, #dae2f9);--mat-sys-on-secondary-fixed: light-dark(#131c2b, #131c2b);--mat-sys-on-secondary-fixed-variant: light-dark(#3e4759, #3e4759);--mat-sys-on-surface: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-surface-variant: light-dark(#44474e, #e0e2ec);--mat-sys-on-tertiary: light-dark(#ffffff, #502400);--mat-sys-on-tertiary-container: light-dark(#723600, #ffdcc7);--mat-sys-on-tertiary-fixed: light-dark(#311300, #311300);--mat-sys-on-tertiary-fixed-variant: light-dark(#723600, #723600);--mat-sys-outline: light-dark(#74777f, #8e9099);--mat-sys-outline-variant: light-dark(#c4c6d0, #44474e);--mat-sys-primary: light-dark(#005cbb, #abc7ff);--mat-sys-primary-container: light-dark(#d7e3ff, #00458f);--mat-sys-primary-fixed: light-dark(#d7e3ff, #d7e3ff);--mat-sys-primary-fixed-dim: light-dark(#abc7ff, #abc7ff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#565e71, #bec6dc);--mat-sys-secondary-container: light-dark(#dae2f9, #3e4759);--mat-sys-secondary-fixed: light-dark(#dae2f9, #dae2f9);--mat-sys-secondary-fixed-dim: light-dark(#bec6dc, #bec6dc);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#faf9fd, #121316);--mat-sys-surface-bright: light-dark(#faf9fd, #38393c);--mat-sys-surface-container: light-dark(#efedf0, #1f2022);--mat-sys-surface-container-high: light-dark(#e9e7eb, #292a2c);--mat-sys-surface-container-highest: light-dark(#e3e2e6, #343537);--mat-sys-surface-container-low: light-dark(#f4f3f6, #1a1b1f);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0d0e11);--mat-sys-surface-dim: light-dark(#dbd9dd, #121316);--mat-sys-surface-tint: light-dark(#005cbb, #abc7ff);--mat-sys-surface-variant: light-dark(#e0e2ec, #44474e);--mat-sys-tertiary: light-dark(#964900, #ffb787);--mat-sys-tertiary-container: light-dark(#ffdcc7, #723600);--mat-sys-tertiary-fixed: light-dark(#ffdcc7, #ffdcc7);--mat-sys-tertiary-fixed-dim: light-dark(#ffb787, #ffb787);--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Inter;--mat-sys-body-large-font: Inter;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Inter;--mat-sys-body-medium-font: Inter;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Inter;--mat-sys-body-small-font: Inter;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Inter;--mat-sys-display-large-font: Inter;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Inter;--mat-sys-display-medium-font: Inter;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Inter;--mat-sys-display-small-font: Inter;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Inter;--mat-sys-headline-large-font: Inter;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Inter;--mat-sys-headline-medium-font: Inter;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Inter;--mat-sys-headline-small-font: Inter;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Inter;--mat-sys-label-large-font: Inter;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Inter;--mat-sys-label-medium-font: Inter;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Inter;--mat-sys-label-small-font: Inter;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Inter;--mat-sys-title-large-font: Inter;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Inter;--mat-sys-title-medium-font: Inter;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Inter;--mat-sys-title-small-font: Inter;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-checkbox-touch-target-display: block;--mat-checkbox-state-layer-size: 36px;--mat-chip-container-height: 28px;--mat-chip-touch-target-display: none;--mat-expansion-header-collapsed-state-height: 44px;--mat-expansion-header-expanded-state-height: 60px;--mat-fab-small-touch-target-display: ;--mat-fab-touch-target-display: block;--mat-button-filled-touch-target-display: block;--mat-button-filled-container-height: 36px;--mat-button-outlined-container-height: 36px;--mat-button-outlined-touch-target-display: block;--mat-button-protected-touch-target-display: block;--mat-button-protected-container-height: 36px;--mat-button-text-touch-target-display: block;--mat-button-text-container-height: 36px;--mat-button-tonal-container-height: 36px;--mat-button-tonal-touch-target-display: block;--mat-form-field-container-height: 52px;--mat-form-field-filled-label-display: block;--mat-form-field-container-vertical-padding: 14px;--mat-form-field-filled-with-label-container-padding-top: 22px;--mat-form-field-filled-with-label-container-padding-bottom: 6px;--mat-icon-button-touch-target-display: block;--mat-icon-button-state-layer-size: 36px;--mat-list-list-item-leading-icon-start-space: 12px;--mat-list-list-item-leading-icon-end-space: 12px;--mat-list-list-item-one-line-container-height: 44px;--mat-list-list-item-two-line-container-height: 60px;--mat-list-list-item-three-line-container-height: 84px;--mat-paginator-container-size: 52px;--mat-paginator-form-field-container-height: 40px;--mat-paginator-form-field-container-vertical-padding: 8px;--mat-paginator-touch-target-display: block;--mat-radio-touch-target-display: block;--mat-radio-state-layer-size: 36px;--mat-tab-container-height: 44px;--mat-select-arrow-transform: translateY(-8px);--mat-button-toggle-height: 40px;--mat-stepper-header-height: 68px;--mat-table-header-container-height: 52px;--mat-table-footer-container-height: 48px;--mat-table-row-item-container-height: 48px;--mat-toolbar-standard-height: 60px;--mat-toolbar-mobile-height: 52px;--mat-tree-node-min-height: 44px;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12;color-scheme:light;--kb-bg: #f4f5f7;--kb-surface: #ffffff;--kb-surface-2: #f6f7f9;--kb-surface-3: #eceef2;--kb-border: #e3e6ea;--kb-border-strong: #cfd4db;--kb-text: #1f2430;--kb-text-2: #4b5563;--kb-muted: #7b8494;--kb-primary: #3b6fe0;--kb-primary-hover: #2f5fc6;--kb-primary-soft: #eaf0fd;--kb-on-primary: #ffffff;--kb-success: #1f8f5a;--kb-success-soft: #e7f5ee;--kb-warn: #b7791f;--kb-warn-soft: #fbf3e2;--kb-danger: #cf4b4b;--kb-danger-soft: #fbeaea;--kb-info: #4f63c7;--kb-info-soft: #eceffb;--kb-accent: #e0772f;--kb-radius: 12px;--kb-radius-sm: 8px;--kb-shadow: 0 1px 2px rgba(20, 26, 40, .04);--kb-shadow-pop: 0 8px 24px rgba(20, 26, 40, .1);--kb-ring: 0 0 0 3px rgba(59, 111, 224, .22);--kb-mono: ui-monospace, "JetBrains Mono", "Cascadia Mono", Consolas, monospace;--kb-topbar-h: 56px;--mdc-filled-button-container-shape: 8px;--mdc-outlined-button-container-shape: 8px;--mdc-text-button-container-shape: 8px;--mdc-outlined-text-field-container-shape: 8px}html[data-theme=dark]{color-scheme:dark;--kb-bg: #15181d;--kb-surface: #1c2027;--kb-surface-2: #22272f;--kb-surface-3: #2b313b;--kb-border: #2d333d;--kb-border-strong: #3c4350;--kb-text: #e6e8ec;--kb-text-2: #c3c8d1;--kb-muted: #8b94a3;--kb-primary: #6f95ea;--kb-primary-hover: #86a7ee;--kb-primary-soft: #263552;--kb-on-primary: #0f1522;--kb-success: #58c08a;--kb-success-soft: #1e3328;--kb-warn: #d9a441;--kb-warn-soft: #3a3020;--kb-danger: #e07676;--kb-danger-soft: #3d2426;--kb-info: #93a3ee;--kb-info-soft: #272d4a;--kb-shadow: 0 1px 2px rgba(0, 0, 0, .3);--kb-shadow-pop: 0 8px 24px rgba(0, 0, 0, .45);--kb-ring: 0 0 0 3px rgba(111, 149, 234, .3)}*{box-sizing:border-box}html,body{height:100%;margin:0}html{font-size:14px}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--kb-bg);color:var(--kb-text);font-size:1rem;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--kb-primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:none;box-shadow:var(--kb-ring);border-radius:6px}::selection{background:var(--kb-primary-soft)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--kb-border-strong);border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}.material-symbols-rounded,mat-icon{font-family:Material Symbols Rounded;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}mat-icon.filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.mat-mdc-unelevated-button:not(:disabled){--mdc-filled-button-container-color: var(--kb-primary);--mdc-filled-button-label-text-color: var(--kb-on-primary);font-weight:600;letter-spacing:0}.mat-mdc-unelevated-button:not(:disabled):hover{--mdc-filled-button-container-color: var(--kb-primary-hover)}.mat-mdc-outlined-button{--mdc-outlined-button-outline-color: var(--kb-border-strong);--mdc-outlined-button-label-text-color: var(--kb-text);font-weight:600;letter-spacing:0}.mat-mdc-button{font-weight:600;letter-spacing:0;--mdc-text-button-label-text-color: var(--kb-text-2)}.mat-mdc-form-field{--mdc-outlined-text-field-outline-color: var(--kb-border-strong);--mdc-outlined-text-field-focus-outline-color: var(--kb-primary);--mdc-outlined-text-field-hover-outline-color: var(--kb-border-strong)}.mat-mdc-snack-bar-container{--mdc-snackbar-container-shape: 10px}.mat-mdc-menu-panel{border-radius:12px!important;box-shadow:var(--kb-shadow-pop)!important;border:1px solid var(--kb-border)}.mat-mdc-checkbox{--mdc-checkbox-selected-container-color: var(--kb-primary);--mdc-checkbox-selected-hover-container-color: var(--kb-primary);--mdc-checkbox-selected-focus-container-color: var(--kb-primary)}.mat-mdc-progress-bar{--mdc-linear-progress-active-indicator-color: var(--kb-primary);--mdc-linear-progress-track-color: var(--kb-primary-soft)}.mat-mdc-slide-toggle{--mdc-switch-selected-track-color: var(--kb-primary);--mdc-switch-selected-hover-track-color: var(--kb-primary);--mdc-switch-selected-focus-track-color: var(--kb-primary);--mdc-switch-selected-pressed-track-color: var(--kb-primary)}.mat-drawer-container,.mat-drawer{background:transparent!important;color:inherit!important}.boot-splash{height:100vh;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;color:var(--kb-muted);font-weight:600;letter-spacing:.04em}.boot-spinner{width:32px;height:32px;border-radius:50%;border:3px solid var(--kb-border);border-top-color:var(--kb-primary);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page{padding:20px 24px 56px;width:100%}.crumbs{font-size:.78rem;color:var(--kb-muted);margin-bottom:6px}.crumbs a{color:var(--kb-muted)}.page-title{font-size:1.35rem;font-weight:700;letter-spacing:-.015em;margin:0 0 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;line-height:1.2}.page-title .count{font-size:.85rem;font-weight:500;color:var(--kb-muted);letter-spacing:0}.page-title .spacer{flex:1}.card{background:var(--kb-surface);border-radius:var(--kb-radius);border:1px solid var(--kb-border);box-shadow:var(--kb-shadow)}.muted{color:var(--kb-muted)}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.spacer{flex:1}.empty{text-align:center;padding:64px 16px;color:var(--kb-muted)}.empty mat-icon{font-size:56px;width:56px;height:56px;opacity:.35}.empty h3{margin:12px 0 6px;color:var(--kb-text);font-size:1.1rem;font-weight:600}.empty p{margin:0 0 16px}.chip{display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border-radius:999px;font-size:.74rem;font-weight:600;line-height:1.5;white-space:nowrap}.chip.ok{background:var(--kb-success-soft);color:var(--kb-success)}.chip.warn{background:var(--kb-warn-soft);color:var(--kb-warn)}.chip.danger{background:var(--kb-danger-soft);color:var(--kb-danger)}.chip.info{background:var(--kb-info-soft);color:var(--kb-info)}.chip.promo{background:var(--kb-accent);color:#fff}.chip.neutral{background:var(--kb-surface-3);color:var(--kb-text-2)}.dot{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block;flex-shrink:0}.price{font-weight:600;color:var(--kb-text);font-variant-numeric:tabular-nums}.price.old{font-weight:400;color:var(--kb-muted);text-decoration:line-through;font-size:.85em}.mono{font-family:var(--kb-mono);font-size:.78rem;color:var(--kb-text-2)}.readonly-banner{background:var(--kb-warn-soft);color:var(--kb-warn);padding:6px 18px;font-size:.82rem;font-weight:500;display:flex;align-items:center;gap:8px}.readonly-banner mat-icon{font-size:18px;width:18px;height:18px}.toast-panel{--mdc-snackbar-container-color: transparent;--mdc-snackbar-supporting-text-color: inherit}.toast-panel .mdc-snackbar__surface{background:transparent!important;box-shadow:none!important;padding:0!important;min-width:0!important;max-width:none!important}.toast-panel .mat-mdc-snack-bar-label{padding:0!important}.toast-panel.mat-mdc-snack-bar-container{margin:16px 16px 0 0}.pill-check{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--kb-border);border-radius:var(--kb-radius-sm);padding:0 12px;height:34px;font-weight:500;font-size:.85rem;background:var(--kb-surface);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--kb-text-2)}.pill-check input{width:15px;height:15px;accent-color:var(--kb-primary);margin:0;cursor:pointer}.pill-check:hover{border-color:var(--kb-border-strong)}.pill-check.on{border-color:var(--kb-primary);background:var(--kb-primary-soft);color:var(--kb-primary)}.facet{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--kb-border);background:var(--kb-surface);border-radius:999px;padding:4px 11px;font-size:.8rem;font-weight:500;cursor:pointer;color:var(--kb-text-2);transition:all .12s}.facet span{color:var(--kb-muted)}.facet:hover{border-color:var(--kb-primary);color:var(--kb-primary);background:var(--kb-primary-soft)}.facet:hover span{color:var(--kb-primary)}table.kb-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.9rem}table.kb-table th{position:sticky;top:0;z-index:1;text-align:left;font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--kb-muted);padding:11px 14px;border-bottom:1px solid var(--kb-border);white-space:nowrap;background:var(--kb-surface-2)}table.kb-table td{padding:10px 14px;border-bottom:1px solid var(--kb-border);vertical-align:middle;height:44px}table.kb-table tbody tr:last-child td{border-bottom:0}table.kb-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}table.kb-table tbody tr:hover{background:var(--kb-surface-2)}.stepper{display:inline-flex;align-items:center;border:1px solid var(--kb-border-strong);border-radius:var(--kb-radius-sm);height:32px;background:var(--kb-surface);overflow:hidden}.stepper button{width:28px;height:100%;border:0;background:transparent;cursor:pointer;display:grid;place-items:center;color:var(--kb-text-2)}.stepper button:hover{background:var(--kb-surface-2)}.stepper button:disabled{color:var(--kb-border-strong);cursor:default}.stepper button mat-icon{font-size:16px;width:16px;height:16px}.stepper input{width:40px;height:100%;text-align:center;border:0;background:transparent;font-weight:600;outline:none;-moz-appearance:textfield}.stepper input::-webkit-inner-spin-button{-webkit-appearance:none}.sq-btn{width:32px;height:32px;border-radius:var(--kb-radius-sm);border:0;background:var(--kb-primary);color:var(--kb-on-primary);display:inline-grid;place-items:center;cursor:pointer;transition:background .12s}.sq-btn mat-icon{font-size:18px;width:18px;height:18px}.sq-btn:hover{background:var(--kb-primary-hover)}.sq-btn:disabled{background:var(--kb-surface-3);color:var(--kb-muted);cursor:default}.sq-btn.ghost{background:var(--kb-surface);color:var(--kb-text-2);border:1px solid var(--kb-border)}.sq-btn.ghost:hover{background:var(--kb-surface-2)}.sq-btn.done{background:var(--kb-success);color:#fff}.pager{display:flex;align-items:center;gap:4px}.pager button{min-width:32px;height:32px;border-radius:var(--kb-radius-sm);border:1px solid transparent;background:transparent;font-weight:500;cursor:pointer;padding:0 8px;display:inline-grid;place-items:center;color:var(--kb-text-2)}.pager button.on{background:var(--kb-primary-soft);color:var(--kb-primary);font-weight:600}.pager button:disabled{color:var(--kb-border-strong);cursor:default}.pager button:not(.on):not(:disabled):hover{background:var(--kb-surface-2)}.pager button mat-icon{font-size:18px;width:18px;height:18px}.pager .dots{padding:0 4px;color:var(--kb-muted)}.select-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--kb-border);border-radius:var(--kb-radius-sm);height:34px;padding:0 6px 0 12px;background:var(--kb-surface);font-size:.85rem}.select-pill select{border:0;background:transparent;font-weight:500;outline:none;padding-right:4px;cursor:pointer;color:var(--kb-text)}.select-pill select option{color:initial}.view-toggle{display:inline-flex;border:1px solid var(--kb-border);border-radius:var(--kb-radius-sm);padding:2px;background:var(--kb-surface)}.view-toggle button{width:32px;height:28px;border:0;border-radius:6px;background:transparent;cursor:pointer;display:grid;place-items:center;color:var(--kb-muted)}.view-toggle button mat-icon{font-size:18px;width:18px;height:18px}.view-toggle button.on{background:var(--kb-primary-soft);color:var(--kb-primary)}.icon-btn{width:36px;height:36px;border-radius:var(--kb-radius-sm);border:0;background:transparent;display:grid;place-items:center;cursor:pointer;color:var(--kb-text-2)}.icon-btn:hover{background:var(--kb-surface-2);text-decoration:none}@media(max-width:720px){.page{padding:12px 12px 40px}.page-title{font-size:1.15rem}}
