/* Final shared layer; legacy class names remain only where handlers use them. */
.admin-empty.admin-empty {
  box-sizing:border-box; display:flex; flex-direction:column; align-items:center;
  justify-content:center; gap:12px; width:100%; max-width:100%; min-width:0;
  height:auto; min-height:220px; padding:28px 20px; margin:0;
  color:#64748b; font-family:inherit; font-size:14px; line-height:1.5;
  text-align:center; grid-column:1/-1; box-shadow:none;
}
.admin-empty.admin-empty--page { min-height:260px; padding:36px 24px; }
.admin-empty.admin-empty--compact { min-height:0; padding:18px 12px; gap:10px; }
.admin-empty > .admin-empty__icon {
  display:flex; align-items:center; justify-content:center; flex:0 0 auto;
  width:64px; height:64px; margin:0; border:0; border-radius:14px;
  background:#eff6ff; color:#2563eb;
}
.admin-empty .admin-empty__icon svg { width:30px; height:30px; stroke-width:2; }
.admin-empty--compact > .admin-empty__icon { width:48px; height:48px; border-radius:12px; }
.admin-empty--compact .admin-empty__icon svg { width:28px; height:28px; }
.admin-empty > .admin-empty__body { display:flex; flex-direction:column; align-items:center; gap:8px; width:100%; min-width:0; }
.admin-empty .admin-empty__body > :is(strong,h2,h3,h4,.admin-empty__title,.empty-title,.caixa-empty-title) {
  margin:0; color:#14213d; font-size:16px; font-weight:600; line-height:1.4;
}
.admin-empty .admin-empty__body > :is(p,span,small,.muted,.empty-text,.admin-empty__description) {
  display:block; max-width:460px; margin:0; color:#64748b; font-size:14px; line-height:1.5;
  white-space:normal; overflow-wrap:anywhere;
}
.admin-empty .admin-empty__body > div { max-width:100%; }
.admin-empty .admin-empty__actions, .admin-empty .prd-empty-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-top:6px; }
.admin-empty .admin-empty__body > button { margin-top:6px; }
.admin-empty :is(button,a) { max-width:100%; white-space:normal; overflow-wrap:anywhere; }
.admin-empty :is(button,a):focus-visible { outline:3px solid #2563eb; outline-offset:3px; }
.admin-empty .btn-primary { background:#2563eb; color:white; border-color:#2563eb; }
.admin-empty[hidden] { display:none; }
td:has(> .admin-empty) { padding:0; text-align:center; }
#fin-chart:has(> .admin-empty) { height:auto; min-height:220px; }
@media(max-width:600px) {
  .admin-empty.admin-empty { min-height:190px; padding:24px 14px; }
  .admin-empty.admin-empty--page { min-height:230px; }
  .admin-empty.admin-empty--compact { min-height:0; padding:16px 10px; }
}
.admin-empty .admin-empty__body > div:first-child:not(:has(button,a)) { color:#14213d; font-size:16px; font-weight:600; }
/* Parent page rules may style every span or heading. Empty states own their type scale. */
#app .admin-empty .admin-empty__body > :is(strong,h2,h3,h4) { color:#14213d; font-size:16px; font-weight:600; line-height:1.4; margin:0; }
#app .admin-empty .admin-empty__body > :is(p,span,small,.muted) { color:#64748b; font-size:14px; font-weight:400; line-height:1.5; margin:0; max-width:460px; }
#app .admin-empty .admin-empty__icon { width:64px; height:64px; background:#eff6ff; color:#2563eb; border-radius:14px; }
#app .admin-empty--compact .admin-empty__icon { width:48px; height:48px; border-radius:12px; }
#app .admin-empty .admin-empty__icon svg { width:30px; height:30px; }
#app .admin-empty--compact .admin-empty__icon svg { width:28px; height:28px; }
