/* M3E-VNEXT-20261016 / G6: the mobile hours view starts with its controls
   and people. The full peer calculation and status key stay in the disclosure. */
.matrix-heading-compact,
.matrix-rules-toggle,
.matrix-rules-legend { display:none; }

@media(max-width:759px) {
  html[data-m3e-theme] #moduleViewWorkbench[data-analysis-section="hours"]>.expressive-page-heading {
    position:absolute; width:1px; height:1px; margin:0; padding:0;
    overflow:hidden; clip-path:inset(50%); white-space:nowrap;
  }
  html[data-m3e-theme] #moduleViewWorkbench[data-analysis-section="hours"] #dashboard-overview {
    display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center;
    gap:4px 8px; padding:0; margin:0 0 6px;
  }
  html[data-m3e-theme] #moduleViewWorkbench[data-analysis-section="hours"] #dashboard-overview .workbench-view-switch {
    grid-column:1; margin:0; padding:0;
  }
  html[data-m3e-theme] #moduleViewWorkbench[data-analysis-section="hours"] #dashboard-overview .workbench-view-switch>button {
    min-height:44px; padding:8px 10px; font-size:13px; white-space:nowrap;
  }
  html[data-m3e-theme] #moduleViewWorkbench[data-analysis-section="hours"] #analysisDateSlot { min-width:0; justify-self:end; }
  html[data-m3e-theme] #moduleViewWorkbench[data-analysis-section="hours"] #analysisDateSlot #workbenchDateField {
    display:flex; align-items:center; gap:4px;
  }
  html[data-m3e-theme] #moduleViewWorkbench[data-analysis-section="hours"] #analysisDateSlot #workbenchDateField>label {
    display:flex; margin:0; padding:0; font-size:12px; white-space:nowrap;
  }
  html[data-m3e-theme] #moduleViewWorkbench[data-analysis-section="hours"] #workbenchDateField>label .m3e-symbol { display:none; }
  html[data-m3e-theme] #moduleViewWorkbench[data-analysis-section="hours"] #workbenchDateField .site-date-field { width:108px; height:44px; }
  html[data-m3e-theme] #moduleViewWorkbench[data-analysis-section="hours"] #workbenchDateField :is(.site-date-trigger,select) {
    height:44px; min-height:44px; padding:8px; font-size:13px;
  }
  html[data-m3e-theme] #moduleViewWorkbench[data-analysis-section="hours"] #dashboard-hours { padding:8px!important; border-radius:20px; }
  html[data-m3e-theme] #moduleViewWorkbench[data-analysis-section="hours"] #dashboard-hours .panel-head {
    display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center;
    gap:0 4px; min-height:44px; margin:0 0 2px; padding:0; border:0;
  }
  html[data-m3e-theme] #moduleViewWorkbench[data-analysis-section="hours"] #dashboard-hours .panel-title { display:contents; }
  html[data-m3e-theme] #moduleViewWorkbench[data-analysis-section="hours"] #dashboard-hours .panel-title h3 {
    display:flex; grid-column:1; grid-row:1; align-items:center; gap:4px;
    font-size:14px; line-height:20px; white-space:nowrap;
  }
  html[data-m3e-theme] #moduleViewWorkbench[data-analysis-section="hours"] #dashboard-hours .matrix-heading-full { display:none; }
  html[data-m3e-theme] #moduleViewWorkbench[data-analysis-section="hours"] #dashboard-hours .matrix-heading-compact { display:inline; }
  html[data-m3e-theme] #moduleViewWorkbench[data-analysis-section="hours"] #dashboard-hours .logic-version-badge {
    margin:0; padding:2px 5px; min-height:20px; font-size:11px; line-height:16px;
  }
  html[data-m3e-theme] #moduleViewWorkbench[data-analysis-section="hours"] #dashboard-hours .matrix-rules {
    grid-column:2; grid-row:1; min-width:0; margin:0;
  }
  html[data-m3e-theme] #moduleViewWorkbench[data-analysis-section="hours"] #dashboard-hours .matrix-rules>summary {
    min-height:44px; gap:4px; padding:0 6px; font-size:12px; white-space:nowrap;
  }
  html[data-m3e-theme] #moduleViewWorkbench[data-analysis-section="hours"] #dashboard-hours .matrix-rules-toggle {
    display:inline-block; font-size:16px; line-height:1;
  }
  html[data-m3e-theme] #moduleViewWorkbench[data-analysis-section="hours"] #dashboard-hours .matrix-rules[open] { grid-column:1/-1; grid-row:2; }
  html[data-m3e-theme] #moduleViewWorkbench[data-analysis-section="hours"] #dashboard-hours .matrix-rules[open] .matrix-rules-toggle { transform:rotate(45deg); }
  html[data-m3e-theme] #moduleViewWorkbench[data-analysis-section="hours"] #dashboard-hours .matrix-formula {
    margin:0 6px 8px; overflow:visible; white-space:normal; text-overflow:clip;
    font-size:13px; line-height:1.65; font-weight:400;
  }
  html[data-m3e-theme] #moduleViewWorkbench[data-analysis-section="hours"] #dashboard-hours .matrix-rules-legend {
    display:flex; justify-content:flex-start; gap:6px 10px; margin:0 6px 10px;
  }
  html[data-m3e-theme] #moduleViewWorkbench[data-analysis-section="hours"] #dashboard-hours .matrix-head-actions {
    grid-column:3; grid-row:1; align-self:start; margin:0;
  }
  html[data-m3e-theme] #moduleViewWorkbench[data-analysis-section="hours"] #dashboard-hours .matrix-head-actions>.matrix-legend { display:none; }
  html[data-m3e-theme] #moduleViewWorkbench[data-analysis-section="hours"] #matrixFullscreenButton {
    width:44px; height:44px; min-width:44px; min-height:44px; padding:0; justify-content:center;
  }
  html[data-m3e-theme] #moduleViewWorkbench[data-analysis-section="hours"] #matrixFullscreenButton .matrix-fullscreen-label {
    position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap;
  }
  html[data-m3e-theme] #moduleViewWorkbench[data-analysis-section="hours"] #workMatrixMobile { padding:0; gap:8px; }
  html[data-m3e-theme] #moduleViewWorkbench[data-analysis-section="hours"] .mobile-shift-group { margin:0 0 12px; }
  html[data-m3e-theme] #moduleViewWorkbench[data-analysis-section="hours"] .mobile-shift-heading { padding:2px 2px 6px; font-size:12px; }
}