/* Generated by php scripts/build-admin-design.php; edit the source files. */

/* Source: pixelizz-design-tokens.css */
/* Pixelizz V3 foundation. Semantic tokens only; no vendor/widget selectors. */
:root {
    --pix-v3-page:#F7F9FC;
    --pix-v3-surface:#FFFFFF;
    --pix-v3-surface-subtle:#F2F6FC;
    --pix-v3-primary:#4778D8;
    --pix-v3-primary-soft:#EDF4FF;
    --pix-v3-heading:#17243B;
    --pix-v3-text:#293B55;
    --pix-v3-muted:#718096;
    /* Accessible small-text/action variants; brand colors remain available for decoration. */
    --pix-v3-text-secondary:#5F6F85;
    --pix-v3-link:#365FAF;
    --pix-v3-action:#3B68C2;
    --pix-v3-selection:#3B68C2;
    --pix-v3-action-hover:#315AAE;
    --pix-v3-on-action:#FFFFFF;
    --pix-v3-border:#E8EDF5;
    --pix-v3-input-border:#8190A5;
    --pix-v3-focus:#4778D8;
    --pix-v3-success:#16A67A;
    --pix-v3-success-soft:#EAF8F2;
    --pix-v3-success-text:#096344;
    --pix-v3-warning:#E99A36;
    --pix-v3-warning-soft:#FFF5E7;
    --pix-v3-warning-text:#80500F;
    --pix-v3-danger:#E66D76;
    --pix-v3-danger-soft:#FDEEF0;
    --pix-v3-danger-text:#A03543;
    --pix-v3-radius-control:8px;
    --pix-v3-radius-card:12px;
    --pix-v3-radius-panel:16px;
    --pix-v3-space-half:4px;
    --pix-v3-space-1:8px;
    --pix-v3-space-2:16px;
    --pix-v3-space-3:24px;
    --pix-v3-space-4:32px;
    --pix-v3-shadow:0 2px 12px rgba(23,36,59,.045);
    --pix-v3-shadow-raised:0 8px 28px rgba(23,36,59,.09);
    --pix-v3-font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

/* Filament owns this class, preference persistence and pre-paint initialization. */
html.dark {
    --pix-v3-page:#101823;
    --pix-v3-surface:#1B2635;
    --pix-v3-surface-subtle:#233145;
    --pix-v3-primary:#8CB1F2;
    --pix-v3-primary-soft:#263C5C;
    --pix-v3-heading:#F1F5FC;
    --pix-v3-text:#DFE7F3;
    --pix-v3-muted:#A4B3C8;
    --pix-v3-text-secondary:#A4B3C8;
    --pix-v3-link:#A4C3FA;
    --pix-v3-action:#8CB1F2;
    --pix-v3-action-hover:#A4C3FA;
    --pix-v3-on-action:#101823;
    --pix-v3-border:#344357;
    --pix-v3-input-border:#788AA4;
    --pix-v3-focus:#8CB1F2;
    --pix-v3-success:#7FDFC1;
    --pix-v3-success-soft:#153A33;
    --pix-v3-success-text:#7FDFC1;
    --pix-v3-warning:#F2C078;
    --pix-v3-warning-soft:#44341D;
    --pix-v3-warning-text:#F2C078;
    --pix-v3-danger:#F3A0AA;
    --pix-v3-danger-soft:#422832;
    --pix-v3-danger-text:#F3A0AA;
    --pix-v3-shadow:0 2px 12px rgba(0,0,0,.12);
    --pix-v3-shadow-raised:0 8px 28px rgba(0,0,0,.24);
}

/* Compatibility bridge: Navigation V2 uses V3 tokens without replacing its markup. */
:root,html.dark {
    --pix-nav-bg:var(--pix-v3-page);
    --pix-nav-surface:var(--pix-v3-surface);
    --pix-nav-text:var(--pix-v3-heading);
    --pix-nav-muted:var(--pix-v3-text-secondary);
    --pix-nav-accent:var(--pix-v3-link);
    --pix-nav-border:var(--pix-v3-border);
    --pix-nav-field:var(--pix-v3-surface-subtle);
    --pix-nav-hover:var(--pix-v3-surface-subtle);
    --pix-primary:var(--pix-v3-action);
    --pix-primary-light:var(--pix-v3-primary-soft);
    --pix-primary-dark:var(--pix-v3-action-hover);
    --pix-nav-on-primary:var(--pix-v3-on-action);
}

/* Source: pixelizz-design-layout.css */
/* V3 Phase A: panel shells only. Component tables/forms/POS internals are later phases. */
.fi-body:is(.fi-panel-admin,.fi-panel-branch,.fi-panel-warehouse,.fi-panel-ecommerce) {
    background:var(--pix-v3-page)!important;
    color:var(--pix-v3-text);
    font-family:var(--pix-v3-font)!important;
    line-height:1.5;
}
.fi-body :is(.fi-main-ctn,.fi-main) { min-width:0; }
.fi-body .fi-main { background-color:var(--pix-v3-page)!important; }
.fi-body :is(.fi-sidebar,.fi-sidebar-header,.fi-topbar,.fi-topbar nav,.pix-topbar-bar) {
    background:var(--pix-v3-surface)!important;
    border-color:var(--pix-v3-border)!important;
    box-shadow:none!important;
}
.fi-body .fi-sidebar { border-right:1px solid var(--pix-v3-border)!important; }
.fi-body .fi-sidebar-header { border-bottom:1px solid var(--pix-v3-border)!important; }
.fi-body .fi-sidebar .fi-logo { color:var(--pix-v3-heading)!important; }
.fi-body .fi-sidebar-group-label { color:var(--pix-v3-text-secondary)!important; text-shadow:none!important; }
.fi-body .fi-sidebar-group-button:hover .fi-sidebar-group-label { color:var(--pix-v3-heading)!important; }
.fi-body .fi-sidebar-group-collapse-button { color:var(--pix-v3-text-secondary)!important; }
.fi-body .fi-sidebar-item-label { color:var(--pix-v3-text)!important; }
.fi-body .fi-sidebar-item-icon { color:var(--pix-v3-text-secondary)!important; }
.fi-body .fi-sidebar-item-button { border-radius:var(--pix-v3-radius-control)!important; }
.fi-body .fi-sidebar-group-items .fi-sidebar-item-button { text-shadow:none!important; }
.fi-body .fi-sidebar-group-items .fi-sidebar-item-button:hover { background:var(--pix-v3-surface-subtle)!important; color:var(--pix-v3-heading)!important; }
.fi-body .fi-sidebar-group-items .fi-sidebar-item.fi-active .fi-sidebar-item-button,
.fi-body .fi-sidebar-group-items .fi-sidebar-item.fi-active .fi-sidebar-item-button:hover { background:var(--pix-v3-primary-soft)!important; color:var(--pix-v3-link)!important; }
.fi-body .fi-sidebar-item.fi-active :is(.fi-sidebar-item-label,.fi-sidebar-item-icon),
.fi-body .fi-sidebar-item-active :is(.fi-sidebar-item-label,.fi-sidebar-item-icon) { color:var(--pix-v3-link)!important; }
.fi-body .pix-menu-search input { background:var(--pix-v3-surface-subtle); border-color:var(--pix-v3-input-border); color:var(--pix-v3-text); border-radius:var(--pix-v3-radius-control); }
.fi-body .pix-menu-search input::placeholder { color:var(--pix-v3-text-secondary); opacity:1; }
.fi-body .pix-topbar-bar :is(.pix-topbar-brand,.pix-topbar-username) { color:var(--pix-v3-heading); }
.fi-body .pix-topbar-bar :is(.pix-topbar-brand-sub,.pix-topbar-userrole,.pix-topbar-chevron) { color:var(--pix-v3-text-secondary); }
.fi-body .pix-topbar-bar :is(.pix-topbar-icon-btn,.pix-topbar-toggle,.pix-topbar-search) { background:var(--pix-v3-surface-subtle); color:var(--pix-v3-text-secondary); border-color:var(--pix-v3-border); }
.fi-body .pix-topbar-bar .pix-topbar-user:hover { background:var(--pix-v3-surface-subtle); }
.fi-body .pix-topbar-bar .pix-topbar-user-menu { background:var(--pix-v3-surface); border-color:var(--pix-v3-border); box-shadow:var(--pix-v3-shadow-raised); }
.fi-body :is(.fi-header-heading,.fi-page-header-heading,.pix-ov-title) { color:var(--pix-v3-heading)!important; font-size:1.375rem!important; font-weight:650!important; line-height:1.3; }
.fi-body .fi-breadcrumbs-item-label { color:var(--pix-v3-text-secondary)!important; }
.fi-body :is(.pix-workspace-navigation,.pix-wcms-menu) { background:var(--pix-v3-surface)!important; border-color:var(--pix-v3-border)!important; border-radius:var(--pix-v3-radius-card); gap:var(--pix-v3-space-half); padding:var(--pix-v3-space-1); box-shadow:var(--pix-v3-shadow); }
.fi-body :is(.pix-workspace-link,.pix-wcms-menu-item) { border-radius:var(--pix-v3-radius-control)!important; }
.fi-body .fi-sidebar-item-button:focus-visible,
.fi-body .pix-menu-search input:focus-visible,
.fi-body .pix-topbar-bar :is(a,button):focus-visible,
.fi-body :is(.pix-workspace-link,.pix-wcms-menu-item):focus-visible { outline:2px solid var(--pix-v3-focus)!important; outline-offset:3px; }
@media(max-width:767px) {
    .fi-body .pix-topbar-bar { gap:var(--pix-v3-space-1); padding-inline:var(--pix-v3-space-1); }
    .fi-body .pix-topbar-left { min-width:0; flex-shrink:1; }
    .fi-body .pix-topbar-brand-block { min-width:0; }
    .fi-body :is(.pix-topbar-brand,.pix-topbar-brand-sub) { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .fi-body .pix-topbar-right { gap:var(--pix-v3-space-half); }
    .fi-body :is(.fi-header-heading,.fi-page-header-heading,.pix-ov-title) { font-size:1.25rem!important; }
}
@media(prefers-reduced-motion:reduce) { .fi-body .fi-sidebar { scroll-behavior:auto; } }

/* Source: pixelizz-design-components.css */
/* V3 Phase B: native Filament components only. POS retains its selling interface. */
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) :is(.fi-section,.fi-ta-ctn,.fi-wi-chart,.fi-wi-stats-overview-stat) { background:var(--pix-v3-surface)!important; border:1px solid var(--pix-v3-border)!important; border-radius:var(--pix-v3-radius-panel)!important; box-shadow:var(--pix-v3-shadow)!important; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) :is(.fi-section-header,.fi-section-content,.fi-ta-header,.fi-ta-header-toolbar,.fi-ta-filters,.fi-ta-pagination) { background:var(--pix-v3-surface)!important; border-color:var(--pix-v3-border)!important; padding:16px!important; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) .fi-ta-header-toolbar { gap:8px; flex-wrap:wrap; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) .fi-ta-content { max-width:100%; overflow-x:auto; overscroll-behavior-inline:contain; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) .fi-ta-table { background:var(--pix-v3-surface)!important; border:0!important; border-radius:0!important; box-shadow:none!important; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) .fi-ta-header-cell { padding:10px 12px!important; background:var(--pix-v3-surface-subtle)!important; color:var(--pix-v3-text-secondary)!important; font-size:.75rem!important; letter-spacing:.025em; border:0!important; border-bottom:1px solid var(--pix-v3-border)!important; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) .fi-ta-cell { padding:8px 12px!important; font-size:.875rem!important; line-height:1.5!important; vertical-align:middle; border:0!important; border-bottom:1px solid var(--pix-v3-border)!important; color:var(--pix-v3-text)!important; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) .fi-ta-row:hover td { background:var(--pix-v3-surface-subtle)!important; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) .fi-ta-empty-state { padding:32px 16px!important; color:var(--pix-v3-text-secondary); }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) .fi-pagination-item-button { border-radius:8px; min-width:32px; min-height:32px; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) .fi-pagination-item.fi-active .fi-pagination-item-button { background:var(--pix-v3-primary-soft); color:var(--pix-v3-link); }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) :is(.fi-section-header-heading,.fi-modal-header-heading,.fi-fo-field-wrp-label) { color:var(--pix-v3-heading)!important; font-size:.875rem!important; font-weight:600!important; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) :is(.fi-section-header-description,.fi-fo-field-wrp-helper-text,.fi-input-wrp-label) { color:var(--pix-v3-text-secondary)!important; font-size:.8125rem; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) .fi-input-wrp { border-radius:8px!important; background:var(--pix-v3-surface)!important; box-shadow:0 0 0 1px var(--pix-v3-input-border)!important; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) .fi-input-wrp:not(.fi-invalid):not(.fi-disabled):focus-within { box-shadow:0 0 0 2px var(--pix-v3-focus)!important; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) .fi-input-wrp.fi-invalid { box-shadow:0 0 0 1px var(--pix-v3-danger-text)!important; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) .fi-input-wrp.fi-invalid:focus-within { box-shadow:0 0 0 2px var(--pix-v3-danger-text)!important; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) :is(.fi-input,.fi-select-input,.fi-select,.fi-textarea) { background:transparent!important; color:var(--pix-v3-text)!important; font-size:.875rem!important; border-color:var(--pix-v3-border)!important; border-radius:8px!important; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) :is(.fi-input,.fi-select,.fi-textarea):focus { box-shadow:none!important; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) :is(.fi-input,.fi-select-input,.fi-textarea)::placeholder { color:var(--pix-v3-text-secondary); opacity:1; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) :is(.fi-fo-field-wrp-error-message,.fi-fo-field-wrp-error-message-list) { color:var(--pix-v3-danger-text)!important; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) :is(.fi-checkbox-input,.fi-radio-input) { border-color:var(--pix-v3-input-border); accent-color:var(--pix-v3-action); }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) :is(.fi-checkbox-input,.fi-radio-input):checked { background-color:var(--pix-v3-action); border-color:var(--pix-v3-action); }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) .fi-toggle[aria-checked=true] { background:var(--pix-v3-action); }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) .fi-input-wrp.fi-disabled { background:var(--pix-v3-surface-subtle)!important; opacity:.7; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) :is(.fi-fo-repeater-item,.fi-fo-file-upload) { border-radius:12px; border-color:var(--pix-v3-border); }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) .fi-fo-repeater-item-header { background:var(--pix-v3-surface-subtle); border-color:var(--pix-v3-border); }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) .fi-btn { min-height:34px; border-radius:8px!important; font-size:.875rem!important; font-weight:600!important; box-shadow:none!important; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) .fi-btn.fi-color-primary { background:var(--pix-v3-action)!important; color:var(--pix-v3-on-action)!important; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) .fi-btn.fi-color-primary:hover { background:var(--pix-v3-action-hover)!important; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) .fi-btn.fi-color-gray { background:var(--pix-v3-surface)!important; color:var(--pix-v3-text)!important; border:1px solid var(--pix-v3-input-border); }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) .fi-btn.fi-color-danger { background:var(--pix-v3-danger-text)!important; color:var(--pix-v3-danger-soft)!important; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) .fi-btn.fi-color-success { background:var(--pix-v3-success-text)!important; color:var(--pix-v3-success-soft)!important; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) .fi-btn.fi-color-warning { background:var(--pix-v3-warning-text)!important; color:var(--pix-v3-warning-soft)!important; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) .fi-btn.fi-btn-outlined { background:transparent!important; color:var(--pix-v3-link)!important; border:1px solid currentColor; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) .fi-btn.fi-btn-outlined.fi-color-danger { color:var(--pix-v3-danger-text)!important; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) .fi-btn:disabled { opacity:.5; cursor:not-allowed; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) .fi-badge { border-radius:6px!important; padding:3px 8px!important; font-size:.75rem!important; font-weight:600!important; box-shadow:none; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) .fi-badge.fi-color-success { background:var(--pix-v3-success-soft)!important; color:var(--pix-v3-success-text)!important; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) .fi-badge.fi-color-warning { background:var(--pix-v3-warning-soft)!important; color:var(--pix-v3-warning-text)!important; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) .fi-badge.fi-color-danger { background:var(--pix-v3-danger-soft)!important; color:var(--pix-v3-danger-text)!important; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) .fi-badge:is(.fi-color-primary,.fi-color-info) { background:var(--pix-v3-primary-soft)!important; color:var(--pix-v3-link)!important; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) .fi-badge.fi-color-gray { background:var(--pix-v3-surface-subtle)!important; color:var(--pix-v3-text-secondary)!important; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) .fi-tabs { background:var(--pix-v3-surface)!important; border:1px solid var(--pix-v3-border)!important; border-radius:12px!important; padding:4px!important; gap:4px; max-width:100%; overflow-x:auto; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) :is(.fi-tabs-item,.fi-tabs-tab) { border-radius:8px; color:var(--pix-v3-text-secondary)!important; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) :is(.fi-tabs-item.fi-active,.fi-tabs-tab[aria-selected=true]) { background:var(--pix-v3-primary-soft)!important; color:var(--pix-v3-link)!important; border-color:transparent!important; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) :is(.fi-dropdown-panel,.fi-modal-window,.fi-no-notification) { background:var(--pix-v3-surface)!important; color:var(--pix-v3-text); border:1px solid var(--pix-v3-border)!important; border-radius:16px!important; box-shadow:var(--pix-v3-shadow-raised)!important; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) :is(.fi-modal-header,.fi-modal-content,.fi-modal-footer) { background:var(--pix-v3-surface)!important; border-color:var(--pix-v3-border)!important; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) .fi-dropdown-list-item { border-radius:8px; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) .fi-dropdown-list-item:hover { background:var(--pix-v3-surface-subtle)!important; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) .fi-no-notification-title { color:var(--pix-v3-heading); }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) .fi-no-notification-body { color:var(--pix-v3-text-secondary); }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) :is(.fi-btn,.fi-checkbox-input,.fi-radio-input,.fi-tabs-item,.fi-pagination-item-button):focus-visible { outline:2px solid var(--pix-v3-focus)!important; outline-offset:3px; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) :is(.fi-loading-indicator,.fi-ta-loading-indicator) { color:var(--pix-v3-link); }
@media(max-width:767px) {
    .fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) :is(.fi-input,.fi-select-input,.fi-textarea) { font-size:1rem!important; }
    .fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) :is(.fi-ta-header-toolbar,.fi-modal-header,.fi-modal-footer) { gap:8px; }
    .fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) .fi-modal-window { max-width:calc(100vw - 16px); }
    .fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) .fi-ta-pagination { flex-wrap:wrap; gap:8px; }
}
@media(prefers-reduced-motion:reduce) { .fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) .fi-loading-indicator { animation-duration:2s; } }

