/* Phone layout only. Task data, permissions and refresh behavior stay in daily-work.js. */
@media (max-width: 720px) {
  .workspace:has(#work-reminders-root) { padding: 0 12px max(28px, env(safe-area-inset-bottom)); }
  .workspace:has(#work-reminders-root) .app-version-strip {
    margin: 0 -12px; padding: 6px 12px; gap: 4px 8px; min-height: 36px;
  }
  .workspace:has(#work-reminders-root) .app-version-strip small { display: none; }
  .workspace:has(#work-reminders-root) .app-version-strip b,
  .workspace:has(#work-reminders-root) .app-version-strip span { padding: 3px 6px; font-size: 11px; }
  .workspace:has(#work-reminders-root) .mobile-head { height: 54px; }
  .workspace:has(#work-reminders-root) .mobile-head b { font-size: 18px; }
  .workspace:has(#work-reminders-root) #mobile-menu { min-width: 64px; min-height: 44px; font-size: 15px; }
  .workspace:has(#work-reminders-root) .pending-sound-controls { padding: 8px; margin-bottom: 12px; gap: 8px; }
  .workspace:has(#work-reminders-root) .pending-sound-controls button { min-height: 44px; padding: 8px 10px; font-size: 13px; }
  .workspace:has(#work-reminders-root) .pending-sound-controls small { font-size: 12px; }
  .app-shell:has(#work-reminders-root) .sidebar { width: min(300px, calc(100vw - 72px)); left: -320px; }
  .app-shell:has(#work-reminders-root) .sidebar.open { left: 0; }
  .app-shell:has(#work-reminders-root) #navigation button { min-height: 46px; }

  #work-reminders-root.workstation-command {
    padding: 14px; border-radius: 14px; background-image: none;
  }
  #work-reminders-root .dw-workstation-eyebrow { display: none; }
  #work-reminders-root .dw-heading { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; margin-bottom: 16px; gap: 8px; }
  #work-reminders-root .dw-heading > div:first-child { display: contents; }
  #work-reminders-root .dw-heading h1 { grid-column: 1; grid-row: 1; font-size: 24px; letter-spacing: 1px; margin: 0; }
  #work-reminders-root .dw-heading p { grid-column: 1 / -1; grid-row: 2; font-size: 13px; line-height: 1.6; margin: 0; }
  #work-reminders-root .dw-heading-actions { grid-column: 2; grid-row: 1; width: auto; display: flex; flex-wrap: nowrap; gap: 8px; }
  #work-reminders-root .dw-heading-actions button { flex: 1; }
  #work-reminders-root button { min-height: 44px; font-size: 14px; padding: 9px 12px; touch-action: manipulation; }
  #work-reminders-root .dw-workstation-stats { margin-bottom: 20px; border-radius: 8px; clip-path: none; }
  #work-reminders-root .dw-workstation-stats > div { padding: 11px 10px; gap: 6px; }
  #work-reminders-root .dw-workstation-stats span { font-size: 12px; }
  #work-reminders-root .dw-workstation-stats strong { font-size: 25px; }
  #work-reminders-root .dw-workstation-stats small { font-size: 12px; margin-left: 3px; }
  #work-reminders-root .dw-computers-heading { display: block; margin-bottom: 12px; }
  #work-reminders-root .dw-computers-heading h2 { font-size: 18px; }
  #work-reminders-root .dw-computers-heading p { font-size: 12px; line-height: 1.6; margin-top: 5px; }
  #work-reminders-root .dw-computer-group-legend { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  #work-reminders-root .dw-computer-group-key { display: flex; flex-direction: column; align-items: center; min-width: 0; min-height: 54px; padding: 6px 4px; gap: 3px; }
  #work-reminders-root .dw-computer-group-key b { font-size: 13px; }
  #work-reminders-root .dw-computer-group-key .dw-computer-group-plan { font-size: 12px; padding: 0; border: 0; }
  #work-reminders-root .dw-computer-group-key span { display: none; }
  #work-reminders-root .dw-computer-group-help { font-size: 12px; line-height: 1.6; margin: 10px 0 14px; }
  #work-reminders-root .dw-computer-strip { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  #work-reminders-root .dw-computer-card { padding: 14px; min-height: 0; border-radius: 10px; clip-path: none; }
  #work-reminders-root .dw-computer-card::before,
  #work-reminders-root .dw-computer-card::after { display: none; }
  #work-reminders-root .dw-computer-group-band { margin: -14px -14px 10px; padding: 10px 14px; min-height: 44px; border-radius: 9px 9px 0 0; }
  #work-reminders-root .dw-computer-group-band span { font-size: 12px; }
  #work-reminders-root button.dw-computer-focus { min-height: 44px; padding: 4px 0; }
  #work-reminders-root .dw-computer-name { font-size: 19px; line-height: 1.5; margin: 0 0 8px; }
  #work-reminders-root .dw-quota-label { font-size: 12px; }
  #work-reminders-root .dw-quota-status { font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
  #work-reminders-root .dw-quota-date { font-size: 12px; gap: 5px 8px; }
  #work-reminders-root .dw-quota-date time { font-size: 13px; white-space: normal; }
  #work-reminders-root .dw-computer-total { font-size: 14px; }
  #work-reminders-root .dw-computer-counts { font-size: 13px; gap: 8px; padding-bottom: 12px; }
  #work-reminders-root .dw-computer-current li { grid-template-columns: auto minmax(0, 1fr); gap: 8px; padding: 14px 0; }
  #work-reminders-root .dw-computer-current li > b { font-size: 15px; line-height: 1.65; }
  #work-reminders-root .dw-computer-current li > small { grid-column: 1 / -1; font-size: 12px; line-height: 1.7; }
  #work-reminders-root .dw-computer-task-action { grid-column: 1 / -1; grid-row: auto; width: 100%; font-size: 14px; }
  #work-reminders-root .dw-status { align-self: start; font-size: 12px; padding: 3px 6px; white-space: nowrap; }
  #work-reminders-root .dw-computer-empty { font-size: 14px; padding: 12px 0; }
  #work-reminders-root .dw-computer-peers { font-size: 12px; line-height: 1.6; padding-top: 10px; margin-bottom: 0; }
  #work-reminders-root .dw-workstation-focus { gap: 10px; flex-wrap: wrap; }
  #work-reminders-root .dw-workstation-focus h2 { font-size: 22px; }
  #work-reminders-root .dw-workstation-focus p,
  #work-reminders-root .dw-workstation-readonly { font-size: 13px; line-height: 1.7; }
  #work-reminders-root .dw-board { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  #work-reminders-root .dw-lane { padding: 12px; min-height: 0; border-radius: 8px; }
  #work-reminders-root .dw-lane-head h2 { font-size: 17px; }
  #work-reminders-root .dw-task { padding: 12px; }
  #work-reminders-root .dw-task h3 { font-size: 16px; line-height: 1.6; }
  #work-reminders-root .dw-task-description { font-size: 14px; line-height: 1.75; overflow-wrap: anywhere; }
  #work-reminders-root .dw-computer-tag,
  #work-reminders-root .dw-meta { font-size: 12px; line-height: 1.75; overflow-wrap: anywhere; }
  #work-reminders-root .dw-compose { padding: 12px; }
  #work-reminders-root .dw-compose label,
  #work-reminders-root .dw-field-label { font-size: 14px; }
  #work-reminders-root .dw-compose input,
  #work-reminders-root .dw-compose select,
  #work-reminders-root .dw-compose textarea { min-width: 0; max-width: 100%; min-height: 44px; font-size: 16px; }
  #work-reminders-root .dw-form-actions { flex-direction: column; align-items: stretch; gap: 12px; }
  #work-reminders-root .dw-footnote { font-size: 12px; line-height: 1.8; }
}