/* Support Center (Phase 4): one calm sheet, full screen on phones, centered on larger screens. */
.support-overlay{position:fixed;inset:0;z-index:4000;display:flex;align-items:stretch;justify-content:center;background:rgba(15,23,42,.55)}
.support-overlay[hidden]{display:none}
body.support-open{overflow:hidden}
.support-sheet{display:flex;flex-direction:column;width:100%;max-width:720px;max-height:100dvh;background:var(--bg-2,#fff);color:var(--text,#1e293b);overflow:hidden}
@media (min-width:768px){.support-overlay{align-items:center;padding:24px}.support-sheet{max-height:calc(100dvh - 48px);border-radius:18px;box-shadow:0 24px 70px rgba(15,23,42,.3)}}
.support-header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border,#e2e8f0)}
.support-header h2{flex:1;margin:0;font-size:1.1rem;font-weight:800;text-align:center}
.support-icon-btn,.support-icon-spacer{width:44px;height:44px;flex:none}
.support-icon-btn{border:0;border-radius:12px;background:transparent;color:inherit;font-size:1.2rem;cursor:pointer}
.support-icon-btn:hover{background:var(--bg-3,#f1f5f9)}
.support-icon-btn:focus-visible,.support-card:focus-visible,.support-sheet .btn:focus-visible,.support-sheet .input:focus-visible{outline:3px solid var(--primary,#2563eb);outline-offset:2px}
.support-body{overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}
.support-intro,.support-muted,.support-email{color:var(--text-dim,#64748b);margin:0;line-height:1.6}
.support-muted{font-size:.85rem}
.support-email{font-size:.85rem;padding-top:8px}
.support-email a{color:var(--primary,#2563eb);font-weight:700;word-break:break-all}
.support-primary{min-height:48px;font-size:1rem;width:100%}
.support-section{margin:8px 0 0;font-size:.95rem}
.support-list{display:flex;flex-direction:column;gap:8px}
.support-card{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:12px 14px;border:1px solid var(--border,#e2e8f0);border-radius:14px;background:var(--bg-2,#fff);color:inherit;text-align:start;cursor:pointer;font:inherit}
.support-card:hover{background:var(--bg-3,#f1f5f9)}
.support-card-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.support-card-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.support-status{flex:none;display:inline-block;padding:4px 10px;border-radius:999px;font-size:.78rem;font-weight:700;white-space:nowrap;background:var(--bg-3,#f1f5f9);color:var(--text,#1e293b)}
.support-status--open{background:#dbeafe;color:#1e40af}
.support-status--in_progress{background:#ede9fe;color:#5b21b6}
.support-status--waiting_user{background:#fef3c7;color:#92400e}
.support-status--resolved{background:#dcfce7;color:#166534}
.support-status--closed{background:#e5e7eb;color:#374151}
.support-empty,.support-closed,.support-notice{margin:0;padding:14px;border-radius:12px;background:var(--bg-3,#f1f5f9);line-height:1.6}
.support-notice{background:#dcfce7;color:#166534}
.support-problem{padding:14px;border-radius:12px;background:#fef2f2;color:#7f1d1d;display:flex;flex-direction:column;gap:8px}
.support-problem p{margin:0;line-height:1.6}
.support-form{display:flex;flex-direction:column;gap:6px}
.support-form label{font-weight:700;font-size:.9rem;margin-top:6px}
.support-form .input{width:100%;box-sizing:border-box;font:inherit;min-height:44px}
.support-form textarea.input{resize:vertical}
.support-form-status{margin:0;min-height:1em;color:#b91c1c;font-size:.9rem}
.support-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.support-actions .btn{min-height:44px;flex:1 1 140px}
.support-ticket-head{display:flex;align-items:flex-start;gap:12px}
.support-ticket-head h3{flex:1;margin:0;font-size:1.05rem;overflow-wrap:anywhere}
.support-timeline{list-style:none;margin:4px 0;padding:0;display:flex;flex-direction:column;gap:10px}
.support-msg{max-width:88%;padding:10px 12px;border-radius:14px;background:var(--bg-3,#f1f5f9)}
.support-msg--me,.support-msg--member{align-self:flex-end;background:#dbeafe}
.support-msg--support{align-self:flex-start;border:1px solid var(--border,#e2e8f0);background:var(--bg-2,#fff)}
.support-msg-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;font-size:.85rem;margin-bottom:4px}
.support-msg-body{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}
.support-entry{margin-inline-end:8px;margin-bottom:8px}
body.dark-mode .support-msg--me,body.dark-mode .support-msg--member{background:#1e3a8a;color:#e0e7ff}
body.dark-mode .support-notice{background:#14532d;color:#dcfce7}
body.dark-mode .support-problem{background:#450a0a;color:#fecaca}