.task-note-button{display:block;max-width:100%;margin-top:4px;border:0;background:transparent;padding:2px 0;color:#6f695f;font-size:12px;font-weight:600;text-align:left;line-height:1.4;white-space:normal;word-break:break-word;cursor:text}.task-note-button.has-note{color:#5f594f}.task-note-button:hover{background:rgba(47,111,237,.06)}.task-note-editor{display:grid;gap:6px;width:100%;margin-top:5px}.task-note-editor textarea{width:100%;min-width:0;resize:vertical;border:1px solid #8eacef;border-radius:8px;padding:7px 8px;background:#fff;font:inherit;line-height:1.4;outline:none;box-shadow:0 0 0 2px rgba(47,111,237,.08)}.task-note-editor.compact textarea{min-height:58px}.task-note-actions{display:flex;gap:6px;flex-wrap:wrap}.task-note-actions button{padding:5px 8px;font-size:12px}
.capture-date-field{display:flex;align-items:center;gap:6px;min-width:0;min-height:42px;border:1px solid #d6d0c2;border-radius:10px;background:#fff;padding:0 8px;color:#746e65}.capture-date-field>span{font-size:14px;font-weight:400;white-space:nowrap;color:#8a857d}.capture-date-field input[type=date]{flex:1;min-width:0;min-height:40px;border:0!important;background:transparent!important;padding:0!important;font-size:14px;color:#4f4a43;outline:none;color-scheme:light}.mobile-zone-control{display:none}

@media(max-width:600px){
  html,body{max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%}
  .app{padding:10px;gap:10px;width:100%;max-width:100%;overflow-x:hidden}
  .panel,.focus-card{max-width:100%;min-width:0}
  .app-topbar{gap:8px}
  .app-topbar>div:first-child{align-items:center;gap:8px}
  .app-topbar strong{font-size:20px}
  .top-actions{width:100%;display:flex;flex-wrap:wrap;overflow:visible;gap:7px}
  .top-actions button{min-height:42px;padding:8px 13px}

  .capture{padding:12px}
  .capture-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important;width:100%}
  .capture-row>input,.capture-row>button,.capture-row>.capture-date-field{width:100%;min-width:0;min-height:46px}
  .capture-row>input:first-child{grid-column:1/-1!important}
  .capture-date-field{grid-column:1/-1!important;height:46px!important;padding:0 10px!important}
  .capture-date-field>span{font-size:16px;font-weight:400;color:#8a857d}
  .capture-date-field input[type=date]{height:44px!important;min-height:44px!important;max-height:44px!important;font-size:16px!important;-webkit-appearance:none;appearance:none;background:#fff!important;color:#4f4a43!important;line-height:28px!important}
  .capture-date-field input[type=date]::-webkit-date-and-time-value{text-align:left;min-height:28px}
  .capture-date-field input[type=date]::-webkit-calendar-picker-indicator{opacity:.7}
  .capture-row>.sticky-btn,.capture-row>.primary{grid-column:auto!important}
  .capture-note{min-height:84px!important;font-size:16px}
  .capture-row input{font-size:16px}
  .customer-quick{gap:7px}
  .worktype-quick{display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:7px;overflow-x:auto;overflow-y:hidden;width:100%;max-width:100%;padding:2px 0 5px;scroll-snap-type:x proximity;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .worktype-quick::-webkit-scrollbar{display:none}
  .worktype-quick>span:first-child{position:sticky;left:0;z-index:2;flex:0 0 auto;padding:6px 7px 6px 0;background:#fff;white-space:nowrap}
  .worktype-quick .customer-chip,.worktype-quick .mini-link{flex:0 0 auto;white-space:nowrap;scroll-snap-align:start}
  .customer-chip{min-height:36px;padding:6px 10px;font-size:13px}
  .zone-picks{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px 8px!important;width:100%;margin-top:4px!important}
  .zone-picks label{min-width:0;min-height:42px;padding:8px;border:1px solid #ded8cc;border-radius:10px;background:#fbfaf7;font-size:13px;white-space:nowrap}
  .zone-picks input{flex:0 0 auto}

  .focus-card{padding:16px}
  .focus-card h1{font-size:24px;word-break:break-word}
  .focus-card .meta{gap:6px}
  .focus-card .actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .focus-card .actions button{width:100%;min-height:44px}

  .section-head{align-items:flex-start;gap:8px;flex-wrap:wrap}
  .today-table{grid-template-columns:minmax(0,1fr) 112px!important}
  .today-table>div{min-width:0;padding:9px 8px}
  .today-title{align-items:flex-start}
  .today-title>div{min-width:0;width:100%}
  .today-table .row-actions{width:100%;display:grid;gap:6px}
  .today-table .row-actions button{width:100%;min-height:36px;padding:6px 7px;font-size:12px}

  .sticky-grid{grid-template-columns:minmax(0,1fr)!important;padding:7px}
  .bucket{min-width:0;min-height:0!important}
  .bucket .empty{padding:14px 12px!important;min-height:0!important}
  .sticky-item{grid-template-columns:7px 18px minmax(0,1fr)!important;align-items:start;gap:6px 7px;padding:9px 7px}
  .sticky-item>div:nth-child(3){min-width:0}
  .sticky-item>.compact-actions{grid-column:3;display:flex;justify-content:flex-start;gap:6px;margin-top:4px;width:100%}
  .mobile-zone-control{display:flex;align-items:center;gap:6px;flex:1 1 100%;width:100%;min-height:38px;color:#6f695f;font-size:12px;font-weight:750}
  .mobile-zone-control>span{flex:0 0 auto}
  .mobile-zone-control select{flex:1;min-width:0;min-height:38px;border:1px solid #d6d0c2;border-radius:8px;background:#fff;padding:5px 8px;font-size:16px;color:#3f3b35}
  .compact-actions button{min-height:34px;padding:5px 8px}
  .inline-work-type,.inline-work-type.compact{max-width:100%;width:100%!important;font-size:16px}
  .inline-customer{font-size:16px}
  .inline-date-editor,.inline-date-editor.compact{max-width:100%;flex-wrap:wrap;white-space:normal}
  .inline-date-editor input[type=date],.inline-date-editor.compact input[type=date]{font-size:16px;min-height:38px;width:142px}
  .task-note-button{font-size:13px;padding:4px 0}
  .task-note-editor textarea{font-size:16px;min-height:76px}
  .task-note-actions button{min-height:36px;font-size:13px}

  .history-toolbar{padding:13px}
  .history-toolbar h1{font-size:23px}
  .history-controls{gap:7px}
  .history-search{font-size:16px;min-height:44px}
  .segmented{width:100%}
  .segmented button{flex:1;min-height:40px}
  .customer-head{align-items:flex-start}

  .date-progress-grid,.date-progress-grid.completed-only{min-width:0;width:100%}
  .date-reminder-row{padding:10px}
  .date-reminder-main{width:100%;min-width:0}
  .date-reminder-copy{min-width:0;overflow-wrap:anywhere}
  .date-reminder-actions button{min-height:40px}
}

@media(max-width:360px){
  .capture-row{grid-template-columns:minmax(0,1fr)!important}
  .capture-row>*{grid-column:1!important}
  .zone-picks{grid-template-columns:minmax(0,1fr)}
  .focus-card .actions{grid-template-columns:1fr}
}