/* Final mobile layout rules. Every page uses the same compact header and spacing. */
@media (max-width:760px), (max-width:1000px) and (max-height:500px) {
  main {padding:8px 16px calc(var(--nav-height) + env(safe-area-inset-bottom) + 8px)}
  .page-head {position:relative;display:flex;flex-wrap:nowrap;align-items:center;gap:8px;min-height:44px;margin:0 0 8px}
  .page-head>div:first-child {flex:1;min-width:0}
  .page-head h1 {font-size:26px;line-height:1.2;letter-spacing:-.7px}
  .page-head p,.page-head .date-chip {display:none}
  body[data-view=today] .page-head p {display:block;font-size:12px;margin:3px 0 0}
  .page-head .head-actions {width:auto;flex-shrink:0}
  .phone-view-options {position:static;flex:0 0 44px;width:44px;margin:0;border:0;z-index:18}
  .phone-view-options>summary {display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:10px;color:var(--ink)}
  .phone-view-options>summary::before {display:none}
  .phone-view-options>summary svg {width:22px;height:22px}
  .phone-view-options[open]>summary {background:var(--soft)}
  .phone-view-options .toolbar {position:absolute;right:0;top:100%;width:min(320px,calc(100vw - 32px));padding:12px;margin:4px 0 0;display:flex;gap:10px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px}
  .phone-view-options .toolbar>button {width:100%;min-height:44px;justify-content:flex-start}
  .phone-view-options .view-switch button {min-height:44px}
  body[data-view=plan] .phone-view-options .toolbar {margin:4px 0 0}
  .section-title {margin:12px 0 6px;min-height:24px}
  .section-title .section-extra {min-height:44px;margin-top:-10px;margin-bottom:-10px}
  .task-row {min-height:64px;padding:8px 4px;gap:4px}
  .task-content {min-height:44px}
  .task-title {line-height:1.35}
  .task-meta {margin-top:4px;gap:5px;line-height:1.4}
  .task-meta:empty {display:none}
  .board-column {min-height:0;padding:8px}
  .board-column>.section-title {display:none}
  .board-column .task-row {padding:8px 2px}
  .board-status-tabs {margin:4px 0 8px}
  .empty-state {padding:20px 14px}
  .empty-illustration {display:none}
  .empty-state h2 {font-size:17px;margin:0 0 6px}
  .empty-state p {margin:0 0 12px}
  .phone-calendar {padding:0 4px 6px;border-radius:12px}
  .calendar-head {padding:4px 2px}
  .weekday {padding:5px 0}
  .phone-day {min-height:44px;gap:2px;padding:3px 0}
  .agenda-title {margin-top:12px}
  .agenda-empty {padding:14px}
  .agenda-empty h3 {font-size:15px}
  .agenda-empty p {margin:3px 0 0}
  .settings-grid,.template-grid {gap:10px}
  .panel,.template-card {padding:14px;border-radius:12px}
  .panel h3 {margin:0 0 10px;font-size:15px}
  .panel p {margin-bottom:10px;line-height:1.45}
  .field {margin-bottom:12px}
  label {margin-bottom:5px}
  .phone-settings-group.panel {padding:6px 14px}
  .phone-settings-group>section {padding-top:8px}
  .project-row {padding:6px 0;min-height:52px}
  .activity-row {padding:10px 0;line-height:1.4}
  .activity-row:first-child {padding-top:0}
  .activity-row:last-child {padding-bottom:0;border-bottom:0}
  .template-card>svg {display:none}
  .template-card h3 {margin:0 0 6px}
  .template-card p {margin:0 0 8px}
  .template-card button {padding:8px 12px}
  .template-card {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 8px}
  .template-card h3 {grid-column:1;grid-row:1;align-self:center;margin:0}
  .template-card p {grid-column:1/-1;grid-row:2;margin:0}
  .template-card>button[data-builtin],.template-card>button[data-use-template] {grid-column:2;grid-row:1;max-width:88px;white-space:normal;font-size:12px;padding:6px 8px}
  .template-card>button[data-delete-template] {grid-column:2;grid-row:3}
  body[data-view=insights] .overview {grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 10px}
  body[data-view=insights] .stat {padding:10px 8px}
  body[data-view=insights] .stat-value {font-size:24px;margin-top:6px}
  body[data-view=insights] .stat-top svg,body[data-view=insights] .stat small,body[data-view=insights] .focus-card {display:none}
  .chart {height:155px;margin-top:8px;padding-bottom:8px}
  body[data-view=focus] .focus-screen {padding:14px;margin:0}
  .focus-screen select {margin-top:0}
  .focus-screen .timer-ring {width:168px;height:168px;margin:16px auto}
  .timer-ring strong {font-size:44px}
  .focus-controls {gap:8px}
  .focus-controls .primary {min-height:44px}
  .focus-screen p {margin-top:12px;font-size:12px}
  #sidebar {padding:8px 16px calc(12px + env(safe-area-inset-bottom))}
  #sidebar>.brand {top:-8px;padding:4px 0 6px}
  #sidebar .workspace-label {display:none}
  #sidebar .side-heading {margin:10px 8px 2px}
  #sidebar .nav-item {min-height:44px;padding:8px 10px}
  #sidebar .side-bottom {padding-top:8px;margin-top:0}
  #sidebar .account-controls {padding:8px;margin-bottom:4px}
  #sidebar .account-controls small {display:none}
  #sidebar .phone-nav-group {margin:2px 0}
  #sidebar .phone-nav-group>summary {min-height:44px}
  dialog {padding-left:16px;padding-right:16px}
  dialog .modal-head {padding:6px 0;margin-bottom:8px;min-height:56px}
  dialog .modal-head h2 {font-size:18px}
  dialog form>.form-actions {padding:8px 16px calc(8px + env(safe-area-inset-bottom));margin-left:-16px;margin-right:-16px}
  .quick-create .title-input {font-size:20px;min-height:48px}
  .quick-task-context {margin:0 0 8px}
  .quick-task-dates {margin-bottom:8px}
  .new-task-options>summary {min-height:44px}
  .new-task-options-body {padding-top:8px}
  .editor-advanced {margin-top:4px}
  .divider {margin:12px 0}
  .search-result {min-height:52px;padding:8px 2px}
  #modal .nav-stack {gap:6px}
  #modal .nav-stack button {min-height:44px;padding:10px}
  .push-status {padding:0;background:none;margin:8px 0;font-size:13px}
  .push-actions {margin:10px 0;gap:8px}
  .push-feedback:empty {display:none}
  .push-panel .hint {font-size:12px;margin-bottom:0}
  .signed-out main {padding:20px 24px;min-height:100dvh}
  .login-card .brand {margin-bottom:24px}
  .login-card h1 {font-size:26px}
  .login-card>.eyebrow {display:none}
  .account-choices {margin:20px 0 12px}
  .account-choice {min-height:68px;padding:12px 16px}
  .login-card>.hint {margin-top:16px;font-size:12px}
}
@media (prefers-reduced-motion:reduce) {.topbar{transition:none}}
.quick-date-picker .field {min-width:0;flex:1}
.quick-date-picker:not([hidden]) {display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:8px}
.quick-date-picker>button {grid-column:1/-1;justify-self:start;margin:0;padding:4px 0;font-size:12px;min-height:36px}
.task-notify {display:flex;align-items:center;gap:8px;margin:8px 0}
.notify-toggle {display:flex;align-items:center;gap:9px;flex:1;min-height:48px;margin:0;font-size:14px;cursor:pointer}
.notify-toggle input {width:20px;min-height:20px;flex-shrink:0}
.notify-toggle small {display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:3px}
.task-notify>button {font-size:11px;max-width:106px;min-height:44px;padding:4px;white-space:normal}