.top-strip{height:34px;margin:0 -34px;padding:0 34px;border-bottom:1px solid #e8ebf1;background:rgba(255,255,255,.72);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;color:#768095;font-size:10px}.top-strip>span{display:flex;align-items:center;gap:7px}.top-strip>div{display:flex;align-items:center;gap:7px}.top-strip b{color:#485166}.top-strip small{font-size:10px}.status-dot{width:7px;height:7px;border-radius:50%;background:#18ad7b;box-shadow:0 0 0 4px #18ad7b16}
.top-strip+header{height:82px}.currency-switch{height:42px;padding:4px;display:flex;align-items:center;gap:3px;border:1px solid #e1e4eb;border-radius:11px;background:#fff;box-shadow:0 3px 12px #11182708}.currency-switch>span{padding:0 7px;color:#8a93a5;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.currency-switch button{height:32px;min-width:45px;border:0;border-radius:8px;background:transparent;color:#737c8e;font-size:11px;font-weight:800;cursor:pointer}.currency-switch button:hover{background:#f3f4f8}.currency-switch button.active{background:#635bff;color:#fff;box-shadow:0 5px 12px #635bff32}
@media(max-width:900px){.top-strip{margin:0 -18px;padding:0 18px}.top-strip+header{height:72px}}@media(max-width:620px){.top-strip{margin:0 -12px;padding:0 12px}.top-strip>div{display:none}.currency-switch>span{display:none}.currency-switch button{min-width:39px}.header-actions{gap:6px}}

/* Protection des installations PWA créées avec l'ancien mode window-controls-overlay. */
@media(display-mode:window-controls-overlay){
 /* frontend-system.css est chargé après cette feuille et redéfinit le padding
    complet du header. La priorité conserve la zone des boutons Windows libre. */
 main>header{padding-right:max(300px,calc(100vw - env(titlebar-area-x,0px) - env(titlebar-area-width,100vw) + 20px))!important;box-sizing:border-box}
 main>header .page-heading{min-width:190px}
 main>header .header-actions{flex:1;justify-content:flex-end;max-width:none;overflow:visible}
 main>header .global-search{min-width:170px;max-width:220px}
 main>header .active-cash{display:none}
 main>header .currency-switch>span{display:none}
 main>header .pending-supply{padding:5px}
 main>header .pending-supply>div{display:none}
 main>header #entry-cashbox-viewer-button{width:42px!important;min-width:42px!important;padding:0!important}
 main>header #entry-cashbox-viewer-button span{display:none!important}
 main>header #new-operation,main>header .supply-header-button{flex:0 0 auto;padding-inline:12px}
 main>header .header-actions::-webkit-scrollbar{display:none}
}