:root{
  --ui-scale:1.34;
  --sidebar:268px;
  --topbar:78px;
}
@media(min-width:1101px){
  .app-shell{zoom:var(--ui-scale)}
  .page{max-width:1880px}
  .brand{height:84px;padding:0 18px}
  .brand-mark{width:44px;height:44px;font-size:19px}
  .brand-copy strong{font-size:16px}
  .brand-copy span{font-size:10px}
  .nav-label{font-size:9px;padding:0 12px 8px}
  .nav-item{height:46px;padding:0 13px;border-radius:12px;gap:12px}
  .nav-item>span:first-child{width:19px;height:19px}
  .nav-item b{font-size:13px}
  .nav-item em{min-width:22px;height:22px;font-size:9px}
  .new-chip{font-size:8px!important;padding:4px 6px}
  .live-state b{font-size:10px}
  .live-state small,.version{font-size:8px}

  .topbar{padding:0 28px;gap:22px}
  .eyebrow{font-size:8px}
  .topbar h1{font-size:18px}
  .global-search{height:44px;border-radius:12px;padding:0 14px}
  .global-search>span:nth-child(2){font-size:12px}
  .global-search kbd{font-size:8px}
  .online-pill{height:36px;font-size:10px;padding:0 12px}
  .icon-btn{width:40px;height:40px}
  .profile .avatar{width:36px;height:36px;font-size:11px}
  .profile b{font-size:9px}
  .profile small{font-size:8px}
  .content{padding:24px 28px 42px}
  .page-head{margin-bottom:18px}
  .page-head h2{font-size:30px}
  .page-head p{font-size:12px;margin-top:7px}

  .btn{height:40px;padding:0 14px;font-size:11px;border-radius:10px}
  .btn.sm{height:34px;padding:0 11px;font-size:10px}
  .panel{border-radius:16px}
  .panel-head{min-height:56px;padding:0 16px}
  .panel-head h3{font-size:13px}
  .panel-head small{font-size:9px}
  .toolbar{padding:10px;gap:8px}
  .input,.select{height:38px;font-size:11px;border-radius:10px;padding:0 12px}
  .input.search{min-width:320px}
  .segmented button{height:30px;padding:0 11px;font-size:9px}

  .metric-grid{gap:12px}
  .metric{padding:14px 15px;min-height:100px;border-radius:15px}
  .metric .metric-icon{width:36px;height:36px;border-radius:10px}
  .metric label{font-size:9px}
  .metric strong{font-size:25px}
  .metric small{font-size:8px}
  .badge{min-height:24px;padding:0 9px;font-size:8.5px}

  .data-table{font-size:10px}
  .data-table th{font-size:8px;padding:10px 10px}
  .data-table td{padding:10px 10px}
  .data-table td strong{font-size:10.5px}
  .cell-sub{font-size:8px}
  .status-select{font-size:8.5px;padding:6px 8px}

  .list{padding:6px 13px}
  .list-row{padding:10px 3px}
  .list-icon{width:33px;height:33px}
  .list-main b{font-size:10px}
  .list-main small{font-size:8px}
  .list-side{font-size:8px}
  .mini-stat label{font-size:8px}
  .mini-stat b{font-size:16px}

  .field label{font-size:8px;margin-bottom:6px}
  .field input,.field select,.field textarea{padding:10px 11px;font-size:11px;border-radius:10px}
  .field textarea{min-height:96px}
  .drawer-title .eyebrow2{font-size:8px}
  .drawer-title h2{font-size:24px}
  .drawer-title p{font-size:10px}
  .detail-cell label{font-size:7.5px}
  .detail-cell b{font-size:10px}
  .tabs button{font-size:9px}
  .quick-link b{font-size:10px}
  .quick-link small{font-size:8px}

  .empty-state h3{font-size:14px}
  .empty-state p{font-size:10px}
  .search-box{height:66px}
  .search-box input{font-size:14px}
  .search-result b{font-size:10px}
  .search-result small,.search-result-type{font-size:8px}
  .toast{font-size:10px;min-width:260px}

  .ui-scale-btn{width:34px;height:34px;font-size:13px}
  .ui-scale-readout{min-width:58px;height:34px;font-size:11px}
}