/* Operator contact sheet — same dark-brown and warm-gold language as lobby panels. */
.support-ui-overlay { position: fixed; inset: 0; z-index: 30000; display: flex; align-items: flex-end; justify-content: center; color: #f3e6c2; font-family: inherit; }
.support-ui-overlay *, .support-ui-overlay *::before, .support-ui-overlay *::after { box-sizing: border-box; }
.support-ui-backdrop { position: absolute; inset: 0; background: rgba(8, 6, 3, .76); }
.support-ui-panel { position: relative; display: flex; flex-direction: column; width: min(100%, 540px); max-height: min(92dvh, 850px); min-height: min(72dvh, 620px); border: 1px solid rgba(240, 201, 92, .42); border-bottom: 0; border-radius: 17px 17px 0 0; background: #1a1309; box-shadow: 0 -12px 50px rgba(0, 0, 0, .55); overflow: hidden; }
.support-ui-header { flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; min-height: 65px; padding: 13px 17px 12px; border-bottom: 1px solid rgba(181, 154, 94, .28); background: linear-gradient(180deg, #382711, #261b0e); }
.support-ui-header small { display: block; color: #bda36d; font-size: 9px; font-weight: 800; letter-spacing: .13em; }
.support-ui-header h2 { margin: 3px 0 0; color: #ffe680; font-size: 16px; font-weight: 900; }
.support-ui-close { width: 34px; height: 34px; border: 1px solid rgba(181, 154, 94, .32); border-radius: 9px; background: #241b0d; color: #f4d480; font-size: 25px; line-height: 1; cursor: pointer; }
.support-ui-body { flex: 1; min-height: 0; overflow-y: auto; padding: 14px 14px max(19px, env(safe-area-inset-bottom)); overscroll-behavior: contain; }
.support-ui-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.support-ui-tabs button { min-width: 0; min-height: 39px; padding: 6px 2px; border: 1px solid rgba(181, 154, 94, .4); border-radius: 8px; background: #241b0d; color: #b8a87f; font: inherit; font-size: 12px; font-weight: 800; cursor: pointer; }
.support-ui-tabs button.is-active { border-color: #f0c95c; background: rgba(245, 187, 69, .14); color: #ffd76a; }
.support-ui-intro { margin: 12px 1px; color: #ad9d79; font-size: 11px; line-height: 1.55; }
.support-ui-primary { display: block; width: 100%; min-height: 42px; padding: 9px 12px; border: 1px solid #e5a61f; border-radius: 9px; background: linear-gradient(180deg, #ffd45a, #e5a61f); color: #241703; font: inherit; font-size: 13px; font-weight: 900; cursor: pointer; }
.support-ui-primary:disabled { opacity: .55; cursor: default; }
.support-ui-list { margin-top: 12px; overflow: hidden; border: 1px solid rgba(181, 154, 94, .32); border-radius: 12px; background: linear-gradient(180deg, rgba(48, 37, 19, .76), rgba(28, 21, 10, .9)); }
.support-ui-row { display: block; width: 100%; padding: 12px 11px; border: 0; border-top: 1px solid rgba(181, 154, 94, .18); background: transparent; color: inherit; text-align: left; font: inherit; cursor: pointer; }
.support-ui-row:first-child { border-top: 0; }
.support-ui-row:active { background: rgba(245, 187, 69, .09); }
.support-ui-row-top, .support-ui-thread-head > div, .support-ui-message-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.support-ui-row strong { display: block; margin: 6px 0 3px; color: #f3e6c2; font-size: 13px; font-weight: 900; overflow-wrap: anywhere; }
.support-ui-preview { display: block; overflow: hidden; color: #a89a78; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.support-ui-member { display: inline-block; max-width: 100%; margin: 1px 0 5px; color: #c7b282; font-size: 10px; font-weight: 800; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.support-ui-row time, .support-ui-thread-head time, .support-ui-message time { color: #8f8264; font-size: 10px; white-space: nowrap; }
.support-ui-status { display: inline-flex; align-items: center; min-height: 22px; padding: 2px 7px; border: 1px solid rgba(240, 201, 92, .32); border-radius: 5px; background: rgba(245, 187, 69, .1); color: #e5c977; font-size: 10px; font-weight: 800; }
.support-ui-status[data-status="ANSWERED"] { border-color: rgba(137, 202, 136, .36); background: rgba(65, 135, 75, .16); color: #aaddaa; }
.support-ui-status[data-status="CLOSED"] { border-color: rgba(157, 146, 128, .33); background: rgba(120, 106, 86, .13); color: #a89a78; }
.support-ui-empty { display: grid; gap: 4px; padding: 27px 12px; color: #b8a87f; font-size: 12px; text-align: center; }
.support-ui-empty strong { color: #f3e6c2; font-size: 13px; }
.support-ui-error { margin: 0 0 10px; padding: 10px 11px; border: 1px solid #98634a; border-radius: 9px; background: #352017; color: #ffd0b8; font-size: 12px; overflow-wrap: anywhere; }
.support-ui-back { min-height: 34px; margin: 0 0 9px; padding: 4px 3px; border: 0; background: none; color: #f5c96b; font: inherit; font-size: 12px; font-weight: 800; cursor: pointer; }
.support-ui-form, .support-ui-reply { display: grid; gap: 12px; }
.support-ui-form h3 { margin: 0; color: #ffe680; font-size: 16px; }
.support-ui-form label, .support-ui-reply label { display: grid; gap: 7px; color: #d8c69a; font-size: 12px; font-weight: 800; }
.support-ui-form input, .support-ui-form textarea, .support-ui-reply textarea { display: block; width: 100%; min-width: 0; padding: 10px; border: 1px solid rgba(181, 154, 94, .45); border-radius: 10px; background: #1c150a; color: #f3e6c2; color-scheme: dark; font: inherit; font-size: 13px; line-height: 1.5; }
.support-ui-form input { min-height: 41px; }
.support-ui-form textarea { min-height: 170px; resize: vertical; }
.support-ui-reply textarea { min-height: 75px; resize: vertical; }
.support-ui-hint { margin: 0; color: #8f8264; font-size: 11px; line-height: 1.5; }
.support-ui-thread-head { padding: 13px 12px; border: 1px solid rgba(181, 154, 94, .32); border-radius: 12px; background: linear-gradient(180deg, rgba(48, 37, 19, .76), rgba(28, 21, 10, .9)); }
.support-ui-thread-head h3 { margin: 10px 0 0; color: #ffe680; font-size: 15px; line-height: 1.4; overflow-wrap: anywhere; }
.support-ui-thread-head .support-ui-member { margin: 6px 0 0; }
.support-ui-status-controls { display: flex; gap: 6px; margin: 10px 0; }
.support-ui-status-controls button { flex: 1; min-height: 32px; padding: 5px; border: 1px solid rgba(181, 154, 94, .4); border-radius: 7px; background: #241b0d; color: #d8c69a; font: inherit; font-size: 11px; font-weight: 800; cursor: pointer; }
.support-ui-status-controls button:disabled { border-color: #d9b247; background: rgba(245, 187, 69, .14); color: #ffd76a; cursor: default; }
.support-ui-messages { display: grid; gap: 11px; margin: 14px 0; }
.support-ui-message { width: min(87%, 390px); padding: 10px 11px; border: 1px solid rgba(181, 154, 94, .28); border-radius: 12px; background: #291e0e; }
.support-ui-message.is-mine { justify-self: end; border-color: rgba(240, 201, 92, .37); background: #3a2b12; }
.support-ui-message.is-operator { justify-self: start; }
.support-ui-message strong { color: #f2d98d; font-size: 11px; }
.support-ui-message p { margin: 7px 0 0; color: #f3e6c2; font-size: 12px; line-height: 1.6; white-space: pre-wrap; overflow-wrap: anywhere; }
.support-ui-reply { padding-top: 13px; border-top: 1px solid rgba(181, 154, 94, .22); }
.support-ui-closed { margin-top: 14px; padding: 11px; border: 1px solid rgba(181, 154, 94, .28); border-radius: 9px; text-align: center; }
.support-ui-overlay button:focus-visible, .support-ui-overlay input:focus-visible, .support-ui-overlay textarea:focus-visible { outline: 2px solid #ffd76a; outline-offset: 2px; }
@media (min-width: 640px) { .support-ui-overlay { align-items: center; padding: 20px; } .support-ui-panel { max-height: min(90dvh, 780px); min-height: 580px; border-bottom: 1px solid rgba(240, 201, 92, .42); border-radius: 17px; } }