/*
 * Point Pool Faucet — readable typography and more visible progress indicators.
 * Loaded after all user-page styles. Admin area is intentionally excluded.
 * This is a final readability layer, not a redesign of individual page layouts.
 */
body:not(.admin-area) .app {
  font-size: 15px;
  line-height: 1.55;
}

/* Shared supporting text and labels that were previously rendered at 7–11px. */
body:not(.admin-area) .app :is(
  small,
  .pp-empty span,
  .pp-status,
  .pool-status,
  .live-dot,
  .notice,
  .proof-ref,
  .activity-special-marker,
  .dashboard-history-header,
  .pp-inline-feedback,
  .pp-inline-feedback strong,
  .nav-pill,
  .eyebrow,
  .ad-label,
  .mini-label,
  .stat .label,
  .stat .sub,
  .section-head p,
  .table th,
  .table td,
  .badge,
  .method-switch span,
  .note,
  .rule-line,
  .auth-form label,
  .snapshot .label,
  .value-sub,
  .feature span,
  .small-muted,
  .footer,
  .mobile-bottom-nav a,
  .footer-main span,
  .footer-main nav a,
  .footer-meta,
  .nav-profile-link,
  .legal-meta,
  .profile-feature span,
  .rank-icon,
  .verification-switch-row strong,
  .verification-switch-row span,
  .quick-icon,
  .premium-activity-row .activity-user,
  .premium-activity-row .activity-detail,
  .premium-activity-row .amount-plus,
  .premium-activity-row .time,
  .quick-quiz-card .option label,
  .toast-copy strong,
  .quick-bonus-chip,
  .earning-flow,
  .earning-flow b,
  .feature-icon,
  .status-live,
  .rule-kicker,
  .why-join-list > div > span,
  .why-join-list strong,
  .why-join-list small,
  .process-card .muted,
  .process-steps > div > span,
  .process-steps strong,
  .process-steps small,
  .text-link,
  .route-symbol,
  .payment-person strong,
  .payment-person span,
  .payment-item .amount-plus,
  .landing-live-events .activity-user,
  .landing-live-events .activity-detail,
  .landing-live-events .amount-plus,
  .landing-live-events .amount-muted,
  .landing-live-events .time,
  .landing-section-heading p,
  .landing-progress-head,
  .landing-progress-head strong,
  .landing-progress-sub,
  .final-cta-card p,
  .activity-detail,
  .activity-user,
  .activity-row .time,
  .amount-plus,
  .amount-muted,
  .dashboard-feedback .notice,
  .dashboard-command-copy p,
  .dashboard-link,
  .dashboard-kpi .kpi-label,
  .dashboard-kpi small,
  .dashboard-progress-meta,
  .dashboard-pool-stats span,
  .pool-summary-main .label,
  .pool-summary-item .label,
  .dashboard-rank-item .label,
  .dashboard-rank-item .sub,
  .dashboard-hero-coin,
  .dashboard-rank-card span,
  .dashboard-rank-card small,
  .dashboard-claim-head p,
  .claim-status-pill,
  .claim-timer-panel > span,
  .claim-inline-note strong,
  .claim-inline-note span,
  .dashboard-claim-card .btn,
  .dashboard-verification-box .option label,
  .option label,
  .dashboard-wallet-value small,
  .dashboard-wallet-usd,
  .dashboard-wallet-actions .btn,
  .dashboard-next-card p,
  .dashboard-next-action,
  .dashboard-quick-grid a > span:not(.quick-icon),
  .dashboard-quick-grid small,
  .activity-icon,
  .dashboard-activity-premium .section-head .btn,
  .claim-success-panel strong,
  .claim-success-panel span,
  .claim-success-panel .success-action,
  .dashboard-personal-card span,
  .dashboard-personal-card small,
  .dashboard-live-sub,
  .dashboard-live-progress .small-muted,
  .dashboard-live-event strong,
  .dashboard-live-event span,
  .dashboard-live-event b,
  .dashboard-kpi-grid-6 .dashboard-kpi small,
  .dashboard-mini-stat span,
  .dashboard-mini-stat strong,
  .dashboard-claim-entry p,
  .dashboard-journey-stat span,
  .dashboard-journey-stat small,
  .dashboard-reward-breakdown span,
  .dashboard-reward-breakdown strong,
  .dashboard-reward-breakdown small,
  .dashboard-finance-grid span,
  .dashboard-pool-history-row > div span,
  .dashboard-pool-history-row > div strong,
  .dashboard-embedded-hero .eyebrow,
  .dashboard-embedded-hero p,
  .dashboard-pagination a,
  .dashboard-pagination span,
  .dashboard-pagination button,
  .dashboard-history-row .label,
  .dashboard-history-row .main small,
  .dashboard-history-row .cell,
  .dashboard-history-row .amount small,
  .dashboard-history-empty,
  .dashboard-member-since,
  .dashboard-section-title .dashboard-link,
  .dashboard-section-sub,
  .dashboard-next-claim-position .dashboard-next-claim-button,
  .guidance-copy p,
  .guidance-copy .btn,
  .guidance-value span,
  .dashboard-guidance-card > small,
  .reward-flow span,
  .reward-flow b,
  .dashboard-reward-breakdown > div small,
  .live-pool-kpi span,
  .live-badge,
  .live-rank-highlight .caption,
  .live-quick-claim-head p,
  .quick-claim-action .small-muted,
  .quick-claim-action > div:first-child span,
  .live-quick-claim-success strong,
  .live-quick-claim-success span,
  .live-position-card span,
  .live-position-card small,
  .live-quiz-countdown span,
  .live-quiz-countdown small,
  .live-promo-gate strong,
  .live-promo-gate p,
  .live-quiz-waiting strong,
  .live-quiz-waiting span,
  .live-promo-progress span,
  .live-promo-progress strong,
  .live-promo-progress small,
  .live-promo-progress-head span,
  .live-promo-progress-head strong,
  .live-admin-notice-copy p,
  .live-explain-strip p,
  .live-explain-strip .btn,
  .live-position-compact .live-position-head .btn,
  .live-quiz-wait-copy span,
  .live-activity-row > div,
  .live-activity-row .user-cell strong,
  .live-activity-row .description-cell strong,
  .live-activity-row .description-cell span,
  .live-activity-row .time-cell,
  .live-lifecycle-strip span,
  .live-lifecycle-strip strong,
  .live-lifecycle-strip small,
  .live-quick-claim-success,
  .live-admin-notice-link,
  .live-feed-panel .section-head p,
  .live-activity-head > div,
  .live-page-actions .btn,
  .live-data-row .row-index,
  .live-data-row .row-main strong,
  .live-data-row .row-main span,
  .live-data-row .row-meta strong,
  .live-data-row .row-meta span,
  .live-data-row .row-amount,
  .live-new-events .btn,
  .live-board-grid .small-muted,
  .live-board-grid .table th,
  .live-board-grid .table td,
  .pool-history-intro-grid small,
  .pool-details-button,
  .pool-history-detail-kpi span,
  .pool-history-detail-kpi small,
  .pool-history-detail-meta span,
  .pool-history-detail-meta strong,
  .pool-history-detail-progress-head,
  .proof-ref,
  .reward-card-badge,
  .reward-card-mode,
  .reward-card-meta,
  .reward-card-generated-head,
  .reward-card-generated > span,
  .reward-card-personal-start > span,
  .reward-card-lock span,
  .live-ad-card-label,
  .live-ad-placeholder span,
  .live-quiz-status-card span,
  .reward-card-group-divider,
  .reward-card-lock-copy span,
  .reward-card-empty span,
  .live-position-ad-460-label,
  .live-position-ad-460-placeholder span,
  .live-reward-section-head p,
  .reward-card-content > p,
  .reward-card-code-form .btn,
  .live-lifecycle-strip small,
  .live-position-subtitle,
  .live-quick-claim-embedded .quiz-helper,
  .live-quick-claim-embedded .quick-claim-action > div:first-child span,
  .dashboard-lifecycle-strip span,
  .dashboard-lifecycle-strip strong
) {
  font-size: 13px !important;
  line-height: 1.5 !important;
}

