/* v6.10.10 readability and loading-state pass.
   This file is loaded last so the authenticated product surfaces keep a
   deliberate 12px minimum for supporting text instead of inheriting older
   8-10px compact-dashboard rules. */

/* Merchant studio: readable navigation, choices, form guidance and preview. */
html.portal-merchant:not(.desktop-app):not(.layer-public) .workspace-shell {
  font-size: 14px;
}
html.portal-merchant:not(.desktop-app):not(.layer-public) .web-design-sidebar-intro span {
  font-size: 11px !important;
}
html.portal-merchant:not(.desktop-app):not(.layer-public) .web-design-sidebar-intro strong {
  font-size: 17px !important;
}
html.portal-merchant:not(.desktop-app):not(.layer-public) .web-design-sidebar-intro small {
  font-size: 12px !important;
  line-height: 1.55 !important;
}
html.portal-merchant:not(.desktop-app):not(.layer-public) .web-design-sidebar-label {
  font-size: 12px !important;
}
html.portal-merchant:not(.desktop-app):not(.layer-public) .workspace-sidebar .web-design-sidebar nav button {
  min-height: 64px !important;
  padding-block: 10px !important;
}
html.portal-merchant:not(.desktop-app):not(.layer-public) .workspace-sidebar .web-design-sidebar nav button strong {
  font-size: 14px !important;
  line-height: 1.35 !important;
}
html.portal-merchant:not(.desktop-app):not(.layer-public) .workspace-sidebar .web-design-sidebar nav button small,
html.portal-merchant:not(.desktop-app):not(.layer-public) .workspace-sidebar .web-design-sidebar nav button.active small {
  font-size: 12px !important;
  line-height: 1.5 !important;
}
html.portal-merchant:not(.desktop-app):not(.layer-public) .workspace-sidebar .web-design-sidebar nav button > .web-nav-symbol,
html.portal-merchant:not(.desktop-app):not(.layer-public) .workspace-sidebar .web-design-sidebar nav button.active > .web-nav-symbol {
  width: 32px !important;
  height: 32px !important;
  font-size: 10px !important;
}
html.portal-merchant:not(.desktop-app):not(.layer-public) .workspace-sidebar .web-design-sidebar-note span {
  font-size: 12px !important;
}
html.portal-merchant:not(.desktop-app):not(.layer-public) .web-design-sidebar-note li {
  font-size: 12px !important;
  line-height: 1.45 !important;
}
html.portal-merchant:not(.desktop-app):not(.layer-public) .web-design-sidebar-note li i {
  width: 20px;
  height: 20px;
  font-size: 10px !important;
}
html.portal-merchant:not(.desktop-app):not(.layer-public) .workspace-sidebar .web-design-sidebar-note p {
  font-size: 12px !important;
  line-height: 1.65 !important;
}
html.portal-merchant:not(.desktop-app):not(.layer-public) .web-design-page-heading p {
  font-size: 14px !important;
  line-height: 1.65 !important;
}
html.portal-merchant:not(.desktop-app):not(.layer-public) .web-design-benefits span {
  font-size: 12px !important;
}
html.portal-merchant:not(.desktop-app):not(.layer-public) .web-design-page-promise strong {
  font-size: 13px !important;
}
html.portal-merchant:not(.desktop-app):not(.layer-public) .web-design-page-promise small {
  font-size: 12px !important;
}
html.portal-merchant:not(.desktop-app):not(.layer-public) .desktop-quick-studio-header p {
  font-size: 13px !important;
  line-height: 1.6 !important;
}
html.portal-merchant:not(.desktop-app):not(.layer-public) .web-design-studio .desktop-quick-field > span,
html.portal-merchant:not(.desktop-app):not(.layer-public) .web-design-studio .quick-design-section-head strong {
  font-size: 13px !important;
}
html.portal-merchant:not(.desktop-app):not(.layer-public) .web-design-studio .desktop-quick-field > span em,
html.portal-merchant:not(.desktop-app):not(.layer-public) .web-design-studio .quick-design-section-head span {
  font-size: 12px !important;
}
html.portal-merchant:not(.desktop-app):not(.layer-public) .web-design-studio input,
html.portal-merchant:not(.desktop-app):not(.layer-public) .web-design-studio select,
html.portal-merchant:not(.desktop-app):not(.layer-public) .web-design-studio textarea {
  font-size: 14px !important;
}
html.portal-merchant:not(.desktop-app):not(.layer-public) .web-design-studio .quick-design-deliverables button {
  min-height: 84px !important;
  padding: 13px 14px !important;
}
html.portal-merchant:not(.desktop-app):not(.layer-public) .web-design-studio .quick-design-deliverables button strong {
  font-size: 14px !important;
  line-height: 1.35 !important;
}
html.portal-merchant:not(.desktop-app):not(.layer-public) .web-design-studio .quick-design-deliverables button small {
  margin-top: 3px;
  font-size: 12px !important;
  line-height: 1.5 !important;
}
html.portal-merchant:not(.desktop-app):not(.layer-public) .web-design-studio .quick-design-select-grid label > span,
html.portal-merchant:not(.desktop-app):not(.layer-public) .web-design-studio .quick-design-copy-grid label > span,
html.portal-merchant:not(.desktop-app):not(.layer-public) .web-design-studio .quick-design-ideas > span {
  font-size: 12px !important;
}
html.portal-merchant:not(.desktop-app):not(.layer-public) .web-design-studio .quick-design-confirmation,
html.portal-merchant:not(.desktop-app):not(.layer-public) .web-design-studio .desktop-quick-action-hint {
  font-size: 12px !important;
  line-height: 1.6 !important;
}
html.portal-merchant:not(.desktop-app):not(.layer-public) .web-quick-preview-head span,
html.portal-merchant:not(.desktop-app):not(.layer-public) .web-preview-output-list > p,
html.portal-merchant:not(.desktop-app):not(.layer-public) .web-preview-summary span,
html.portal-merchant:not(.desktop-app):not(.layer-public) .web-preview-note,
html.portal-merchant:not(.desktop-app):not(.layer-public) .web-preview-fidelity,
html.portal-merchant:not(.desktop-app):not(.layer-public) .web-quick-preview-placeholder small {
  font-size: 12px !important;
  line-height: 1.5 !important;
}
html.portal-merchant:not(.desktop-app):not(.layer-public) .web-quick-preview-head strong,
html.portal-merchant:not(.desktop-app):not(.layer-public) .web-preview-summary strong,
html.portal-merchant:not(.desktop-app):not(.layer-public) .web-quick-preview-placeholder strong {
  font-size: 14px !important;
}
html.portal-merchant:not(.desktop-app):not(.layer-public) .web-preview-output-list span {
  font-size: 12px !important;
}

