/* M3E-VNEXT-20261016 · all 14 documents. 390×844 is the spacing reference.
   Reduce whitespace continuously on shorter/narrower phones, not page zoom.
   Colours, body text, hourly two-column grids and control hit areas are retained. */
html[data-m3e-theme] .m3e-home-total>span { font-size:14px; line-height:1.4; font-weight:500; }
html[data-m3e-mobile-fit="true"] {
  --fit-8:calc(8px * var(--m3e-mobile-space,1));
  --fit-12:calc(12px * var(--m3e-mobile-space,1));
  --fit-16:calc(16px * var(--m3e-mobile-space,1));
  --fit-20:calc(20px * var(--m3e-mobile-space,1));
  --fit-24:calc(24px * var(--m3e-mobile-space,1));
}
@media(max-width:759px) {
  /* Shell and nested pages share the same outer-viewport spacing factor. */
  html[data-m3e-mobile-fit="true"][data-m3e-theme] body.single-page-root {
    --single-page-topbar-height:max(64px,calc(76px * var(--m3e-mobile-space)));
    --mobile-nav-height:calc(max(64px,76px * var(--m3e-mobile-space)) + env(safe-area-inset-bottom,0px));
  }
  html[data-m3e-mobile-fit="true"][data-m3e-theme] body.single-page-root .single-page-topbar { padding:8px var(--fit-16); gap:6px; }
  html[data-m3e-mobile-fit="true"][data-m3e-theme] body.single-page-root .mobile-module-nav { padding:4px 8px calc(4px + env(safe-area-inset-bottom,0px)); }
  html[data-m3e-mobile-fit="true"][data-m3e-theme] body.single-page-root .mobile-module-nav>a { min-height:max(56px,calc(76px * var(--m3e-mobile-space) - 8px)); gap:2px; }
  html[data-m3e-mobile-fit="true"][data-m3e-theme] body.single-page-root #moduleViewWorkbench { padding-inline:var(--fit-16); }
  html[data-m3e-mobile-fit="true"][data-m3e-theme] body.single-page-root .management-module-nav { margin:var(--fit-8) var(--fit-16) 0; }

  /* Home: fix the oversized unit and reclaim padding, keeping all three metrics. */
  html[data-m3e-mobile-fit="true"][data-m3e-theme] #moduleViewWorkbench .home-dashboard { gap:var(--fit-16); }
  html[data-m3e-mobile-fit="true"][data-m3e-theme] #moduleViewWorkbench .m3e-home-date { gap:6px 8px; padding:var(--fit-8) 10px; margin-bottom:var(--fit-12); }
  html[data-m3e-mobile-fit="true"][data-m3e-theme] #workbenchDateField { gap:6px; }
  html[data-m3e-mobile-fit="true"][data-m3e-theme] #workbenchDateField>label { gap:4px; font-size:12px; }
  html[data-m3e-mobile-fit="true"][data-m3e-theme] #workbenchDateField>label .m3e-symbol { font-size:18px; }
  html[data-m3e-mobile-fit="true"][data-m3e-theme] #workbenchDateField .site-date-field { width:104px; }
  html[data-m3e-mobile-fit="true"][data-m3e-theme] #moduleViewWorkbench .m3e-home-date>p { font-size:12px; margin:0; }
  html[data-m3e-mobile-fit="true"][data-m3e-theme] #moduleViewWorkbench .home-hero-main { padding:var(--fit-20) var(--fit-16); }
  html[data-m3e-mobile-fit="true"][data-m3e-theme] #moduleViewWorkbench .m3e-home-total { font-size:14px; line-height:1.2; margin:var(--fit-8) 0; }
  html[data-m3e-mobile-fit="true"][data-m3e-theme] #moduleViewWorkbench .m3e-home-total strong { font-size:clamp(40px,11.5vw,52px); line-height:1.15; }
  html[data-m3e-mobile-fit="true"][data-m3e-theme] #moduleViewWorkbench #homeHoursContext { margin:var(--fit-8) 0 var(--fit-12); }
  html[data-m3e-mobile-fit="true"][data-m3e-theme] #moduleViewWorkbench .m3e-home-hero-facts { margin:var(--fit-8) 0 var(--fit-12); padding:var(--fit-12) 0; }
  html[data-m3e-mobile-fit="true"][data-m3e-theme] #moduleViewWorkbench :is(.home-registration-summary,.home-people-trips,.home-notices,.home-business-analysis) { padding:var(--fit-16) var(--fit-12); }
  html[data-m3e-mobile-fit="true"][data-m3e-theme] #moduleViewWorkbench .home-operation-card>a { padding:var(--fit-16) 12px; gap:var(--fit-8); }
  html[data-m3e-mobile-fit="true"][data-m3e-theme] #moduleViewWorkbench :is(.home-metric-panel,.home-quality-grid) { gap:var(--fit-8); }
  html[data-m3e-mobile-fit="true"][data-m3e-theme] #moduleViewWorkbench :is(.home-quality-header,.home-section-header) { margin-bottom:var(--fit-12); }
  html[data-m3e-mobile-fit="true"][data-m3e-theme] #moduleViewWorkbench #businessAnalysisBlock #kpiGrid>.kpi-card { padding:var(--fit-16); }
  html[data-m3e-mobile-fit="true"][data-m3e-theme] :is(.expressive-page-heading,.m3e-profile-page-heading) { margin-bottom:var(--fit-12); }
  html[data-m3e-mobile-fit="true"][data-m3e-theme] #dashboard-hours { padding:var(--fit-12)!important; }
  html[data-m3e-mobile-fit="true"][data-m3e-theme] .mobile-person-summary { padding:var(--fit-12)!important; }

  /* Routes, people, devices: keep facts readable; compress decoration and gaps. */
  html[data-m3e-mobile-fit="true"][data-m3e-theme] #routeApp { padding:var(--fit-8) var(--fit-12) var(--fit-16)!important; }
  html[data-m3e-mobile-fit="true"][data-m3e-theme] .registration-section { padding:var(--fit-12)!important; }
  html[data-m3e-mobile-fit="true"][data-m3e-theme] :is(.registration-summary-facts,.registration-view-tools,.registration-query-form) { gap:var(--fit-8); }
  html[data-m3e-mobile-fit="true"][data-m3e-theme] .registration-summary-facts>div { padding:var(--fit-12); }
  html[data-m3e-mobile-fit="true"][data-m3e-theme] :is(#registrationRoutes>details.registration-person-card>summary.person-card,.home-person-trip-card) { padding:var(--fit-16)!important; gap:var(--fit-12)!important; }
  html[data-m3e-mobile-fit="true"][data-m3e-theme] #registrationRoutes .person-card-main { min-height:calc(104px * var(--m3e-mobile-space)); }
  html[data-m3e-mobile-fit="true"][data-m3e-theme] #registrationRoutes .route-person-journey { width:calc(164px * var(--m3e-mobile-space)); }
  html[data-m3e-mobile-fit="true"][data-m3e-theme] #registrationRoutes .route-person-journey .card-illustration { width:calc(126px * var(--m3e-mobile-space)); height:calc(96px * var(--m3e-mobile-space)); }
  html[data-m3e-mobile-fit="true"][data-m3e-theme] #registrationRoutes .person-card-facts>span { padding:var(--fit-8); }

  /* Notification list, queue, detail, appeal, resolution, announcement dialogs. */
  html[data-m3e-mobile-fit="true"][data-m3e-module] body.ticket-page :is(.tn-module-heading,.tn-page-tools,.work-tabs,.tn-overview) { margin-bottom:var(--fit-12); gap:var(--fit-12); }
  html[data-m3e-mobile-fit="true"][data-m3e-module] body.ticket-page :is(.tn-decision-panel,.tn-bulletin-panel,.tn-history,.ticket-detail-section,.ticket-detail-overview,.ticket-detail-action-rail,.ticket-appeal-summary,.ticket-resolution-summary) { padding:var(--fit-16); }
  html[data-m3e-mobile-fit="true"][data-m3e-module] body.ticket-page :is(.tn-overview-row,.ticket-queue-card) { padding:var(--fit-12); margin-top:var(--fit-8); }
  html[data-m3e-mobile-fit="true"][data-m3e-module] body.ticket-page :is(.ticket-detail-primary,.ticket-appeal-grid,.ticket-resolution-grid,.ticket-queue-list) { gap:var(--fit-12); }
  html[data-m3e-mobile-fit="true"][data-m3e-module] body.tn-task-page :is(.ticket-appeal-section,.ticket-resolution-section) { padding-block:var(--fit-16); }
  html[data-m3e-mobile-fit="true"][data-m3e-module] body.ticket-page :is(.tn-module-heading h1,.ticket-detail-hero h1,.ticket-appeal-hero h1,.ticket-resolution-hero h1) { font-size:24px; margin:4px 0 8px; }
  html[data-m3e-mobile-fit="true"][data-m3e-theme] :is(.work-dialog,.site-control-dialog,.system-modal) { padding:var(--fit-16); }

  /* Scheduling and month scores; no change to shift boundaries or calculations. */
  html[data-m3e-mobile-fit="true"][data-m3e-theme] body.scheduling-page #schedulingMain { padding:var(--fit-8) var(--fit-12) var(--fit-16)!important; }
  html[data-m3e-mobile-fit="true"][data-m3e-theme] body.scheduling-page #schedulingMain :is(.schedule-toolbar,.schedule-shift>header) { margin-bottom:var(--fit-12); }
  html[data-m3e-mobile-fit="true"][data-m3e-theme] body.scheduling-page #schedulingMain :is(.schedule-shift,.schedule-metric) { padding:var(--fit-12); }
  html[data-m3e-mobile-fit="true"][data-m3e-theme] body.scheduling-page #schedulingMain :is(#summaryView,.schedule-shifts) { gap:var(--fit-12); }
  html[data-m3e-mobile-fit="true"][data-m3e-theme] body.scheduling-page #schedulingMain .schedule-metric[data-metric="total"] { padding:var(--fit-16); }
  html[data-m3e-mobile-fit="true"][data-m3e-theme] body.scheduling-page .schedule-dialog { padding:var(--fit-12); }

  /* Personal settings and quality guardian retain each destination and form. */
  html[data-m3e-mobile-fit="true"][data-m3e-theme] body.profile-v3-page .profile-settings-shell { padding:var(--fit-12) var(--fit-12) var(--fit-20); }
  html[data-m3e-mobile-fit="true"][data-m3e-theme] body.profile-v3-page :is(.profile-settings-layout,.profile-form,.m3e-quality-overview) { gap:var(--fit-16); }
  html[data-m3e-mobile-fit="true"][data-m3e-theme] body.profile-v3-page :is(.profile-settings-section,.profile-identity,.m3e-quality-monthly,.quality-honor) { padding:var(--fit-16); }
  html[data-m3e-mobile-fit="true"][data-m3e-theme] body.profile-v3-page :is(.profile-section-heading,#profileSettingsNav,.quality-heading,.quality-tabs) { margin-bottom:var(--fit-12); }
  html[data-m3e-mobile-fit="true"][data-m3e-theme] body.profile-v3-page .profile-section-heading { gap:var(--fit-12); }
  html[data-m3e-mobile-fit="true"][data-m3e-theme] body.profile-v3-page .quality-rank-badge { max-height:calc(140px * var(--m3e-mobile-space)); object-fit:contain; }

  /* Management, import, people, rules, audit records and month scoring. */
  html[data-m3e-mobile-fit="true"][data-m3e-theme] :is(.management-main,#monthlyScores) { padding:var(--fit-12)!important; }
  html[data-m3e-mobile-fit="true"][data-m3e-theme] :is(.management-intro,#monthlyScores>.heading) { gap:var(--fit-12); margin-bottom:var(--fit-16); }
  html[data-m3e-mobile-fit="true"][data-m3e-theme] body .management-intro h1,
  html[data-m3e-mobile-fit="true"][data-m3e-theme] #monthlyScores>.heading h1 { font-size:24px; line-height:1.25; letter-spacing:0; margin:4px 0 8px; }
  html[data-m3e-mobile-fit="true"][data-m3e-theme] body .management-intro p { font-size:14px; line-height:1.5; }
  html[data-m3e-mobile-fit="true"][data-m3e-theme] :is(.people-directory,.rules-editor,.rules-schedule,.work-hour-threshold-panel) { padding:var(--fit-16); }
  html[data-m3e-mobile-fit="true"][data-m3e-theme] :is(.people-directory-head,.people-summary,.people-filters,.people-search-controls) { margin-bottom:var(--fit-12); gap:var(--fit-8); }
  html[data-m3e-mobile-fit="true"][data-m3e-theme] body.management-page .m3e-management-summary { margin:var(--fit-16) 0; gap:var(--fit-12); }
  html[data-m3e-mobile-fit="true"][data-m3e-theme] body.management-page .m3e-management-summary .management-summary-card { padding:var(--fit-16); gap:var(--fit-16); min-height:200px; }
  html[data-m3e-mobile-fit="true"][data-m3e-theme] body.management-page .m3e-management-summary .management-summary-card.is-tickets { min-height:0; }
  html[data-m3e-mobile-fit="true"][data-m3e-theme] :is(.data-upload-panel,.m3e-data-context,.rules-version-panel,.records-filter-panel,#monthlyScores .panel,#monthlyScores .summary>article) { padding:var(--fit-16)!important; }
  html[data-m3e-mobile-fit="true"][data-m3e-theme] #monthlyScores :is(.summary,.workspace,.month-breakdown) { gap:var(--fit-8); margin-bottom:var(--fit-12); }
  html[data-m3e-mobile-fit="true"][data-m3e-theme] body.data-management-page .m3e-data-setup .data-dropzone { padding:var(--fit-20) var(--fit-16); }
}