/* Source: pixelizz-dashboard-v3.css */
/* Phase C: Dashboard composition, reusing existing KPI/chart data sources. */
.pix-v3-dashboard { display:grid; gap:16px; }
.pix-v3-kpis { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:16px; }
.pix-v3-kpi,.pix-v3-panel { background:var(--pix-v3-surface); border:1px solid var(--pix-v3-border); border-radius:16px; box-shadow:var(--pix-v3-shadow); min-width:0; }
.pix-v3-kpi { padding:16px; }
.pix-v3-kpi-top { display:flex; align-items:center; gap:10px; color:var(--pix-v3-text-secondary); font-size:.8125rem; }
.pix-v3-kpi-icon { display:grid; place-items:center; width:40px; height:40px; flex:none; border-radius:12px; background:var(--pix-v3-primary-soft); color:var(--pix-v3-link); }
.pix-v3-kpi-icon svg { width:22px; height:22px; }
.pix-v3-kpi>strong { display:block; margin:12px 0 8px; color:var(--pix-v3-heading); font-size:1.5rem; line-height:1.2; font-variant-numeric:tabular-nums; }
.pix-v3-kpi p { color:var(--pix-v3-text-secondary); font-size:.75rem; }
.pix-v3-tone-0 .pix-v3-kpi-icon,.pix-v3-tone-5 .pix-v3-kpi-icon { background:var(--pix-v3-success-soft); color:var(--pix-v3-success-text); }
.pix-v3-tone-2 .pix-v3-kpi-icon { background:var(--pix-v3-warning-soft); color:var(--pix-v3-warning-text); }
.pix-v3-tone-3 .pix-v3-kpi-icon,.pix-v3-tone-4 .pix-v3-kpi-icon { background:var(--pix-v3-danger-soft); color:var(--pix-v3-danger-text); }
.pix-v3-dashboard-middle { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(0,1fr) minmax(0,1fr); gap:16px; align-items:start; }
.pix-v3-dashboard-chart { min-width:0; }
.pix-v3-panel { padding:16px; }
.pix-v3-panel header { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:16px; }
.pix-v3-panel h2 { color:var(--pix-v3-heading); font-size:.9375rem; font-weight:650; }
.pix-v3-attention-row { display:flex; gap:12px; align-items:center; padding:12px 0; border-bottom:1px solid var(--pix-v3-border); color:var(--pix-v3-text); font-size:.8125rem; }
.pix-v3-attention-row>span:first-child { flex:1; }
.pix-v3-attention-row small { display:block; color:var(--pix-v3-text-secondary); margin-top:4px; }
.pix-v3-attention-row:last-child { border:0; }
.pix-v3-quick-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.pix-v3-quick-actions a { display:flex; flex-direction:column; align-items:center; text-align:center; gap:8px; padding:16px 8px; border-radius:12px; background:var(--pix-v3-primary-soft); color:var(--pix-v3-link); font-size:.8125rem; }
.pix-v3-quick-actions a svg { width:24px; height:24px; }
.pix-v3-quick-actions small,.pix-v3-empty { color:var(--pix-v3-text-secondary); font-size:.75rem; }
.pix-v3-branch-context { color:#526581; font-size:.8125rem; }
.pix-v3-recent-table { width:100%; border-collapse:collapse; font-size:.8125rem; }
.pix-v3-recent-table th { background:var(--pix-v3-surface-subtle); color:var(--pix-v3-text-secondary); font-weight:600; text-align:left; }
.pix-v3-recent-table :is(th,td) { padding:10px 12px; border-bottom:1px solid var(--pix-v3-border); white-space:nowrap; }
.pix-v3-recent-table td { color:var(--pix-v3-text); }
.pix-v3-recent-table a { color:var(--pix-v3-link); }
@media(max-width:1279px) { .pix-v3-kpis { grid-template-columns:repeat(3,minmax(0,1fr)); } .pix-v3-dashboard-middle { grid-template-columns:repeat(2,minmax(0,1fr)); } .pix-v3-dashboard-chart { grid-column:1/-1; } }
@media(max-width:639px) { .pix-v3-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } .pix-v3-kpi { padding:12px; } .pix-v3-kpi-top { flex-wrap:wrap; } .pix-v3-kpi>strong { font-size:1.125rem; } .pix-v3-dashboard-middle { grid-template-columns:minmax(0,1fr); } }

