.support-desk { min-width:0; color:var(--ink); }
.support-toolbar { display:flex; flex-wrap:wrap; align-items:flex-end; gap:10px; padding-bottom:16px; border-bottom:1px solid var(--line); }
.support-toolbar label { display:grid; gap:5px; min-width:130px; color:var(--muted); font-size:12px; }
.support-toolbar .support-search { flex:1; min-width:160px; }
.support-desk input,.support-desk select,.support-desk textarea { box-sizing:border-box; width:100%; color:var(--ink); background:var(--field,#232429); border:1px solid var(--line); border-radius:5px; min-height:40px; padding:9px 10px; font:inherit; }
.support-desk textarea { resize:vertical; max-height:240px; }
.support-desk select option { background:var(--field,#232429); color:var(--ink); }
.support-desk :is(input,textarea)::placeholder { color:#a5a5b0; opacity:1; }
.support-icon { display:inline-grid; place-items:center; width:40px; height:40px; min-width:40px; padding:8px; background:transparent; color:var(--ink); border:1px solid var(--line); border-radius:5px; cursor:pointer; }
.support-desk .lucide { width:18px; height:18px; flex-shrink:0; }
.support-desk button:focus-visible { outline:2px solid #f28ca7; outline-offset:2px; }
.support-layout { display:grid; grid-template-columns:290px minmax(0,1fr); height:min(740px,calc(100dvh - 240px)); min-height:470px; }
.support-list-pane { display:flex; flex-direction:column; min-width:0; min-height:0; border-right:1px solid var(--line); }
.support-muted { color:var(--muted); font-size:12px; margin:12px 0; }
.support-list { overflow:auto; flex:1; min-height:0; }
.support-ticket-row { display:grid; gap:8px; width:100%; min-height:100px; padding:14px 12px; text-align:left; border:0; border-bottom:1px solid var(--line); border-radius:0; background:transparent; color:var(--ink); cursor:pointer; }
.support-ticket-row[aria-current="true"] { background:#d72e5c17; box-shadow:inset 3px 0 #df3764; }
.support-ticket-row:hover { background:#ffffff08; }
.support-ticket-row>strong { font-size:14px; overflow-wrap:anywhere; }
.support-ticket-row>span { color:var(--muted); font-size:12px; }
.support-row-meta { display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap; font-size:11px; }
.support-row-meta time { font-size:10px; }
.support-unread,.support-nav-count { display:inline-flex; align-items:center; justify-content:center; min-width:18px; padding:1px 5px; font-size:10px; line-height:16px; border-radius:4px; background:#dd3463; color:white; font-weight:600; }
.support-status { display:inline-block; padding:3px 7px; border-radius:4px; background:#32333d; color:#e5e5ed; font-size:11px; line-height:1.4; white-space:normal; }
.support-status.status-aberto { background:#472333; color:#ffb3ca; }
.support-status.status-aguardando_usuario { background:#44391f; color:#f8d78f; }
.support-status.status-resolvido { background:#1e3c31; color:#a2e0c0; }
.support-pagination { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:10px; border-top:1px solid var(--line); color:var(--muted); font-size:12px; }
.support-detail { display:flex; flex-direction:column; min-width:0; min-height:0; padding-left:20px; }
.support-detail-header { display:flex; align-items:center; gap:10px; padding:15px 0 10px; }
.support-detail-header>div { flex:1; min-width:0; }
.support-detail-header small { color:var(--muted); font-size:11px; }
.support-detail-header h2 { font-size:17px; line-height:1.4; overflow-wrap:anywhere; margin:5px 0; }
.support-status-bar { display:flex; gap:10px; align-items:center; flex-wrap:wrap; padding-bottom:12px; border-bottom:1px solid var(--line); }
.support-status-bar label { margin-left:auto; font-size:12px; display:flex; align-items:center; gap:8px; color:var(--muted); }
.support-status-bar select { width:auto; max-width:200px; }
.support-history { overflow:auto; overscroll-behavior:contain; min-height:120px; flex:1; padding:12px 4px; }
.support-message { max-width:90%; margin:0 0 12px; padding:12px; border-radius:5px; background:#27282e; }
.support-message.is-own { margin-left:auto; background:#3c2230; }
.support-message header { display:flex; flex-wrap:wrap; justify-content:space-between; gap:6px; align-items:center; font-size:12px; }
.support-message time { color:#c3bdc4; font-size:10px; }
.support-message p { white-space:pre-wrap; overflow-wrap:anywhere; margin:8px 0 0; font-size:13px; line-height:1.6; }
.support-system { font-size:11px; color:var(--muted); text-align:center; margin:12px 0; overflow-wrap:anywhere; }
.support-system time { display:block; font-size:10px; }
.support-reply { display:flex; align-items:flex-end; gap:10px; padding:12px 0 4px; border-top:1px solid var(--line); }
.support-reply label { display:grid; gap:6px; flex:1; color:var(--muted); font-size:12px; min-width:0; }
.support-reply textarea { height:80px; }
.support-reply button { flex-shrink:0; }
.support-older { display:block; margin:auto; color:#f7a5be; font-size:12px; background:transparent; border:0; padding:8px; cursor:pointer; }
.support-empty { margin:auto; text-align:center; padding:20px; color:var(--muted); }
.support-empty h2 { font-size:18px; color:var(--ink); }
.support-empty p,.support-empty-list { font-size:13px; color:var(--muted); }
.support-back { display:none; }
.support-new-dialog { box-sizing:border-box; width:min(540px,calc(100vw - 24px)); max-height:calc(100dvh - 32px); overflow:auto; background:var(--panel,#191a1e); border:1px solid var(--line); border-radius:6px; color:var(--ink); padding:20px; }
.support-new-dialog::backdrop { background:#06070bd9; }
.support-new-dialog form { display:flex; flex-direction:column; gap:14px; padding:0; }
.support-new-dialog header,.support-new-dialog footer { display:flex; gap:10px; align-items:center; justify-content:space-between; }
.support-new-dialog h2 { font-size:19px; margin:0; }
.support-new-dialog label { display:grid; gap:6px; font-size:13px; color:var(--muted); }
.support-nav-count[hidden] { display:none!important; }
.nav-item[data-view="ajuda"] { position:relative; }
.nav-item .support-nav-count { position:absolute; top:5px; right:3px; }
@media(max-width:1050px) { .support-layout { grid-template-columns:245px minmax(0,1fr); } }
@media(max-width:700px) {
  .support-toolbar label { min-width:0; flex:1 1 calc(50% - 10px); }
  .support-toolbar .support-search { min-width:0; flex:1 1 60%; }
  .support-toolbar .primary { padding:9px; font-size:12px; }
  .support-layout { grid-template-columns:minmax(0,1fr); height:auto; min-height:450px; }
  .support-list-pane { border-right:0; max-height:65dvh; }
  .support-detail { display:none; padding:0; min-height:450px; }
  .support-layout[data-selected="true"] .support-list-pane { display:none; }
  .support-layout[data-selected="true"] .support-detail { display:flex; }
  .support-back { display:grid; }
  .support-history { max-height:50dvh; }
  .support-message { max-width:96%; }
  .support-detail-header h2 { font-size:15px; }
  .support-status-bar label { margin-left:0; }
  .support-status-bar select { max-width:170px; }
  .support-reply { align-items:stretch; flex-direction:column; }
  .support-reply button { align-self:flex-end; }
}