/* «Настройки автомобиля» - design-v2 css/19-settings.css, translated from the cell's page ids to
   the classes the shell draws (Block.Items, Fact.Acts, Field.Section). Linked after app.css. */
.cyls > .cylrow,.cyls > .docrow{padding:10px 0;border-top:1px solid var(--line)}
.cyls > .cylrow:first-child,.cyls > .docrow:first-child{border-top:0;padding-top:0}
.cyl-h{font-size:12.5px;font-weight:600;line-height:1.45}
.cyl-m{font-size:11.5px;color:var(--tx2);margin-top:2px}
.cyl-m.tone-warn{color:var(--wn,#e0a030)}
.cyl-a{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}
/* a row with its own act wraps instead of squeezing the label */
.card[data-block^="vsettings."] .kvr{flex-wrap:wrap;align-items:center;row-gap:4px}
.card[data-block^="vsettings."] .kvr .v{margin-left:auto}
.card[data-block^="vsettings."] .kvr .alb,.card[data-block^="vsettings."] .kvr .btn{margin-left:6px;vertical-align:middle}
.card[data-block^="vsettings."] .kvr .mut{font-weight:400}
/* the history of the assignments sits flush in its card */
.card[data-block="vsettings.driver"] .rt{margin-top:2px}
/* the replace window's two halves */
.rsec{font-size:11px;font-weight:620;letter-spacing:.06em;text-transform:uppercase;color:var(--tx3);margin:14px 0 10px}
.mod-b > .rsec:first-child{margin-top:0}
.landed{outline:2px solid var(--ac,#2f9e6a);outline-offset:3px;transition:outline-color 2s}
/* the folded «Подробно» */
details.adet > summary{cursor:pointer;font-weight:600;padding:8px 0}
.vfoot{margin-top:13px;display:flex;justify-content:flex-end}
@media(max-width:620px){
.card[data-block^="vsettings."] .kvr{flex-direction:row;justify-content:space-between;text-align:left}
.card[data-block^="vsettings."] .kvr .l{text-align:left}
.card[data-block^="vsettings."] .kvr .v{text-align:right}
}