/* Customer-facing Mimi chat */
.canova-chat-widget { position:fixed; right:22px; bottom:22px; z-index:850; font-family:inherit; }
.canova-chat-window[hidden] { display:none; }
.canova-chat-launcher { display:flex; align-items:center; gap:9px; min-height:58px; padding:8px 17px 8px 10px; border:2px solid var(--gold); border-radius:32px; background:var(--gold); color:#111318; box-shadow:0 9px 28px rgba(0,0,0,.32); cursor:pointer; font:inherit; font-weight:900; letter-spacing:.08em; transition:transform .18s ease, box-shadow .18s ease; }
.canova-chat-launcher:hover, .canova-chat-launcher:focus-visible { transform:translateY(-2px); box-shadow:0 13px 34px rgba(0,0,0,.42); }
.canova-chat-launcher:focus-visible, .canova-chat-close:focus-visible, .canova-chat-send:focus-visible { outline:3px solid #8fc6ec; outline-offset:3px; }
.canova-chat-mimi { display:grid; place-items:center; width:40px; height:40px; border-radius:50%; background:#111318; overflow:hidden; }
.canova-chat-mimi img, .canova-chat-header-mimi img { width:100%; height:100%; object-fit:contain; display:block; }
.canova-chat-help { font-size:15px; }
.canova-chat-window { position:absolute; right:0; bottom:70px; display:flex; flex-direction:column; width:370px; max-width:calc(100vw - 24px); height:min(590px, calc(100vh - 105px)); min-height:360px; overflow:hidden; border:1px solid var(--border); border-radius:16px; background:var(--panel); box-shadow:0 20px 60px rgba(0,0,0,.46); }
.canova-chat-header { display:flex; align-items:center; justify-content:space-between; padding:14px 16px; background:#0c0e12; border-bottom:1px solid var(--border); }
.canova-chat-title { display:flex; align-items:center; gap:10px; color:var(--stone); }
.canova-chat-title strong, .canova-chat-title small { display:block; }
.canova-chat-title strong { color:var(--gold-2); font-size:16px; }
.canova-chat-title small { margin-top:2px; color:var(--muted); font-size:11px; font-weight:500; }
.canova-chat-header-mimi { display:grid; place-items:center; width:33px; height:33px; border-radius:50%; background:var(--gold); color:#111318; font-size:21px; }
.canova-chat-close { width:30px; height:30px; border:0; background:transparent; color:var(--muted); cursor:pointer; font-size:25px; line-height:1; }
.canova-chat-notice { padding:10px 15px; color:var(--muted); background:rgba(47,155,227,.08); border-bottom:1px solid rgba(47,155,227,.2); font-size:12px; line-height:1.4; }
.canova-chat-quick { display:flex;flex:0 0 auto;gap:6px;min-height:44px;padding:8px 10px;overflow-x:auto;overflow-y:hidden;background:#12151b;border-top:1px solid var(--border);scrollbar-width:thin; }
.canova-chat-quick[hidden] { display:none; }
.canova-chat-quick button { flex:0 0 auto;min-height:28px;padding:6px 9px;border:1px solid var(--border);border-radius:999px;background:#20252e;color:var(--stone);font:inherit;font-size:10px;font-weight:750;line-height:1.2;cursor:pointer; }
.canova-chat-quick button:hover { border-color:var(--gold);color:var(--gold-2); }
.canova-chat-start { padding:15px; background:rgba(47,155,227,.07); border-bottom:1px solid rgba(47,155,227,.2); }
.canova-chat-start p { margin:0 0 10px; color:var(--stone); font-size:12px; line-height:1.45; }
.canova-chat-start small { display:block; margin-top:7px; color:var(--muted); font-size:10px; line-height:1.35; }
.canova-chat-start-form { display:flex; gap:7px; }
.canova-chat-start-form input { min-width:0; flex:1; height:38px; padding:8px 10px; border:1px solid var(--border); border-radius:8px; background:#1a1d24; color:var(--text); font:inherit; font-size:12px; }
.canova-chat-start-form input:focus { outline:none; border-color:var(--blue); box-shadow:0 0 0 3px rgba(47,155,227,.15); }
.canova-chat-start-button { flex:0 0 auto; padding:0 11px; border:1px solid var(--gold); border-radius:8px; background:var(--gold); color:#111318; cursor:pointer; font:inherit; font-size:11px; font-weight:800; }
.canova-chat-start-button:disabled { opacity:.55; cursor:not-allowed; }
.canova-chat-messages { flex:1 1 auto; min-height:0; overflow-y:auto; padding:15px 13px 10px; scroll-behavior:smooth; }
.canova-chat-message { display:flex; margin:0 0 11px; }
.canova-chat-message.customer { justify-content:flex-end; }
.canova-chat-bubble { max-width:88%; padding:9px 11px; border-radius:13px 13px 13px 4px; background:#252a34; color:var(--stone); font-size:13px; line-height:1.45; overflow-wrap:anywhere; }
.canova-chat-message.customer .canova-chat-bubble { border-radius:13px 13px 4px 13px; background:var(--blue); color:#fff; }
.canova-chat-message.admin .canova-chat-bubble { border-left:3px solid var(--gold); }
.canova-chat-sender { margin:0 0 3px; color:var(--gold-2); font-size:10px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
.canova-chat-message.customer .canova-chat-sender { color:#d9efff; text-align:right; }
.canova-chat-bubble a { color:#9ed5ff; text-decoration:underline; }
.canova-chat-body { white-space:pre-line; }
.canova-chat-message.customer .canova-chat-bubble a { color:#fff; }
.canova-chat-time { margin-top:4px; color:rgba(255,255,255,.52); font-size:9px; }
.canova-chat-product { display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:8px;padding:7px;border:1px solid var(--border);border-radius:9px;background:#171a20;cursor:pointer;transition:border-color .15s ease,transform .15s ease; }
.canova-chat-product:hover { border-color:var(--gold);transform:translateY(-1px); }
.canova-chat-product-image { width:48px;height:48px;border-radius:7px;overflow:hidden;background:#fff; }
.canova-chat-product-image img { width:100%;height:100%;object-fit:contain;display:block; }
.canova-chat-product-info { min-width:0;display:flex;flex-direction:column;gap:2px; }
.canova-chat-product-info a { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none; }
.canova-chat-product-info strong { font-size:11px;color:var(--stone); }
.canova-chat-product-info span { font-size:9px;color:var(--muted); }
.canova-chat-product-add { min-width:42px;padding:7px 8px;border:0;border-radius:7px;background:var(--gold);color:#111318;font:inherit;font-size:10px;font-weight:850;cursor:pointer; }
.canova-chat-product-add:disabled { opacity:.65; }
.canova-chat-typing, .canova-chat-status { min-height:18px; padding:0 14px 6px; color:var(--muted); font-size:11px; }
.canova-chat-status:empty { display:none; }
.canova-chat-status { color:#8fc6ec; }
.canova-chat-restart { align-self:center; margin:0 12px 9px; padding:7px 11px; border:1px solid var(--gold); border-radius:8px; background:transparent; color:var(--gold-2); cursor:pointer; font:inherit; font-size:11px; font-weight:800; }
.canova-chat-restart:hover, .canova-chat-restart:focus-visible { background:rgba(212,161,51,.12); }
.canova-chat-form { display:flex; gap:8px; padding:10px; background:#0c0e12; border-top:1px solid var(--border); }
.canova-chat-form input, .canova-chat-form textarea { min-width:0; flex:1; height:40px; padding:9px 11px; border:1px solid var(--border); border-radius:8px; background:#1a1d24; color:var(--text); font:inherit; font-size:13px; resize:vertical; max-height:92px; }
.canova-chat-form input:focus, .canova-chat-form textarea:focus { outline:none; border-color:var(--blue); box-shadow:0 0 0 3px rgba(47,155,227,.15); }
.canova-chat-send { min-width:58px; border:1px solid var(--gold); border-radius:8px; background:var(--gold); color:#111318; cursor:pointer; font:inherit; font-size:12px; font-weight:800; }
.canova-chat-send:disabled, .canova-chat-form input:disabled, .canova-chat-form textarea:disabled { opacity:.55; cursor:not-allowed; }
.canova-chat-compose-meta { padding:0 12px 4px; color:#727987; background:#0c0e12; font-size:9px; text-align:right; }
.canova-chat-bubble p { margin:0 0 7px; }
.canova-chat-bubble p:last-child { margin-bottom:0; }
.canova-chat-bubble ul { margin:0 0 7px; padding-left:18px; }
.canova-chat-bubble li { margin:0 0 4px; }
.canova-chat-bubble li:last-child { margin-bottom:0; }
.canova-chat-fine { margin:0; padding:0 12px 10px; color:#727987; background:#0c0e12; font-size:9px; line-height:1.35; text-align:center; }
@media (max-width:600px) {
  .canova-chat-widget { right:12px; bottom:12px; }
  .canova-chat-window { right:-2px; bottom:69px; width:calc(100vw - 24px); height:min(610px, calc(100vh - 92px)); max-height:calc(100vh - 92px); min-height:0; }
  @supports (height: 100dvh) {
    .canova-chat-window { height:min(610px, calc(100dvh - 92px)); max-height:calc(100dvh - 92px); }
  }
  .canova-chat-start-form input, .canova-chat-form input, .canova-chat-form textarea { font-size:16px; }
  .canova-chat-launcher { min-height:53px; padding-right:14px; }
}
@media (prefers-reduced-motion:reduce) { .canova-chat-launcher { transition:none; } .canova-chat-messages { scroll-behavior:auto; } }