:root{
  --tinta:#1B1916; --carvao:#262320; --campo:#302C28; --linha:#45403A; --linha-forte:#5A544C;
  --osso:#F3EDE2; --agulha:#ABA294; --ouro:#D6B46A; --stencil:#B3A6F5;
  --pago:#8FD3A8; --alerta:#FF9C8A;
  --ouro-fundo:rgba(214,180,106,.14); --stencil-fundo:rgba(179,166,245,.14);
  --r-campo:10px; --r-bloco:6px;
  --fs-xs:13px; --fs-s:15px; --fs-m:17px; --fs-l:21px; --fs-xl:26px; --fs-xxl:34px; --fs-hero:44px;
  color-scheme: dark;
}
*{box-sizing:border-box}
html,body{margin:0}
body{
  background:var(--tinta); color:var(--osso);
  font-family:"Archivo",system-ui,sans-serif; font-size:var(--fs-m); line-height:1.45;
  font-variant-numeric:tabular-nums; -webkit-font-smoothing:antialiased;
}
button,input,select,textarea{font:inherit;color:inherit}
a{color:var(--osso)}
.cond{font-stretch:72%}
h1,h2,h3{margin:0;font-weight:700;font-stretch:72%;letter-spacing:.005em;line-height:1.1}
h1{font-size:var(--fs-xxl)}
h2{font-size:var(--fs-l)}
h3{font-size:var(--fs-m);font-stretch:100%;font-weight:600}
p{margin:0}
.apoio{color:var(--agulha)}
.pequeno{font-size:var(--fs-xs)}
.ouro{color:var(--ouro)} .stencil{color:var(--stencil)}
.num{font-variant-numeric:tabular-nums;white-space:nowrap}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:3px solid var(--osso);outline-offset:2px;border-radius:4px}
.pular{position:absolute;left:12px;top:-60px;background:var(--osso);color:var(--tinta);padding:10px 14px;border-radius:6px;z-index:50}
.pular:focus{top:12px}

/* Estrutura */
.app{display:grid;grid-template-columns:224px 1fr;min-height:100vh}
.trilho{border-right:1px solid var(--linha);padding:24px 16px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:28px}
.marca{display:flex;flex-direction:column;gap:2px;padding:0 8px}
.marca b{font-size:var(--fs-xl);font-stretch:72%;font-weight:800;letter-spacing:.01em}
.marca span{font-size:var(--fs-xs);color:var(--agulha)}
.trilho nav{display:flex;flex-direction:column;gap:4px}
.trilho a,.trilho button.futuro{display:flex;justify-content:space-between;align-items:center;text-decoration:none;padding:10px 12px;border-radius:var(--r-bloco);font-size:var(--fs-s);font-weight:600;color:var(--osso);background:none;border:0;text-align:left;cursor:pointer;width:100%}
.trilho a:hover{background:var(--carvao)}
.trilho a[aria-current="page"]{background:var(--osso);color:var(--tinta)}
.trilho .grupo-futuro{display:flex;flex-direction:column;gap:2px;border-top:1px solid var(--linha);padding-top:16px}
.trilho .grupo-futuro p{font-size:var(--fs-xs);color:var(--agulha);padding:0 12px 6px}
.trilho button.futuro{color:var(--agulha);font-weight:400}
.trilho button.futuro:hover{background:var(--carvao)}
.usuario{margin-top:auto;padding:12px;border-top:1px solid var(--linha);font-size:var(--fs-s)}
.usuario select{background:var(--campo);border:1px solid var(--linha);border-radius:8px;padding:6px 8px;width:100%;margin-top:6px}
main{padding:28px 40px 64px;max-width:1240px;width:100%}
.abas{display:none}

/* Cabeçalho de tela */
.cabeca{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:24px}
.cabeca .apoio{margin-top:6px;font-size:var(--fs-s)}

/* Botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border-radius:var(--r-campo);border:1px solid var(--linha-forte);background:var(--campo);font-weight:600;font-size:var(--fs-s);cursor:pointer;text-decoration:none;color:var(--osso)}
.btn:hover{border-color:var(--osso)}
.btn.principal{background:var(--osso);color:var(--tinta);border-color:var(--osso)}
.btn.principal:hover{background:#fff}
.btn.principal[aria-disabled="true"]{background:var(--campo);color:var(--agulha);border-color:var(--linha);cursor:not-allowed}
.btn.leve{background:none;border-color:transparent;text-decoration:underline;text-underline-offset:3px;padding:0 8px}
.btn.pq{min-height:40px;padding:0 14px}

/* Régua da divisão: o elemento memorável */
.regua{display:flex;height:14px;border-radius:3px;overflow:hidden;background:var(--campo);gap:2px}
.regua i{display:block;height:100%;transition:flex-basis .28s ease-out;flex:0 0 0}
.regua .r-est{background:var(--ouro)}
.regua .r-art{background:var(--stencil)}
.regua .r-imp{background:repeating-linear-gradient(135deg,var(--agulha) 0 2px,transparent 2px 6px);opacity:.75}
.regua.grande{height:22px}
.legenda{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:10px;font-size:var(--fs-s)}
.legenda span{display:inline-flex;align-items:baseline;gap:8px}
.legenda b{font-weight:700}
.marcador{width:10px;height:10px;border-radius:2px;display:inline-block;transform:translateY(-1px)}
.m-est{background:var(--ouro)} .m-art{background:var(--stencil)}
.m-imp{background:repeating-linear-gradient(135deg,var(--agulha) 0 2px,transparent 2px 4px)}
@media (prefers-reduced-motion:reduce){.regua i{transition:none}}

/* Hoje */
.dia-topo{padding:4px 0 28px;border-bottom:1px solid var(--linha);margin-bottom:28px}
.dia-total{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin:18px 0 14px}
.dia-total .valor{font-size:var(--fs-hero);font-weight:700;font-stretch:72%;line-height:1}
.dia-onde{display:flex;flex-wrap:wrap;gap:4px 24px;margin-top:14px;font-size:var(--fs-s);color:var(--agulha)}
.dia-onde b{color:var(--osso);font-weight:600}
.duas{display:grid;grid-template-columns:1.15fr 1fr;gap:28px;margin-bottom:36px}
.bloco{background:var(--carvao);border-radius:var(--r-bloco);padding:20px 20px 8px}
.bloco > header{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px}
.lista{list-style:none;margin:0;padding:0}
.lista > li{border-top:1px solid var(--linha);padding:14px 0}
.lista > li:first-child{border-top:0}
.receber{display:grid;grid-template-columns:56px 1fr auto;grid-template-areas:'hora quem falta' 'hora quem acao';gap:6px 14px;align-items:start}
.receber .hora{grid-area:hora;padding-top:2px}.receber .quem{grid-area:quem}.receber .falta{grid-area:falta}
.receber .hora{font-weight:700;font-stretch:72%;font-size:var(--fs-l)}
.receber .quem b{font-weight:600}
.receber .quem p{font-size:var(--fs-s);color:var(--agulha)}
.receber .falta{text-align:right}
.receber .falta b{display:block;font-size:var(--fs-l);font-weight:700;font-stretch:72%}
.receber .acao{grid-area:acao;justify-self:end}
.acerto-linha{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;background:none;border:0;padding:0;text-align:left;cursor:pointer}
.acerto-linha:hover .nome{text-decoration:underline;text-underline-offset:3px}
.acerto-linha .nome{font-weight:600}
.acerto-linha .frase{font-size:var(--fs-s);color:var(--agulha)}
.acerto-linha .v{font-size:var(--fs-l);font-weight:700;font-stretch:72%}
.vazio{padding:18px 0 22px;color:var(--agulha);font-size:var(--fs-s)}

.livro{width:100%;border-collapse:collapse;font-size:var(--fs-s)}
.livro caption{text-align:left;padding-bottom:10px}
.livro th{font-weight:600;color:var(--agulha);text-align:left;padding:8px 10px;border-bottom:1px solid var(--linha-forte);font-size:var(--fs-xs)}
.livro td{padding:11px 10px;border-bottom:1px solid var(--linha);vertical-align:middle}
.livro .dir{text-align:right}
.livro tbody tr:hover{background:var(--carvao)}
.forma{display:inline-block;padding:2px 8px;border-radius:999px;border:1px solid var(--linha-forte);font-size:var(--fs-xs);white-space:nowrap}
.forma.pix_artista{border-color:var(--stencil);color:var(--stencil)}

