/* Phase 262 : banniere unique responsive pour tous les espaces */
#site-head{position:relative!important;z-index:40!important}
#site-head .topbar{background:#fff!important;border-top:3px solid #082d66!important;border-bottom:3px solid #e6002d!important;min-height:82px!important;height:auto!important;display:flex!important;align-items:center!important;gap:clamp(8px,1.5vw,24px)!important;padding:8px clamp(12px,2vw,30px)!important;box-shadow:0 3px 12px #09244916!important}
#site-head .brand{min-width:0!important;flex:0 1 410px!important;text-decoration:none!important;gap:10px!important}
#site-head .dj262-brand-logo{height:62px!important;width:62px!important;object-fit:contain!important;flex-shrink:0!important}
#site-head .dj262-brand-copy{display:flex;flex-direction:column;gap:3px;line-height:1.12;min-width:0}
#site-head .dj262-brand-copy b{font-size:clamp(13px,1.15vw,19px);font-weight:900;color:#072958;white-space:nowrap}
#site-head .dj262-brand-copy strong{font-size:clamp(12px,1.1vw,17px);font-weight:900;color:#e5002b;white-space:nowrap}
#site-head .dj262-brand-copy small{font-size:10px;color:#25466e;font-weight:700}
#site-head .top-contact{display:flex!important;align-items:center;gap:8px;min-width:0}
#site-head .top-contact small{font-size:11px!important}
#site-head .top-contact strong{font-size:clamp(11px,.85vw,14px)!important;line-height:1.25}
#site-head .top-actions{display:flex!important;gap:8px!important;align-items:center;flex:0 1 auto;min-width:0}
#site-head .dj262-identity{display:flex;align-items:center;gap:7px;min-width:0;max-width:235px}
#site-head .dj262-avatar{display:grid;place-items:center;flex-shrink:0;width:33px;height:33px;border-radius:50%;background:#e4efff;color:#07336f;font-size:17px;font-weight:900}
#site-head .dj262-user{min-width:0;display:flex;flex-direction:column;gap:2px}
#site-head .dj262-role{font-weight:800;font-size:11px;color:#092858;white-space:nowrap}
#site-head .dj262-name{font-size:11px;color:#49617e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}
#site-head #sh-account,#site-head .top-actions>.button{font-size:12px!important;padding:10px 12px!important;min-height:38px!important;border-radius:7px!important}
#site-head .sh-session{gap:5px!important}
#site-head #who{display:none!important}
#site-head #out:not(.hidden){display:inline-flex!important;align-items:center!important;min-height:36px!important;padding:7px 10px!important;font-size:11px!important}
body .fret-mini-brand{display:none!important}
body.admin215-layout #site-head .topbar{height:auto!important;min-height:82px!important;padding:8px clamp(12px,2vw,30px)!important}
body.admin215-layout #site-head .brand{min-width:0!important}
body.admin215-layout #site-head .admin215-brand-icon{height:62px!important;width:62px!important}
body.admin215-layout #site-head .admin215-avatar{display:none!important}
@media(max-width:1400px){#site-head .top-contact{display:none!important}#site-head .brand{flex:1 1 auto!important}}
@media(max-width:820px){#site-head .topbar{flex-wrap:wrap!important;gap:7px!important}#site-head .brand{flex:1 1 100%!important}#site-head .dj262-brand-logo{width:45px!important;height:45px!important}#site-head .top-actions{width:100%!important;justify-content:space-between!important}#site-head .top-actions .button{display:inline-flex!important}#site-head .dj262-brand-copy b{font-size:13px!important}#site-head .dj262-brand-copy strong{font-size:12px!important}}
@media(max-width:490px){#site-head .dj262-brand-copy small{display:none}#site-head .dj262-identity{max-width:145px}#site-head .dj262-name{max-width:105px}#site-head .top-actions .green-bg{display:none!important}#site-head #sh-account{font-size:10px!important;padding:8px!important}}
@media print{#site-head{display:none!important}}

/* Phase 268 : logo transparent, directement devant la raison sociale */
#site-head .topbar .brand{display:inline-flex!important;align-items:center!important;gap:9px!important;flex:0 1 440px!important}
#site-head .dj262-brand-logo{background:transparent!important;width:58px!important;height:58px!important;object-fit:contain!important}
#site-head .dj262-brand-copy{align-items:flex-start!important}
#site-head .dj262-brand-copy b{font-size:clamp(12px,1vw,17px)!important}
#site-head .dj262-brand-copy strong{font-size:clamp(12px,.98vw,16px)!important}
#site-head .dj262-brand-copy small{font-size:11px!important}
@media(max-width:820px){#site-head .dj262-brand-logo{width:44px!important;height:44px!important}}