.tc-back { display: inline-block; margin-bottom: 18px; color: inherit; }
.tc-workspace { padding-bottom: 64px; }
.tc-panel { padding: clamp(18px, 3vw, 30px); min-width: 0; }
.tc-panel h2 { margin: 0 0 18px; font-size: 21px; }
.tc-mode { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; align-items: start; }
.tc-mode[hidden] { display: none; }
.tc-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.tc-vehicle { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.tc-panel .vi-field label { opacity: .78; font-size: 12px; letter-spacing: normal; }
.tc-panel .vi-field input { width: 100%; color: inherit; font: inherit; }
.tc-panel :is(input,select):focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.tc-panel select:disabled { opacity: .55; }
.tc-note { color: inherit; opacity: .77; line-height: 1.55; font-size: 13px; margin: 12px 0 0; }
.tc-switch { margin: 18px 0; display: flex; flex-wrap: wrap; gap: 8px; }
.tc-panel summary { cursor: pointer; margin: 14px 0; }
.tc-metrics { margin: 14px 0; }
.tc-table { overflow-x: auto; }
.tc-table table { width: 100%; border-collapse: collapse; font-size: 13px; }
.tc-table :is(th,td) { text-align: left; padding: 10px 8px; border-bottom: 1px solid rgba(255,255,255,.12); }
.tc-table tr[aria-current="true"] { font-weight: 700; background: rgba(255,255,255,.08); }
@media (max-width: 840px) {
    .tc-mode { grid-template-columns: 1fr; }
    .tc-vehicle { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 420px) {
    .tc-fields { grid-template-columns: 1fr; }
}