/* PREP4U Signature. Presentation only; loaded after the existing layout styles. */
:root {
    --p4u-ink:#102445; --p4u-blue:#285cea; --p4u-teal:#0d897b;
    --p4u-edge:#dce5f2; --p4u-soft:#f1f5fc;
    --p4u-elevation:0 10px 28px -14px rgb(19 45 98 / 22%),0 1px 3px rgb(19 45 98 / 3%);
    --p4u-display:"Inter","Segoe UI Variable Display","Segoe UI",-apple-system,BlinkMacSystemFont,Arial,sans-serif;
}
body.p4u-app,body.p4u-auth,body.p4u-blocked {
    --bg:#f2f5fc; --card:#fff; --text:#172847; --dark:#102445; --dark2:#203b64;
    --muted:#596b85; --border:#dce5f2; --blue:#285cea; --green:#0c8570;
    --shadow:var(--p4u-elevation);
    color:var(--text); font-family:var(--p4u-display); font-size:15px; line-height:1.55;
    background:radial-gradient(ellipse at 2% 0%,#dbe6ff 0,transparent 42%),radial-gradient(ellipse at 98% 12%,#e0f2f3 0,transparent 34%),linear-gradient(180deg,#f8faff,#eff3fb);
    background-attachment:fixed; position:relative;
}
/* The client's original logo and P4U watermark are deliberately restored. */
body.p4u-app::before,body.p4u-auth::before,body.p4u-blocked::before {
    content:"";position:fixed;inset:auto -100px -140px auto;width:660px;height:660px;
    background:url("../img/logo.30e519775fe5.webp") center/contain no-repeat;
    opacity:.075;pointer-events:none;z-index:0;filter:grayscale(1);border:0;transform:none;
}
body.p4u-app::after,body.p4u-auth::after,body.p4u-blocked::after {
    content:"P4U";position:fixed;left:22px;bottom:20px;right:auto;top:auto;width:auto;height:auto;
    font:850 164px/.8 var(--p4u-display);letter-spacing:-.08em;color:rgb(43 88 182 / 6%);
    pointer-events:none;z-index:0;background:none;transform:none;border:0;
}
.p4u-app .shell {position:relative;z-index:1; padding:18px 28px 28px;}
.p4u-app .page{max-width:1440px;}
.p4u-app button,.p4u-app input,.p4u-app select,.p4u-app textarea{font-family:var(--p4u-display);}
.p4u-app .p4u-icon {width:22px;height:22px;flex:0 0 auto;}
.p4u-app .page :is(h1,.head h1,.detail-top h1,.page-head h1,.inventory-head h1,.intake-head h1,.queue-head h1) {
    font-family:var(--p4u-display);font-size:clamp(28px,2.7vw,38px);font-weight:780;letter-spacing:-.045em;line-height:1.15;
}
.p4u-app .page :is(h2,.product-head h2){font-weight:740;letter-spacing:-.028em;}
.p4u-app .page :is(.small,.help,.help-note,.helper,.action-help,.search-hint,.order-meta,.subline,.created-row,.client-reference,.identifiers,.result-meta,.queue-feedback) {
    font-family:var(--p4u-display);font-size:12px;line-height:1.65;font-weight:500;color:#596b85;
}
.p4u-app .page :is(.section,.section-title,.section-label){color:#315a9b;font-size:11px;font-weight:780;letter-spacing:.13em;}
.p4u-app .page .p4u-kicker,.p4u-auth .p4u-kicker {font:750 10px/1.4 var(--p4u-display);letter-spacing:.18em;text-transform:uppercase;margin:0 0 10px;}
/* Glass shell and firm-level identity */
.p4u-app .p4u-topbar {
    max-width:1440px;min-height:88px;margin:0 auto 26px;padding:14px 20px;
    background:rgb(255 255 255 / 88%);border:1px solid rgb(255 255 255 / 95%);border-radius:23px;
    box-shadow:0 12px 40px -26px rgb(15 40 95 / 35%),0 1px 0 rgb(184 201 230 / 40%);
    backdrop-filter:blur(16px);gap:20px;
}
.p4u-app .p4u-brand {gap:12px;}
.p4u-app .p4u-brand-logo {width:58px;height:58px;filter:drop-shadow(0 6px 8px rgb(17 37 72 / 12%));}
.p4u-app .p4u-brand-text strong {font-size:20px;letter-spacing:.035em;font-weight:820;}
.p4u-app .p4u-brand-text>span{font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:650;margin-top:4px;}
.p4u-app .p4u-topbar .nav {gap:5px;}
.p4u-app .p4u-topbar .nav a,.p4u-app .p4u-topbar .nav button{font-family:var(--p4u-display);font-size:12px;font-weight:650;min-height:42px;padding:10px 13px;border-radius:12px;}
.p4u-app .p4u-topbar .nav a:hover{background:#edf3ff;color:#1c4ecb;}
.p4u-app .p4u-topbar .nav a[aria-current="page"]{background:linear-gradient(140deg,#e9f0ff,#f3f7ff);border-color:#d5e1fb;color:#2153cd;box-shadow:0 2px 5px rgb(31 75 158 / 4%);}
.p4u-app .p4u-topbar .nav .logout-btn {background:var(--dark);border-color:var(--dark);color:white;box-shadow:0 5px 13px rgb(16 36 69 / 15%);}
.p4u-app .p4u-topbar .nav .logout-btn:hover{background:#1c365f;color:#fff;}
.p4u-app .p4u-footer {max-width:1440px;margin:40px auto 0;border-top:1px solid #d4dff0;align-items:center;font-size:11px;color:#587198;}
.p4u-app .p4u-footer-brand{display:flex;align-items:center;gap:12px;}
.p4u-app .p4u-footer-brand img {width:38px;height:38px;opacity:.65;}
.p4u-app .p4u-footer-brand>span:last-child{font-weight:500;letter-spacing:.02em;text-transform:none;}
.p4u-footer-divider {height:17px;border-left:1px solid #bacce8;}
/* Primary actions */
.p4u-app .btn,.p4u-app .new-order-btn,.p4u-app .sup .sup-button {
    font:680 13px/1.4 var(--p4u-display);min-height:44px;gap:9px;padding:11px 17px;border-radius:12px;
    transition:background .16s,box-shadow .16s,transform .16s;
}
.p4u-app .btn-blue,.p4u-app .sup .sup-button:not(.sup-secondary):not(.sup-ghost):not(.sup-danger){background:linear-gradient(140deg,#3169f3,#2555d7);border:1px solid #2c5fe1;color:white;box-shadow:0 7px 16px -7px rgb(31 86 221 / 55%);}
.p4u-app .btn-green {background:linear-gradient(140deg,#119783,#087b69);border:1px solid #0b8874;box-shadow:0 7px 16px -8px rgb(10 118 99 / 40%);}
.p4u-app .btn-dark{background:linear-gradient(140deg,#233d67,#102445);border:1px solid #142d52;box-shadow:0 7px 16px -8px #233d6760;}
.p4u-app .btn-light,.p4u-app .sup .sup-button.sup-secondary,.p4u-app .sup .sup-button.sup-ghost{background:white;color:#243e63;border:1px solid #d3deef;box-shadow:0 2px 4px rgb(15 45 87 / 3%);}
.p4u-app .btn:not(:disabled):hover,.p4u-app .sup .sup-button:not(:disabled):hover {transform:translateY(-1px);box-shadow:0 9px 20px -10px rgb(25 66 145 / 45%);}
.p4u-app :is(button,a).btn:focus-visible{outline:3px solid #769dff;outline-offset:3px;}
.p4u-app .new-order-btn{color:#17336c;background:white;box-shadow:0 8px 20px rgb(2 15 51 / 18%);border:1px solid #fff;}
.p4u-app .page label {font-family:var(--p4u-display);font-size:13px;font-weight:650;color:#283e60;}
.p4u-app .page input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),.p4u-app .page select,.p4u-app .page textarea {
    border:1px solid #cad8ec;border-radius:11px;background:#fcfdff;color:#142c51;font:400 14px/1.5 var(--p4u-display);
    min-height:46px;box-shadow:inset 0 1px 2px rgb(13 50 110 / 2%);transition:border-color .15s,box-shadow .15s;
}
.p4u-app input::placeholder,.p4u-app textarea::placeholder{color:#71819a;opacity:1;}
.p4u-app .page input:focus,.p4u-app .page select:focus,.p4u-app .page textarea:focus{border-color:#5080ea;background:#fff;box-shadow:0 0 0 4px rgb(68 116 229 / 10%);outline:none;}
.p4u-app input[type=file]::file-selector-button {border:1px solid #d2def1;border-radius:7px;padding:6px 11px;margin-right:12px;background:#edf3ff;color:#234a90;font:600 12px var(--p4u-display);cursor:pointer;}
/* Confident feature headers. All text remains real Django data. */
.p4u-app .page :is(.home-hero,.dispatch-hero,.gs-hero,.training-hero,.guide-hero,.command-hero,.invoice-hero,.not-added-hero,.client-inventory>.hero,.bulk-hero,.preview-hero,.batch-hero,.action-hero,.client-hero,.warehouse-top,.p4u-feature-head) {
    position:relative;isolation:isolate;overflow:hidden;color:white;border:1px solid rgb(77 127 233 / 28%);
    background:radial-gradient(ellipse at 95% 0%,rgb(54 125 232 / 40%),transparent 55%),linear-gradient(112deg,#0b1b37 0%,#163967 65%,#244ec0 100%);
    box-shadow:0 19px 42px -23px rgb(16 49 117 / 56%);border-radius:24px;padding:29px 32px;margin-bottom:22px;
}
.p4u-app .page .p4u-feature-inventory{background:radial-gradient(ellipse at 100% 0%,rgb(32 148 159 / 38%),transparent 55%),linear-gradient(112deg,#0b1c36,#14465b 70%,#126975);}
.p4u-app .page .p4u-feature-support{background:radial-gradient(ellipse at 100% 0%,rgb(75 116 239 / 32%),transparent 55%),linear-gradient(115deg,#131b39,#2a356e 75%,#394f9d);}
.p4u-app .page :is(.home-hero,.dispatch-hero,.gs-hero,.training-hero,.guide-hero,.command-hero,.invoice-hero,.not-added-hero,.client-inventory>.hero,.bulk-hero,.preview-hero,.batch-hero,.action-hero,.client-hero,.warehouse-top,.p4u-feature-head)::after {
    content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;transform:none;opacity:.35;
    background:repeating-linear-gradient(125deg,transparent 0,transparent 58px,rgb(171 210 255 / 10%) 59px,transparent 60px);border:0;width:auto;height:auto;border-radius:inherit;
}
.p4u-app .page :is(.home-hero,.dispatch-hero,.gs-hero,.training-hero,.guide-hero,.command-hero,.invoice-hero,.not-added-hero,.client-inventory>.hero,.bulk-hero,.preview-hero,.batch-hero,.action-hero,.client-hero,.warehouse-top,.p4u-feature-head) h1 {color:#fff;font-size:clamp(28px,2.7vw,38px);font-weight:780;line-height:1.17;}
.p4u-app .page :is(.home-hero,.dispatch-hero,.gs-hero,.training-hero,.guide-hero,.command-hero,.invoice-hero,.not-added-hero,.client-inventory>.hero,.bulk-hero,.preview-hero,.batch-hero,.action-hero,.client-hero,.warehouse-top,.p4u-feature-head) :is(p,.small,.meta,.subline){color:#c8dbf4;font-size:13px;font-weight:450;line-height:1.65;}
.p4u-app .page :is(.home-hero,.dispatch-hero,.client-inventory>.hero,.p4u-feature-head) :is(.p4u-kicker,.home-eyebrow,.inventory-eyebrow,.hero-eyebrow,.dispatch-eyebrow,.sup-eyebrow,.ref){color:#8ccef5;font-weight:750;font-size:10px;letter-spacing:.16em;line-height:1.45;}
.p4u-app .p4u-feature-head :is(.btn-light,.sup-button.sup-secondary){color:#173867;background:white;border-color:white;}
.p4u-app .p4u-feature-head .sup-button:not(.sup-secondary){box-shadow:none;}
.p4u-app .p4u-feature-head>:first-child{min-width:0;}
.p4u-app .p4u-feature-head .actions{flex-shrink:0;align-items:center;}
.p4u-app .p4u-feature-head .status {background:rgb(255 255 255 / 12%);border:1px solid rgb(255 255 255 / 15%);color:#fff;}
.p4u-app .page .p4u-feature-head h1{max-width:920px;}
/* Actual brand seal in major headers; secondary headers stay compact. */
.p4u-brand-seal {position:absolute;right:32px;top:50%;width:172px;height:172px;transform:translateY(-50%);pointer-events:none;z-index:-1;display:grid;place-items:center;}
.p4u-seal-frame{display:grid;place-items:center;width:130px;height:130px;border:1px solid rgb(205 227 255 / 24%);border-radius:50%;background:rgb(160 197 255 / 7%);box-shadow:0 0 0 14px rgb(201 223 255 / 3%),0 0 0 30px rgb(201 223 255 / 2%);}
.p4u-seal-frame img{width:100px;height:100px;object-fit:contain;filter:brightness(0) invert(1);opacity:.35;}
.p4u-seal-orbit{position:absolute;inset:0;border-radius:50%;border:1px solid rgb(205 227 255 / 14%);}
.p4u-seal-caption{position:absolute;bottom:1px;letter-spacing:.3em;color:#a2c4eb;font:700 9px var(--p4u-display);}
.p4u-app .dispatch-hero .p4u-brand-seal{right:200px;opacity:.58;}
.p4u-app .client-inventory>.hero>p:last-of-type{max-width:74%;}
/* Home feels like a workspace, not three unstyled links. */
.p4u-app .page .p4u-home-hero{min-height:240px;padding:38px 40px;margin-bottom:30px;display:flex;align-items:center;}
.p4u-app .p4u-home-hero .p4u-home-copy{max-width:75%;}
.p4u-app .page .p4u-home-hero h1{font-size:clamp(32px,3.5vw,48px);max-width:820px;}
.p4u-app .p4u-home-hero .p4u-brand-seal{width:220px;height:220px;right:45px;}
.p4u-app .p4u-home-hero .p4u-seal-frame{width:165px;height:165px;}
.p4u-app .p4u-home-hero .p4u-seal-frame img{width:138px;height:138px;opacity:.65;}
.p4u-home-channels{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px;color:#b8d4f5;font:650 10px var(--p4u-display);letter-spacing:.12em;text-transform:uppercase;}
.p4u-home-channels span{display:flex;align-items:center;gap:8px;}
.p4u-home-channels span::before{content:"";width:4px;height:4px;border-radius:50%;background:#55c6cb;}
.p4u-workspace-heading{display:flex;justify-content:space-between;gap:16px;align-items:end;margin:0 2px 20px;}
.p4u-app .p4u-workspace-heading .p4u-kicker{color:#56718f;margin-bottom:5px;}
.p4u-app .p4u-workspace-heading h2{margin:0;font-size:23px;}
.p4u-workspace-heading>span{font-size:12px;color:#70809a;}
.p4u-app .module-grid{gap:22px;}
.p4u-app .module-card{position:relative;isolation:isolate;overflow:hidden;min-height:294px;padding:30px;border-radius:23px;background:linear-gradient(140deg,#fff 60%,#f1f5ff);box-shadow:var(--p4u-elevation);border:1px solid #d6e2f5;transition:transform .2s,box-shadow .2s,border-color .2s;}
.p4u-app .module-card::after{content:"";position:absolute;right:-32px;top:-38px;width:152px;height:152px;border:26px solid rgb(66 111 223 / 4%);border-radius:50%;z-index:-1;}
.p4u-app .module-card:hover{transform:translateY(-4px);border-color:#a4bfea;box-shadow:0 22px 35px -20px rgb(20 63 141 / 32%);}
.p4u-app .module-icon{width:58px;height:58px;margin-bottom:24px;border-radius:17px;background:linear-gradient(145deg,#dfeaff,#edf3ff);color:#2c5dd4;border:1px solid #cddffc;box-shadow:0 5px 15px -9px #3060c460;}
.p4u-app .module-icon svg{width:27px;height:27px;}
.p4u-app .module-card h2{font-size:24px;font-weight:750;margin-bottom:10px;}
.p4u-app .module-card p{font-size:14px;line-height:1.7;color:#5b6f8b;max-width:290px;}
.p4u-app .module-action{margin-top:auto;padding-top:24px;font-size:13px;font-weight:730;display:flex;align-items:center;}
.p4u-module-number{position:absolute;right:26px;top:30px;font:750 12px var(--p4u-display);color:#9aacc8;letter-spacing:.12em;}
.p4u-app .module-card.p4u-module-inventory{background:linear-gradient(140deg,#fff 60%,#edf9f6);border-color:#d4e9e4;}
.p4u-app .p4u-module-inventory .module-icon{background:linear-gradient(145deg,#d8f3ec,#edfaf5);border-color:#bce6dc;color:#087b6b;}
.p4u-app .p4u-module-inventory .module-action{color:#087b6b;}
.p4u-app .module-card.p4u-module-dispatch{background:linear-gradient(140deg,#fff 60%,#f3f0ff);border-color:#e0dff3;}
.p4u-app .p4u-module-dispatch .module-icon{background:linear-gradient(145deg,#e9e3ff,#f3efff);border-color:#d7cdf7;color:#7054c4;}
.p4u-app .p4u-module-dispatch .module-action{color:#654abc;}
/* Surfaces and data hierarchy */
.p4u-app .page :is(.card,.form-card,.info-card,.timeline-card,.product-card,.order-card,.summary-card,.qty-card,.kpi,.progress-card,.toolbar,.dispatch-toolbar,.invoice-card,.gs-card,.form-panel,.main-card,.side-card,.not-added-card,.table-card,.filter-card) {
    border-color:#dbe5f3;border-radius:20px;box-shadow:var(--p4u-elevation);
}
.p4u-app .page :is(.card,.form-card,.info-card,.timeline-card){padding:26px;}
.p4u-app .page :is(.summary-card,.qty-card,.kpi,.stat-card,.stock-box){position:relative;overflow:hidden;background:linear-gradient(145deg,#fff 50%,#f3f6fd);border-color:#dbe5f3;}
.p4u-app .page :is(.summary-card,.qty-card,.kpi)::before{content:"";position:absolute;left:0;top:20px;bottom:20px;width:3px;border-radius:0 3px 3px 0;background:#4674df;}
.p4u-app .page :is(.summary-value,.qty-value,.kpi strong,.summary-card .value){font-family:var(--p4u-display);font-size:32px;line-height:1.2;font-weight:750;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:#142c51;}
.p4u-app .page :is(.summary-label,.qty-label,.summary-card .label){font:680 11px/1.5 var(--p4u-display);color:#647997;letter-spacing:.045em;margin-bottom:5px;}
.p4u-app .page :is(.summary-card,.qty-card):nth-child(2n)::before{background:#119783;}
.p4u-app .page :is(.summary-card,.qty-card):nth-child(3n)::before{background:#8970d4;}
.p4u-app .page .summary-card:nth-child(2n){background:linear-gradient(140deg,#fff 40%,#eff9f6);}
.p4u-app .page .summary-card:nth-child(3n){background:linear-gradient(140deg,#fff 40%,#f6f3fc);}
.p4u-app .page :is(.summary-icon){border-radius:13px;width:45px;height:45px;}
.p4u-app .client-dispatch .summary-card {border-radius:18px;min-height:112px;}
.p4u-app .client-dispatch .summary-card.active{border-color:#86a8ea;box-shadow:0 0 0 2px rgb(62 110 216 / 8%),var(--p4u-elevation);}
.p4u-app .client-dispatch .summary-help{font-size:11px;color:#617692;}
.p4u-app .summary-card.sent-orders{background:linear-gradient(135deg,#fff,#edf8f2);}
.p4u-app .summary-card.delivered-orders{background:linear-gradient(135deg,#fff,#f3effc);}
.p4u-app .summary-card.cancelled-orders{background:linear-gradient(135deg,#fff,#fff4f3);}
.p4u-app .summary-card.cancelled-orders::before{background:#d97474;}
/* Tabs and filters */
.p4u-app .page :is(.inventory-tabs,.workflow-tabs){background:#e7eef9;border:1px solid #d8e3f5;border-radius:15px;gap:6px;padding:6px;}
.p4u-app .page :is(.inventory-tab,.workflow-tab){border-radius:10px;color:#586e8d;font-size:13px;font-weight:650;min-height:44px;}
.p4u-app .page :is(.inventory-tab,.workflow-tab).active{background:linear-gradient(135deg,#254f9c,#143668);color:white;box-shadow:0 4px 10px -5px #17376680;}
.p4u-app .workflow-tab.active .tab-count{background:rgb(255 255 255 / 16%);color:#fff;}
.p4u-app .page :is(.mode-tab,.filter-btn){border-radius:11px;font-family:var(--p4u-display);font-size:12px;font-weight:660;}
.p4u-app .page :is(.mode-tab,.filter-btn).active{background:linear-gradient(140deg,#233c67,#132b51);border-color:#1b375f;box-shadow:0 5px 12px -7px #132b5150;}
.p4u-app .page :is(.toolbar,.dispatch-toolbar,.inventory-page>.filters){padding:15px;background:#fff;border:1px solid #d8e3f3;}
.p4u-app .page :is(.search-field,.search-row){min-width:0;}
/* Inventory */
.p4u-app .intake-page .form-card {padding:30px;}
.p4u-app .p4u-form-heading{display:flex;gap:12px;align-items:center;}
.p4u-app .p4u-form-heading>span{display:grid;place-items:center;min-width:30px;height:30px;border-radius:9px;background:#e7eefb;color:#375f9f;font:700 11px var(--p4u-display);letter-spacing:.02em;}
.p4u-app .form-grid{gap:24px 22px;}
.p4u-app .product-card{background:white;border-radius:21px;}
.p4u-app .product-head{padding:22px 24px;background:linear-gradient(110deg,#fff,#f8fbff);border-bottom:1px solid #e5ecf7;align-items:center;}
.p4u-app .product-head h2{font-size:19px;font-weight:720;line-height:1.4;}
.p4u-app .identifiers{font:500 12px/1.6 var(--p4u-display);margin-top:8px;}
.p4u-app .product-totals{gap:7px;}
.p4u-app .total-pill{min-width:76px;border-radius:12px;background:white;border:1px solid #dfe7f5;padding:8px 12px;}
.p4u-app .total-pill strong{font-size:21px;color:#23467c;}
.p4u-app .batch-row{padding:20px 24px;}
.p4u-app .cell-value{color:#223958;font-weight:670;font-size:13px;}
.p4u-app .cell-label{color:#70819b;font-size:10px;letter-spacing:.08em;}
.p4u-app .action-form button {background:linear-gradient(140deg,#3169f3,#2555d7);border-radius:10px;font-size:12px;font-weight:700;}
.p4u-app .action-help{font-size:11px;}
.p4u-app .client-note-inner{background:#f2f7ff;color:#49617f;padding:12px 14px;border-left-color:#91afd9;}
.p4u-app .note-box{padding:18px;border-radius:13px;background:#f6f9fd;white-space:normal;}
.p4u-app .fact-label,.p4u-app .k{color:#71819a;font-size:12px;}
.p4u-app .fact-value,.p4u-app .v{font-size:14px;font-weight:580;color:#233a5b;}
.p4u-app .event{position:relative;padding:14px 0 14px 18px;}
.p4u-app .event::before{content:"";position:absolute;left:0;top:21px;width:6px;height:6px;background:#7297db;border-radius:50%;}
.p4u-app .event strong{font-size:13px;font-weight:650;color:#243e67;}
/* Team Dispatch - actual operational card */
.p4u-app .dispatch-queue>.kpis{margin:0 0 18px;gap:13px;}
.p4u-app .p4u-metric-filters .kpi.status-tab{display:block;text-align:left;min-height:126px;padding:20px 24px;border:1px solid #d8e3f4;color:#526887;border-radius:18px;box-shadow:var(--p4u-elevation);}
.p4u-app .p4u-metric-filters .kpi.status-tab.active{background:linear-gradient(135deg,#173262,#2859b8);border-color:#234c96;color:white;box-shadow:0 10px 26px -13px rgb(31 70 143 / 60%);}
.p4u-app .p4u-metric-filters .kpi.status-tab.active>span:not(.p4u-metric-icon),.p4u-app .p4u-metric-filters .kpi.status-tab.active small{color:#c0d8ff;}
.p4u-app .p4u-metric-filters .kpi.status-tab.active strong{color:white;}
.p4u-app .p4u-metric-filters .kpi::before{display:none;}
.p4u-app .p4u-metric-filters .kpi.status-tab>span:not(.p4u-metric-icon){font:720 10px/1.4 var(--p4u-display);letter-spacing:.09em;color:#586f92;}
.p4u-app .p4u-metric-filters .kpi strong{margin:9px 0 5px;display:block;}
.p4u-app .p4u-metric-filters .kpi small{font-size:11px;font-weight:500;color:#70829c;}
.p4u-app .p4u-metric-filters .p4u-metric-icon{position:absolute;right:18px;top:21px;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#e6eefb;color:#5273aa;}
.p4u-app .p4u-metric-filters .active .p4u-metric-icon{color:#c4ddff;background:rgb(255 255 255 / 12%);}
.p4u-app .p4u-metric-filters [data-status="pending_dispatch"]:not(.active){background:linear-gradient(140deg,#fff,#fff8ed);}
.p4u-app .p4u-metric-filters [data-status="pending_dispatch"] .p4u-metric-icon{color:#ab751b;background:#fff0ce;}
.p4u-app .p4u-metric-filters [data-status="packing"]:not(.active){background:linear-gradient(140deg,#fff,#f3f0fc);}
.p4u-app .p4u-metric-filters [data-status="packing"] .p4u-metric-icon{color:#7656b2;background:#eee5ff;}
.p4u-app .p4u-metric-filters [data-status="ready_to_send"]:not(.active){background:linear-gradient(140deg,#fff,#edf9f5);}
.p4u-app .p4u-metric-filters [data-status="ready_to_send"] .p4u-metric-icon{color:#138271;background:#d9f3e9;}
.p4u-app .dispatch-queue .order-card{border-radius:21px;}
.p4u-app .dispatch-queue .order-strip{padding:19px 22px;background:linear-gradient(110deg,#f4f8ff,#fff);border-bottom-color:#e4ebf7;}
.p4u-app .dispatch-queue .order-ref{font-size:16px;font-weight:780;color:#2256c4;letter-spacing:-.02em;}
.p4u-app .dispatch-queue .order-body{padding:20px 22px;grid-template-columns:minmax(0,1fr) 235px;gap:22px;}
.p4u-app .p4u-job-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:13px;}
.p4u-app .p4u-job-meta>span{font:500 11px var(--p4u-display);padding:5px 9px;color:#526d8d;background:#f2f6fc;border:1px solid #e3ebf7;border-radius:7px;}
.p4u-job-meta strong{font-weight:720;color:#193c74;}
.p4u-pick-rows{display:grid;gap:9px;}
.p4u-pick-row{display:grid;grid-template-columns:82px minmax(0,1fr) 76px;gap:15px;align-items:center;padding:13px 0;border-top:1px solid #edf1f8;}
.p4u-pick-location{display:grid;gap:3px;text-align:center;background:linear-gradient(140deg,#e8effc,#f3f7ff);border:1px solid #d7e3f6;border-radius:12px;padding:9px 5px;color:#285290;}
.p4u-pick-location small{font-size:8px;font-weight:780;letter-spacing:.08em;}
.p4u-pick-location strong{font-size:18px;line-height:1.15;overflow-wrap:anywhere;}
.p4u-pick-product{min-width:0;display:grid;gap:5px;}
.p4u-pick-product>strong{font-size:15px;line-height:1.45;font-weight:660;color:#1c3556;overflow-wrap:anywhere;}
.p4u-pick-product>span{font-size:11px;line-height:1.55;color:#6e829b;overflow-wrap:anywhere;}
.p4u-pick-quantity{display:grid;gap:5px;text-align:right;}
.p4u-pick-quantity>strong{font-size:20px;white-space:nowrap;}
.p4u-pick-quantity small{font-size:10px;color:#67809c;font-weight:500;}
.p4u-pick-quantity>span{font-size:10px;color:#b88621;}
.is-packed .p4u-pick-quantity>span{color:#0c8169;}
.p4u-app .dispatch-queue .action-box{background:linear-gradient(145deg,#f2f6ff,#f8faff);border:1px solid #dfe8f8;padding:18px;gap:14px;border-radius:16px;}
.p4u-app .dispatch-queue .action-box .small{font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#6d81a2;}
.p4u-app .dispatch-queue .next-action{font-size:19px;line-height:1.35;font-weight:730;color:#223d64;margin-top:7px;}
.p4u-label-link{display:block;text-align:center;font-size:11px;font-weight:630;text-decoration:none;color:#476d9c;}
.p4u-app .page .status-pill.pending_dispatch,.p4u-app .page .status-badge.pending_dispatch{background:#fff0d4;color:#966211;}
.p4u-app .page .status-pill.packing,.p4u-app .page .status-badge.packing{background:#ece6fb;color:#69439c;}
.p4u-app .page .status-pill.ready_to_send,.p4u-app .page .status-badge.ready_to_send{background:#dff5ec;color:#08765c;}
.p4u-app .page .status-pill.sent,.p4u-app .page .status-badge.sent{background:#e1ecff;color:#1c529f;}
.p4u-app .page .status-pill.cancelled,.p4u-app .page .status-badge.cancelled{background:#fbe7e8;color:#983945;}
.p4u-app .page :is(.storage-badge,.action-badge,.pack-status,.status-badge,.status-pill,.mini-badge){font-family:var(--p4u-display);font-size:11px;font-weight:650;border-radius:8px;padding:5px 9px;}
.p4u-app .page .location{background:linear-gradient(145deg,#e6eefc,#f2f6ff);border:1px solid #d6e1f5;color:#28518e;border-radius:13px;font-size:18px;font-weight:740;}
.p4u-app .progress{height:5px;opacity:.9;border-radius:99px;background:#e7edf6;}
.p4u-app .progress>span{background:linear-gradient(90deg,#119d86,#3669ea);}
.p4u-app .progress-card{background:linear-gradient(135deg,#fff,#f8fbff);}
.p4u-app .progress-card .step{border-radius:11px;font-size:12px;font-weight:650;}
.p4u-app .progress-card .step.current{background:linear-gradient(135deg,#244d8f,#16335b);box-shadow:0 5px 14px -8px #14305680;}
/* Client order cards, carrier info and the timestamp-backed journey */
.p4u-app .client-dispatch .order-card {padding:23px;border-radius:21px;gap:22px;}
.p4u-app .client-dispatch .order-title{font-size:21px;font-weight:720;}
.p4u-app .client-dispatch .order-reference{font-size:13px;font-weight:760;color:#285dd0;}
.p4u-app .client-dispatch .shipment-panel {border:1px solid #dae6f8;background:linear-gradient(140deg,#f0f5ff,#f9fcff);border-radius:16px;padding:17px;}
.p4u-app .client-dispatch .carrier-name{font-size:12px;}
.p4u-app .tracking-number{font-size:12px;color:#3f5e87;line-height:1.5;}
.p4u-app .carrier-message{background:#e0ebff;color:#275499;font-size:11px;border-radius:8px;}
.p4u-app .p4u-journey{padding-top:16px;}
.p4u-app .p4u-journey-label{font-size:10px;}
.p4u-app .p4u-copy{border-radius:7px;background:white;border-color:#d6e2f5;}
.p4u-app .shipment-footer{margin-top:14px;font-size:11px;}
.p4u-app .dispatch-new .card {padding:27px;}
.p4u-app .dispatch-new .search-results{border:1px solid #cddff7;box-shadow:0 10px 22px -15px #204a9880;}
.p4u-app .search-result:hover{background:#f1f6ff;}
.p4u-app .result-name{font-size:15px;font-weight:650;}
.p4u-app .selected-title{font-size:15px;color:#1b3d72;font-weight:700;}
.p4u-app .selected-empty{padding:28px;border:1px dashed #b9cdea;background:linear-gradient(110deg,#f5f8ff,#fbfdff);color:#6a83a4;border-radius:14px;}
/* Support remains an operational application with clear private/public boundaries. */
.p4u-app .sup {--ink:#172847;--green:#285cea;--green-dark:#1d4ab4;--soft:#f2f6fd;--line:#dbe5f3;font-family:var(--p4u-display);}
.p4u-app .sup .p4u-feature-head h1 {color:#fff;font-weight:760;}
.p4u-app .sup .p4u-feature-head p:not(.sup-eyebrow){color:#c4d8f6;}
.p4u-app .sup .p4u-feature-head .sup-eyebrow{color:#a2c2ff;}
.p4u-app .sup .sup-v7-nika-state{background:rgb(255 255 255 / 9%);border:1px solid rgb(213 232 255 / 16%);color:#d9e7ff;border-radius:12px;}
.p4u-app .sup .sup-v7-nika-state strong{color:white;}
.p4u-app .sup .sup-v7-nika-state small{color:#c0d3ef;}
.p4u-app .sup .sup-v7-role{background:rgb(255 255 255 / 12%);color:#e6efff;}
.p4u-app .sup :is(.sup-panel,.sup-message,.sup-table-wrap,.sup-filters,.sup-sidebar,.sup-v7-stat,.sup-workload-panel,.sup-v7-inbox,.sup-v7-rail){border-radius:18px;border-color:#dbe5f3;box-shadow:var(--p4u-elevation);}
.p4u-app .sup .sup-v7-stat{min-height:133px;padding:20px;background:linear-gradient(135deg,#fff,#f2f6ff);border-bottom:3px solid #6591e4;}
.p4u-app .sup .sup-v7-stat.is-action{border-bottom-color:#d19a36;background:linear-gradient(130deg,#fff,#fff9ef);}
.p4u-app .sup .sup-v7-stat.is-nika{border-bottom-color:#947bd5;background:linear-gradient(130deg,#fff,#f5f0ff);}
.p4u-app .sup .sup-v7-stat.is-waiting{border-bottom-color:#47a793;background:linear-gradient(130deg,#fff,#effbf7);}
.p4u-app .sup .sup-v7-stat>strong,.p4u-app .sup .sup-v7-stat-number strong{font-size:32px;letter-spacing:-.025em;color:#182f52;}
.p4u-app .sup .sup-v7-stat::after{display:block;opacity:.1;}
.p4u-app .sup .sup-v7-sidebar{border-radius:18px;background:#eef3fc;border:1px solid #dce6f7;padding:18px;}
.p4u-app .sup :is(.sup-v7-nav,.sup-v7-workstreams,.sup-v7-categories) a[aria-current="page"]{background:linear-gradient(115deg,#e1ebfe,#f4f7ff);box-shadow:inset 3px 0 #3468d9;border-radius:9px;color:#2459b9!important;}
.p4u-app .sup .sup-v7-case-title-line>a{font-size:16px;font-weight:690;}
.p4u-app .sup .sup-message {padding:23px;border-radius:17px;}
.p4u-app .sup .sup-message-client{background:linear-gradient(130deg,#f0f5fe,#f8fbff);border-color:#d6e3f9;}
.p4u-app .sup .sup-message-support{border-left:3px solid #346bdf;background:#fff;box-shadow:var(--p4u-elevation);}
.p4u-app .sup .sup-message-body{font-size:15px;line-height:1.85;}
.p4u-app .sup .sup-new-aside{background:linear-gradient(135deg,#e8f0ff,#f4f8ff);border:1px solid #d3e2fb;border-radius:18px;}
.p4u-app .sup .sup-table th{background:#edf3fc;color:#4b6591;font-size:10px;letter-spacing:.07em;}
.p4u-app .sup .sup-table td{font-size:13px;padding:18px;}
.p4u-app .sup .sup-badge{border-radius:8px;}
/* Other admin & onboarding screens inherit the same depth and branded page chrome. */
.p4u-app .page :is(.step-header,.ob-step-row){padding:25px 28px;border:1px solid #d4e1f6;border-radius:20px;background:linear-gradient(110deg,#edf4ff,#fff);box-shadow:var(--p4u-elevation);}
.p4u-app .page :is(.choice-card,.delivery-name-row,.training-row,.review-card,.content-card,.guide-block,.gs-step-card,.gs-resource-card){border-radius:16px;border-color:#d9e4f5;box-shadow:0 5px 18px -14px #294d8480;}
.p4u-app .page :is(.gs-progress-card,.progress-box){background:rgb(255 255 255 / 9%);border:1px solid rgb(255 255 255 / 14%);color:#fff;}
.p4u-app .page .gs-progress-card :is(p,span,strong){color:inherit;}
.p4u-app .page :is(.invite-create-card,.invite-card){border-radius:22px;box-shadow:var(--p4u-elevation);background:white;}
.p4u-app .page :is(table thead,table th){background:#f0f5fd;color:#46638d;}
.p4u-app .page table th{font-family:var(--p4u-display);font-size:10px;letter-spacing:.05em;font-weight:720;}
.p4u-app .page table td{font-family:var(--p4u-display);font-size:13px;line-height:1.6;}
.p4u-app .page table tbody tr:hover{background:#f5f9ff;}
.p4u-app .page :is(.modal-card,.shipment-modal){border-radius:20px;box-shadow:0 26px 90px rgb(0 17 54 / 25%);}
.p4u-app .message-alert{border-radius:15px;box-shadow:var(--p4u-elevation);font-size:14px;}
.p4u-app .page .empty{background:linear-gradient(120deg,#fff,#f7faff);padding:50px 22px;border-radius:19px;border:1px dashed #c2d3ed;font-size:14px;color:#5c789c;}
/* Sign-in and access screens: restore the brand, not just a blank white form. */
body.p4u-auth,body.p4u-blocked{padding:32px 24px;}
.p4u-auth .bg-logo {display:block;position:fixed;right:-100px;bottom:-130px;width:570px;height:570px;object-fit:contain;opacity:.045;z-index:0;pointer-events:none;transform:none;}
body.p4u-auth>.card,body.p4u-auth>.invalid-wrap,body.p4u-auth>.login-shell,body.p4u-blocked>.blocked-shell {position:relative;z-index:1;}
body.p4u-auth :is(.card,.login-card,.invalid-card){padding:36px;border:1px solid rgb(255 255 255 / 96%);border-radius:24px;background:rgb(255 255 255 / 96%);box-shadow:0 25px 65px -30px rgb(22 57 119 / 40%),0 1px 4px rgb(22 57 119 / 5%);}
body.p4u-auth :is(.logo,.logo-card){height:82px;margin:0 auto 22px;}
body.p4u-auth :is(.logo,.logo-card) img{height:82px;max-height:82px;object-fit:contain;}
body.p4u-auth h1{font:770 31px/1.2 var(--p4u-display);letter-spacing:-.035em;}
body.p4u-auth .subtitle{font:400 14px/1.6 var(--p4u-display);color:#60738e;}
body.p4u-auth :is(button[type="submit"],.submit-btn,.login-btn,.btn){background:linear-gradient(135deg,#316aef,#244fc8);box-shadow:0 8px 18px -10px #275fe6;border-radius:12px;font:650 14px var(--p4u-display);}
body.p4u-auth :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),select,textarea){border-color:#cbd9ed;border-radius:11px;font-family:var(--p4u-display);background:#fcfdff;}
body.p4u-auth .security-note{background:#f1f6ff;border:1px solid #e0eafa;border-radius:12px;color:#526d94;font-size:12px;}
body.p4u-auth .login-shell.p4u-login-layout{display:grid;grid-template-columns:1.07fr 1fr;gap:0;max-width:1020px;min-width:0;width:100%;border-radius:28px;overflow:hidden;box-shadow:0 35px 90px -40px rgb(25 57 114 / 55%);}
body.p4u-auth .p4u-login-layout .login-card{border-radius:0;max-width:none;margin:0;padding:42px 44px;border:0;box-shadow:none;}
.p4u-login-story{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;min-width:0;padding:45px 42px;background:radial-gradient(ellipse at 110% 0%,#2051ab,transparent 70%),linear-gradient(155deg,#0c1f42,#11274d 70%,#16465a);color:white;}
.p4u-login-story::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.35;background:repeating-linear-gradient(125deg,transparent,transparent 80px,#70a5f320 81px,transparent 82px);}
.p4u-login-story .p4u-kicker{color:#85baff;}
.p4u-login-story h2{font:740 39px/1.18 var(--p4u-display);letter-spacing:-.035em;margin:22px 0 18px;color:#fff;}
.p4u-login-story h2 span{color:#88ccd8;}
.p4u-login-story>p{max-width:310px;color:#b2c8e8;font:400 14px/1.8 var(--p4u-display);}
.p4u-login-story .p4u-brand-seal{top:auto;bottom:42px;right:24px;transform:none;width:200px;height:200px;opacity:.6;}
.p4u-login-story .p4u-seal-frame{width:146px;height:146px;}
.p4u-login-story .p4u-seal-frame img{width:126px;height:126px;}
.p4u-login-story-bottom{margin-top:auto;padding-top:170px;display:flex;gap:16px;position:relative;font:600 8px var(--p4u-display);letter-spacing:.12em;color:#7698bf;}
body.p4u-blocked :is(.hero,.blocked-hero){background:radial-gradient(ellipse at 100% 0%,#285bc1,transparent 65%),linear-gradient(120deg,#0c1e40,#173361);border-radius:24px;box-shadow:0 16px 40px -22px #153d9690;}
/* Real small-screen layouts, without clipping either branding or content. */
@media(min-width:1500px){body.p4u-app::before{right:-10px;bottom:-140px;width:730px;height:730px;}}
@media(max-width:1120px){
    .p4u-app .p4u-topbar{padding:12px 16px;gap:14px;}
    .p4u-app .p4u-topbar .nav a,.p4u-app .p4u-topbar .nav button{padding:9px 10px;font-size:11px;}
    .p4u-app .dispatch-queue .order-body{grid-template-columns:minmax(0,1fr) 210px;}
    .p4u-app .page .p4u-home-hero{padding:32px;}
}
@media(max-width:900px){
    .p4u-app .shell{padding:14px 20px 24px;}
    .p4u-app .p4u-topbar{margin-bottom:20px;}
    .p4u-app .page :is(.home-hero,.dispatch-hero,.gs-hero,.training-hero,.guide-hero,.command-hero,.invoice-hero,.not-added-hero,.client-inventory>.hero,.bulk-hero,.preview-hero,.batch-hero,.action-hero,.client-hero,.warehouse-top,.p4u-feature-head){padding:26px;border-radius:21px;}
    .p4u-app .dispatch-queue .order-body{grid-template-columns:minmax(0,1fr);}
    .p4u-app .dispatch-queue .action-box{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;}
    .p4u-app .dispatch-queue .next-action{font-size:17px;}
    .p4u-app .module-card{padding:23px;min-height:270px;}
    .p4u-app .module-card h2{font-size:21px;}
    .p4u-app .page .p4u-home-hero h1{font-size:36px;}
    .p4u-app .p4u-home-hero .p4u-brand-seal{right:25px;width:165px;height:165px;}
    .p4u-app .p4u-home-hero .p4u-seal-frame{width:123px;height:123px;}
    .p4u-app .p4u-home-hero .p4u-seal-frame img{width:100px;height:100px;}
    body.p4u-auth .login-shell.p4u-login-layout{max-width:880px;grid-template-columns:.9fr 1fr;}
    body.p4u-auth .p4u-login-layout .login-card{padding:35px 28px;}
    .p4u-login-story{padding:40px 28px;}
    .p4u-login-story h2{font-size:31px;}
}
@media(max-width:760px){
    .p4u-app .p4u-topbar{border-radius:18px;flex-wrap:wrap;}
    .p4u-app .p4u-topbar .nav a,.p4u-app .p4u-topbar .nav button{font-size:13px;min-height:45px;}
    .p4u-app .p4u-menu-toggle {background:#eef3fd;border:1px solid #d7e3f8;border-radius:11px;color:#24509b;}
    .p4u-app .p4u-brand-text strong{font-size:18px;}
    .p4u-app .p4u-brand-text>span{font-size:9px;}
    .p4u-app .p4u-brand-logo{height:46px;width:46px;}
    .p4u-app .p4u-topbar .nav .logout-btn{margin-left:0;}
    body.p4u-auth .login-shell.p4u-login-layout{display:block;max-width:500px;}
    .p4u-login-story{min-height:0;padding:25px 28px;}
    .p4u-login-story h2{font-size:27px;margin:12px 0;max-width:75%;}
    .p4u-login-story>p,.p4u-login-story-bottom{display:none;}
    .p4u-login-story .p4u-brand-seal{right:-25px;bottom:-23px;width:155px;height:155px;}
    body.p4u-auth .p4u-login-layout .login-card{padding:28px;}
    body.p4u-auth .p4u-login-layout .logo-card{display:none;}
}
@media(max-width:640px){
    body.p4u-app::before,body.p4u-auth::before,body.p4u-blocked::before{width:360px;height:360px;right:-95px;bottom:-85px;opacity:.06;}
    body.p4u-app::after,body.p4u-auth::after,body.p4u-blocked::after{font-size:95px;left:12px;bottom:17px;}
    .p4u-app .shell{padding:10px 12px 22px;}
    .p4u-app .p4u-topbar{padding:12px;min-height:74px;margin-bottom:16px;}
    .p4u-app .p4u-brand{gap:8px;}
    .p4u-app .p4u-brand-text strong{font-size:16px;}
    .p4u-app .p4u-brand-text>span{letter-spacing:.08em;}
    .p4u-app .page :is(.home-hero,.dispatch-hero,.gs-hero,.training-hero,.guide-hero,.command-hero,.invoice-hero,.not-added-hero,.client-inventory>.hero,.bulk-hero,.preview-hero,.batch-hero,.action-hero,.client-hero,.warehouse-top,.p4u-feature-head){padding:24px 20px;border-radius:19px;margin-bottom:17px;}
    .p4u-app .page :is(.home-hero,.dispatch-hero,.gs-hero,.training-hero,.guide-hero,.command-hero,.invoice-hero,.not-added-hero,.client-inventory>.hero,.bulk-hero,.preview-hero,.batch-hero,.action-hero,.client-hero,.warehouse-top,.p4u-feature-head) h1{font-size:28px;line-height:1.2;}
    .p4u-app .p4u-feature-head .actions{flex-shrink:1;}
    .p4u-app .page .p4u-feature-head h1{font-size:27px;}
    .p4u-app .p4u-brand-seal{right:-32px;opacity:.4;}
    .p4u-app .client-inventory>.hero>p:last-of-type{max-width:100%;}
    .p4u-app .dispatch-hero .p4u-brand-seal{right:-30px;opacity:.35;}
    .p4u-app .p4u-home-hero .p4u-home-copy{max-width:100%;}
    .p4u-app .page .p4u-home-hero{min-height:234px;padding:29px 23px;}
    .p4u-app .p4u-home-hero .p4u-brand-seal{right:-55px;top:50%;opacity:.28;}
    .p4u-home-channels{gap:12px;margin-top:22px;font-size:9px;}
    .p4u-workspace-heading{display:block;margin:24px 2px 15px;}
    .p4u-workspace-heading>span{display:block;margin-top:6px;font-size:12px;}
    .p4u-app .p4u-workspace-heading h2{font-size:21px;}
    .p4u-app .module-grid{gap:14px;grid-template-columns:1fr;}
    .p4u-app .module-card{display:grid;min-height:0;grid-template-columns:49px minmax(0,1fr);gap:8px 15px;padding:23px 20px;}
    .p4u-app .module-icon{grid-row:1/4;width:49px;height:49px;margin:0;border-radius:14px;}
    .p4u-app .module-card h2{font-size:21px;margin:0;padding-right:22px;}
    .p4u-app .module-card p{font-size:13px;}
    .p4u-app .module-action{padding-top:5px;font-size:12px;}
    .p4u-module-number{right:19px;top:24px;font-size:10px;}
    .p4u-app .page :is(.card,.form-card,.info-card,.timeline-card){padding:21px 18px;border-radius:17px;}
    .p4u-app .page :is(.summary-card,.qty-card,.kpi){border-radius:15px;padding:15px;}
    .p4u-app .page :is(.summary-value,.qty-value,.summary-card .value){font-size:27px;}
    .p4u-app .page :is(.summary-label,.qty-label,.summary-card .label){font-size:10px;}
    .p4u-app .client-dispatch .summary-card{min-height:108px;grid-template-columns:32px minmax(0,1fr);gap:9px;padding:14px;}
    .p4u-app .client-dispatch .summary-icon{height:32px;width:32px;border-radius:10px;}
    .p4u-app .client-dispatch .summary-help{font-size:10px;}
    .p4u-app .client-dispatch .order-card{padding:18px;gap:16px;}
    .p4u-app .client-dispatch .shipment-panel{padding:14px;}
    .p4u-app .page input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),.p4u-app .page select,.p4u-app .page textarea{font-size:16px;}
    .p4u-app .p4u-metric-filters .kpi.status-tab {min-height:126px;padding:18px 15px;}
    .p4u-app .p4u-metric-filters .p4u-metric-icon{right:13px;top:15px;width:27px;height:27px;border-radius:8px;}
    .p4u-app .p4u-metric-filters .p4u-icon{width:17px;height:17px;}
    .p4u-app .p4u-metric-filters .kpi strong{font-size:29px;margin-top:13px;}
    .p4u-app .p4u-metric-filters .kpi small{font-size:10px;}
    .p4u-app .p4u-metric-filters .kpi.status-tab>span:not(.p4u-metric-icon){font-size:9px;max-width:65%;}
    .p4u-app .dispatch-queue>.kpis{gap:10px;}
    .p4u-app .dispatch-queue .order-strip{padding:17px;align-items:flex-start;}
    .p4u-app .dispatch-queue .order-ref{font-size:14px;}
    .p4u-app .dispatch-queue .order-body{padding:17px;gap:16px;}
    .p4u-app .dispatch-queue .action-box{display:grid;grid-template-columns:minmax(0,1fr);padding:17px;}
    .p4u-app .dispatch-queue .action-box .btn{width:100%;}
    .p4u-pick-row{grid-template-columns:58px minmax(0,1fr);gap:10px;}
    .p4u-pick-location strong{font-size:16px;}
    .p4u-pick-product>strong{font-size:14px;}
    .p4u-pick-product>span{font-size:10px;}
    .p4u-pick-quantity{grid-column:2;display:flex;gap:15px;align-items:center;text-align:left;}
    .p4u-pick-quantity>strong{font-size:18px;}
    .p4u-app .p4u-job-meta>span{font-size:10px;}
    .p4u-app .product-head{padding:20px 18px;}
    .p4u-app .product-head h2{font-size:18px;}
    .p4u-app .batch-row{padding:18px;}
    .p4u-app .sup .sup-v7-stat{padding:16px;min-height:126px;}
    .p4u-app .sup .sup-message{padding:20px 17px;}
    .p4u-app .sup .p4u-feature-head .sup-v7-header-actions{flex-wrap:wrap;max-width:100%;}
    .p4u-app .p4u-footer{align-items:flex-start;gap:12px;flex-direction:column;}
    .p4u-app .p4u-footer-brand{font-size:10px;gap:8px;}
    .p4u-app .p4u-footer-brand>span:last-child{letter-spacing:0;}
    .p4u-app .p4u-footer-brand img{width:30px;height:30px;}
    body.p4u-auth,body.p4u-blocked{padding:18px 13px;}
}
@media(max-width:359px){.p4u-app .p4u-brand-text>span{font-size:8px;}.p4u-app .p4u-brand-logo{width:39px;height:39px;}.p4u-app .p4u-menu-toggle{padding:8px 10px;}.p4u-app .p4u-footer-divider{display:none;}.p4u-app .p4u-footer-brand{flex-wrap:wrap;}}
@media(prefers-reduced-motion:reduce){.p4u-app *,.p4u-app *::before,.p4u-app *::after,.p4u-auth *{transition:none!important;animation:none!important;scroll-behavior:auto!important;}.p4u-app .module-card:hover,.p4u-app .btn:hover{transform:none;}}
@media print{body.p4u-app,body.p4u-auth{background:white;}body.p4u-app::before,body.p4u-app::after,body.p4u-auth::before,body.p4u-auth::after,.p4u-brand-seal,.p4u-login-story,.p4u-footer{display:none!important;}}
/* Module-specific colour accents override the common hero gradient. */
.p4u-app .page .p4u-feature-head.p4u-feature-inventory{background:radial-gradient(ellipse at 100% 0%,rgb(32 148 159 / 35%),transparent 58%),linear-gradient(112deg,#0b1c36,#14465b 70%,#126975);}
.p4u-app .page .p4u-feature-head.p4u-feature-support{background:radial-gradient(ellipse at 100% 0%,rgb(75 116 239 / 32%),transparent 55%),linear-gradient(115deg,#131b39,#2a356e 75%,#394f9d);}
/* Sign-in has an existing image watermark; do not draw it twice. */
body.p4u-auth:has(>.bg-logo)::before{content:none;}
/* Meaningful summary colours and a compact seal on list banners. */
.p4u-app .page .client-dispatch .summary-card.sent-orders{background:linear-gradient(135deg,#fff,#edf8f2);}
.p4u-app .page .client-dispatch .summary-card.delivered-orders{background:linear-gradient(135deg,#fff,#f3effc);}
.p4u-app .page .client-dispatch .summary-card.cancelled-orders{background:linear-gradient(135deg,#fff,#fff3f3);}
.p4u-app .page .client-dispatch .summary-card.cancelled-orders::before{background:#d97474;}
.p4u-app .p4u-feature-banner .p4u-brand-seal{height:144px;width:144px;}
.p4u-app .p4u-feature-banner .p4u-seal-caption{display:none;}