/* ТЕМП 12.42 — компактный мобильный интерфейс. Только размеры/отступы, без изменения логики. */
@media (max-width:760px){
  .shell{padding-bottom:76px}
  .topbar{padding:8px 10px}
  main{padding:11px}
  .logo{width:36px;height:36px;border-radius:12px;font-size:13px}
  .brand{font-size:18px}
  .sub{font-size:9px}
  .userpill{font-size:9px;padding:6px 8px;max-width:155px}

  .hero{border-radius:20px}
  .hero-shade{padding:15px;min-height:185px}
  .hero h1{font-size:21px;margin:6px 0 5px}
  .hero p{font-size:11px;line-height:1.4}
  .hero-kicker,.eyebrow{font-size:9px}
  .metrics{gap:6px;margin-top:12px}
  .metric{padding:8px;border-radius:12px}
  .metric b{font-size:17px}
  .metric span{font-size:8px}

  .section-title{font-size:9px;margin:15px 2px 7px}
  .card,.kpi{border-radius:15px;padding:11px}
  .card h3{font-size:13px}
  .muted{font-size:10px}.tiny{font-size:9px}.big{font-size:22px}
  .stack{gap:7px}.grid2,.grid3{gap:7px}
  .btn{border-radius:11px;padding:9px 11px;font-size:12px;min-height:38px}
  .btn-sm{padding:7px 9px;font-size:10px;min-height:34px}
  .input{padding:10px 11px;border-radius:11px;font-size:13px;min-height:40px}
  .field{font-size:10px;margin-bottom:4px}
  .form{gap:9px}
  .alert{padding:9px;border-radius:11px;font-size:10px}
  .badge{font-size:9px;padding:4px 6px}

  .page-head{gap:10px;margin:2px 1px 12px}
  .page-head h2{font-size:20px;margin:3px 0 4px}
  .head-actions{gap:5px}
  .division-grid{gap:7px}
  .division-tile{min-height:96px;border-radius:15px;padding:10px}
  .division-ico{width:34px;height:34px;border-radius:11px;font-size:16px}
  .division-name{font-size:12px;margin-top:9px}
  .division-count{font-size:9px;margin-top:3px}
  .division-stack{gap:10px}
  .division-section{border-radius:16px;padding:11px}
  .division-head{margin-bottom:8px}
  .division-title b{font-size:13px}
  .division-title span:not(.division-ico){font-size:9px}
  .object-grid{gap:7px}
  .object-card{border-radius:13px;padding:10px}
  .object-top h3{font-size:13px;margin:3px 0 8px}
  .object-meta{font-size:8px;margin-top:6px}
  .person{gap:8px;padding:7px 0}
  .avatar{width:32px;height:32px;border-radius:10px;font-size:12px}
  .workbox{border-radius:13px;padding:9px;margin-top:7px}
  .chip{padding:4px 6px;font-size:9px}

  .nav{padding:4px 5px calc(4px + env(safe-area-inset-bottom))}
  .nav-inner{gap:1px}
  .navbtn{padding:5px 1px;border-radius:9px;font-size:7px;min-height:48px}
  .navbtn span{font-size:16px;margin-bottom:1px}
  .nav-v8 .navbtn{min-width:62px}

  .auth-wrap{padding:16px}
  .auth-layout{grid-template-columns:1fr;gap:18px}
  .auth-copy{display:none}
  .auth-card{max-width:420px;border-radius:20px;padding:18px}
  .auth-logo{margin-bottom:14px;gap:9px}
  .auth-logo .logo{width:42px;height:42px}
  .auth-logo .brand{font-size:21px}
  .tabs{margin-bottom:12px}
  .tab{padding:8px;font-size:12px}
  .t40-show-password{font-size:11px;gap:6px}
  .t40-show-password-checkbox{width:15px;height:15px}

  .material-report-row{padding:9px 10px;gap:8px}
  .plan-row{padding:7px;gap:6px}
  .unit-pill{padding:7px 8px;font-size:11px}
  .mini-title{font-size:10px!important;margin-top:10px!important;margin-bottom:5px!important}
}
@media (max-width:480px){
  main{padding:9px}
  .topbar{padding:7px 9px}
  .brand{font-size:17px}
  .hero-shade{padding:13px;min-height:170px}
  .hero h1{font-size:19px}
  .metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
  .metric{padding:7px 5px}.metric b{font-size:15px}.metric span{font-size:7px}
  .division-tile{min-height:90px;padding:9px}
  .division-ico{width:31px;height:31px;font-size:15px}
  .division-name{font-size:11px}
  .navbtn{font-size:6.5px}.navbtn span{font-size:15px}
}