.help-fab,.help-modal{display:none!important}
.ai-help-fab{position:fixed;right:20px;bottom:20px;z-index:2147483600;border:0;border-radius:999px;padding:.8rem 1.2rem;background:#f6b54a;color:#352000;font:800 .96rem "Assistant",system-ui,sans-serif;cursor:pointer;box-shadow:0 14px 38px -12px rgba(246,181,74,.8)}
.ai-help-fab:hover{transform:translateY(-2px)}.ai-help-modal{position:fixed;inset:0;z-index:2147483601;display:none;pointer-events:none;font-family:"Assistant",system-ui,sans-serif;color:#28203d}
.ai-help-modal.open{display:block}
.ai-help-modal.minimized{display:none}
.ai-help-sheet{position:fixed;top:auto;bottom:20px;right:20px;left:auto;width:min(420px,calc(100vw - 32px));max-height:min(78vh,640px);display:flex;flex-direction:column;overflow:hidden;pointer-events:auto;background:#fff;border-radius:20px;box-shadow:0 30px 80px -24px rgba(0,0,0,.7),0 0 0 1px rgba(0,0,0,.05);text-align:right;direction:rtl;transition:transform .18s ease, opacity .18s ease}.ai-help-head{display:flex;gap:10px;align-items:flex-start;padding:16px 18px;border-bottom:1px solid #eee8df;cursor:grab;touch-action:none}
.ai-help-head:active{cursor:grabbing}.ai-help-orb{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:14px;background:#1b1249;color:#f6b54a;font-size:1.25rem}.ai-help-head h2{margin:0;font-size:1.35rem;color:#21183c}.ai-help-head p{margin:3px 0 0;color:#716884;font-size:.88rem}.ai-help-x{border:0;background:transparent;color:#716884;font-size:1.55rem;line-height:1;cursor:pointer;padding:0 4px}
.ai-help-min{margin-inline-start:auto;border:0;background:transparent;color:#716884;font-size:1.7rem;line-height:1;cursor:pointer;padding:0 4px}
.ai-help-min:hover,.ai-help-x:hover{color:#28203d}.ai-help-body{padding:16px 18px 18px;overflow:auto;flex:1}.ai-help-step[hidden]{display:none}
.ai-help-label{display:block;font-weight:800;font-size:.9rem;margin-bottom:7px}.ai-help-text{display:block;width:100%;min-height:124px;resize:vertical;border:1px solid #ddd4c8;border-radius:14px;padding:12px 14px;color:#28203d;background:#fff;font:500 1rem "Assistant",system-ui,sans-serif;line-height:1.45}.ai-help-text:focus{outline:3px solid rgba(246,181,74,.32);border-color:#f6b54a}.ai-help-context{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;color:#716884;font-size:.76rem}.ai-help-chip{padding:4px 9px;border-radius:999px;background:#f6f1e8}.ai-help-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.ai-help-btn{border:0;border-radius:999px;padding:.68rem 1.15rem;background:#f6b54a;color:#352000;font:800 .94rem "Assistant",system-ui,sans-serif;cursor:pointer}.ai-help-btn.secondary{background:#f6f1e8;color:#302746;border:1px solid #e4dccf}
.ai-help-thinking{display:flex;align-items:center;gap:12px;padding:18px;border-radius:15px;background:#f8f5ff;color:#3f3560}.ai-help-dots{letter-spacing:3px;animation:aiPulse 1s infinite alternate}@keyframes aiPulse{to{opacity:.35}}.ai-help-card{border:1px solid #e5ddd2;border-radius:16px;overflow:hidden}.ai-help-card-top{padding:15px 16px;background:#f8f5ff;border-bottom:1px solid #e5ddd2}.ai-help-status{display:inline-block;padding:3px 8px;border-radius:999px;background:#e8f6eb;color:#24723b;font-size:.74rem;font-weight:800}.ai-help-card h3{margin:8px 0 3px;font-size:1.08rem}.ai-help-card p{margin:0;color:#655c77;font-size:.9rem;line-height:1.45}.ai-help-plan{padding:14px 16px}.ai-help-plan strong{display:block;margin-bottom:5px}.ai-help-plan ul{margin:0;padding-right:19px;color:#4f465f;font-size:.88rem;line-height:1.65}.ai-help-note{margin-top:12px;padding:10px 12px;border-radius:11px;background:#fff8e7;color:#745414;font-size:.8rem}.ai-help-note.safe{background:#edf8ef;color:#246536}.ai-help-history{margin-top:17px;border-top:1px solid #eee8df;padding-top:14px}.ai-help-history summary{cursor:pointer;font-weight:800}.ai-help-log{margin:10px 0 0;padding:0;list-style:none}.ai-help-log li{padding:8px 0;border-bottom:1px solid #f0ebe4;font-size:.8rem;color:#655c77}
html.ai-font-large{font-size:112%!important}html.ai-high-contrast{filter:contrast(1.12)}@media(max-width:600px){.ai-help-fab{right:12px;bottom:12px}.ai-help-sheet{right:8px;left:8px;bottom:8px;width:auto;max-height:82vh;border-radius:18px}}
.ai-help-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.ai-help-tab{flex:1 1 calc(50% - 8px);border:1px solid #e4dccf;background:#f6f1e8;color:#302746;border-radius:12px;padding:.55rem;font:800 .9rem "Assistant",system-ui,sans-serif;cursor:pointer}
.ai-help-tab.on{background:#1b1249;color:#f6b54a;border-color:#1b1249}
.ai-help-chat{display:flex;flex-direction:column;height:min(420px,58vh)}
.ai-chat-log{flex:1;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:4px 2px}
.ai-chat-msg{max-width:82%;padding:.6rem .8rem;border-radius:14px;font-size:.94rem;line-height:1.5;word-wrap:break-word}
/* LOGICAL radii, not physical. The squared corner is the bubble's tail and has
   to sit on the speaker's OWN edge. .ai-chat-log is direction:rtl and
   flex-direction:column, so align-self resolves on the INLINE axis: flex-start
   is the RIGHT edge and flex-end is the LEFT. border-bottom-left/right-radius
   are physical, so in RTL both notches landed on the far side of their bubble —
   the bot sat 2px from the right edge with its corner cut on the left, and vice
   versa for the visitor. border-*-*-radius follows the writing mode, so this is
   correct in RTL and would stay correct if the sheet were ever LTR. */
.ai-chat-msg.bot{align-self:flex-start;background:#f4f1fb;color:#28203d;border-end-start-radius:4px}
.ai-chat-msg.me{align-self:flex-end;background:#f6b54a;color:#352000;border-end-end-radius:4px}
.ai-chat-msg.typing{opacity:.55;letter-spacing:2px}
.ai-help-chatbar{display:flex;gap:8px;margin-top:10px;border-top:1px solid #eee8df;padding-top:10px}
.ai-help-chatbar textarea{flex:1;resize:none;max-height:120px;border:1px solid #ddd4c8;border-radius:12px;padding:.6rem .8rem;font:500 1rem "Assistant",system-ui,sans-serif;color:#28203d;background:#fff}
.ai-help-chatbar textarea:focus{outline:3px solid rgba(246,181,74,.32);border-color:#f6b54a}
.ai-report-fab{position:fixed;right:20px;bottom:76px;z-index:2147483599;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:.66rem 1rem;background:#1b1249;color:#fff;font:800 .88rem "Assistant",system-ui,sans-serif;cursor:pointer;box-shadow:0 12px 32px -14px #000}.ai-report-fab:hover{color:#f6b54a;border-color:#f6b54a}.ai-report-status{min-height:20px;margin-top:10px;font-size:.84rem;color:#655c77}.ai-report-status.ok{color:#24723b}.ai-report-status.bad{color:#a23a28}@media(max-width:600px){.ai-report-fab{right:12px;bottom:70px}}


/* ---- "דברו איתנו" contact panel ---- */
.ai-contact-cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;box-sizing:border-box;padding:.95rem 1.1rem;border-radius:14px;text-decoration:none;font:800 1.02rem "Assistant",system-ui,sans-serif;transition:.15s}
.ai-contact-cta.wa{background:#25d366;color:#04310f}
.ai-contact-cta.wa:hover{background:#1fbe5b}
.ai-contact-cta.mail{background:#f6b54a;color:#352000}
.ai-contact-cta.mail:hover{filter:brightness(.97)}
.ai-contact-alt{margin:11px 0 0;text-align:center;color:#716884;font-size:.86rem;line-height:1.5}
.ai-contact-alt a{color:#302746;font-weight:800;text-decoration:underline}
.ai-contact-alt a:hover{color:#c9821f}

/* ---- card menu layout (replaces the tab row) ---- */
.ai-help-tabs{display:none!important}
.ai-help-backbar{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:.45rem 1.05rem;margin:0 0 14px;border:1px solid #e7e0d5;border-radius:999px;background:#fff;color:#302746;font:800 .92rem "Assistant",system-ui,sans-serif;cursor:pointer;box-shadow:0 1px 2px rgba(20,12,50,.04);transition:.14s}
.ai-help-backbar:hover{border-color:#f6b54a;color:#a9701a;background:#fffaf1}
.ai-help-backbar:focus-visible{outline:3px solid rgba(246,181,74,.45);outline-offset:2px}
.ai-back-arrow{font-size:1.25rem;line-height:1}
.ai-menu-title{margin:0 0 14px;font:800 1.12rem "Assistant",system-ui,sans-serif;color:#241d3a}
.ai-menu-list{display:flex;flex-direction:column;gap:11px}
.ai-menu-card{display:flex;align-items:center;gap:13px;width:100%;box-sizing:border-box;text-align:start;padding:14px 15px;border:1px solid #e7e0d5;border-radius:16px;background:#fff;cursor:pointer;font-family:inherit;transition:.14s;box-shadow:0 1px 2px rgba(20,12,50,.04)}
.ai-menu-card:hover{border-color:#f6b54a;box-shadow:0 8px 22px -12px rgba(20,12,50,.28);transform:translateY(-1px)}
.ai-menu-card:focus-visible{outline:3px solid rgba(246,181,74,.45);outline-offset:2px}
.ai-menu-ico{flex:0 0 44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;background:#f4f1ea}
.ai-menu-ico.blue{background:#e9eefc}
.ai-menu-ico.amber{background:#fdf0e0}
.ai-menu-ico.green{background:#e8f6ea}
.ai-menu-ico.teal{background:#e2f4f2}
.ai-menu-ico.grey{background:#eeecf2}
.ai-menu-txt{flex:1;min-width:0}
.ai-menu-txt b{display:block;font:800 1rem "Assistant",system-ui,sans-serif;color:#241d3a;margin-bottom:2px}
.ai-menu-txt small{display:block;color:#6f6684;font-size:.82rem;line-height:1.45}
.ai-menu-arrow{flex:0 0 auto;color:#b3aac4;font-size:1.35rem;line-height:1}
.ai-menu-card:hover .ai-menu-arrow{color:#f6b54a}

/* The HTML `hidden` attribute hides via the UA stylesheet's display:none,
   which ANY author display rule beats. .ai-menu-card sets display:flex and
   .ai-help-backbar sets inline-flex, so both stayed visible while "hidden" —
   the back button showed on the menu, and the staff-only quick-fix card
   showed to customers. This makes `hidden` authoritative helper-wide, so it
   also can't recur for anything added later. */
.ai-help-modal [hidden]{display:none!important}