/* «Карточка водителя» and «Настройки водителя» - design-v2 css/15-driver.css and css/19-settings.css,
   translated from the cells' page ids to the classes the shell draws. Linked after vsettings.css. */
/* a telephone number is the drawing's dotted link (css/21-night.css) */
a.tel{color:inherit;text-decoration:none;border-bottom:1px dotted var(--tx3);white-space:nowrap}
a.tel:hover{color:var(--tx1);border-bottom-color:var(--tx2)}
/* the card: the plate under the name stays a link, a state pill never breaks */
.card[data-block^="driver."] td .tag{white-space:nowrap}
.card[data-block="driver.trips"] .ch .lnk,.card[data-block="driver.refuels"] .ch .lnk{font-size:12px}
.card[data-block^="driver."] .rt td.mono,.card[data-block^="driver."] .rt th.nw{white-space:nowrap}
/* the settings page: a row with its own act wraps instead of squeezing the label */
.card[data-block^="dsettings."] .ch > .btn,.card[data-block^="dsettings."] .ch > .tag{flex:none}
.card[data-block^="dsettings."] .kvr{flex-wrap:wrap;align-items:center;row-gap:4px}
.card[data-block^="dsettings."] .kvr .v{margin-left:auto}
.card[data-block^="dsettings."] .kvr .alb,.card[data-block^="dsettings."] .kvr .btn{margin-left:6px;vertical-align:middle}
.card[data-block^="dsettings."] .kvr .mut{font-weight:400}
@media(max-width:620px){
.card[data-block^="dsettings."] .kvr{flex-direction:row;justify-content:space-between;text-align:left}
.card[data-block^="dsettings."] .kvr .l{text-align:left}
.card[data-block^="dsettings."] .kvr .v{text-align:right}
}