/* A few high-density Dashboard/Live Pool metrics need explicit readable values too. */
body:not(.admin-area) .app :is(
  .dashboard-position-card > span,
  .dashboard-position-card > small,
  .dashboard-mini-stat span,
  .dashboard-mini-stat strong,
  .dashboard-rank-item .label,
  .dashboard-rank-item .sub,
  .dashboard-pool-history-row > div span,
  .dashboard-pool-history-row > div strong,
  .dashboard-reward-breakdown span,
  .dashboard-reward-breakdown strong,
  .dashboard-reward-breakdown > div small,
  .live-data-row .row-main strong,
  .live-data-row .row-main span,
  .live-data-row .row-meta strong,
  .live-data-row .row-meta span,
  .live-data-row .row-amount,
  .live-activity-row .user-cell strong,
  .live-activity-row .description-cell strong,
  .live-activity-row .description-cell span,
  .live-activity-row .time-cell
) {
  font-size: 13.5px !important;
  line-height: 1.45 !important;
}

/* Keep status chips compact enough to fit, while making their text readable. */
body:not(.admin-area) .app :is(.badge, .pp-status, .pool-status, .live-badge, .claim-status-pill, .status-live) {
  min-height: 28px;
  padding: 6px 9px;
}

/* More visible progress indicators across Home, Dashboard, Live Pool and claim panels. */
body:not(.admin-area) .app .progress,
body:not(.admin-area) .app .landing-progress,
body:not(.admin-area) .app .dashboard-progress,
body:not(.admin-area) .app .live-pool-progress {
  height: 16px !important;
  min-height: 16px !important;
  border-radius: 999px;
}

body:not(.admin-area) .app .progress > span,
body:not(.admin-area) .app .landing-progress > span,
body:not(.admin-area) .app .dashboard-progress > span,
body:not(.admin-area) .app .live-pool-progress > span {
  height: 100% !important;
  min-height: 100% !important;
}

body:not(.admin-area) .app .pool-history-detail-progress-bar,
body:not(.admin-area) .app .guidance-progress {
  height: 14px !important;
  min-height: 14px !important;
  border-radius: 999px;
}

body:not(.admin-area) .app .pool-history-detail-progress-bar > span,
body:not(.admin-area) .app .guidance-progress > span {
  height: 100% !important;
  min-height: 100% !important;
}

/* The temporary global design notice is outside .app; keep its text readable too. */
body:not(.admin-area) .site-maintenance-notice__eyebrow {
  font-size: 12.5px !important;
  line-height: 1.4 !important;
}
body:not(.admin-area) .site-maintenance-notice__copy p {
  font-size: 13px !important;
  line-height: 1.5 !important;
}
body:not(.admin-area) .site-maintenance-notice__contact {
  font-size: 13px !important;
  line-height: 1.4 !important;
}

@media (max-width: 720px) {
  body:not(.admin-area) .app .progress,
  body:not(.admin-area) .app .landing-progress,
  body:not(.admin-area) .app .dashboard-progress,
  body:not(.admin-area) .app .live-pool-progress {
    height: 14px !important;
    min-height: 14px !important;
  }
  body:not(.admin-area) .app :is(.table th, .table td) {
    padding: 10px 8px;
  }
}