.weveer-support { --support-ink:#e4eeea; --support-muted:#a4b5ae; display:grid; gap:18px; min-width:0; width:100%; color:var(--support-ink); text-align:left; }
.weveer-support *, .weveer-support *::before, .weveer-support *::after { box-sizing:border-box; }
.weveer-support .weveer-support__header { display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; gap:10px; padding:19px; border:1px solid #354b42; border-radius:17px; background:#18271f; }
.weveer-support h3 { margin:0; font-size:22px; font-weight:700; color:var(--support-ink); line-height:1.3; }
.weveer-support .weveer-support__header p { margin:8px 0 0; color:var(--support-muted); font-size:13px; line-height:1.65; }
.weveer-support .weveer-support__unread, .weveer-support .weveer-support__ticket-unread { display:inline-block; padding:5px 8px; border-radius:8px; background:#345847; color:#def2e8; font-size:11px; font-weight:650; white-space:nowrap; }
.weveer-support .weveer-support__toolbar { display:flex; flex-wrap:wrap; gap:9px; }
.weveer-support .weveer-support__button { display:inline-flex; align-items:center; justify-content:center; min-height:41px; max-width:100%; padding:10px 13px; border:1px solid #425d50; border-radius:11px; background:#21372a; color:#dcebe2; font:inherit; font-size:13px; font-weight:600; line-height:1.45; white-space:normal; cursor:pointer; }
.weveer-support .weveer-support__button:not(:disabled):hover { background:#2a4536; border-color:#698a78; }
.weveer-support .weveer-support__button--primary { background:#95cbb5; color:#142d20; border-color:#95cbb5; }
.weveer-support .weveer-support__button--primary:not(:disabled):hover { background:#addfc8; border-color:#addfc8; }
.weveer-support .weveer-support__button:disabled { opacity:.6; cursor:default; }
.weveer-support button:focus-visible, .weveer-support input:focus-visible, .weveer-support textarea:focus-visible, .weveer-support select:focus-visible, .weveer-support summary:focus-visible { outline:2px solid #a7d6bf; outline-offset:3px; }
.weveer-support .weveer-support__compose, .weveer-support .weveer-support__thread, .weveer-support .weveer-support__faq, .weveer-support .weveer-support__list { display:grid; gap:13px; min-width:0; margin:0; padding:18px; border:1px solid #34473c; border-radius:16px; background:#16231b; }
.weveer-support h4 { margin:0; color:var(--support-ink); font-size:15px; font-weight:650; line-height:1.5; overflow-wrap:anywhere; }
.weveer-support .weveer-support__field { display:grid; gap:7px; margin:0; color:#c6d8cd; font-size:12px; font-weight:550; }
.weveer-support .weveer-support__field input, .weveer-support .weveer-support__field textarea, .weveer-support .weveer-support__field select { display:block; width:100%; min-width:0; max-width:100%; margin:0; padding:11px; border:1px solid #3e5548; border-radius:10px; color:#e9f1ec; background:#101c14; font:inherit; font-size:13px; line-height:1.6; box-shadow:none; }
.weveer-support .weveer-support__field textarea { resize:vertical; min-height:92px; }
.weveer-support .weveer-support__field input::placeholder, .weveer-support .weveer-support__field textarea::placeholder { color:#8da595; opacity:1; }
.weveer-support .weveer-support__ticket { position:relative; display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; gap:5px; width:100%; padding:12px; text-align:left; }
.weveer-support .weveer-support__ticket[aria-pressed="true"] { border-color:#83b69b; background:#2b4936; }
.weveer-support .weveer-support__ticket strong { color:#e2ece5; font-size:13px; line-height:1.5; font-weight:600; overflow-wrap:anywhere; }
.weveer-support .weveer-support__ticket-meta, .weveer-support .weveer-support__ticket-owner { color:#a6bcad; font-size:11px; font-weight:400; line-height:1.5; overflow-wrap:anywhere; }
.weveer-support .weveer-support__ticket-unread { margin-top:2px; }
.weveer-support .weveer-support__thread-heading { display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; gap:8px; }
.weveer-support .weveer-support__state { padding:4px 7px; border:1px solid #4c6656; border-radius:7px; color:#bdd1c3; font-size:11px; }
.weveer-support .weveer-support__messages { display:grid; gap:10px; min-width:0; max-height:390px; overflow:auto; overscroll-behavior:contain; padding:2px; }
.weveer-support .weveer-support__message { padding:12px; border:1px solid #374f40; border-radius:12px; background:#1e3325; overflow-wrap:anywhere; }
.weveer-support .weveer-support__message--staff { border-color:#537762; background:#28432f; }
.weveer-support .weveer-support__message-author { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:6px 10px; }
.weveer-support .weveer-support__message-author strong { color:#cde4d4; font-size:12px; font-weight:650; }
.weveer-support .weveer-support__message-author time { color:#a0b6a7; font-size:10px; font-weight:400; }
.weveer-support .weveer-support__message p { margin:8px 0 0; color:#e1ece4; font-size:13px; line-height:1.65; white-space:pre-wrap; }
.weveer-support .weveer-support__reply { display:grid; gap:10px; margin:0; }
.weveer-support .weveer-support__reply .weveer-support__button { justify-self:start; }
.weveer-support .weveer-support__empty, .weveer-support .weveer-support__caption { margin:0; color:var(--support-muted); font-size:12px; line-height:1.65; }
.weveer-support .weveer-support__feedback, .weveer-support .weveer-support__notice { margin:0; padding:12px 14px; border:1px solid #3b5846; border-radius:12px; color:#c1ddcb; background:#182b1e; font-size:13px; line-height:1.65; }
.weveer-support .weveer-support__feedback--error { color:#f0b7ac; border-color:#725143; background:#362920; }
.weveer-support .weveer-support__faq details { padding:0 0 12px; border-bottom:1px solid #344c3b; }
.weveer-support .weveer-support__faq details:last-child { padding-bottom:0; border-bottom:0; }
.weveer-support .weveer-support__faq summary { color:#ceded3; font-size:12px; font-weight:550; line-height:1.6; cursor:pointer; }
.weveer-support .weveer-support__faq details p { margin:8px 0 0; color:var(--support-muted); font-size:12px; line-height:1.65; }
.weveer-support [hidden] { display:none !important; }
#settings-tab-support .support-unread-badge { display:inline-flex; align-items:center; justify-content:center; min-width:18px; height:18px; margin-left:4px; padding:0 5px; border-radius:6px; background:#497f65; color:#f1fbf5; font-size:10px; font-weight:700; line-height:1; vertical-align:middle; }
#settings-tab-support .support-unread-badge[hidden] { display:none; }
@media(max-width:480px) { .weveer-support { gap:15px; } .weveer-support .weveer-support__header, .weveer-support .weveer-support__compose, .weveer-support .weveer-support__thread, .weveer-support .weveer-support__faq, .weveer-support .weveer-support__list { padding:15px; } .weveer-support .weveer-support__messages { max-height:330px; } }