/*
 * Le Baron — identidade inspirada na fachada real (16/10/2026).
 * Branco dos pavimentos, marrom dos pilares e verde dos vidros.
 * Camada visual adicional: não modifica o funcionamento nem o layout mobile-first.
 */
:root{
  --ink:#223e38;--night:#20453f;--teal:#267766;--teal-dark:#205e51;
  --mint:#e2f2e9;--sand:#f7f6f1;--paper:#fff;
  --line:#dce7df;--subtle:#637870;--muted:#506e62;
  --gold:#b98d64;--danger:#a04935;
  --shadow:0 16px 46px rgba(34,59,46,.075);
}
body{background:var(--sand);color:var(--ink)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid #ad865c;outline-offset:3px;
}
/* Painel — vidro esverdeado, revestimento branco e pilares amadeirados. */
.admin-page{background:#f5f6f2;color:#263f38}
.admin-page .topbar{background:linear-gradient(105deg,#1d423c 0%,#2c6157 70%,#78583f 100%);border-bottom:3px solid #b99169}
.admin-page .brand-symbol{color:#f2d6b7;border-color:#d4b89a}
.admin-page .brand small{color:#d9eee6}
.admin-page .nav-link{color:#ecf6ef}
.admin-page .btn-logout{border-color:#a8c7ba;color:white}
.admin-page .eyebrow,.admin-page .mini-label{color:#23695a}
.admin-page .dashboard-heading h1{color:#203f38}
.admin-page .stat-card,.admin-page .panel,.admin-page .auth-card{
  background:#fff;border:1px solid #dce6dc;box-shadow:0 9px 23px rgba(37,68,56,.05);
}
.admin-page .stat-card{border-top:4px solid #3d8573}
.admin-page .stat-card:nth-child(2){border-top-color:#ab8058}
.admin-page .stat-card:nth-child(3){border-top-color:#7eaaa0}
.admin-page .stat-card:nth-child(4){border-top-color:#beaa8e}
.admin-page .stat-card:nth-child(5){border-top-color:#52796d}
.admin-page .stat-card strong{color:#21463d}
.admin-page .stack-track,.admin-page .bar-track{background:#eaf0ea}
.admin-page .stack-yes,.admin-page .legend-yes{background:#2a806b}
.admin-page .stack-no,.admin-page .legend-no{background:#b68b66}
.admin-page .btn-primary{background:#226e5b;color:white}
.admin-page .btn-primary:hover{background:#194f43}
.admin-page .btn-outline{background:white;border-color:#cfdfd4;color:#275c4f}
.admin-page .btn-outline:hover{background:#edf5ef}
.admin-page .survey-state.is-open{color:#1d6f57}
.admin-page .review-box{background:#f0f5f0}
.admin-page .review-tag{background:#f5eadc;color:#795438}
.admin-page .review-tag.done{background:#e2f1e9;color:#216852}
.admin-page .page-footer{background:#edf2ec;color:#596f64}
/* Formulário — cores da fachada, mantendo energia e contraste no celular. */
.form-page{
 --ink:#253e37;--muted:#526c61;--violet:#246a5a;--pink:#aa7853;
 --orange:#c2996d;--mint:#ddf0e6;--blue:#528b80;
 background:#f7f6f1;color:#253f37;
}
.form-page :focus-visible{outline-color:#a87b50}
.form-hero-wrap{
 background:linear-gradient(115deg,#21473f 0%,#2e6e62 49%,#527e72 73%,#a17754 100%);
 color:#fff;
}
.form-hero-wrap:before{border-color:#ffffff16}
.form-hero-wrap:after{background:radial-gradient(circle,#e6e4ce26,transparent 72%)}
.form-page .brand-symbol{
 background:#fbfaf6;color:#2b6255;box-shadow:0 8px 22px #112f2930;
}
.form-page .brand small{color:#e5eee6}
.form-page .brand-spark{color:#d7b58d}
.form-page .nav-link{color:#fff;border-color:#f2e8d18a;background:#ffffff18}
.form-page .nav-link:hover{background:#ffffff33}
.form-page .hero-eyebrow>span:first-child{color:#e2cb9f}
.form-page .hero-copy h1>span{color:#ddf2e1}
.form-page .hero-copy h1>span span{color:#e7bd8b}
.form-page .hero-pills span{background:#ffffff1e;border-color:#f7ebdc60}
.form-page .hero-art-main{
 background:
   repeating-linear-gradient(0deg,transparent 0 28px,#f9faf0b8 28px 37px),
   linear-gradient(125deg,#9bcab8 4%,#5a9787 58%,#a57958 100%);
 border-color:#f5eee0;
 color:#153f38;
 box-shadow:18px 22px 0 #193b3659,0 16px 74px #193b3642;
}
.form-page .hero-art-main>span:last-child{color:#fff}
.form-page .hero-art-heart{color:#975c46}
.form-page .art-sticker{color:#376451;box-shadow:0 12px 26px #193b3640}
.form-page .art-sticker-bottom{background:#e7d3b3;color:#704b31}
.form-page .wave-bottom path{fill:#f7f6f1}
.form-page .survey-topline>div{color:#285b50}
.form-page .topline-sub,.form-page .autosalved{color:#61786d}
.form-page .live-dot{background:#29866a;box-shadow:0 0 0 4px #d8eade}
.form-page .progress-sticky{border-color:#dce8de;box-shadow:0 10px 28px #2e554b16}
.form-page .progress-info{color:#3d6a5c}
.form-page .progress-info strong{color:#236e59}
.form-page .progress-track{background:#e6eee7}
.form-page .progress-fill{background:linear-gradient(90deg,#265e51,#55a38f,#b48a65)}
.form-page .survey-section{border-color:#e3e9df;box-shadow:0 12px 32px #2a49340b}
.form-page .accent-purple{--accent:#916c4e;--soft:#f7efe4}
.form-page .accent-blue{--accent:#347f73;--soft:#e7f4ee}
.form-page .accent-peach{--accent:#b68458;--soft:#f8efe4}
.form-page .accent-green{--accent:#43846d;--soft:#e6f3e9}
.form-page .accent-pink{--accent:#956b50;--soft:#f5ede6}
.form-page .accent-yellow{--accent:#6c9587;--soft:#e7f3ee}
.form-page .section-num span{color:#73877d}
.form-page .section-heading h2{color:#273f37}
.form-page .section-heading p{color:#647a6f}
.form-page .field-label{color:#29473e}
.form-page .required{color:#ad633f}
.form-page .optional{color:#718276}
.form-page .field-label input,.form-page .field-label textarea{
 background:#f9faf7;border-color:#e0e9de;color:#26453b;
}
.form-page .field-label input::placeholder,.form-page .field-label textarea::placeholder{color:#80968a}
.form-page .field-label input:focus,.form-page .field-label textarea:focus{
 border-color:#36816b;box-shadow:0 0 0 4px #468a6f20;
}
.form-page .hint-strip{background:#e9f4ed;color:#2f6454}
.form-page .area-card{border-color:#e0e9e1}
.form-page .area-card.answered{border-color:#c6dfd0;background:linear-gradient(110deg,#fff,#f4faf6)}
.form-page .area-emoji{background:#e6f2ea}
.form-page .area-copy span{color:#728f7f}
.form-page .area-copy strong{color:#2c483d}
.form-page .choice-chip{background:#f6f8f5;color:#516d62;border-color:#dce6dc}
.form-page .choice-chip.selected{background:#ddf0e4;color:#1b684e;border-color:#91c8a7}
.form-page .choice-chip:has(input[value="Não uso"]).selected{background:#f5e9db;color:#784e34;border-color:#cbb094}
.form-page .reason-disclosure{color:#546f63}
.form-page .reason-disclosure summary::marker{color:#a87b53}
.form-page .reason-disclosure summary span{color:#758b7f}
.form-page .reason-disclosure input{background:#fafbf8;border-color:#dde8df;color:#2b4a3d}
.form-page .reason-disclosure input:focus{border-color:#38816d}
.form-page .answer-tile{border-color:#e1e8df;color:#2c483b}
.form-page .answer-tile:hover{box-shadow:0 10px 22px #2d66551a}
.form-page .tile-check{border-color:#c7d7c9}
.form-page .answer-tile:focus-within,.form-page .investment-tile:focus-within,.form-page .choice-chip:focus-within{
 outline:3px solid #39846d99;
}
.form-page .selection-bar{background:#e4f1e8;color:#28684f}
.form-page .selection-bar strong{color:#236e59}
.form-page .other-container{background:#e7f4e9}
.form-page .investment-tile{border-color:#e8e2d9;color:#445445}
.form-page .investment-tile.is-selected{border-color:#a77a55;background:#f8f0e5}
.form-page .investment-icon{background:#f4eadc}
.form-page .pink-strip{background:#f4eee5;color:#725942}
.form-page .submit-panel{
 background:linear-gradient(125deg,#1e554a,#2b7363 62%,#9b714e);
 box-shadow:0 20px 45px #2d58453b;
}
.form-page .submit-kicker{color:#f2d2a3}
.form-page .submit-panel h2 em{color:#d8f0df}
.form-page .submit-panel p{color:#f4f8f4}
.form-page .submit-panel small{color:#f1e8dc}
.form-page .submit-decoration{color:#f0cf9e}
.form-page .send-button{
 background:#f7f7ec;color:#214f42;box-shadow:0 9px 24px #102f283b;
}
.form-page .send-button:hover{background:#e3f0df}
.form-page .send-arrow{background:#285f51;color:#fff}
.form-page .privacy-note{background:#e9f2e9;color:#557165}
.form-page .thank-you .success-icon{background:#e3f4e4;color:#276c58}
.form-page .thank-you h2{color:#2c5244}
.form-page .page-footer{color:#65796c}
/* Testes explícitos: respostas de validação não são a pesquisa definitiva. */
.test-banner{
 background:#f8eddc;color:#65482f;border:1.5px solid #d6ae79;
 border-left:6px solid #a67a4e;border-radius:14px;
 padding:15px 18px;margin:18px 0 22px;
 font-size:13px;line-height:1.65;box-shadow:0 8px 22px #53402e0b;
}
.test-banner strong{letter-spacing:.02em}
.admin-page .test-banner{margin:4px 0 22px}
@media(max-width:520px){
 .form-page .hero-art{display:none}
 .form-page .hero-copy h1{font-size:34px}
 .form-page .survey-section{border-radius:19px}
 .test-banner{font-size:12px;padding:13px 14px}
}
@media(prefers-reduced-motion:reduce){
 .form-page *, .form-page *:before,.form-page *:after{transition:none!important}
}

/* Le Baron v2.6 — assinatura original, cabeçalho móvel compacto e ação de envio. */
.brand .signature-brand-logo{
 display:block;object-fit:contain;object-position:left center;
 width:160px;height:55px;flex:0 0 160px;
 filter:brightness(0) invert(1);
}
.form-page .brand,.admin-page .brand{gap:11px;align-items:center}
.form-page .brand small,.admin-page .brand small{
 display:block;font-size:11px;line-height:1.25;color:#e5eee6;
}
.form-page .topbar-inner{min-height:70px}
.form-page .hero-inner{min-height:305px;padding-top:16px;padding-bottom:62px}
.form-page .hero-eyebrow{margin-bottom:13px}
.form-page .hero-copy h1{font-size:clamp(35px,4.6vw,53px);line-height:1.08;margin-bottom:13px}
.form-page .hero-copy p{font-size:14px;line-height:1.5;margin-bottom:12px}
.form-page .hero-pills span{padding:7px 10px}
.form-page .wave-bottom{height:42px}
.form-page .optional-contact-fields{
 display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;
}
.form-page .contact-privacy{
 font-size:12px;color:#526f61;line-height:1.5;
 background:#edf4eb;border-radius:11px;padding:11px 14px;margin:14px 0 0;
}
.form-page .optional-contact-fields input{min-height:50px}
.form-page .send-button{
 background:linear-gradient(105deg,#f6d993 0%,#e8ad4b 100%);
 color:#143d33;
 font-size:17px;letter-spacing:.005em;
 min-height:68px;border:2px solid #fff8d9;
 box-shadow:0 7px 0 #875e32,0 15px 32px #0e302d73;
 transition:transform .17s,box-shadow .17s,filter .17s;
}
.form-page .send-button:hover{
 background:linear-gradient(105deg,#ffe5aa,#f6bd60);
 filter:saturate(1.12);transform:translateY(-2px);
 box-shadow:0 9px 0 #875e32,0 18px 34px #0e302d70;
}
.form-page .send-button:active{
 transform:translateY(4px);box-shadow:0 3px 0 #875e32,0 7px 15px #0e302d70;
}
.form-page .send-arrow{
 background:#1c5d4e;color:#fff;width:43px;height:43px;
 font-size:25px;border-radius:12px;box-shadow:0 4px 11px #18473c39;
}
.admin-page .topbar-inner{min-height:68px}
.admin-page .brand .signature-brand-logo{width:151px;height:53px;flex-basis:151px}
@media(max-width:720px){
 .form-page .topbar-inner{min-height:62px;padding-inline:18px}
 .form-page .brand .signature-brand-logo{width:126px;height:43px;flex-basis:126px}
 .form-page .brand small{font-size:10px}
 .form-page .hero-inner{min-height:0;padding:6px 20px 44px}
 .form-page .hero-eyebrow{margin-bottom:9px}
 .form-page .hero-copy h1{font-size:clamp(31px,8vw,40px);margin-bottom:10px;line-height:1.09}
 .form-page .hero-copy p{font-size:12.7px;line-height:1.48;margin-bottom:12px}
 .form-page .hero-pills{gap:6px}
 .form-page .hero-pills span{font-size:10px;padding:6px 9px}
 .form-page .wave-bottom{height:27px}
 .form-page .optional-contact-fields{grid-template-columns:1fr;gap:14px}
 .form-page .send-button{font-size:16px;min-height:66px}
 .admin-page .brand .signature-brand-logo{width:124px;height:44px;flex-basis:124px}
}
@media(max-width:420px){
 .form-page .brand .signature-brand-logo{width:111px;height:40px;flex-basis:111px}
 .form-page .brand{gap:5px}
 .form-page .brand small{font-size:9px;letter-spacing:0}
 .form-page .topbar .nav-link{font-size:9.5px;padding:9px 8px}
 .form-page .hero-inner{padding:4px 19px 37px}
 .form-page .hero-copy h1{font-size:31px}
 .form-page .hero-copy p{font-size:12.4px}
 .form-page .hero-pills span{font-size:9.6px;padding:5px 7px}
 .form-page .send-button{font-size:15.5px}
 .admin-page .brand .signature-brand-logo{width:113px;height:41px;flex-basis:113px}
}
@media(prefers-reduced-motion:reduce){.form-page .send-button{transition:none}}