@media(max-width:1100px){.metrics{grid-template-columns:1fr 1fr}.filters{grid-template-columns:1fr}.client-card{grid-template-columns:1.15fr .8fr .7fr auto}.client-card .hide-tablet{display:none}.client-grid{grid-template-columns:1fr}.settings-section{grid-template-columns:1fr}.quick-actions{grid-template-columns:repeat(3,1fr)}.quick-action:nth-child(3){border-right:0}.quick-action:nth-child(-n+3){border-bottom:1px solid var(--border-color)}}
@media(max-width:768px){:root{--header-height:80px}.sidebar{transform:translateX(-102%);transition:transform .22s}.sidebar.open{transform:none;box-shadow:20px 0 60px rgba(0,0,0,.55)}.app-main{margin-left:0}.mobile-menu{display:grid}.topbar{padding:13px 15px}.topbar h1{font-size:21px}.top-actions .button{display:none}.content{padding:16px}.welcome-panel{min-height:330px;align-items:flex-start;flex-direction:column}.camera-readout{align-self:stretch}.workspace{padding:16px}.workspace-head{align-items:flex-start;flex-direction:column}.workspace-actions{width:100%}.workspace-actions .button{flex:1}.client-card{grid-template-columns:1fr auto;gap:10px;min-height:0}.client-card .client-meta{display:none}.client-open{grid-column:2;grid-row:1/3}.client-hero{align-items:flex-start;flex-direction:column}.status-control{width:100%}.detail-list{grid-template-columns:1fr}.settings-intro{align-items:flex-start;flex-direction:column;padding:26px}.system-card{width:100%}.form-grid{grid-template-columns:1fr}.confirm-dialog form>div{display:grid}.confirm-dialog .button{width:100%}}
@media(max-width:480px){.metrics{grid-template-columns:1fr}.metric-card{min-height:120px}.metric-card strong{margin:12px 0 8px;font-size:34px}.filter-tabs{margin-right:-16px}.quick-actions{grid-template-columns:repeat(2,1fr)}.quick-action:nth-child(n){border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.quick-action:nth-child(2n){border-right:0}.quick-action:nth-last-child(-n+2){border-bottom:0}.client-hero h2{font-size:36px}.detail-panel,.message-panel,.notes-panel,.timeline-panel{padding:20px}.settings-section{padding:20px}.topbar .avatar{display:none}}