.help-trigger{position:fixed;right:24px;bottom:24px;z-index:18;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:13px 20px;background:var(--navy);color:#fff;font-weight:700;box-shadow:0 14px 36px rgba(7,28,44,.24)}
.help-trigger:hover,.help-trigger:focus-visible{background:var(--navy2);outline:3px solid var(--gold2);outline-offset:2px}
.help-trigger span,.nav-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--gold);color:var(--navy);font-size:11px;font-weight:800}
.nav button{display:flex;align-items:center;justify-content:space-between;gap:8px}
.help-panel{position:fixed;right:24px;bottom:82px;z-index:19;width:min(420px,calc(100vw - 32px));max-height:min(720px,calc(100vh - 110px));overflow:auto;padding:24px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);box-shadow:0 24px 70px rgba(7,28,44,.25)}
.help-panel-head,.support-thread-head,.support-detail-head,.support-inbox-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.help-panel-head{position:relative;padding-right:34px}
.help-panel-head h2{margin:5px 0 16px;font-size:26px}
.help-panel-head .modal-close{top:-8px;right:-8px}
.help-panel>p{margin-top:0;color:var(--muted);line-height:1.55}
.support-thread-head{align-items:center;margin-bottom:12px;padding:11px 12px;border-radius:9px;background:var(--soft)}
.support-message-list{display:grid;gap:10px;max-height:320px;overflow:auto;margin:12px 0 18px;padding:3px}
.support-message{max-width:88%;padding:12px 14px;border-radius:12px;background:var(--soft)}
.support-message.from-admin{justify-self:start;border-bottom-left-radius:3px;background:#edf3f6}
.support-message.from-requester{justify-self:end;border-bottom-right-radius:3px;background:#f7f0e3}
.support-message>div{display:flex;align-items:center;justify-content:space-between;gap:12px}
.support-message strong{font-size:12px}
.support-message time{color:var(--muted);font-size:10px}
.support-message p{margin:6px 0 0;color:var(--ink);font-size:13px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.support-empty,.support-success{margin:12px 0 18px;padding:18px;border-radius:10px;background:var(--soft);text-align:center}
.support-empty p,.support-success p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.5}
.support-success{background:#e4f3ed;color:var(--green)}
.form-error{margin:0 0 12px;color:var(--red);font-size:12px;font-weight:700}
.support-admin-layout{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:18px;align-items:start}
.support-inbox{padding:0;overflow:hidden}
.support-inbox-head{align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}
.support-inbox-head h2{margin:0;font-size:22px}
.support-inbox-head span{color:var(--muted);font-size:12px}
.support-inbox-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;border:0;border-bottom:1px solid var(--line);background:#fff;color:var(--ink);text-align:left}
.support-inbox-row:hover,.support-inbox-row.active{background:#f7f8f8}
.support-inbox-row.active{box-shadow:inset 3px 0 var(--gold)}
.support-inbox-row span{min-width:0}
.support-inbox-row strong,.support-inbox-row small{display:block}
.support-inbox-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.support-inbox-row small{margin-top:4px;color:var(--muted);font-size:10px}
.support-inbox-row>span:last-child{text-align:right}
.support-inbox-row b{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:999px;background:var(--navy);color:#fff;font-size:10px}
.support-detail-head>div:last-child{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.support-detail-head h2{margin:5px 0}
.support-detail-head p{margin:0}
.support-detail .notice{margin:18px 0}
.support-detail .support-message-list{max-height:430px}
.support-detail form{padding-top:18px;border-top:1px solid var(--line)}
@media(max-width:850px){.support-admin-layout{grid-template-columns:1fr}.support-detail-head{flex-direction:column}.support-detail-head>div:last-child{justify-content:flex-start}}
@media(max-width:560px){.help-trigger{right:16px;bottom:16px}.help-panel{right:16px;bottom:70px;max-height:calc(100vh - 90px);padding:20px}.support-message{max-width:94%}}