/* New Trucking Companies (2026-10-29): trucking pages + the trucking section of /account/.
   Branded controls only (web-standards 4e): custom state listbox, chip groups, toggle buttons. */
.cty-intro{color:var(--pp-muted);max-width:72ch;line-height:1.6;margin:0 0 18px}
.trk-ul{margin:8px 0 0;padding-left:18px;color:var(--pp-muted);line-height:1.7}
.trk-ul a{color:var(--pp-ink)}
.trk-ul a:hover{color:var(--pp-cyan)}

/* account section */
.trk-acct{margin-top:46px;padding-top:30px;border-top:1px solid var(--pp-line-2);scroll-margin-top:110px}
.trk-acct-head .sec-sub a{color:var(--pp-cyan)}
.trk-acct .plan-cards{margin-top:18px}
.trk-field{display:block;margin:0 0 14px;color:var(--pp-ink);font-size:.9rem;font-weight:500;position:relative}
.trk-label{display:block;margin-bottom:6px}
.trk-text input{width:100%;margin-top:6px;padding:10px 12px;background:rgba(3,5,13,.7);border:1px solid var(--pp-line-2);border-radius:10px;
  color:var(--pp-ink);font:inherit;font-size:.95rem;box-sizing:border-box}
.trk-text input:focus{outline:none;border-color:var(--pp-cyan);box-shadow:0 0 0 3px rgba(56,232,255,.18)}
.trk-msg{min-height:1.3em;margin:10px 0 0;color:var(--pp-muted);font-size:.88rem;line-height:1.5}

.trk-pick-box{position:relative}
.trk-pick{width:100%;padding:10px 12px;background:rgba(3,5,13,.7);border:1px solid var(--pp-line-2);border-radius:10px;color:var(--pp-ink);
  font:inherit;font-size:.95rem;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer}
.trk-pick:focus-visible,.trk-pick[aria-expanded=true]{outline:none;border-color:var(--pp-cyan);box-shadow:0 0 0 3px rgba(56,232,255,.18)}
.trk-pick.is-empty .trk-pick-val{color:#8d98b6}
.trk-caret{width:8px;height:8px;border-right:2px solid var(--pp-cyan);border-bottom:2px solid var(--pp-cyan);transform:rotate(45deg) translateY(-3px);flex:0 0 auto}
.trk-pick[aria-expanded=true] .trk-caret{transform:rotate(-135deg) translateY(-2px)}
.trk-list{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:40;margin:0;padding:6px;list-style:none;max-height:280px;overflow:auto;
  background:#0b1229;border:1px solid rgba(56,232,255,.35);border-radius:12px;box-shadow:0 22px 50px rgba(0,0,0,.55);min-width:220px;
  scrollbar-width:thin;scrollbar-color:rgba(56,232,255,.45) transparent}
.trk-list li{display:flex;justify-content:space-between;gap:12px;padding:8px 11px;border-radius:8px;color:var(--pp-ink);font-size:.94rem;cursor:pointer}
.trk-list li span{color:var(--pp-muted);font-size:.84rem;font-variant-numeric:tabular-nums}
.trk-list li.is-active,.trk-list li:hover{background:rgba(56,232,255,.12)}
.trk-list li[aria-selected=true]{color:var(--pp-cyan)}

.trk-chips{display:flex;flex-wrap:wrap;gap:6px}
.trk-chips [role=radio],.trk-toggle{padding:7px 12px;border-radius:999px;border:1px solid var(--pp-line-2);background:rgba(3,5,13,.55);
  color:var(--pp-ink);font:inherit;font-size:.86rem;cursor:pointer;line-height:1.2}
.trk-chips [role=radio]:hover,.trk-toggle:hover{border-color:rgba(56,232,255,.5)}
.trk-chips [role=radio][aria-checked=true],.trk-toggle[aria-pressed=true]{border-color:var(--pp-cyan);color:var(--pp-cyan);background:rgba(56,232,255,.1)}
.trk-chips [role=radio]:focus-visible,.trk-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(56,232,255,.25)}
.trk-toggles{display:flex;flex-wrap:wrap;gap:8px}
.trk-filters h3{margin:0 0 14px}