/* Админка и кабинет на телефоне: таблицы -> карточки. Только до 700px, десктоп не меняется. */
@media (max-width: 700px) {
  .cab__scroll { overflow: visible; margin: 0; }
  .cab__table, .cab__table tbody, .cab__table tr, .cab__table td { display: block; width: 100%; }
  .cab__table thead { display: none; }
  .cab__table tr { border: 1px solid var(--border); border-radius: 14px; padding: 10px 14px; margin-bottom: 10px; background: var(--bg-2); }
  .cab__table td { border: 0; padding: 5px 0; display: flex; align-items: baseline; justify-content: space-between; gap: 14px; text-align: right; min-width: 0; overflow-wrap: anywhere; }
  .cab__table td[data-label]::before { content: attr(data-label); flex: none; max-width: 45%; color: var(--muted); font-size: 12px; text-align: left; text-transform: uppercase; letter-spacing: .03em; }
  .cab__table td[data-first] { justify-content: flex-start; text-align: left; font-size: 15px; padding-bottom: 8px; margin-bottom: 4px; border-bottom: 1px solid var(--border); }
  .cab__table td.num, .cab__table td.mono { white-space: normal; }
  .cab__table td.acts { justify-content: flex-start; flex-wrap: wrap; gap: 8px; padding-top: 8px; text-align: left; }
  .cab__table td.acts .chip, .cab__table .acts .chip { margin-left: 0; padding: 9px 14px; font-size: 13px; }
  .cab__table td.acts.cab__chev, .cab__table td.cab__chev { display: none; }
  .cab__table td[colspan] { display: block; text-align: left; }
  .cab__table input.auth__input { width: 100%; font-size: 16px; padding: 10px 12px; }
  .cab__table .cab__ucell { width: 100%; }
  .cab__rowlink:active { background: var(--card); }
  /* поля и кнопки: удобно тапать, iOS не зумит */
  .adm__card { padding: 16px; border-radius: 16px; }
  .adm__card:has(> .cab__scroll) { background: none; border: 0; padding: 0; box-shadow: none; }
  .adm__card .auth__input, .cab__find .auth__input, .adm__row .auth__input, .adm__row select { font-size: 16px; min-height: 44px; }
  .adm__row label { flex: 1 1 100%; }
  .adm__tabs, .cab__chips { overflow-x: auto; flex-wrap: nowrap; -webkit-overflow-scrolling: touch; padding-bottom: 4px; scrollbar-width: none; }
  .adm__tabs::-webkit-scrollbar, .cab__chips::-webkit-scrollbar { display: none; }
  .adm__tabs > *, .cab__chips > * { flex: none; }
  .cab__find { flex-wrap: wrap; }
  .cab__find .auth__input { flex: 1 1 100%; }
  .cab__find .btn { width: 100%; }
  .adm__bar { gap: 8px; }
  .adm__bar .chip { padding: 9px 14px; }
  .cab__title { font-size: 22px; }
  #view { overflow-x: hidden; }
  .adm__toast { max-width: calc(100vw - 32px); text-align: center; }
}