@media(max-width:980px){.content{padding-bottom:96px}.sidebar{padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom))}.menu{width:44px;height:44px;display:grid;place-items:center;margin-left:-10px;border:0;background:none;border-radius:12px;font-size:20px;line-height:1;color:inherit}.menu:active{background:var(--color-border, #e6eaf0)}.backdrop{backdrop-filter:blur(2px)}}@media(max-width:760px){.search{width:auto;flex:none;min-width:44px;height:44px;padding:0;display:grid;place-items:center;font-size:0;border-radius:12px}.search:first-letter{font-size:0}.search:before{content:"⌘K";font-size:11px;font-weight:700;letter-spacing:.02em;color:var(--color-muted, #718096)}.topbar{gap:10px;padding:0 14px}.top-actions{gap:4px}.page-head{gap:12px;margin-bottom:18px}.page-head h1{font-size:23px;margin:2px 0 5px}.page-head>div:last-child,.head-actions{width:100%}.head-actions>*{flex:1;text-align:center;white-space:nowrap}.filters,.table-toolbar{flex-direction:column;align-items:stretch}.filters>*,.table-toolbar>*{width:100%;min-width:0}.stat-grid,.metric-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.workspace-grid{grid-template-columns:minmax(0,1fr)}.page-head .quick-action-inline{display:none}}@media(max-width:600px){.content{padding:14px 14px 96px}.page-head h1{font-size:21px}.stat-grid,.metric-row{grid-template-columns:minmax(0,1fr)}.stat-card,.metric{padding:15px}.stat-card strong,.metric strong{font-size:24px;margin:4px 0}.panel-head{padding:15px 16px}.table-wrap{-webkit-overflow-scrolling:touch}.table-wrap table th:first-child,.table-wrap table td:first-child{position:sticky;left:0;z-index:1;box-shadow:1px 0 0 var(--color-border)}.table-wrap table td:first-child{background:var(--color-surface)}.table-wrap table th:first-child{z-index:2}th,td{padding:12px 14px}td .icon-button{width:40px;height:40px}.input,input[type=text],input[type=email],input[type=date],input[type=datetime-local],input[type=number],input[type=password],select,textarea{width:100%;min-width:0;font-size:16px}.actions,.head-actions{flex-wrap:wrap}.primary,.secondary{min-height:44px}.drawer{width:100%;max-width:none}.drawer .action-row{flex-direction:column;align-items:flex-start;gap:4px}.drawer .action-row strong{text-align:left!important;max-width:100%!important}}@media(max-height:480px)and (orientation:landscape){.topbar{height:52px}.content{padding-top:14px}}@media(max-width:600px){.chart-panel{padding:14px 14px 16px}}
