/* Phone layout: retain one set of controls and records across desktop and mobile. */
@media(max-width:700px){
 html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-width:0}main,#tracker-app main{margin-left:0;padding:0 12px 24px;min-width:0}
 aside,#tracker-app aside{position:relative;top:auto;width:100%;height:auto;padding:16px 14px 10px;min-width:0}
 .brand{display:flex;justify-content:center}.brand img{width:170px;max-width:60vw}.brand small,.advisor{display:none}
 nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:14px;overflow:visible}
 nav button{min-height:44px;min-width:0;text-align:center;font-size:12px;padding:9px 3px;white-space:normal}
 .demo{font-size:9px;padding:10px 0;letter-spacing:.6px}.demo span{font-size:9px}header{padding:16px;margin:14px 0;align-items:center;gap:10px}header .eyebrow{font-size:9px;letter-spacing:1px}header h1{font-size:27px}header #subtitle{display:none}header #add{min-height:44px;padding:10px 12px;font-size:14px;flex-shrink:0}
 button,input,select,textarea{font-size:16px}input,select,textarea{min-height:44px}label{font-size:12px}button{touch-action:manipulation}
 .toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-bottom:16px}.toolbar label,.toolbar label:first-child{min-width:0;width:auto}.toolbar label:first-child{grid-column:1/-1}.toolbar button{min-height:44px;grid-column:1/-1;font-size:14px}
 .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:16px}.card{min-width:0;padding:13px}.card .metric{font-size:28px;margin:8px 0}.card small{font-size:10px;line-height:1.4}.panel{min-width:0;padding:16px}
 .view-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px;margin-bottom:12px}.view-tools select{width:100%;min-width:0;font-size:14px;min-height:44px;padding:9px}.view-tools>span{grid-column:1/-1;font-size:11px}
 .lead-table-wrap{overflow:visible;border:0;background:transparent;box-shadow:none;border-radius:0}.lead-table{display:block;white-space:normal;width:100%}
 .lead-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 .lead-table tbody{display:grid;gap:12px}.lead-table tr.lead-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 12px;background:#fff;border:1px solid #dbe5ef;border-radius:12px;padding:12px;box-shadow:0 3px 12px #132c5210}
 .lead-table .lead-row td{min-width:0;width:auto;max-width:none;padding:0!important;border:0;background:#fff!important;box-shadow:none!important;font-size:14px;line-height:1.4}
 .lead-table td.name-cell{grid-column:1/-1;grid-row:1;padding-right:54px!important;align-self:center}.lead-table .name{display:block;font-size:16px;line-height:1.35;white-space:normal;overflow-wrap:anywhere;text-align:left;min-height:44px;padding:8px 0}
 .lead-table td.flag-cell{grid-column:2;grid-row:1;justify-self:end;width:44px!important;display:flex;align-items:center;justify-content:flex-end;gap:8px;min-height:44px}.lead-table td.flag-cell::before{display:none}.lead-table .lead-flag{width:24px;height:24px;margin:10px}
 .lead-table td.date-cell{grid-column:1;grid-row:2}.lead-table td.area-cell{grid-column:2;grid-row:2}.lead-table td.source-cell{grid-column:1/-1;grid-row:3}.lead-table td.outcome-cell{grid-column:1/-1;grid-row:4}
 .lead-table td.date-cell::before,.lead-table td.area-cell::before,.lead-table td.source-cell::before,.lead-table td.outcome-cell::before{display:block;color:#71879b;font-size:10px;letter-spacing:.7px;text-transform:uppercase;margin-top:6px}
 .lead-table td.date-cell::before{content:'Date received'}.lead-table td.area-cell::before{content:'Area'}.lead-table td.source-cell::before{content:'Source'}.lead-table td.outcome-cell::before{content:'Outcome'}
 .lead-table .lead-edit{font-size:14px;min-height:40px;width:100%;overflow-wrap:anywhere;white-space:normal}.lead-table .lead-row td select{width:100%;min-width:0;min-height:44px;font-size:16px;padding:10px 32px 10px 10px;margin-top:4px}.lead-table .lead-row td small{font-size:10px;letter-spacing:0}
 .lead-table tr:not(.lead-row){display:block}.lead-table tr:not(.lead-row) .empty{display:block;padding:28px!important}
 dialog{width:calc(100vw - 16px);max-width:580px;max-height:calc(100dvh - 20px);padding:18px;border-radius:14px;overflow:auto}dialog .fields{grid-template-columns:minmax(0,1fr);gap:14px}.dialog-head{gap:12px}.dialog-head h2{font-size:22px;overflow-wrap:anywhere}#close{min-width:44px;min-height:44px;padding:8px}.actions{flex-wrap:wrap;gap:10px}.actions button{min-height:44px}.actions .delete-lead{margin-left:0}textarea{min-height:90px}
 .quick{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.quick button{min-height:44px;white-space:normal;font-size:14px}.restore-options select{font-size:16px}.note{overflow-wrap:anywhere}
 .graph-controls,.graph-panel{padding:16px}.graph-controls h2{font-size:20px}.graph-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.graph-filters>label{min-width:0;width:100%}.graph-filters .graph-check{grid-column:1/-1;display:flex;align-items:center;gap:9px}.graph-check input{width:22px;min-height:22px;margin:0}.graph-actions{gap:10px;margin:12px 0 0}.graph-actions #graph-export{min-height:44px}.graph-live{font-size:10px}.chart-scroll{max-width:100%;-webkit-overflow-scrolling:touch}.chart-caption{font-size:11px}.graph-period h2{font-size:23px}.graph-exact{padding:14px}
 .cloud-banner{position:relative;padding:10px 12px;gap:8px}.cloud-banner #cloud-status{font-size:11px;min-width:0;flex:1 1 65%;line-height:1.5}.cloud-banner #cloud-user{display:none}.cloud-banner button{min-height:40px;font-size:12px;padding:8px 10px}.cloud-banner[data-status='saved'] #cloud-download{display:none}.cloud-banner #cloud-logout{margin-left:auto}.cloud-login-card{padding:24px 20px}.cloud-login-card h1{font-size:26px}
 #toast{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));font-size:13px;padding:13px 16px;z-index:100}footer{line-height:1.6}
}