/* Novo atendimento */
.form-grade{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:40px;align-items:start}
fieldset{border:0;margin:0 0 30px;padding:0;min-width:0}
legend{font-weight:700;font-stretch:72%;font-size:var(--fs-l);margin-bottom:12px;padding:0}
.passo-dica{font-size:var(--fs-s);color:var(--agulha);margin:-6px 0 12px}
.campo{display:flex;flex-direction:column;gap:6px}
.campo label{font-size:var(--fs-s);font-weight:600}
.entrada{background:var(--campo);border:1px solid var(--linha-forte);border-radius:var(--r-campo);min-height:52px;padding:0 14px;font-size:var(--fs-l);width:100%}
.entrada:focus-visible{outline:3px solid var(--osso);outline-offset:2px}
.entrada::placeholder{color:#8C8478}
.entrada.dinheiro{font-size:var(--fs-xxl);font-weight:700;font-stretch:72%;min-height:64px}
.entrada.pq{font-size:var(--fs-m);min-height:46px}
.erro-campo{color:var(--alerta);font-size:var(--fs-s)}
.resultados{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.cliente-op{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:56px;padding:8px 14px;background:var(--carvao);border:1px solid var(--linha);border-radius:var(--r-campo);cursor:pointer;text-align:left}
.cliente-op:hover{border-color:var(--osso)}
.cliente-op small{display:block;color:var(--agulha);font-size:var(--fs-xs)}
.cliente-escolhido{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--osso);border-radius:var(--r-campo)}
.cliente-escolhido b{font-weight:600}
.aviso{border-left:3px solid var(--alerta);padding:10px 14px;background:rgba(255,156,138,.08);font-size:var(--fs-s);margin-top:10px;border-radius:0 6px 6px 0}
.aviso.neutro{border-left-color:var(--agulha);background:var(--carvao)}
.aviso label{display:flex;gap:10px;align-items:center;margin-top:8px;font-weight:600}
.aviso input{width:20px;height:20px;accent-color:var(--osso)}

.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{position:relative;display:inline-flex}
.chip input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.chip span{display:inline-flex;align-items:center;gap:6px;min-height:46px;padding:0 16px;border-radius:999px;border:1px solid var(--linha-forte);background:var(--campo);font-size:var(--fs-s);font-weight:600;cursor:pointer;white-space:nowrap}
.chip span small{font-weight:400;color:var(--agulha)}
.chip:hover span{border-color:var(--osso)}
.chip input:checked + span{background:var(--osso);color:var(--tinta);border-color:var(--osso)}
.chip input:checked + span small{color:#5b554d}
.chip input:focus-visible + span{outline:3px solid var(--osso);outline-offset:3px}
.chips.artistas{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}
.chips.artistas .chip span{width:100%;justify-content:space-between;border-radius:var(--r-campo);min-height:52px}

.pagto{border:1px solid var(--linha);border-radius:var(--r-bloco);padding:16px;margin-bottom:12px}
.pagto-topo{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px}
.pagto-topo b{font-size:var(--fs-l);font-weight:700;font-stretch:72%}
.pagto .sub{margin-top:12px}
.pagto .sub > p{font-size:var(--fs-xs);color:var(--agulha);margin-bottom:8px}
.linha-campos{display:grid;grid-template-columns:1fr 1fr;gap:12px}
select.entrada{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--osso) 50%),linear-gradient(135deg,var(--osso) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:36px}

.divisao{position:sticky;top:24px;background:var(--carvao);border-radius:var(--r-bloco);padding:22px}
.divisao h2{margin-bottom:4px}
.divisao .regua{margin:16px 0 18px}
.div-linhas{list-style:none;margin:0;padding:0}
.div-linhas li{display:flex;justify-content:space-between;align-items:baseline;padding:8px 0;border-top:1px solid var(--linha)}
.div-linhas li:first-child{border-top:0}
.div-linhas .v{font-size:var(--fs-xl);font-weight:700;font-stretch:72%}
.div-linhas .v.menor{font-size:var(--fs-m);font-weight:600;font-stretch:100%}
.frase-acerto{margin:16px 0 18px;padding:14px;border-radius:var(--r-campo);background:var(--tinta);font-size:var(--fs-s)}
.frase-acerto b{font-size:var(--fs-m)}
.divisao .btn{width:100%}
.pendencias{margin-top:10px;font-size:var(--fs-s);color:var(--alerta)}
.pendencias ul{margin:4px 0 0;padding-left:18px}
.barra-movel{display:none}

/* Acerto */
.acerto-grade > *{min-width:0}
.acerto-grade{display:grid;grid-template-columns:260px minmax(0,1fr);gap:32px;align-items:start}
.artistas-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;position:sticky;top:24px}
.artistas-lista button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:10px 12px;border-radius:var(--r-bloco);background:none;border:1px solid transparent;cursor:pointer;text-align:left}
.artistas-lista button:hover{background:var(--carvao)}
.artistas-lista button[aria-pressed="true"]{background:var(--carvao);border-color:var(--osso)}
.artistas-lista .linha1{display:flex;justify-content:space-between;width:100%;gap:8px;font-weight:600}
.artistas-lista .linha2{font-size:var(--fs-xs);color:var(--agulha)}
.periodo{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 18px}
.itens td.marca-col{width:44px}
.itens input[type=checkbox]{width:22px;height:22px;accent-color:var(--osso);cursor:pointer}
.itens tr.fora td{color:var(--agulha)}
.itens tr.fora td.efeito{opacity:.55}
.efeito{font-weight:700;font-stretch:72%;font-size:var(--fs-m)}
.efeito small{display:block;white-space:normal;font-weight:400;font-stretch:100%;font-size:var(--fs-xs);color:var(--agulha)}
.efeito.a-favor-art{color:var(--stencil)} .efeito.a-favor-est{color:var(--ouro)}
.resumo-lote{margin-top:24px;background:var(--carvao);border-radius:var(--r-bloco);padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:28px}
.resumo-lote .frase-grande{font-size:var(--fs-xxl);font-weight:700;font-stretch:72%;line-height:1.1;margin:6px 0 10px}
.contas{list-style:none;padding:0;margin:0;font-size:var(--fs-s)}
.contas li{display:flex;justify-content:space-between;padding:6px 0;border-top:1px solid var(--linha)}
.contas li:first-child{border-top:0}
.parcial{font-size:var(--fs-s);margin-top:10px}
.recibo{margin-top:24px;border:1px solid var(--osso);border-radius:var(--r-bloco);padding:20px}
.recibo textarea{width:100%;min-height:360px;background:var(--tinta);border:1px solid var(--linha);border-radius:var(--r-campo);padding:14px;font-size:var(--fs-s);line-height:1.5;resize:vertical;margin:12px 0}
.botoes{display:flex;flex-wrap:wrap;gap:10px}
.historico{margin-top:32px;overflow-x:auto}

