/* ========== Автоадаптация под разрешение экрана ========== */

/* Full HD (1600–1999px) */
@media (min-width:1600px){
  body{font-size:16px}
  button.btn{padding:9px 16px;font-size:15px}
  table{font-size:15px}
  thead th{padding:9px 12px;font-size:15px}
  tbody td{padding:8px 12px}
  .topbar{padding:12px 16px}
  .topbar .title{font-size:19px}
  .sidebar{width:230px}
  .nav-item{padding:12px 18px;font-size:15px}
  #search{width:340px;font-size:15px;padding:9px 12px}
  .toolbar select{font-size:15px;padding:9px}
  .card{padding:16px}
  .card h3{font-size:16px}
  input,select,textarea{font-size:15px;padding:8px 10px}
  label{font-size:13px}
  .summary{font-size:14px}
  .statusbar{font-size:14px}
  .wrap{max-width:1560px}
  .tabs button{padding:10px 20px;font-size:15px}
}

/* 2K и выше (2000px+) */
@media (min-width:2000px){
  body{font-size:18px}
  button.btn{padding:11px 20px;font-size:17px}
  table{font-size:17px}
  thead th{padding:11px 14px;font-size:17px}
  tbody td{padding:10px 14px}
  .topbar .title{font-size:22px}
  .sidebar{width:270px}
  .nav-item{padding:14px 22px;font-size:17px}
  #search{width:420px;font-size:17px;padding:11px 14px}
  .toolbar select{font-size:17px;padding:11px}
  .card{padding:20px}
  .card h3{font-size:18px}
  input,select,textarea{font-size:17px;padding:10px 12px}
  label{font-size:14px}
  .summary{font-size:16px}
  .statusbar{font-size:16px}
  .wrap{max-width:1900px}
  .tabs button{padding:12px 24px;font-size:17px}
}

/* Маленькие ноутбуки (1366–1440), только с мышью — телефоны не трогаем */
@media (max-width:1440px) and (pointer:fine){
  body{font-size:13px}
  table{font-size:12px}
  thead th{padding:5px 6px}
  tbody td{padding:4px 6px}
  .wrap{max-width:1280px}
}/* ссылка, оформленная как кнопка */
a.btn{background:linear-gradient(#fff,#e8e8e8);border:1px solid #ababab;border-radius:3px;padding:6px 12px;font-size:13px;cursor:pointer;text-decoration:none;display:inline-block;color:#000}
a.btn:active{background:#cfe0f5}