/* Inloggningspanelen: dator = modal, mobil (≤760px) = bottenark. Färger/typsnitt ur temats tokens. */
.hgauth[hidden]{display:none}
.hgauth{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:16px}
.hgauth__bd{position:absolute;inset:0;background:rgba(17,19,21,.55)}
.hgauth__sheet{position:relative;width:min(440px,100%);max-height:calc(100dvh - 32px);overflow:auto;background:var(--card);color:var(--ink);border-radius:14px;padding:26px 24px 24px;box-shadow:0 24px 70px rgba(0,0,0,.35);outline:none}
.hgauth h2{font:800 22px/1.15 var(--display);margin:0 36px 14px 0}
.hgauth__x{position:absolute;top:10px;right:10px;width:44px;height:44px;border:0;background:none;border-radius:50%;display:grid;place-items:center}
.hgauth__x svg{width:20px;height:20px;fill:none;stroke:var(--ink);stroke-width:1.8}
.hgauth__tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:0 0 16px}
.hgauth__tabs button{flex:1;min-height:44px;border:0;background:none;font:600 15px var(--body);color:var(--mut);border-bottom:2px solid transparent}
.hgauth__tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--ink)}
.hgauth__form p{margin:0 0 12px}
.hgauth__form label{display:block;font:600 13px var(--body);margin:0 0 5px}
.hgauth__form input[type=text],.hgauth__form input[type=password],.hgauth__form input[type=email],.hgauth__form input[type=tel],.hgauth__form select{width:100%;min-height:46px;padding:0 14px;border:1px solid #c9ced4;border-radius:10px;font:500 16px var(--body);background:#fff;color:var(--ink)}
.hgauth__form input:focus,.hgauth__form select:focus{outline:2px solid var(--ink);outline-offset:1px}
.hgauth__form input[readonly]{background:#f3f4f6;color:var(--mut)}
.hgauth__row{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.hgauth__row a{font-size:13.5px}
.hgauth__form label.hgauth__chk{display:inline-flex;gap:8px;align-items:center;margin:0;font-weight:500}
.hgauth__chk input{width:20px;height:20px}
.hgauth__go{width:100%;min-height:48px;border-radius:999px;font:600 15px var(--body);cursor:pointer}
.hgauth__go:disabled{opacity:.6;cursor:wait}
.hgauth__hint{font-size:13.5px;color:var(--mut)}
.hgauth__hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.hgauth__msg{margin:0 0 14px;padding:11px 14px;border:1px solid var(--line);border-left:3px solid var(--red);border-radius:8px;font-size:14px;background:#fff}
.hgauth__msg.is-ok{border-left-color:var(--ink)}
.hgauth__msg p{margin:0 0 4px}.hgauth__msg p:last-child{margin:0}
.hgauth__done h3{font:800 18px var(--display);margin:0 0 8px}
.hg-bv-status{display:block}
html.hgauth-open,html.hgauth-open body{overflow:hidden}
.cd.is-hit{outline:2px solid var(--ink);outline-offset:3px;transition:outline-color .6s}
@media (max-width:760px){
  .hgauth{place-items:end center;padding:0}
  .hgauth__sheet{width:100%;max-height:92dvh;border-radius:16px 16px 0 0;padding-bottom:max(24px,env(safe-area-inset-bottom))}
}