/* Aviso flutuante */
.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);background:var(--osso);color:var(--tinta);padding:12px 12px 12px 18px;border-radius:var(--r-campo);display:flex;gap:14px;align-items:center;font-weight:600;font-size:var(--fs-s);z-index:60;max-width:calc(100vw - 32px)}
.toast[hidden]{display:none}
.toast button{background:none;border:1px solid var(--tinta);border-radius:8px;min-height:40px;padding:0 12px;font-weight:700;color:var(--tinta);cursor:pointer}
.toast button:focus-visible{outline-color:var(--tinta)}

/* Tablet */
@media (max-width:1180px){
  main{padding:24px 28px 64px}
  .form-grade{grid-template-columns:minmax(0,1fr) 320px;gap:28px}
  .duas{grid-template-columns:1fr}
  .resumo-lote{grid-template-columns:1fr}
}
@media (max-width:1180px){
  .acerto-grade{grid-template-columns:minmax(0,1fr)}
  .artistas-lista{position:static;flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:6px;scrollbar-width:thin}
  .artistas-lista li{flex:0 0 auto}
  .artistas-lista button{border-color:var(--linha);min-width:150px}
}
/* Celular */
@media (max-width:820px){
  body{font-size:var(--fs-m)}
  .app{grid-template-columns:1fr}
  .trilho{display:none}
  main{padding:18px 16px 120px}
  h1{font-size:30px}
  .abas{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;background:var(--tinta);border-top:1px solid var(--linha-forte);z-index:40;padding:8px 8px calc(8px + env(safe-area-inset-bottom));gap:8px}
  .abas a{display:flex;align-items:center;justify-content:center;min-height:52px;border-radius:var(--r-campo);text-decoration:none;font-weight:600;font-size:var(--fs-s)}
  .abas a[aria-current="page"]:not(.novo){text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:3px}
  .abas a.novo{background:var(--osso);color:var(--tinta)}
  .abas a.novo[aria-current="page"]{box-shadow:inset 0 0 0 2px var(--tinta)}
  .cabeca .btn.so-desk{display:none}
  .dia-total .valor{font-size:40px}
  .form-grade{grid-template-columns:1fr}
  .divisao{position:static}
  .divisao .btn.salvar-desk{display:none}
  .barra-movel{display:flex;position:fixed;left:0;right:0;bottom:calc(68px + env(safe-area-inset-bottom));background:var(--carvao);border-top:1px solid var(--linha-forte);padding:10px 16px;gap:12px;align-items:center;z-index:39}
  .barra-movel .nums{flex:1;display:flex;flex-direction:column;font-size:var(--fs-xs);line-height:1.3}
  .barra-movel .nums b{font-size:var(--fs-m);font-stretch:72%}
  .barra-movel .btn{min-height:50px;padding:0 16px}
  main.com-barra{padding-bottom:200px}
  .livro.lancamentos thead{display:none}
  .livro.lancamentos tr{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:12px 0;border-bottom:1px solid var(--linha)}
  .livro.lancamentos td{border:0;padding:0}
  .livro.lancamentos td.col-hora{display:none}
  .livro.lancamentos td.col-forma{grid-column:1}
  .livro.lancamentos td.col-split{grid-column:1 / -1;text-align:left}
  .itens thead{display:none}
  .itens tr{display:grid;grid-template-columns:40px 1fr auto;gap:2px 10px;padding:12px 0;border-bottom:1px solid var(--linha);align-items:start}
  .itens td{border:0;padding:0}
  .itens td.marca-col{grid-row:1 / span 3;width:auto;padding-top:2px}
  .itens td.col-data{grid-column:2;font-size:var(--fs-xs);color:var(--agulha)}
  .itens td.col-desc{grid-column:2}
  .itens td.col-forma{grid-column:2}
  .itens td.efeito{grid-column:3;grid-row:1 / span 3;text-align:right}
  .itens td.col-valor{display:none}
  .resumo-lote{padding:18px}
  .resumo-lote .frase-grande{font-size:28px}
  .toast{bottom:calc(84px + env(safe-area-inset-bottom))}
  .linha-campos{grid-template-columns:1fr}
}
@media (max-width:820px){
  .receber{grid-template-columns:auto 1fr;grid-template-areas:'hora falta' 'quem quem' 'acao acao'}
  .receber .acao{justify-self:stretch}.receber .acao .btn{width:100%}
  .chip span{padding:0 14px}
  .chips.formas{display:grid;grid-template-columns:1fr 1fr}
  .chips.formas .chip span{width:100%;justify-content:center;border-radius:var(--r-campo);text-align:center;white-space:normal;line-height:1.2}
  .abas a .longo{display:none}
}
@media (max-width:380px){
  .chips.artistas{grid-template-columns:repeat(2,1fr)}
  .receber{grid-template-columns:44px 1fr auto}
}

