/* FÉE LA LISTE — V10 DESIGN PREVIEW
   Brand/UI only. No business rules, selectors used by JS, permissions or API calls changed.
   Override layer intentionally placed after V9.8.7 styles. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{
 --fee-green:#073e31;--fee-green2:#105744;--fee-lime:#b7e900;
 --fee-cream:#f6f6ed;--fee-cream2:#edf3df;--fee-line:#dce8db;
 --fee-muted:#5c796b;--fee-shadow:0 18px 45px rgba(7,62,49,.065);
 --navy:#073e31;--orange:#91bf00;--bg:#f6f6ed;--line:#dce8db;--muted:#5c796b;
 --v89-navy:#073e31;--v89-ink:#073e31;--v89-orange:#88b600;--v89-border:#dce8db;--v89-muted:#5c796b;--v89-bg:#f6f6ed;
 --ui-ink:#073e31;--ui-orange:#8cba00;--ui-muted:#5c796b;--ui-line:#dce8db;--ui-bg:#f6f6ed;
 font-family:'DM Sans',system-ui,-apple-system,sans-serif!important;color:var(--fee-green);
}
html{background:var(--fee-cream);scrollbar-color:#9dbb87 transparent}
body,body.logged-in{background:var(--fee-cream)!important;color:var(--fee-green)!important;font-family:'DM Sans',system-ui,sans-serif!important}
body::selection{background:var(--fee-lime);color:var(--fee-green)}
.wrap,body.logged-in .wrap{max-width:1150px!important;padding:20px 26px 110px}
.head{position:relative;height:74px!important;min-height:74px!important;display:flex;align-items:center;justify-content:space-between;border:0!important;border-bottom:1px solid var(--fee-line)!important;background:transparent!important;box-shadow:none!important;padding:0 8px!important;margin-bottom:24px!important;border-radius:0!important}
.head .brand-logo{display:block;width:210px!important;max-width:210px!important;max-height:68px!important;height:auto!important;object-fit:contain!important;object-position:left center}
.v10-header-mark{font-size:28px;color:#a5d500;line-height:1}
body:not(.logged-in) .head{display:none!important}
button,input,select,textarea{font-family:'DM Sans',system-ui,sans-serif!important}
h1,h2,h3,.hero h2,.voice-headline{font-family:Manrope,'DM Sans',sans-serif!important;letter-spacing:-.055em!important}
#app .panel,.panel,#login{border:1px solid var(--fee-line)!important;background:#fff!important;box-shadow:var(--fee-shadow)!important;border-radius:24px!important}
#app h2,.panel h2{color:var(--fee-green)!important;font-weight:800!important;letter-spacing:-.05em!important}
#app .muted,#app .section-lead,.muted{color:var(--fee-muted)!important}
#app .btn,.btn,.hero-cta{background:var(--fee-green)!important;border:1px solid var(--fee-green)!important;color:#fff!important;border-radius:14px!important;font-weight:800!important;min-height:48px;box-shadow:none!important;transition:transform .16s,background .16s,box-shadow .16s}
#app .btn:hover,.btn:hover,.hero-cta:hover{background:var(--fee-green2)!important}
#app .btn.alt,.btn.alt{background:#eff5e9!important;color:var(--fee-green)!important;border-color:#dbe9d2!important}
.btn.warn{background:#fbe9e8!important;color:#a13232!important;border-color:#f3cccc!important}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #8dba14!important;outline-offset:3px!important}
#app input,#app select,#app textarea,input,select,textarea{border-color:#cfdfd1!important;color:var(--fee-green)!important;background:#fff!important;border-radius:14px!important;min-height:46px;font-size:16px!important;box-shadow:none!important}
label{color:#315b4a!important;font-weight:800!important}
.step-title,.section-kicker,.kicker,.profile-section-title{color:#679045!important;font-size:11px!important;font-weight:900!important;letter-spacing:.135em!important}
.notice,.install{background:#eaf5da!important;color:var(--fee-green)!important;border:1px solid #d5e8bc!important;border-radius:16px!important}
.notice.error{background:#fff0ee!important;color:#a63333!important;border-color:#f4cdcb!important}

/* NAVIGATION — restrained premium rail on desktop / comfortable thumb bar on phone */
#app .tabs{background:#fff!important;border:1px solid var(--fee-line)!important;border-radius:18px!important;padding:7px!important;margin:0 0 24px!important;box-shadow:0 7px 27px #073e310b!important;gap:7px!important;overflow-x:auto}
#app .tabs .btn{background:transparent!important;color:#618073!important;border:0!important;min-height:56px!important;border-radius:13px!important;box-shadow:none!important;font-size:13px!important;gap:6px!important}
#app .tabs .btn.active{background:var(--fee-green)!important;color:white!important}
#app .tabs .btn[data-tab="field"]:not(.active){background:#f0f7e3!important;color:var(--fee-green)!important}
#app .tabs .nav-icon{width:21px;height:21px;flex:none}

