/* К-247 — «Попутка»: страница «Стать водителем К-247» (public/driver.html) и кабинет водителя в «Моём профиле» курьера
   (public/staff.html, public/driver-desk.js; ответы работодателя 19.10, лист 2; линия Л6). Общие классы — pick.css и staff.css.
   Телефон: одна колонка, кнопки и вкладки не ниже 48 px, промежутки от 8 px; без цветных полос слева у карточек; состояние — словом. */
.dv-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.dv-tab {
  display: flex; align-items: center; justify-content: center; min-height: 48px; padding: 8px 10px; border: 1px solid #2B2B2B; border-radius: 8px;
  background: #FFFFFF; color: #1B1B1B; font: inherit; font-weight: 700; text-align: center; cursor: pointer; overflow-wrap: anywhere;
}
.dv-tab[aria-selected="true"] { background: #2B2B2B; color: #FFFFFF; }
.dv-tab:focus-visible { outline: 3px solid #1A73E8; outline-offset: 2px; }
.dv-panel { display: grid; gap: 12px; min-width: 0; }
.dv-panel[hidden] { display: none; }
.dv-map { width: 100%; height: 320px; border: 1px solid #DCDAD5; border-radius: 8px; overflow: hidden; background: #E6E4DE; }
.dv-map[hidden] { display: none; }
.dv-card { display: grid; gap: 8px; min-width: 0; padding: 12px; border: 1px solid #DCDAD5; border-radius: 8px; background: #FFFFFF; }
.dv-card > p { margin: 0; overflow-wrap: anywhere; }
.dv-card--done { background: #F1FAEA; border-color: #A8D38C; }
.dv-card--off { background: #F5F5F5; color: #555555; }
.dv-card__head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.dv-card__h { margin: 0; font-size: 17px; line-height: 1.3; font-weight: 800; overflow-wrap: anywhere; }
.dv-route { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 4px 10px; margin: 0; }
.dv-route dt { color: #4A4A4A; font-weight: 700; }
.dv-route dd { margin: 0; font-weight: 600; overflow-wrap: anywhere; }
.dv-pay { font-size: 20px; font-weight: 800; }
.dv-cargo { margin: 0; padding-left: 20px; }
.dv-cargo > li { overflow-wrap: anywhere; }
.dv-acts { display: grid; gap: 8px; }
.dv-photos { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 8px; }
.dv-photo { display: grid; gap: 8px; align-content: start; min-width: 0; padding: 8px; border: 1px solid #DCDAD5; border-radius: 8px; background: #FAFAF8; }
.dv-photo__img { display: block; width: 100%; height: 140px; object-fit: cover; border-radius: 6px; background: #E6E4DE; }
.dv-photo__img[hidden] { display: none; }
.dv-photo__t { margin: 0; font-weight: 700; }
.dv-sub[hidden], .dv-hide[hidden] { display: none; }
@media (min-width: 560px) {
  .dv-tabs { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .dv-tabs--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dv-tabs--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .dv-acts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dv-map { height: 380px; }
}
@media (max-width: 420px) {
  .dv-route { grid-template-columns: minmax(0, 1fr); }
  .dv-route dd { margin-bottom: 4px; }
}