/* Any legacy compact utility inside the merchant workspace gets a readable floor. */
html.portal-merchant:not(.desktop-app):not(.layer-public) .workspace-shell .text-xs {
  font-size: 13px !important;
  line-height: 1.55;
}
html.portal-merchant:not(.desktop-app):not(.layer-public) .workspace-shell [class~="text-[10px]"],
html.portal-merchant:not(.desktop-app):not(.layer-public) .workspace-shell [class~="text-[11px]"] {
  font-size: 12px !important;
  line-height: 1.5;
}

/* Operations console: prevent dense-table and navigation text from dropping to 9-10px. */
html.portal-admin:not(.desktop-app):not(.layer-public) .workspace-shell {
  font-size: 14px;
}
html.portal-admin:not(.desktop-app):not(.layer-public) .admin-sidebar-context p:first-child,
html.portal-admin:not(.desktop-app):not(.layer-public) .workspace-nav section > p {
  font-size: 12px !important;
  line-height: 1.4 !important;
}
html.portal-admin:not(.desktop-app):not(.layer-public) .workspace-nav .side-item {
  min-height: 46px;
  font-size: 14px !important;
}
html.portal-admin:not(.desktop-app):not(.layer-public) .workspace-content .text-xs,
html.portal-admin:not(.desktop-app):not(.layer-public) .workspace-content table.text-xs,
html.portal-admin:not(.desktop-app):not(.layer-public) .workspace-content .gateway-compact-table {
  font-size: 13px !important;
  line-height: 1.55;
}
html.portal-admin:not(.desktop-app):not(.layer-public) .workspace-content [class~="text-[10px]"],
html.portal-admin:not(.desktop-app):not(.layer-public) .workspace-content [class~="text-[11px]"] {
  font-size: 12px !important;
  line-height: 1.5;
}
html.portal-admin:not(.desktop-app):not(.layer-public) .workspace-content input,
html.portal-admin:not(.desktop-app):not(.layer-public) .workspace-content select,
html.portal-admin:not(.desktop-app):not(.layer-public) .workspace-content textarea,
html.portal-admin:not(.desktop-app):not(.layer-public) .workspace-content button {
  font-size: max(13px, 0.8125rem);
}
html.portal-admin:not(.desktop-app):not(.layer-public) .gateway-compact-table tbody td {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

@media (max-width: 1180px) {
  html.portal-merchant:not(.desktop-app):not(.layer-public) .workspace-sidebar .web-design-sidebar nav button strong {
    font-size: 13px !important;
  }
  html.portal-merchant:not(.desktop-app):not(.layer-public) .workspace-sidebar .web-design-sidebar nav button small {
    font-size: 12px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.portal-admin:not(.desktop-app):not(.layer-public) .animate-spin {
    animation-duration: 1.6s !important;
  }
}