/* Full-page layout. The underlying chat styles are copied from support_ai.php. */
@font-face {font-family:'Open Sans Hebrew';font-style:normal;font-weight:400;font-display:swap;src:url('./fonts/OpenSansHebrew-Regular.woff2') format('woff2')}
@font-face {font-family:'Open Sans Hebrew';font-style:normal;font-weight:700;font-display:swap;src:url('./fonts/OpenSansHebrew-Bold.woff2') format('woff2')}
@font-face {font-family:'Open Sans Hebrew';font-style:normal;font-weight:800;font-display:swap;src:url('./fonts/OpenSansHebrew-ExtraBold.woff2') format('woff2')}
html, body {margin:0; height:100%; background:#e9ebef; color:#1f2933; font-family:Arial,sans-serif}
body {display:flex; justify-content:center}
.ai-support-root {--ai-support-top-menu:0px; --ai-support-bottom-menu:0px; max-width:960px!important; height:100dvh!important; margin:0!important; box-shadow:0 0 35px #16203910}
[hidden], .ai-support-root [hidden] {display:none!important}
h1 {margin:0; font-size:25px; letter-spacing:2px; color:#3b3f51}
.planner-badge {background:#fff1f1; border:1px solid #f4d3d3; border-radius:30px; padding:7px 11px; font-size:12px; white-space:nowrap}
.planner-form {width:min(100%,350px); text-align:right; display:grid; gap:8px}
.planner-form label {font-size:14px; font-weight:bold; margin-top:8px}
.planner-form input {width:100%; padding:13px; background:white; border:1px solid #d7dce4; border-radius:12px; font:inherit; color:#1f2933}
.planner-form input:focus, button:focus-visible, a:focus-visible {outline:2px solid #ed7777; outline-offset:3px}
.planner-form .planner-privacy {font-size:12px!important; margin:8px 0!important}
.ai-support-message-text {white-space:pre-wrap!important}
.ai-support-message a {color:inherit; text-decoration:underline}
#status {margin:0; padding:0 20px; background:#fff; color:#8b4141; font-size:14px; line-height:1.6}
#status:not(:empty) {padding:10px 20px}
button:disabled {opacity:.5; cursor:wait}
footer {text-align:center; padding:8px 10px max(8px,env(safe-area-inset-bottom)); background:white; font-size:11px; color:#697586}
footer a {color:#697586}
.sr-only {position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0)}
.planner-logo {display:block; width:180px; height:auto; max-width:100%}
.planner-head-actions {display:flex; align-items:center; gap:10px; flex-wrap:wrap; justify-content:flex-end}
.planner-intro-layout {display:grid; grid-template-columns:minmax(0,1fr) minmax(270px,350px); align-items:center; gap:35px; width:100%; max-width:820px; margin-top:20px}
.planner-intro-image {width:100%; height:auto; display:block}
#phone {direction:ltr!important; text-align:left}
.planner-message-time {display:block; font-size:11px; opacity:.72; margin-top:7px; text-align:left; line-height:1.3; font-variant-numeric:tabular-nums}
.planner-loading .ai-support-message-text {display:flex; gap:9px; align-items:center}
.planner-spinner {display:inline-block; width:16px; height:16px; border:2px solid #eadbdb; border-top-color:#ed7777; border-radius:50%; animation:planner-spin .8s linear infinite; flex-shrink:0}
@keyframes planner-spin {to {transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce) {.planner-spinner {animation:none}}
.planner-failed .ai-support-message {outline:1px solid #ed7777}
.planner-message-state {font-size:11px; margin-top:6px}
#resetDialog {max-width:min(440px,90vw); border:1px solid #e5e8ed; border-radius:20px; padding:24px; color:#1f2933; line-height:1.7}
#resetDialog::backdrop {background:#1f293366}
#resetDialog h2 {font-size:21px; margin-top:0}
#resetDialog div {display:flex; gap:10px; flex-wrap:wrap}
#resetDialog button {border:0; padding:11px 15px; border-radius:10px; font:inherit; cursor:pointer}
#confirmReset {background:#3b3f51; color:white}
@media(max-width:600px) {.planner-logo {width:140px} .planner-head-actions {width:100%;justify-content:space-between} .planner-intro-layout {grid-template-columns:1fr;gap:12px;margin-top:0;justify-items:center} .planner-intro-image {max-width:230px} .ai-support-empty h2 {font-size:22px;margin:10px 0}}
@media(max-width:600px) {.planner-badge {font-size:10px;padding:5px 7px} .ai-support-chat-head {padding:14px!important} .ai-support-chat-title-wrap p {font-size:12px!important} .ai-support-empty {padding:20px 10px!important}}

/* Public planner typography: match the readable Hebrew of the original wizard.
   Scoped overrides leave the shared authenticated support stylesheet intact. */
html, body, .ai-support-root, #resetDialog {
    font-family:'Open Sans Hebrew',Arial,sans-serif;
    font-size:18px; line-height:1.65; color:#3b3f51;
}
button, input, textarea, select {font-family:inherit}
.ai-support-root .ai-support-empty {color:#3b3f51!important; justify-content:flex-start!important; padding:28px 18px!important}
.ai-support-root .ai-support-empty h2 {font-size:34px; font-weight:800; line-height:1.3; color:#3b3f51; margin:0 0 16px}
.ai-support-root .ai-support-empty > p {font-size:20px!important; font-weight:700; color:#3b3f51!important; line-height:1.65!important; max-width:650px!important}
.ai-support-root .ai-support-chat-title-wrap p {font-size:16px!important; line-height:1.5!important; color:#505568!important}
.planner-form {max-width:100%; gap:10px}
.planner-form label {font-size:18px; font-weight:700; color:#3b3f51}
.planner-form input {font-size:18px; line-height:1.5; min-height:54px}
.planner-form input::placeholder {color:#656979; opacity:1}
.ai-support-root .planner-form .planner-privacy {font-size:14px!important; line-height:1.6!important; color:#505568!important}
.ai-support-root .planner-form .ai-support-new-ticket-btn {font-family:inherit!important; font-size:20px!important; font-weight:800!important; line-height:1.5!important; min-height:54px; padding:12px 18px!important}
.ai-support-root .ai-support-message {font-size:18px!important; line-height:1.8!important}
.ai-support-root .ai-support-composer textarea {font-size:18px!important; line-height:1.6!important}
.planner-badge, .ai-support-root .ai-support-top-btn {font-size:14px!important; font-weight:700!important}
.planner-message-time {font-size:12px; opacity:.85}
.planner-message-state {font-size:14px}
#status {font-size:16px}
footer {font-size:13px; line-height:1.6}
#resetDialog h2 {font-size:25px; font-weight:800}
@media(max-width:600px) {
    .ai-support-root .ai-support-empty {padding:20px 4px!important}
    .ai-support-root .ai-support-empty h2 {font-size:30px; margin:0 0 14px}
    .ai-support-root .ai-support-empty > p {font-size:19px!important}
    .planner-intro-image {max-width:280px}
    .planner-intro-layout {gap:20px}
    .planner-form {width:100%; max-width:390px}
    .ai-support-root .ai-support-chat-title-wrap p {font-size:15px!important}
}

/* Quotations remain in the normal scrollable transcript. */
.planner-quotation-row .ai-support-message {background:#fff!important; border:1px solid #e3e5ea}
.ai-support-message .planner-pdf-button {display:flex; align-items:center; justify-content:center; gap:14px; background:#c93442; color:#fff; padding:17px 22px; border-radius:14px; text-decoration:none; font-weight:800; line-height:1.5; min-height:58px; box-shadow:0 5px 14px #c9344226; white-space:normal}
.ai-support-message .planner-pdf-button:hover {background:#ae2534}
.planner-pdf-icon {display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; width:39px; height:48px; border:2px solid currentColor; border-radius:4px 11px 4px 4px; font-size:12px; letter-spacing:.5px; direction:ltr}
.ai-support-root .ai-support-messages .planner-apps-row .ai-support-message {background:#262936!important; color:#fff!important}
.ai-support-message .planner-app-button {display:inline-flex; justify-content:center; margin:14px 0 0 10px; padding:11px 18px; border:1px solid #ffffff66; border-radius:10px; color:#fff; text-decoration:none; font-weight:700; white-space:normal}
.planner-confirm-quote {display:block; margin-top:16px; background:#c93442; color:#fff; padding:13px 18px; border:0; border-radius:12px; font:inherit; cursor:pointer}
@media(max-width:600px) {.ai-support-message .planner-pdf-button {padding:14px; font-size:17px} .ai-support-message .planner-app-button {display:flex; margin-left:0}}

.ai-support-message a.planner-action-button {display:flex; align-items:center; justify-content:center; min-height:48px; margin:12px 0; padding:12px 18px; border-radius:12px; background:#c93442; color:#fff; font:inherit; font-weight:700; line-height:1.5; text-align:center; text-decoration:none; white-space:normal}
.ai-support-message a.planner-action-button:hover {background:#ae2534}
.ai-support-message a.planner-action-button:focus-visible {outline:3px solid #3b3f51; outline-offset:3px}
/* Follow the device theme, including live changes while the chat is open. */
:root {color-scheme:light dark}
@media (prefers-color-scheme:dark) {
    html, body {background:#101114; color:#eef3f8}
    .ai-support-root {color:#eef3f8; box-shadow:0 0 35px #0005; scrollbar-color:#536071 #17171a}
    .ai-support-root .ai-support-empty,
    .ai-support-root .ai-support-empty h2,
    .ai-support-root .ai-support-empty > p,
    .planner-form label {color:#eef3f8!important}
    .ai-support-root .ai-support-chat-title-wrap p,
    .ai-support-root .planner-form .planner-privacy {color:#b9c5d5!important}
    .planner-form input {background:#1b1d21; color:#eef3f8; border-color:#536071; caret-color:#ff999f}
    .planner-form input::placeholder,
    .ai-support-root .ai-support-composer textarea::placeholder {color:#aebaca; opacity:1}
    .planner-form input:autofill {box-shadow:0 0 0 1000px #222529 inset; -webkit-text-fill-color:#eef3f8}
    .planner-badge {background:#3a2429; border-color:#795058; color:#ffc2c7}
    /* Keep the original logo colors readable without altering the brand image. */
    .planner-logo {background:#fff; border-radius:9px; padding:8px 10px}
    #status {background:#222529; color:#ffb4bb}
    footer {background:#222529; color:#b9c5d5; border-top:1px solid #2c3540}
    footer a {color:#d6deea}
    .planner-message-time {opacity:1; color:#bbc8d8}
    .ai-support-root .ai-support-message-row.ai-support-sender-customer .ai-support-message {background:#344b65!important; border-color:#536b87!important; color:#fff!important}
    .ai-support-sender-customer .planner-message-time {color:#d2deec}
    .planner-spinner {border-color:#5b4349; border-top-color:#ff999f}
    .ai-support-root .ai-support-messages .planner-quotation-row .ai-support-message {background:#222529!important; border-color:#485361; color:#eef3f8!important}
    .ai-support-root .ai-support-messages .planner-apps-row .ai-support-message {background:#242b38!important; border:1px solid #485361}
    .ai-support-root .planner-form .ai-support-new-ticket-btn,
    .ai-support-root .ai-support-send-btn {background:#b92c3b!important; color:#fff!important}
    .ai-support-root .planner-form .ai-support-new-ticket-btn:hover,
    .ai-support-root .ai-support-send-btn:hover {background:#a12130!important}
    .ai-support-message a.planner-action-button:focus-visible,
    .planner-form input:focus, button:focus-visible, a:focus-visible {outline:3px solid #ffafb6; outline-offset:3px}
    #resetDialog {background:#222529; border-color:#536071; color:#eef3f8}
    #resetDialog::backdrop {background:#000a}
    #cancelReset {background:#34404e; color:#eef3f8}
    #confirmReset {background:#b92c3b; color:#fff}
}