.support-launch{position:fixed;right:22px;bottom:28px;z-index:60;border:1px solid #263a37;border-radius:999px;background:#263a37;color:white;display:flex;align-items:center;gap:9px;padding:13px 18px;font:inherit;cursor:pointer;box-shadow:0 5px 22px #263a3722}.support-launch svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6}.support-chat{width:min(440px,calc(100vw - 28px));padding:0;border:1px solid #deddd4;border-radius:18px;background:#fffdf6;color:#263a37;max-height:calc(100dvh - 30px);box-shadow:0 24px 80px #17282033}.support-chat::backdrop{background:#182b2844}.support-chat header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 22px 12px;border-bottom:1px solid #e7e4da}.support-chat h2{font-size:21px;margin:0 0 7px}.support-chat header p,.support-intro{font-size:12px;line-height:1.6;color:#6c7972;margin:0}.support-chat header button{border:0;background:transparent;font-size:26px;color:inherit;cursor:pointer}.support-intro{padding:12px 22px}.support-chat form{padding:10px 22px 20px}.support-chat label{display:block;font-size:13px;margin-top:10px}.support-chat input,.support-chat select,.support-chat textarea{box-sizing:border-box;width:100%;border:1px solid #d8ddd4;border-radius:9px;background:white;color:#263a37;font:inherit;padding:10px;margin-top:5px}.support-chat details summary{font-size:12px;cursor:pointer;color:#657b6d}.support-chat details{max-height:180px;overflow:auto}.support-chat small{display:block;font-size:11px;line-height:1.5;color:#68796e;margin-top:8px}.support-compose-label{font-weight:600}.support-messages{height:260px;overflow-y:auto;padding:6px 20px;overscroll-behavior:contain;scrollbar-gutter:stable}.support-message{max-width:94%;padding:10px 13px;border-radius:12px;background:#f0f2e8;margin:9px 0;color:#263a37}.support-message small{color:#68796e;font-size:11px}.support-message p{margin:6px 0 0;font-size:14px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.support-customer{background:#dce9de;margin-left:auto}.support-human{background:#e4eef6}.support-actions{display:flex;gap:10px;margin-top:10px;justify-content:space-between}.support-actions button{border:1px solid #ccd5cb;border-radius:9px;font:inherit;font-size:13px;padding:10px 15px;background:white;color:#263a37;cursor:pointer}#chat-send{background:#263a37;color:white;border-color:#263a37}.support-chat button:disabled{opacity:.6;cursor:wait}#chat-error{color:#a63730;font-size:12px;padding:0 22px;margin:4px 0}.chat-admin-grid{display:grid;grid-template-columns:minmax(180px,280px) minmax(0,1fr);gap:24px}.chat-ticket{display:block;width:100%;text-align:left;margin:0 0 8px;padding:12px;white-space:normal;background:#fff;color:inherit;border:1px solid #ddd;border-radius:10px;cursor:pointer}.chat-ticket.selected{border-color:#64796d;background:#eef3ed}.chat-ticket span,.chat-ticket small{display:block;overflow-wrap:anywhere;margin-top:5px}.chat-ticket small{font-size:12px;color:#66736b}#chat-admin-form textarea{display:block;box-sizing:border-box;width:100%;font:inherit;padding:12px;margin:8px 0;resize:vertical}#chat-admin-messages{height:390px;border:1px solid #e0e4df;border-radius:12px}#chat-admin-meta{font-size:12px;overflow-wrap:anywhere}#chat-mail-status{font-size:13px}#chat-admin-error{color:#a63730}.support-chat :focus-visible,.support-launch:focus-visible{outline:3px solid #528672;outline-offset:3px}@media(max-width:700px){.support-launch{right:14px;bottom:calc(88px + env(safe-area-inset-bottom));padding:11px 14px}.support-chat{max-height:calc(100dvh - 24px)}.support-messages{height:min(240px,32dvh)}.chat-admin-grid{grid-template-columns:1fr}.chat-ticket{padding:10px}#chat-ticket-list{max-height:260px;overflow:auto}#chat-admin-messages{height:300px}}

/* Storefront support uses the same paper, ink and pop accents as shop.css. */
.support-launch,.support-chat{--support-ink:var(--shop-ink,#080b0f);--support-paper:var(--shop-paper,#fffbed);--support-blue:var(--shop-blue,#065cff);font-family:inherit;color:var(--support-ink)}
.support-launch{background:var(--shop-yellow,#ffe649);border:3px solid var(--support-ink);border-radius:18px;box-shadow:4px 4px 0 var(--support-ink);font-weight:900;font-size:17px;min-height:52px;padding:12px 18px}.support-launch svg{stroke-width:2.5;width:25px;height:25px}
.support-chat{width:min(480px,calc(100vw - 28px));background:var(--support-paper);border:3px solid var(--support-ink);border-radius:22px;box-shadow:7px 7px 0 var(--support-ink);max-height:calc(100dvh - 36px);overflow:auto}.support-chat::backdrop{background:#080b0f66}
.support-chat header{background:var(--shop-yellow,#ffe649);border-bottom:3px solid var(--support-ink);padding:22px 20px 18px;gap:12px}.support-chat h2{font-size:26px;font-weight:900;line-height:1.25;margin:0 0 9px}.support-chat header p{color:var(--support-ink);font-size:13px;font-weight:700}.support-chat header button{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border:2px solid var(--support-ink);border-radius:12px;background:var(--support-paper);box-shadow:3px 3px 0 var(--support-ink);line-height:1;font-weight:900;padding:0}
.support-chat .support-intro{margin:16px 18px 10px;padding:12px 14px;border:2px solid var(--support-ink);border-radius:12px;background:var(--shop-mint,#9bf4c6);color:var(--support-ink);font-size:12px;line-height:1.7}.support-chat .support-messages{height:240px;padding:6px 18px 12px}.support-chat .support-message{border:2px solid var(--support-ink);box-shadow:3px 3px 0 var(--support-ink);background:#fff;max-width:92%;color:var(--support-ink);margin:10px 4px 14px 0;padding:12px;border-radius:14px}.support-chat .support-customer{background:var(--shop-sky,#91ceff);margin-left:auto}.support-chat .support-human{background:var(--shop-mint,#9bf4c6)}.support-chat .support-message small{color:#42464d;font-size:11px;margin-top:0}.support-chat .support-message p{font-size:14px;line-height:1.75;margin-top:8px}.support-chat .support-reply-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px solid #d8d9d5;margin-top:12px;padding-top:10px}.support-chat .support-reply-footer button{border:2px solid var(--support-ink);border-radius:9px;box-shadow:2px 2px 0 var(--support-ink);background:var(--shop-yellow,#ffe649);font:inherit;font-weight:800;font-size:12px;min-height:38px;padding:7px 10px;cursor:pointer}
.support-chat form{border-top:2px solid var(--support-ink);padding:14px 18px 18px;background:var(--support-paper)}.support-chat details summary{color:var(--support-ink);font-size:13px;font-weight:700;min-height:28px}.support-chat label{font-weight:800;color:var(--support-ink)}.support-chat input,.support-chat select,.support-chat textarea{border:2px solid var(--support-ink);border-radius:12px;color:var(--support-ink);font-size:16px;padding:10px}.support-chat textarea{resize:vertical;min-height:76px;max-height:180px}.support-chat form small{color:#42464d}.support-chat .support-actions{gap:14px;margin:12px 3px 14px 0}.support-chat .support-actions button{border:2px solid var(--support-ink);border-radius:12px;box-shadow:3px 3px 0 var(--support-ink);font-size:16px;font-weight:900;min-height:46px;flex:1;background:var(--shop-coral,#ff685f);color:var(--support-ink)}.support-chat #chat-send{background:var(--support-blue);color:#fff;border-color:var(--support-ink)}.support-chat button:active,.support-launch:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--support-ink)}.support-chat :focus-visible,.support-launch:focus-visible{outline:3px solid var(--support-blue);outline-offset:4px}.support-chat #chat-error:empty{display:none}
@media(max-width:700px){.support-launch{font-size:15px;border-width:2px;border-radius:14px}.support-chat{border-width:2px;border-radius:18px;max-height:calc(100dvh - 28px);box-shadow:4px 4px 0 var(--support-ink)}.support-chat header{padding:16px 14px 14px;border-bottom-width:2px}.support-chat h2{font-size:23px}.support-chat .support-intro{margin:12px 12px 6px;padding:9px 11px}.support-chat .support-messages{height:min(220px,27dvh);padding:5px 12px 10px}.support-chat form{padding:12px}.support-chat textarea{height:76px}.support-chat .support-actions button{font-size:15px}.support-chat .support-message{max-width:95%}}
.support-chat[open]{display:flex;flex-direction:column;height:min(760px,calc(100dvh - 36px))}.support-chat header,.support-chat .support-intro,.support-chat form{flex-shrink:0}.support-chat .support-messages{flex:1;min-height:90px;height:auto}.support-chat form{overflow:auto;max-height:55dvh}
@media(max-width:700px){.support-chat[open]{height:min(760px,calc(100dvh - 28px))}.support-chat .support-messages{height:auto}}