/* Mobile list presentation only. Desktop and explicitly selected card grids
   retain their existing appearance. State badges and action handlers remain. */
@media(max-width:640px){
 #app-view :is(.view-log-list,.home-priority-list,.files-list,#clients-list,#finance-project-list){box-sizing:border-box;width:100%;margin:0;padding:0;gap:0;row-gap:0}
 #app-view :is(.view-log-list>.view-log-card,.home-priority-list>.home-priority-row,.home-priority-section>.home-priority-row,.files-list>.file-row,#clients-list>.client-row,#finance-project-list>.finance-project,#finance-documents>.finance-document-row,.client-project-documents>.client-document-card,#shared-quotes-list>.published-quote-card,.client-upcoming-dates>.client-date-card,.client-current-project-grid>.client-current-project-card){box-sizing:border-box;width:100%;max-width:none;margin:0;padding-top:16px;padding-right:16px;padding-bottom:16px;border-top:0;border-right:0;border-left:0;border-bottom:1px solid #d5d9cd;border-radius:0!important;box-shadow:none;transform:none}
 #app-view :is(.view-log-list>.view-log-card,.home-priority-list>.home-priority-row,.home-priority-section>.home-priority-row,#clients-list>.client-row,#finance-project-list>.finance-project,#finance-documents>.finance-document-row,.client-project-documents>.client-document-card,#shared-quotes-list>.published-quote-card,.client-upcoming-dates>.client-date-card,.client-current-project-grid>.client-current-project-card){padding-left:16px}
 /* Keep space reserved for file-selection checkboxes and their labels. */
 #app-view :is(#quote-list,#billing-list)>.file-row{padding-left:16px}
 #app-view #files-list>.file-row:not(:has(.bulk-file-choice)){padding-left:16px}
 #app-view #files-list>.file-row:has(>.bulk-file-choice):not(:has(.thumbnail-button)){padding-left:46px}

 #app-view #home-view>:is(.home-news-section,.home-views-section,.home-attention-section,.admin-current-project-section){padding:0}
 #app-view #home-view>:is(.home-news-section,.home-views-section,.home-attention-section,.admin-current-project-section)>.home-section-heading{margin:0}
 #app-view #home-view :is(.home-empty,.view-log-empty){margin:0;padding:16px}
 #app-view #home-view>.home-views-section>.secondary{display:block;width:fit-content;max-width:calc(100% - 32px);margin:16px auto;text-align:center}
 #app-view .view-log-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:0;padding:16px}

 #app-view .pending-list{margin:16px 0;padding:0}
 #app-view .pending-list>h2{margin:0;padding:14px 16px}
 #app-view .pending-list>.pending-item,
 #app-view .home-priority-section>.quote-pending-action-row,
 #app-view .followup-quote-decisions>.quote-pending-action-row,
 #app-view .followup-pending-group>.task-row{box-sizing:border-box;width:100%;margin:0;padding:16px;border-top:0;border-right:0;border-left:0;border-bottom:1px solid #d5d9cd;border-radius:0!important;box-shadow:none;transform:none}
 #app-view .quote-pending-action-row>.home-priority-row{margin:0;padding:0;border:0;border-radius:0!important;box-shadow:none}

 /* Project lists, with card mode intentionally excluded. */
 #app-view #admin-home-projects.projects-list,#app-view #projects-grid.projects-list{margin:0;gap:0}
 #app-view .admin-current-project-section>div:has(>#admin-home-projects.projects-list){padding:0}
 #app-view .admin-current-project-section .project-view-switch{margin:0;padding:12px 16px}
 #app-view #projects-grid>.completed-projects>.completed-project-list.projects-list{padding:0;margin:0;gap:0}
 #app-view :is(#projects-grid,#admin-home-projects).projects-list .project-card{box-sizing:border-box;width:100%;margin:0;padding:16px;border-top:0;border-right:0;border-left:0;border-bottom:1px solid #d5d9cd;border-radius:0!important;box-shadow:none;transform:none}
 #app-view #project-browser-panel.is-framed:has(#projects-grid.projects-list)>.project-browser-body{padding:0}
 #app-view #project-browser-panel.is-framed:has(#projects-grid.projects-list) :is(#area-intro,.portal-toolbar,.project-view-switch){margin:0;padding:12px 16px}

 /* Full-width rows inside document and financial list panels. */
 #app-view :is(#project-files-panel,#quote-documents-panel,#shared-quotes-tools,#billing-documents-panel,#admin-recent-quotes)>:is(.files-list,#files-list,#quote-list,#billing-list,#shared-quotes-list){margin:0;padding:0;gap:0}
 #app-view :is(#project-files-panel,#quote-documents-panel,#billing-documents-panel,#admin-recent-quotes)>.file-toolbar{margin:0;padding:14px 16px;border-radius:0}
 #app-view #shared-quotes-list{margin:0;padding:0;gap:0}
 #app-view .finance-services-body{padding:0}
 #app-view .finance-services-body>.portal-toolbar{margin:0;padding:16px}
 #app-view #clients-search-panel #clients-list{margin:0;padding:0;gap:0}

 /* Client agenda and document lists use the same continuous edges. */
 #app-view .client-home-agenda>:is(.client-upcoming-dates,.client-current-projects){padding:0}
 #app-view .client-home-agenda>:is(.client-upcoming-dates,.client-current-projects)>.home-section-heading{margin:0}
 #app-view .client-current-project-grid{grid-template-columns:minmax(0,1fr);margin:0;padding:0;gap:0}
 #app-view .client-agenda-empty{margin:0;padding:16px}

 /* Notes remain readable rows, without removing reply content or forms. */
 #app-view [id$="notes-list"]{margin:0;padding:0;gap:0}
 #app-view [id$="notes-list"]>.note{box-sizing:border-box;width:100%;margin:0;padding:16px;border-top:0;border-right:0;border-left:0;border-bottom:1px solid #d5d9cd;border-radius:0!important;box-shadow:none}
}

/* Small timestamp at the bottom right of each mobile view-history row. */
@media(max-width:640px){#app-view .view-log-list>.view-log-card>time{grid-column:1/-1;justify-self:end;align-self:end;text-align:right;font-size:10px;line-height:1.4;white-space:nowrap;margin:0;max-width:100%;color:#73746b}}