/* 4T4 shared UI V226. Scope: pages explicitly using the shared shell. */
html.t4-ui-v226{--t4-bg:#0b1220;--t4-panel:#111d2e;--t4-panel2:#162438;--t4-text:#e7edf6;--t4-muted:#a7b5c8;--t4-border:#293b51;--t4-accent:#73baff;--t4-action:#2563b8;--t4-ok:#64d3ae;--t4-warn:#ffd18a;--t4-bad:#ff9ea7;--t4-side:258px;color-scheme:dark;background:var(--t4-bg)}
html.t4-ui-v226[data-t4-theme=light]{--t4-bg:#f3f6fa;--t4-panel:#fff;--t4-panel2:#edf2f8;--t4-text:#162538;--t4-muted:#506278;--t4-border:#c8d3e0;--t4-accent:#1958a1;--t4-action:#205ea8;--t4-ok:#14724f;--t4-warn:#8e5500;--t4-bad:#b12236;color-scheme:light}
html.t4-ui-v226[data-t4-theme=gray]{--t4-bg:#1e242b;--t4-panel:#272f38;--t4-panel2:#303b47;--t4-text:#edf2f8;--t4-muted:#b6c0cc;--t4-border:#4a5968}
html.t4-ui-v226 body{margin:0!important;padding:0!important;background:var(--t4-bg)!important;color:var(--t4-text)!important;font-family:Segoe UI,Arial,sans-serif!important;font-size:14px!important;line-height:1.55;min-width:0}
html.t4-ui-v226 *,html.t4-ui-v226 *:before,html.t4-ui-v226 *:after{box-sizing:border-box}
html.t4-ui-v226 [hidden]{display:none!important}
html.t4-ui-v226 .t4-v226-shell{display:block!important;min-height:100vh;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;gap:0!important}
html.t4-ui-v226 .t4-v226-sidebar{position:fixed!important;inset:0 auto 0 0!important;width:var(--t4-side)!important;min-width:0!important;max-width:var(--t4-side)!important;height:100vh!important;height:100dvh!important;display:flex!important;flex-direction:column!important;gap:0!important;padding:20px 14px 12px!important;background:var(--t4-panel)!important;border:0!important;border-right:1px solid var(--t4-border)!important;overflow:hidden!important;z-index:900!important;transform:none!important;box-shadow:none!important}
html.t4-ui-v226 .t4-v226-sidebar :is(.brand,.brandbox){display:flex!important;align-items:center;justify-content:center;padding:2px 12px 18px!important;margin:0!important;min-height:0!important;background:none!important;border:0!important;flex-shrink:0}
html.t4-ui-v226 .t4-v226-sidebar :is(.brand,.brandbox) img{display:block;max-width:176px!important;width:auto!important;height:auto!important;max-height:100px!important;object-fit:contain}
html.t4-ui-v226 .t4-v226-sidebar .nav{display:block!important;flex:1;min-height:50px;overflow-y:auto!important;overflow-x:hidden!important;padding:0 3px 12px!important;scrollbar-width:thin;margin:0!important}
html.t4-ui-v226 .t4-v226-sidebar .nav>a{display:flex!important;align-items:center;gap:10px;width:100%;min-height:41px;margin:3px 0!important;padding:9px 11px!important;color:var(--t4-muted)!important;font-size:13px!important;line-height:1.45!important;letter-spacing:0!important;font-weight:500!important;border:1px solid transparent!important;border-radius:8px!important;white-space:normal!important;text-decoration:none!important;background:none!important;box-shadow:none!important}
html.t4-ui-v226 .t4-v226-sidebar .nav>a:hover{background:var(--t4-panel2)!important;color:var(--t4-text)!important}
html.t4-ui-v226 .t4-v226-sidebar .nav>a.active,html.t4-ui-v226 .t4-v226-sidebar .nav>a[aria-current=page]{background:var(--t4-panel2)!important;color:var(--t4-accent)!important;border-color:var(--t4-border)!important;font-weight:600!important}
html.t4-ui-v226 .t4-v226-sidebar .nav-label,html.t4-ui-v226 .t4-v226-sidebar .nav-title{font-size:10px!important;letter-spacing:1.2px!important;color:var(--t4-muted)!important;font-weight:700!important;padding:18px 11px 7px!important;margin:0!important;border:0!important}
html.t4-ui-v226 .t4-v226-sidebar .ico{width:18px;text-align:center;flex-shrink:0;font-size:15px}
html.t4-ui-v226 .t4-v226-sidebar .dot{width:6px;height:6px;background:currentColor;border-radius:50%;flex:0 0 6px}
html.t4-ui-v226 .sidebar-foot,html.t4-ui-v226 .sidefoot{display:block!important;position:static!important;flex-shrink:0;border-top:1px solid var(--t4-border)!important;background:none!important;padding:12px 8px 0!important;margin:0!important;text-align:left!important;font-size:11px!important;color:var(--t4-muted)!important;line-height:1.6}
html.t4-ui-v226 .sidebar-foot b,html.t4-ui-v226 .sidebar-foot span,html.t4-ui-v226 .sidebar-foot small{display:block;font-size:11px!important;color:var(--t4-muted)!important}
html.t4-ui-v226 .sidefoot a,html.t4-ui-v226 .nx-sidebar-actions a{display:flex!important;align-items:center;gap:9px;text-decoration:none;color:var(--t4-text)!important;min-height:38px;padding:7px 9px!important;font-size:12px!important}
html.t4-ui-v226 .nx-sidebar-actions{flex-shrink:0;padding:8px 0!important;margin:0!important;border-top:1px solid var(--t4-border);background:none!important}
html.t4-ui-v226 .t4-v226-content{position:relative!important;margin:0 0 0 var(--t4-side)!important;padding:30px!important;width:calc(100% - var(--t4-side))!important;max-width:none!important;min-width:0!important;min-height:100vh;background:var(--t4-bg)!important;float:none!important;flex:none!important}
html.t4-ui-v226 .t4-v226-content h1{color:var(--t4-text)!important;font-size:clamp(24px,2.5vw,32px)!important;font-weight:700!important;line-height:1.22!important;letter-spacing:-.6px!important;margin:6px 0 8px!important;text-shadow:none!important}
html.t4-ui-v226 .t4-v226-content h2{color:var(--t4-text)!important;font-size:18px!important;line-height:1.35!important;margin:0 0 12px!important;font-weight:650!important;letter-spacing:0!important}
html.t4-ui-v226 .t4-v226-content h3{color:var(--t4-text)!important;font-size:15px!important}
html.t4-ui-v226 .t4-v226-content .top,html.t4-ui-v226 .t4-v226-content .page-head{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:16px;margin:0 0 24px!important}
html.t4-ui-v226 .t4-v226-content .eyebrow{font-size:10px!important;color:var(--t4-accent)!important;font-weight:700;letter-spacing:1.5px!important}
html.t4-ui-v226 .t4-v226-content .muted,html.t4-ui-v226 .t4-v226-content .hint,html.t4-ui-v226 .t4-v226-content .sub{color:var(--t4-muted)!important;font-size:13px!important;line-height:1.6!important}
html.t4-ui-v226 .t4-v226-content .card,html.t4-ui-v226 .t4-v226-content .panel,html.t4-ui-v226 .t4-v226-content .box{background:var(--t4-panel)!important;color:var(--t4-text)!important;border:1px solid var(--t4-border)!important;border-radius:12px!important;box-shadow:none!important;padding:20px!important;min-width:0}
html.t4-ui-v226 .t4-v226-content a{color:var(--t4-accent)}
html.t4-ui-v226 .t4-v226-content :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=color]),select,textarea){font:inherit!important;font-size:14px!important;color:var(--t4-text)!important;background:var(--t4-bg)!important;border:1px solid var(--t4-border)!important;border-radius:8px!important;min-height:40px!important;max-width:100%;padding:9px 11px!important;box-shadow:none!important}
html.t4-ui-v226 .t4-v226-content input[type=checkbox],html.t4-ui-v226 .t4-v226-content input[type=radio]{width:18px!important;height:18px!important;min-height:0!important;padding:0!important;vertical-align:middle;accent-color:var(--t4-action);flex:0 0 auto}
html.t4-ui-v226 .t4-v226-content label{color:var(--t4-muted)!important;font-size:12px!important;line-height:1.5!important}
html.t4-ui-v226 .t4-v226-content .btn,html.t4-ui-v226 .t4-v226-content button:not([class*=dx]):not(.t4-native-icon){font:inherit!important;font-size:13px!important;line-height:1.35!important;min-height:40px;padding:10px 15px!important;border-radius:8px!important;cursor:pointer;box-shadow:none!important;white-space:normal}
html.t4-ui-v226 .t4-v226-content .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--t4-action)!important;border:1px solid var(--t4-action)!important;color:#fff!important;text-decoration:none!important;font-weight:600!important}
html.t4-ui-v226 .t4-v226-content .btn.alt,html.t4-ui-v226 .t4-v226-content .btn.secondary{background:var(--t4-panel2)!important;border-color:var(--t4-border)!important;color:var(--t4-text)!important}
html.t4-ui-v226 .t4-v226-content .btn.danger{background:#8d2839!important;border-color:#b64658!important;color:#fff!important}
html.t4-ui-v226 :focus-visible{outline:3px solid var(--t4-accent)!important;outline-offset:3px!important}
html.t4-ui-v226 .t4-v226-content :disabled{opacity:.6;cursor:not-allowed!important}
html.t4-ui-v226 .t4-v226-table-scroll{overflow:auto;width:100%;max-width:100%;border:1px solid var(--t4-border);border-radius:10px;scrollbar-width:thin}
html.t4-ui-v226 .t4-v226-table-scroll>table{margin:0!important;width:100%!important;border-collapse:collapse!important;min-width:600px;table-layout:auto}
html.t4-ui-v226 .t4-v226-content table th{padding:12px!important;font-size:11px!important;letter-spacing:.3px;color:var(--t4-muted)!important;background:var(--t4-panel2)!important;line-height:1.5;border-bottom:1px solid var(--t4-border)!important;text-align:left}
html.t4-ui-v226 .t4-v226-content table td{padding:12px!important;font-size:13px!important;line-height:1.55!important;border-bottom:1px solid var(--t4-border)!important;color:var(--t4-text)}
html.t4-ui-v226 .t4-v226-content table tr:last-child td{border-bottom:0!important}
html.t4-ui-v226 .t4-v226-content .alert{padding:14px 16px!important;border:1px solid var(--t4-border)!important;border-radius:10px!important;font-size:13px!important;line-height:1.65;margin:0 0 18px!important;background:var(--t4-panel2)!important;color:var(--t4-text)!important;overflow-wrap:anywhere}
html.t4-ui-v226 .t4-v226-content .alert.err{color:var(--t4-bad)!important;border-left:3px solid var(--t4-bad)!important}
html.t4-ui-v226 .t4-v226-content .alert.ok{color:var(--t4-ok)!important;border-left:3px solid var(--t4-ok)!important}
html.t4-ui-v226 .t4-v226-content .empty{padding:24px!important;color:var(--t4-muted)!important;font-size:13px!important;text-align:center;line-height:1.7}
html.t4-ui-v226 .t4-v226-mobilebar,html.t4-ui-v226 .t4-v226-backdrop,html.t4-ui-v226 .t4-v226-close{display:none}
html.t4-ui-v226 .t4-v226-search{display:block;flex-shrink:0;padding:0 6px 12px;font-size:11px;color:var(--t4-muted)}
html.t4-ui-v226 .t4-v226-search input{display:block;width:100%;font:inherit;font-size:13px;height:38px;margin-top:5px;padding:8px 11px;border-radius:8px;border:1px solid var(--t4-border);color:var(--t4-text);background:var(--t4-bg)}
html.t4-ui-v226 .t4-v226-search-status{font-size:11px;color:var(--t4-muted);padding:4px 10px 9px}
html.t4-ui-v226 .t4-global-mobilebar,html.t4-ui-v226 .t4-global-overlay,html.t4-ui-v226 .mobile-sales-header,html.t4-ui-v226 .mobile-header,html.t4-ui-v226 .mobile-menu-overlay,html.t4-ui-v226 .sidebar-overlay,html.t4-ui-v226 .menu-overlay{display:none!important}
html.t4-ui-v226 .t4-v226-skip{position:fixed;left:280px;top:-100px;z-index:1300;padding:10px;background:var(--t4-panel);color:var(--t4-text)}
html.t4-ui-v226 .t4-v226-skip:focus{top:12px}
/* New management components. */
html.t4-ui-v226 .v226-toolbar{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;margin-bottom:22px}
html.t4-ui-v226 .v226-toolbar label{display:grid;gap:6px;flex:1;min-width:180px;max-width:380px}
html.t4-ui-v226 .v226-toolbar select{width:100%}
html.t4-ui-v226 .v226-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 22px}
html.t4-ui-v226 .v226-kpi{display:block;padding:20px;border:1px solid var(--t4-border);border-radius:12px;background:var(--t4-panel);text-decoration:none;color:var(--t4-text)!important;min-width:0}
html.t4-ui-v226 .v226-kpi .label{color:var(--t4-muted);font-size:12px}
html.t4-ui-v226 .v226-kpi strong{display:block;font-size:34px;line-height:1.3;letter-spacing:-1px;margin:9px 0 6px}
html.t4-ui-v226 .v226-kpi small{font-size:11px;color:var(--t4-muted)}
html.t4-ui-v226 .v226-two{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:20px;align-items:start;margin-bottom:22px}
html.t4-ui-v226 .v226-stack{display:grid;gap:18px}
html.t4-ui-v226 .v226-sectionhead{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
html.t4-ui-v226 .v226-sectionhead h2{margin:0!important}
html.t4-ui-v226 .v226-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:6px;font-size:11px;border:1px solid var(--t4-border);background:var(--t4-panel2);color:var(--t4-muted);white-space:nowrap}
html.t4-ui-v226 .v226-badge.ok{color:var(--t4-ok)}html.t4-ui-v226 .v226-badge.warn{color:var(--t4-warn)}html.t4-ui-v226 .v226-badge.bad{color:var(--t4-bad)}
html.t4-ui-v226 .v226-list{margin:0;padding:0;list-style:none}
html.t4-ui-v226 .v226-list li{padding:12px 0;border-bottom:1px solid var(--t4-border);display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:13px}
html.t4-ui-v226 .v226-list li:last-child{border:0}
html.t4-ui-v226 .v226-note{font-size:12px!important;line-height:1.65;color:var(--t4-muted);margin:12px 0 0;overflow-wrap:anywhere}
html.t4-ui-v226 .v226-number{text-align:right!important;font-variant-numeric:tabular-nums}
html.t4-ui-v226 .v226-actions{display:flex;flex-wrap:wrap;gap:8px}
html.t4-ui-v226 .v226-healthstrip{display:flex;gap:10px;align-items:center;padding:14px 16px;background:var(--t4-panel2);border-radius:10px;margin-bottom:24px;color:var(--t4-muted);font-size:12px;flex-wrap:wrap}
html.t4-ui-v226 .v226-footer{color:var(--t4-muted);font-size:11px;margin-top:28px;padding-top:16px;border-top:1px solid var(--t4-border)}
@media(min-width:901px){html.t4-ui-v226 .t4-v226-sidebar{visibility:visible!important}}
@media(max-width:1200px){html.t4-ui-v226 .v226-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}html.t4-ui-v226 .v226-two{grid-template-columns:minmax(0,1fr)}html.t4-ui-v226 .t4-v226-content{padding:24px!important}}
@media(max-width:900px){html.t4-ui-v226 .t4-v226-content{width:100%!important;margin:0!important;padding:86px 20px 24px!important;min-width:0!important}html.t4-ui-v226 .t4-v226-sidebar{width:min(310px,88vw)!important;max-width:min(310px,88vw)!important;transform:translateX(-101%)!important;visibility:hidden;z-index:1200!important;padding-top:18px!important}html.t4-ui-v226.t4-v226-drawer-open .t4-v226-sidebar{transform:translateX(0)!important;visibility:visible}html.t4-ui-v226.t4-v226-drawer-open body{overflow:hidden!important}html.t4-ui-v226 .t4-v226-mobilebar{position:fixed;inset:0 0 auto 0;height:62px;display:flex;align-items:center;gap:14px;padding:10px 18px;border-bottom:1px solid var(--t4-border);background:var(--t4-panel);z-index:850;color:var(--t4-text)}html.t4-ui-v226 .t4-v226-mobilebar button,html.t4-ui-v226 .t4-v226-close{width:42px;height:42px;min-width:42px;font-size:23px;line-height:1;border:1px solid var(--t4-border);background:var(--t4-panel2);color:var(--t4-text);border-radius:8px;cursor:pointer}html.t4-ui-v226 .t4-v226-mobilebar strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html.t4-ui-v226 .t4-v226-close{display:block;position:absolute;right:12px;top:12px}html.t4-ui-v226 .t4-v226-sidebar :is(.brand,.brandbox){padding-right:44px!important;justify-content:flex-start}html.t4-ui-v226 .t4-v226-sidebar :is(.brand,.brandbox) img{max-width:150px!important;max-height:80px!important}html.t4-ui-v226 .t4-v226-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:1100;border:0;display:none}html.t4-ui-v226.t4-v226-drawer-open .t4-v226-backdrop{display:block}html.t4-ui-v226 .t4-v226-skip{left:70px}html.t4-ui-v226 .grid2,html.t4-ui-v226 .route,html.t4-ui-v226 .route-row{grid-template-columns:1fr!important}}
@media(max-width:480px){html.t4-ui-v226 .t4-v226-content{padding:82px 14px 22px!important}html.t4-ui-v226 .v226-kpis{gap:10px}html.t4-ui-v226 .v226-kpi{padding:15px}html.t4-ui-v226 .v226-kpi strong{font-size:29px}html.t4-ui-v226 .t4-v226-content .card{padding:16px!important}html.t4-ui-v226 .v226-toolbar label{max-width:none;min-width:100%}}
@media(prefers-reduced-motion:reduce){html.t4-ui-v226 *,html.t4-ui-v226 *:before,html.t4-ui-v226 *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{html.t4-ui-v226 .t4-v226-sidebar,html.t4-ui-v226 .t4-v226-mobilebar,html.t4-ui-v226 .t4-v226-backdrop,html.t4-ui-v226 .t4-v226-skip{display:none!important}html.t4-ui-v226 .t4-v226-content{margin:0!important;width:100%!important;padding:0!important;min-height:0}html.t4-ui-v226 .t4-v226-table-scroll{overflow:visible!important}html.t4-ui-v226 .t4-v226-table-scroll table{min-width:0!important}html.t4-ui-v226 body,html.t4-ui-v226 .t4-v226-content,html.t4-ui-v226 .t4-v226-content .card{background:#fff!important;color:#111!important}html.t4-ui-v226 .v226-kpis{grid-template-columns:repeat(4,1fr)}}

html.t4-ui-v226 #reportOverlay,html.t4-ui-v226 .report-overlay,html.t4-ui-v226 .mobile-topbar{display:none!important}

html.t4-ui-admin .t4-v226-content .cards{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr))!important;gap:18px!important}
html.t4-ui-admin .t4-v226-content :is(.grid,.grid2,.price-grid){min-width:0}
html.t4-ui-admin .t4-v226-content :is(.grid,.grid2,.price-grid)>*{min-width:0}
html.t4-ui-admin .t4-v226-content :is(.grid,.grid2,.price-grid) input{width:100%}
html.t4-ui-admin .plan-card{border-top:3px solid var(--t4-accent)!important}
html.t4-ui-admin .plan-card[data-plan=BASIC]{border-top-color:#50be90!important}
html.t4-ui-admin .plan-card[data-plan=SILVER]{border-top-color:#68a7ec!important}
html.t4-ui-admin .plan-card[data-plan=GOLD]{border-top-color:#e8bf59!important}
html.t4-ui-admin .plan-card[data-plan=PLATINUM]{border-top-color:#a5b0c0!important}
html.t4-ui-admin .v226-annual{margin:10px 0 0;padding:10px 12px;border:1px solid var(--t4-border);border-radius:8px;background:var(--t4-panel2);font-size:12px;color:var(--t4-muted)}
@media(max-width:900px){html.t4-ui-admin .t4-v226-content .grid.four{grid-template-columns:1fr!important}html.t4-ui-admin .t4-v226-content .two{grid-template-columns:1fr!important}}

html.t4-ui-v226 :is(.mobile-report-header,.sales-overlay,.mobile-head,.mobile-menu,.menu-btn){display:none!important}
/* Legacy navigation uses !important display; hidden search results must still disappear. */
html.t4-ui-v226 .t4-v226-sidebar .nav > [hidden]{display:none!important}

/* 4T4 unified white surface, navy typography, mobile-first controls. */
html.t4-light-mobile,html.t4-light-mobile[data-t4-theme]{
 --t4-bg:#fff;--t4-panel:#fff;--t4-panel2:#f2f6fb;--t4-text:#111e35;--t4-muted:#52627a;--t4-border:#dbe3ed;--t4-accent:#155c9f;--t4-action:#185b9c;--t4-ok:#087754;--t4-warn:#865000;--t4-bad:#b1243e;
 --bg:#fff;--bg2:#f5f8fc;--panel:#fff;--panel2:#f3f7fb;--panel3:#edf3f9;--text:#111e35;--muted:#52627a;--muted2:#65748a;--line:#dbe3ed;--line2:#e7edf4;--blue:#185b9c;--cyan:#087f9a;color-scheme:light!important;background:#fff!important;
}
html.t4-light-mobile body{background:#fff!important;color:#111e35!important;font-family:system-ui,-apple-system,'Segoe UI',sans-serif!important;line-height:1.55;min-width:0;margin:0}
html.t4-light-mobile *,html.t4-light-mobile *::before,html.t4-light-mobile *::after{box-sizing:border-box}
html.t4-light-mobile [hidden]{display:none!important}
html.t4-light-mobile :is(main,.main,.report-page,.content,.page,.wrap,.shell,.app,.stage){color:#111e35!important;background-color:#fff!important;background-image:none!important;min-width:0}
html.t4-light-mobile :is(h1,h2,h3,h4,.title,.kpi-value,.metric b,.stat-value,.value,.total-value,.amount,.visit-box strong){color:#111e35!important;text-shadow:none!important}
html.t4-light-mobile :is(.muted,.sub,.hint,.note,.kpi-label,.kpi-sub,.label,.meta,.visit-note,.visit-box small,.v226-note){color:#52627a!important;text-shadow:none!important}
html.t4-light-mobile :is(.card,.panel,.box,.metric,.kpi,.stat,.stats-card,.summary-card,.linkcard,.visit-box,.v226-kpi,.notice,.filters,.filter-panel,.filter-card,.report-toolstrip,.toolbar,.chart-panel,.payment-box,.comparison-box,.v240-card,.v240-kpi,.v240-head,.v240-layout,.v240-canvas,.v240-list,.v240-total){background:#fff!important;color:#111e35!important;border-color:#dbe3ed!important;box-shadow:0 3px 16px #102b4910!important;border-radius:14px;min-width:0}
html.t4-light-mobile :is(.panel-head,.panel-header,.card-head,.card-header,.section-head,.kpi-box,.mini-card,.summary,.report-header,.report-footer,.v240-note,.v240-legend,.powerbi-legend-row){background:#f5f8fc!important;color:#111e35!important;border-color:#dbe3ed!important;text-shadow:none!important}
html.t4-light-mobile :is(.target-box,.live-store-panel,.live-store-head,.live-total-card,.live-total-inner,.live-bar-base,.store-css-donut-hole,.powerbi-donut-center,.sales-performance-card,.sales-performance,.sales-performance-body,.sales-performance-item,.v240-map-panel,.v240-map-card,.v240-ranking,.rank-row){background:#fff!important;color:#111e35!important;border-color:#dbe3ed!important;box-shadow:none!important}
html.t4-light-mobile :is(.target-box strong,.rank-qty b,.rank-sales b,.powerbi-donut-center strong,.store-css-donut-hole strong,.live-store-title,.live-total-value,.live-bar-value,.live-bar-name,.sales-performance-title,.sales-performance-value){color:#111e35!important;text-shadow:none!important}
html.t4-light-mobile :is(.live-store-sub,.live-total-label,.live-total-note,.live-bar-code,.sales-performance-label){color:#52627a!important}
html.t4-light-mobile select option{color:#111e35!important;background:#fff!important}
html.t4-light-mobile :is(.kpi-icon,.v240-kpi-icon){background:#edf5fc!important;color:#155c9f!important;border-color:#d8e9f7!important;box-shadow:none!important}
html.t4-light-mobile :is(.panel,.card,.box,.metric,.kpi,.v240-kpi,.v240-total) :is(strong,b,em){color:inherit;text-shadow:none!important}
html.t4-light-mobile :is(.panel,.card,.box,.metric,.kpi,.v240-kpi,.v240-total) :is(small,p){color:#52627a}
html.t4-light-mobile :is(.filters,.toolbar,.filter-panel){gap:12px!important;padding:16px!important;align-items:end}
html.t4-light-mobile :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=color]):not([type=submit]):not([type=button]):not([type=reset]),select,textarea){background:#fff!important;color:#111e35!important;border:1px solid #cad6e5!important;border-radius:10px!important;font-size:16px!important;min-height:46px;max-width:100%;padding:10px 12px!important;color-scheme:light!important;box-shadow:none!important}
html.t4-light-mobile :is(input,textarea)::placeholder{color:#68788c!important;opacity:1}
html.t4-light-mobile label{color:#334760!important}
html.t4-light-mobile :is(button,.btn,input[type=submit],.report-tool,.report-action){min-height:44px;touch-action:manipulation;border-radius:10px!important;line-height:1.35!important;white-space:normal;cursor:pointer}
html.t4-light-mobile :is(.btn,.login-btn,input[type=submit]){background:#185b9c!important;color:#fff!important;border:1px solid #185b9c!important;box-shadow:none!important;text-shadow:none!important}
html.t4-light-mobile :is(.btn.alt,.btn.secondary,.report-tool,.report-action,.btn-reset){background:#f2f6fb!important;color:#173650!important;border:1px solid #d1deec!important}
html.t4-light-mobile :is(.btn.danger,.btn-delete){background:#fff1f3!important;color:#a21f35!important;border-color:#ecc4cc!important}
html.t4-light-mobile a{color:#155c9f}
html.t4-light-mobile :focus-visible{outline:3px solid #159bb7!important;outline-offset:3px!important}
html.t4-light-mobile :disabled{opacity:.55;cursor:not-allowed}
html.t4-light-mobile :is(table,thead,tbody,tr,td){background-color:#fff!important;color:#111e35!important;border-color:#dbe3ed!important}
html.t4-light-mobile th{background:#f1f5fa!important;color:#31465f!important;border-color:#dbe3ed!important}
html.t4-light-mobile tbody tr:nth-child(even)>td{background:#f8fafd!important}
html.t4-light-mobile :is(th,td){font-variant-numeric:tabular-nums}
html.t4-light-mobile :is(.table-wrap,.table-responsive,.grid-wrap,.table-scroll,.t4-v226-table-scroll){max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;border-color:#dbe3ed!important}
html.t4-light-mobile :is(.alert,.notice,.report-error,.err){background:#f2f6fb!important;color:#334760!important;border-color:#dbe3ed!important}
html.t4-light-mobile :is(.alert.err,.report-error,.err){background:#fff4f5!important;color:#9c2439!important;border-color:#efcbd2!important}
html.t4-light-mobile :is(.alert.ok,.success){background:#effaf6!important;color:#096e50!important;border-color:#bfe4d7!important}
html.t4-light-mobile :is(.compare-good,.positive,.up){color:#087754!important}
html.t4-light-mobile :is(.compare-bad,.negative,.down){color:#b1243e!important}
html.t4-light-mobile svg text{fill:#173650!important;text-shadow:none!important}
html.t4-light-mobile :is(img,svg,canvas){max-width:100%}
html.t4-light-mobile :is(.modal-content,.dialog,.popup,.dropdown-menu){background:#fff!important;color:#111e35!important;border-color:#dbe3ed!important}
html.t4-light-mobile .t4-v226-sidebar{background:#fff!important;border-right:1px solid #dbe3ed!important;box-shadow:none!important}
html.t4-light-mobile .t4-v226-sidebar :is(.brand,.brandbox){background:#fff!important}
html.t4-light-mobile .t4-v226-sidebar :is(.brand,.brandbox) img{filter:none!important}
html.t4-light-mobile .t4-v226-sidebar .nav>a{color:#253b56!important;min-height:46px!important;border-radius:10px!important;font-size:14px!important}
html.t4-light-mobile .t4-v226-sidebar .nav>a:is(:hover,.active,[aria-current=page]){background:#eef6fc!important;color:#145b99!important;border-color:#cbe0f0!important}
html.t4-light-mobile .t4-v226-sidebar :is(.nav-label,.nav-title,.sidebar-foot,.sidefoot){color:#5b6b80!important}
html.t4-light-mobile .t4-v226-sidebar .nx-sidebar-actions a{background:#f5f8fc!important;border:1px solid #dbe3ed!important;border-radius:10px;margin-bottom:6px;color:#1a3554!important;min-height:44px!important}
html.t4-light-mobile .t4-v226-sidebar .nx-sidebar-actions .nx-logout-link{color:#a21f35!important;background:#fff6f7!important}
html.t4-light-mobile .t4-v226-mobilebar{background:#fff!important;border-bottom:1px solid #dbe3ed!important;color:#111e35!important;box-shadow:0 3px 14px #102b4909}
html.t4-light-mobile :is(.t4-v226-mobilebar button,.t4-v226-close){background:#f2f6fb!important;color:#173650!important;border-color:#dbe3ed!important;min-height:44px!important;min-width:44px!important}
html.t4-light-mobile .t4-v226-search{color:#52627a!important;padding:4px 4px 14px!important;flex-shrink:0}
html.t4-light-mobile .t4-v226-search input{width:100%;margin-top:7px}
html.t4-light-mobile .t4-v226-backdrop{background:rgba(17,30,53,.3)!important;backdrop-filter:blur(2px)}
html.t4-light-mobile .t4-v226-mobilebar strong{color:#111e35!important}
html.t4-light-mobile .t4-v226-close{z-index:5!important}
html.t4-light-mobile .t4-v226-sidebar .ico{background:#edf5fc!important;color:#155c9f!important;border-color:#d8e9f7!important;box-shadow:none!important}
html.t4-light-mobile.t4-v226-drawer-open{overflow:hidden!important}
html.t4-light-mobile :is(.visit-box,.v226-healthstrip,.v226-badge){background:#f6f9fc!important;color:#213950!important;border-color:#dbe3ed!important}
/* Public login uses the same white brand surface. */
html.t4-light-mobile .stage{min-height:100dvh!important;background:#fff!important;padding:28px 20px!important}
html.t4-light-mobile :is(.stage:before,.stage:after,.orbit,.node,.corner){display:none!important}
html.t4-light-mobile .login-wrap{width:100%!important;max-width:440px!important;margin:auto}
html.t4-light-mobile .login-wrap .panel{background:#fff!important;border:1px solid #e1e8f0!important;padding:26px!important;box-shadow:0 12px 40px #102b4908!important;backdrop-filter:none!important}
html.t4-light-mobile .login-wrap .panel:before{display:none!important}
html.t4-light-mobile .login-wrap .brand img{filter:none!important;max-width:220px!important}
html.t4-light-mobile :is(.status,.status .online,.icon,.peek){color:#255a83!important}
html.t4-light-mobile .login-wrap .title h1{font-size:30px!important;color:#111e35!important}
html.t4-light-mobile :is(.apply-btn,.apply-btn small){color:#155c9f!important;background:#fff!important;border-color:#cbdced!important}
html.t4-light-mobile :is(.apply-sep,.apply-note,.footer,.meta){color:#52627a!important}
html.t4-light-mobile .apply-sep:before,html.t4-light-mobile .apply-sep:after{background:#dbe3ed!important}
html.t4-light-mobile .login-wrap .meta{display:none!important}
html.t4-light-mobile .login-wrap .field{margin-bottom:18px!important}
html.t4-light-mobile .t4-v226-content .wrap{width:100%!important;margin:0!important;max-width:none!important}
@media(max-width:900px){
 html.t4-light-mobile .t4-v226-content{padding:82px 16px 28px!important}
 html.t4-light-mobile .t4-v226-mobilebar{height:64px!important;padding:10px 14px!important;gap:12px!important}
 html.t4-light-mobile .t4-v226-mobilebar strong{font-size:15px!important;white-space:normal!important;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
 html.t4-light-mobile .t4-v226-sidebar{width:min(338px,90vw)!important;max-width:min(338px,90vw)!important;padding:16px 14px!important;height:100dvh!important}
 html.t4-light-mobile .t4-v226-sidebar :is(.brand,.brandbox){padding:0 52px 14px 6px!important;min-height:68px!important}
 html.t4-light-mobile .t4-v226-sidebar .nav{flex:1!important;min-height:0!important}
 html.t4-light-mobile .t4-v226-sidebar :is(.sidebar-foot,.sidefoot){font-size:10px!important;padding-top:8px!important}
 html.t4-light-mobile .t4-v226-sidebar .sidebar-foot small{margin-top:5px!important}
 html.t4-light-mobile .t4-v226-content :is(.grid2,.grid3,.grid4,.grid.four,.v226-two,.v240-layout,.powerbi-donut-wrap){grid-template-columns:minmax(0,1fr)!important}
 html.t4-light-mobile .t4-v226-content :is(.filters,.toolbar,.filter-panel,.report-header,.top,.page-head){display:flex!important;flex-wrap:wrap!important;gap:12px!important;height:auto!important;position:static!important}
 html.t4-light-mobile .t4-v226-content :is(.filters,.toolbar)>.field{flex:1 1 140px!important;min-width:0!important;max-width:100%}
 html.t4-light-mobile .t4-v226-content :is(.filters,.toolbar) input,html.t4-light-mobile .t4-v226-content :is(.filters,.toolbar) select{width:100%!important;min-width:0!important}
 html.t4-light-mobile .t4-v226-content :is(.filters,.toolbar)>.store{flex-basis:100%!important}
 html.t4-light-mobile .t4-v226-content :is(.filters,.toolbar)>.btn{flex:1 1 140px;min-width:0}
 html.t4-light-mobile .t4-v226-content :is(.card,.panel,.box){padding:16px!important}
 html.t4-light-mobile :is(.kpis,.v240-kpis){grid-template-columns:minmax(0,1fr)!important}
 html.t4-light-mobile :is(.kpi-value,.v240-kpi strong){font-size:clamp(24px,6.5vw,32px)!important;overflow-wrap:anywhere}
 html.t4-light-mobile :is(.v240-canvas){min-height:0!important;padding:16px!important}
 html.t4-light-mobile .v240-canvas svg{height:auto!important;max-height:300px}
 html.t4-light-mobile .powerbi-donut-canvas{width:min(260px,100%)!important;margin:auto}
 html.t4-light-mobile .live-total-value{font-size:clamp(22px,6vw,28px)!important;white-space:normal!important}
 html.t4-light-mobile .live-bars{overflow-x:auto!important;justify-content:flex-start!important;max-width:100%}
 html.t4-light-mobile :is(.report-toolstrip,.report-actions,.v226-actions){display:flex!important;flex-wrap:wrap!important;gap:8px!important}
 html.t4-light-mobile :is(.report-toolstrip,.report-actions)>button{flex:1 1 100px;font-size:13px!important}
 html.t4-light-mobile .visit-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 html.t4-light-mobile .visit-box{padding:14px!important;font-size:12px!important}
 html.t4-light-mobile .visit-box strong{font-size:30px!important}
 html.t4-light-mobile .t4-v226-table-scroll{border-radius:10px}
 html.t4-light-mobile .t4-v226-table-scroll table{min-width:560px}
 html.t4-light-mobile :is(th,td){font-size:13px!important;padding:11px 10px!important}
 html.t4-light-mobile :is(.login-wrap,.t4-signup-v2264){overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){html.t4-light-mobile *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{html.t4-light-mobile :is(.t4-v226-mobilebar,.t4-v226-sidebar,.t4-v226-backdrop){display:none!important}html.t4-light-mobile .t4-v226-content{padding:0!important;margin:0!important;width:100%!important}}

html.t4-light-mobile .inputbox .icon{display:none!important}
html.t4-light-mobile .inputbox input.login-input{padding-right:48px!important}

html.t4-light-mobile .login-card{background:#fff!important;color:#111e35!important;border:1px solid #dbe3ed!important;box-shadow:0 12px 40px #102b4910!important;max-width:calc(100vw - 32px)!important}
html.t4-light-mobile .login-page{background:#fff!important;padding:24px 16px!important}
html.t4-light-mobile .login-card img{filter:none!important}

/* Live report audit: all report-specific surfaces share the same design tokens. */
html.t4-light-mobile .t4-v226-content :is(.v240-map,.v250-custom-range,.v240-kpis,.v240-side,.v240-status,.debug,.report-note,.store-section,.target-pill,.note,.report-date,.pagination,.topbar,.q,.result,.empty,.hint,.status){background:#fff!important;color:#111e35!important;border-color:#dbe3ed!important;box-shadow:none!important}
html.t4-light-mobile .t4-v226-content :is(.v240-map,.v250-custom-range,.v240-side,.store-section,.report-note,.topbar,.q,.result) :is(h1,h2,h3,h4,p,label,small,strong,b,span){color:#111e35!important;text-shadow:none!important}
html.t4-light-mobile .t4-v226-content :is(button,.nav-btn,.tab-btn,.list-btn,.back,.refresh-btn,.status-tab,.chip,.export-btn){background:#f2f6fb!important;color:#173650!important;border:1px solid #d1deec!important;box-shadow:none!important;min-height:44px;border-radius:10px!important;padding:10px 14px}
html.t4-light-mobile .t4-v226-content :is(button.active,button[aria-selected=true],.btn.primary,.btn-primary,.nav-btn.active,.tab-btn.active,.status-tab.active){background:#185b9c!important;color:#fff!important;border-color:#185b9c!important}
html.t4-light-mobile .t4-v226-content :is(.store-section,.v240-map,.v240-side,.topbar,.result){border-radius:14px!important}
html.t4-light-mobile .t4-v226-content :is(.note,.hint,.report-note,.debug,.status,.report-date,.pagination){background:#f5f8fc!important;border-radius:10px!important}
html.t4-light-mobile .t4-v226-content :is(.store-title,.store-name,.store-total,.section-title,.section-sub,.v240-title,.v240-subtitle,.v240-kpi-label,.v240-kpi-value,.v240-kpi-sub,.v240-rank-name,.v240-rank-total){color:#111e35!important;text-shadow:none!important}
html.t4-light-mobile :is(.gear-menu,.settings-menu,.filter-menu,.popover){background:#fff!important;color:#111e35!important;border-color:#dbe3ed!important;box-shadow:0 8px 24px #102b4918!important}
html.t4-light-mobile :is(.gear-menu,.settings-menu,.filter-menu,.popover) :is(label,span,p,strong){color:#111e35!important}
html.t4-light-mobile :is(.gear-option,.gear-btn){background:#f2f6fb!important;color:#173650!important;border-color:#dbe3ed!important}
/* Mobile ergonomics, shared by every report. */
@media(max-width:900px){
 html.t4-light-mobile .t4-v226-content :is(button,.btn,.report-tool,.report-action,.nav-btn,.tab-btn,.list-btn,.back,.pill,.chip,input[type=submit]){min-height:48px!important;height:auto!important;font-size:14px!important;line-height:1.4!important;display:inline-flex;align-items:center;justify-content:center;gap:6px}
 html.t4-light-mobile .t4-v226-content :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){min-height:48px!important;height:auto!important;font-size:16px!important}
 html.t4-light-mobile .t4-v226-content :is(.filter-card,.subfilter){grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
 html.t4-light-mobile .t4-v226-content :is(.filter-card,.subfilter)>.field{width:100%!important;min-width:0!important}
 html.t4-light-mobile .t4-v226-content :is(.product-card-head,.product-head-stats,.pio-head){flex-wrap:wrap!important;gap:12px!important}
 html.t4-light-mobile .t4-v226-content .color-group{grid-template-columns:minmax(0,1fr)!important}
 html.t4-light-mobile .t4-v226-content .color-side{border-right:0!important;border-bottom:1px solid #dbe3ed!important}
 html.t4-light-mobile .t4-v226-content :is(.product-name-title,.desc){white-space:normal!important;overflow-wrap:anywhere}
 html.t4-light-mobile .t4-v226-content :is(.variant-wrap,.table-wrap){max-width:100%!important;overscroll-behavior-x:contain}
 html.t4-light-mobile .t4-v226-content .t4-v226-table-scroll:focus{outline:2px solid #159bb7;outline-offset:2px}
 html.t4-light-mobile .t4-v226-content{padding-bottom:calc(28px + env(safe-area-inset-bottom,0px))!important}
}
html.t4-light-mobile :is(.pio,.grid-card,.subfilter,.product-card,.product-card-head,.product-head-stats>div,.color-side,.img-modal-card){background:#fff!important;color:#111e35!important;border-color:#dbe3ed!important}
html.t4-light-mobile :is(.product,.product-code-title,.product-name-title,.color-name,.color-total,.color-total b,.img-caption,.pio-sub,.desc,.code2,.color-code,.subfilter-note){color:#334760!important}
html.t4-light-mobile .t4-v226-content :is(.kpi small,.kpi-label,.pio-sub,.product-head-stats small){color:#52627a!important}
html.t4-light-mobile .t4-v226-content .pio-back{background:#eef5fc!important;color:#155c9f!important;border:1px solid #cbdced!important;min-height:48px!important;height:auto!important}
html.t4-light-mobile .report-pagination{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:16px 0;padding:14px;border:1px solid #dbe3ed;border-radius:12px;background:#f5f8fc;color:#334760}
html.t4-light-mobile .report-pagination p{flex-basis:100%;margin:0;font-size:14px}
@media(max-width:900px){html.t4-light-mobile .pio .kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}html.t4-light-mobile .pio .kpis .kpi:last-child{grid-column:1/-1}}
html.t4-light-mobile :is(.eval-filters,.eval-kpi,.eval-panel,.eval-panel-head,.eval-note){background:#fff!important;color:#111e35!important;border-color:#dbe3ed!important}
html.t4-light-mobile :is(.eval-kpi,.eval-note,.eval-panel-head) :is(small,span,strong,b,p){color:#334760!important}
html.t4-light-mobile .t4-v226-content .page-sub{color:#52627a!important}
@media(max-width:900px){html.t4-light-mobile .eval-filters{grid-template-columns:minmax(0,1fr)!important;padding:16px!important;gap:12px!important}html.t4-light-mobile .eval-kpis{grid-template-columns:minmax(0,1fr)!important}}
/* Product query result cards: keep dynamic/loaded results in the shared theme. */
html.t4-light-mobile .t4-v226-content :is(.inv-card,.inv-title,.info-box,.inv-kpi,.move-row,.status-row,.color-summary,.color-summary-item,.warehouse-card,.warehouse-head,.warehouse-total,.color-frame,.color-frame-head,.color-frame-total,.size-stock){background:#fff!important;color:#111e35!important;border-color:#dbe3ed!important;box-shadow:none!important}
html.t4-light-mobile .t4-v226-content :is(.info-box,.inv-kpi,.move-row,.warehouse-head,.warehouse-total,.color-summary-item,.color-frame-head,.size-stock) :is(span,strong,b,small,div,label){color:#334760!important;text-shadow:none!important}
html.t4-light-mobile .t4-v226-content :is(.inv-title,.warehouse-head,.color-frame-head){background:#f3f7fb!important}
html.t4-light-mobile .t4-v226-content :is(.color-summary-name,.color-frame-name,.warehouse-name,.warehouse-total-value,.color-summary-qty){color:#111e35!important}
html.t4-light-mobile .t4-v226-content .size-stock.negative{background:#fff2f4!important;border-color:#ecc4cc!important}
html.t4-light-mobile .t4-v226-content .size-stock.negative .qty{color:#a21f35!important}
html.t4-light-mobile .t4-v226-content .status-row .ok{color:#087754!important}
@media(max-width:900px){
 html.t4-light-mobile .t4-v226-content .inv-layout{grid-template-columns:minmax(0,1fr)!important}
 html.t4-light-mobile .t4-v226-content .warehouse-grid{grid-template-columns:minmax(0,1fr)!important}
 html.t4-light-mobile .t4-v226-content .info-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html.t4-light-mobile .t4-v226-content :is(.info-box,.color-frame-name,.warehouse-name){overflow-wrap:anywhere;min-width:0}
 html.t4-light-mobile .t4-v226-content .color-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html.t4-light-mobile .t4-v226-content .product-photo-frame{height:280px!important;max-height:40vh!important}
 html.t4-light-mobile .t4-v226-content #mainProductImage{height:280px!important;max-height:40vh!important;min-height:0!important;width:100%!important;object-fit:contain!important}
 html.t4-light-mobile .t4-v226-content .color-buttons{gap:8px!important}
}
/* Loaded-result audit: readable size badges and inventory labels. */
html.t4-light-mobile .t4-v226-content .size-stock .size{background:#edf3f9!important;color:#111e35!important;border:1px solid #cad6e5!important;font-size:14px!important;min-width:36px;min-height:30px;display:inline-flex;align-items:center;justify-content:center}
html.t4-light-mobile .t4-v226-content :is(.color-frame-code,.color-summary-code,.warehouse-total,.color-frame-total){font-size:12px!important;color:#334760!important}
html.t4-light-mobile .t4-v226-content .size-stock .qty{font-size:15px!important}
html.t4-light-mobile .t4-v226-content .size-stock .qty small{font-size:12px!important}
/* Audited populated reports and detail dialogs, 2026-10-26. */
html.t4-light-mobile .t4-v226-content :is(.store-metric,.sum-card,.product-modal,.product-modal-head,.product-modal-body,.date-card,.detail-filter){background:#fff!important;color:#111e35!important;border-color:#dbe3ed!important}
html.t4-light-mobile .t4-v226-content :is(.store-metric,.sum-card,.data-row,.date-card,.product-modal-head) :is(small,span,strong,b),html.t4-light-mobile .t4-v226-content :is(.store-section-title,.panel-tools,.neutral,.runmeta,.runmeta b,.detail-filter,.eval-kpi em,.eval-note a,.order-no,.customer-code,.barcode-help,.scan-msg,.rank-empty,.v240-share,.v240-diagnostic,.live-bar-pct,.live-total-icon,.sales-performance-eye,.sales-performance-change.flat){color:#334760!important;text-shadow:none!important}
html.t4-light-mobile .t4-v226-content :is(p,small){color:#52627a!important}
html.t4-light-mobile .t4-v226-content :is(.store-metric strong,.sum-card strong,.sum-card b,.store-section-title){color:#111e35!important}
html.t4-light-mobile .t4-v226-content .detail-table .total-row td{background:#eef3f9!important;color:#111e35!important}
html.t4-light-mobile .t4-v226-content :is(.store-badge,.store-icon,.stat-ico,.metric-help,.type-pill,.badge,.pill,.remain-link){background:#edf3f9!important;color:#173650!important;border-color:#cbd9e8!important;text-shadow:none!important}
html.t4-light-mobile .t4-v226-content :is(.pill.active,.bsp2271-primary){background:#185b9c!important;color:#fff!important;border-color:#185b9c!important}
html.t4-light-mobile .t4-v226-content :is(.compare-pill.compare-good,.lfl-badge.lfl-up,.type-person,.msg.ok){background:#effaf6!important;color:#087754!important;border-color:#bfe4d7!important}
html.t4-light-mobile .t4-v226-content :is(.compare-pill.compare-bad,.lfl-badge.lfl-down){background:#fff2f4!important;color:#a21f35!important;border-color:#ecc4cc!important}
html.t4-light-mobile .t4-v226-content :is(.stock-positive,.qty.pos,.central-state.ok,.state){color:#087754!important}
html.t4-light-mobile .t4-v226-content .qty.zero{color:#865000!important}
html.t4-light-mobile .t4-v226-content .bsp2271-symbol{color:#185b9c!important;background:#edf3f9!important}
html.t4-light-mobile .t4-v226-content :is(.sales-performance-label,.sales-performance-sub,.sales-performance-change,.kpi-label,.kpi-sub,.data-row,.data-row span,.data-row b,.v240-share,.v240-diagnostic,.live-bar-pct,.live-bar-name,.runmeta,.runmeta b,.customer-code,.barcode-help,.scan-msg,.rank-empty,.detail-filter,.color-btn small,.info-box span,.inv-kpi span,.move-row span,.eval-kpi em,.badge,.type-pill,.lfl-badge,.compare-pill,.small,small){font-size:12px!important;line-height:1.5!important}
html.t4-light-mobile .t4-v226-content :is(.store-metric strong,.sum-card strong){font-size:18px!important;line-height:1.4!important}
html.t4-light-mobile .t4-v226-content :is(.store-section-title,.inv-title,.warehouse-name,.color-frame-name){font-size:14px!important}
html.t4-light-mobile .t4-v226-content .product-modal{max-width:calc(100vw - 24px)!important}
@media(max-width:900px){html.t4-light-mobile .t4-v226-content .date-grid{grid-template-columns:1fr!important}html.t4-light-mobile .t4-v226-content .product-modal-backdrop{padding:12px!important}html.t4-light-mobile .t4-v226-content .product-modal-body{padding:12px!important;overflow-x:auto!important}html.t4-light-mobile .t4-v226-content .store-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
html.t4-light-mobile .t4-v226-content :is(.store-card,.store-card-head,.total-card,.total-grid,.total-item){background:#fff!important;color:#111e35!important;border-color:#dbe3ed!important;box-shadow:none!important}
html.t4-light-mobile .t4-v226-content .store-card-head{background:#f3f7fb!important;font-size:15px!important}
html.t4-light-mobile .t4-v226-content .total-item strong{color:#111e35!important;font-size:18px!important}
html.t4-light-mobile .t4-v226-content :is(.total-item small,.metric span,.row b,.summary span,.stat span){color:#334760!important;font-size:12px!important}
html.t4-light-mobile .t4-v226-content .total-grid{gap:12px!important}
@media(max-width:900px){html.t4-light-mobile .t4-v226-content :is(.store-metrics,.total-grid){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}html.t4-light-mobile .t4-v226-content :is(.store-metric,.total-item){padding:12px!important;min-width:0!important;overflow-wrap:anywhere}}
/* Dashboard cards, wrapping controls and chart center. */
html.t4-light-mobile .t4-v226-content :is(.layout-top,.middle,.bottom){display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:20px!important}
html.t4-light-mobile .t4-v226-content .kpis{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))!important}
html.t4-light-mobile .t4-v226-content .kpi{min-width:0!important;overflow:visible!important}
html.t4-light-mobile .t4-v226-content .kpi>div{min-width:0!important}
html.t4-light-mobile .t4-v226-content .kpi-value{white-space:normal!important;overflow-wrap:anywhere!important;font-size:24px!important}
html.t4-light-mobile .t4-v226-content :is(.toolbar,.v240-head,.v240-actions,.v240-periods,.v250-custom-range){display:flex!important;flex-wrap:wrap!important;gap:12px!important;min-width:0!important;height:auto!important}
html.t4-light-mobile .t4-v226-content .toolbar>*{min-width:0!important;max-width:100%!important}
html.t4-light-mobile .t4-v226-content .v240-head{align-items:flex-start!important}
html.t4-light-mobile .t4-v226-content .v240-heading{flex:1 1 100%!important}
html.t4-light-mobile .t4-v226-content .v240-periods button{white-space:nowrap!important;min-width:78px!important}
html.t4-light-mobile .t4-v226-content .live-total-ring:before{background:#fff!important;box-shadow:none!important;border-color:#dbe3ed!important}
html.t4-light-mobile .t4-v226-content :is(.live-total-ring,.live-total-ring:after){box-shadow:none!important;animation:none!important}
html.t4-light-mobile .t4-v226-content .live-ring-sweep{display:none!important}
html.t4-light-mobile .t4-v226-content .live-total-content{max-width:78%;overflow-wrap:anywhere}
html.t4-light-mobile .t4-v226-content .live-total-value{font-size:24px!important;white-space:normal!important}
html.t4-light-mobile .t4-v226-content .live-bars{gap:18px!important;overflow-x:auto!important;justify-content:flex-start!important}
html.t4-light-mobile .t4-v226-content .live-bar-item{flex:0 0 140px!important;min-width:140px!important}
html.t4-light-mobile .t4-v226-content :is(.sales-performance-live span,.live-store-status span){color:#52627a!important;font-size:12px!important}
html.t4-light-mobile .t4-v226-content .metric span{color:#52627a!important;font-size:12px!important}
@media(max-width:900px){html.t4-light-mobile .t4-v226-content :is(.twocards,.live-store-body){grid-template-columns:minmax(0,1fr)!important}html.t4-light-mobile .t4-v226-content .v240-layout{grid-template-columns:minmax(0,1fr)!important}}
html.t4-light-mobile .t4-v226-content :is(td b,td strong,.product-modal-body div,.product-modal-body b){color:#334760!important}
html.t4-light-mobile .t4-v226-content :is(.product-modal-body div,.product-modal-body small){font-size:14px!important;line-height:1.55!important}
html.t4-light-mobile .t4-v226-content .date-card b{font-size:17px!important}
html.t4-light-mobile .t4-v226-content :is(.report-tool,.tool-ico){transition:none!important}
/* Management read-only audit: consistent forms, permissions and status cards. */
html.t4-light-mobile.t4-ui-admin .t4-v226-content :is(.internal,.table,.license-box,.image-box,.feature,.perm,.dash-item,.filterbox,.engine-kpi,.src,.head-note,.who){background:#fff!important;color:#111e35!important;border-color:#dbe3ed!important;box-shadow:none!important}
html.t4-light-mobile.t4-ui-admin .t4-v226-content :is(.internal,.field-label,.plan-code,.preview-note,.preview-note b,.role-super,.engine-kpi small,.src,.who){color:#334760!important;font-size:12px!important;line-height:1.5!important}
html.t4-light-mobile.t4-ui-admin .t4-v226-content :is(.feature,.perm,.dash-item){padding:12px!important;min-height:44px!important}
html.t4-light-mobile.t4-ui-admin .t4-v226-content :is(.feature,.perm,.dash-item) :is(span,small,strong){color:#334760!important;font-size:13px!important;line-height:1.5!important}
html.t4-light-mobile.t4-ui-admin .t4-v226-content :is(.v226-kpi strong,.engine-kpi b){color:#111e35!important}
html.t4-light-mobile.t4-ui-admin .t4-v226-content :is(.license-box,.image-box,.filterbox){gap:12px!important;flex-wrap:wrap!important}
html.t4-light-mobile .t4-v226-content :is(button,.btn){transition:none!important}
html.t4-light-mobile .login-card :is(.eyebrow,p){color:#52627a!important;font-size:13px!important}

/* Result overlays and remaining contrast corrections */
html.t4-light-mobile :is(.sheet,.sheet-head,.sheet-body,.sheet-foot,.operation-history,.history-step,.pick-item){background:#fff!important;background-image:none!important;color:#14263d!important;border-color:#d8e3ed!important}
html.t4-light-mobile :is(.sheet h2,.operation-history b,.hs-name,.pi-title,.qty,.small,.page-left,.page-right,.date-icon){color:#334760!important}
html.t4-light-mobile :is(.sheet small,.hs-name,.page-left,.page-right,.small){font-size:13px!important}
html.t4-light-mobile .color-btn.active small{color:#fff!important}
html.t4-light-mobile .color-img{background:#fff!important}
html.t4-light-mobile .head-note{background:#f3f7fb!important;color:#334760!important}
html.t4-light-mobile .who strong{color:#14263d!important}
html.t4-light-mobile.t4-ui-admin .t4-v226-content b{color:#334760!important}
html.t4-light-mobile.t4-ui-admin .dev{color:#865200!important;background:#fff4d6!important;font-size:12px!important}
html.t4-light-mobile.t4-ui-admin .green{color:#087754!important}

html.t4-light-mobile :is(.order-card,.order-head,.order-card .line,.order-card .thumb){background:#fff!important;background-image:none!important;color:#14263d!important;border-color:#d8e3ed!important}
html.t4-light-mobile .order-card :is(b,span,.order-no,.sub){color:#334760!important;font-size:13px!important}
html.t4-light-mobile .order-card .mini{background:#edf4fb!important;color:#155c9f!important;min-height:44px;font-size:13px!important;display:inline-flex;align-items:center;padding:8px 12px!important}
html.t4-light-mobile :is(.color-summary-name,.date-card b){font-size:13px!important}
html.t4-light-mobile main>p{font-size:14px!important}

html.t4-light-mobile :is(.live-store-sub,.live-bar-value,.live-bar-code,.section-link,.rank-qty span,.rank-name,.rank-sub){font-size:13px!important;color:#334760!important}
html.t4-light-mobile :is(.rank-qty b,.rank-sales){font-size:14px!important}
html.t4-light-mobile .t4-v226-content th{font-size:13px!important}

/* Public package selection: consistent accessible light design */
html.t4-light-mobile #t4-signup-v2264{background:#fff!important;color:#14263d!important;font-family:Arial,sans-serif!important}
#t4-signup-v2264 :is(.ambient,.gridfx,.edge-flow,.dynamic-note){display:none!important}
html.t4-light-mobile #t4-signup-v2264 .t4-signup-topbar{background:#fff!important;border-bottom:1px solid #e1e8f0!important;padding:16px 24px!important;max-width:1200px;margin:auto;gap:16px}
#t4-signup-v2264 .brand-copy{display:none!important}
#t4-signup-v2264 .brand-logo{width:136px!important;height:auto!important;object-fit:contain}
html.t4-light-mobile #t4-signup-v2264 .loginlink{color:#153c67!important;background:#f2f6fb!important;border:1px solid #ccdbea!important;min-height:44px;padding:12px 16px!important;font-size:14px!important;border-radius:12px}
html.t4-light-mobile #t4-signup-v2264 .t4-signup-layout{max-width:1200px!important;padding:32px 24px!important;margin:auto!important;display:block!important}
html.t4-light-mobile #t4-signup-v2264 .hero{display:block!important;text-align:left!important;max-width:760px;margin:0 0 32px!important;padding:0!important;background:none!important}
#t4-signup-v2264 .hero .eyebrow{font-size:12px!important;color:#155c9f!important;letter-spacing:1px!important}
#t4-signup-v2264 .hero h1{font-size:clamp(30px,5vw,48px)!important;line-height:1.15!important;color:#14263d!important;margin:16px 0!important;letter-spacing:-1px!important}
#t4-signup-v2264 .hero h1 span{color:#195fa5!important;background:none!important;-webkit-text-fill-color:#195fa5!important}
#t4-signup-v2264 .hero p{font-size:16px!important;line-height:1.65!important;color:#4b6077!important}
#t4-signup-v2264 :is(.hero-actions,.process){display:none!important}
#t4-signup-v2264 .section-title{display:block!important;margin-bottom:24px!important}
#t4-signup-v2264 .section-title h2{font-size:26px!important;color:#14263d!important;margin:8px 0 16px!important}
#t4-signup-v2264 .section-title>div>span{color:#155c9f!important;font-size:12px!important;letter-spacing:1px!important}
html.t4-light-mobile #t4-signup-v2264 .support-pill{background:#edf5fc!important;color:#334760!important;border:1px solid #d8e6f3!important;border-radius:12px!important;padding:14px!important;font-size:14px!important;max-width:none!important;box-shadow:none!important}
#t4-signup-v2264 .support-pill strong{color:#14263d!important}
#t4-signup-v2264 .plans{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important;align-items:stretch!important}
html.t4-light-mobile #t4-signup-v2264 .plan{background:#fff!important;background-image:none!important;border:1px solid #d6e1ed!important;border-radius:20px!important;box-shadow:0 5px 22px #14263d08!important;padding:24px!important;transform:none!important;overflow:visible!important;display:flex!important;flex-direction:column!important;color:#14263d!important}
#t4-signup-v2264 .plan::before,#t4-signup-v2264 .plan::after{display:none!important}
#t4-signup-v2264 .plan-top{text-align:left!important;padding:0!important}
#t4-signup-v2264 .plan-icon{display:none!important}
#t4-signup-v2264 .code{color:#155c9f!important;font-size:12px!important;letter-spacing:1px!important}
#t4-signup-v2264 .plan h3{font-size:28px!important;color:#14263d!important;margin:8px 0!important}
#t4-signup-v2264 .plan p{color:#4b6077!important;font-size:15px!important;line-height:1.6!important;min-height:48px;margin-bottom:20px!important}
#t4-signup-v2264 .prices{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin:0!important}
html.t4-light-mobile #t4-signup-v2264 .price-box{background:#f6f8fb!important;border:1px solid #e0e7ef!important;box-shadow:none!important;padding:16px 10px!important;border-radius:12px!important;color:#334760!important;min-width:0}
html.t4-light-mobile #t4-signup-v2264 .annual-box{background:#edf5ff!important;border-color:#b9d4f1!important}
#t4-signup-v2264 .price-box small{color:#334760!important;font-size:11px!important}
#t4-signup-v2264 .price-box strong{color:#14263d!important;font-size:clamp(20px,2.5vw,28px)!important;white-space:nowrap!important}
#t4-signup-v2264 .price-box span{color:#4b6077!important;font-size:13px!important}
#t4-signup-v2264 :is(.billing-hint,.discount){color:#195fa5!important;font-size:12px!important;font-style:normal!important}
#t4-signup-v2264 .yearly-total{color:#4b6077!important;font-size:13px!important;line-height:1.6!important;padding:14px 0!important}
#t4-signup-v2264 .yearly-total b{color:#14263d!important}
#t4-signup-v2264 .capacity{border-color:#dce5ee!important;color:#334760!important;padding:16px 0!important;font-size:14px!important}
#t4-signup-v2264 .capacity svg{stroke:#195fa5!important;fill:none!important}
#t4-signup-v2264 .capacity b{color:#14263d!important}
#t4-signup-v2264 .plan ul{padding:4px 0 16px!important;flex:1}
#t4-signup-v2264 .plan li{font-size:14px!important;line-height:1.6!important;color:#334760!important;margin:10px 0!important}
#t4-signup-v2264 .plan li span{color:#087754!important}
html.t4-light-mobile #t4-signup-v2264 .select{display:flex!important;justify-content:center;align-items:center;gap:12px;min-height:50px!important;background:#195fa5!important;color:#fff!important;border:0!important;border-radius:12px!important;font-size:16px!important;box-shadow:none!important}
#t4-signup-v2264 .select span{color:#fff!important}
#t4-signup-v2264 .featured{border-color:#80addb!important}
#t4-signup-v2264 .popular{position:static!important;transform:none!important;background:#eaf3ff!important;color:#195fa5!important;border-radius:8px!important;align-self:flex-start;padding:6px 10px!important;margin-bottom:12px!important;font-size:12px!important;box-shadow:none!important}
#t4-signup-v2264 .benefits{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important;margin-top:32px!important}
#t4-signup-v2264 .benefit{background:#f6f8fb!important;border:1px solid #e0e7ef!important;border-radius:14px!important;padding:16px!important;color:#14263d!important}
#t4-signup-v2264 .benefit b{color:#14263d!important;font-size:14px!important}
#t4-signup-v2264 .benefit small{color:#4b6077!important;font-size:13px!important}
#t4-signup-v2264 .benefit-icon{background:none!important;box-shadow:none!important;color:#195fa5!important}
#t4-signup-v2264 footer{color:#4b6077!important;background:#fff!important;font-size:12px!important;padding:24px!important}
@media(max-width:600px){#t4-signup-v2264 .plans,#t4-signup-v2264 .benefits{grid-template-columns:1fr!important}html.t4-light-mobile #t4-signup-v2264 .t4-signup-layout{padding:24px 16px!important}html.t4-light-mobile #t4-signup-v2264 .t4-signup-topbar{padding:12px 16px!important}#t4-signup-v2264 .brand-logo{width:110px!important}#t4-signup-v2264 .loginlink{font-size:12px!important;padding:10px!important}html.t4-light-mobile #t4-signup-v2264 .plan{padding:20px!important}#t4-signup-v2264 .plan p{min-height:0!important}#t4-signup-v2264 .hero h1{font-size:32px!important}}

#t4-signup-v2264 .plan li span{background:#e6f4ee!important;color:#087754!important;box-shadow:none!important}

#t4-signup-v2264 .plan-top{min-height:0!important}#t4-signup-v2264 .hero{margin-bottom:24px!important}#t4-signup-v2264 .plans-section{padding-top:0!important}

/* Verified 375px follow-up fixes */
html.t4-light-mobile .count-card{background:#fff!important;background-image:none!important;color:#14263d!important;border:1px solid #d5e1ed!important}
html.t4-light-mobile .count-card :is(h2,h3,label,.count-head){color:#334760!important;background-image:none!important}
html.t4-light-mobile :is(.central-state,.quick-dates>span,.kpi-content>span,.live){color:#435a74!important;font-size:12px!important}
html.t4-light-mobile .head>div>div[style]{color:#435a74!important;font-size:13px!important}
html.t4-light-mobile .live-bar-track{background:#edf3fa!important;border-color:#cbdceb!important}

html.t4-light-mobile .drawer.open:has(>.sheet){z-index:100100!important}
html.t4-light-mobile .sheet :is(.scan-msg,.progress-info span,.operation-history-title span,.hs-time){color:#435a74!important;font-size:12px!important}
html.t4-light-mobile .sheet .history-step.pending{opacity:1!important;background:#f3f6fa!important;border-style:dashed!important}
html.t4-light-mobile .sheet :is(.progress-bar,.progress-track){background:#e5edf6!important}

html.t4-light-mobile .card .row>span{color:#435a74!important;font-size:13px!important}

/* Mobile quality review 20261027: presentation only. */
html.t4-light-mobile :is(.pm-card,.ea-card,.c-card,.devcard,.v3-modal,.v3-info,.transfer-box,.pm-send-modal,.pm-current,.pm-context,.pm-preview,.pm-chosen,.pm-row,.product-search-panel){background:#fff!important;background-image:none!important;color:#14263d!important;border-color:#d5e1ed!important;box-shadow:0 4px 18px #14263d08!important}
html.t4-light-mobile :is(.pm-note,.pm-notice,.sum,.security,.license-pill,.c-card-head,.product-search-head,.pm-modal-head,.pm-modal-foot,.ea-head,.transfer-ready,.v3-check){background:#f1f6fc!important;background-image:none!important;color:#334760!important;border-color:#d5e1ed!important}
html.t4-light-mobile :is(.pm-card,.ea-card,.c-card,.devcard,.sum,.security,.v3-modal,.pm-send-modal) :is(h2,h3,h4,strong,b,dd,label){color:#14263d!important}
html.t4-light-mobile :is(.pm-muted,.pm-field small,.pm-scope,.pm-eyebrow,.pm-aside dt,.pm-empty,.c-note,.c-field label,.c-pill,.ea-sub,.devcard p,.devcard .desc,.license-pill,.sum span){color:#435a74!important;font-size:13px!important}
html.t4-light-mobile :is(.pm-step,.pm-badge,.c-pill,.pm-kicker){background:#edf5fc!important;color:#195fa5!important;border-color:#cbdceb!important}
html.t4-light-mobile :is(.pm-note.warn,.pm-notice.warn,.pm-warning,.warning,.c-error){background:#fff6e5!important;color:#795000!important;border-color:#ecd3a2!important}
html.t4-light-mobile :is(.pm-note.warn,.pm-notice.warn,.warning) :is(strong,b,p){color:#795000!important}
html.t4-light-mobile :is(.pm-source button.active,.pm-btn.primary,.c-btn:not(.secondary):not(.red),.v3-send){background:#195fa5!important;color:#fff!important;border-color:#195fa5!important}
html.t4-light-mobile .pm-source button.active :is(strong,span){color:#fff!important}
html.t4-light-mobile :is(.pm-btn,.c-btn,.ea-btn){min-height:46px!important;height:auto!important;font-size:14px!important;padding:12px!important}
html.t4-light-mobile :is(.pm-modal-bg,.v3-modal-backdrop){z-index:100100!important;padding:12px!important}
html.t4-light-mobile :is(.pm-send-modal,.v3-modal){max-height:calc(100dvh - 24px);overflow-y:auto!important;max-width:100%!important}
html.t4-light-mobile :is(.pm-modal-body,.pm-modal-foot,.pm-section-head){min-width:0;flex-wrap:wrap}
html.t4-light-mobile .pm-card :is(p,small),html.t4-light-mobile .devcard p{line-height:1.6!important}
html.t4-light-mobile :is(.c-card,.pm-card,.ea-card,.devcard) :is(input,select){color-scheme:light}
@media(max-width:600px){
 html.t4-light-mobile .t4-v226-content .linefields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 html.t4-light-mobile .t4-v226-content .linefields>.f{min-width:0!important;grid-column:auto!important}
 html.t4-light-mobile .t4-v226-content .linefields>.wide{grid-column:1/-1!important}
 html.t4-light-mobile :is(.pm-fields,.pm-edit-grid,.c-grid,.transfer-grid,.v3-info-grid){grid-template-columns:minmax(0,1fr)!important}
 html.t4-light-mobile .pm-source{grid-template-columns:minmax(0,1fr)!important}
 html.t4-light-mobile .pm-card{padding:16px!important}
 html.t4-light-mobile .pm-section-head{gap:12px!important}
 html.t4-light-mobile .pm-section-head h2{font-size:18px!important}
 html.t4-light-mobile :is(.c-actions,.pm-modal-foot){gap:8px;flex-wrap:wrap}
 html.t4-light-mobile .devcard{padding:24px 18px!important}
 html.t4-light-mobile .devcard h2{display:none}
}

html.t4-light-mobile .pm-scope strong{color:#14263d!important}
html.t4-light-mobile .back::after{content:none!important}
html.t4-light-mobile :is(.pm-badge,.c-pill){font-size:12px!important;line-height:1.5!important}