/* Shared legibility, scoped to audited workspaces. Protected operational views and bespoke screens are excluded in JS. */
#cnt[data-ux-workspace]{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.55;min-width:0;max-width:100%}
main.content:has(> #cnt[data-ux-workspace])>#kpis{display:none!important}
#cnt[data-ux-workspace] h1{font-size:30px;line-height:1.3;letter-spacing:-.65px;font-family:inherit}#cnt[data-ux-workspace] h2{font-size:24px;line-height:1.35;font-family:inherit}#cnt[data-ux-workspace] h3{font-size:18px;line-height:1.4;font-family:inherit}
#cnt[data-ux-workspace] :is(.yabox-card,.panel,.card){border-radius:10px!important;box-shadow:none!important;min-width:0;max-width:100%;margin-bottom:16px}
html:not([data-theme="nuit"]) #cnt[data-ux-workspace] :is(.yabox-card,.panel,.card){border:1px solid #e0e7f1;background-color:#fff}
#cnt[data-ux-workspace] label{font-size:12px;line-height:1.5;letter-spacing:.01em}#cnt[data-ux-workspace] :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){font-family:inherit;font-size:13px;min-height:40px;border-radius:7px;max-width:100%;box-sizing:border-box}
#cnt[data-ux-workspace] .yabox-btn{font-family:inherit;font-size:13px!important;min-height:38px;line-height:1.4;white-space:normal;padding:9px 13px;max-width:100%}
#cnt[data-ux-workspace] table{display:block;max-width:100%;min-width:0!important;overflow-x:auto;overscroll-behavior-x:contain;border-collapse:collapse;font-variant-numeric:tabular-nums}
#cnt[data-ux-workspace] table th{font:600 12px/1.5 Inter,-apple-system,sans-serif!important;padding:12px 14px!important;text-transform:none!important;letter-spacing:0!important;white-space:nowrap}
#cnt[data-ux-workspace] table td{font-size:13px!important;line-height:1.55!important;padding:12px 14px!important;vertical-align:top}
html:not([data-theme="nuit"]) #cnt[data-ux-workspace] table th{background:#f3f6fb!important;color:#435671!important;border-bottom:1px solid #dfe6f0}html:not([data-theme="nuit"]) #cnt[data-ux-workspace] table td{border-bottom:1px solid #e8edf5}html:not([data-theme="nuit"]) #cnt[data-ux-workspace] table tbody tr:hover{background:#f8faff}
#cnt[data-ux-workspace] :focus-visible{outline:3px solid #8fb2fa!important;outline-offset:2px}#cnt[data-ux-workspace] .empty-state{padding:28px 16px!important;font-size:14px}
.ux-menu-open{display:flex;align-items:center;gap:8px;width:100%;min-height:38px;margin-top:12px;padding:9px 11px;border:1px solid #34435b;border-radius:7px;background:#172337;color:#e0e8f6;font:500 12px/1.4 Inter,-apple-system,sans-serif;cursor:pointer;text-align:left}.ux-menu-open>span{font-size:20px;line-height:1}.ux-menu-open kbd{margin-left:auto;padding:2px 4px;border-radius:4px;background:#26344b;color:#bdcce1;font:10px Inter,sans-serif;white-space:nowrap}.ux-menu-open:hover{background:#20304b}.ux-menu-open:focus-visible{outline:3px solid #9fbeff;outline-offset:2px}
.ux-menu-dialog{position:fixed;inset:7vh auto auto 50%;transform:translateX(-50%);width:min(620px,calc(100vw - 28px));max-height:84vh;margin:0;padding:22px;border:1px solid #dce4ef;border-radius:12px;background:#fff;color:#17243a;box-shadow:0 18px 60px #10203e33;font:14px/1.5 Inter,-apple-system,sans-serif;overflow:auto}.ux-menu-dialog::backdrop{background:#12203d66}.ux-menu-dialog>header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px}.ux-menu-dialog h2{font:700 22px/1.4 Inter,sans-serif;letter-spacing:-.5px;margin:0}.ux-menu-dialog p{font-size:12px;color:#61728d;margin:5px 0}.ux-menu-dialog>header>button{border:1px solid #dfe6ef;border-radius:6px;background:white;color:#334760;font:500 12px Inter,sans-serif;min-height:36px;padding:8px 10px;cursor:pointer}.ux-menu-dialog label{display:grid;gap:7px;font-size:12px;font-weight:600}.ux-menu-dialog input{width:100%;font:14px Inter,sans-serif;padding:12px;border:1px solid #b8c9e2;border-radius:7px;min-height:46px;color:#17243a;background:#fff}.ux-menu-dialog input:focus-visible{outline:3px solid #9fbeff;outline-offset:1px}.ux-menu-dialog [data-ux-menu-count]{margin:12px 0;font-size:11px}.ux-menu-dialog [data-ux-menu-results]{display:grid;gap:5px;max-height:54vh;overflow:auto}.ux-menu-dialog [data-ux-menu-results]>button{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:45px;padding:10px 12px;border:1px solid transparent;border-radius:7px;background:#f7f9fc;color:#17243a;text-align:left;cursor:pointer;font:550 13px/1.5 Inter,sans-serif}.ux-menu-dialog [data-ux-menu-results]>button:hover,.ux-menu-dialog [data-ux-menu-results]>button:focus-visible{border-color:#99b8f6;background:#eef4ff;outline:0}.ux-menu-dialog small{font-size:10px;color:#61728d}
.ux-client-tools{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:14px 0 18px;margin-bottom:4px}.ux-client-tools label{display:grid;gap:7px;max-width:480px;flex:1;font-size:12px}.ux-client-tools input{min-height:42px;border:1px solid #cbd7e8;border-radius:7px;padding:10px 12px;font:14px Inter,sans-serif;width:100%;box-sizing:border-box}.ux-client-tools p{font:12px Inter,sans-serif;color:#61728d;white-space:nowrap}
@media(max-width:700px){#cnt[data-ux-workspace] h1{font-size:26px}#cnt[data-ux-workspace] h2{font-size:21px}#cnt[data-ux-workspace] :is(.yabox-btn,input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select){min-height:44px}#cnt[data-ux-workspace] table th,#cnt[data-ux-workspace] table td{padding:10px 12px!important}.ux-client-tools{align-items:stretch;flex-direction:column;gap:8px}.ux-client-tools label{max-width:none;width:100%}.ux-menu-dialog{padding:18px}.ux-menu-dialog [data-ux-menu-results]>button{align-items:flex-start;flex-direction:column;gap:3px;min-height:48px}}

/* Clear hierarchy for legacy workspaces without a semantic page heading. */
#cnt[data-ux-workspace]>.ux-context-heading{margin:2px 0 22px;padding:0 0 18px;border-bottom:1px solid #dfe6f0}
#cnt[data-ux-workspace]>.ux-context-heading h1{margin:0 0 7px;font-size:28px;color:var(--text,#17243a)}
#cnt[data-ux-workspace]>.ux-context-heading p{margin:0;color:var(--text2,#61728d);font-size:13px}
#cnt[data-ux-workspace] details:not([data-dashboard-filter-details])>summary{cursor:pointer;line-height:1.6;padding:10px 0;font-weight:600}
#cnt[data-ux-workspace] .empty-state{border:1px dashed #cbd7e8;border-radius:10px;color:var(--text2,#61728d);background:var(--bg,#f7f9fc)}
#cnt[data-ux-workspace] :is(.toolbar,.filter-bar,.filters-bar){display:flex;flex-wrap:wrap;align-items:center;gap:10px}
#cnt[data-ux-workspace] :is(input,select,textarea):disabled{cursor:not-allowed;opacity:.65}
#cnt[data-ux-workspace] table tbody tr:focus-within{outline:2px solid #8fb2fa;outline-offset:-2px}
@media(max-width:700px){#cnt[data-ux-workspace]>.ux-context-heading{margin-bottom:16px;padding-bottom:14px}#cnt[data-ux-workspace]>.ux-context-heading h1{font-size:25px}}

#cnt[data-ux-workspace]>.ux-context-heading .ux-finance-note{margin:14px 0 10px;padding:12px 14px;border:1px solid #e7d7ae;border-radius:8px;background:#fffaf0;color:#765b24;font-size:12px;max-width:900px}

/* Audited legacy workspaces: retain native table layout and source values. */
#cnt:is([data-ux-workspace="produits"],[data-ux-workspace="stock"],[data-ux-workspace="clients"],[data-ux-workspace="fidelite"],[data-ux-workspace="fournisseurs"],[data-ux-workspace="refunds"],[data-ux-workspace="payroll-management"],[data-ux-workspace="agent-claims"],[data-ux-workspace="roles"],[data-ux-workspace="supervision-rh"],[data-ux-workspace="beta11-production-readiness"],[data-ux-workspace="map-maroc"],[data-ux-workspace="director"],[data-ux-workspace="activite"],[data-ux-workspace="finance-intelligence"],[data-ux-workspace="monitoring"],[data-ux-workspace="cities_sla"],[data-ux-workspace="logistics-intelligence"],[data-ux-workspace="platform-health-manager"],[data-ux-workspace="agent-health-center"],[data-ux-workspace="agent-dashboard"],[data-ux-workspace="agent-kpis"],[data-ux-workspace="agent-commissions"],[data-ux-workspace="agent-activity"],[data-ux-workspace="whatsapp-knowledge-base"],[data-ux-workspace="whatsapp-ai-agent"]) table{display:table!important;width:100%!important;max-width:100%;table-layout:auto;border-collapse:collapse}
#cnt:is([data-ux-workspace="produits"],[data-ux-workspace="stock"],[data-ux-workspace="clients"],[data-ux-workspace="fidelite"],[data-ux-workspace="fournisseurs"],[data-ux-workspace="refunds"],[data-ux-workspace="payroll-management"],[data-ux-workspace="agent-claims"],[data-ux-workspace="roles"],[data-ux-workspace="supervision-rh"],[data-ux-workspace="beta11-production-readiness"],[data-ux-workspace="map-maroc"],[data-ux-workspace="director"],[data-ux-workspace="activite"],[data-ux-workspace="finance-intelligence"],[data-ux-workspace="monitoring"],[data-ux-workspace="cities_sla"],[data-ux-workspace="logistics-intelligence"],[data-ux-workspace="platform-health-manager"],[data-ux-workspace="agent-health-center"],[data-ux-workspace="agent-dashboard"],[data-ux-workspace="agent-kpis"],[data-ux-workspace="agent-commissions"],[data-ux-workspace="agent-activity"],[data-ux-workspace="whatsapp-knowledge-base"],[data-ux-workspace="whatsapp-ai-agent"]) div:has(>table){max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain}
#cnt:is([data-ux-workspace="produits"],[data-ux-workspace="stock"],[data-ux-workspace="clients"],[data-ux-workspace="fidelite"],[data-ux-workspace="fournisseurs"],[data-ux-workspace="refunds"],[data-ux-workspace="payroll-management"],[data-ux-workspace="agent-claims"],[data-ux-workspace="roles"],[data-ux-workspace="supervision-rh"],[data-ux-workspace="beta11-production-readiness"],[data-ux-workspace="map-maroc"],[data-ux-workspace="director"],[data-ux-workspace="activite"],[data-ux-workspace="finance-intelligence"],[data-ux-workspace="monitoring"],[data-ux-workspace="cities_sla"],[data-ux-workspace="logistics-intelligence"],[data-ux-workspace="platform-health-manager"],[data-ux-workspace="agent-health-center"],[data-ux-workspace="agent-dashboard"],[data-ux-workspace="agent-kpis"],[data-ux-workspace="agent-commissions"],[data-ux-workspace="agent-activity"],[data-ux-workspace="whatsapp-knowledge-base"],[data-ux-workspace="whatsapp-ai-agent"]) .kpiv{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:clamp(22px,2.2vw,30px)!important;line-height:1.25!important;font-weight:700!important;letter-spacing:-.5px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#cnt:is([data-ux-workspace="produits"],[data-ux-workspace="stock"],[data-ux-workspace="clients"],[data-ux-workspace="fidelite"],[data-ux-workspace="fournisseurs"],[data-ux-workspace="refunds"],[data-ux-workspace="payroll-management"],[data-ux-workspace="agent-claims"],[data-ux-workspace="roles"],[data-ux-workspace="supervision-rh"],[data-ux-workspace="beta11-production-readiness"],[data-ux-workspace="map-maroc"],[data-ux-workspace="director"],[data-ux-workspace="activite"],[data-ux-workspace="finance-intelligence"],[data-ux-workspace="monitoring"],[data-ux-workspace="cities_sla"],[data-ux-workspace="logistics-intelligence"],[data-ux-workspace="platform-health-manager"],[data-ux-workspace="agent-health-center"],[data-ux-workspace="agent-dashboard"],[data-ux-workspace="agent-kpis"],[data-ux-workspace="agent-commissions"],[data-ux-workspace="agent-activity"],[data-ux-workspace="whatsapp-knowledge-base"],[data-ux-workspace="whatsapp-ai-agent"]) .kpil{font-family:inherit!important;font-size:12px!important;line-height:1.5!important;letter-spacing:.02em!important}
@media(max-width:700px){#cnt:is([data-ux-workspace="produits"],[data-ux-workspace="stock"],[data-ux-workspace="clients"],[data-ux-workspace="fidelite"],[data-ux-workspace="fournisseurs"],[data-ux-workspace="refunds"],[data-ux-workspace="payroll-management"],[data-ux-workspace="agent-claims"],[data-ux-workspace="roles"],[data-ux-workspace="supervision-rh"],[data-ux-workspace="beta11-production-readiness"],[data-ux-workspace="map-maroc"],[data-ux-workspace="director"],[data-ux-workspace="activite"],[data-ux-workspace="finance-intelligence"],[data-ux-workspace="monitoring"],[data-ux-workspace="cities_sla"],[data-ux-workspace="logistics-intelligence"],[data-ux-workspace="platform-health-manager"],[data-ux-workspace="agent-health-center"],[data-ux-workspace="agent-dashboard"],[data-ux-workspace="agent-kpis"],[data-ux-workspace="agent-commissions"],[data-ux-workspace="agent-activity"],[data-ux-workspace="whatsapp-knowledge-base"],[data-ux-workspace="whatsapp-ai-agent"]) table{min-width:620px!important}#cnt:is([data-ux-workspace="produits"],[data-ux-workspace="stock"],[data-ux-workspace="clients"],[data-ux-workspace="fidelite"],[data-ux-workspace="fournisseurs"],[data-ux-workspace="refunds"],[data-ux-workspace="payroll-management"],[data-ux-workspace="agent-claims"],[data-ux-workspace="roles"],[data-ux-workspace="supervision-rh"],[data-ux-workspace="beta11-production-readiness"],[data-ux-workspace="map-maroc"],[data-ux-workspace="director"],[data-ux-workspace="activite"],[data-ux-workspace="finance-intelligence"],[data-ux-workspace="monitoring"],[data-ux-workspace="cities_sla"],[data-ux-workspace="logistics-intelligence"],[data-ux-workspace="platform-health-manager"],[data-ux-workspace="agent-health-center"],[data-ux-workspace="agent-dashboard"],[data-ux-workspace="agent-kpis"],[data-ux-workspace="agent-commissions"],[data-ux-workspace="agent-activity"],[data-ux-workspace="whatsapp-knowledge-base"],[data-ux-workspace="whatsapp-ai-agent"]) .kpiv{font-size:24px!important}}