/* ===== Sistema real (além do protótipo) ===== */
.trilho form{margin:0}
.trilho .sair{background:none;border:0;color:var(--agulha);padding:6px 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px;font-size:var(--fs-s)}
.mensagens{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:8px}
.mensagens li{padding:12px 16px;border-radius:var(--r-campo);font-size:var(--fs-s);font-weight:600;border-left:4px solid var(--pago);background:rgba(143,211,168,.10)}
.mensagens li.error{border-left-color:var(--alerta);background:rgba(255,156,138,.10)}
.mensagens li.warning{border-left-color:var(--ouro);background:var(--ouro-fundo)}
.entrar{min-height:100vh;display:grid;place-items:center;padding:24px max(16px, env(safe-area-inset-right, 0px)) 24px max(16px, env(safe-area-inset-left, 0px))}
.entrar form{width:min(380px,100%);display:flex;flex-direction:column;gap:16px}
.entrar .marca b{font-size:var(--fs-hero)}
.form-col{display:flex;flex-direction:column;gap:14px;max-width:640px}
.campo .ajuda{font-size:var(--fs-xs);color:var(--agulha)}
.campo ul.errorlist{list-style:none;margin:0;padding:0;color:var(--alerta);font-size:var(--fs-s)}
textarea.entrada{min-height:96px;padding:12px 14px;font-size:var(--fs-m)}
.filtros{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-bottom:18px}
.filtros .campo{min-width:160px}
.diff{list-style:none;margin:6px 0 0;padding:0;font-size:var(--fs-xs)}
.diff li{display:grid;grid-template-columns:140px 1fr;gap:8px;padding:3px 0;border-top:1px dashed var(--linha)}
.diff del{color:var(--alerta);text-decoration:line-through}
.diff ins{color:var(--pago);text-decoration:none}
.acao-I{color:var(--pago)} .acao-U{color:var(--ouro)} .acao-D{color:var(--alerta)}
.cancelado td{color:var(--agulha);text-decoration:line-through}
.selo{display:inline-block;padding:2px 8px;border-radius:999px;font-size:var(--fs-xs);border:1px solid var(--linha-forte)}
.selo.alerta{border-color:var(--alerta);color:var(--alerta)}
.paginacao{display:flex;gap:10px;align-items:center;margin-top:16px;font-size:var(--fs-s)}
.tabela-rolagem{overflow-x:auto}
details.cancelar{margin-top:8px}
details.cancelar summary{cursor:pointer;color:var(--agulha);font-size:var(--fs-s)}
details.cancelar form{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.artistas-lista a.art-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:10px 12px;border-radius:var(--r-bloco);border:1px solid transparent;text-decoration:none;color:var(--osso)}
.artistas-lista a.art-item:hover{background:var(--carvao)}
.artistas-lista a.art-item[aria-current="true"]{background:var(--carvao);border-color:var(--osso)}
@media (max-width:1180px){.artistas-lista a.art-item{border-color:var(--linha);min-width:150px}}

