/*
 * Warehouse EXP Date v22.3 — Content Separation & Readability
 * One scoped visual system for the entire product.
 * No business logic lives here. Keep new visual work under .global-experience.
 */

.global-experience{
    --gx-brand-50:#fff1f8;
    --gx-brand-100:#ffe1f0;
    --gx-brand-200:#ffc2e0;
    --gx-brand-300:#ff91c7;
    --gx-brand-400:#ff5eae;
    --gx-brand-500:#ed1c91;
    --gx-brand-600:#cf1479;
    --gx-brand-700:#aa145f;
    --gx-brand-800:#7e174c;
    --gx-brand-900:#551334;
    --gx-ink-950:#151118;
    --gx-ink-900:#211b24;
    --gx-ink-800:#342c37;
    --gx-ink-700:#514757;
    --gx-ink-600:#6f6473;
    --gx-ink-500:#8a808d;
    --gx-ink-400:#aaa2ad;
    --gx-ink-300:#cbc5cd;
    --gx-ink-200:#e1dce3;
    --gx-ink-100:#eeeaf0;
    --gx-ink-50:#f8f6f8;
    --gx-blue:#3b82f6;
    --gx-cyan:#0891b2;
    --gx-emerald:#059669;
    --gx-amber:#d97706;
    --gx-red:#dc2626;
    --gx-purple:#7c3aed;
    --gx-radius-xs:8px;
    --gx-radius-sm:12px;
    --gx-radius-md:16px;
    --gx-radius-lg:20px;
    --gx-radius-xl:26px;
    --gx-radius-2xl:32px;
    --gx-shadow-xs:0 1px 2px rgba(26,18,28,.04),0 1px 3px rgba(26,18,28,.04);
    --gx-shadow-sm:0 12px 30px -24px rgba(45,22,39,.24),0 2px 8px rgba(45,22,39,.04);
    --gx-shadow-md:0 20px 54px -36px rgba(45,22,39,.34),0 4px 14px rgba(45,22,39,.05);
    --gx-shadow-lg:0 30px 80px -48px rgba(45,22,39,.46),0 8px 26px rgba(45,22,39,.08);
    --gx-focus:0 0 0 4px rgba(237,28,145,.13);
    --gx-fast:140ms cubic-bezier(.2,.7,.2,1);
    --gx-normal:220ms cubic-bezier(.2,.7,.2,1);
    --gx-slow:360ms cubic-bezier(.2,.7,.2,1);
    --gx-content:1760px;

    --bg-main:#f5f4f7;
    --card-bg:#ffffff;
    --surface:#ffffff;
    --surface-soft:#faf9fb;
    --surface-elevated:#ffffff;
    --primary:#211b24;
    --text:#211b24;
    --secondary:#cf1479;
    --secondary-2:#ed1c91;
    --brand:#ed1c91;
    --brand-strong:#cf1479;
    --brand-deep:#7e174c;
    --brand-soft:#fff1f8;
    --success:#07865f;
    --warning:#b96509;
    --danger:#d43b4c;
    --purple:#76506d;
    --border:#e7e2e8;
    --border-strong:#d8d1da;
    --text-main:#211b24;
    --text-muted:#685f6c;
    --input-bg:#fbfafc;
    --shadow:var(--gx-shadow-md);
    --shadow-sm:var(--gx-shadow-sm);
    --shadow-soft:var(--gx-shadow-sm);
    --shadow-card:var(--gx-shadow-md);
}

.global-experience[data-theme="dark"]{
    --bg-main:#0b0d12;
    --card-bg:#12151c;
    --surface:#141820;
    --surface-soft:#191e27;
    --surface-elevated:#171b24;
    --primary:#f7f5f8;
    --text:#f7f5f8;
    --secondary:#ff67bd;
    --secondary-2:#ff3fa9;
    --brand:#ff3fa9;
    --brand-strong:#e22e91;
    --brand-deep:#9f1f66;
    --brand-soft:#351426;
    --success:#52d4a6;
    --warning:#f4b85f;
    --danger:#ff7d8d;
    --purple:#d694c3;
    --border:#2b303b;
    --border-strong:#3a414f;
    --text-main:#f7f5f8;
    --text-muted:#b7bdc7;
    --input-bg:#171b23;
    --gx-shadow-xs:0 1px 2px rgba(0,0,0,.28);
    --gx-shadow-sm:0 12px 32px -22px rgba(0,0,0,.58),0 2px 8px rgba(0,0,0,.2);
    --gx-shadow-md:0 24px 60px -34px rgba(0,0,0,.74),0 4px 18px rgba(0,0,0,.28);
    --gx-shadow-lg:0 38px 90px -44px rgba(0,0,0,.82),0 10px 32px rgba(0,0,0,.32);
    --gx-focus:0 0 0 4px rgba(255,63,169,.16);
}

.global-experience *,
.global-experience *::before,
.global-experience *::after{
    box-sizing:border-box;
}

body.global-experience{
    min-height:100vh;
    margin:0;
    padding:22px;
    color:var(--text-main);
    background:
        radial-gradient(circle at 6% -6%,rgba(237,28,145,.10),transparent 27%),
        radial-gradient(circle at 94% 2%,rgba(59,130,246,.07),transparent 23%),
        linear-gradient(180deg,rgba(255,255,255,.42),transparent 36%),
        var(--bg-main);
    font-family:Inter,"Segoe UI Variable","Segoe UI",Tahoma,Arial,sans-serif;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}
