.admin-page { --forest: #213969; --forest-hover: #172a51; --ink: #1c2028; --mint: #edf2f9; --mint-deep: #dce5f2; --lime: #dce5f2; --surface: #f5f6f8; --line: #dce2eb; --muted: #536078; --font: "Instrument Sans", "Noto Sans Devanagari", "Noto Sans Kannada", sans-serif; font-family: var(--font); font-size: 15px; background: #f5f6f8; }
.admin-page .page-heading p, .admin-page .notice, .admin-page .connection-strip, .admin-page .panel-body, .admin-page .summary-note { font-size: 14px; }
.admin-page .sidebar-nav a { min-height: 46px; font-size: 14px; }
.admin-page .page-heading h1 { font-size: 30px; }
.admin-page .btn { min-height: 44px; font-size: 14px; }
.admin-page :is(input, select, textarea) { font-size: 16px; min-height: 44px; }
.admin-page .field { font-size: 14px; }
.admin-page .field small, .admin-page .form-note, .admin-page .stock-note, .admin-page .metric-note { font-size: 12px; }
.admin-page .data-table { font-size: 13px; }
.admin-page .table-wrap { position: relative; }
.admin-page .data-table small, .admin-page .toolbar-caption, .admin-page .table-footer { font-size: 12px; }
.admin-page .data-table th { font-size: 12px; }
.admin-page .product-cell strong { font-size: 14px; }
.admin-page .data-table .icon-button { width: 44px; height: 44px; }
.admin-page .empty-state p { font-size: 14px; }
.admin-page .empty-state h3 { font-size: 21px; }
.admin-page .page-heading { flex-wrap: wrap; align-items: flex-start; }
.admin-page .page-heading > div:first-child { flex: 1 1 260px; }
.admin-page .page-actions { flex: 0 1 auto; flex-wrap: wrap; max-width: 100%; min-width: 0; }
.admin-page .page-heading > div { min-width: 0; max-width: 100%; }
.admin-page .search-field { min-width: 0; max-width: 100%; }
.admin-page .toolbar-group { min-width: 0; flex-wrap: wrap; }
.admin-page .inventory-input { min-width: 75px; }
.admin-page .skip-link:not(:focus-visible) { clip-path: inset(50%); width: 1px; height: 1px; padding: 0; overflow: hidden; }
@media (max-width: 680px) {
  .admin-page .page-heading { gap: 18px; }
  .admin-page .page-heading > div:first-child { flex-basis: auto; }
  .admin-page .page-actions { width: 100%; }
  .admin-page .table-footer { flex-wrap: wrap; }
  .admin-page .table-pagination { margin-left: auto; }
  .admin-page .toolbar-group { width: 100%; }
  .admin-page .toolbar-group > label { min-width: 0; max-width: 100%; }
  .admin-page .toolbar-group select { max-width: 100%; }
  .admin-page .metric-value { font-size: 27px; }
  .admin-page .metric-top { font-size: 13px; }
}