/* Miranda Workspace — camada compartilhada; não altera regras ou estados. */
.admin-senha-cartao { max-width:640px; }
.admin-senha-cartao .cartao-topo p { margin:6px 0 0; }
.admin-senha-form fieldset { display:flex; flex-direction:column; min-width:0; border:0; padding:0; margin:0; gap:10px; }
.admin-senha-form label { font-size:14px; font-weight:650; margin-top:6px; }
.admin-senha-form input { width:100%; min-height:48px; }
.admin-senha-campo { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; }
.admin-senha-campo .acao { min-height:48px; }
.admin-senha-form .legenda { font-size:14px; margin:0 0 4px; }
.admin-senha-aviso { margin:12px 0 0; padding:14px; font-size:14px; }
.admin-senha-erro { color:var(--vermelho); font-size:14px; margin:0; }
.admin-senha-acoes { display:flex; flex-wrap:wrap; gap:10px; margin-top:8px; }
.admin-senha-acoes .acao { min-height:48px; flex:1; }
.admin-senha-acoes .principal { flex:2; }
@media(max-width:420px) { .admin-senha-acoes { flex-direction:column; } }
:root[data-tema] {
  color-scheme:dark;
  --fundo:#101316; --branco:#1b2025; --painel-2:#222930;
  --tinta:#edf1f4; --tinta-fraca:#abb7c2; --borda:#3b4650;
  --acao:#2d7357; --acao-hover:#348261; --campo-borda:#697985; --foco:#8dceb0;
  --verde:#97ceb1; --verde-escuro:#97ceb1; --verde-claro:#203b2f; --verde-medio:#619b7e;
  --amarelo:#e2ba79; --amarelo-claro:#3d3221; --vermelho:#eba09a; --vermelho-claro:#422b2b;
  --roxo:#cfb3df; --roxo-claro:#3b2e46; --azul:#a9c8e2; --azul-claro:#263846;
  --cinza-claro:#29313a; --sidebar:#14191e; --linha-alerta:#be9859; --linha-erro:#c17d74;
  --miranda-azul:var(--verde-escuro); --miranda-azul-forte:var(--acao); --miranda-azul-claro:var(--verde-claro);
  --raio:14px; --sombra:0 4px 16px #0000000d; --sombra-alta:0 20px 65px #0005;
}
:root[data-tema="claro"] {
  color-scheme:light;
  --fundo:#f2f4f6; --branco:#ffffff; --painel-2:#f8fafb; --tinta:#1b2730; --tinta-fraca:#566571;
  --borda:#cbd3da; --acao:#286b50; --acao-hover:#20573f; --campo-borda:#788793; --foco:#35775b;
  --verde:#256446; --verde-escuro:#256446; --verde-claro:#e3f0e8; --verde-medio:#448767;
  --amarelo:#805311; --amarelo-claro:#fff1d8; --vermelho:#a03e38; --vermelho-claro:#fbeae7;
  --roxo:#704782; --roxo-claro:#f0e8f4; --azul:#335c7a; --azul-claro:#e6eff7;
  --cinza-claro:#e8edf0; --sidebar:#fafbfc; --linha-alerta:#b07d2e; --linha-erro:#b8645b;
}
:root[data-tema="verde"] { --fundo:#0f1713; --branco:#19251f; --painel-2:#213129; --sidebar:#121e18; --borda:#3c5246; }
/* Paleta anterior do painel; mantém o layout e as bordas legíveis do Workspace. */
:root[data-tema="classico"] {
  --fundo:#0b0d0c; --branco:#121513; --painel-2:#181c19; --sidebar:#0b0d0c;
  --tinta:#e9efeb; --tinta-fraca:#8d978f; --borda:#304138;
  --acao:#246c49; --acao-hover:#377d59; --campo-borda:#66776a; --foco:#5fd996;
  --verde:#34c77a; --verde-escuro:#5fd996; --verde-claro:rgba(52,199,122,.12); --verde-medio:#1f5c3a;
  --amarelo:#e2b25b; --amarelo-claro:rgba(226,178,91,.12);
  --vermelho:#ee6b5f; --vermelho-claro:rgba(238,107,95,.12);
  --roxo:#b7a6ff; --roxo-claro:rgba(183,166,255,.12); --cinza-claro:#1d221f;
}
:root[data-tema] body { background:var(--fundo); color:var(--tinta); font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:16px; line-height:1.5; }
:root[data-tema] .app { display:grid; grid-template-columns:218px minmax(0,1fr); gap:30px; max-width:1740px; margin:auto; padding:24px 30px 40px 20px; align-items:start; }
:root[data-tema] .conteudo { min-width:0; padding:4px 0 0; }
:root[data-tema] #tela { min-width:0; }
:root[data-tema] .trilho { position:sticky; top:24px; height:calc(100dvh - 48px); border:1px solid var(--borda); background:var(--sidebar); border-radius:16px; padding:20px 12px 12px; display:flex; flex-direction:column; align-items:stretch; gap:5px; overflow-y:auto; box-shadow:none; }
:root[data-tema] .trilho-marca { display:flex; align-items:center; gap:10px; padding:2px 6px 24px; }
:root[data-tema] .trilho-marca > span { display:flex; flex-direction:column; gap:3px; }
:root[data-tema] .trilho-marca b { font-size:20px; letter-spacing:-.03em; color:var(--tinta); }
:root[data-tema] .trilho-marca small { color:var(--tinta-fraca); font-size:10px; letter-spacing:.09em; }
:root[data-tema] .logo,:root[data-tema] .login-marca { width:40px; height:40px; border:1px solid var(--verde-medio); border-radius:12px; background:var(--verde-claro); color:var(--verde-escuro); box-shadow:none; }
.trilho-grupo { color:var(--tinta-fraca); letter-spacing:.09em; font-size:11px; padding:12px 10px 5px; }
:root[data-tema] .trilho button { display:flex; align-items:center; justify-content:flex-start; gap:12px; width:100%; min-height:45px; height:auto; border:1px solid transparent; border-radius:9px; padding:10px 12px; background:transparent; color:var(--tinta-fraca); font-size:14px; text-align:left; white-space:normal; }
:root[data-tema] .trilho .rotulo-mobile { display:block; font-size:14px; font-weight:650; }
:root[data-tema] .trilho button svg { width:20px; height:20px; flex:none; }
:root[data-tema] .trilho button.ativa { background:var(--verde-claro); border-color:var(--verde-medio); color:var(--verde-escuro); box-shadow:none; }
:root[data-tema] .trilho button:hover { color:var(--tinta); background:var(--painel-2); }
:root[data-tema] .trilho button.ativa:hover { background:var(--verde-claro); color:var(--verde-escuro); }
:root[data-tema] .trilho button::after { display:none; }
:root[data-tema] .trilho .trilho-mais { display:none; }
.trilho-rodape { margin-top:auto; padding-top:30px; }
.trilho-rodape > small { display:block; color:var(--tinta-fraca); font-size:12px; padding:0 12px 8px; }
:root[data-tema] .trilho-rodape button { font-size:12px; }
:root[data-tema] .fila-badge { color:#fff; background:var(--acao); border:1px solid var(--verde-medio); }
:root[data-tema] .topo { gap:10px; margin-bottom:24px; flex-wrap:wrap; align-items:center; }
:root[data-tema] .topo h1 { font-size:clamp(25px,2.5vw,32px); font-weight:780; letter-spacing:-.04em; line-height:1.2; }
:root[data-tema] .topo .sub { color:var(--tinta-fraca); font-size:14px; margin-top:7px; line-height:1.5; }
:root[data-tema] h2 { font-size:19px; letter-spacing:-.02em; }
:root[data-tema] h3 { letter-spacing:-.015em; }
.workspace-eyebrow { color:var(--tinta-fraca); font-size:11px; letter-spacing:.12em; font-weight:750; display:block; margin-bottom:6px; }
:root[data-tema] .cartao,:root[data-tema] .painel-recolhivel,:root[data-tema] .conta-operacional,:root[data-tema] .cc-painel,
:root[data-tema] .crm-perfil,:root[data-tema] .crm-bloco,:root[data-tema] .login-card { background:var(--branco); border:1px solid var(--borda); border-radius:16px; box-shadow:var(--sombra); }
:root[data-tema] .cartao { padding:22px; }
:root[data-tema] .cartao.verde { background:var(--verde-claro); color:var(--tinta); border-color:var(--verde-medio); }
:root[data-tema] .cartao.verde .numero { color:var(--verde-escuro); }
:root[data-tema] .cartao.verde .numerao .centavos { color:var(--tinta-fraca); }
:root[data-tema] .cartao.verde :is(.legenda,small) { color:var(--tinta-fraca); }
:root[data-tema] .cartao-topo { padding-bottom:15px; gap:12px; }
:root[data-tema] .inicio-numeros { gap:14px; }
:root[data-tema] .inicio-numeros .cartao { border:1px solid var(--borda); border-top:3px solid var(--verde-medio); background:var(--branco); }
:root[data-tema] .inicio-numeros .numero { font-size:30px; color:var(--tinta); }
:root[data-tema] .legenda,:root[data-tema] .sub,:root[data-tema] .muted { color:var(--tinta-fraca); }
:root[data-tema] :is(.acao,.pilula,.login-botao) { min-height:42px; border:1px solid var(--borda); border-radius:9px; background:var(--painel-2); color:var(--tinta); font-size:14px; font-weight:650; box-shadow:none; }
:root[data-tema] button.acao.principal,:root[data-tema] a.acao.principal,:root[data-tema] .pilula.solida,:root[data-tema] .pilula.principal,:root[data-tema] .login-botao { background:var(--acao); border-color:var(--acao); color:#fff; }
:root[data-tema] button.acao.principal:hover,:root[data-tema] a.acao.principal:hover,:root[data-tema] .pilula.solida:hover,:root[data-tema] .pilula.principal:hover,:root[data-tema] .login-botao:hover { background:var(--acao-hover); color:#fff; }
:root[data-tema] :is(.acao,.pilula).perigo { color:var(--vermelho); background:var(--vermelho-claro); border-color:var(--linha-erro); }
:root[data-tema] :is(.acao,.pilula).so-icone { min-width:42px; padding:10px; }
:root[data-tema] :is(button,input,textarea,select,a,summary):focus-visible { outline:2px solid var(--foco); outline-offset:3px; }
:root[data-tema] :is(input,select,textarea) { background:var(--painel-2); border:1px solid var(--campo-borda); color:var(--tinta); border-radius:9px; font-size:16px; line-height:1.5; min-width:0; }
:root[data-tema] :is(input,textarea)::placeholder { color:var(--tinta-fraca); opacity:1; }
:root[data-tema] :is(input,textarea,select):focus { border-color:var(--foco); box-shadow:0 0 0 2px var(--verde-claro); }
:root[data-tema] button:disabled { opacity:.48; cursor:not-allowed; box-shadow:none; }
:root[data-tema] label { color:var(--tinta-fraca); font-size:14px; }
:root[data-tema] :is(.selo,.tag,.cc-prazo,.status-pill) { border-radius:6px; padding:4px 8px; font-size:12px; font-weight:700; line-height:1.4; white-space:normal; }
:root[data-tema] :is(.selo.verde,.status-pill.ok,.cc-prazo.em_dia) { color:var(--verde-escuro); background:var(--verde-claro); }
:root[data-tema] .selo.solido { background:var(--acao); color:#fff; }
:root[data-tema] :is(.selo.amarelo,.status-pill.warn,.cc-prazo.hoje,.cc-prazo.proximo,.cc-prazo.pausados) { color:var(--amarelo); background:var(--amarelo-claro); }
:root[data-tema] :is(.selo.vermelho,.status-pill.erro,.cc-prazo.atrasado) { color:var(--vermelho); background:var(--vermelho-claro); }
:root[data-tema] :is(.selo.cinza,.cc-prazo.arquivados) { color:var(--tinta-fraca); background:var(--cinza-claro); }
:root[data-tema] :is(.selo.azul,.tag.familia,.cc-avatar.familia) { color:var(--azul); background:var(--azul-claro); }
:root[data-tema] .cc-tipo.familia { color:var(--azul); }
:root[data-tema] :is(.selo.roxo,.tag.compart,.cc-avatar.compartilhado) { color:var(--roxo); background:var(--roxo-claro); }
:root[data-tema] .icone-caixa,:root[data-tema] .avatar { color:var(--verde-escuro); background:var(--verde-claro); border-radius:11px; }
:root[data-tema] :is(.aviso-info,.liberacao-bloco,.destino-resumo) { background:var(--painel-2); border:1px solid var(--borda); border-radius:11px; color:var(--tinta); }
:root[data-tema] :is(.aviso-atencao,.aviso-amarelo) { background:var(--amarelo-claro); border:1px solid var(--linha-alerta); color:var(--amarelo); border-radius:10px; }
:root[data-tema] .pedido-site-item,:root[data-tema] .renovacao-item { background:var(--painel-2); border:1px solid var(--borda); border-radius:13px; }
:root[data-tema] .pedido-site-item.destino-pendente { border-left:3px solid var(--linha-alerta); }
:root[data-tema] .pedido-site-item.destino-confirmado { border-left:3px solid var(--verde-medio); }
:root[data-tema] .pedido-site-item.espera-atencao { border-left-color:var(--linha-alerta); }
:root[data-tema] .pedido-site-item.espera-urgente { border-left-color:var(--linha-erro); }
/* Entrega: identidade fixa, dados compactos e ações com hierarquia. */
:root[data-tema] .pedidos-caixa-entrada { padding:0; box-shadow:none; }
:root[data-tema] .pedidos-caixa-entrada .pedidos-site-topo { background:transparent; padding:14px 16px; }
:root[data-tema] .pedidos-caixa-entrada .pedidos-site-titulo h2 { font-size:18px; }
:root[data-tema] .pedidos-caixa-entrada .pedidos-site-titulo .legenda { font-size:13px; }
:root[data-tema] .pedidos-caixa-entrada .pedidos-site-topo > .selo { flex:none; min-width:30px; text-align:center; white-space:nowrap; }
:root[data-tema] .pedidos-caixa-entrada .pedidos-site-lista { padding:12px; gap:12px; }
:root[data-tema] .pedido-entrega-card { padding:16px; background:var(--branco); min-width:0; box-shadow:none; }
.pedido-entrega-identidade { display:grid; grid-template-columns:38px minmax(0,1fr); align-items:start; gap:10px; }
:root[data-tema] .pedido-entrega-identidade .avatar { width:38px; height:38px; flex:none; font-size:13px; }
.pedido-entrega-pessoa { min-width:0; }
.pedido-entrega-pessoa strong { display:block; font-size:16px; line-height:1.35; overflow-wrap:anywhere; }
.pedido-entrega-pessoa > span { display:block; color:var(--tinta-fraca); font-size:13px; line-height:1.45; margin-top:3px; overflow-wrap:anywhere; }
.pedido-entrega-etiquetas { display:flex; gap:6px; flex-wrap:wrap; margin-top:12px; align-items:center; }
:root[data-tema] .pedido-entrega-etiquetas :is(.tag,.selo) { font-size:13px; margin:0; }
.pedido-entrega-resumo { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding:12px 0; }
.pedido-entrega-resumo small { display:block; color:var(--tinta-fraca); font-size:13px; }
.pedido-entrega-resumo strong { display:block; font-size:15px; margin-top:2px; line-height:1.4; }
.pedido-entrega-destino { padding:10px 12px; background:var(--painel-2); border:1px solid var(--borda); border-radius:9px; }
.pedido-entrega-destino > div { display:flex; gap:10px; justify-content:space-between; align-items:baseline; flex-wrap:wrap; }
.pedido-entrega-destino small { font-size:13px; color:var(--tinta-fraca); }
.pedido-entrega-destino strong { font-size:15px; }
.pedido-entrega-destino > span { display:block; color:var(--tinta); font-size:13px; margin-top:4px; overflow-wrap:anywhere; }
.pedido-entrega-destino .pedido-destino-nota { color:var(--verde-escuro); margin:5px 0 0; font-size:13px; line-height:1.4; }
:root[data-tema] .pedido-entrega-card.destino-pendente .pedido-destino-nota { color:var(--amarelo); }
.pedido-entrega-principais,.pedido-entrega-secundarias { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.pedido-entrega-principais { margin-top:12px; }
:root[data-tema] .pedido-entrega-card .acao { min-width:0; min-height:46px; justify-content:center; white-space:normal; line-height:1.35; font-size:14px; padding:10px 8px; gap:6px; }
:root[data-tema] .pedido-entrega-card .acao svg { width:17px; height:17px; flex:none; }
.pedido-entrega-mais { margin-top:8px; }
.pedido-entrega-mais > summary { min-height:44px; padding:11px 3px; color:var(--tinta-fraca); font-size:14px; cursor:pointer; border-radius:6px; }
.pedido-entrega-mais[open] > summary { color:var(--tinta); }
:root[data-tema] .pedido-entrega-secundarias .perigo { grid-column:1/-1; }
:root[data-tema] .pedidos-caixa-entrada .pedidos-legenda-espera { padding:0 12px 12px; font-size:13px; line-height:1.5; }
:root[data-tema] :is(.pedido-site-detalhes,.renovacao-detalhes,.conta-operacional-metricas > div) { background:var(--branco); border-radius:9px; }
:root[data-tema] .conta-operacional { border-left-width:3px; }
:root[data-tema] .conta-operacional.hoje,:root[data-tema] .conta-operacional.proximo { border-left-color:var(--linha-alerta); }
:root[data-tema] .conta-operacional.atrasado { border-left-color:var(--linha-erro); }
:root[data-tema] .conta-operacional.suspensa { border-left-color:var(--tinta-fraca); opacity:1; }
:root[data-tema] .conta-operacional-identidade strong { font-size:17px; line-height:1.5; }
:root[data-tema] .conta-operacional-identidade small { font-size:13px; }
:root[data-tema] .conta-operacional-acoes { gap:9px; }
:root[data-tema] :is(.contas-modos,.pedidos-filtros,.cc-situacoes) { background:transparent; border:0; border-bottom:1px solid var(--borda); border-radius:0; padding:4px 0 8px; gap:7px; scrollbar-width:thin; }
:root[data-tema] :is(.contas-modos,.pedidos-filtros) button { min-height:42px; border:1px solid var(--borda); border-radius:8px; font-size:14px; background:transparent; color:var(--tinta-fraca); }
:root[data-tema] :is(.contas-modos,.pedidos-filtros) button:is(.ativa,.ativo) { border-color:var(--verde-medio); color:var(--verde-escuro); background:var(--verde-claro); box-shadow:none; }
:root[data-tema] :is(.cc-busca,.contas-pesquisa,.crm-busca) { border-color:var(--campo-borda); border-radius:10px; background:var(--painel-2); }
:root[data-tema] :is(.cc-busca,.crm-busca,.contas-pesquisa) input { border:0; box-shadow:none; background:transparent; }
:root[data-tema] .contas-filtros-linha { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:12px; }
:root[data-tema] .contas-filtros-linha label { display:flex; flex-direction:column; gap:6px; min-width:0; margin:0; }
:root[data-tema] .contas-filtros-linha select { width:100%; min-height:46px; margin:0; padding:10px 12px; cursor:pointer; }
:root[data-tema] .contas-pesquisa-bloco > small { font-size:13px; }
:root[data-tema] .contas-lista-cabecalho { flex-wrap:wrap; }
:root[data-tema] .cc-eyebrow { font-size:11px; }
:root[data-tema] .cc-nome { font-size:16px; }
:root[data-tema] :is(.cc-escopos button,.cc-planos span,.cc-situacoes button,.cc-tipo,.cc .cc-acoes .acao,.cc-ordem select,.cc-familia b,.cc-familia span) { font-size:14px; }
:root[data-tema] :is(.cc-email,.cc-telefone,.cc #cc-ajuda,.cc-lista-topo #cc-resultado,.cc-ciclo > span:last-child,.cc-paginacao,.cc-nota,.cc-acesso > small) { font-size:13px; }
:root[data-tema] .cc-colunas { font-size:11px; }
:root[data-tema] .cc-linha { border-left:3px solid transparent; }
:root[data-tema] .cc-linha:has(.cc-prazo.atrasado) { border-left-color:var(--linha-erro); }
:root[data-tema] .cc-linha:has(.cc-prazo.hoje,.cc-prazo.proximo,.cc-prazo.pausados) { border-left-color:var(--linha-alerta); }
:root[data-tema] .cc .cc-acoes .acao { min-height:40px; }
:root[data-tema] .cc-planos button[aria-pressed=true],:root[data-tema] .cc-situacoes button[aria-pressed=true] { outline:1px solid currentColor; outline-offset:1px; }
:root[data-tema] .cc-planos button[aria-pressed=true]:focus-visible,:root[data-tema] .cc-situacoes button[aria-pressed=true]:focus-visible { outline:3px solid var(--foco); outline-offset:4px; }
:root[data-tema] [hidden] { display:none !important; }
:root[data-tema] .cc-planos button[data-cc-plano="GRUPO FAMÍLIA"][aria-pressed=true] { color:var(--azul); border-color:var(--azul); background:var(--azul-claro); }
:root[data-tema] :is(th,td) { border-color:var(--borda); }
:root[data-tema] th { background:var(--painel-2); color:var(--tinta-fraca); font-size:12px; }
:root[data-tema] td { font-size:14px; }
:root[data-tema] dialog { background:var(--branco); color:var(--tinta); border:1px solid var(--borda); border-radius:17px; box-shadow:var(--sombra-alta); max-height:92dvh; }
:root[data-tema] dialog::backdrop { background:#080d13ba; backdrop-filter:blur(5px); }
:root[data-tema] .rodape { border-color:var(--borda); flex-wrap:wrap; }
:root[data-tema] .login-card { max-width:440px; }
:root[data-tema] .login-botao { min-height:48px; }
:root[data-tema] .menu-mais-item { border:1px solid var(--borda); background:var(--painel-2); color:var(--tinta); border-radius:12px; }
:root[data-tema] .menu-mais-rodape { flex-wrap:wrap; }
:root[data-tema] .menu-temas { flex-wrap:wrap; min-width:0; }
:root[data-tema] .menu-temas .acao { width:auto; min-height:44px; flex:1 0 auto; white-space:nowrap; }
:root[data-tema] .amostra-tema { flex:none; }
.amostra-tema.classico { background:#0b0d0c; border:3px solid #34c77a; }
:root[data-tema] .menu-temas .acao[aria-pressed=true] { border-color:var(--foco); background:var(--verde-claro); color:var(--verde-escuro); }
:root[data-tema] .convites-page { background:var(--fundo); }
:root[data-tema] :is(.convites-card,.convites-history,.family-members,.action-card) { background:var(--branco); border-color:var(--borda); color:var(--tinta); border-radius:14px; }
:root[data-tema] .convites-notice { background:var(--amarelo-claro); border-color:var(--linha-alerta); color:var(--amarelo); }
:root[data-tema] .convites-page :is(.muted,small,p) { color:var(--tinta-fraca); }
:root[data-tema] .convites-page :is(input,select) { background:var(--painel-2); color:var(--tinta); border-color:var(--campo-borda); }
/* Ticket dashboard: informação operacional, não uma lista horizontal de nomes. */
.ticket-topo { display:flex; gap:16px; justify-content:space-between; align-items:start; }
.ticket-topo h2 { margin:0; font-size:23px; }
.ticket-topo p { margin:8px 0 0; }
.ticket-indicadores { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:22px 0; }
.ticket-indicador { background:var(--painel-2); border:1px solid var(--borda); border-top:3px solid var(--borda); border-radius:10px; padding:15px; color:var(--tinta); text-align:left; cursor:pointer; }
.ticket-indicador span { display:block; font-size:13px; color:var(--tinta-fraca); }
.ticket-indicador strong { font-size:30px; display:block; padding-top:7px; line-height:1.2; }
.ticket-indicador.aguardando { border-top-color:var(--linha-alerta); }
.ticket-indicador.em_atendimento { border-top-color:var(--azul); }
.ticket-indicador.concluido { border-top-color:var(--verde-medio); }
.ticket-indicador[aria-pressed=true] { outline:2px solid var(--foco); outline-offset:2px; }
.ticket-ferramentas { display:flex; align-items:end; gap:12px; margin-bottom:16px; }
.ticket-ferramentas > label:last-child { min-width:155px; margin:0; }
.ticket-ferramentas select { margin-bottom:0; }
.ticket-busca { flex:1; display:flex; align-items:center; gap:10px; min-width:0; margin:0; padding:0 12px; border:1px solid var(--campo-borda); border-radius:9px; background:var(--painel-2); }
.ticket-busca > svg { width:20px; height:20px; flex:none; }
:root[data-tema] .ticket-busca input { border:0; background:transparent; padding:12px 0; margin:0; width:100%; box-shadow:none; }
.ticket-filtros { display:flex; gap:7px; overflow-x:auto; padding:4px 2px 15px; margin-bottom:18px; border-bottom:1px solid var(--borda); scrollbar-width:thin; }
.ticket-filtros button { white-space:nowrap; flex:none; }
:root[data-tema] .ticket-filtros button[aria-pressed=true] { background:var(--verde-claro); border-color:var(--verde-medio); color:var(--verde-escuro); }
.ticket-fila-topo { display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.ticket-fila-topo span { color:var(--amarelo); font-size:14px; }
.ticket-regra { font-size:13px; margin:6px 0 18px; }
#ticket-lista { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.ticket-card { display:flex; flex-direction:column; gap:14px; border:1px solid var(--borda); border-left:3px solid var(--linha-alerta); padding:18px; border-radius:12px; background:var(--painel-2); min-width:0; }
.ticket-card.em_atendimento { border-left-color:var(--azul); }
.ticket-card.aguardando_cliente { border-left-color:var(--borda); }
.ticket-card.prioridade-urgente:not(.concluido) { border-left-color:var(--linha-erro); }
.ticket-card.concluido { border-left-color:var(--verde-medio); }
.ticket-identidade { display:flex; gap:10px; align-items:start; }
.ticket-identidade > div:nth-child(2) { min-width:0; flex:1; }
.ticket-identidade h3 { font-size:17px; line-height:1.4; margin:0 0 4px; overflow-wrap:anywhere; }
.ticket-identidade small { color:var(--tinta-fraca); font-size:13px; overflow-wrap:anywhere; }
.ticket-identidade .avatar { width:38px; height:38px; flex:none; font-size:13px; }
.ticket-tags,.ticket-pedidos { display:flex; gap:7px; flex-wrap:wrap; }
.ticket-previa { margin:0; color:var(--tinta); font-size:15px; overflow-wrap:anywhere; line-height:1.6; }
.ticket-previa small { display:block; color:var(--tinta-fraca); font-size:12px; margin-top:7px; }
.ticket-contexto { display:flex; flex-direction:column; gap:8px; margin-top:auto; padding-top:12px; border-top:1px solid var(--borda); color:var(--tinta-fraca); font-size:13px; }
.ticket-contexto > * { display:flex; align-items:center; gap:7px; }
.ticket-contexto svg { width:15px; height:15px; flex:none; }
.ticket-card > button { align-self:stretch; justify-content:center; }
.ticket-paginacao { display:flex; justify-content:space-between; gap:12px; margin-top:18px; align-items:center; font-size:13px; color:var(--tinta-fraca); }
.ticket-paginacao > div { display:flex; gap:8px; }
.ticket-vazio { grid-column:1/-1; text-align:center; padding:30px 16px; color:var(--tinta-fraca); border:1px dashed var(--borda); border-radius:12px; }
.ticket-controle { padding:16px; border:1px solid var(--borda); background:var(--painel-2); border-radius:12px; margin:16px 0; }
.ticket-comandos { display:flex; align-items:end; gap:9px; flex-wrap:wrap; margin-top:14px; }
.ticket-comandos label { margin:0; min-width:130px; }
.ticket-comandos select { margin-bottom:0; }
.ticket-controle .legenda { font-size:13px; }
.ticket-historico { border-top:1px solid var(--borda); margin-top:14px; padding-top:10px; font-size:13px; }
.ticket-historico summary { cursor:pointer; min-height:32px; }
.ticket-historico ol { list-style:none; margin:6px 0 0; padding:0; }
.ticket-historico li { border-top:1px solid var(--borda); padding:8px 0; }
.ticket-historico small { display:block; color:var(--tinta-fraca); margin-top:4px; }
:root[data-tema] .sala-thread { background:var(--fundo); border:1px solid var(--borda); min-height:160px; max-height:42dvh; height:auto; border-radius:12px; padding:16px; }
:root[data-tema] .sala-bolha { background:var(--painel-2); color:var(--tinta); border:1px solid var(--borda); border-radius:12px; }
:root[data-tema] .sala-msg.cliente .sala-bolha { background:var(--azul-claro); color:var(--tinta); border-color:var(--borda); }
:root[data-tema] .sala-msg.operador .sala-bolha { background:var(--verde-claro); color:var(--tinta); border-color:var(--verde-medio); }
:root[data-tema] .sala-msg em { color:var(--tinta-fraca); font-size:12px; }
.sala-canal { display:block; margin:18px 0 8px; color:var(--tinta); }
.sala-canal small { display:block; font-size:12px; color:var(--tinta-fraca); margin-top:4px; }
:root[data-tema] .sala-escrever textarea { background:var(--painel-2); border-color:var(--campo-borda); min-height:100px; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(min-width:1101px) {
  :root[data-tema] .pedido-entrega-card { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); column-gap:24px; align-items:start; }
  .pedido-entrega-identidade { grid-column:1; grid-row:1; }
  .pedido-entrega-etiquetas { grid-column:1; grid-row:2; }
  .pedido-entrega-resumo { grid-column:1; grid-row:3; padding-bottom:0; }
  .pedido-entrega-destino { grid-column:2; grid-row:1/3; }
  .pedido-entrega-principais { grid-column:2; grid-row:3; }
  .pedido-entrega-mais { grid-column:1/-1; }
  .pedido-entrega-secundarias { display:flex; flex-wrap:wrap; }
  :root[data-tema] .pedido-entrega-secundarias .perigo { margin-left:auto; }
}
@media(min-width:901px) and (max-width:1250px) {
  :root[data-tema] .app { grid-template-columns:190px minmax(0,1fr); padding:18px; gap:20px; }
  #ticket-lista { grid-template-columns:1fr; }
  :root[data-tema] .cc-colunas,:root[data-tema] .cc-linha { grid-template-columns:minmax(160px,1.3fr) minmax(120px,1fr) minmax(115px,.8fr) 140px; }
}
@media(max-width:900px) {
  :root[data-tema] .app { display:block; padding:20px 18px calc(110px + env(safe-area-inset-bottom)); }
  :root[data-tema] .trilho { position:fixed; inset:auto 0 0; width:100%; height:auto; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:3px; padding:9px 10px calc(9px + env(safe-area-inset-bottom)); border:1px solid var(--borda); border-radius:18px 18px 0 0; background:var(--sidebar); backdrop-filter:blur(16px); overflow:visible; z-index:30; }
  :root[data-tema] .trilho :is(.trilho-marca,.trilho-grupo,.trilho-desktop,.trilho-rodape) { display:none; }
  :root[data-tema] .trilho button,:root[data-tema] .trilho .trilho-mais { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:4px; padding:6px 2px; min-height:53px; border-radius:10px; }
  :root[data-tema] .trilho .rotulo-mobile { font-size:12px; line-height:1.4; }
  :root[data-tema] .trilho button svg { width:21px; height:21px; }
  :root[data-tema] .trilho .fila-badge { top:-5px; right:-10px; }
  :root[data-tema] .inicio-grade { grid-template-columns:1fr; }
  :root[data-tema] .crm-envio-barra,:root[data-tema] .crm-proxima { bottom:calc(84px + env(safe-area-inset-bottom)); }
  :root[data-tema] #aviso { bottom:calc(94px + env(safe-area-inset-bottom)); }
}
@media(max-width:760px) {
  :root[data-tema] .app { padding:20px 14px calc(108px + env(safe-area-inset-bottom)); }
  :root[data-tema] .topo { margin-bottom:22px; gap:8px; }
  :root[data-tema] .topo h1 { font-size:26px; }
  :root[data-tema] .cartao { padding:17px; border-radius:14px; }
  :root[data-tema] .cartao-topo { flex-wrap:wrap; }
  :root[data-tema] .grade.g-4,:root[data-tema] .inicio-numeros { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  :root[data-tema] .inicio-numeros .numero { font-size:26px; }
  :root[data-tema] .pedido-site-item { padding:15px; }
  :root[data-tema] .pedidos-caixa-entrada { border:0; padding:0; background:transparent; overflow:visible; }
  :root[data-tema] .pedidos-caixa-entrada .pedidos-site-topo { padding:0 0 12px; margin-bottom:12px; align-items:center; }
  :root[data-tema] .pedidos-caixa-entrada .pedidos-site-titulo .icone-caixa { width:34px; height:34px; min-width:34px; }
  :root[data-tema] .pedidos-caixa-entrada .pedidos-site-lista { padding:0; }
  :root[data-tema] .pedido-entrega-card { padding:14px; }
  :root[data-tema] .pedidos-caixa-entrada .pedidos-legenda-espera { padding:0 2px; }
  :root[data-tema] .pedidos-filtros { scroll-snap-type:x proximity; }
  :root[data-tema] .pedidos-filtros button { scroll-snap-align:start; padding:0 10px; }
  :root[data-tema] .cc-linha { padding:16px 13px; }
  :root[data-tema] .cc-lista-topo { padding:14px 12px; }
  :root[data-tema] .cc-nome { font-size:16px; }
  :root[data-tema] .cc-planos { gap:8px; grid-template-columns:repeat(2,minmax(0,1fr)); }
  :root[data-tema] .cc-planos button { padding:12px; }
  :root[data-tema] dialog { width:calc(100% - 16px); max-width:calc(100% - 16px); max-height:calc(100dvh - 24px); padding:18px; margin:auto; border-radius:16px; }
  :root[data-tema] #modal-form[data-form="modal-sala"] { min-width:0; }
  :root[data-tema] .sala-cabecalho { flex-direction:column; gap:10px; align-items:stretch; }
  :root[data-tema] .sala-cabecalho-acoes { justify-content:flex-end; }
  :root[data-tema] .sala-escrever { display:flex; flex-direction:column; gap:10px; }
  :root[data-tema] .sala-escrever button { width:100%; min-height:46px; }
  .ticket-topo { flex-direction:column; gap:10px; }
  .ticket-topo h2 { font-size:21px; }
  .ticket-indicadores { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .ticket-indicador { padding:12px; }
  .ticket-indicador span { font-size:13px; }
  .ticket-ferramentas { flex-direction:column; align-items:stretch; }
  .ticket-ferramentas > label:last-child { display:flex; align-items:center; gap:12px; }
  .ticket-ferramentas select { flex:1; margin:0; }
  #ticket-lista { grid-template-columns:1fr; }
  .ticket-card { padding:14px; }
  .ticket-identidade { flex-wrap:wrap; }
  .ticket-identidade > .selo { margin-left:48px; }
  .ticket-comandos { display:grid; grid-template-columns:1fr 1fr; align-items:stretch; }
  .ticket-comandos label { grid-column:1/-1; }
  .ticket-comandos button { font-size:13px; padding:9px; }
  .ticket-comandos button:last-child { grid-column:1/-1; }
  .ticket-paginacao { flex-direction:column; }
}
@media(max-width:520px) {
  :root[data-tema] .contas-filtros-linha { grid-template-columns:minmax(0,1fr); gap:10px; }
}
@media(max-width:360px) {
  .pedido-entrega-principais { grid-template-columns:minmax(0,1fr); }
}
@media(prefers-reduced-motion:reduce) { :root[data-tema] * { scroll-behavior:auto; transition:none; animation:none; } }