/* Support feature: Help Center, member tickets, hub Tier 1 queue, Admin support. Classes are prefixed support-. */

/* ---------- Help Center (public) ---------- */
.hero.support-hero { grid-template-columns: 1fr; text-align: center; padding: 44px 48px; }
.hero.support-hero h1 { font-size: 34px; }
.hero.support-hero p { margin-left: auto; margin-right: auto; }
.support-search { display: flex; gap: 10px; max-width: 680px; margin: 18px auto 0; }
.support-search input { font-size: 16px; padding: 13px 16px; }
.support-popular { margin: 12px 0 0; font-size: 13.5px; }
.support-cat h2 { display: flex; align-items: center; gap: 10px; font-size: 17px; }
.support-cat .support-cat-ic { width: 34px; height: 34px; border-radius: 9px; background: #e6f3f3; color: var(--teal-dark); display: grid; place-items: center; flex: none; }
.support-cat ul, .support-results, .support-attachments, .support-links { list-style: none; padding: 0; margin: 8px 0 0; }
.support-cat li { padding: 6px 0; border-top: 1px solid var(--g1); font-size: 14px; }
.support-cat li:first-child { border-top: 0; }
.support-cat .support-more { display: block; margin-top: 8px; font-size: 13px; }
.support-contact { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px; }
.support-contact > div { padding: 14px; border: 1px solid var(--g1); border-radius: var(--radius-sm); }
.support-contact b { display: block; color: var(--navy); margin-bottom: 4px; }
.support-contact p { font-size: 13px; }
.support-sla-note { margin: 12px 0 0; font-size: 13px; }
.card-h .support-hours { margin-left: auto; }
.support-results li { padding: 14px 0; border-top: 1px solid var(--g1); }
.support-results li:first-child { border-top: 0; }
.support-results a { font-weight: 600; font-size: 16px; }
.support-results p { margin: 4px 0 0; font-size: 14px; }
.support-article { font-size: 15.5px; line-height: 1.65; }
.support-article h2 { font-size: 20px; margin-top: 1.2em; }
.support-article h3 { margin-top: 1em; }
.support-article ul, .support-article ol { padding-left: 22px; margin: 0 0 .9em; }
.support-article li { margin-bottom: 4px; }
.support-helpful form { display: inline; }
.support-links li { padding: 5px 0; font-size: 14px; }

/* ---------- workspace: support home and tickets ---------- */
.support-art { display: block; padding: 10px 12px; border: 1px solid var(--g1); border-radius: 8px; background: #fff; font-size: 14px; color: inherit; }
.support-art b { display: block; color: var(--navy); }
.support-art small { display: block; margin-top: 2px; }
.support-art:hover { border-color: var(--teal); text-decoration: none; }
.support-chips { display: flex; gap: 6px; flex-wrap: wrap; margin-left: auto; }
.card-h .support-chips a.support-chip { margin-left: 0; }
a.support-chip { color: var(--slate); } a.support-chip:hover { text-decoration: none; border-color: var(--teal); }
.support-meta { display: flex; gap: 8px 16px; flex-wrap: wrap; align-items: center; font-size: 13.5px; }
.support-msg-main { flex: 1; min-width: 0; }
.support-msg-role { font-size: 12px; margin-left: 6px; }
.support-thread .msg .body p { margin: 0 0 .6em; } .support-thread .msg .body p:last-child { margin-bottom: 0; }
.support-thread .msg .body { overflow-wrap: anywhere; }
.avatar.support-avatar-member { background: var(--slate); }
.avatar.support-avatar-hub { background: var(--info); }
.support-thread .msg .avatar { flex: none; }
.support-thread .msg.system small { background: var(--g2); border-radius: 999px; padding: 3px 12px; }
.support-attachments { margin-top: 8px; display: flex; gap: 6px; flex-wrap: wrap; }
.support-attachments li { border: 1px solid var(--g1); border-radius: 6px; padding: 3px 8px; font-size: 12.5px; background: var(--g3); }
.support-suggest { align-items: flex-start; padding: 10px 14px; font-size: 13.5px; }
.support-suggest ul { margin: 4px 0 0; padding-left: 18px; }
.support-score { border: 0; padding: 0; margin: 0 0 12px; }
.support-score legend { font-weight: 600; color: var(--navy); font-size: 14px; padding: 0; margin-bottom: 8px; }
.support-score-opts { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.support-score-opt { display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--g1); border-radius: 8px; padding: 7px 12px; background: #fff; cursor: pointer; font-weight: 600; color: var(--navy); }
.support-score-opt input, .support-mode input { width: auto; }
.support-mode { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; color: var(--navy); margin-right: 14px; }
.support-inline { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.support-inline select, .support-inline input:not([type=checkbox]):not([type=radio]) { width: auto; min-width: 150px; flex: 1; }
.support-filter select { width: auto; max-width: 190px; }
.support-filter input[type=search] { width: 220px; }
.support-filter .check { align-items: center; font-size: 13px; }
.support-facts dd { font-weight: 500; overflow-wrap: anywhere; }
.support-org { display: flex; gap: 10px; align-items: center; }
.support-form-foot { display: flex; gap: 10px; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.support-errors ul { margin: 0; padding-left: 18px; }
.support-cats td input, .support-cats td select { min-width: 140px; }
.timeline.support-history li small { display: block; }
.table td.support-subject { min-width: 220px; }
@media (max-width: 900px) { .support-search { flex-direction: column; } }