.mobile-dock,.mobile-nav-sheet{display:none}
@media(max-width:760px){
  :root{--mobile-safe-bottom:env(safe-area-inset-bottom,0px)}
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  body{padding-bottom:calc(70px + var(--mobile-safe-bottom))}
  body.mobile-menu-open{overflow:hidden}
  .app{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:clip!important}
  .workspace{grid-column:1;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;overflow-x:clip!important}
  .main,.page{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:clip}
  .sidebar{position:static!important;grid-column:1;width:100%!important;height:54px!important;padding:7px 8px!important;border-bottom:1px solid #55463e}
  .sidebar .nav{display:none}.sidebar .sidebar-search{display:grid;min-width:44px;width:44px;height:44px;margin:0}.sidebar .brand{display:flex!important;padding:0 8px!important}.sidebar .brandmark{width:34px;height:34px;font-size:13px}.sidebar .brand h1{font-size:12px}.sidebar .brand small{display:none!important}
  .mobile-dock{position:fixed;z-index:90;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:calc(58px + var(--mobile-safe-bottom));padding:5px 5px var(--mobile-safe-bottom);border-top:1px solid #ded4c9;background:rgba(255,253,248,.97);box-shadow:0 -5px 18px rgba(65,48,37,.1);backdrop-filter:blur(12px)}
  .mobile-dock :is(a,button){position:relative;display:grid;grid-template-rows:25px 16px;place-items:center;min-width:0;min-height:44px;padding:0 2px;border:0;background:transparent;color:#8c7e73;text-decoration:none;font-size:10px}
  .mobile-dock svg{width:19px;height:19px}.mobile-dock .active{color:#b94f57}.mobile-dock .active:before{content:"";position:absolute;top:0;width:28px;height:2px;background:#b94f57}
  .mobile-nav-sheet{position:fixed;z-index:100;inset:0;display:grid;align-items:end}.mobile-nav-sheet.hidden{display:none}.mobile-nav-backdrop{position:absolute;inset:0;border:0;background:rgba(48,38,32,.42)}
  .mobile-nav-sheet>section{position:relative;width:100%;max-width:100vw;max-height:min(78dvh,680px);overflow:auto;padding:20px 16px calc(20px + var(--mobile-safe-bottom));border-radius:8px 8px 0 0;background:#fffdf8;box-shadow:0 -14px 40px rgba(45,33,26,.24);overscroll-behavior:contain}
  .mobile-nav-sheet>section>header{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:12px;border-bottom:1px dashed #ddd1c5}.mobile-nav-sheet header small{color:#7898a7;font:700 10px Georgia}.mobile-nav-sheet h2{margin:4px 0 0;color:#493d35;font:700 21px Georgia}.mobile-nav-sheet header button{display:grid;width:44px;height:44px;place-items:center;border:1px solid #e1d6cb;background:#fff;color:#54483f}.mobile-nav-sheet header svg{width:18px}
  .mobile-nav-group{margin-top:15px}.mobile-nav-group>small{display:block;margin-bottom:7px;color:#9a8b80;font-size:10px}.mobile-nav-group nav{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mobile-nav-group a{display:flex;align-items:center;gap:9px;min-height:46px;padding:8px 10px;border:1px solid #e5dbd1;background:#fff;color:#5d5048;text-decoration:none;font-size:11px}.mobile-nav-group a.active{border-color:#c75b60;color:#a3484f;background:#fff7f6}.mobile-nav-group svg{width:17px}
  .mobile-install{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;margin-top:16px;border:1px solid #493d35;background:#493d35;color:#fff}.mobile-install.hidden{display:none}.mobile-install svg{width:17px}
  .toast{bottom:calc(72px + var(--mobile-safe-bottom))}
  .page :is(button,a,input,select,textarea){touch-action:manipulation}
  .page-tasks .calendar-panels{max-width:100%;overflow:auto}
  .page-tasks .calendar-panels{overscroll-behavior-x:contain;touch-action:pan-x pan-y}
  .page-tasks .calendar-week-head,.page-tasks .calendar-week-body{max-width:none}
  .page-news :is(.news-pinterest-shell,.news-toolbar,.news-pin-layout,.news-pin-grid){width:100%;max-width:100%;min-width:0}
  .page-news .news-pin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-news .news-categories{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden}
  .page :is(.task-composer-v3,.task-event-editor,.urgent-edit-dialog>section,.task-duration-dialog>section,.task-detail-card,.project-editor-card,.milestone-editor-card,.domain-editor-card,.looks-record-modal>section,.trip-date-dialog>section,.settings-detail-sheet){width:min(100%,calc(100vw - 24px));max-width:100%;max-height:calc(100dvh - 24px);overflow:auto}
  .page :is(.task-composer-v3,.task-event-editor,.urgent-edit-dialog>section,.task-duration-dialog>section,.task-detail-card,.project-editor-card,.milestone-editor-card,.domain-editor-card,.looks-record-modal>section,.trip-date-dialog>section,.settings-detail-sheet){margin:12px auto}
  .page :is(.task-composer-v3-close,.task-detail-toolbar button,.project-editor-close,.milestone-editor-close,.domain-editor-close,.looks-record-close,.trip-date-close,.settings-detail-close){min-width:44px;min-height:44px}
  .page :is(.project-icon-command,.project-overview-actions button,.project-milestone-actions button,.domain-overview-actions button,.domain-assignment-panel article button){width:44px;height:44px;min-width:44px;min-height:44px}
  .page :is(.project-empty-state button,.project-soft-command,.project-task-attach button,.project-editor-card footer button,.milestone-editor-card footer button,.domain-editor-card footer button){min-height:44px}
  .page :is(.project-milestone-toggle,.domain-tab,.domain-task-row>button,.project-live-task .project-task-check){min-height:44px}
  .page :is(.task-detail-toolbar button,.project-icon-command,.project-overview-actions button,.project-milestone-actions button,.domain-overview-actions button,.domain-assignment-panel article button,.project-milestone-toggle,.domain-tab,.domain-task-row>button,.project-live-task .project-task-check):is(:hover,:focus-visible,:active){outline:2px solid rgba(199,91,96,.35);outline-offset:2px}
  .page :is(.task-order-controls,.home-task-panel .task-order-controls){opacity:1}
}
@media(display-mode:standalone){body{overscroll-behavior-y:none}.sidebar{padding-top:max(7px,env(safe-area-inset-top))!important}}
