/* p00d Trackables · scoped page styles; site-wide header/footer remain shared. */
:root{--track-ink:#243648;--track-muted:#617184;--track-line:#dce4eb;--track-panel:#fff;--track-soft:#f5f8fb;--track-accent:#2469c8;--track-accent-dark:#164d9e;--track-green:#147755;--track-red:#b64141}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;color:var(--track-ink);background:#f8f9fa}
header{text-align:center;background:#2c3e50;color:white;padding:20px 16px}
header img{max-height:72px;display:block;margin:0 auto 8px}
header h1{margin:6px 0;font-size:1.6rem;font-weight:700}
header p{margin:0;opacity:.95}
.toolbar{background:#34495e;text-align:center;padding:10px 8px}
.toolbar a{color:#fff;margin:0 12px;text-decoration:none;font-weight:700;font-size:.95rem;display:inline-block;padding:6px 8px;border-radius:6px}
.toolbar a:hover{text-decoration:underline}
main.track-app{max-width:1050px;margin:28px auto;padding:0 18px 25px;width:100%}
.track-app .hero{background:linear-gradient(135deg,#fff,#f3f8fd);border:1px solid var(--track-line);border-radius:16px;padding:26px 28px;margin-bottom:20px;box-shadow:0 4px 18px #22364a0a}
.track-app .eyebrow{color:var(--track-accent);text-transform:uppercase;letter-spacing:.11em;font-size:.76rem;font-weight:800;margin:0 0 9px}
.track-app h2{font-size:clamp(1.5rem,3vw,2rem);margin:0 0 9px;line-height:1.2;color:var(--track-ink)}
.track-app h3{font-size:1.13rem;margin:0 0 10px;color:var(--track-ink)}
.track-app p{line-height:1.55;margin:0 0 12px}
.track-app .muted,.track-app .help{color:var(--track-muted)}
.track-app .help{font-size:.84rem;margin:6px 0 0}
.track-app .quick-links{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}
.track-app .quick-links a,.track-app .subtle-link{color:var(--track-accent);font-weight:700;text-decoration:none}
.track-app .quick-links a{padding:8px 12px;border:1px solid #d6e4f4;border-radius:9px;background:white}
.track-app .quick-links a[aria-current="page"]{background:#e9f1fc;border-color:#a8c9f1}
.track-app .quick-links a:hover,.track-app .subtle-link:hover{text-decoration:underline}
.track-app .layout{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(270px,.84fr);gap:20px;align-items:start}
.track-app .panel{background:#fff;border:1px solid var(--track-line);border-radius:15px;padding:24px;box-shadow:0 3px 14px #25375009;min-width:0}
.track-app .panel+.panel{margin-top:16px}
.track-app .stack{display:grid;gap:17px}
.track-app .field{margin-bottom:17px;min-width:0}
.track-app label{display:block;font-size:.9rem;font-weight:700;margin:0 0 7px}
.track-app label .optional{font-size:.76rem;font-weight:400;color:var(--track-muted)}
.track-app input,.track-app select,.track-app textarea{display:block;width:100%;max-width:100%;min-width:0;padding:11px 12px;border:1px solid #bac8d7;border-radius:9px;background:#fff;color:var(--track-ink);font:inherit;font-size:1rem;margin:0}
.track-app input:focus-visible,.track-app select:focus-visible,.track-app textarea:focus-visible,.track-app button:focus-visible,.track-app a:focus-visible{outline:3px solid #9abef3;outline-offset:2px}
.track-app input::placeholder,.track-app textarea::placeholder{color:#8999a9}
.track-app textarea{min-height:104px;resize:vertical}
.track-app .fields2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.track-app .buttons{display:flex;align-items:center;flex-wrap:wrap;gap:9px}
.track-app .button{display:inline-flex;justify-content:center;align-items:center;gap:7px;text-decoration:none;padding:11px 15px;border:1px solid #bbcad9;background:#fff;border-radius:9px;cursor:pointer;font:700 .9rem Arial,Helvetica,sans-serif;color:var(--track-ink);min-height:42px}
.track-app .button.primary{background:var(--track-accent);border-color:var(--track-accent);color:#fff}
.track-app .button.primary:hover{background:var(--track-accent-dark)}
.track-app .button.secondary:hover{background:#f1f6fc}
.track-app .button:disabled{opacity:.55;cursor:wait}
.track-app .status{border:1px solid #d4dee7;background:#f4f8fb;border-radius:9px;padding:11px 13px;margin-top:15px;font-size:.91rem;line-height:1.45}
.track-app .status:empty,.track-app .hidden{display:none!important}
.track-app .status.success{background:#edf9f2;border-color:#bbdfca;color:#145c3c}
.track-app .status.error{background:#fff1f0;border-color:#e8b9b9;color:#8f3030}
.track-app .divider{height:1px;background:var(--track-line);margin:22px 0}
.track-app .steps{counter-reset:steps;list-style:none;padding:0;margin:16px 0 0}
.track-app .steps li{counter-increment:steps;display:flex;gap:12px;align-items:flex-start;padding:9px 0;font-size:.94rem;line-height:1.4}
.track-app .steps li::before{content:counter(steps);display:grid;place-items:center;min-width:28px;height:28px;background:#eaf2ff;border-radius:50%;color:#1b5ab2;font-weight:800}
.track-app .success-box{background:#f3faf6;border:1px solid #bcdfc9;border-radius:11px;padding:16px;margin-top:20px}
.track-app .success-code{font:bold clamp(1.5rem,4vw,2rem) Arial,Helvetica,sans-serif;letter-spacing:.04em;color:#16634b;overflow-wrap:anywhere;margin:8px 0 15px}
.track-app .small-note{font-size:.84rem;color:var(--track-muted)}
.track-app .map{width:100%;height:340px;border:1px solid var(--track-line);border-radius:10px;overflow:hidden;background:#edf2f6}
.track-app .map.large{height:425px}
.track-app .map-tip{font-size:.83rem;color:var(--track-muted);margin:9px 0 0}
.track-app .map-error{display:grid;place-items:center;text-align:center;padding:16px;color:#526276}
.track-app .preview{font-size:.91rem;margin:11px 0;color:var(--track-muted)}
.track-app .preview strong{color:var(--track-ink)}
.track-app .inline-note{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.track-app .stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}
.track-app .stat{background:#f5f8fc;border:1px solid #dde8f4;padding:15px 12px;border-radius:11px;min-width:0}
.track-app .stat strong{display:block;font-size:1.48rem;line-height:1.25;overflow-wrap:anywhere;color:#235b9c}
.track-app .stat span{font-size:.78rem;color:var(--track-muted)}
.track-app .view-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}
.track-app .history{display:grid;gap:12px;max-height:670px;overflow:auto;padding:2px 3px 2px 0}
.track-app .log-card{border:1px solid var(--track-line);border-left:4px solid var(--track-accent);border-radius:10px;padding:14px;background:#fff}
.track-app .log-card.pickup{border-left-color:#db8b26}
.track-app .log-meta{font-size:.78rem;color:var(--track-muted);margin:0 0 8px}
.track-app .log-title{font-weight:800;font-size:1.03rem;overflow-wrap:anywhere}
.track-app .log-card p{overflow-wrap:anywhere;white-space:pre-wrap;font-size:.92rem;margin:8px 0}
.track-app .log-card .buttons{margin-top:10px}
.track-app .log-card .button{min-height:34px;padding:6px 10px;font-size:.8rem}
.track-app .pill{display:inline-block;border-radius:999px;padding:3px 8px;background:#e7f1ff;color:#1b5ba3;font-size:.77rem;font-weight:700}
.track-app .pill.pickup{background:#fff0d9;color:#88530c}
.track-app .empty{text-align:center;border:1px dashed #c3d1df;border-radius:12px;background:#f7fafe;padding:27px 16px;color:var(--track-muted)}
.track-app .map-num{height:27px;min-width:27px;background:#236ac2;border:2px solid white;box-shadow:0 1px 5px #0004;color:white;border-radius:50%;font:bold 12px/24px Arial;text-align:center;padding:0 4px;display:inline-block}
.track-app .map-num.pickup{background:#d58927}
.track-app .site-note{background:#fffaf0;border:1px solid #f0dba9;border-radius:9px;padding:12px 14px;font-size:.88rem;color:#68532e}
.track-app .search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:end}
.track-app .search-row .field{margin:0}
.track-app .search-row .button{margin-top:0}
.track-app .loading{opacity:.65}
footer{max-width:980px;margin:28px auto 40px;padding:14px 10px;text-align:center;color:#fff;background:#2c3e50;border-radius:8px;font-size:.9rem}
@media(max-width:760px){main.track-app{padding:0 12px 28px;margin:16px auto}.track-app .hero{padding:20px}.track-app .panel{padding:18px}.track-app .layout,.track-app .view-grid{grid-template-columns:1fr}.track-app .map.large{height:330px}.track-app .history{max-height:none}.track-app .stats{gap:7px}.track-app .stat{padding:12px 8px}.track-app .stat strong{font-size:1.17rem}}
@media(max-width:420px){.track-app .fields2{grid-template-columns:1fr}.track-app .search-row{grid-template-columns:1fr}.track-app .search-row .button{width:100%}}
@media(prefers-reduced-motion:no-preference){.track-app .button{transition:background .15s ease}}