/* Mobile presentation only; existing desktop and print layouts remain intact. */
.selected-value-help{display:none}
@media screen and (max-width:640px){
  body{--muted:#526872}
  .page,.panel,.user-card,.approval-card,.project-card{min-width:0}
  .page-title p{line-height:1.5}
  .page-title h1{line-height:1.2;letter-spacing:-.35px}
  .panel-head p,.submission-bar p,.material-card-head small,.material-note,.field-help,
  .user-card small,.approval-card small,.project-card p,.project-meta,.empty p,
  .profile-password p,.locked-note{font-size:13px;line-height:1.5}
  label,legend,.check{font-size:14px;line-height:1.45}
  .panel-head{gap:12px}
  .panel-head>div,.user-card>div,.approval-card>div,.project-card>div{min-width:0}
  .material-card p{font-size:15px;line-height:1.6}
  .pill,.album-available,.day-target-pill{font-size:12px;line-height:1.4;white-space:normal}
  .week-summary strong{font-size:16px;line-height:1.4}
  .week-summary>div{min-width:0;overflow-wrap:anywhere}
  .user-card{grid-template-columns:40px minmax(0,1fr);gap:10px 12px;max-width:100%;padding:18px 16px}
  .user-card .pill{grid-column:2;grid-row:auto;justify-self:start;max-width:100%}
  .user-card small,.approval-card small{overflow-wrap:anywhere}
  .approval-card{grid-template-columns:40px minmax(0,1fr);gap:10px 12px}
  .approval-card .pill{grid-column:2;grid-row:auto;justify-self:start}
  .status-tabs{gap:8px}
  .status-tabs a{min-height:44px;display:inline-flex;align-items:center;gap:6px;font-size:13px}
  .review-row{grid-template-columns:minmax(0,1fr);gap:12px;padding:18px 16px}
  .review-row>* , .review-row>select,.review-row>input,.review-row .correction{grid-column:1;min-width:0}
  .review-date{font-size:13px;font-weight:700;color:var(--muted)}
  .review-row input,.review-row select,.review-row textarea{font-size:16px;min-height:48px;padding:12px;margin-top:0;max-width:100%}
  .review-row textarea{min-height:88px;margin-top:12px;line-height:1.5}
  .review-row .correction{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
  .review-row button,.delete-review button{font-size:14px;min-height:44px}
  .delete-review{padding:0 16px 18px}
  .review-day{font-size:14px;line-height:1.4}
  .entry-form input,.entry-form select,.entry-form textarea,.form-grid input,.form-grid select{font-size:16px;min-height:48px}
  .selected-value-help{display:block;margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.45;overflow-wrap:anywhere;font-weight:400}
  .selected-value-help[hidden]{display:none}
  .hours-page .daily-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-inline:0;padding:12px;border:1px solid var(--line);border-radius:14px;overflow:visible}
  .hours-page .daily-total{padding:12px 6px;background:#f3f6f6;min-width:0}
  .hours-page .daily-total.selected{background:var(--blue);box-shadow:none}
  .daily-total span{font-size:12px}.daily-total strong{font-size:16px}.daily-total small{font-size:12px;line-height:1.4}
  .profile-photo-field{flex-direction:column;align-items:stretch}
  .profile-photo-field>div{min-width:0}
  .profile-photo-field input[type=file]{font-size:14px;max-width:100%}
  .profile-photo-field input::file-selector-button{padding:8px;border:0;border-radius:6px;background:#edf2f3;color:var(--blue);margin-right:8px}
  .mobile-menu-toggle,.header-account button{min-height:44px}
  .app-header nav{max-height:calc(100dvh - 78px);overscroll-behavior:contain}
  a:focus-visible,button:focus-visible{outline:3px solid var(--mint);outline-offset:3px}
}