/* Customer acceptance 2026-10-15: neutral editorial hierarchy and mobile safety.
   Keep blue for interactive focus/actions, not decorative headings. */
.page-heading small,.section-head small,.panel-head small,.drawer-head small,
.eyebrow,.brand-kicker,.card-head .eyebrow,
.registration-page .eyebrow,.registration-page .required-section-title,
.landing-v2 .kicker,.landing-v2 .pricing-card small {
  color:var(--muted,#637784)!important;
  letter-spacing:normal!important;
  text-transform:none!important;
}
.page-heading small,.section-head small,.panel-head small,.drawer-head small,
.registration-page .eyebrow,.landing-v2 .kicker {font-size:13px!important;font-weight:600!important}
.registration-page,.registration-page * {box-sizing:border-box}
.registration-page .onboarding-layout,
.registration-page .registration-wizard-layout,
.registration-page .registration-wizard-form,
.registration-page .onboarding-hero,
.registration-page .wizard-section,
.registration-page .registration-fields,
.registration-page .registration-fields>* {min-width:0;max-width:100%}
.registration-page .registration-guide {position:static;bottom:auto;margin-top:20px;box-shadow:none;backdrop-filter:none;border-radius:12px}
.registration-page .registration-guide-copy strong {white-space:normal}
@media(max-width:860px){
 .registration-page .registration-wizard-layout{width:100%;grid-template-columns:minmax(0,1fr)!important}
 .registration-page .onboarding-layout{padding-inline:16px}
}
@media(max-width:620px){
 .registration-page .onboarding-layout{padding:24px 12px 48px}
 .registration-page .onboarding-hero,.registration-page .registration-wizard-form{width:100%;min-width:0}
 .registration-page .registration-guide{padding:12px}
 .registration-page .registration-guide-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .registration-page .registration-guide-actions .site-button{min-width:0}
 .registration-page .registration-fields{grid-template-columns:minmax(0,1fr)!important}
 .registration-page .registration-fields input,.registration-page .registration-fields textarea{min-width:0}
 .registration-page .registration-wizard-layout .phone-composite{grid-template-columns:minmax(0,1fr)}
 .registration-page .phone-composite select,.registration-page .phone-composite input{border-radius:10px;margin-left:0}
}


/* Simplify the public/auth language without muting actual actionable status. */
.registration-page .onboarding-hero > .eyebrow,
.auth-brand .brand-kicker,
.auth-card .card-head > .eyebrow,
.landing-v2 .kicker {display:none!important}
.auth-brand h1,.registration-page h1,
.page-section-header h1,.page-heading h1 {letter-spacing:-.035em!important}
.auth-card,.registration-page .wizard-section,
#page-products .panel,#page-reports .panel {box-shadow:0 6px 28px rgba(12,35,52,.055)}
/* Prevent page-level horizontal overflow while preserving scrollable data tables. */
.workspace,.workspace main,.page,#page-reports,#page-products,
#reportWorkspace,.report-preview-wrap,.analytics-table-wrap,
#page-products .products-command-row {min-width:0;max-width:100%}
.report-preview-wrap,.analytics-table-wrap {overflow-x:auto;-webkit-overflow-scrolling:touch}
@media(max-width:720px){
 .page-heading,.section-head,.panel-head {min-width:0;flex-wrap:wrap}
 .page-heading h1,.section-head h2,.panel-head h2 {max-width:100%;overflow-wrap:anywhere}
 #page-products .products-command-row,#page-reports .report-table-toolbar {display:flex;flex-wrap:wrap;gap:8px}
 #page-reports .report-table-toolbar>* {min-width:0}
 .report-pagination {flex-wrap:wrap}
 .report-preview-wrap {overscroll-behavior-x:contain}
}


/* Retain blue for actions, never as decorative copy on operating screens. */
#page-products #productsOperationBar > div > label,
#page-operations #operationsOperationBar > div > label {
  color:#c9d8e1!important;
  text-transform:none!important;
  letter-spacing:normal!important;
  font-size:12px!important;
  font-weight:600!important;
}
#page-dashboard .hero-copy > .eyebrow,
#page-dashboard .dashboard-grid .panel-head small,
#page-schedules .schedule-runs-panel .panel-head small {
  display:none!important;
}
#page-dashboard .metric-card-head small {
  color:var(--muted,#6b8090)!important;
  font-size:13px!important;
  letter-spacing:normal!important;
  text-transform:none!important;
  font-weight:650!important;
}
#page-dashboard .hero-quick-actions b {
  color:#d6e2e9!important;
  letter-spacing:normal!important;
  text-transform:none!important;
}


/* 320px devices: keep every header control available without pushing menu offscreen. */
@media(max-width:340px){
  .global-header__row{gap:4px!important;padding-inline:6px!important}
  .global-header .top-actions{gap:2px!important}
  .global-header .language-select{width:52px!important;min-width:52px!important}
  .global-header .language-select select{width:100%!important;min-width:0!important;padding-inline:6px 15px!important}
}
