/* Mobile reference: preview (1).html, inside the existing AI coach shell. */
.cp-mobile-home{display:none}
@media(max-width:600px){
#viewCustomers.cp-preview{background:#faf7f4;--muted:#76716e}
#viewCustomers .topbar{min-height:60px;padding:8px 16px;gap:12px;flex-wrap:nowrap;background:#faf7f4;border-bottom:1px solid #eee5e0}
#viewCustomers .topbar .brand{width:auto;font-size:12px;white-space:nowrap}
#viewCustomers .topbar .brand-tagline{display:block;font-size:17px;margin:0;white-space:nowrap}
#viewCustomers .topnav,#viewCustomers #cpSchedule{display:none}
#viewCustomers .cp-mobile-home{display:block;margin-left:auto;color:#ae3828;min-height:44px;font-size:12px;white-space:nowrap}
#viewCustomers:has(#caHomePane.on) .cp-mobile-home{display:none}
#viewCustomers .cw-home{padding:0 16px calc(24px + env(safe-area-inset-bottom))!important}
#viewCustomers .hero{padding:0 0 14px;height:auto}
#viewCustomers .hero-copy{height:187px;padding:12px 3px 0;width:100%}
#viewCustomers .greeting{font-size:12px;color:#86776c;margin-bottom:13px}
#viewCustomers .hero h1{font-size:27px;line-height:1.45;letter-spacing:-1px;max-width:238px}
#viewCustomers .hero-subtitle{font-size:12px;line-height:1.9;max-width:155px;white-space:normal;margin-top:9px;color:#82756a}
#viewCustomers .hero-art{width:221px;height:161px;left:auto;right:-16px;top:37px;opacity:.93;object-fit:cover;object-position:54% center;z-index:0;mask-image:linear-gradient(to right,transparent,#000 28%,#000 92%,transparent)}
#viewCustomers .hero-copy{z-index:1}
#viewCustomers .hero-features{display:none}
#viewCustomers .hero-actions{position:relative;top:auto;right:auto;width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:11px;margin:4px 0 0}
#viewCustomers .action-card{min-height:88px;padding:13px 12px;border-radius:17px;gap:8px;align-items:flex-start;position:relative;background:linear-gradient(140deg,#fff5ef,#fffaf6)}
#viewCustomers .action-icon{width:21px;height:24px;background:none;border:0;box-shadow:none;border-radius:0}
#viewCustomers .action-icon .ico{width:21px;height:21px}
#viewCustomers .action-copy strong{font-size:13px;letter-spacing:0}
#viewCustomers .action-copy small{font-size:11px;line-height:1.7;margin-top:5px;color:#927762}
#viewCustomers .round-arrow{position:absolute;right:8px;bottom:9px;width:16px;height:16px;background:none}
#viewCustomers .plan-banner{padding:16px 15px 14px;display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;border-radius:19px;min-height:0;background:linear-gradient(110deg,#fff2ed,#fffbf8)}
#viewCustomers .plan-banner>.robot-art{width:44px;height:46px;align-self:start}
#viewCustomers .plan-copy h2{font-size:15px;line-height:1.65;letter-spacing:0}
#viewCustomers .plan-copy .eyebrow{font-size:11px;margin-bottom:3px}
#viewCustomers .plan-copy p{font-size:12px;line-height:1.8;color:#8c7566;margin-top:7px}
#viewCustomers .plan-actions{grid-column:1/-1;display:flex;margin:2px 0 0;gap:9px;width:100%}
#viewCustomers .plan-actions .button{min-height:44px;border-radius:11px;font-size:12px;padding:0 12px}
#viewCustomers .plan-actions .primary{flex:1}
#viewCustomers .overview-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:11px;margin-top:13px}
#viewCustomers .overview-card{min-height:114px;padding:12px;border-radius:17px}
#viewCustomers .overview-card .section-heading{flex-wrap:wrap;gap:6px}
#viewCustomers .overview-card h2{font-size:13px;color:#776b60}
#viewCustomers .overview-card .section-icon{width:17px;height:17px}
#viewCustomers .overview-card .count-pill{margin:0;font-size:12px;padding:3px 7px}
#viewCustomers .overview-text{font-size:11px;line-height:1.8;margin-top:8px;padding:0;color:#82776e;max-width:none}
#viewCustomers .overview-card .today,#viewCustomers .focus-art,#viewCustomers .overview-next{display:none}
#viewCustomers .customers-table-panel{border:0;box-shadow:none;background:none;padding:0;margin-top:16px;overflow:visible}
#viewCustomers .table-toolbar{display:flex;flex-wrap:wrap;gap:10px;padding:0 0 12px}
#viewCustomers .table-toolbar h2{font-size:17px}
#viewCustomers .table-toolbar .section-icon{display:none}
#viewCustomers .table-tools{display:flex;flex-wrap:wrap;gap:8px;width:100%}
#viewCustomers .search-field{width:auto;flex:1;min-width:150px;height:44px;background:#fff}
#viewCustomers .table-tools .button{min-height:44px;font-size:12px;padding:0 10px}
#viewCustomers #cwAll{display:inline-flex;margin-left:auto}
#viewCustomers .customers-table-panel table,#viewCustomers .customers-table-panel tbody{display:block;width:100%;min-width:0}
#viewCustomers .customers-table-panel thead{display:none}
#viewCustomers .table-scroll{overflow:visible}
#viewCustomers .cw-home .cw-customer-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;border:1px solid #eee5e0;border-radius:17px;background:#fff;padding:14px 13px 0;margin-bottom:10px}
#viewCustomers .cw-customer-row td{display:block;min-width:0;border:0;padding:0;white-space:normal}
#viewCustomers .cw-customer-row td:nth-child(1){grid-column:1}
#viewCustomers .cw-customer-row td:nth-child(2){grid-column:2;align-self:start}
#viewCustomers .cw-customer-row td:nth-child(3),#viewCustomers .cw-customer-row td:nth-child(4),#viewCustomers .cw-customer-row td:nth-child(5){grid-column:1/-1}
#viewCustomers .avatar-initial{width:44px;height:44px;border-radius:14px;flex-shrink:0}
#viewCustomers .client-name{font-size:14px;min-height:30px;text-align:left}
#viewCustomers .client-note{max-width:100%;font-size:11px;color:#84786e}
#viewCustomers .recent-date,#viewCustomers .recent-activity,#viewCustomers .next-follow{font-size:11px;line-height:1.8;color:#85796e}
#viewCustomers .recent-date{display:inline;margin-right:8px}
#viewCustomers .recent-activity{display:inline}
#viewCustomers .row-actions{display:flex;border-top:1px solid #f0e7df;gap:0;width:100%}
#viewCustomers .row-actions .button,#viewCustomers .row-actions .button.primary{flex:1;min-height:44px;height:auto;padding:5px 3px;border:0;background:none;box-shadow:none;border-radius:0;color:#a84a33;font-size:12px}
#viewCustomers .table-footer{font-size:11px;padding:8px 0}
#viewCustomers .guide-hero{padding:20px 19px 0;text-align:left}
#viewCustomers .guide-hero h1{font-size:27px;line-height:1.45}
#viewCustomers .guide-hero>p{font-size:12px;line-height:1.9;color:#857567;margin-top:10px}
#viewCustomers .guide-features{margin:20px 0;gap:10px;justify-content:space-between}
#viewCustomers .guide-features .mini-feature{flex:1;gap:5px}
#viewCustomers .guide-features .mini-feature strong{font-size:11px}
#viewCustomers .guide-features .mini-feature small{display:none}
#viewCustomers .guide-features .feature-icon{width:25px;height:25px}
#viewCustomers .ca-workflow.upload-flow{width:calc(100% - 32px);margin-top:20px}
#viewCustomers .upload-card{padding:16px;border-radius:19px}
#viewCustomers .upload-card .dropzone{min-height:180px;margin-top:18px}
#viewCustomers .upload-info{padding:12px;gap:10px}
#viewCustomers .upload-info-copy{padding-left:10px}
#viewCustomers .upload-info p{font-size:12px}
#viewCustomers .ca-form-grid{grid-template-columns:minmax(0,1fr)}
#viewCustomers input,#viewCustomers textarea,#viewCustomers select{font-size:16px}
#viewCustomers .ca-detail-head h3{font-size:20px}
#viewCustomers .cj-card{border-radius:19px}
#viewCustomers .cj-card h2{font-size:23px;line-height:1.5}
#viewCustomers .cj-card-body{padding:15px}
#viewCustomers .cj-goal,#viewCustomers .cj-message,#viewCustomers .cj-action{display:block;padding:12px}
#viewCustomers .cj-label{font-size:12px;margin-bottom:8px}
#viewCustomers .cj-goal p,#viewCustomers .cj-action p{font-size:13px;line-height:1.9}
#viewCustomers .cj-message p{font-size:15px;line-height:1.95}
#viewCustomers .cj-list,#viewCustomers .cj-evidence{font-size:12px;line-height:1.85}
#viewCustomers .cj-top-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
#viewCustomers .cj-top-actions .cj-button{min-height:44px;height:auto;white-space:normal;font-size:12px;line-height:1.5;padding:10px}
#viewCustomers .ca-side{inset:0;width:100%;max-width:100%;height:100dvh;border-radius:0}
#viewCustomers .ca-side-foot{padding-bottom:max(16px,env(safe-area-inset-bottom))}
#viewCustomers .ca-side-head{padding:18px 42px 14px 16px;min-height:86px}
#viewCustomers .suggestion-chip{white-space:normal;min-height:44px;height:auto}
}