@layer components {
  .button,.icon-button,.account-trigger,.mobile-drawer-link{min-height:var(--touch-target)}
  .button.primary{background:var(--action-primary);color:var(--anva-neutral-0)}
  .button.primary:hover{background:var(--action-primary-hover)}
  .card{background:var(--surface-panel);border-color:var(--border-subtle);box-shadow:var(--shadow-1)}
  .status,.status-pill{font-variant-numeric:tabular-nums}
  .kpi-number,.metric-value,.analytics-value,.product-price,.order-total strong{font-variant-numeric:tabular-nums lining-nums;overflow-wrap:anywhere}
  .anva-state-page{min-height:100dvh;display:grid;place-items:center;padding:var(--space-6)}
  .anva-state{width:min(520px,100%);background:var(--surface-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;box-shadow:var(--shadow-2)}
  .anva-state__icon{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;margin:0 auto var(--space-4);background:var(--surface-accent);color:var(--text-accent);font-size:1.5rem;font-weight:900}
  .anva-data-table-scroll{max-width:100%;overflow:auto;overscroll-behavior-inline:contain}
}
@layer components {
  .pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-3,12px);padding:16px;flex-wrap:wrap}
  .pagination span{font-size:.9rem;color:var(--text-secondary,#53645b)}
}
@layer components {
  .anva-state{padding:clamp(20px,4vw,40px);text-align:center;border:1px solid var(--border-subtle,#d9e3dc);border-radius:var(--radius-lg,20px);background:var(--surface-raised,#fff)}
  .anva-state h2{margin:0 0 8px}.anva-state p{margin:0;color:var(--text-secondary,#53645b)}
}