.clai-root{--clai-consent-offset:0px;--clai-ink:#06100b;--clai-panel:#0a1710;--clai-panel2:#143321;--clai-green:#21c45d;--clai-green2:#9bdd45;--clai-text:#f7fbf8;--clai-muted:#becbc2;--clai-border:rgba(155,221,69,.32);position:relative;z-index:10020}
.clai-launcher,.clai-nudge,.clai-close,.clai-minimize,.clai-media-trigger{-webkit-appearance:none;appearance:none}
.clai-hide-legacy .cl-widget-stack,.clai-hide-legacy .cl-widget-panel[data-cl-panel="whatsapp"],.clai-hide-legacy .cl-widget-panel[data-cl-panel="media"]{display:none!important}
.clai-toggle{position:fixed!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;overflow:hidden!important}

/* Pyöreä AI-kuvake korvaa aiemman leveän launcher-laatikon. */
.clai-launcher{position:fixed;right:18px;bottom:20px;z-index:10020;display:grid;place-items:center;width:62px;height:62px;padding:0;border:1px solid var(--clai-green2);border-radius:50%;background:radial-gradient(circle at 35% 28%,#173f2a 0,#0a1710 58%,#06100b 100%);color:var(--clai-green2);box-shadow:0 16px 44px rgba(0,0,0,.38),0 0 0 5px rgba(33,196,93,.08);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,bottom .18s ease;color:inherit}
.clai-launcher:hover{transform:translateY(-2px) scale(1.035);box-shadow:0 20px 50px rgba(0,0,0,.42),0 0 0 7px rgba(33,196,93,.11)}
.clai-launcher:focus-visible,.clai-nudge:focus-visible,.clai-panel button:focus-visible,.clai-panel a:focus-visible,.clai-panel textarea:focus-visible{outline:3px solid #fff;outline-offset:3px}
.clai-launcher-icon{display:grid;place-items:center;width:43px;height:43px;color:var(--clai-green2)}
.clai-launcher-icon svg{display:block;width:100%;height:100%}
.clai-launcher::after{content:"AI 24/7";position:absolute;right:-12px;bottom:-2px;display:grid;place-items:center;min-width:50px;height:23px;padding:0 7px;border:2px solid #07110d;border-radius:999px;background:var(--clai-green);color:#06100b;font:900 11px/1 system-ui,sans-serif;letter-spacing:.025em;white-space:nowrap}


/* 0.3.19: one calm attention pulse whenever the helper invitation appears. */
@keyframes claiLauncherAttention{
  0%{transform:scale(1);box-shadow:0 16px 44px rgba(0,0,0,.38),0 0 0 5px rgba(33,196,93,.08)}
  38%{transform:scale(1.055);box-shadow:0 18px 48px rgba(0,0,0,.42),0 0 0 10px rgba(33,196,93,.16),0 0 28px rgba(33,196,93,.24)}
  72%{transform:scale(.992);box-shadow:0 16px 44px rgba(0,0,0,.38),0 0 0 7px rgba(33,196,93,.10)}
  100%{transform:scale(1);box-shadow:0 16px 44px rgba(0,0,0,.38),0 0 0 5px rgba(33,196,93,.08)}
}
@keyframes claiNudgeAttention{
  0%{transform:translateY(5px) scale(.985);box-shadow:0 10px 28px rgba(0,0,0,.14)}
  42%{transform:translateY(-2px) scale(1.025);box-shadow:0 16px 38px rgba(0,0,0,.21),0 0 0 5px rgba(33,196,93,.12)}
  100%{transform:none;box-shadow:0 12px 34px rgba(0,0,0,.18)}
}
@keyframes claiLauncherAttentionAlt{0%{transform:scale(1);box-shadow:0 16px 44px rgba(0,0,0,.38),0 0 0 5px rgba(33,196,93,.08)}38%{transform:scale(1.055);box-shadow:0 18px 48px rgba(0,0,0,.42),0 0 0 10px rgba(33,196,93,.16),0 0 28px rgba(33,196,93,.24)}72%{transform:scale(.992);box-shadow:0 16px 44px rgba(0,0,0,.38),0 0 0 7px rgba(33,196,93,.10)}100%{transform:scale(1);box-shadow:0 16px 44px rgba(0,0,0,.38),0 0 0 5px rgba(33,196,93,.08)}}
@keyframes claiNudgeAttentionAlt{0%{transform:translateY(5px) scale(.985);box-shadow:0 10px 28px rgba(0,0,0,.14)}42%{transform:translateY(-2px) scale(1.025);box-shadow:0 16px 38px rgba(0,0,0,.21),0 0 0 5px rgba(33,196,93,.12)}100%{transform:none;box-shadow:0 12px 34px rgba(0,0,0,.18)}}
.clai-root.clai-attention-a .clai-launcher{animation:claiLauncherAttention 1.35s ease-out 1}
.clai-root.clai-attention-a .clai-nudge{animation:claiNudgeAttention 1.35s ease-out 1}
.clai-root.clai-attention-b .clai-launcher{animation:claiLauncherAttentionAlt 1.35s ease-out 1}
.clai-root.clai-attention-b .clai-nudge{animation:claiNudgeAttentionAlt 1.35s ease-out 1}

/* 0.3.16: lyhyt, ajastettu info-kupla. AI-painike jää aina näkyviin. */
.clai-nudge{position:fixed;right:16px;bottom:96px;z-index:10019;box-sizing:border-box;width:240px;padding:13px 15px;border:1px solid #e2e6e3;border-radius:16px;background:#fff;color:#202522;box-shadow:0 12px 34px rgba(0,0,0,.18);cursor:pointer;opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .18s ease,transform .18s ease,bottom .18s ease}
.clai-nudge::after{content:"";position:absolute;right:25px;bottom:-9px;width:16px;height:16px;border-right:1px solid #e2e6e3;border-bottom:1px solid #e2e6e3;background:#fff;transform:rotate(45deg)}
.clai-nudge strong,.clai-nudge span{position:relative;z-index:1;display:block}
.clai-nudge strong{font:800 16px/1.25 system-ui,sans-serif;color:#1b1f1c}
.clai-nudge span{margin-top:4px;font:600 13px/1.35 system-ui,sans-serif;color:#4e5751}
.clai-nudge:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(0,0,0,.22)}
.clai-root.clai-intro-opened .clai-nudge,.clai-root.clai-nudge-hidden .clai-nudge,.clai-toggle:checked ~ .clai-nudge{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(4px)!important}

.clai-panel{display:none;position:fixed;right:18px;bottom:calc(96px + var(--clai-consent-offset,0px));z-index:10021;width:min(430px,calc(100vw - 28px));max-height:min(720px,calc(100dvh - 116px));overflow:hidden;border:1px solid var(--clai-border);border-radius:24px;background:linear-gradient(155deg,var(--clai-panel),var(--clai-panel2));color:var(--clai-text);box-shadow:0 28px 90px rgba(0,0,0,.46)}
.clai-toggle:checked ~ .clai-panel,.clai-panel.is-open{display:flex;flex-direction:column}
.clai-header{display:flex;align-items:center;gap:12px;padding:16px 16px 14px;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.12)}
.clai-avatar{display:grid;place-items:center;flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:rgba(33,196,93,.12);border:1px solid rgba(155,221,69,.35);color:var(--clai-green2)}
.clai-avatar svg{width:27px;height:27px}
.clai-header-copy{min-width:0;display:grid;grid-template-columns:max-content max-content;grid-template-areas:"name availability" "subtitle subtitle";column-gap:8px;align-items:center}.clai-header strong{grid-area:name;font-size:16px;line-height:1.15}.clai-header-availability{grid-area:availability;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:4px 8px;border:1px solid rgba(155,221,69,.55);border-radius:999px;background:rgba(155,221,69,.12);color:#dfffaf;font:900 12px/1 system-ui,sans-serif;letter-spacing:.01em;white-space:nowrap}.clai-header-subtitle{grid-area:subtitle;margin-top:5px;color:var(--clai-muted);font:600 11.5px/1.3 system-ui,sans-serif}
.clai-close{margin-left:auto;display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.09);color:#fff;font-size:24px;line-height:1;cursor:pointer;user-select:none}
.clai-body{display:flex;min-height:0;flex:1;flex-direction:column;padding:14px}
.clai-messages{min-height:160px;max-height:350px;overflow:auto;padding:2px 2px 10px;scrollbar-width:thin}
.clai-message{display:flex;flex-direction:column;margin:8px 0}.clai-message-user{align-items:flex-end}.clai-message-assistant{align-items:flex-start}
.clai-help-card{margin:2px 0 10px;padding:9px 11px;border:1px solid rgba(155,221,69,.24);border-radius:12px;background:rgba(155,221,69,.055);color:#eaf4ec;font:600 12px/1.4 system-ui,sans-serif}.clai-help-card summary{cursor:pointer;color:var(--clai-green2);font-weight:850}.clai-help-card div{padding-top:7px;color:#d6e5da}
.clai-bubble{max-width:88%;padding:11px 13px;border-radius:16px;white-space:pre-wrap;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.clai-message-assistant .clai-bubble{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.08);color:#fff;border-bottom-left-radius:6px}.clai-message-user .clai-bubble{background:var(--clai-green);color:#06100b;font-weight:700;border-bottom-right-radius:6px}
.clai-handoff-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.clai-handoff-actions button,.clai-handoff-actions a{border:1px solid var(--clai-border);border-radius:999px;background:rgba(255,255,255,.07);color:#fff;padding:8px 10px;text-decoration:none;font-size:12px;font-weight:800;cursor:pointer}
.clai-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}.clai-form textarea{box-sizing:border-box;width:100%;min-height:48px;max-height:120px;padding:11px 12px;border:1px solid rgba(255,255,255,.22);border-radius:14px;background:#fff;color:#07110d;font:500 16px/1.35 Arial,sans-serif;resize:vertical}.clai-form button{min-height:48px;padding:0 15px;border:0;border-radius:14px;background:var(--clai-green);color:#06100b;font-weight:900;cursor:pointer}.clai-form button:disabled{opacity:.65;cursor:wait}
.clai-enter-hint{display:none;margin:5px 2px 0;color:#c9d6cc;font:600 10px/1.3 system-ui,sans-serif}.clai-privacy{margin:7px 2px 10px;color:#aebdb2;font-size:11px;line-height:1.35}
.clai-media-toggle{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;overflow:hidden!important}
.clai-contact-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}.clai-contact-row a,.clai-media-trigger{display:flex;align-items:center;justify-content:center;min-height:38px;padding:7px;border:1px solid var(--clai-border);border-radius:10px;background:rgba(0,0,0,.15);color:#fff;text-align:center;text-decoration:none;font:800 11px/1.15 system-ui;cursor:pointer;box-sizing:border-box}.clai-contact-row a:hover,.clai-media-trigger:hover{background:rgba(155,221,69,.10)}
.clai-media-panel{display:none;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px;padding:10px;border-radius:13px;background:rgba(0,0,0,.18)}.clai-media-toggle:checked ~ .clai-media-panel{display:grid}.clai-media-toggle:checked ~ .clai-contact-row .clai-media-trigger{background:rgba(155,221,69,.14);border-color:var(--clai-green2)}.clai-media-panel a{padding:9px 10px;border:1px solid rgba(255,255,255,.12);border-radius:9px;color:#fff;text-decoration:none;font-size:12px;font-weight:700}
.clai-conversation-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin:0 2px 10px}
.clai-minimize,.clai-end-chat{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 11px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:transparent;color:#d7e2da;font:800 11px/1.2 system-ui,sans-serif;cursor:pointer;box-sizing:border-box}
.clai-minimize{gap:5px;user-select:none}.clai-minimize span{font-size:17px;line-height:.8;transform:translateY(-1px)}
.clai-minimize:hover,.clai-end-chat:hover{border-color:var(--clai-green2);color:#fff;background:rgba(155,221,69,.08)}
.clai-minimize:focus-visible{outline:3px solid #fff;outline-offset:3px}

.clai-root.clai-consent-active .clai-launcher,.clai-root.clai-consent-active .clai-panel,.clai-root.clai-consent-active .clai-nudge{transition:bottom .18s ease,opacity .18s ease,transform .18s ease}
.clai-root.clai-consent-active .clai-launcher{bottom:calc(20px + var(--clai-consent-offset,0px))}
.clai-root.clai-consent-active .clai-nudge{bottom:calc(96px + var(--clai-consent-offset,0px))}

@media(max-width:767px){
  .clai-header{gap:10px;padding:13px 12px 12px}.clai-avatar{width:36px;height:36px}.clai-avatar svg{width:24px;height:24px}.clai-header-copy{column-gap:6px}.clai-header strong{font-size:15px}.clai-header-availability{padding:3px 6px;font-size:10.5px}.clai-header-subtitle{margin-top:4px;font-size:10px;line-height:1.25}
  .clai-conversation-controls{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:7px}.clai-minimize,.clai-end-chat{width:100%;min-height:38px}
  .clai-launcher{right:10px;bottom:calc(10px + env(safe-area-inset-bottom) + var(--clai-consent-offset,0px));width:56px;height:56px}
  .clai-launcher-icon{width:38px;height:38px}.clai-launcher::after{right:-8px;bottom:-2px;min-width:42px;height:20px;padding:0 5px;font-size:8.5px}
  .clai-nudge{right:10px;bottom:calc(78px + env(safe-area-inset-bottom) + var(--clai-consent-offset,0px));width:min(245px,calc(100vw - 20px));padding:11px 13px;border-radius:14px}
  .clai-nudge::after{right:19px}.clai-nudge strong{font-size:14px}.clai-nudge span{font-size:12px}
  .clai-panel{right:8px;bottom:calc(74px + env(safe-area-inset-bottom) + var(--clai-consent-offset,0px));width:calc(100vw - 16px);max-height:calc(100dvh - 92px);border-radius:20px}
  .clai-body{padding:12px}.clai-messages{max-height:42dvh}.clai-bubble{max-width:92%;font-size:14px}.clai-contact-row{grid-template-columns:repeat(2,1fr)}.clai-form{grid-template-columns:1fr}.clai-form button{min-height:44px}.clai-media-panel{grid-template-columns:1fr}
}
@media(max-width:430px){.clai-nudge{width:min(230px,calc(100vw - 20px))}}
@media(prefers-reduced-motion:reduce){.clai-launcher,.clai-nudge{transition:none!important;animation:none!important}}

@media(min-width:768px){.clai-enter-hint{display:block}}

/* Native offer anchor remains usable even when the chat script is delayed. */
:root{--clai-offer-offset:112px}
body.admin-bar{--clai-offer-offset:144px}
#clai-tarjouslomake.clai-offer-anchor{display:block;height:0;margin:0;padding:0;border:0;scroll-margin-top:var(--clai-offer-offset,112px)}
@media(max-width:782px){body.admin-bar{--clai-offer-offset:158px}}

/* 0.3.12: scoped handoff and customer-reviewed drafts. */
.clai-root [hidden]{display:none!important}
.clai-context-actions{max-width:100%}
.clai-context-actions a,.clai-context-actions button{white-space:normal;text-align:left;line-height:1.35;min-height:40px;max-width:100%;overflow-wrap:anywhere}
.clai-context-actions a:hover,.clai-context-actions button:hover{border-color:var(--clai-green2);background:rgba(155,221,69,.14)}
.clai-channel-label{margin:10px 0 0;color:var(--clai-muted);font:700 12px/1.4 system-ui,sans-serif}
.clai-native-contact{margin:8px 0;max-width:100%;color:#fff;font:500 13px/1.45 system-ui,sans-serif}
.clai-native-contact summary{cursor:pointer;color:var(--clai-green2);font-weight:800}
.clai-contact-view{padding:16px;overflow:auto;min-height:0;overscroll-behavior:contain;color:var(--clai-text);font:500 14px/1.45 system-ui,sans-serif}
.clai-contact-view h3{margin:13px 0 8px;color:#fff;font:850 21px/1.2 system-ui,sans-serif}
.clai-contact-view h3:focus{outline:none}
.clai-contact-view .clai-contact-explainer{margin:0 0 14px;color:#e1ece5;font-size:13px}
.clai-contact-view label{display:block;margin:0 0 6px;font-weight:800;font-size:13px;color:#fff}
.clai-contact-view textarea{display:block;box-sizing:border-box;width:100%;min-height:126px;max-height:240px;padding:12px;border:1px solid #adbbb2;border-radius:12px;background:#fff;color:#15271b;font:500 16px/1.4 system-ui,sans-serif;resize:vertical}
.clai-contact-view .clai-contact-note{margin:8px 0 12px;color:#cbdad0;font-size:12px;line-height:1.5}
.clai-contact-channels{display:grid;gap:8px}
.clai-contact-channels a{display:flex;justify-content:center;align-items:center;box-sizing:border-box;min-height:44px;padding:10px 12px;border:1px solid var(--clai-green2);border-radius:11px;background:rgba(155,221,69,.08);color:#fff;text-align:center;text-decoration:none;font:800 13px/1.4 system-ui,sans-serif}
.clai-contact-channels a:first-child{background:var(--clai-green);color:#06100b}
.clai-contact-channels a:hover{filter:brightness(1.12)}
.clai-contact-back,.clai-copy-row button{padding:8px 10px;min-height:36px;border:1px solid rgba(255,255,255,.28);border-radius:9px;background:transparent;color:#e7f3eb;cursor:pointer;font:700 12px/1.4 system-ui,sans-serif}
.clai-copy-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.clai-copy-row a{color:#d3e7db;font-size:12px;text-decoration:underline}
.clai-contact-status{margin:10px 0 0;color:#e8f7d0;font-size:12px;line-height:1.5}
.clai-contact-status:empty{display:none}
.clai-panel.clai-contact-mode{max-height:min(720px,calc(100dvh - 116px - var(--clai-consent-offset,0px)))}
.clai-draft-review{box-sizing:border-box;clear:both;grid-column:1/-1;display:block!important;width:100%;margin:0 0 22px!important;padding:18px!important;border:2px solid #21c45d!important;border-radius:14px;background:#eff9f1!important;color:#12351e!important;font:500 14px/1.5 system-ui,sans-serif}
.clai-draft-review h3{margin:0 0 8px!important;color:#12351e!important;font:800 19px/1.25 system-ui,sans-serif!important}
.clai-draft-review p,.clai-draft-review label{color:#23482e!important;font:500 13px/1.5 system-ui,sans-serif!important;margin:8px 0!important}
.clai-draft-review label{display:block!important;font-weight:800!important}
.clai-draft-review textarea{display:block!important;box-sizing:border-box!important;width:100%!important;min-height:100px!important;padding:10px!important;border:1px solid #85ac91!important;border-radius:8px!important;background:#fff!important;color:#12351e!important;font:500 16px/1.45 system-ui,sans-serif!important}
.clai-draft-review>div{display:flex!important;flex-wrap:wrap;gap:8px;margin-top:10px}
.clai-draft-review button{width:auto!important;min-height:42px!important;padding:9px 12px!important;border:1px solid #176232!important;border-radius:8px!important;background:#176232!important;color:#fff!important;cursor:pointer;font:750 13px/1.4 system-ui,sans-serif!important}
.clai-draft-review button:disabled{opacity:.6;cursor:default}
.clai-draft-review button:focus-visible,.clai-draft-review textarea:focus-visible{outline:3px solid #176232;outline-offset:3px}
@media(max-width:767px){.clai-contact-view{padding:13px}.clai-panel.clai-contact-mode{max-height:calc(100dvh - 92px - var(--clai-consent-offset,0px))}.clai-context-actions a,.clai-context-actions button{min-height:44px}}

/* 0.3.13: accessible, optional journey controls. Existing colors are retained. */
.clai-panel{max-height:min(720px,calc(100dvh - 116px - var(--clai-consent-offset,0px)))}
.clai-header{flex:0 0 auto}
.clai-body{overflow-y:auto;overscroll-behavior:contain}
.clai-messages{flex:1 0 150px;overflow-anchor:none;overscroll-behavior:contain}
.clai-body>form,.clai-body>.clai-contact-row,.clai-body>.clai-conversation-controls{flex-shrink:0}
.clai-activity{flex:0 0 auto;font:500 12px/1.45 system-ui,sans-serif;color:#d9e9de}
.clai-activity>span:not(:empty){display:block;margin:4px 0}
.clai-activity [data-clai-resume]:empty{display:none}
.clai-activity button,.clai-quote-open,.clai-quote-inline{box-sizing:border-box;min-height:38px;padding:8px 11px;margin:5px 0 8px;border:1px solid var(--clai-green2);border-radius:10px;background:rgba(155,221,69,.09);color:#ecf9e4;font:750 12px/1.4 system-ui,sans-serif;cursor:pointer;white-space:normal;text-align:left}
.clai-quote-open{align-self:flex-start;flex-shrink:0;margin-top:4px}
.clai-session-info{margin:0 2px 9px;color:#c3d3c9;font:500 11px/1.4 system-ui,sans-serif;flex:0 0 auto}
.clai-session-info summary{cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.clai-session-info p{margin:6px 0;max-width:100%;color:#d9e9de;font:inherit}
.clai-read-more{display:block;min-height:36px;margin:8px 0 0;padding:7px 9px;border:1px solid var(--clai-green2);border-radius:8px;background:transparent;color:#e5f8dc;font:750 12px/1.4 system-ui,sans-serif;cursor:pointer;white-space:normal}
.clai-panel.clai-quote-mode{max-height:min(720px,calc(100dvh - 116px - var(--clai-consent-offset,0px)))}
.clai-quote-view{overflow:auto;min-height:0;padding:16px;overscroll-behavior:contain;scrollbar-width:thin;color:#f4fbf6;font:500 14px/1.45 system-ui,sans-serif}
.clai-quote-view h3{margin:13px 0 8px;color:#fff;font:850 22px/1.2 system-ui,sans-serif}
.clai-quote-view h3:focus{outline:none}
.clai-quote-view h4{margin:8px 0 12px;color:#fff;font:800 17px/1.35 system-ui,sans-serif}
.clai-quote-intro{margin:0 0 15px;color:#d8e8de;font-size:13px}
.clai-quote-step label{display:block;margin:12px 0 7px;color:#fff;font-weight:800;font-size:16px;line-height:1.4}
.clai-quote-step textarea,.clai-quote-step select{box-sizing:border-box;display:block;width:100%;max-width:100%;min-height:50px;margin:0;padding:11px 12px;border:1px solid #a8c3b2;border-radius:10px;background:#fff;color:#122b1d;font:500 16px/1.45 system-ui,sans-serif;resize:vertical}
.clai-quote-step select option{background:#fff;color:#122b1d}
.clai-quote-step textarea::placeholder{color:#526659;opacity:1}
.clai-quote-step textarea:focus-visible,.clai-quote-step select:focus-visible,.clai-messages:focus-visible,.clai-session-info summary:focus-visible{outline:3px solid var(--clai-green2);outline-offset:3px}
.clai-quote-field-help{margin:9px 0 12px;color:#cbded2;font-size:12px;line-height:1.5}
.clai-quote-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.clai-quote-view button{box-sizing:border-box;min-height:40px;padding:9px 12px;border:1px solid #749e7a;border-radius:9px;background:rgba(255,255,255,.05);color:#f3fbf6;font:750 12px/1.4 system-ui,sans-serif;cursor:pointer;white-space:normal}
.clai-quote-view .clai-quote-primary{background:var(--clai-green);border-color:var(--clai-green);color:#06100b;font-weight:850;min-height:44px}
.clai-quote-direct{display:block;margin-top:16px;width:100%;text-align:center}
.clai-quote-review-now{margin:3px 0}
.clai-quote-status{color:#e4f9c8;font-size:12px;line-height:1.5}
.clai-quote-status:empty{display:none}
.clai-known-facts{padding:10px 12px;border:1px solid rgba(155,221,69,.28);border-radius:10px;color:#deeee1;font-size:12px;line-height:1.5}
.clai-known-facts summary{cursor:pointer;font-weight:750}
.clai-known-facts dl{margin:9px 0 0}
.clai-known-facts dt{margin-top:6px;font-weight:800;color:#eef9e7}
.clai-known-facts dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.clai-quote-summary{margin:0 0 12px}
.clai-quote-summary>div{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;row-gap:4px;align-items:start;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.clai-quote-summary dt{grid-column:1;font:800 12px/1.4 system-ui,sans-serif;color:#c8e2ce}
.clai-quote-summary dd{grid-column:1;margin:0;color:#fff;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}
.clai-quote-summary button{grid-column:2;grid-row:1/span 2;min-height:38px;padding:7px 9px}
@media(max-width:767px){
  .clai-panel,.clai-panel.clai-quote-mode{max-height:calc(100dvh - 92px - var(--clai-consent-offset,0px))}
  .clai-quote-view{padding:13px}
  .clai-quote-view button,.clai-quote-open,.clai-quote-inline,.clai-activity button,.clai-read-more{min-height:44px}
  .clai-messages{min-height:130px;flex-basis:160px}
}
@media(prefers-reduced-motion:reduce){.clai-messages,.clai-body,.clai-quote-view{scroll-behavior:auto!important}}

/* 0.3.19: WhatsApp is the primary human-service handoff. */
.clai-handoff-actions .clai-handoff-whatsapp{display:flex!important;flex-direction:column;align-items:flex-start!important;gap:2px;width:100%;padding:10px 12px!important;border-color:var(--clai-green)!important;background:var(--clai-green)!important;color:#06100b!important;text-align:left!important}
.clai-handoff-whatsapp strong{font:900 13px/1.25 system-ui,sans-serif}.clai-handoff-whatsapp span{font:700 11px/1.35 system-ui,sans-serif;opacity:.82}
.clai-handoff-secondary{display:grid;grid-template-columns:1fr 1fr;gap:7px;width:100%;margin-top:7px}
.clai-handoff-secondary a,.clai-handoff-secondary button{display:flex!important;align-items:center;justify-content:center;min-height:40px!important;text-align:center!important}
.clai-contact-channels .clai-primary-whatsapp{flex-direction:column;gap:2px;min-height:54px;background:var(--clai-green);color:#06100b;border-color:var(--clai-green)}
.clai-primary-whatsapp span{font-weight:900}.clai-primary-whatsapp small{font:700 10.5px/1.25 system-ui,sans-serif;opacity:.82}
@media(max-width:430px){.clai-handoff-secondary{grid-template-columns:1fr}.clai-contact-channels .clai-primary-whatsapp{min-height:58px}}

/* CL MASTER mobile direct call; only visible while the chat launcher is closed */
.clai-mobile-call{display:none}
@media(max-width:767px){.clai-mobile-call{position:fixed;right:82px;bottom:calc(12px + env(safe-area-inset-bottom) + var(--clai-consent-offset,0px));z-index:10020;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;width:54px;height:54px;border:1px solid #9bdd45;border-radius:50%;background:#07180e;color:#9bdd45;text-decoration:none;box-shadow:0 8px 22px rgba(0,0,0,.25);font:700 21px/1 Arial,sans-serif}.clai-mobile-call span{font:700 10px/1.15 Arial,sans-serif}.clai-toggle:checked~.clai-mobile-call{display:none}.clai-mobile-call:focus-visible{outline:3px solid #fff;outline-offset:3px}}