/* Source: pixelizz-design-modules.css */
/* Phase D: shared custom ERP surfaces. Native resources inherit Phase B. */
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) :is(.pix-set-card,.pix-set-toggle-card,.pix-po-sidebar,.pix-ov-table-card,.pix-inv-stat-card,.fi-product-header-card,.pix-wcms-hp-panel,.pix-wcms-hp-kpi,.pix-seo-coverage-box,.pix-seo-hero,.pix-acc-card) { background:var(--pix-v3-surface)!important; border:1px solid var(--pix-v3-border)!important; border-radius:16px!important; box-shadow:var(--pix-v3-shadow)!important; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) :is(.pix-set-card:hover,.pix-inv-stat-card:hover) { border-color:var(--pix-v3-input-border)!important; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) :is(.pix-set-card-title,.pix-set-toggle-name,.pix-set-module-row-name,.pix-ov-table-title,.pix-inv-stat-value,.pix-po-list-name,.pix-po-list-amt,.pix-po-donut-total,.pix-acc-name,.pix-acc-bal,.pix-wcms-hp-title,.pix-wcms-hp-panel-title,.pix-wcms-hp-kpi-value,.pix-seo-score,.pix-seo-category-name,.pix-seo-coverage-value) { color:var(--pix-v3-heading)!important; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) :is(.pix-set-card-desc,.pix-set-toggle-desc,.pix-set-module-row-desc,.pix-inv-subtitle,.pix-inv-stat-label,.pix-inv-stat-desc,.pix-po-list-sub,.pix-po-legend-label,.pix-po-donut-total-lbl,.pix-po-empty,.pix-rep-subtitle,.pix-acc-type,.pix-wcms-topbar-subtitle,.pix-wcms-hp-topbar-subtitle,.pix-wcms-hp-field-hint,.pix-wcms-hp-kpi-label,.pix-wcms-hp-kpi-sub,.pix-seo-meta,.pix-seo-coverage-label,.pix-seo-empty-state) { color:var(--pix-v3-text-secondary)!important; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) :is(.pix-set-card-arrow,.pix-set-card-link,.pix-inv-stat-link,.pix-po-viewall,.pix-po-alert-link) { color:var(--pix-v3-link)!important; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) .pix-ov-title-row { margin-bottom:16px; gap:16px; flex-wrap:wrap; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) .pix-ov-actions { gap:8px; flex-wrap:wrap; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) .pix-ov-action-btn { border:1px solid var(--pix-v3-input-border); border-radius:8px; padding:8px 12px; background:var(--pix-v3-surface); color:var(--pix-v3-text); font-size:.8125rem; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) :is(.pix-ov-action-btn-create,.pix-inv-action-btn-primary,.pix-wcms-hp-btn-primary) { background:var(--pix-v3-action)!important; border-color:var(--pix-v3-action)!important; color:var(--pix-v3-on-action)!important; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) :is(.pix-ov-action-btn-create,.pix-inv-action-btn-primary,.pix-wcms-hp-btn-primary):hover { background:var(--pix-v3-action-hover)!important; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) :is(.pix-ov-stats,.pix-inv-stat-grid) { background:transparent!important; border:0!important; box-shadow:none!important; gap:12px!important; margin-bottom:16px; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) .pix-ov-stat { background:var(--pix-v3-surface)!important; border:1px solid var(--pix-v3-border); border-radius:12px; padding:16px!important; min-width:0; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) :is(.pix-ov-stat-label,.pix-inv-stat-label) { font-size:.75rem; letter-spacing:.025em; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) :is(.pix-ov-stat-value,.pix-inv-stat-value) { color:var(--pix-v3-heading); font-size:1.375rem; font-variant-numeric:tabular-nums; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) :is(.pix-inv-tabs,.pix-ov-tabs,.pix-po-pills) { background:var(--pix-v3-surface); border-color:var(--pix-v3-border); border-radius:12px; padding:4px; gap:4px; max-width:100%; overflow-x:auto; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) :is(.pix-inv-tab,.pix-ov-tab) { color:var(--pix-v3-text-secondary); border-radius:8px; padding:8px 12px; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) :is(.pix-inv-tab-active,.pix-ov-tab-active) { color:var(--pix-v3-link)!important; background:var(--pix-v3-primary-soft)!important; border-color:transparent!important; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) :is(.pix-po-list-row,.pix-ov-table-header,.pix-wcms-hp-panel-header,.pix-wcms-drawer-header,.pix-set-features) { border-color:var(--pix-v3-border); }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) :is(.pix-wcms-hp-topbar,.pix-wcms-drawer-panel,.pix-wcms-drawer-header,.pix-wcms-hp-section-card,.pix-wcms-hp-input,.pix-wcms-hp-select,.pix-inv-search-input) { background:var(--pix-v3-surface)!important; color:var(--pix-v3-text); border-color:var(--pix-v3-input-border); }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) :is(.pix-set-card-icon,.pix-inv-stat-icon) { border-radius:12px; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) :is(.pix-set-icon-blue,.pix-set-icon-purple,.pix-inv-stat-c-blue,.pix-inv-stat-c-purple) { background:var(--pix-v3-primary-soft); color:var(--pix-v3-link); }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) :is(.pix-set-icon-green,.pix-set-icon-teal,.pix-inv-stat-c-green,.pix-inv-stat-c-teal) { background:var(--pix-v3-success-soft); color:var(--pix-v3-success-text); }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) :is(.pix-set-icon-orange,.pix-inv-stat-c-orange,.pix-po-alert) { background:var(--pix-v3-warning-soft); color:var(--pix-v3-warning-text); }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) :is(.pix-set-icon-red,.pix-inv-stat-c-red) { background:var(--pix-v3-danger-soft); color:var(--pix-v3-danger-text); }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) :is(.pix-rep-page,.pix-wcms-content,.pix-po-main,.pix-inv-page) { min-width:0; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) .fi-resource-products .fi-fo-repeater { border-radius:12px; }
/* POS visual polish only: keep grid, cart, barcode, keyboard and checkout controls intact. */
.pos-terminal-wrapper { --pos-line:#344357; }
.pos-terminal-wrapper :is(button,input,select):focus-visible { outline:2px solid #8CB1F2!important; outline-offset:3px; }
@media(max-width:1023px) { .fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) .pix-po-grid { grid-template-columns:minmax(0,1fr); } }
@media(max-width:767px) {
    .fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) :is(.pix-ov-stat,.pix-inv-stat-card) { padding:12px!important; }
    .fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) :is(.pix-ov-tabs,.pix-inv-tabs,.pix-po-pills) { flex-wrap:nowrap; }
    .fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) :is(.pix-ov-tab,.pix-inv-tab) { flex-shrink:0; }
    .fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) .pix-wcms-topbar { flex-wrap:wrap; gap:12px; }
}