/* Tabelas largas rolam dentro do próprio bloco, nunca a página */
.app > main{min-width:0}
.tabela-rolagem{max-width:100%;-webkit-overflow-scrolling:touch}
.filtros .campo{min-width:0;flex:1 1 150px}

/* hidden sempre esconde, mesmo em elementos com display próprio */
[hidden]{display:none !important}
a.acerto-linha{text-decoration:none;color:inherit}
.receber .quem a{text-decoration:none}
.receber .quem a:hover b{text-decoration:underline;text-underline-offset:3px}
.livro td a{text-decoration:none}
.livro td a:hover{text-decoration:underline;text-underline-offset:3px}
.menu-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.menu-lista a,.menu-lista button{display:flex;align-items:center;min-height:56px;padding:0 18px;border-radius:var(--r-campo);background:var(--carvao);border:1px solid var(--linha);text-decoration:none;font-weight:600;color:var(--osso);width:100%;font-size:var(--fs-m);cursor:pointer}
.check{display:flex;gap:10px;align-items:flex-start;font-weight:600;font-size:var(--fs-s);cursor:pointer}
.check input{width:20px;height:20px;flex:none;margin-top:1px;accent-color:var(--osso)}
.acoes-at{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:20px}
.acoes-at form{margin:0}
details.pagto > summary{cursor:pointer}
.agenda-dia{list-style:none;margin:0 0 28px;padding:0;display:flex;flex-direction:column;gap:6px}
.agenda-dia a{display:flex;gap:14px;align-items:baseline;padding:10px 14px;border:1px solid var(--linha);border-radius:var(--r-campo);text-decoration:none;color:var(--osso);flex-wrap:wrap}
.agenda-dia a:hover{border-color:var(--osso)}
.agenda-dia .hora{font-weight:700;min-width:52px}
.agenda-dia .quem{flex:1;min-width:0}
.agenda-dia .cancelado{opacity:.55;text-decoration:line-through}
.cartao-bloco{margin-top:12px;padding:12px;border:1px dashed var(--linha-forte);border-radius:var(--r-campo)}
.sub-titulo{font-size:var(--fs-s);font-weight:700;margin:0 0 8px}
.obrigatorio{font-size:var(--fs-xs);font-weight:600;color:var(--ouro);margin-left:6px}
.so-celular{display:none}
@media (max-width:820px){.so-celular{display:block}}
.saldo-cabeca{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right}
.cartoes-resumo{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:12px 0 16px}
.cartoes-resumo>div{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid var(--linha);border-radius:var(--r-campo)}
.cartoes-resumo b{font-size:var(--fs-l)}
.grafico{margin:8px 0}
@media (max-width:820px){.saldo-cabeca{align-items:flex-start;text-align:left}}
.grafico{max-width:820px}
.grafico svg{max-height:280px}