:root:has(.localeo-app-header){font-size:100%;--erp-rem:.875rem}
.localeo-app-header{box-sizing:border-box;position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;min-height:76px;padding:12px 28px;background:#123247;color:#fff;font:14px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;border-bottom:1px solid #355064}
.localeo-app-header *{box-sizing:border-box}
.localeo-app-header a{color:inherit;text-decoration:none}
.localeo-app-header .localeo-app-identity{display:inline-flex;align-items:center;gap:10px;min-width:0;max-width:100%;min-height:44px;font:800 1.25rem/1.15 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.02em}
.localeo-app-identity img{display:block;width:40px;height:40px;object-fit:contain;flex-shrink:0}
.localeo-app-identity .localeo-app-wordmark{display:inline-flex;flex-wrap:wrap;gap:.25em;min-width:0}
.localeo-app-wordmark strong{font:inherit;color:#fff}
.localeo-app-wordmark>span{font:inherit;color:#f5ad6e}
.localeo-app-header nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.localeo-app-header nav>a,.localeo-app-header summary{display:flex;align-items:center;min-height:44px;padding:10px 12px;border-radius:var(--localeo-control-radius,9px);font-size:14px;font-weight:600;color:#fff;cursor:pointer}
.localeo-app-header summary{list-style:none;border:1px solid #647c8c;gap:12px}
.localeo-app-header summary::-webkit-details-marker{display:none}
.localeo-app-header summary::after{content:'⌄';transition:transform .15s}
.localeo-app-header details[open] summary::after{transform:rotate(180deg)}
.localeo-app-header nav>a:hover,.localeo-app-header summary:hover{background:#24495e}
.localeo-app-header .localeo-app-menu{position:relative;margin:0}
.localeo-app-header .localeo-app-links{position:absolute;right:0;top:calc(100% + 8px);width:240px;background:#fff;color:#123247;padding:6px;border:1px solid #dce3e8;border-radius:var(--localeo-radius,12px);box-shadow:0 10px 24px #102f4626}
.localeo-app-header .localeo-app-links a{display:block;padding:12px;min-height:44px;border-radius:3px;font-size:14px;font-weight:550}
.localeo-app-header .localeo-app-links a:hover,.localeo-app-header .localeo-app-links a[aria-current]{background:var(--localeo-accent-soft);color:#07594f}
.localeo-app-header .localeo-app-links a[aria-current]{box-shadow:inset 3px 0 var(--localeo-accent)}
.localeo-app-header .localeo-app-logout{border-top:1px solid #dce3e8;margin-top:6px}
.localeo-app-header :focus-visible{outline:3px solid #f5ad6e;outline-offset:3px}
.erp-app>.sidebar{top:var(--localeo-header-height);max-height:calc(100dvh - var(--localeo-header-height))}
.erp-app>.localeo-app-header{position:sticky;top:0}
.localeo-app-header .localeo-app-context{margin-right:auto;min-width:0;font-size:12px;line-height:1.5;color:#d4e1e9;overflow-wrap:anywhere}
.localeo-app-header .localeo-app-context:empty{display:none}
.erp-app>.sidebar>.brand{display:none}
.onboard-app{display:flex;flex-direction:column;height:100dvh}
.onboard-app .topbar{height:auto;min-height:60px;flex-shrink:0;background:#fff;color:#123247;box-shadow:none;padding:10px 22px}
.onboard-app .topbar-actions{width:100%;justify-content:flex-end;flex-wrap:wrap}
.onboard-app .connection{margin-right:auto;color:#546a7b}
.onboard-app .topbar .icon-button{color:#123247;background:#fff;border-color:#bac8d2;min-height:44px;width:44px}
.onboard-app .topbar .primary-button{min-height:44px}
.onboard-app .localeo-app-header{flex-shrink:0}
.onboard-app .workspace,.onboard-app:has(.feature-banner:not([hidden])) .workspace{height:auto;flex:1;min-height:0}
@media(prefers-reduced-motion:reduce){.localeo-app-header summary::after{transition:none}}
.localeo-pwa-actions{display:flex;gap:8px;flex-wrap:wrap}
.localeo-app-header .localeo-pwa-actions button{min-height:44px;padding:9px 12px;border:1px solid #9cafba;border-radius:var(--localeo-control-radius,9px);background:#24495e;color:#fff;font:600 13px/1.3 system-ui;cursor:pointer;white-space:nowrap}
.localeo-pwa-actions [hidden]{display:none!important}
.localeo-pwa-actions button:disabled{opacity:.6;cursor:wait}
.localeo-pwa-notice{flex-basis:100%;font-size:13px}
.localeo-pwa-notice:empty{display:none}
.localeo-pwa-dialog{max-width:min(440px,calc(100vw - 32px));border:1px solid #8fa6b5;border-radius:8px;padding:24px;color:#123247;font:16px/1.6 system-ui}
.localeo-pwa-dialog::backdrop{background:#102f4670}
.localeo-pwa-dialog button{min-height:44px;padding:10px 20px;background:#123247;color:#fff;border:0;border-radius:var(--localeo-control-radius,9px)}
@media(max-width:720px){
 .localeo-app-header{gap:8px;padding:8px 12px;min-height:60px}
 .localeo-app-header nav{margin-left:auto;gap:4px}
 .localeo-app-header .localeo-app-context{order:3;flex-basis:100%}
 .localeo-pwa-actions{gap:4px}
 .localeo-app-header nav>.localeo-erp-home,.localeo-app-header summary,.localeo-app-header .localeo-pwa-actions button{display:flex;width:44px;height:44px;min-width:44px;padding:0;justify-content:center;font-size:0}
 .localeo-app-header nav>.localeo-erp-home::before{content:"⌂";font-size:26px}
 .localeo-app-header summary::after{display:none}
 .localeo-app-header summary::before{content:'☰';font-size:22px}
 .localeo-pwa-install::before{content:'↓';font-size:24px}
 .localeo-pwa-update::before{content:'↻';font-size:24px}
 .erp-app>.sidebar{padding:10px 16px}
}
@media(max-width:600px){
 .localeo-app-header .localeo-app-identity{font-size:1.125rem}
 .localeo-app-identity img{width:36px;height:36px}
}

/* CRM reference palette shared by internal workspaces; keep task-specific layouts. */
:root{--localeo-header-height:76px;--localeo-ink:#183243;--localeo-muted:#526575;--localeo-canvas:#f5f7f9;--localeo-line:#d8e1e7;--localeo-accent:#09685e;--localeo-accent-soft:#e1f0ec;--localeo-focus:#b96913;--localeo-radius:12px;--localeo-control-radius:9px;--localeo-font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--localeo-page-space:28px}
:is(.erp-app,.onboard-app,.support-app,.atelier-app){font-family:var(--localeo-font);font-size:14px;color:var(--localeo-ink);background:var(--localeo-canvas)}
:is(.erp-app,.onboard-app,.support-app,.atelier-app) :is(h1,h2,h3){font-family:var(--localeo-font);font-weight:600;line-height:1.3}
:is(.erp-app,.onboard-app,.support-app,.atelier-app) h1{font-size:25px;letter-spacing:-.02em}
:is(.erp-app,.onboard-app,.support-app,.atelier-app) :focus-visible{outline:3px solid var(--localeo-focus);outline-offset:3px}
.skip{position:fixed;top:8px;left:16px;max-width:calc(100% - 32px);transform:translateY(calc(-100% - 16px));z-index:100;background:#fff;color:#123247;padding:12px 16px;border:2px solid #123247;border-radius:var(--localeo-control-radius,9px)}
.skip:focus{transform:none}
.onboard-app{--ink:var(--localeo-ink);--muted:var(--localeo-muted);--canvas:var(--localeo-canvas);--line:var(--localeo-line);--accent:var(--localeo-accent)}
.onboard-app .topbar{flex-wrap:wrap;padding:20px var(--localeo-page-space);border-bottom:1px solid var(--localeo-line)}
.onboard-app .topbar-actions{width:auto;flex:1 1 auto}
.onboard-app .profile-progress{font-family:var(--localeo-font)}
.onboard-app .toast{top:calc(var(--localeo-header-height) + 12px);z-index:35}
:is(.erp-app,.support-app,.atelier-app) :is(.button,button),.onboard-app :is(.primary-button,.secondary-button,.danger-button,.icon-button){min-height:44px;border-radius:var(--localeo-control-radius,9px)}
:is(.support-app,.erp-app) .instance-workspace button:not(.secondary){background:var(--localeo-accent);color:#fff;border-color:transparent}
:is(.support-app,.erp-app) .instance-workspace button.secondary:not(.instance-tabs button){background:#fff;color:var(--localeo-ink);border-color:#bac8d2}
:is(.erp-app,.support-app) .instance-error{background:#fff0eb;border-left-color:#b34b37;color:#8b2921}
:is(.erp-app,.support-app) .instance-tabs{position:static}
.support-app .instance-workspace{padding:var(--localeo-page-space);max-width:none}
.atelier-main{width:auto;max-width:none;margin:0;padding:var(--localeo-page-space)}
.atelier-main #content{min-width:0}
.atelier-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:12px 0}
.atelier-tools [hidden]{display:none}
.atelier-app .atelier-main{min-height:calc(100dvh - var(--localeo-header-height))}
.localeo-app-header .localeo-app-links{max-width:calc(100vw - 24px);max-height:calc(100dvh - var(--localeo-header-height) - 20px);overflow:auto}
@media(max-width:720px){:root{--localeo-header-height:60px;--localeo-page-space:16px}.erp-app>.sidebar{max-height:calc(100dvh - var(--localeo-header-height))}.onboard-app .topbar{padding:16px}.onboard-app .topbar-actions{justify-content:flex-start}.onboard-app .page-purpose h1,:is(.erp-app,.support-app,.atelier-app) h1{font-size:23px}}

.localeo-app-header .localeo-app-account{display:grid;gap:4px;padding:12px;border-bottom:1px solid var(--localeo-line);overflow-wrap:anywhere}.localeo-app-header .localeo-app-account span{font-size:12px;color:var(--localeo-muted)}

.localeo-app-header .localeo-app-retry{min-height:44px;border:1px solid #bac8d2;border-radius:var(--localeo-control-radius,9px);background:#fff;color:#123247;padding:10px 12px;font:inherit;cursor:pointer}
