/* Get help (help.html) and Admin → Help tickets (admin-help.html). */
.hp-hero{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:18px;align-items:end}
.hp-hero .hp-ari{width:150px;height:170px;margin-bottom:-24px;align-self:end}
.hp-hero .hp-ari svg{width:100%;height:100%}
.hp-form{display:flex;flex-direction:column;gap:14px;margin-top:6px}
.hp-label{display:block;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.hp-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.hp-topic{display:flex;align-items:center;gap:10px;text-align:left;border:1.5px solid var(--border);background:var(--bg-ffffff,#fff);border-radius:16px;padding:12px;font:700 13.5px var(--font-body);color:var(--dark);cursor:pointer;min-width:0}
.hp-topic span{font-size:1.25rem;flex:none}
.hp-topic small{display:block;font-weight:500;font-size:12px;color:var(--muted);margin-top:1px}
.hp-topic.on{border-color:var(--acc);background:var(--acc-bg);box-shadow:0 0 0 3px var(--bg-fde8ed,#FDE8ED)}
.hp-input,.hp-text{width:100%;box-sizing:border-box;border:1.5px solid var(--border);border-radius:16px;padding:12px 14px;font:500 15px/1.5 var(--font-body);color:var(--dark);background:var(--bg-ffffff,#fff)}
.hp-text{min-height:120px;resize:vertical}
.hp-input:focus,.hp-text:focus{outline:none;border-color:var(--ln-f4829a,#F4829A);box-shadow:0 0 0 3px var(--bg-fde8ed,#FDE8ED)}
.hp-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.hp-attach{display:inline-flex;align-items:center;gap:8px;border:1.5px dashed var(--border);border-radius:999px;padding:9px 14px;font:700 13px var(--font-body);color:var(--muted);cursor:pointer;background:var(--bg-ffffff,#fff)}
.hp-shot{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}
.hp-shot img{width:56px;height:40px;object-fit:cover;border-radius:8px;border:1px solid var(--border)}
.hp-shot button{border:0;background:none;color:var(--muted);cursor:pointer;font-size:16px}
.hp-auto{font-size:12.5px;color:var(--muted)}
.hp-err{color:var(--fg-c2475f,#C2475F);font-weight:700;font-size:13px}
.hp-sent{display:flex;gap:12px;align-items:center;background:var(--bg-e8f8f6,#E8F8F6);border-radius:16px;padding:14px;color:var(--fg-2f8a7f,#2F8A7F);font-weight:700}
.hp-list{display:flex;flex-direction:column;gap:12px;margin-top:12px}
.hp-ticket{border:1.5px solid var(--border);border-radius:20px;padding:14px 16px;background:var(--bg-ffffff,#fff)}
.hp-ticket.unread{border-color:var(--ln-f4829a,#F4829A);box-shadow:0 0 0 3px var(--bg-fde8ed,#FDE8ED)}
.hp-ticket>summary{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;cursor:pointer;align-items:center}
.hp-ticket>summary::-webkit-details-marker{display:none}
.hp-ticket h3{margin:0;font-size:15.5px;color:var(--dark);overflow-wrap:anywhere}
.hp-ticket .hp-meta{grid-column:1/-1;font-size:12.5px;color:var(--muted)}
.hp-st{font-size:12px;font-weight:800;border-radius:999px;padding:4px 10px;white-space:nowrap}
.hp-st.open{background:var(--bg-fef3e4,#FEF3E4);color:var(--fg-a8651a,#A8651A)}
.hp-st.answered{background:var(--bg-fde8ed,#FDE8ED);color:var(--fg-c2475f,#C2475F)}
.hp-st.resolved{background:var(--bg-e8f8f6,#E8F8F6);color:var(--fg-2f8a7f,#2F8A7F)}
.hp-thread{display:flex;flex-direction:column;gap:8px;margin:14px 0 10px}
.hp-msg{max-width:86%;padding:10px 13px;border-radius:18px 18px 18px 4px;background:var(--bg-fbf6f3,#FBF6F3);color:var(--dark);font-size:14px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.hp-msg.team{align-self:flex-end;border-radius:18px 18px 4px 18px;background:var(--bg-2c1810,#2C1810);color:var(--fg-ffffff,#fff)}
.hp-msg.me{align-self:flex-start}
.hp-msg small{display:block;font-size:11px;font-weight:700;opacity:.7;margin-bottom:2px}
.hp-shotlink img{display:block;margin-top:6px;max-width:200px;max-height:140px;border-radius:10px;border:1px solid var(--border)}
.hp-reply{display:flex;flex-direction:column;gap:8px}
.hp-reply textarea{min-height:70px}
.hp-btn{border:1.5px solid var(--border);background:var(--bg-ffffff,#fff);border-radius:999px;padding:8px 14px;font:700 13px var(--font-body);color:var(--dark);cursor:pointer;white-space:nowrap}
.hp-btn.go{background:var(--bg-2c1810,#2C1810);border-color:var(--ln-2c1810,#2C1810);color:var(--fg-ffffff,#fff)}
.hp-btn.done{background:var(--bg-2f8a7f,#2F8A7F);border-color:var(--ln-2f8a7f,#2F8A7F);color:var(--fg-ffffff,#fff)}
.hp-empty{padding:18px 4px;color:var(--muted)}
.hp-admin-who{font-size:13px;color:var(--muted)}
.hp-admin-who b{color:var(--dark)}
@media(max-width:760px){.hp-topics{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-hero{grid-template-columns:minmax(0,1fr) 96px}.hp-hero .hp-ari{width:96px;height:110px;margin-bottom:-18px}}
@media(max-width:420px){.hp-topic{padding:10px;font-size:13px}.hp-topic small{display:none}}