/* responsive.css — Адаптив, печать, пользователи. Порядок подключения файлов задан в app/web.py (CSS_FILES) и важен для каскада. */
/* ---------- адаптив ---------- */
@media (max-width:1400px){
  .top .date{display:none}
  .frows .fh-row{display:none}
  .frow{grid-template-columns:1fr 1fr;gap:8px 14px;padding:12px 14px}
  .frow .job,.frow .crew,.frow .tech{grid-column:1/-1}
  .frow .cu{grid-column:1/-1;margin-top:-6px}
  .tl .it{grid-template-columns:56px 1fr;gap:8px 12px}
  .tl .it>div:last-child{grid-column:2}
}
@media (max-width:1100px){ .g4{grid-template-columns:repeat(2,1fr)} .g3{grid-template-columns:repeat(2,1fr)} }
@media (max-width:980px){ .g3,.g2{grid-template-columns:1fr} }
@media (max-width:760px){
  .app{grid-template-columns:1fr}
  .nav{position:fixed;bottom:0;left:0;right:0;top:auto;height:auto;flex-direction:row;overflow-x:auto;padding:6px 8px;gap:2px;z-index:5;background:var(--nav-b)}
  .nav .brand,.nav-sec,.who,.theme{display:none}
  .nav button{flex-direction:column;gap:3px;font-size:11px;padding:6px 10px;width:auto;white-space:nowrap}
  .nav button.on::before{display:none}
  .main{padding:0 14px 96px}
  .top h1{font-size:22px}
  .g4{grid-template-columns:1fr 1fr}
  .form{grid-template-columns:1fr}
  .fleet{grid-template-columns:1fr;padding:12px}
}
@media (prefers-reduced-motion:no-preference){ .btn,.nav button{transition:background .12s,color .12s,border-color .12s} }

/* ---------- печать: как документ ---------- */
@media print{
  :root{--bg:#fff;--shadow:none}
  .nav,.top .btn,.filters .btn,.fl .edit,.add,.theme,#btn-add,#xlsx,.soon{display:none!important}
  .app{display:block}
  .main{padding:0}
  .card,.fl{box-shadow:none;break-inside:avoid}
  .cust{break-inside:auto}
  .cust .ch{background:#eef3fc!important;color:#033486!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .fleet{background:#fff}
  .search,.temp{border:0;padding:0;background:transparent;color:inherit}
  body{font-size:12.5px}
}

/* пользователи */
#users tr.off td{opacity:.55}