/* Finnanza — regras permanentes de layout inspiradas em TailAdmin, sem React. */
:root{
  --app-radius-sm:.5rem;
  --app-radius-md:.75rem;
  --app-radius-lg:1rem;
  --app-border:#DDE3E1;
  --app-bg:#F7F5F0;
  --app-surface:#fff;
  --app-text:#092536;
  --app-muted:#667A82;
}

/* Nunca quebrar palavras no meio apenas para fazê-las caber. */
.app-shell,.auth-page,.marketing-page{
  word-break:normal;
  overflow-wrap:normal;
  hyphens:none;
}
.app-shell p,.app-shell span,.app-shell strong,.app-shell small,.app-shell td,.app-shell th,
.auth-page p,.auth-page span,.marketing-page p,.marketing-page span{
  word-break:normal;
  overflow-wrap:normal;
  hyphens:none;
}

/* Datas, horários e códigos operacionais são unidades visuais. */
[data-date],.date-cell,.datetime-cell,.public-code,.record-code{
  white-space:nowrap;
  word-break:keep-all;
  overflow-wrap:normal;
}

.app-card{background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--app-radius-lg)}
.form-field{display:grid;gap:.375rem}.form-field label{color:var(--app-text);font-weight:500}

/* Conversão progressiva de tabelas administrativas em cards. */
@media(max-width:820px){
  [data-responsive-table] thead{display:none!important}
  [data-responsive-table], [data-responsive-table] tbody{display:block!important;width:100%!important}
  [data-responsive-table] tr{display:grid!important;width:100%!important;background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--app-radius-lg);padding:.7rem .8rem;margin-bottom:.7rem;box-shadow:none!important}
  [data-responsive-table] td{display:grid!important;grid-template-columns:minmax(6.5rem,34%) minmax(0,1fr);gap:.7rem;width:100%!important;padding:.45rem 0!important;border:0!important;text-align:left!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important}
  [data-responsive-table] td::before{content:attr(data-label);color:var(--app-muted);font-weight:500;font-size:.72rem;line-height:1.35}
  [data-responsive-table] td.number{text-align:left!important}
  [data-responsive-table] td.actions,[data-responsive-table] td:last-child{align-items:center}
}
@media(max-width:430px){
  [data-responsive-table] td{grid-template-columns:1fr;gap:.18rem}
}

/* Breakpoints de referência do starter 00-36. */
@media(min-width:1584px){.content{max-width:1760px}}
@media(min-width:1181px) and (max-width:1586px){.data-table th,.data-table td{padding-left:.65rem;padding-right:.65rem}}