/* HOME — signature action hero, genuine field metrics and actionable recent requests */
#homeView .hero{position:relative;isolation:isolate;overflow:hidden;background:var(--fee-green)!important;color:#fff!important;border-radius:30px!important;border:0!important;min-height:280px;padding:36px 42px!important;box-shadow:0 22px 50px #073e3120!important}
#homeView .hero:before{content:'';position:absolute;right:-95px;top:-150px;width:470px;height:470px;border-radius:48% 52% 58% 42%;background:var(--fee-lime);transform:rotate(-19deg);z-index:-1}
#homeView .hero:after{content:'✳';position:absolute;right:25%;top:35px;font-size:64px;font-weight:400;color:#dcff8d;transform:rotate(-18deg);opacity:.8;z-index:-1}
#homeView .hero h2{position:relative;max-width:650px;color:#fff!important;font-size:clamp(34px,4.6vw,55px)!important;line-height:1.08!important;font-weight:800!important;letter-spacing:-.07em!important;margin:0 0 16px!important}
#homeView .hero h2 span{color:var(--fee-lime)!important}
#homeView .hero p{font-size:15px!important;line-height:1.55!important;color:#d8eee1!important;max-width:460px;margin-bottom:23px!important}
#homeView .hero .hero-cta{display:inline-flex;justify-content:space-between;gap:20px;align-items:center;position:relative;width:min(320px,100%);min-height:56px!important;border:0!important;background:var(--fee-lime)!important;color:var(--fee-green)!important;padding:16px 20px!important;border-radius:15px!important;font-size:15px!important;box-shadow:0 5px 0 #91bb00!important}
#homeView .hero .hero-cta:hover{background:#cdf43d!important}
#homeView .overview{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px!important;margin:19px 0!important}
#homeView .overview .metric{background:#fff!important;border:1px solid var(--fee-line)!important;border-radius:22px!important;padding:22px!important;box-shadow:0 8px 25px #073e3109!important;min-width:0}
#homeView .overview .metric span{color:#567969!important;font-size:13px!important;font-weight:750!important}
#homeView .overview .metric strong{display:block;color:var(--fee-green)!important;font-size:clamp(30px,4vw,42px)!important;letter-spacing:-.07em!important;font-family:Manrope,sans-serif}
#homeView .overview .metric small{color:#81998a!important}
#homeView .recent-panel,#homeView #homeBuyerPanel{margin-top:16px}
#homeView .recent-panel h2{font-size:24px!important}
.text-button{color:var(--fee-green)!important;font-weight:800!important}

