/* V14 — Fée la Liste / Mon Petit Marteau — product-grade visual finish.
   Presentation only: JS modules, database schema, role checks and workflows untouched. */
:root{--fee-green:#073e31;--fee-lime:#b7e900;--fee-cream:#f6f6ed;--fee-line:#dce8db;--fee-muted:#587567}
body.logged-in .head{
  width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;column-gap:clamp(12px,3vw,40px)!important;
  border-bottom:1px solid #dce8db!important;padding:10px 0 18px!important;
  margin-bottom:22px!important;min-height:100px!important;
}
body.logged-in .head .brand{margin:0!important;min-width:0!important;flex:none!important;justify-self:start!important}
body.logged-in .head .tenant-context{
  margin:0!important;justify-self:end!important;max-width:100%!important;
  display:flex!important;align-items:center!important;background:#fff!important;
  padding:10px 15px!important;border:1px solid #dae7d8!important;
  border-radius:16px!important;box-shadow:0 4px 14px #073e3109!important;
}
body.logged-in .head .tenant-eyebrow{font-size:10px!important;letter-spacing:.13em!important;color:#688771!important}
body.logged-in .head .tenant-account-label{font-size:12px!important;color:#073e31!important}
body.logged-in .head .tenant-logo{width:120px!important;height:48px!important;object-fit:contain!important}
body.logged-in .head .brand-logo{width:183px!important;max-width:100%!important;max-height:70px!important}
#app .tabs{margin-bottom:26px!important;gap:6px!important}
#app .tabs .btn{transition:background .16s,color .16s,transform .16s!important}
#app .tabs .btn:not(.active):hover{background:#edf5e5!important;color:#073e31!important}
#homeView .workspace-intro{margin:0 0 18px!important;padding:0 3px!important}
#homeView .workspace-eyebrow{color:#718c79!important;letter-spacing:.13em!important}
#homeView .workspace-intro h1{font-size:clamp(27px,3vw,36px)!important;font-weight:850!important;letter-spacing:-.065em!important}
/* Refine the hero so the lime geometry doesn't create a huge purposeless empty area */
#homeView .hero{isolation:isolate!important;overflow:hidden!important;position:relative!important;min-height:275px!important;
 background:linear-gradient(114deg,#073e31 0%,#073e31 62%,#0a4a39 100%)!important;}
#homeView .hero:before{width:370px!important;height:370px!important;top:-57px!important;right:-85px!important;
 transform:rotate(19deg)!important;border-radius:46% 54% 44% 56%!important;opacity:.98!important;z-index:-1!important}
#homeView .hero:after{content:'✦'!important;font-size:65px!important;color:#e8ffae!important;
 right:14%!important;top:44px!important;opacity:.65!important;z-index:-1!important}
#homeView .hero h2{max-width:730px!important;position:relative!important;z-index:1!important}
#homeView .hero p,#homeView .hero button{position:relative!important;z-index:1!important}
#homeView .overview .metric{transition:box-shadow .15s,transform .15s!important}
#homeView .overview .metric:hover{box-shadow:0 14px 30px #073e3112!important;transform:translateY(-1px)!important}
#homeView .recent-panel,#homeView #homeBuyerPanel{border-radius:24px!important}
#app .panel h2{line-height:1.2!important}
#app .panel .split{gap:14px!important}
#app .panel .split .btn{white-space:nowrap!important}
#fieldView .voice-stage{box-shadow:0 16px 42px #073e3124!important}
#fieldView .voice-subtitle{line-height:1.5!important}
#fieldView .voice-main{touch-action:manipulation!important}
#login{max-width:560px!important;margin-left:auto!important;margin-right:auto!important}
.auth-tenant{gap:7px!important;background:#f7faf2!important;border-radius:17px!important}
.auth-tenant-eyebrow{font-size:10px!important;letter-spacing:.16em!important}
.auth-tenant-caption{font-size:12px!important;letter-spacing:0!important}
.profile-client-card small{color:#688371!important}
/* Light professional footer: brand credit + account attribution, no duplicated logos. */
.platform-footer{margin-top:38px!important;border-top:1px solid #dae6d8!important;padding-top:23px!important}
.platform-footer-main{padding-bottom:18px!important}
.footer-provider-label{display:flex;flex-direction:column;gap:3px}
.footer-provider-label strong{font-family:Manrope,'DM Sans',sans-serif;font-size:19px;letter-spacing:-.045em;color:#073e31}
.footer-provider-label span{color:#718c79;font-size:12px}
.platform-footer .footer-tenant{display:flex!important;align-items:flex-end!important;gap:4px!important;flex-direction:column!important}
.platform-footer .footer-tenant span{color:#799181!important;font-size:10px;letter-spacing:.12em!important}
.platform-footer .footer-tenant strong{font-size:14px!important;font-weight:800!important}
.platform-footer-bottom{font-size:11px!important}
@media(max-width:850px){
 body.logged-in .head{min-height:78px!important;padding:5px 0 14px!important;margin-bottom:16px!important}
 body.logged-in .head .brand-logo{width:155px!important}
 body.logged-in .head .tenant-context{padding:7px 10px!important;gap:8px!important}
 body.logged-in .head .tenant-context-copy{display:none!important}
 body.logged-in .head .tenant-divider{display:none!important}
 body.logged-in .head .tenant-logo{width:103px!important;height:41px!important}
 #homeView .hero:before{width:290px!important;height:310px!important;right:-145px!important;top:-38px!important}
 #homeView .hero:after{right:14%!important;top:25px!important;font-size:40px!important}
 .platform-footer{margin-bottom:90px!important}
}
@media(max-width:520px){
 body.logged-in .head{grid-template-columns:minmax(0,1fr) auto!important;column-gap:6px!important;min-height:66px!important}
 body.logged-in .head .brand-logo{width:clamp(125px,35vw,150px)!important}
 body.logged-in .head .tenant-context{max-width:40vw!important;padding:5px 8px!important;border-radius:11px!important}
 body.logged-in .head .tenant-logo{width:min(94px,31vw)!important;height:36px!important}
 #homeView .hero{min-height:250px!important}
 #homeView .hero:before{width:270px!important;height:285px!important;right:-175px!important;top:-16px!important;opacity:.83!important}
 #homeView .hero:after{right:6%!important;font-size:30px!important;top:20px!important}
 #homeView .hero h2{max-width:95%!important}
 #homeView .workspace-intro h1{font-size:27px!important}
 .footer-provider-label strong{font-size:17px}
 .footer-provider-label span{max-width:180px;line-height:1.4}
 .platform-footer .footer-tenant strong{font-size:12px!important}
 .platform-footer .footer-tenant span{font-size:9px!important}
 .platform-footer-bottom{gap:10px!important}
}
@media(prefers-reduced-motion:reduce){#homeView .overview .metric,#app .tabs .btn{transition:none!important}}