.demo-notice{height:35px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--border);background:var(--accent-soft);font-size:11px;color:var(--text2)}
.demo-notice i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-right:7px}
.demo-notice small{font-size:10px;color:var(--muted)}
.demo-notice button{background:none;border:0;color:var(--accent);font-size:11px;padding:6px}
#app{height:calc(100vh - 35px)}
.demo-settings-note{color:var(--accent);font-size:12px;margin-bottom:18px!important;line-height:1.7}
@media(max-width:700px){
  #app{display:flex;flex-direction:column}.sidebar{padding:0;border-right:0;border-bottom:1px solid var(--border);flex:none}
  .sidebar .brand,.sidebar .side-foot,.nav-label{display:none}#nav{flex-direction:row;overflow:auto;margin:0;padding:7px 10px;gap:4px}
  #nav .navbtn{width:auto;flex:none;min-height:38px;padding:8px 11px;gap:6px}#nav .navbtn span{display:block;font-size:12px}#nav .navbtn .ic{width:13px;height:13px}
  #nav .navbtn[data-tab=settings]{margin-top:0}.main{flex:1;min-height:0}.topbar{padding:15px;min-height:80px;flex-wrap:wrap}.topbar .ttl h1{font-size:19px}.topbar .ttl p{font-size:11px}.topbar .right{gap:7px}.searchwrap{width:160px}#view{padding:18px 14px}
  .score-card{padding:22px;gap:12px}.score-meta h2{font-size:24px}.gauge-lg{width:95px;height:95px}.gauge-num{font-size:32px}.gauge-num span{font-size:5px}.hero-description{font-size:11px}.hero-device{flex-wrap:wrap;font-size:9px}.ov-actions .btn{font-size:10px;padding:8px 10px}
  .metric-grid,.hwgrid,.updates-grid,.appgrid,.clean-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-h p{font-size:10px}.live{padding:14px}.live .v{font-size:23px}
  .opt-tabs{gap:18px;overflow:auto;margin-bottom:22px;min-height:52px}.opt-tabs>button{font-size:11px;white-space:nowrap;flex:none}.opt-heading h2{font-size:21px}.opt-heading p{font-size:12px}.tweak-heading{column-gap:12px}.tweak-heading .tweak-filters{grid-row:4;grid-column:1/-1;align-items:flex-start;margin-top:16px;flex-direction:row;align-items:center}.tweak-filters select{font-size:12px;padding:8px;min-width:130px}
  .tweak-item.row{padding:16px;gap:12px}.tweak-item .row-name{font-size:13px}.tweak-item .row-desc{font-size:11px}.tweak-choice{flex-direction:column-reverse;gap:8px}.risk-label{width:auto;font-size:9px}
  #actionbar{padding:10px 14px;gap:10px}#actionbar .ab-left{font-size:11px}.rp{margin-left:5px;font-size:10px!important}.ab-right{gap:6px}.ab-right .btn{font-size:10px;padding:8px}.card{padding:15px;gap:12px;flex-wrap:wrap}.card-name{font-size:13px}.card-desc{font-size:11px}.card-actions .select,.select{min-width:140px;max-width:100%}.hwcard{padding:16px}.hwv{font-size:16px}.hwsub{font-size:11px}.bulk-toolbar>span{width:100%;margin-left:0;font-size:11px}.startup-card{flex-wrap:nowrap}.startup-card .card-actions .btn{font-size:10px;padding:7px}.startup-check{width:15px;height:15px}
  .overlay{padding:12px}.pv-h{padding:16px}.pv-h b{font-size:17px}.review-body{padding:16px}.review-item{font-size:12px}.pv-foot{padding:12px}.pv-foot .btn{font-size:10px;padding:8px}.demo-notice{padding:0 10px;font-size:10px}.demo-notice small{font-size:8px}.demo-notice button{font-size:9px}
}
@media(max-width:420px){.score-card{flex-direction:column;align-items:flex-start}.gauge-lg{display:none}.topbar .right{margin-left:0}.topbar .ttl{width:100%}.hero-description{font-size:12px}.live-row,.quick-grid,.metric-grid{gap:8px}.quick-footer{font-size:7px}.live .k{font-size:10px}.demo-notice small{letter-spacing:-.1px}}
@media(max-width:700px){.card-actions{flex-shrink:1;max-width:100%}.card-actions input,.card-actions select{max-width:100%;min-width:0!important}.clcard,.card-body,.hwcard{overflow-wrap:anywhere}.updates-grid{grid-template-columns:1fr}.card-actions .select{width:100%}.card-name{flex-wrap:wrap}}