/* Mobile density: preserve readable fields and touch targets; desktop is unchanged. */
@media(max-width:900px){
 .content{padding:10px}.top{height:56px;padding:0 10px;gap:6px}.top #pageTitle{font-size:15px}
 .main{padding-bottom:calc(82px + env(safe-area-inset-bottom,0px))}
 #mobilebar{height:64px;padding:4px;gap:4px;border-radius:13px;bottom:calc(6px + env(safe-area-inset-bottom,0px))}
 #mobilebar button{height:54px;min-width:82px;padding:4px 7px;font-size:11px;gap:3px}
 #mobilebar .nav-icon{width:18px;height:18px;flex-basis:18px}.fab-mobile{width:48px;height:48px;bottom:calc(82px + env(safe-area-inset-bottom,0px))}
 .view .title{gap:8px;margin-bottom:10px;flex-wrap:wrap}.view h1{font-size:22px}.view h2{font-size:18px}
 .view .card{padding:12px;border-radius:11px}.view .grid4,.view .grid3{gap:8px}.view .kpi{font-size:24px;margin-top:3px}
 .view .toolbar{gap:6px;margin:10px 0}.btn{min-height:44px;padding:8px 11px}
 .form{gap:8px}.form label{margin-bottom:3px}.form textarea{min-height:72px}
 .form input,.form select,.form textarea,.toolbar input,.toolbar select,.crm-task-form input,.crm-task-form select,.crm-task-form textarea{font-size:16px;padding:8px;min-height:44px;min-width:0;max-width:100%}
 .modal,.crm-task-box,.crm-detail-box,.crm-client-box{padding:14px;border-radius:12px;max-height:90dvh}.modalbg{padding:8px}.footer{margin-top:10px;gap:6px;flex-wrap:wrap}
 #dashboard .dashboard-worker{padding:0}#dashboard .dashboard-worker-head{padding:10px}#dashboard .dashboard-worker-head h2{font-size:16px}
 #fsDashboard{padding:10px}.fs-head{gap:8px;margin-bottom:10px;flex-wrap:wrap}.fs-head h1{font-size:22px}.fs-actions{flex-wrap:wrap}.fs-btn{min-height:44px}
 .fs-kpi{padding:10px}.fs-num{font-size:24px;margin-top:4px}.fs-card-head{padding:10px}.fs-job{padding:8px 4px;gap:8px}
 #workHub .work-metrics{gap:6px;margin:10px 0}#workHub .work-metric{padding:10px}#workHub .work-metric strong{font-size:24px}
 #workHub .work-filters{padding:10px;gap:8px}#workHub .commercial-display{margin-top:10px}#workHub .work-board{gap:10px}#workHub .work-column{padding:8px}#workHub .work-column h2{margin:3px 0 9px}
 #workHub .work-stack{gap:8px}#workHub .work-card{padding:10px}#workHub .work-card h3{font-size:15px;margin:8px 0 5px}#workHub .work-title{margin-bottom:5px}#workHub .work-person{margin:8px 0}
 #callList{gap:8px}#callList .card p{margin:7px 0}#callDialog{padding:14px;max-height:90dvh}#callDialog h2{font-size:20px;margin-bottom:12px}#callDialog textarea{min-height:80px}#callDialog .muted{margin:8px 0;font-size:12px}
 .technical-column-head{padding:10px}.technical-list{gap:6px;padding:7px}.technical-item{min-height:44px;padding:8px}
}
@media(max-width:600px){
 #dashboard>.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
 #dashboard>.grid4 .card{padding:10px}#dashboard>.grid4 .muted{font-size:12px}
 .view .toolbar input{width:100%;min-width:0}.view .toolbar select{max-width:100%;min-width:0}
 #workHub .work-filters{grid-template-columns:repeat(2,minmax(0,1fr))}#workHub .work-filters>label:first-child{grid-column:1/-1}
 #workHub input,#workHub select{font-size:16px;padding:7px;min-height:44px}
}
@media(max-width:900px){
 .top{min-height:56px;height:auto;flex-wrap:wrap;padding-top:5px;padding-bottom:5px}
 .top>button[onclick="openTask()"]{display:none}
 .mobile-dashboard-summary{margin-bottom:10px;border:1px solid #e7eaf0;background:#fff;border-radius:10px}
 .mobile-dashboard-summary>summary{padding:12px;font-size:13px;font-weight:600;cursor:pointer;min-height:44px;box-sizing:border-box}
 .mobile-dashboard-summary[open]>summary{border-bottom:1px solid #e7eaf0}
}

/* Shared mobile rules also cover the newer client, WhatsApp and HR panels. */
@media(max-width:900px){
 html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
 #app{font-size:14px;line-height:1.35}
 #app .content{padding:8px}
 #app .view h1{font-size:20px;margin:0 0 6px}
 #app .view h2{font-size:17px;margin:8px 0}
 #app .view h3{font-size:15px;margin:8px 0}
 #app .view .card{padding:10px}
 #app .view p{margin-top:7px;margin-bottom:7px}
 #app .view .muted{font-size:12px;line-height:1.4}
 .crm-client-sheet .crm-client-box,.crm-task-modal .crm-task-box{padding:12px}
 #crmClientSheet .crm-client-head h2{font-size:20px;margin:4px 0}
 #crmClientSheet .crm-client-grid{gap:8px;margin-top:10px}
 #crmClientSheet .crm-client-grid label{font-size:12px;margin-bottom:3px}
 #crmClientSheet .crm-client-grid input,#crmClientSheet .crm-client-grid select{font-size:16px;min-height:44px;padding:7px}
 #crmClientSheet .crm-client-grid p{font-size:12px;line-height:1.35;margin:4px 0}
 #crmClientSheet .crm-client-actions{margin:10px 0;gap:6px}
 #crmClientSheet .crm-docs,#ccTimeline{padding-top:10px;margin-top:10px}
 .crm-detail-grid{gap:7px;margin-top:10px}.crm-detail-item{padding:8px}
 .crm-task-form{gap:8px}.crm-task-head{margin-bottom:10px}.crm-task-head h2{font-size:20px}
 #callDialog .form{gap:7px}#callDialog .form label{font-size:12px}#callDialog textarea{min-height:72px}
 #whatsappClients label{margin:8px 0 4px;font-size:12px}
 #whatsappClients .wa-account{padding:9px;font-size:13px;line-height:1.4}
 #whatsappClients textarea{min-height:88px;height:104px;font:16px/1.35 Arial,sans-serif}
 #whatsappClients input,#whatsappClients select{padding:7px;border:1px solid #d0d5dd;border-radius:8px}
 #whatsappClients .wa-history{margin-top:10px}
 #hrControls,#hrPlanning,#hrAbsences{font-size:14px}
 #hrControls label{font-size:12px}.hr-tabs{margin-bottom:10px}
 .loginbox{padding:20px}.loginbox input{font-size:16px}
 #app input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),#app select,#app textarea{font-size:16px}
}
@media(min-width:360px) and (max-width:600px){
 #crmClientSheet .crm-client-grid,#callDialog .form{grid-template-columns:repeat(2,minmax(0,1fr))}
 #crmClientSheet .crm-client-grid .full,#callDialog .form .full{grid-column:1/-1}
}