/* Shared design tokens + base controls — peakjet.com design language, tokens as in prototypes/agency-portal/index.html (v0.2, Sept 2026). Every portal page loads this first. */
:root{
  --p50:#FFF8EC; --p100:#FEEFD8; --p200:#FCD9B0; --p300:#F7BC88; --p400:#F09F68; --p500:#E77338; --p600:#C65428; --p700:#A63A1C;
  --s50:#DCE8E9; --s100:#C5D8DA; --s300:#6F9096; --s500:#4E6E73; --s700:#2D4C52; --s900:#122A2E;
  --n50:#FBF9F9; --n100:#F6F4F2; --n200:#EDE9E6; --n300:#CBC5C1; --n400:#918B88; --n500:#737373; --n600:#544F4D; --n700:#404040; --n800:#262626; --n900:#171717; --n950:#0A0A0A;
  --ok-bg:#EBF5EF; --ok-tx:#316144; --danger:#BB1616; --danger-bg:#FBECEC;
  --text:var(--n950); --text-2:var(--n600); --muted:var(--n400); --line:var(--n300); --line-soft:var(--n200);
  --r-sm:8px; --r-lg:20px;
  --shadow:0 1px 2px rgba(0,0,0,.05); --shadow-lg:0 10px 30px rgba(0,0,0,.10),0 2px 6px rgba(0,0,0,.06);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Poppins',system-ui,-apple-system,sans-serif;color:var(--text);background:#fff;font-size:15px;line-height:1.6}
h1,h2,h3{font-weight:600;line-height:1.2;letter-spacing:-.01em}
h1{font-weight:700}
a{color:var(--p600);text-decoration:none}
a:hover{text-decoration:underline}
button{font-family:inherit;cursor:pointer}
[hidden]{display:none !important}

.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
.logo{display:inline-flex;align-items:center;line-height:0}
.logo svg{height:28px;width:auto;display:block}
/* The logo is a <use> of an inline symbol: document selectors cannot reach the cloned paths, but `fill` inherits — set it on the <svg>. The orange paths carry their own fill. */
.logo svg{fill:#544F4D}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--p500);color:#fff;border:0;border-radius:var(--r-sm);padding:0 22px;height:48px;font-size:14px;font-weight:700;letter-spacing:.01em;transition:background .15s}
.btn:hover{background:var(--p600)}
.btn:disabled{background:var(--p300);cursor:default}
.btn.sec{background:#fff;color:var(--text);border:1px solid var(--line);font-weight:600}
.btn.sec:hover{background:var(--n100);border-color:var(--n400)}
.btn.danger{background:#fff;color:#B3261E;border:1px solid #B3261E;font-weight:600}
.btn.danger:hover{background:#FDECEA}
.pill{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border:1px solid var(--line);border-radius:var(--r-sm);background:#fff;font-size:13.5px;font-weight:600;color:var(--text)}
.pill:hover{text-decoration:none;background:var(--n100)}
.lang{display:flex;border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden;height:40px}
.lang button{background:#fff;border:0;color:var(--text-2);padding:0 12px;font-size:13px;font-weight:600}
.lang button.on{background:var(--n950);color:#fff}
.card{background:#fff;border:1px solid var(--line-soft);border-radius:var(--r-lg);box-shadow:var(--shadow)}
.muted{color:var(--text-2)} .small{font-size:13px} .mt8{margin-top:8px}

input[type=text],input[type=email],input[type=number],input[type=tel],select,textarea{
  width:100%;border:1px solid var(--line);border-radius:var(--r-sm);padding:0 14px;height:48px;font-family:inherit;font-size:15px;color:var(--text);background:#fff}
textarea{height:auto;padding:12px 14px;resize:vertical}
select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 20 20' fill='%230A0A0A'%3E%3Cpath d='M5.3 7.3a1 1 0 0 1 1.4 0L10 10.6l3.3-3.3a1 1 0 1 1 1.4 1.4l-4 4a1 1 0 0 1-1.4 0l-4-4a1 1 0 0 1 0-1.4z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}
input::placeholder,textarea::placeholder{color:var(--n400)}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--n950);box-shadow:0 0 0 3px var(--p100)}
label,.lbl{display:block;font-size:13px;font-weight:500;margin:0 0 6px;color:var(--text)}
.req::after{content:" *";color:var(--p600)}
.hint{display:block;margin-top:6px;font-size:12.5px;color:var(--text-2)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
@media(max-width:760px){.grid2,.grid3{grid-template-columns:1fr}}

.chip{display:inline-block;padding:4px 11px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}
.chip.ok{background:var(--ok-bg);color:var(--ok-tx)}
.chip.pend{background:var(--p100);color:var(--p700)}
.chip.off{background:var(--n200);color:var(--n600)}
.chip.bad{background:var(--danger-bg);color:var(--danger)}
/* Amber: held for a person (HubSpot) or skipped because it never went out (A22) —
   neither a success nor a failure. */
.chip.warn{background:var(--warn-bg,#FFF1CC);color:var(--warn-tx,#8C4F00)}
.btn.sm{height:36px;padding:0 14px;font-size:13px}
.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--n900);color:#fff;padding:10px 18px;border-radius:var(--r-sm);font-size:13.5px;box-shadow:var(--shadow-lg);opacity:0;transition:opacity .25s;pointer-events:none;max-width:90%;z-index:99}
.toast.on{opacity:1}
.toast.bad{background:var(--danger)}