/* Source: pixelizz-design-responsive.css */
/* Phase E: responsive/accessibility edges; never generic POS table/form rules. */
.fi-body .pix-topbar-pos-btn { background:var(--pix-v3-success-text); color:var(--pix-v3-success-soft); box-shadow:var(--pix-v3-shadow); }
.fi-body .pix-topbar-avatar-init { background:var(--pix-v3-action); color:var(--pix-v3-on-action); }
.fi-body .pix-wcms-visit-btn { background:var(--pix-v3-action); color:var(--pix-v3-on-action); box-shadow:none; }
.fi-body .pix-wcms-visit-btn:hover { background:var(--pix-v3-action-hover); }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) :is(.fi-checkbox-input,.fi-radio-input):checked { background-color:var(--pix-v3-selection); border-color:var(--pix-v3-selection); }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) .fi-toggle[aria-checked=true] { background:var(--pix-v3-selection); }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) .fi-btn.fi-btn-outlined.fi-color-success { color:var(--pix-v3-success-text)!important; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) .fi-btn.fi-btn-outlined.fi-color-warning { color:var(--pix-v3-warning-text)!important; }
.fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) .fi-btn.fi-btn-outlined.fi-color-gray { color:var(--pix-v3-text)!important; }
.fi-body :is(.pix-wcms-hp-badge-active,.pix-wcms-hp-stat-pill-active,.pix-set-feature-pill-on) { background:var(--pix-v3-success-soft); color:var(--pix-v3-success-text); border-color:var(--pix-v3-success); }
.fi-body :is(.pix-wcms-hp-badge-draft,.pix-wcms-hp-stat-pill-draft) { background:var(--pix-v3-warning-soft); color:var(--pix-v3-warning-text); border-color:var(--pix-v3-warning); }
.fi-body :is(.pix-wcms-hp-badge-scheduled,.pix-wcms-hp-stat-pill-scheduled) { background:var(--pix-v3-primary-soft); color:var(--pix-v3-link); border-color:var(--pix-v3-input-border); }
.fi-body :is(.pix-wcms-hp-badge-inactive,.pix-wcms-hp-badge-expired,.pix-wcms-hp-stat-pill-hidden) { background:var(--pix-v3-surface-subtle); color:var(--pix-v3-text-secondary); border-color:var(--pix-v3-border); }
.fi-body :is(.pix-wcms-hp-stat-pill-active,.pix-wcms-hp-stat-pill-draft,.pix-wcms-hp-stat-pill-scheduled,.pix-wcms-hp-stat-pill-hidden) .pix-wcms-hp-stat-pill-val { color:inherit; }
.fi-body :is(.fi-fo-date-time-picker-panel,.fi-fo-select .choices__list--dropdown) { background:var(--pix-v3-surface); color:var(--pix-v3-text); border-color:var(--pix-v3-input-border); }
.fi-body .pix-v3-product-layout { min-width:0; }
/* Native action dialogs may appear above POS; style the dialog, never the selling panels. */
.fi-body:has(.pos-terminal-wrapper) .fi-modal-window { background:var(--pix-v3-surface)!important; color:var(--pix-v3-text); border-color:var(--pix-v3-border)!important; }
.fi-body:has(.pos-terminal-wrapper) .fi-modal-window :is(.fi-modal-header,.fi-modal-content,.fi-modal-footer,.fi-input-wrp,.fi-input,.fi-select-input) { background:var(--pix-v3-surface)!important; color:var(--pix-v3-text)!important; border-color:var(--pix-v3-input-border)!important; }
.fi-body:has(.pos-terminal-wrapper) .fi-modal-window :is(.fi-modal-header-heading,.fi-fo-field-wrp-label) { color:var(--pix-v3-heading)!important; }
@media(max-width:1023px) {
    .fi-body .pix-v3-product-layout { flex-direction:column; }
    .fi-body .pix-v3-product-layout>.flex-1 { width:100%; }
    .fi-body :is(.pix-set-grid-3,.pix-set-grid-2) { gap:16px; }
}
@media(max-width:767px) {
    .fi-body .fi-sidebar { max-width:calc(100vw - 16px); }
    .fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) :is(.pix-set-grid-3,.pix-set-grid-2) { grid-template-columns:minmax(0,1fr); }
    .fi-body:not(:has(.pos-page,.pos-terminal-wrapper)) .pix-ov-stats { display:grid; grid-template-columns:repeat(2,minmax(0,1fr))!important; overflow:visible; }
    .fi-body .pix-v3-attention-row { flex-wrap:wrap; }
    .fi-body .pix-wcms-topbar-actions { flex-wrap:wrap; max-width:100%; }
    .fi-body .pix-wcms-domain-badge { max-width:100%; overflow-wrap:anywhere; }
}
html.dark .fi-body :is(.pix-login-panel,.pix-login-form-panel) { background:var(--pix-v3-surface); color:var(--pix-v3-text); }
html.dark .fi-body :is(.pix-login-welcome,.pix-login-mobile-wordmark) { color:var(--pix-v3-heading); }
html.dark .fi-body :is(.pix-login-welcome-sub,.pix-login-panel-footer) { color:var(--pix-v3-text-secondary); border-color:var(--pix-v3-border); }
@media(prefers-reduced-motion:reduce) {
    .fi-body :is(.fi-sidebar,.pix-topbar-bar,.pix-toggle-knob,.fi-btn,.pix-set-card,.pix-topbar-pos-btn) { transition:none!important; scroll-behavior:auto; }
}
@media(forced-colors:active) { .fi-body :is(.fi-btn,.fi-input-wrp,.fi-checkbox-input,.fi-radio-input) { border:1px solid ButtonText!important; } }