:root {
  --app-font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
}

body,
button,
input,
select,
textarea {
  font-family: var(--app-font);
  letter-spacing: 0;
}

button,
input,
select,
textarea {
  font-size: inherit;
  line-height: 1.45;
}

button,
.btn,
.primary-action,
.secondary-action,
.admin-primary-action,
.admin-secondary-action,
.admin-danger-action,
.admin-link-button {
  max-width: 100%;
  white-space: nowrap;
}

.portal-nav a,
.admin-nav a {
  font-size: 13px;
}

.portal-nav p,
.admin-sidebar-label {
  font-size: 10px;
}

.portal-header-actions,
.admin-header-actions,
.balance-chip,
.portal-user b,
.admin-user-chip {
  font-size: 12px;
}

.portal-user small,
.admin-eyebrow,
.page-heading>div>span,
.admin-page-heading>div>span {
  font-size: 10px;
}

.page-heading p,
.admin-page-heading p,
.purchase-builder-card>header p {
  font-size: 12px;
  line-height: 1.6;
}

.primary-action,
.secondary-action,
.admin-primary-action,
.admin-secondary-action,
.admin-danger-action,
.admin-link-button,
.link-button {
  font-size: 12px;
}

.portal-card header h2,
.admin-card header h2,
.admin-card-heading h2 {
  font-size: 15px;
}

.portal-card header p,
.admin-card header p,
.admin-card-heading p,
.admin-action-form p {
  font-size: 11px;
  line-height: 1.55;
}

.admin-table th,
.portal-table th {
  font-size: 11px;
}

.admin-table td,
.portal-table td {
  font-size: 12px;
  line-height: 1.5;
}

.admin-table td small,
.portal-table td small,
.admin-table code,
.portal-table code {
  font-size: 10px;
}

.admin-status,
.portal-status,
.admin-empty {
  font-size: 11px;
}

.admin-filter label,
.admin-action-form label,
.admin-threshold-form label,
.admin-settings-fields label,
.email-settings-form label,
.pricing-rule-form label,
.product-base-form label,
.bulk-pricing-form label,
.line-price-form label,
.smtp-test-form label,
.payment-provider-form label,
.smtp-settings-form label {
  font-size: 12px;
  line-height: 1.45;
}

.admin-filter input,
.admin-filter select,
.admin-action-form input,
.admin-action-form select,
.admin-action-form textarea,
.admin-threshold-form input,
.admin-settings-fields input:not([type="checkbox"]),
.admin-settings-fields select,
.admin-settings-fields textarea,
.email-settings-form input:not([type="checkbox"]),
.email-settings-form select,
.email-settings-form textarea,
.pricing-rule-form input,
.product-base-form input:not([type="checkbox"]),
.bulk-pricing-form input,
.bulk-pricing-form select,
.line-price-form input,
.payment-provider-form input,
.payment-provider-form select,
.payment-provider-form textarea,
.smtp-settings-form input,
.smtp-settings-form select,
.smtp-settings-form textarea,
.smtp-test-form input {
  font-family: var(--app-font);
  font-size: 13px;
}

.admin-action-form select,
.email-settings-form select,
.payment-provider-form select,
.smtp-settings-form select {
  display: block;
  width: 100%;
  min-height: 40px;
  margin-top: 6px;
  padding: 0 10px;
  border: 1px solid #d9e3ef;
  border-radius: 7px;
  background: #fbfcfe;
  color: #2a3c57;
}

.admin-config-note,
.admin-runtime-grid span,
.bulk-pricing-hint,
.price-save-all-bar span,
.product-base-form label small,
.email-settings-form small {
  font-size: 11px;
  line-height: 1.55;
}

.admin-settings-tabs a {
  font-size: 12px;
}

.pricing-rule-form>button {
  min-width: 142px;
}

.purchase-config-label b,
.location-tabs button b {
  font-size: 12px;
}

.purchase-config-label small,
.location-tabs button small,
.city-choice-grid button small,
.purchase-order-note,
.purchase-order-card .purchase-total span {
  font-size: 10px;
  line-height: 1.45;
}

.city-choice-grid button b,
.city-choice-grid button strong,
.purchase-order-details dt,
.purchase-order-details dd,
.purchase-payment strong,
.purchase-payment>span,
.purchase-stock,
.field-hint {
  font-size: 11px;
}

.portal-form label,
.portal-dialog label,
.login-form label {
  font-size: 12px;
}

.portal-form input,
.portal-form select,
.portal-form textarea,
.portal-dialog input,
.portal-dialog select,
.portal-dialog textarea,
.login-form input {
  font-family: var(--app-font);
  font-size: 13px;
}

.auth-card>p {
  font-size: 13px;
}

.auth-note,
.auth-benefits,
.form-error {
  font-size: 11px;
  line-height: 1.55;
}

.nav-mega-grid b,
.nav-mega-head strong {
  font-size: 12px;
}

.nav-mega-grid small,
.nav-mega-head>a,
.footer p,
.footer small {
  font-size: 10px;
  line-height: 1.5;
}

.admin-body.theme-dark .admin-action-form select,
.admin-body.theme-dark .email-settings-form select,
.admin-body.theme-dark .payment-provider-form select,
.admin-body.theme-dark .smtp-settings-form select,
.admin-body.theme-system-dark .admin-action-form select,
.admin-body.theme-system-dark .email-settings-form select,
.admin-body.theme-system-dark .payment-provider-form select,
.admin-body.theme-system-dark .smtp-settings-form select {
  border-color: #35465f;
  background: #111a2b;
  color: #edf3fb;
}

@media (max-width: 600px) {
  .portal-nav a,
  .admin-nav a {
    font-size: 14px;
  }

  .admin-primary-action,
  .admin-secondary-action,
  .admin-danger-action,
  .primary-action,
  .secondary-action {
    min-height: 40px;
  }
}