.trk-auth{max-width:440px;margin:0 auto;font:400 16px/1.5 "IBM Plex Sans",system-ui,sans-serif;color:var(--ink,#0B2016)}
.trk-auth h1{font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;font-size:22px;margin:0 0 4px;letter-spacing:-.02em}
.trk-switch{display:flex;gap:4px;background:var(--surf,#fff);border:1px solid var(--line,#DCE6DC);border-radius:14px;padding:4px;margin-bottom:16px}
.trk-switch button{flex:1;border:0;background:none;border-radius:10px;padding:11px;font:600 15px inherit;color:var(--mute,#5B6B60);cursor:pointer}
.trk-switch button[aria-selected=true]{background:var(--navy,#00542C);color:#fff}
.trk-card{background:var(--surf,#fff);border:1px solid var(--line,#DCE6DC);border-radius:18px;padding:22px;display:grid;gap:14px}
.trk-card .mute{color:var(--mute,#5B6B60);font-size:15px;margin:0}
.trk-card .small{font-size:13px;color:var(--mute,#5B6B60);margin:2px 0 0}
.trk-opt{display:flex;gap:12px;align-items:flex-start;text-align:left;width:100%;background:var(--bg,#F3F5F1);border:2px solid transparent;border-radius:14px;padding:14px;cursor:pointer;font:inherit;color:inherit}
.trk-opt[aria-checked=true]{border-color:var(--navy,#00542C);background:var(--surf,#fff)}
.trk-opt i{flex:none;width:20px;height:20px;border-radius:50%;border:2px solid var(--line,#DCE6DC);margin-top:2px}
.trk-opt[aria-checked=true] i{border:6px solid var(--navy,#00542C)}
.trk-opt b{display:block;font-weight:600}.trk-opt span{font-size:14px;color:var(--mute,#5B6B60)}
.trk-card label{font-weight:600;font-size:15px;display:block;margin-bottom:6px}
.trk-card input[type=email],.trk-card input[type=tel],.trk-card input[type=text],.trk-card input[type=password]{width:100%;font:500 16px inherit;padding:13px;border:1px solid var(--line,#DCE6DC);border-radius:10px;background:var(--bg,#F3F5F1);color:var(--ink,#0B2016);box-sizing:border-box}
.trk-pwrow{position:relative}
.trk-pwrow button{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:0;color:var(--navy,#00542C);font:600 13px inherit;cursor:pointer;padding:4px}
.trk-rules{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:4px;font-size:13.5px;color:var(--mute,#5B6B60)}
.trk-rules li{display:flex;align-items:center;gap:7px}
.trk-rules li i{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--line,#DCE6DC);flex:none;display:grid;place-items:center}
.trk-rules li.ok{color:var(--g,#1F8A63)}
.trk-rules li.ok i{background:var(--g,#1F8A63);border-color:var(--g,#1F8A63)}
.trk-rules li.ok i:after{content:"";width:4px;height:7px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}
.trk-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:0;border-radius:12px;padding:14px 18px;font:600 16px inherit;cursor:pointer;background:var(--navy,#00542C);color:#fff;box-sizing:border-box}
.trk-btn:disabled{opacity:.45;cursor:not-allowed}
.trk-back{background:none;border:0;color:var(--mute,#5B6B60);font:500 14px inherit;cursor:pointer;padding:0}
.trk-ck{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--mute,#5B6B60)}
.trk-ck input{margin-top:3px;width:18px;height:18px;flex:none}
.trk-err{color:var(--r,#C7443B);font-size:14px;margin:0;padding:10px 12px;background:var(--rb,#FBE8E6);border-radius:8px}
.trk-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}
.trk-note{padding:12px 14px;border-left:3px solid var(--navy,#00542C);background:var(--bg,#F3F5F1);border-radius:0 10px 10px 0;font-size:14px;color:var(--mute,#5B6B60)}
.trk-ok{width:52px;height:52px;border-radius:50%;background:var(--gb,#E2F3EB);color:var(--g,#1F8A63);display:grid;place-items:center;font-size:26px;font-weight:700;margin:0 auto}
.trk-idbox{background:var(--bg,#F3F5F1);border:1px dashed var(--line,#DCE6DC);border-radius:14px;padding:18px;text-align:center;display:grid;gap:6px}
.trk-idbox span{font-size:12px;color:var(--mute,#5B6B60);text-transform:uppercase;letter-spacing:.06em}
.trk-idbox b{font:800 28px "Bricolage Grotesque",sans-serif;letter-spacing:.03em}
.trk-copy{font-size:13px;color:var(--navy,#00542C);background:none;border:0;cursor:pointer;font-weight:600;padding:0}
.trk-switchline{text-align:center;font-size:14px;color:var(--mute,#5B6B60);margin:0}
.trk-switchline button{background:none;border:0;color:var(--navy,#00542C);font:600 inherit;cursor:pointer;padding:0}

/* search result cards on the homepage, wired to real SaferWebAPI data */
.trk-scard{background:var(--surf,#fff);border:1px solid var(--line,#DCE6DC);border-radius:16px;padding:18px;display:grid;gap:10px}
.trk-scard h3{font-family:"Bricolage Grotesque",sans-serif;font-size:19px;margin:0}
.trk-scard .ids{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13.5px;color:var(--mute,#5B6B60)}
.trk-scard .tag{display:inline-flex;width:fit-content;font-size:13px;font-weight:600;padding:4px 10px;border-radius:99px;border:1px solid var(--line,#DCE6DC);color:var(--mute,#5B6B60)}
.trk-loading{color:var(--mute,#5B6B60);font-size:14.5px;padding:10px 2px}
.trk-scard .act{display:flex;gap:8px;flex-wrap:wrap}

/* My Loads */
.trk-myloads{max-width:720px;margin:0 auto;font:400 16px/1.5 "IBM Plex Sans",system-ui,sans-serif;color:var(--ink,#0B2016)}
.trk-myloads-head h1{font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;font-size:clamp(26px,5vw,34px);margin:0 0 6px;letter-spacing:-.02em}
.trk-myloads-head .mute{color:var(--mute,#5B6B60);margin:0 0 24px}
.trk-load-list{display:grid;gap:14px}
.trk-load-card{background:var(--surf,#fff);border:1px solid var(--line,#DCE6DC);border-radius:16px;padding:18px 20px}
.trk-load-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.trk-load-top h3{font-family:"Bricolage Grotesque",sans-serif;font-size:18px;margin:0}
.trk-load-top .mute{color:var(--mute,#5B6B60);font-size:14px;margin:4px 0 0}
.trk-status{display:inline-flex;align-items:center;font-size:13px;font-weight:600;padding:5px 12px;border-radius:99px;white-space:nowrap;background:var(--bg,#F3F5F1);color:var(--mute,#5B6B60)}
.trk-status-green{background:var(--gb,#E2F3EB);color:var(--g,#1F8A63)}
.trk-status-red{background:var(--rb,#FBE8E6);color:var(--r,#C7443B)}
.trk-load-rates{display:flex;gap:18px;flex-wrap:wrap;font-size:14px;color:var(--mute,#5B6B60);margin-top:12px}
.trk-load-rates b{color:var(--ink,#0B2016)}
.trk-load-note{margin:10px 0 0;padding:10px 12px;background:var(--bg,#F3F5F1);border-radius:8px;font-size:13.5px;color:var(--mute,#5B6B60)}