/* VOICE — no cartoon, subtle fairy-like lime glow and exceptionally clear primary action */
#fieldView .creation-panel{padding:clamp(22px,3.2vw,34px)!important}
#fieldView .creation-panel>h2{font-size:clamp(28px,3.8vw,36px)!important;margin:3px 0 22px!important}
#fieldView #site{background:#f9fbf5!important}
#fieldView .voice-stage{background:radial-gradient(circle at 50% 30%,#145745 0%,#073e31 65%)!important;color:white!important;border:1px solid #145a44!important;border-radius:28px!important;min-height:350px!important;box-shadow:0 20px 45px #073e3126!important;padding:27px 18px 24px!important}
#fieldView .voice-stage-glow{background:radial-gradient(circle,#b7e92a,transparent 70%)!important}
#fieldView .voice-headline{color:white!important;font-size:clamp(23px,4vw,32px)!important;font-weight:800!important}
#fieldView .voice-subtitle{color:#c6dfcf!important;font-size:13px!important}
#fieldView .voice-ring{border-color:#c5f16c50!important;box-shadow:0 0 0 1px #c5f16c11}
#fieldView .voice-ring.ring-two{border-color:#ccf58c20!important}
#fieldView .voice-main{width:124px!important;height:124px!important;min-height:124px!important;background:var(--fee-lime)!important;border:2px solid #ecffbd!important;color:var(--fee-green)!important;box-shadow:0 0 0 10px #c6f64e1c,0 16px 25px #001b143b!important;transition:transform .2s,box-shadow .2s}
#fieldView .voice-main:hover{box-shadow:0 0 0 15px #c6f64e1d,0 17px 28px #001b143d!important}
#fieldView .voice-main-label{color:#fff!important;font-family:Manrope,sans-serif!important;font-weight:850!important;font-size:17px!important}
#fieldView .voice-visualizer i{background:var(--fee-lime)!important}
#fieldView .voice-stage[data-mode="recording"]{background:radial-gradient(circle at 50% 30%,#22594a,#073e31 66%)!important}
#fieldView .voice-stage[data-mode="recording"] #mic{background:#f7a28e!important;color:#743221!important;border-color:#ffdbc7!important}
#fieldView .voice-stage .voice-status{color:white!important;background:#ffffff17!important;border-color:#ffffff3b!important}
.voice-manual[open]{background:#f3f8e9!important;border:1px solid #dfead4!important}
#segmentBox,#draftBox{background:#f8fbf4!important;border:1px solid var(--fee-line)!important;border-radius:20px!important;padding:18px!important}
#segmentRows .item,#draftRows .item{background:#fff;border:1px solid var(--fee-line);border-radius:15px;padding:10px}
#fieldView .history-panel{margin-top:18px!important}

/* BUYER, PROJECTS, TEAM, PROFILE: one visual grammar, no changed permissions */
.buyer-workspace .buyer-metric,.buyer-metrics .buyer-metric,#sitesList .site-row,#usersList .site-row,.buyer-article-card,.request-summary,.profile-details{border-color:var(--fee-line)!important;border-radius:19px!important}
.buyer-workspace .buyer-metric.primary,.buyer-metric.primary{background:var(--fee-green)!important;border-color:var(--fee-green)!important;color:white!important}
.buyer-metric.primary strong,.buyer-metric.primary span{color:white!important}
.buyer-remain{background:#eff6e4!important;color:var(--fee-green)!important}
.buyer-article-main strong,.buyer-article-card strong{color:var(--fee-green)!important}
#profileView .profile-cover{background:var(--fee-green)!important}
#profileView .profile-details{box-shadow:0 8px 25px #073e310b!important}
.profile-section-title{color:#709657!important}
#teamArea .team-initials,.initials-avatar{background:#dff0b5!important;color:#073e31!important;border-color:#dff0b5!important}
#adminSitesArea .site-create-row{background:#f5f9ef!important;border-color:#e1ecd9!important}
#sitesList [data-toggle-site]{background:#edf5e4!important;color:var(--fee-green)!important}
#login .auth-promise{color:var(--fee-green)!important;font-family:Manrope,sans-serif!important;font-weight:800!important;letter-spacing:-.05em!important}
#login .auth-support{color:var(--fee-muted)!important}
body:not(.logged-in) #login{background:white!important;border-color:var(--fee-line)!important;box-shadow:0 20px 65px #073e3112!important;border-radius:26px!important}
body:not(.logged-in) #login .auth-logo{width:min(86%,290px)!important;max-height:130px!important}
#login .auth-switch{background:#f1f6e9!important;border-radius:13px!important}
#login .auth-switch .btn:not(.alt){background:var(--fee-green)!important}
body:not(.logged-in){background:radial-gradient(ellipse at 90% 2%,#deedbe 0,transparent 43%),var(--fee-cream)!important}
.language-welcome-card{background:white!important;border-color:var(--fee-line)!important;border-radius:26px!important}
.language-welcome-card img{max-width:min(290px,80%)!important}
footer{color:#688273!important;font-size:12px!important}footer strong{color:#073e31}
#install,#installDialog{color:var(--fee-green)}
#installDialog h2{color:var(--fee-green)!important}
.request-dialog,.install-sheet{border-radius:25px!important}
/* Keep validation errors recognizably red; statuses retain meaning. */
.notice.error,.send-reason,.request-save-feedback[data-state="error"]{color:#a63a37!important}
@media(max-width:850px){
 .wrap,body.logged-in .wrap{padding:12px 17px 120px!important}
 .head{height:65px!important;min-height:65px!important;margin:0 0 17px!important}
 .head .brand-logo{width:168px!important;max-height:56px!important}
 #homeView .hero{min-height:252px;padding:28px 24px!important}
 #homeView .hero:before{width:360px;height:360px;right:-170px;top:-115px}
 #homeView .hero:after{right:13%;top:22px;font-size:42px}
 #homeView .overview{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 #homeView .overview .metric{padding:18px!important}
 #app .tabs{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:99!important;display:flex!important;align-items:center!important;margin:0!important;gap:3px!important;padding:8px max(9px,env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom)) max(9px,env(safe-area-inset-left))!important;border-radius:20px 20px 0 0!important;border-bottom:0!important;box-shadow:0 -10px 40px #073e311a!important}
 #app .tabs .btn{min-width:0!important;flex:1 1 0!important;padding:8px 3px!important;min-height:55px!important;font-size:10px!important;line-height:1.15!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:3px!important;border-radius:12px!important}
 #app .tabs .nav-icon{height:23px;width:23px}
 #fieldView .creation-panel{padding:20px 16px!important}
 #fieldView .voice-stage{min-height:338px!important}
}
@media(max-width:520px){
 .wrap,body.logged-in .wrap{padding-inline:13px!important}
 .head .brand-logo{width:152px!important}
 .v10-header-mark{font-size:24px}
 #homeView .hero{padding:25px 20px!important;min-height:255px!important;border-radius:23px!important}
 #homeView .hero h2{font-size:clamp(30px,8.5vw,39px)!important;max-width:320px}
 #homeView .hero p{font-size:13px!important;max-width:260px}
 #homeView .hero:before{width:300px;height:300px;right:-190px;top:-70px}
 #homeView .hero:after{right:9%;top:25px;font-size:35px}
 #homeView .overview .metric{padding:15px!important;border-radius:18px!important}
 #homeView .overview .metric strong{font-size:33px!important}
 #app .panel{border-radius:20px!important;padding:18px 15px!important}
 #fieldView .voice-stage{border-radius:22px!important;min-height:345px!important;padding:22px 12px!important}
 #fieldView .voice-headline{font-size:23px!important}
 #fieldView .voice-main{width:116px!important;height:116px!important;min-height:116px!important}
 #fieldView #segmentBox,#fieldView #draftBox{padding:13px!important}
 #fieldView .item{min-width:0}
 .buyer-workspace .buyer-metrics{gap:8px!important}
}
@media(prefers-reduced-motion:reduce){.voice-ring,.voice-visualizer i{animation:none!important}}