/* Дополнения к теме Unfold для своих страниц админки (страница «Внести водителя», карточка заявки). */
.u-dl { display: grid; grid-template-columns: max-content 1fr; gap: 10px 24px; font-size: 14px; align-items: baseline; }
.u-dl dt { color: var(--color-base-500, #6b7280); }
.u-dl dd { margin: 0; color: var(--color-base-900, #111827); }
.dark .u-dl dd { color: var(--color-base-100, #f3f4f6); }
.u-muted { color: var(--color-base-500, #6b7280); font-size: 13px; }
.u-warn { color: #c2410c; }
.dark .u-warn { color: #fb923c; }
.u-ok { color: #15803d; }
.dark .u-ok { color: #4ade80; }
.u-pre { white-space: pre-wrap; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; line-height: 1.5;
         background: var(--color-base-50, #f9fafb); border: 1px solid var(--color-base-200, #e5e7eb); border-radius: 6px; padding: 12px 14px; margin: 0; }
.dark .u-pre { background: rgba(255,255,255,.03); border-color: var(--color-base-800, #1f2937); }
.u-form { display: grid; grid-template-columns: 1fr; gap: 18px; max-width: 760px; }
.u-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-top: 22px; }
.u-manual { border: 1px dashed var(--color-base-200, #e5e7eb); border-radius: 6px; padding: 12px 14px; }
.u-manual > summary { cursor: pointer; font-size: 14px; color: var(--color-base-600, #4b5563); }
.u-manual[open] > summary { margin-bottom: 14px; }
.u-grid2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; }
.u-note { font-size: 13px; padding: 10px 12px; border-radius: 6px; background: #fff7ed; color: #9a3412; margin-top: 14px; }
.dark .u-note { background: rgba(251,146,60,.12); color: #fdba74; }
/* ячейка «Водитель» в списке поставок: имя и машина или кнопка со сроком */
.u-cell { display: flex; flex-direction: column; gap: 2px; min-width: 150px; }
.u-cell-btn { align-items: flex-start; gap: 6px; }
.u-cell .u-muted, .u-cell .u-warn { font-size: 13px; }
.u-nowrap { min-width: 0; }
.u-nowrap span { white-space: nowrap; }