.support-open-button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid rgba(145,161,154,.42);border-radius:13px;background:rgba(255,255,255,.58);color:#64746e}
.support-open-button:hover{background:#fff;border-color:#aabbb4;color:#315f56}
.support-open-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.support-panel[hidden]{display:none}
.support-panel{position:fixed;z-index:90;right:18px;bottom:18px;width:min(320px,calc(100vw - 24px));max-height:min(360px,60dvh);display:flex;flex-direction:column;padding:25px 8px 8px;background:rgba(251,250,246,.98);border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 22px rgba(38,51,59,.09);overflow:hidden}
.support-close{position:absolute;top:2px;right:4px;padding:0;width:22px;height:22px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:18px;line-height:1}
.support-close:hover{color:var(--ink)}
.support-messages{flex:0 1 auto;min-height:0;overflow:auto;margin-bottom:8px;display:flex;flex-direction:column;gap:7px;overscroll-behavior:contain}
.support-messages:empty{display:none}
.support-message{padding:9px 10px;border-radius:9px;background:#fff;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.support-message p{margin:0;white-space:pre-wrap}
.support-message-user{background:rgba(221,239,231,.65);align-self:flex-end;max-width:94%}
.support-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.support-links a{font-size:12px;text-underline-offset:3px;color:#315f56}
.support-status{margin:0 3px 7px;font-size:12px;color:var(--muted)}.support-status[hidden]{display:none}.support-status.is-error{color:#a64038}
.support-form{flex-shrink:0}.support-form textarea{display:block;width:100%;height:38px;min-height:38px;max-height:88px;padding:8px 10px;resize:none;border:1px solid var(--line);border-radius:9px;font-size:13px;line-height:20px;background:#fff}
.support-form textarea:focus{border-color:#a8bcb3;box-shadow:0 0 0 2px rgba(134,171,159,.09)}
.support-panel button:focus-visible,.support-open-button:focus-visible,.support-panel a:focus-visible{outline:2px solid var(--mint-strong);outline-offset:2px}
@media(max-width:600px){.support-panel{right:12px;bottom:max(12px,env(safe-area-inset-bottom));max-height:min(340px,55dvh)}.support-form textarea{font-size:16px}}
@media(max-width:380px){.brand{font-size:14px;gap:6px}.brand-mark,.topbar-actions .help-link,.topbar-actions .account-link{width:32px;height:32px}.brand-logo{width:32px;height:32px}}

@media(max-width:380px){.topbar-actions .support-open-button{width:32px;height:32px}}
