/* HOUSE HELP CENTER — shared drop-in (help-center.js + this file).
   One pattern on every surface: corner button -> Help Center panel
   (message-the-house form + honest FAQ). House style: black panel,
   white ink, Town-green accent; the ant renders WHITE on BLACK with a
   clean outline (owner brand rule). Light surfaces flip via
   [data-help-theme="light"] on the root; default follows the host. */
.hh-root{position:fixed;right:16px;bottom:var(--hh-offset,24px);z-index:2147483000;
  font-family:inherit;color:#f4f7f4;-webkit-tap-highlight-color:transparent}
.hh-root *{box-sizing:border-box}
.hh-btn{width:56px;height:56px;border-radius:50%;border:2px solid #fff;
  background:#050807;cursor:pointer;display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 22px rgba(0,0,0,.45);padding:0;position:relative}
.hh-btn:hover{transform:translateY(-1px)}
.hh-btn:focus-visible{outline:3px solid #3ddc4e;outline-offset:2px}
.hh-btn svg{width:34px;height:34px;display:block}
.hh-btn .hh-dot{position:absolute;top:2px;right:2px;width:12px;height:12px;border-radius:50%;
  background:#3ddc4e;border:2px solid #050807}
.hh-panel{position:absolute;right:0;bottom:70px;width:min(360px,calc(100vw - 24px));
  max-height:min(620px,calc(100dvh - 120px));overflow:auto;background:#0a0f0b;color:#f4f7f4;
  border:1px solid rgba(255,255,255,.16);border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.55);
  padding:16px 16px 14px}
.hh-panel[hidden]{display:none}
.hh-head{display:flex;align-items:flex-start;gap:10px;margin-bottom:4px}
.hh-head h2{font-size:18px;line-height:1.2;margin:0;font-weight:800;letter-spacing:.2px}
.hh-head p{margin:2px 0 0;font-size:12.5px;color:#cfe3d2}
.hh-x{margin-left:auto;background:transparent;border:1px solid rgba(255,255,255,.25);color:#fff;
  width:30px;height:30px;border-radius:10px;cursor:pointer;font-size:15px;line-height:1;flex:none}
.hh-sec-t{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  color:#3ddc4e;margin:14px 0 8px}
.hh-panel label{display:block;font-size:12.5px;font-weight:700;margin:10px 0 4px;color:#e8f2e9}
.hh-panel select,.hh-panel input,.hh-panel textarea{width:100%;background:#10160f;color:#fff;
  border:1px solid rgba(255,255,255,.28);border-radius:12px;padding:10px 11px;font-size:14px;font-family:inherit}
.hh-panel textarea{min-height:96px;resize:vertical}
.hh-panel select:focus,.hh-panel input:focus,.hh-panel textarea:focus{outline:2px solid #3ddc4e;outline-offset:1px}
.hh-send{margin-top:12px;width:100%;background:#3ddc4e;color:#04150a;border:0;border-radius:12px;
  padding:12px;font-size:15px;font-weight:800;cursor:pointer}
.hh-send:disabled{opacity:.55;cursor:wait}
.hh-note{font-size:12px;color:#cfe3d2;margin:8px 0 0;line-height:1.45}
.hh-status{font-size:13.5px;line-height:1.5;border-radius:12px;padding:10px 12px;margin-top:12px}
.hh-status.ok{background:rgba(61,220,78,.14);border:1px solid rgba(61,220,78,.55)}
.hh-status.err{background:rgba(255,120,90,.13);border:1px solid rgba(255,120,90,.55)}
.hh-status a{color:#8df0a0;font-weight:700}
.hh-faq details{border-top:1px solid rgba(255,255,255,.13);padding:9px 0}
.hh-faq summary{cursor:pointer;font-size:14px;font-weight:700;line-height:1.35}
.hh-faq p{font-size:13.5px;line-height:1.55;color:#e6efe7;margin:6px 0 2px}
.hh-alt{margin-top:14px;width:100%;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35);
  border-radius:12px;padding:10px;font-size:13.5px;font-weight:700;cursor:pointer}
.hh-signin{background:rgba(255,255,255,.06);border:1px dashed rgba(255,255,255,.3);
  border-radius:12px;padding:11px 12px;font-size:13.5px;line-height:1.5;margin-top:10px}
.hh-signin a{color:#8df0a0;font-weight:700}
html.hh-behind-login .hh-root{display:none!important}
@media (max-width:480px){.hh-panel{bottom:66px}}
@media (prefers-reduced-motion:reduce){.hh-btn:hover{transform:none}}