body.global-experience[data-theme="dark"]{
    background:
        radial-gradient(circle at 5% -8%,rgba(255,63,169,.11),transparent 28%),
        radial-gradient(circle at 92% 0%,rgba(59,130,246,.08),transparent 25%),
        linear-gradient(180deg,rgba(255,255,255,.015),transparent 36%),
        var(--bg-main);
}
.global-experience::before{
    opacity:.42;
    background-size:40px 40px;
    mask-image:linear-gradient(to bottom,#000,transparent 58%);
}
.global-experience ::selection{background:rgba(237,28,145,.18);color:inherit;}
.global-experience *{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;}
.global-experience *::-webkit-scrollbar{width:10px;height:10px;}
.global-experience *::-webkit-scrollbar-thumb{background:var(--border-strong);border:3px solid transparent;border-radius:999px;background-clip:padding-box;}
.global-experience *::-webkit-scrollbar-track{background:transparent;}

.global-experience :focus-visible{
    outline:2px solid transparent;
    box-shadow:var(--gx-focus);
}
.global-experience a,.global-experience button,.global-experience input,.global-experience select,.global-experience textarea{
    transition:border-color var(--gx-fast),background-color var(--gx-fast),color var(--gx-fast),box-shadow var(--gx-fast),transform var(--gx-fast),opacity var(--gx-fast);
}
.global-experience button:active{transform:translateY(1px) scale(.995);}
.global-experience h1,.global-experience h2,.global-experience h3,.global-experience strong{letter-spacing:-.008em;}
.global-experience .english-number-input,
.global-experience .metric-info h2,
.global-experience .kpi-value,
.global-experience .dashboard-status-number,
.global-experience code{
    font-variant-numeric:tabular-nums;
}

/* App frame */
.global-experience .erp-container{
    max-width:var(--gx-content);
    margin-inline:auto;
}
.global-experience .erp-header{
    min-height:112px;
    margin-bottom:14px;
    padding:22px 24px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:var(--gx-radius-xl);
    background:
        radial-gradient(circle at 88% 0%,rgba(255,255,255,.12),transparent 28%),
        linear-gradient(128deg,#21131d 0%,#531438 48%,#9f155f 100%);
    box-shadow:0 28px 70px -38px rgba(83,20,56,.65);
}
.global-experience .erp-header::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.35;
    background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
    background-size:32px 32px;
    mask-image:linear-gradient(90deg,#000,transparent 75%);
}
.global-experience .erp-header::after{
    width:460px;
    height:460px;
    inset-inline-end:-120px;
    top:-250px;
    background:radial-gradient(circle,rgba(255,115,197,.20),rgba(59,130,246,.10) 42%,transparent 70%);
}
.global-experience .brand-lockup{gap:16px;min-width:280px;}
.global-experience .brand-logo-shell{
    width:58px;
    height:58px;
    flex:0 0 58px;
    display:grid;
    place-items:center;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.22);
    border-radius:18px;
    background:#fff;
    box-shadow:0 16px 34px -22px rgba(0,0,0,.6);
}
.global-experience .company-logo-header{max-width:84%;max-height:84%;object-fit:contain;}
.global-experience .brand-company-kicker{font-size:9.5px;letter-spacing:.18em;font-weight:900;color:#ffb8dc;}
.global-experience .erp-header h1{font-size:24px;line-height:1.25;font-weight:850;letter-spacing:-.018em;}
.global-experience .brand-subtitle{margin-top:7px;color:rgba(255,255,255,.74);font-size:11.5px;line-height:1.65;}
.global-experience .warehouse-name-display{
    display:inline-flex;
    margin-top:7px;
    padding:4px 8px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:999px;
    color:#fff;
    background:rgba(255,255,255,.07);
    font-size:9.5px;
    font-weight:800;
}
.global-experience .header-actions{gap:8px;justify-content:flex-end;}
.global-experience .header-actions .btn,
.global-experience .header-actions select,
.global-experience .header-actions .offline-queue-pill,
.global-experience .header-actions .current-user-pill{
    min-height:38px;
    border-radius:11px;
}
.global-experience .header-actions .btn,
.global-experience .header-actions select{
    color:#fff!important;
    background:rgba(255,255,255,.085)!important;
    border:1px solid rgba(255,255,255,.13)!important;
    box-shadow:none!important;
}
.global-experience .header-actions .btn:hover,
.global-experience .header-actions select:hover{
    background:rgba(255,255,255,.145)!important;
    border-color:rgba(255,255,255,.23)!important;
    transform:translateY(-1px);
}
.global-experience .current-user-pill{
    padding:6px 10px;
    color:#fff;
    background:rgba(8,7,10,.20);
    border:1px solid rgba(255,255,255,.12);
}
.global-experience .current-user-pill strong{font-size:11.5px;}
.global-experience .current-user-pill small{color:rgba(255,255,255,.68);font-size:10px;}
.global-experience .erp-badge{
    padding:5px 9px;
    color:#ffd9eb;
    background:rgba(15,8,14,.22);
    border:1px solid rgba(255,255,255,.11);
    border-radius:999px;
    font-size:9.5px;
    letter-spacing:.03em;
}
.global-experience #notifBadge{
    min-width:18px;
    height:18px;
    display:inline-grid;
    place-items:center;
    margin:0;
    padding:0 5px;
    border-radius:999px;
    background:#ff5070;
    font-size:9.5px;
}

/* Navigation */
.global-experience .nav-tabs{
    position:sticky;
    top:12px;
    z-index:930;
    gap:5px;
    margin:0 0 20px;
    padding:6px;
    border:1px solid color-mix(in srgb,var(--border) 82%,transparent);
    border-radius:16px;
    background:color-mix(in srgb,var(--card-bg) 91%,transparent);
    box-shadow:0 18px 48px -34px rgba(40,25,38,.38);
    backdrop-filter:blur(20px) saturate(1.18);
}
.global-experience .tab-btn{
    min-height:42px;
    padding:9px 15px;
    gap:7px;
    border-radius:11px;
    color:var(--text-muted);
    font-size:11px;
    font-weight:800;
}
.global-experience .tab-btn .ui-icon{width:17px;height:17px;}
.global-experience .tab-btn:hover{
    color:var(--text-main);
    transform:none;
    border-color:transparent;
    background:var(--surface-soft);
}
.global-experience .tab-btn.active{
    color:#fff;
    border-color:rgba(255,255,255,.12);
    background:linear-gradient(135deg,#ad145f,#ed1c91 72%,#ff63b7);
    box-shadow:0 12px 26px -18px rgba(207,20,121,.72);
}

/* Global page rhythm */
.global-experience .gx-page-section{animation:gxPageEnter .24s ease both;}
.global-experience .gx-page-section > :first-child{scroll-margin-top:84px;}
@keyframes gxPageEnter{from{opacity:.55;transform:translateY(4px)}to{opacity:1;transform:none}}

.global-experience .chart-card,
.global-experience .logs-card,
.global-experience .metric-card,
.global-experience .kpi-card,
.global-experience .erp-toolbar,
.global-experience .erp-table-container,
.global-experience .dashboard-status-card,
.global-experience .dashboard-attention-card,
.global-experience .settings-card,
.global-experience .erp-operations-card,
.global-experience .movement-hero,
.global-experience .movement-register-shell,
.global-experience .report-workspace,
.global-experience .professional-report-shell,
.global-experience .master-workspace,
.global-experience .inventory-workspace{
    border-color:var(--border);
    border-radius:var(--gx-radius-lg);
    background:var(--card-bg);
    box-shadow:var(--gx-shadow-sm);
}
.global-experience .chart-card:hover,
.global-experience .metric-card:hover,
.global-experience .kpi-card:hover,
.global-experience .settings-card:hover,
.global-experience .erp-operations-card:hover{
    border-color:color-mix(in srgb,var(--brand) 22%,var(--border));
    box-shadow:var(--gx-shadow-md);
}

/* Buttons */
.global-experience .btn{
    min-height:38px;
    padding:8px 13px;
    border-radius:10px;
    font-size:10.5px;
    line-height:1.1;
    font-weight:800;
    letter-spacing:-.005em;
    box-shadow:var(--gx-shadow-xs);
}
.global-experience .btn .ui-icon{width:16px;height:16px;}
.global-experience .btn:hover{transform:translateY(-1px);box-shadow:var(--gx-shadow-sm);}
.global-experience .btn-blue{background:linear-gradient(135deg,#c71674,#ed1c91);color:#fff;border-color:transparent;}
.global-experience .btn-purple{background:linear-gradient(135deg,#6e4166,#9e397c);color:#fff;border-color:transparent;}
.global-experience .btn-green{background:linear-gradient(135deg,#07865f,#11a879);color:#fff;border-color:transparent;}
.global-experience .btn-red{background:linear-gradient(135deg,#c73548,#e65363);color:#fff;border-color:transparent;}
.global-experience .btn-neutral{background:var(--surface-soft);color:var(--text-main);border:1px solid var(--border);}
.global-experience .btn-neutral:hover{background:var(--surface-elevated);border-color:var(--border-strong);}
.global-experience .btn-sm{min-height:30px;padding:6px 9px;border-radius:8px;font-size:9.5px;}
.global-experience button[disabled],.global-experience .btn:disabled{opacity:.54;transform:none;box-shadow:none;cursor:not-allowed;}

/* Inputs / selects / forms */
.global-experience input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.global-experience select,
.global-experience textarea{
    min-height:42px;
    color:var(--text-main);
    background:var(--input-bg);
    border:1px solid var(--border);
    border-radius:10px;
    box-shadow:inset 0 1px 1px rgba(34,25,34,.025);
    font-size:11px;
}
.global-experience textarea{min-height:96px;resize:vertical;}
.global-experience input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):hover,
.global-experience select:hover,
.global-experience textarea:hover{border-color:var(--border-strong);}
.global-experience input:focus,
.global-experience select:focus,
.global-experience textarea:focus{
    outline:none;
    border-color:color-mix(in srgb,var(--brand) 66%,var(--border));
    box-shadow:var(--gx-focus);
}
.global-experience label{color:var(--text-main);font-weight:800;}
.global-experience small{color:var(--text-muted);}
.global-experience .settings-field,.global-experience .form-group{gap:6px;}
.global-experience .settings-field label,.global-experience .form-group label{font-size:9.5px;letter-spacing:.01em;}
.global-experience .performance-note,
.global-experience .cloud-secret-warning{
    border-radius:12px;
    font-size:9.5px;
    line-height:1.7;
}

/* Scanner / toolbars */
.global-experience .barcode-scanner-bar{
    margin-bottom:16px;
    padding:14px 16px;
    border-radius:16px;
    background:color-mix(in srgb,var(--card-bg) 95%,var(--brand-soft));
    box-shadow:var(--gx-shadow-sm);
}
.global-experience .barcode-scanner-bar::before{width:3px;background:linear-gradient(var(--brand),var(--brand-strong));}
.global-experience .scanner-label{font-size:10px;color:var(--brand-strong);}
.global-experience .toolbar-panel{
    padding:15px;
    gap:12px;
    border:1px solid var(--border);
    border-radius:var(--gx-radius-lg);
    background:var(--card-bg);
    box-shadow:var(--gx-shadow-sm);
}
.global-experience .toolbar-panel-title strong{font-size:11px;}
.global-experience .toolbar-panel-title small{font-size:9.5px;line-height:1.6;}
.global-experience .toolbar-select-wrap,
.global-experience .toolbar-search-wrap{border-radius:10px;}

/* Data tables */
.global-experience .erp-table-container,
.global-experience .table-scroll{
    border:1px solid var(--border);
    border-radius:15px;
    background:var(--card-bg);
    box-shadow:var(--gx-shadow-xs);
}
.global-experience .table-scroll{overflow:auto;}
.global-experience table{border-collapse:separate;border-spacing:0;}
.global-experience th{
    position:sticky;
    top:0;
    z-index:3;
    padding:11px 13px;
    color:var(--text-muted);
    background:color-mix(in srgb,var(--surface-soft) 94%,transparent);
    border-bottom:1px solid var(--border);
    font-size:9.5px;
    font-weight:900;
    letter-spacing:.025em;
    backdrop-filter:blur(12px);
}
.global-experience td{
    padding:11px 13px;
    color:var(--text-main);
    border-bottom:1px solid color-mix(in srgb,var(--border) 75%,transparent);
    font-size:10.5px;
    vertical-align:middle;
}
.global-experience tbody tr{transition:background-color var(--gx-fast),box-shadow var(--gx-fast);}
.global-experience tbody tr:hover{background:color-mix(in srgb,var(--brand-soft) 36%,var(--card-bg));}
.global-experience tbody tr:last-child td{border-bottom:0;}
.global-experience .status-badge,
.global-experience .category-badge,
.global-experience .location-tag,
.global-experience .transfer-status{
    padding:4px 8px;
    border-radius:999px;
    font-size:9.5px;
    font-weight:850;
}

/* Dashboard */
.global-experience .dashboard-pro{gap:14px;}
.global-experience .dashboard-topbar{
    padding:4px 2px 2px;
    align-items:flex-end;
}
.global-experience .dashboard-title-block h2{font-size:27px;font-weight:850;}
.global-experience .dashboard-title-block p{font-size:10px;line-height:1.65;}
.global-experience .dashboard-eyebrow{font-size:9.5px;letter-spacing:.11em;color:var(--brand-strong);}
.global-experience .dashboard-live-pill,
.global-experience .dashboard-updated{
    min-height:34px;
    border:1px solid var(--border);
    border-radius:10px;
    background:var(--card-bg);
    box-shadow:var(--gx-shadow-xs);
}
.global-experience .dashboard-hero{
    min-height:206px;
    overflow:hidden;
    border:1px solid var(--border);
    border-radius:var(--gx-radius-xl);
    background:
        radial-gradient(circle at 88% 20%,rgba(237,28,145,.12),transparent 30%),
        radial-gradient(circle at 78% 90%,rgba(59,130,246,.08),transparent 28%),
        linear-gradient(135deg,var(--card-bg),color-mix(in srgb,var(--card-bg) 90%,var(--brand-soft)));
    box-shadow:var(--gx-shadow-md);
}
.global-experience .dashboard-hero::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background-image:linear-gradient(rgba(148,163,184,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.045) 1px,transparent 1px);
    background-size:26px 26px;
    mask-image:linear-gradient(90deg,transparent,#000);
}
.global-experience .dashboard-hero-copy{position:relative;z-index:1;}
.global-experience .dashboard-mini-label{border:1px solid color-mix(in srgb,var(--brand) 16%,transparent);}
.global-experience .dashboard-kpi-grid{gap:12px;}
.global-experience .dashboard-kpi-grid .kpi-card{
    min-height:126px;
    padding:17px;
    border:1px solid var(--border);
    border-radius:18px;
    background:linear-gradient(145deg,var(--card-bg),color-mix(in srgb,var(--card-bg) 94%,var(--kpi-soft)));
}
.global-experience .kpi-card:hover{transform:translateY(-2px);}
.global-experience .dashboard-kpi-grid .kpi-icon{width:46px;height:46px;flex-basis:46px;border-radius:14px;}
.global-experience .dashboard-kpi-grid .kpi-value{font-size:27px;}
.global-experience .dashboard-status-card{padding:15px;border-radius:15px;}
.global-experience .dashboard-main-chart,.global-experience .dashboard-attention-card{border-radius:20px;}

/* Master / reports / audit / operations page headers */
.global-experience .master-topbar,
.global-experience .reports-topbar,
.global-experience .audit-topbar,
.global-experience .movement-topbar,
.global-experience .erp-operations-topbar,
.global-experience .settings-hero{
    border-radius:var(--gx-radius-xl);
}
.global-experience .card-title,
.global-experience .erp-ops-card-head,
.global-experience .settings-card-head{
    color:var(--text-main);
}
.global-experience .card-title{font-size:13px;font-weight:850;}

/* ERP Operations */
.global-experience .erp-operations-shell{gap:14px;}
.global-experience .erp-operations-hero{
    overflow:hidden;
    border:1px solid var(--border);
    border-radius:var(--gx-radius-xl);
    background:
        radial-gradient(circle at 90% -15%,rgba(237,28,145,.15),transparent 30%),
        linear-gradient(135deg,var(--card-bg),var(--surface-soft));
    box-shadow:var(--gx-shadow-md);
}
.global-experience .erp-operations-tabs{
    gap:5px;
    padding:5px;
    border:1px solid var(--border);
    border-radius:14px;
    background:var(--surface-soft);
}
.global-experience .erp-operations-tab{min-height:42px;border-radius:10px;font-size:10.75px;}
.global-experience .erp-operations-tab.active{
    color:#fff;
    background:linear-gradient(135deg,var(--brand-strong),var(--brand));
    box-shadow:0 10px 22px -16px rgba(207,20,121,.62);
}
.global-experience .erp-operations-card{padding:17px;border-radius:18px;}
.global-experience .erp-ops-card-head{padding-bottom:11px;border-bottom:1px solid var(--border);}
.global-experience .erp-section-eyebrow{color:var(--brand-strong);font-size:9.5px;letter-spacing:.10em;}

/* Settings */
.global-experience .settings-grid{gap:14px;}
.global-experience .settings-card{padding:17px;border-radius:18px;}
.global-experience .settings-card-head{gap:10px;margin-bottom:14px;}
.global-experience .settings-card-icon{
    width:38px;
    height:38px;
    border-radius:12px;
    color:var(--brand-strong);
    background:var(--brand-soft);
    border:1px solid color-mix(in srgb,var(--brand) 12%,var(--border));
}
.global-experience .settings-card-head strong{font-size:15px;}
.global-experience .settings-card-head small{font-size:10.75px;line-height:1.65;}
.global-experience .permission-option{
    border:1px solid var(--border);
    border-radius:10px;
    background:var(--surface-soft);
}
.global-experience .permission-option:has(input:checked){
    border-color:color-mix(in srgb,var(--brand) 28%,var(--border));
    background:color-mix(in srgb,var(--brand-soft) 54%,var(--surface-soft));
}

/* Modal system */
.global-experience .modal-overlay{
    padding:22px;
    background:rgba(13,10,14,.58);
    backdrop-filter:blur(12px) saturate(.94);
}
.global-experience .modal-card{
    width:min(94vw,760px);
    max-height:min(90dvh,900px);
    padding:20px;
    border:1px solid color-mix(in srgb,var(--border) 86%,transparent);
    border-radius:24px;
    background:var(--surface-elevated);
    box-shadow:var(--gx-shadow-lg);
}
.global-experience .modal-header,
.global-experience .item-modal-head{
    position:sticky;
    top:-20px;
    z-index:8;
    margin:-20px -20px 16px;
    padding:17px 20px;
    border-bottom:1px solid var(--border);
    background:color-mix(in srgb,var(--surface-elevated) 94%,transparent);
    backdrop-filter:blur(18px);
}
.global-experience .close-btn{
    width:34px;
    height:34px;
    border:1px solid var(--border);
    border-radius:10px;
    color:var(--text-muted);
    background:var(--surface-soft);
}
.global-experience .close-btn:hover{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 28%,var(--border));background:color-mix(in srgb,var(--danger) 6%,var(--surface-soft));}
.global-experience .confirm-modal-actions{gap:8px;padding-top:12px;border-top:1px solid var(--border);}

/* Notifications and toasts */
.global-experience .notification-drawer{
    width:min(420px,94vw);
    border-inline-start:1px solid var(--border);
    background:var(--surface-elevated);
    box-shadow:var(--gx-shadow-lg);
}
.global-experience .drawer-header{padding:18px;border-bottom:1px solid var(--border);background:var(--surface-elevated);}
.global-experience .drawer-body{padding:12px;}
.global-experience .notif-item{border:1px solid var(--border);border-radius:14px;background:var(--card-bg);box-shadow:var(--gx-shadow-xs);}
.global-experience .toast{
    min-width:min(330px,calc(100vw - 32px));
    padding:12px 14px;
    border-radius:13px;
    box-shadow:var(--gx-shadow-md);
    backdrop-filter:blur(16px);
}

/* Transfer document / workspace */
.global-experience .erp-document-overlay,
.global-experience .erp-transfer-workspace-overlay{backdrop-filter:blur(14px) saturate(.9);}
.global-experience .erp-transfer-document-view,
.global-experience .erp-transfer-workspace{
    border:1px solid var(--border);
    border-radius:28px;
    background:var(--surface-elevated);
    box-shadow:var(--gx-shadow-lg);
}
.global-experience .erp-document-topbar{
    background:linear-gradient(128deg,#21131d,#5c1640 55%,#a21463);
}
.global-experience .erp-document-toolbar{
    border-bottom:1px solid var(--border);
    background:color-mix(in srgb,var(--surface-elevated) 95%,transparent);
    backdrop-filter:blur(14px);
}
.global-experience .erp-document-section{
    border:1px solid var(--border);
    border-radius:18px;
    background:var(--card-bg);
    box-shadow:var(--gx-shadow-xs);
}
.global-experience .erp-document-actions{
    border-top:1px solid var(--border);
    background:color-mix(in srgb,var(--surface-elevated) 94%,transparent);
    backdrop-filter:blur(16px);
}

/* Authentication */
.global-experience .auth-gate{
    background:
        radial-gradient(circle at 8% 0%,rgba(237,28,145,.18),transparent 28%),
        radial-gradient(circle at 90% 8%,rgba(59,130,246,.11),transparent 22%),
        #0d0d12;
}
.global-experience .auth-shell{
    width:min(1120px,calc(100vw - 42px));
    min-height:min(690px,calc(100dvh - 42px));
    overflow:hidden;
    border:1px solid rgba(255,255,255,.10);
    border-radius:30px;
    background:#fff;
    box-shadow:0 42px 120px -50px rgba(0,0,0,.82);
}
.global-experience .auth-showcase{
    background:
        radial-gradient(circle at 18% 12%,rgba(255,95,185,.24),transparent 25%),
        radial-gradient(circle at 86% 78%,rgba(59,130,246,.15),transparent 28%),
        linear-gradient(145deg,#181018,#45122f 58%,#7f154e);
}
.global-experience .auth-showcase::after{
    opacity:.28;
    background-size:28px 28px;
}
.global-experience .auth-brand-logo-wrap{border-radius:18px;box-shadow:0 18px 40px -26px rgba(0,0,0,.7);}
.global-experience .auth-company-kicker{color:#ffacd6;letter-spacing:.18em;}
.global-experience .auth-card{background:#fff;}
.global-experience .auth-title{font-size:29px;letter-spacing:-.04em;}
.global-experience .auth-field input,
.global-experience .auth-field select,
.global-experience .auth-user-picker-trigger{
    min-height:46px;
    border-radius:12px;
    background:#fbfafc;
    border-color:#e6e0e7;
}
.global-experience .auth-submit{min-height:46px;border-radius:12px;background:linear-gradient(135deg,#c71674,#ed1c91);}
.global-experience .auth-user-dropdown{border-radius:14px;border-color:#e5dfe6;box-shadow:0 26px 70px -36px rgba(38,23,36,.45);}
.global-experience .auth-user-dropdown-option{border-radius:10px;}
.global-experience[data-theme="dark"] .auth-card{background:#fff;color:#17202c;}
.global-experience[data-theme="dark"] .auth-card input,
.global-experience[data-theme="dark"] .auth-card select{color:#17202c;background:#fbfafc;border-color:#e6e0e7;}

/* Empty/error/loading states */
.global-experience .empty-state,
.global-experience .operations-empty,
.global-experience .no-data-state{
    padding:28px 20px;
    border:1px dashed var(--border-strong);
    border-radius:16px;
    color:var(--text-muted);
    background:var(--surface-soft);
}
.global-experience .operational-boot-overlay{background:color-mix(in srgb,var(--bg-main) 82%,transparent);backdrop-filter:blur(12px);}
.global-experience .operational-boot-card{border-radius:18px;box-shadow:var(--gx-shadow-lg);}

/* Responsive system */
@media (max-width:1280px){
    .global-experience{padding:16px;}
    .global-experience .erp-header{align-items:flex-start;gap:18px;padding:19px 20px;}
    .global-experience .header-actions{max-width:720px;}
    .global-experience .tab-btn{padding-inline:12px;}
}
@media (max-width:980px){
    .global-experience{padding:12px;}
    .global-experience .erp-header{min-height:auto;flex-direction:column;border-radius:20px;}
    .global-experience .brand-lockup{width:100%;}
    .global-experience .header-actions{width:100%;justify-content:flex-start;}
    .global-experience .header-actions .erp-badge{margin-inline-start:auto;}
    .global-experience .nav-tabs{top:8px;border-radius:14px;}
    .global-experience .tab-btn{min-height:40px;font-size:10px;}
    .global-experience .dashboard-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
    .global-experience .dashboard-lower-grid{grid-template-columns:1fr;}
    .global-experience .analytics-grid{grid-template-columns:1fr;}
}
@media (max-width:700px){
    .global-experience{padding:8px;background:var(--bg-main);}
    .global-experience::before{display:none;}
    .global-experience .erp-container{width:100%;}
    .global-experience .erp-header{margin-bottom:8px;padding:14px;border-radius:16px;}
    .global-experience .brand-logo-shell{width:48px;height:48px;flex-basis:48px;border-radius:14px;}
    .global-experience .erp-header h1{font-size:18px;}
    .global-experience .brand-subtitle{display:none;}
    .global-experience .warehouse-name-display{margin-top:5px;}
    .global-experience .header-actions{gap:6px;}
    .global-experience .header-actions .btn,
    .global-experience .header-actions select,
    .global-experience .header-actions .offline-queue-pill,
    .global-experience .header-actions .current-user-pill{min-height:36px;}
    .global-experience .erp-badge{display:none;}
    .global-experience .nav-tabs{top:5px;margin-bottom:10px;padding:4px;gap:3px;}
    .global-experience .tab-btn{min-height:38px;padding:8px 10px;font-size:9.5px;border-radius:9px;}
    .global-experience .tab-btn .ui-icon{width:15px;height:15px;}
    .global-experience .barcode-scanner-bar{padding:12px;border-radius:14px;}
    .global-experience .scanner-input-group{min-width:100%;}
    .global-experience .dashboard-topbar{align-items:flex-start;}
    .global-experience .dashboard-title-block h2{font-size:22px;}
    .global-experience .dashboard-hero{padding:18px;border-radius:18px;}
    .global-experience .dashboard-kpi-grid,
    .global-experience .dashboard-status-grid-pro{grid-template-columns:1fr;}
    .global-experience .chart-card,
    .global-experience .logs-card{padding:15px;border-radius:16px;}
    .global-experience .toolbar-panel{padding:11px;border-radius:15px;}
    .global-experience .erp-operations-card,
    .global-experience .settings-card{padding:13px;border-radius:15px;}
    .global-experience th,.global-experience td{padding:9px 10px;}
    .global-experience .modal-overlay{padding:8px;align-items:flex-end;}
    .global-experience .modal-card{width:100%;max-height:92dvh;padding:16px;border-radius:22px 22px 14px 14px;}
    .global-experience .modal-header,
    .global-experience .item-modal-head{top:-16px;margin:-16px -16px 14px;padding:14px 16px;}
    .global-experience .auth-shell{width:100%;min-height:100dvh;border-radius:0;border:0;}
}
@media (max-width:430px){
    .global-experience .header-actions .current-user-pill{max-width:170px;}
    .global-experience .dashboard-kpi-grid .kpi-card{min-height:112px;}
    .global-experience .btn{min-height:36px;padding:7px 10px;font-size:9.5px;}
}

@media (prefers-reduced-motion:reduce){
    .global-experience *,
    .global-experience *::before,
    .global-experience *::after{
        scroll-behavior:auto!important;
        transition-duration:.01ms!important;
        animation-duration:.01ms!important;
        animation-iteration-count:1!important;
    }
}

@media print{
    .global-experience{padding:0;background:#fff;color:#111;}
    .global-experience .erp-header,
    .global-experience .nav-tabs,
    .global-experience .header-actions,
    .global-experience .barcode-scanner-bar,
    .global-experience .notification-drawer,
    .global-experience #toast-container{display:none!important;}
    .global-experience .chart-card,
    .global-experience .logs-card,
    .global-experience .metric-card,
    .global-experience .kpi-card,
    .global-experience .settings-card,
    .global-experience .erp-operations-card,
    .global-experience .erp-table-container,
    .global-experience .table-scroll{box-shadow:none;border-color:#bbb;break-inside:avoid;}
}

/* Small layout utilities introduced while removing visual inline styles. */
.global-experience .gx-error-gap{margin-top:8px;}
.global-experience .gx-actions-end{justify-content:flex-end;}
.global-experience .gx-actions-top{margin-top:16px;}
.global-experience .gx-progress-status{margin-top:10px;font-weight:850;direction:ltr;}
.global-experience .gx-modal-sm{max-width:500px;}
.global-experience .gx-full-width{width:100%;}
.global-experience .gx-notification-btn{position:relative;}
.global-experience .gx-notif-badge{margin-inline-start:4px;}
.global-experience .gx-chart-shell{position:relative;width:100%;}
.global-experience .gx-chart-shell-lg{height:315px;}
.global-experience .gx-chart-shell-sm{height:220px;}
.global-experience .gx-inline-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.global-experience .gx-check-col{width:42px;}
.global-experience .gx-limit-warning{padding:10px;text-align:center;color:var(--text-muted);font-size:10px;}
.global-experience .gx-load-more-wrap{margin:14px 0;text-align:center;}
.global-experience .gx-toolbar-title-gap{margin-bottom:12px;}
.global-experience .header-actions select option{color:#161116;background:#fff;}

/* ========================================================================== 
   v22.2 Typography & Visual Hierarchy
   Readability-first system: Arabic-safe tracking, clear title/subtitle stacks,
   minimum readable UI type sizes, and collision-resistant flex/grid text.
   ========================================================================== */
.warehouse-app.global-experience{
    --gx-type-caption:10.5px;
    --gx-type-meta:11px;
    --gx-type-label:11.5px;
    --gx-type-body:12.5px;
    --gx-type-body-lg:13.5px;
    --gx-type-card-title:15px;
    --gx-type-section-title:18px;
    --gx-type-page-title:27px;
    --gx-leading-tight:1.28;
    --gx-leading-title:1.35;
    --gx-leading-body:1.65;
    --gx-leading-relaxed:1.78;
    --gx-stack-2xs:4px;
    --gx-stack-xs:6px;
    --gx-stack-sm:9px;
    --gx-stack-md:14px;
    --gx-stack-lg:20px;
    --gx-stack-xl:28px;
    font-size:var(--gx-type-body);
    line-height:var(--gx-leading-body);
}

/* Safe type rhythm. Titles never inherit cramped body line-height or margins. */
.warehouse-app.global-experience :where(h1,h2,h3,h4,h5,h6){
    margin-block:0;
    line-height:var(--gx-leading-title);
    font-weight:800;
    overflow-wrap:anywhere;
    text-wrap:balance;
}
.warehouse-app.global-experience :where(p,.text-muted,.metric-sub){
    line-height:var(--gx-leading-body);
    text-wrap:pretty;
}
.warehouse-app.global-experience :where(small,.helper-text,.field-hint){
    line-height:1.6;
}
.warehouse-app.global-experience :where(h1,h2,h3,h4,p,small,strong,span,label,th,td,button,a){
    min-width:0;
}

/* Arabic must not use Latin negative tracking; this was the main visual collision source. */
html[dir="rtl"] .warehouse-app.global-experience{
    font-family:"Segoe UI",Tahoma,Arial,sans-serif;
}
html[dir="rtl"] .warehouse-app.global-experience :where(
    h1,h2,h3,h4,h5,h6,p,small,strong,label,th,td,button,a,
    .brand-subtitle,.card-title,.tab-btn,.dashboard-eyebrow,.settings-eyebrow,
    .erp-section-eyebrow,.erp-module-label,.toolbar-panel-title,.movement-register-tab-copy
){
    letter-spacing:normal;
}

/* Universal heading stacks: title is visually separated from the explanatory copy. */
.warehouse-app.global-experience :where(
    .dashboard-title-block,.dashboard-hero-copy,.reports-hero-copy,.audit-hero-copy,
    .movement-hero-copy,.settings-hero-copy,.erp-operations-hero>div:first-child
){
    display:grid;
    align-content:start;
    gap:var(--gx-stack-xs);
}
.warehouse-app.global-experience :where(
    .dashboard-title-block,.reports-hero-copy,.audit-hero-copy,.movement-hero-copy,
    .settings-hero-copy,.erp-operations-hero>div:first-child
) > :where(h2){
    font-size:var(--gx-type-page-title);
    line-height:1.25;
    font-weight:850;
    color:inherit;
}
.warehouse-app.global-experience :where(
    .dashboard-title-block,.reports-hero-copy,.audit-hero-copy,.movement-hero-copy,
    .settings-hero-copy,.erp-operations-hero>div:first-child
) > :where(p){
    margin:0;
    max-width:78ch;
    font-size:var(--gx-type-body-lg);
    line-height:var(--gx-leading-relaxed);
    opacity:.82;
}
.warehouse-app.global-experience .dashboard-title-block>p{color:var(--text-muted);opacity:1;}

/* Page heroes get more breathing room between identity, explanation and actions. */
.warehouse-app.global-experience :where(.reports-hero,.audit-hero,.movement-hero,.erp-operations-hero,.settings-hero){
    gap:24px;
    padding-block:24px;
    padding-inline:26px;
    align-items:center;
}
.warehouse-app.global-experience :where(.reports-hero-actions,.audit-hero-actions,.movement-hero-actions,.erp-operations-hero-actions,.settings-hero-actions){
    gap:10px;
    align-items:center;
    flex-wrap:wrap;
}

/* Header brand hierarchy. */
.warehouse-app.global-experience .erp-header h1{
    font-size:24px;
    line-height:1.25;
    letter-spacing:-.018em;
}
.warehouse-app.global-experience .brand-subtitle{
    margin-top:7px;
    max-width:62ch;
    font-size:11.5px;
    line-height:1.65;
}
.warehouse-app.global-experience .warehouse-name-display{font-size:10.5px;line-height:1.4;}
.warehouse-app.global-experience .current-user-pill strong{font-size:11.5px;line-height:1.35;}
.warehouse-app.global-experience .current-user-pill small{font-size:10px;line-height:1.45;}
.warehouse-app.global-experience .erp-badge{font-size:9.5px;line-height:1.35;}

/* Navigation and buttons: no 8-9px operational labels. */
.warehouse-app.global-experience .tab-btn{
    min-height:44px;
    padding:10px 15px;
    font-size:11.5px;
    line-height:1.35;
}
.warehouse-app.global-experience :where(.btn,.btn-sm,.notif-action-btn){
    line-height:1.35;
}
.warehouse-app.global-experience .btn-sm{min-height:32px;font-size:10.5px;}

/* Dashboard hierarchy. */
.warehouse-app.global-experience .dashboard-title-block h2{font-size:30px;line-height:1.22;}
.warehouse-app.global-experience .dashboard-title-block p{font-size:12.5px;line-height:1.72;}
.warehouse-app.global-experience :where(.dashboard-eyebrow,.dashboard-mini-label,.dashboard-attention-kicker){
    font-size:10px;
    line-height:1.4;
    font-weight:850;
}
.warehouse-app.global-experience .dashboard-hero-copy{gap:8px;}
.warehouse-app.global-experience .dashboard-hero-copy>h2{font-size:24px;line-height:1.28;}
.warehouse-app.global-experience .dashboard-hero-copy>p{margin:0;font-size:12.5px;line-height:1.7;max-width:76ch;}
.warehouse-app.global-experience .dashboard-kpi-grid .kpi-card{padding:19px;gap:14px;}
.warehouse-app.global-experience .dashboard-kpi-grid .kpi-value{font-size:30px;line-height:1.1;}
.warehouse-app.global-experience :where(.kpi-card,.metric-card,.reports-kpi,.movement-kpi) :where(span){line-height:1.45;}
.warehouse-app.global-experience .metric-info{display:grid;gap:5px;align-content:center;}
.warehouse-app.global-experience .metric-info>span{font-size:11.5px;line-height:1.5;}
.warehouse-app.global-experience .metric-info h2{margin:0;font-size:29px;line-height:1.12;}
.warehouse-app.global-experience .metric-sub{font-size:10.5px;line-height:1.55;}

/* Card header language: strong title, quiet description, guaranteed vertical separation. */
.warehouse-app.global-experience :where(.card-title,.toolbar-panel-title,.reports-card-head,.erp-ops-card-head,.settings-card-head,.item-card-title-wrap,.modal-head){
    line-height:1.4;
}
.warehouse-app.global-experience .card-title{font-size:13px;line-height:1.4;font-weight:850;}
.warehouse-app.global-experience .toolbar-panel-title{
    display:grid;
    gap:5px;
    align-content:start;
}
.warehouse-app.global-experience .toolbar-panel-title>span{font-size:13px;line-height:1.4;font-weight:850;}
.warehouse-app.global-experience .toolbar-panel-title>small{font-size:10.5px;line-height:1.6;}
.warehouse-app.global-experience :where(.reports-card-head,.erp-ops-card-head,.settings-card-head,.modal-head,.item-card-title-wrap){gap:14px;align-items:flex-start;}
.warehouse-app.global-experience :where(.reports-card-head,.erp-ops-card-head,.settings-card-head,.modal-head,.item-card-title-wrap)>div{
    min-width:0;
}
.warehouse-app.global-experience :where(.reports-card-head,.erp-ops-card-head,.modal-head,.item-card-title-wrap)>div:not(.settings-card-icon){
    display:grid;
    gap:5px;
    align-content:start;
}
.warehouse-app.global-experience :where(.reports-card-head,.erp-ops-card-head,.settings-card-head,.modal-head,.item-card-title-wrap) :where(h2,h3,strong){
    font-size:var(--gx-type-card-title);
    line-height:1.4;
    font-weight:850;
}
.warehouse-app.global-experience :where(.reports-card-head,.erp-ops-card-head,.settings-card-head,.modal-head,.item-card-title-wrap) :where(p,small){
    margin:0;
    font-size:10.75px;
    line-height:1.65;
    color:var(--text-muted);
}

/* Section headers get a visible hierarchy instead of title/subtitle sitting on one baseline. */
.warehouse-app.global-experience :where(.erp-section-heading,.settings-group-heading){
    align-items:flex-start;
    gap:13px;
}
.warehouse-app.global-experience .erp-section-heading>div,
.warehouse-app.global-experience .settings-group-heading>div{
    display:grid;
    gap:4px;
    min-width:0;
}
.warehouse-app.global-experience .erp-section-heading h4{font-size:14.5px;line-height:1.4;}
.warehouse-app.global-experience .erp-section-heading small{margin:0;font-size:10.5px;line-height:1.65;}
.warehouse-app.global-experience :where(.erp-section-eyebrow,.settings-eyebrow,.erp-module-label){font-size:9.5px;line-height:1.4;}
.warehouse-app.global-experience .settings-group-heading strong{font-size:14px;line-height:1.4;}
.warehouse-app.global-experience .settings-group-heading small{font-size:10.5px;line-height:1.6;}

/* Forms: label / control / help are three separate levels. */
.warehouse-app.global-experience :where(.settings-field label,.form-group label,.erp-ops-form-grid label,.erp-ops-wide-field,.erp-form-field label,.reports-filter-label,.erp-ops-site-selector){
    font-size:11px;
    line-height:1.45;
    font-weight:800;
}
.warehouse-app.global-experience :where(.settings-field,.form-group,.erp-form-field,.erp-ops-form-grid label,.erp-ops-wide-field){gap:7px;}
.warehouse-app.global-experience :where(input,select,textarea,.auth-user-picker-trigger){font-size:12px;line-height:1.45;}
.warehouse-app.global-experience :where(.erp-form-field small,.master-form-code-note,.performance-note,.cloud-sync-note,.pwa-detail span){
    font-size:10.5px;
    line-height:1.6;
}

/* Tables: readable density without returning to oversized rows. */
.warehouse-app.global-experience th{
    padding:12px 14px;
    font-size:10.5px;
    line-height:1.4;
}
.warehouse-app.global-experience td{
    padding:12px 14px;
    font-size:11.5px;
    line-height:1.55;
}
.warehouse-app.global-experience :where(.reports-table th,.reports-table td){font-size:10.5px;line-height:1.5;}
.warehouse-app.global-experience :where(.erp-operations-card td small,.item-record-date small,.audit-user-cell small){font-size:10px;line-height:1.5;}
.warehouse-app.global-experience :where(.status-badge,.category-badge,.location-tag,.transfer-status,.erp-ops-status,.role-badge,.user-status-badge,.report-type-chip,.report-status-chip){
    font-size:9.5px;
    line-height:1.35;
}

/* Movement/operations register titles are stacked and wrap safely. */
.warehouse-app.global-experience .movement-register-tabs-pro .movement-register-tab-copy{
    display:grid;
    gap:3px;
    min-width:0;
}
.warehouse-app.global-experience .movement-register-tabs-pro .movement-register-tab-copy strong{font-size:11.5px;line-height:1.4;}
.warehouse-app.global-experience .movement-register-tabs-pro .movement-register-tab-copy small{font-size:10px;line-height:1.5;white-space:normal;overflow:visible;text-overflow:clip;}
.warehouse-app.global-experience :where(.movement-context-chip small,.movement-kpis-pro .movement-kpi>div>small,.movement-live-pill){font-size:10px;line-height:1.45;}
.warehouse-app.global-experience .erp-operations-tab{min-height:42px;font-size:10.75px;line-height:1.35;}
.warehouse-app.global-experience .erp-operations-card{padding:19px;}
.warehouse-app.global-experience .erp-ops-card-head{padding-bottom:13px;margin-bottom:15px;}

/* ERP transfer/document surfaces: remove the old 7-9px micro-copy. */
.warehouse-app.global-experience .erp-document-title-row{
    flex-wrap:wrap;
    row-gap:7px;
    column-gap:9px;
}
.warehouse-app.global-experience .erp-document-title-row h3{font-size:19px;line-height:1.3;min-width:min(100%,220px);}
.warehouse-app.global-experience :where(.erp-module-label,.erp-section-eyebrow){font-size:9.5px;line-height:1.4;}
.warehouse-app.global-experience :where(.erp-toolbar-path,.erp-toolbar-status,.erp-workspace-prepared){font-size:10.5px;line-height:1.45;}
.warehouse-app.global-experience :where(.erp-route-field span,.erp-route-field small,.erp-metric-tile span,.erp-audit-field span,.erp-audit-field small,.erp-footer-copy span,.erp-line-context-strip span,.erp-entry-mode-pill,.erp-summary-route span,.erp-summary-stat-list span,.erp-validation-box>span,.erp-validation-box>small,.erp-summary-policy p){
    font-size:10px;
    line-height:1.55;
}
.warehouse-app.global-experience .erp-grid-summary{font-size:10.5px;line-height:1.5;}
.warehouse-app.global-experience .erp-lines-table thead th{font-size:10px;}

/* Authentication is a reading surface too: account metadata must never collapse to 6-8px. */
.warehouse-app.global-experience .auth-title{font-size:30px;line-height:1.25;}
.warehouse-app.global-experience :where(.auth-loading-subtitle,.auth-cloud-login-subtitle){font-size:12px;line-height:1.7;}
.warehouse-app.global-experience :where(.auth-version,.auth-live-status,.auth-db-status,.auth-mobile-brand small,.auth-caps-note,.auth-recovery-link,.auth-recovery-box,.auth-lockout,.auth-user-dropdown-empty,.auth-user-dropdown-meta){font-size:9.5px;line-height:1.5;}
.warehouse-app.global-experience :where(.auth-user-picker-main,.auth-user-dropdown-option-copy){display:grid;gap:2px;min-width:0;}
.warehouse-app.global-experience :where(.auth-user-picker-main strong,.auth-user-dropdown-option-copy strong){font-size:11.5px;line-height:1.35;}
.warehouse-app.global-experience :where(.auth-user-picker-main small,.auth-user-dropdown-option-copy small){font-size:9.75px;line-height:1.45;}
.warehouse-app.global-experience :where(.auth-selected-role,.auth-user-dropdown-role){font-size:9.5px;line-height:1.35;}

/* Long content must wrap rather than overlap adjacent actions/chips. */
.warehouse-app.global-experience :where(
    .dashboard-topbar,.reports-hero,.audit-hero,.movement-hero,.erp-operations-hero,.settings-hero,
    .card-title,.reports-card-head,.erp-ops-card-head,.settings-card-head,.modal-head,
    .item-card-title-wrap,.erp-document-topbar,.erp-document-toolbar,.movement-register-tab
){
    min-width:0;
}
.warehouse-app.global-experience :where(
    .dashboard-topbar,.reports-hero,.audit-hero,.movement-hero,.erp-operations-hero,.settings-hero,
    .card-title,.reports-card-head,.erp-ops-card-head,.settings-card-head,.modal-head,
    .erp-document-toolbar
){
    flex-wrap:wrap;
}
.warehouse-app.global-experience :where(p,small,.metric-sub,.brand-subtitle,.settings-switch-copy,.current-user-copy,.movement-register-tab-copy){
    overflow-wrap:anywhere;
}

/* Mobile: preserve hierarchy instead of shrinking everything to micro text. */
@media (max-width:700px){
    .warehouse-app.global-experience{--gx-type-body:12px;--gx-type-page-title:23px;}
    .warehouse-app.global-experience .erp-header h1{font-size:20px;}
    .warehouse-app.global-experience .brand-subtitle{display:block;font-size:10.5px;line-height:1.55;}
    .warehouse-app.global-experience .tab-btn{min-height:40px;padding:8px 10px;font-size:10.5px;}
    .warehouse-app.global-experience .dashboard-title-block h2{font-size:24px;}
    .warehouse-app.global-experience :where(.reports-hero,.audit-hero,.movement-hero,.erp-operations-hero,.settings-hero){padding:18px;gap:16px;}
    .warehouse-app.global-experience :where(.reports-hero-copy,.audit-hero-copy,.movement-hero-copy,.settings-hero-copy,.erp-operations-hero>div:first-child)>h2{font-size:23px;}
    .warehouse-app.global-experience :where(.reports-hero-copy,.audit-hero-copy,.movement-hero-copy,.settings-hero-copy,.erp-operations-hero>div:first-child)>p{font-size:12px;line-height:1.68;}
    .warehouse-app.global-experience .erp-document-title-row h3{font-size:17px;}
    .warehouse-app.global-experience .erp-module-label{font-size:9.5px;}
    .warehouse-app.global-experience th{font-size:10px;}
    .warehouse-app.global-experience td{font-size:11px;}
}
@media (max-width:430px){
    .warehouse-app.global-experience .btn{font-size:10.5px;line-height:1.35;}
    .warehouse-app.global-experience .brand-subtitle{font-size:10px;}
    .warehouse-app.global-experience .current-user-pill small{font-size:9.5px;}
}

/* v22.2 content separation polish */
.warehouse-app.global-experience :where(.reports-card-head,.settings-card-head){
    padding-bottom:12px;
    margin-bottom:15px;
    border-bottom:1px solid color-mix(in srgb,var(--border) 88%,transparent);
}
.warehouse-app.global-experience .movement-register-tabs-pro .movement-register-tab{
    align-items:center;
    min-height:68px;
}
.warehouse-app.global-experience :where(.settings-switch-copy,.reports-kpi-copy,.movement-kpi>div){
    display:grid;
    gap:4px;
    min-width:0;
}
.warehouse-app.global-experience :where(.settings-switch-copy strong,.reports-kpi-copy span,.movement-kpi>div>span){
    line-height:1.45;
}
.warehouse-app.global-experience :where(.settings-switch-copy small,.reports-kpi-copy small,.movement-kpi>div>small){
    line-height:1.55;
}

/* ========================================================================== 
   v22.3 Content Separation & Readability
   Structural fix for title/description collisions.  The copy inside every
   table-section header is an explicit vertical stack, never an inline span.
   ========================================================================== */
.warehouse-app.global-experience .table-section-title{
    min-width:0;
    flex:1 1 360px;
    align-items:flex-start;
    gap:12px;
}
.warehouse-app.global-experience .table-section-icon{
    flex:0 0 38px;
    margin-top:1px;
}
.warehouse-app.global-experience .table-section-copy{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    align-content:start;
    gap:7px;
    min-width:0;
    max-width:78ch;
}
.warehouse-app.global-experience .table-section-heading{
    display:block;
    margin:0;
    color:var(--text-main);
    font-size:15px;
    line-height:1.42;
    font-weight:850;
    letter-spacing:normal;
    overflow-wrap:anywhere;
    text-wrap:pretty;
}
.warehouse-app.global-experience .table-section-subtitle{
    display:block;
    margin:0;
    color:var(--text-muted);
    font-size:11px;
    line-height:1.72;
    font-weight:600;
    letter-spacing:normal;
    overflow-wrap:anywhere;
    text-wrap:pretty;
}
.warehouse-app.global-experience .table-section-header{
    column-gap:20px;
    row-gap:14px;
    align-items:flex-start;
}
.warehouse-app.global-experience .table-section-header > :where(.table-count-chip,.register-filter){
    flex:0 0 auto;
    margin-top:2px;
}
html[dir="rtl"] .warehouse-app.global-experience .table-section-copy,
html[dir="rtl"] .warehouse-app.global-experience .table-section-heading,
html[dir="rtl"] .warehouse-app.global-experience .table-section-subtitle{
    text-align:right;
    letter-spacing:normal;
}
html[dir="ltr"] .warehouse-app.global-experience .table-section-copy,
html[dir="ltr"] .warehouse-app.global-experience .table-section-heading,
html[dir="ltr"] .warehouse-app.global-experience .table-section-subtitle{
    text-align:left;
}
@media (max-width:760px){
    .warehouse-app.global-experience .table-section-header{
        position:static;
        display:grid;
        grid-template-columns:minmax(0,1fr);
        gap:13px;
        padding:15px;
    }
    .warehouse-app.global-experience .table-section-title{width:100%;flex-basis:auto;}
    .warehouse-app.global-experience .table-section-subtitle{display:block;font-size:10.5px;line-height:1.68;}
    .warehouse-app.global-experience .table-section-header > :where(.table-count-chip,.register-filter){
        justify-self:start;
        margin-top:0;
    }
    html[dir="rtl"] .warehouse-app.global-experience .table-section-header > :where(.table-count-chip,.register-filter){justify-self:end;}
}