/* Typography comfort layer — keeps the dense console readable without changing its structure. */

/* Official site */
body.site-page .site-header nav {
  font-size: 15px;
}

body.site-page .header-login,
body.site-page .hero-actions a {
  font-size: 15px;
}

body.site-page .brand small {
  font-size: 10px;
}

body.site-page .eyebrow,
body.site-page .trust-strip {
  font-size: 13px;
}

body.site-page .hero-copy > p {
  font-size: 18px;
}

body.site-page .hero-proof {
  font-size: 13px;
}

body.site-page .section-heading > p,
body.site-page .feature p,
body.site-page .workflow-copy p,
body.site-page .security-panel p {
  font-size: 16px;
}

body.site-page .workflow li p {
  font-size: 15px;
}

body.site-page .workflow-copy a,
body.site-page .security-panel li b,
body.site-page .final-cta a {
  font-size: 14px;
}

body.site-page .security-panel li small,
body.site-page footer {
  font-size: 12px;
}

/* Product preview: intentionally compact, but no longer microscopic. */
body.site-page .screen aside,
body.site-page .demo-title button,
body.site-page .demo-cards small,
body.site-page .float-card small {
  font-size: 10px;
}

body.site-page .demo-title small,
body.site-page .demo-cards em,
body.site-page .chart-head span {
  font-size: 9px;
}

body.site-page .float-card b,
body.site-page .metric-table,
body.site-page .mini-flow,
body.site-page .tag-row span {
  font-size: 11px;
}

/* Login */
body.login-page .brand small,
body.login-page .console-head span,
body.login-page .login-visual footer {
  font-size: 11px;
}

body.login-page .console-head b,
body.login-page .console-row b {
  font-size: 13px;
}

body.login-page .console-row small,
body.login-page .console-row em {
  font-size: 11px;
}

body.login-page .login-box > p {
  font-size: 14px;
}

body.login-page .login-box label,
body.login-page .field input,
body.login-page .submit {
  font-size: 14px;
}

body.login-page .field button,
body.login-page .error,
body.login-page .security-note b,
body.login-page .security-note small,
body.login-page .back {
  font-size: 12px;
}

/* Operations and management console */
body.app-page {
  font-size: 14px;
}

body.app-page .app-brand strong {
  font-size: 16px;
}

body.app-page .app-brand small,
body.app-page .sidebar nav small,
body.app-page .sidebar-foot small {
  font-size: 10px;
}

body.app-page .sidebar nav a {
  height: 40px;
  font-size: 13px;
}

body.app-page .sidebar nav a i {
  font-size: 13px;
}

body.app-page .sidebar nav a em,
body.app-page .sidebar nav a b,
body.app-page .icon-btn span {
  font-size: 10px;
}

body.app-page .sidebar-foot b,
body.app-page .breadcrumb small,
body.app-page .user-menu small {
  font-size: 10px;
}

body.app-page .breadcrumb strong {
  font-size: 17px;
}

body.app-page .quick,
body.app-page .btn {
  height: 38px;
  font-size: 13px;
}

body.app-page .icon-btn,
body.app-page .user-menu > span,
body.app-page .user-menu b {
  font-size: 12px;
}

body.app-page .page-loading p,
body.app-page .page-head p {
  font-size: 13px;
}

body.app-page .page-head h1 {
  font-size: 24px;
}

body.app-page .kpi small,
body.app-page .kpi em,
body.app-page .card-head p,
body.app-page .stat-block small,
body.app-page .activity small,
body.app-page .chart-legend,
body.app-page .bar-group span {
  font-size: 11px;
}

body.app-page .card-head h3,
body.app-page .section-title h3,
body.app-page .empty h3 {
  font-size: 15px;
}

body.app-page .activity b,
body.app-page .status,
body.app-page .pagination,
body.app-page .pagination button {
  font-size: 11px;
}

body.app-page .search input,
body.app-page .filter-bar select,
body.app-page .filter-bar input[type="date"],
body.app-page .filter-bar input[type="time"] {
  height: 38px;
  font-size: 12px;
}

body.app-page .data-table th {
  height: 44px;
  font-size: 11px;
  font-weight: 600;
}

body.app-page .data-table td {
  height: 60px;
  font-size: 12px;
  line-height: 1.5;
}

body.app-page .data-table td strong {
  font-size: 12px;
}

body.app-page .data-table td small {
  font-size: 10px;
}

body.app-page .cell-actions button,
body.app-page .selection-tools button,
body.app-page .selection-tools span,
body.app-page .submit-bar span {
  font-size: 11px;
}

body.app-page .empty p,
body.app-page .section-title small,
body.app-page .field-tip,
body.app-page .check-card small,
body.app-page .upload-zone p {
  font-size: 11px;
}

body.app-page .field-label,
body.app-page .field-label input,
body.app-page .field-label select,
body.app-page .field-label textarea,
body.app-page .check-card b,
body.app-page .upload-zone b,
body.app-page .promotion-head b {
  font-size: 12px;
}

body.app-page .field-label input,
body.app-page .field-label select {
  height: 42px;
}

body.app-page .material-card b {
  font-size: 11px;
}

body.app-page .material-card small {
  font-size: 10px;
}

body.app-page .promotion-head button,
body.app-page .metric-item small,
body.app-page .step,
body.app-page .notification-panel > div button,
body.app-page .notice b,
body.app-page .notice small,
body.app-page .notification-panel > a,
body.app-page .loading,
body.app-page .detail-item small,
body.app-page .timeline-item small,
body.app-page .toast small {
  font-size: 10px;
}

body.app-page .tabbar button,
body.app-page .dropdown button,
body.app-page .dropdown a,
body.app-page .notification-panel > div b,
body.app-page .detail-item b,
body.app-page .timeline-item b,
body.app-page .toast b {
  font-size: 12px;
}

body.app-page .tabbar button,
body.app-page .dropdown button,
body.app-page .dropdown a {
  height: 38px;
}

body.app-page .modal-head h3 {
  font-size: 17px;
}

body.app-page .json-view {
  font-size: 11px;
}

@media (max-width: 800px) {
  body.site-page .hero-copy > p,
  body.site-page .section-heading > p,
  body.site-page .feature p,
  body.site-page .workflow-copy p,
  body.site-page .security-panel p {
    font-size: 16px;
  }

  body.app-page .topbar {
    padding-left: 16px;
    padding-right: 16px;
  }

  body.app-page .content {
    padding-left: 16px;
    padding-right: 16px;
  }
}