/* Proprynex V9 — refonte de présentation uniquement. Aucun changement aux appels Supabase. */
:root{--v9-ink:#15392d;--v9-muted:#64796f;--v9-line:#dce8e0;--v9-bg:#f3f7f5;--v9-green:#087c4c}
body{background:var(--v9-bg)}
.v5-head{box-shadow:0 3px 18px rgba(4,36,25,.10)}
.proprynex-brand-icon{box-shadow:0 2px 8px rgba(0,0,0,.18)}
/* The previous ON switch was actually the sign-out control. Make its purpose explicit. */
#logoutBtn.v63-switch{appearance:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;width:auto!important;height:38px!important;border-radius:12px!important;padding:0 13px!important;background:#214b3c!important;border:1px solid rgba(255,255,255,.24)!important;box-shadow:none!important;transform:none!important}
#logoutBtn.v63-switch[hidden]{display:none!important}
#logoutBtn .v63-switch-text{display:inline!important;position:static!important;opacity:1!important;color:white!important;font-size:12px!important;font-weight:750!important;letter-spacing:0!important}
#logoutBtn .v63-switch-thumb{display:none!important}
#logoutBtn:focus-visible,.mobile-nav button:focus-visible{outline:3px solid #7be5a5;outline-offset:3px}
#main h1{letter-spacing:-.035em;line-height:1.12}
#main h2{letter-spacing:-.02em}
#main p,#main small{line-height:1.48}
#main button{transition:background-color .15s ease,box-shadow .15s ease,transform .15s ease}
#main button:active{transform:scale(.985)}
#main input:focus-visible,#main select:focus-visible,#main textarea:focus-visible{outline:2px solid #1b9964;outline-offset:1px}
.v75-client,.v75-panel,.v82-archive-card,.v75-site-all{box-shadow:0 3px 15px rgba(13,56,37,.035)}
.v75-client-top{flex-wrap:wrap}
.v75-client-top>div{min-width:145px}
.v75-client-sites{margin-top:8px;border-top:1px solid #e9f0eb}
.v75-site{padding-block:12px}
.v75-tabs{max-width:100%;width:100%;box-sizing:border-box}
.v75-tabs button{flex:1}
.v75-employee{padding-bottom:20px}
.mobile-nav{box-shadow:0 -5px 20px rgba(4,30,23,.11)}
@media(max-width:650px){
 #main h1{font-size:clamp(27px,7vw,38px)!important}
 .v75-heading{gap:12px;align-items:flex-start}
 .v75-client{padding:15px;border-radius:17px}
 .v75-client-top{gap:10px}
 .v75-client-top>button,.v75-site>button{padding:10px 12px!important;font-size:13px!important}
 .v75-client-sites{padding-left:0}
 .v75-site{flex-wrap:wrap}
 .v75-site>div{flex:1;min-width:145px}
 .v75-create button{flex:1;min-width:135px}
 .v82-archive-card{padding:15px}
 .v75-panel{padding:16px}
 .v75-stats{gap:8px}
 .v75-stat{padding:12px}
 .v75-stat strong{font-size:23px}
 .v75-stat span{font-size:11px}
 .v75-profile-head{padding:18px;border-radius:18px}
 .v75-avatar{width:54px;height:54px;font-size:23px}
}
@media(prefers-reduced-motion:reduce){#main button{transition:none}}