/* Clear Sky: the one page style for planetrack.ai (Tristan 2026-09-28).
   Same tokens as the Trips / For Business pages and every email. The site header
   (.pt-nav) and the For Business sub-menu stay dark; the live map is not styled here.
   Pages converted by tools/clearsky.py link this file last, so it wins ties. */
:root{
  --page:#EEF2F7;--card:#FFFFFF;--inner:#F8FAFC;--line:#E2E8F0;--line2:#CBD5E1;
  --text:#0F172A;--text2:#475569;--muted:#475569;--faint:#64748B;
  --blue:#2563EB;--blue7:#1D4ED8;--blue50:#EFF6FF;
  --ok:#15803D;--okbg:#F0FDF4;--mid:#B45309;--midbg:#FFFBEB;--bad:#B91C1C;--badbg:#FEF2F2;
  /* names the older pages use */
  --bg:#EEF2F7;--panel:#FFFFFF;--accent:#2563EB;--accent-hover:#1D4ED8;--green:#15803D;--amber:#B45309;--red:#B91C1C;
  color-scheme:light;
}
html,body{background:var(--page);color:var(--text)}
body{font-family:Inter,-apple-system,system-ui,sans-serif}
a{color:var(--blue7)}
::selection{background:#BFDBFE}

/* shared building blocks of the older pages, given the Clear Sky shape */
.panel{background:var(--card);border:1px solid var(--line);border-radius:16px}
.btn{border-radius:10px}
.btn:not(.alt):not(.pay){background:var(--blue);color:#fff}
.btn:not(.alt):not(.pay):hover{background:var(--blue7);color:#fff}
.btn.alt{background:#fff;color:var(--blue7);border:1.5px solid #BFDBFE}
.btn.alt:hover{border-color:var(--blue);background:var(--blue50);color:var(--blue7)}
.placard{font-family:Inter,-apple-system,system-ui,sans-serif;font-weight:800;letter-spacing:.12em;color:var(--blue7)}
label.placard{color:var(--text2);letter-spacing:.06em}
table.spec th{color:var(--faint);border-color:var(--line)}
table.spec td{border-color:var(--line)}
input[type=text],input[type=email],input[type=password],input[type=date],input[type=search],input[type=number],input[type=url],select,textarea{
  background:var(--inner);color:var(--text);border-color:var(--line);border-radius:9px}
input::placeholder,textarea::placeholder{color:#94A3B8}
pre,code{background:#F1F5F9;color:#0F172A;border-color:var(--line)}
pre{border-radius:10px}
hr{border-color:var(--line)}

/* footer */
.pt-footer{background:#fff;border-top:1px solid var(--line);color:var(--faint)}
.pt-footer a{color:var(--text2)}
.pt-footer a:hover{color:var(--blue7)}

/* the dark header's wordmark stays light even where an old page styled .logo */
.pt-nav .logo{background:none!important;-webkit-text-fill-color:currentColor!important;color:#e2e8f0!important}

/* one type family: headings in Inter (the old style set some titles in the mono face) */
h1,h2,h3{font-family:Inter,-apple-system,system-ui,sans-serif!important;letter-spacing:-.015em}
h1{font-weight:800}

/* phones: wide tables scroll inside their box instead of widening the page */
@media(max-width:700px){
  main table,.wrap table,.card table,.panel table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  img,svg,video,iframe{max-width:100%}
}