/* Help and support (help.js): the helper, the chat with the team, the corner button and the admin support inbox. */
.hp-grid{display:grid;gap:18px;align-items:start}
@media (min-width:960px){.hp-grid{grid-template-columns:minmax(0,1fr) 340px}}
.hp-chat{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#FFFFFF;height:min(640px,calc(100vh - 230px));min-height:460px}
.hp-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);background:#FFFFFF}
.hp-tab{display:flex;align-items:center;justify-content:center;gap:8px;border:0;background:none;padding:14px 10px;font:600 14.5px var(--f-body);color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px}
.hp-tab[aria-selected="true"]{color:var(--blue);border-bottom-color:var(--blue)}
.hp-tab em{font-style:normal;background:var(--danger);color:#FFFFFF;border-radius:999px;font-size:11.5px;padding:1px 7px;font-weight:700}
.hp-body{gap:10px}
.hp-bot{display:flex;gap:8px;align-items:flex-end;max-width:88%}
.hp-bot .bub{max-width:none}
.hp-av{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#FFFFFF;font:700 11.5px var(--f-body)}
.hp-av-team{background:var(--ink)}
.hp-who{font-size:12px;color:var(--blue-d)}
.bub.me .hp-who{color:#FFFFFF;opacity:.85}
.hp-chips,.hp-topics{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.hp-topics{margin:0 0 8px}
.hp-chip{border:1px solid var(--line);background:var(--soft);color:var(--ink);border-radius:999px;padding:7px 12px;font:500 13px var(--f-body);text-align:left}
.hp-chip:hover{border-color:var(--blue);color:var(--blue)}
.hp-chip[aria-pressed="true"]{background:var(--blue);border-color:var(--blue);color:#FFFFFF}
.hp-acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.hp-acts .btn{background:#FFFFFF}
.hp-intro{display:flex;gap:10px;align-items:flex-start;background:#FFFFFF;border:1px solid var(--line);border-radius:14px;padding:12px 14px;color:var(--blue)}
.hp-intro div{display:grid;gap:2px;color:var(--ink)}
.hp-intro span{color:var(--muted);font-size:13.5px}
.hp-solved,.hp-wait{align-self:center;font-size:13px;color:var(--muted);display:flex;align-items:center;gap:6px;text-align:center}
.hp-solved{color:var(--ok)}
.hp-send{border-top:1px solid var(--line);padding:12px 12px 0}
.hp-send .th-send{border-top:0;padding:0 0 12px}
.hp-guest{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}
.hp-guest input{min-width:0;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit}
.th-send textarea{flex:1;min-width:0;border:1px solid var(--line);border-radius:10px;padding:11px 14px;font:inherit;resize:none;line-height:1.4;max-height:140px}
.th-send textarea:focus,.hp-guest input:focus{border-color:var(--blue);outline:none}
.hp-side{display:grid;gap:14px}
.hp-card h2{font-size:17px;margin:0 0 4px}
.hp-card p{margin:0 0 12px;font-size:14px}
.hp-wide{width:100%;justify-content:center;margin-top:8px}
.hp-faq{display:grid;margin-top:6px}
.hp-fq{display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;border-bottom:1px solid var(--line);background:none;padding:11px 2px;text-align:left;font:500 14px var(--f-body);color:var(--ink)}
.hp-fq:last-child{border-bottom:0}
.hp-fq:hover{color:var(--blue)}
.hp-fab{position:fixed;right:20px;bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:34;display:flex;align-items:center;gap:8px;border:0;border-radius:999px;background:var(--ink);color:#FFFFFF;padding:12px 18px 12px 14px;font:600 14.5px var(--f-body);box-shadow:0 10px 28px rgba(11,27,58,.25);transition:transform .15s}
.hp-fab:hover{transform:translateY(-2px)}
.hp-fab em{font-style:normal;background:var(--danger);border-radius:999px;font-size:11.5px;padding:1px 7px;font-weight:700}
@media (max-width:859px){
  .hp-fab{bottom:calc(76px + env(safe-area-inset-bottom,0px));right:14px;padding:11px;border-radius:50%}
  .hp-fab span{display:none}
  .hp-fab em{position:absolute;top:-4px;right:-4px}
  .hp-chat{height:calc(100dvh - 300px);min-height:430px}
  .hp .pg-head{margin-bottom:12px}
  .hp-topics{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -12px 8px;padding:0 12px}
  .hp-topics .hp-chip{flex:none}
  .hp-guest{grid-template-columns:1fr}
}
/* admin inbox */
.sp-meta{font-size:11.5px}
.sp-dot{width:9px;height:9px;border-radius:50%;background:var(--warn);display:block}
.sp-asked{opacity:.75;font-style:italic;justify-self:start!important}
.sp-grid .th-send .btn-ghost{white-space:nowrap}
@media (max-width:620px){.sp-grid .th-send [data-sp-solve]{display:none}}