/* Full surfaces for the approved petrol / mint / warm-light treatment.
   Loaded only on the home and contact pages. No content or behaviour changes. */
:root{
 --surface-premium:radial-gradient(ellipse at 100% 0,rgba(199,163,107,.22),transparent 50%),radial-gradient(ellipse at 0 100%,rgba(121,210,198,.13),transparent 58%),linear-gradient(125deg,#071f28,#0d4652 62%,#125751);
 --surface-inset:linear-gradient(135deg,#183f48,#24534f);
 --surface-edge:rgba(199,163,107,.58);
 --surface-depth:inset 0 1px 0 rgba(255,250,242,.22),0 26px 58px -24px rgba(7,31,40,.5);
}
.home-page #assistant .side-panel,
.home-page #assistant .chat-card,
.home-page #contact .contact-card,
body:not(.home-page) .contactbox .method,
body:not(.home-page) main>.content{
 background:var(--surface-premium)!important;
 border:1px solid var(--surface-edge)!important;
 border-radius:32px!important;
 box-shadow:var(--surface-depth)!important;
 color:#ecf5ef;
}
.home-page #assistant .side-panel{padding:32px}
.home-page #assistant .side-panel>.eyebrow{color:#a5e4d8}
.home-page #assistant .side-panel>h2{color:#fffaf2}
.home-page #assistant .side-panel>p,
.home-page #assistant .step-list li{color:#e3efe8!important}
.home-page #assistant .step-list .num{background:#e6c98e!important;color:#102b33;border-color:#f2ddb8}
.home-page #assistant .disclaimer{background:#fff5e6;color:#64401e;border-color:#e6c98e;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.home-page #assistant .chat-top{background:rgba(7,31,40,.38)!important;padding:24px;border-bottom:1px solid var(--surface-edge)}
.home-page #assistant .chat-top strong,.home-page #assistant .chat-top span{color:#fffaf2!important}
.home-page #assistant .chat{background:transparent;color:#ecf5ef;padding:24px}
.home-page #assistant .bubble.bot{background:#e1f1e9!important;color:#183e48;border:1px solid #b8d8cb;box-shadow:0 8px 24px rgba(0,0,0,.10)}
.home-page #assistant .bubble.user{background:linear-gradient(135deg,#e6c98e,#d6b77b);color:#102b33;border:1px solid #efdbb4;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.home-page #assistant .option{background:var(--surface-inset);color:#fffaf2;border:1px solid rgba(165,228,216,.36);box-shadow:inset 0 1px 0 rgba(255,250,242,.10),0 10px 24px -12px rgba(0,0,0,.3);padding:20px;border-radius:20px}
.home-page #assistant .option span{color:#d3e9df!important}
.home-page #assistant .option strong{color:#fffaf2}
.home-page #assistant .option:hover{background:linear-gradient(135deg,#24545c,#326963);border-color:#e6c98e;box-shadow:inset 0 1px 0 rgba(255,250,242,.18),0 12px 28px -12px rgba(0,0,0,.35)}
.home-page #assistant .chat-actions{background:rgba(7,31,40,.45);border-top:1px solid rgba(199,163,107,.35);padding:20px 24px}
.home-page #assistant .chat-actions .btn,
.home-page #assistant .result-actions .btn:not(.primary){background:#234e54!important;color:#fffaf2!important;border:1px solid rgba(165,228,216,.46)!important;box-shadow:inset 0 1px 0 rgba(255,250,242,.10)!important}
.home-page #assistant .chat-actions .btn:hover,
.home-page #assistant .result-actions .btn:not(.primary):hover{background:#326963!important;border-color:#e6c98e!important}
.home-page #assistant .result-card,
.home-page #assistant .questionnaire-card,
.home-page #assistant .consultation-info{
 background:radial-gradient(ellipse at 100% 0,rgba(199,163,107,.18),transparent 52%),linear-gradient(145deg,#0b2e38,#124c50);
 color:#ecf5ef;border:1px solid var(--surface-edge);border-radius:24px;padding:24px;
 box-shadow:inset 0 1px 0 rgba(255,250,242,.15),0 16px 36px -16px rgba(0,0,0,.35);
}
.home-page #assistant :is(.result-card,.questionnaire-card,.consultation-info) h3{color:#fffaf2}
.home-page #assistant :is(.result-card,.questionnaire-card,.consultation-info) p{color:#e3efe8!important}
.home-page #assistant .mini,
.home-page #assistant .consultation-info .info-block,
.home-page #assistant .q-item{background:var(--surface-inset);border:1px solid rgba(165,228,216,.30);border-radius:18px;box-shadow:inset 0 1px 0 rgba(255,250,242,.08)}
.home-page #assistant :is(.mini,.info-block,.q-item) strong{color:#a5e4d8}
.home-page #assistant .mini span{color:#e3efe8!important}
.home-page #assistant .based,.home-page #assistant .q-note{color:#d3e9df!important;border-color:rgba(165,228,216,.30)}
.home-page #assistant .scale button{background:#fffaf2;color:#183e48;border-color:#c7d8cf;min-height:46px;line-height:1.4}
.home-page #assistant .scale button:hover{background:#e1f1e9;border-color:#a5e4d8}
.home-page #assistant .scale button.selected{background:#e6c98e;color:#102b33;border-color:#fff0d1;box-shadow:inset 0 0 0 1px #fff0d1}
.home-page #assistant .q-progress{background:#31545b}
.home-page #assistant .q-progress span{background:linear-gradient(90deg,#79d2c6,#e6c98e)}
.home-page #assistant .q-score{background:#e1f1e9;color:#183e48;border:1px solid #b8d8cb;line-height:1.6}
.home-page #assistant .q-score strong{color:#123e47}
.home-page #contact .contact-card{padding:32px!important}
.home-page #contact .contact-card h3{color:#fffaf2;font-size:25px;letter-spacing:-.5px}
.home-page #contact .contact-method{background:var(--surface-inset);border:1px solid rgba(165,228,216,.3);border-radius:20px;padding:20px;box-shadow:inset 0 1px 0 rgba(255,250,242,.1),0 10px 24px -16px rgba(0,0,0,.3)}
.home-page #contact .contact-method strong{color:#a5e4d8}
.home-page #contact .contact-method span,.home-page #contact .contact-method a{color:#ecf5ef;text-decoration-color:#79d2c6}
.home-page #contact .legal-note{color:#d3e9df!important}
.home-page #contact .field label{color:#ecf5ef!important}
.home-page #contact .field .req{color:#e6c98e}
.home-page #contact :is(input,select,textarea):not([type=checkbox]){background:#fffaf2!important;color:#183e48!important;border:1px solid #c6d6cc!important;box-shadow:inset 0 2px 5px rgba(7,31,40,.04);border-radius:14px;min-height:50px}
.home-page #contact :is(input,textarea)::placeholder{color:#52686b;opacity:1}
.home-page #contact textarea{min-height:118px!important}
.home-page #contact :is(input,select,textarea):focus{outline:3px solid #e6c98e!important;outline-offset:3px;box-shadow:0 0 0 6px rgba(230,201,142,.13)!important}
.home-page #contact :is(input,textarea):user-invalid{border-color:#b35b38!important;outline:2px solid #efb39a;outline-offset:2px}
.home-page #contact .check{color:#e3efe8;gap:12px;line-height:1.6}
.home-page #contact .check span{color:#e3efe8!important}
.home-page #contact input[type=checkbox]{accent-color:#d6b77b;min-width:17px;min-height:17px;margin-top:3px}
.home-page #assistant .result-actions .btn.primary,
.home-page #contact .contact-card .btn.primary,
body:not(.home-page) main>.content .btn.primary{
 background:linear-gradient(135deg,#e6c98e,#c7a36b)!important;color:#102b33!important;
 border:1px solid rgba(255,250,242,.6)!important;box-shadow:0 12px 30px rgba(0,0,0,.18)!important;
}
.home-page #assistant :is(button,a):focus-visible,
body:not(.home-page) :is(.contactbox,.content) a:focus-visible{outline:3px solid #e6c98e;outline-offset:4px}
body:not(.home-page) .contactbox .method{padding:28px;border-radius:24px!important}
body:not(.home-page) .contactbox .method strong{color:#a5e4d8;font-size:18px}
body:not(.home-page) .contactbox .method :is(span,a){color:#ecf5ef;line-height:1.6}
body:not(.home-page) .contactbox .method a{text-decoration:underline;text-decoration-color:#79d2c6;text-underline-offset:4px}
body:not(.home-page) main>.content{padding:36px}
body:not(.home-page) main>.content h2{color:#fffaf2}
body:not(.home-page) main>.content p{color:#e3efe8!important}
body:not(.home-page) main>.content .notice{background:#fff5e6;color:#64401e;border-color:#e6c98e;margin-top:24px}
@media(max-width:640px){
 .home-page #assistant :is(.side-panel,.chat-card),.home-page #contact .contact-card{border-radius:26px!important}
 .home-page #assistant .side-panel,.home-page #contact .contact-card{padding:22px!important}
 .home-page #assistant .chat{padding:16px}
 .home-page #assistant .chat-top,.home-page #assistant .chat-actions{padding:18px 16px}
 .home-page #assistant :is(.result-card,.questionnaire-card,.consultation-info){padding:18px;border-radius:20px}
 .home-page #assistant .option,.home-page #contact .contact-method{padding:16px;border-radius:18px}
 .home-page #assistant .mini{padding:13px}
 .home-page #assistant .result-actions .btn{width:100%;justify-content:center;white-space:normal;text-align:center;line-height:1.4}
 body:not(.home-page) .contactbox .method{padding:22px}
}