/*! (c) 2026 Stripe It Up, LLC. Site by ATXNEXUS. */
:root {
  --asphalt: #16150f;
  --graphite: #221f18;
  --paper: #f8f7f3;
  --card: #ffffff;
  --band: #eeebe2;
  --ink: #1a1810;
  --ink-muted: #5b564a;
  --ink-on-dark: #f2f0e9;
  --brand: #f2cb13;
  --brand-ink: #5a5600;
  --hairline: #e1ddd2;
  --r: 12px;
  --r-sm: 9px;

  --field-bg: #fffdf6;
  --r-md: 12px;
  --sans: "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

* , *::before, *::after { box-sizing: border-box; }
body {
  margin: 0; background: var(--paper); color: var(--ink);
  font-family: var(--sans); font-size: 16px; line-height: 1.55;
  padding-bottom: env(safe-area-inset-bottom, 0px);
}
h1 { font-size: 1.4rem; margin: 0 0 1rem; }
h3 { font-size: 1.05rem; margin: 0; }
a { color: var(--brand-ink); }

button {
  font: inherit; color: var(--ink); cursor: pointer;
  background: var(--card);
  border: 1px solid var(--hairline); border-radius: var(--r-sm);
  padding: 9px 14px; min-height: 40px;
}
@media (hover: hover) { button:hover { border-color: var(--brand-ink); } }
button[disabled] { opacity: .5; cursor: default; }
@media (hover: hover) { button[disabled]:hover { border-color: var(--hairline); } }

.bar {
  display: flex; align-items: center; gap: 12px;
  background: var(--asphalt); color: var(--ink-on-dark);
  padding: 12px 18px; padding-top: calc(12px + env(safe-area-inset-top, 0px));
  position: sticky; top: 0; z-index: 10;
}
.bar .ver { font-size: .8rem; opacity: .6; }

@media (max-width: 420px) {
  .bar { gap: 8px; padding-inline: 12px; }
  .bar .ver { display: none; }
  .bar button { padding: 7px 11px; }
  .bar .bar-title { font-size: .95rem; }
}
.bar button { margin-left: auto; background: none; border: 1px solid #4a443a; color: inherit; border-radius: var(--r-sm); padding: 7px 14px; cursor: pointer; font: inherit; }

main { max-width: 900px; margin-inline: auto; padding: 22px 16px 60px; }

#login-form { max-width: 380px; }
label { display: block; font-weight: 700; font-size: .85rem; margin-bottom: 5px; }

input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="range"]):not([type="color"]):not([type="image"]),
textarea, select {
  width: 100%; font-size: 16px; padding: 10px 12px;
  border: 1px solid var(--hairline); border-radius: var(--r-sm); background: #fffdf6;
  font-family: inherit; color: inherit; line-height: 1.5;
}

textarea {
  display: block; resize: vertical; min-height: 96px;
}

#j-resp, #j-reqs, #j-nice { min-height: 9rem; }

input:focus-visible, textarea:focus-visible, select:focus-visible {
  outline: 2px solid var(--brand-ink); outline-offset: 1px;
}
.pass-row { display: flex; gap: 8px; }
.pass-row button { flex: none; border: 1px solid var(--hairline); background: var(--card); border-radius: var(--r-sm); padding: 0 14px; cursor: pointer; font: inherit; }
.warn { color: #a3211c; font-size: .85rem; font-weight: 700; }
button.primary {
  margin-top: 14px; width: 100%; min-height: 46px;
  background: var(--brand); color: var(--ink); font-weight: 800;
  border: 1px solid #cfce00; border-radius: var(--r-sm); cursor: pointer; font-size: 1rem; font-family: inherit;
}

.tabs {
  display: flex; flex-wrap: wrap; gap: 6px;
  margin-bottom: 18px; border-bottom: 1px solid var(--hairline);
}
.tabs button {
  background: none; border: 0; border-bottom: 3px solid transparent;
  padding: 10px 14px; font: inherit; font-weight: 700; color: var(--ink-muted); cursor: pointer;
  min-height: 44px;

  border-radius: 0;
}

@media (max-width: 420px) {
  .tabs button { padding: 10px 10px; font-size: .95rem; }
}
.tabs button[aria-selected="true"] { color: var(--ink); border-bottom-color: var(--brand); }

.tools { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 16px; }
.tools input[type="search"] { flex: 1 1 200px; width: auto; }
.tools select { width: auto; }
.tools button {
  border: 1px solid var(--hairline); background: var(--card); border-radius: var(--r-sm);
  padding: 10px 14px; cursor: pointer; font: inherit; min-height: 42px;
}
.stats { flex: 1 1 100%; font-size: .85rem; color: var(--ink-muted); font-weight: 700; }

.rows { display: grid; gap: 12px; }
.row { background: var(--card); border: 1px solid var(--hairline); border-left: 4px solid var(--brand); border-radius: var(--r); padding: 14px 16px; }
.row header { display: flex; align-items: center; gap: 10px; justify-content: space-between; margin-bottom: 6px; }
.row .co { font-weight: 400; color: var(--ink-muted); font-size: .9rem; }
.meta { margin: 0 0 4px; font-size: .85rem; color: var(--ink-muted); }
.notes { margin: 8px 0 0; padding: 10px 12px; background: var(--band); border-radius: var(--r-sm); font-size: .9rem; white-space: pre-wrap; }
.pill {
  font-size: .7rem; font-weight: 800; text-transform: uppercase; letter-spacing: .07em;
  padding: 3px 9px; border-radius: 999px; background: var(--band); color: var(--ink-muted); flex: none;
}
.pill-new { background: var(--brand); color: var(--ink); }
.pill-hired, .pill-won { background: #1d6b2f; color: #fff; }
.pill-spam, .pill-lost, .pill-passed { background: #d8d4ca; }
.acts { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.acts button {
  border: 1px solid var(--hairline); background: var(--paper); border-radius: 999px;
  padding: 7px 13px; font: inherit; font-size: .8rem; font-weight: 700; cursor: pointer; min-height: 38px;
}
.acts button:disabled { opacity: .35; cursor: default; }
.empty { color: var(--ink-muted); padding: 24px; text-align: center; border: 1px dashed var(--hairline); border-radius: var(--r); }

.note { background: rgba(242,203,19,.10); border-left: 3px solid #f2cb13; padding: 10px 14px; margin: 0 0 16px; font-size: 14px; }
.hint { font-size: 13px; opacity: .72; margin: 4px 0 14px; }
.warn-hint { border-left: 3px solid #ffd042; padding-left: 10px; }

.job-row { display: flex; gap: 14px; align-items: flex-start; justify-content: space-between;
  padding: 14px; border: 1px solid rgba(255,255,255,.12); border-radius: 8px; margin-bottom: 10px; }
.job-row h3 { margin: 0 0 6px; font-size: 17px; }
.job-row-meta { display: flex; flex-wrap: wrap; gap: 8px 14px; margin: 0; font-size: 13px; align-items: center; }
.job-row-actions { flex: 0 0 auto; }

.pill { display: inline-block; padding: 2px 9px; border-radius: 999px; font-size: 12px;
  font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.pill-open   { background: #1d6b2f; color: #fff; }
.pill-draft  { background: #ffd042; color: #26221c; }
.pill-closed { background: rgba(255,255,255,.18); color: #fff; }

#job-editor { max-width: 760px; }
#job-editor .two { display: grid; gap: 14px; grid-template-columns: 1fr; }
@media (min-width: 620px) { #job-editor .two { grid-template-columns: 1fr 1fr; } }

#job-editor fieldset {
  border: 1px solid var(--hairline); border-radius: var(--r-md);
  background: var(--card);
  padding: 4px 16px 18px; margin: 22px 0;
}
#job-editor legend {
  padding: 0 8px; margin-left: -2px; font-weight: 800;
  font-size: .8rem; text-transform: uppercase; letter-spacing: .08em;
  color: var(--brand-ink);
}
.slug-row { display: flex; align-items: center; gap: 4px; }
.slug-row input { flex: 1 1 auto; }
.slug-pre { opacity: .7; font-size: 14px; }
.photo-preview img { max-width: 260px; border-radius: 6px; margin-top: 10px; display: block; }
.editor-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }

.editor-actions button {
  min-height: 46px; padding: 10px 18px;
  border: 1px solid var(--hairline); border-radius: var(--r-sm);
  background: var(--card); color: var(--ink);
  font: inherit; font-weight: 700; cursor: pointer;
}

.editor-actions .primary { background: var(--brand); color: var(--ink);
  border-color: #cfce00; margin-top: 0; }
.editor-actions .danger { margin-left: auto; background: #7a1f1b; color: #fff; border-color: #a3211c; }
@media (hover: hover) {
  .editor-actions button:hover { border-color: var(--brand-ink); }
  .editor-actions .danger:hover { background: #8f2621; border-color: #c02b25; }
}

[hidden] { display: none !important; }

#gate {
  min-height: 78vh;
  display: flex; align-items: center; justify-content: center;
  padding: 24px 18px;
  background:
    radial-gradient(120% 80% at 50% 0%, #2a261b 0%, #16150f 60%);
}
.signin-card {
  width: 100%; max-width: 380px;
  background: var(--card); color: var(--ink);
  border-radius: var(--r);
  padding: 30px 26px 24px;
  box-shadow: 0 20px 60px rgba(0,0,0,.45), 0 2px 8px rgba(0,0,0,.25);
  text-align: center;
}
.signin-logo { width: 120px; height: auto; display: block; margin: 0 auto 18px; }
.signin-card h1 { font-size: 1.3rem; margin: 0 0 4px; }
.signin-sub { margin: 0 0 22px; color: var(--ink-muted); font-size: .92rem; }
.signin-card form { text-align: left; }
.signin-card label { display: block; font-weight: 700; font-size: .85rem; margin: 0 0 5px; }
.signin-card input[type="text"], .signin-card input[type="password"] {
  width: 100%; padding: 11px 12px; font: inherit;
  border: 1px solid var(--hairline); border-radius: var(--r-sm);
  background: #fff; color: var(--ink); margin-bottom: 14px;
}
.signin-card input:focus-visible { outline: 2px solid var(--brand-ink); outline-offset: 1px; }
.signin-go { width: 100%; margin-top: 6px; padding: 13px; font-size: 1rem; }
.signin-foot {
  margin: 20px 0 0; padding-top: 16px; border-top: 1px solid var(--hairline);
  font-size: .84rem; color: var(--ink-muted);
}
#login-status:not(:empty) { margin-top: 12px; font-size: .9rem; }

.bar-logo { height: 30px; width: auto; display: block; }
.bar-title { font-weight: 800; letter-spacing: .04em; text-transform: uppercase; font-size: .82rem; }
.whoami { margin-left: auto; font-size: .82rem; opacity: .75; }
.bar button { margin-left: 12px; }

.template-grid { display: grid; gap: 12px; grid-template-columns: 1fr; }
@media (min-width: 620px) { .template-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1000px) { .template-grid { grid-template-columns: repeat(3, 1fr); } }
.template-card {
  display: flex; flex-direction: column; gap: 6px; text-align: left;
  padding: 16px; cursor: pointer; font: inherit; color: inherit;
  background: var(--card); border: 1px solid var(--hairline); border-radius: var(--r);
  transition: border-color .15s, transform .15s;
}
.template-card:hover { border-color: var(--brand-ink); transform: translateY(-1px); }
.template-card strong { font-size: 1.03rem; }
.template-kicker { font-size: .72rem; text-transform: uppercase; letter-spacing: .07em; color: var(--brand-ink); font-weight: 800; }
.template-sum { font-size: .86rem; color: var(--ink-muted); }
.template-go { margin-top: 6px; font-size: .82rem; font-weight: 700; color: var(--brand-ink); }
#job-templates { margin: 6px 0 22px; }
#job-templates h2 { font-size: 1.1rem; margin: 0 0 4px; }

.signin-card .pass-row { display: flex; gap: 8px; align-items: stretch; margin-bottom: 4px; }
.signin-card .pass-row input { flex: 1 1 auto; margin-bottom: 0; }
.signin-card .pass-row button {
  flex: 0 0 auto; padding: 0 14px; font: inherit; font-size: .88rem;
  background: var(--band); color: var(--ink-muted);
  border: 1px solid var(--hairline); border-radius: var(--r-sm); cursor: pointer;
}
.signin-card .pass-row button:hover { color: var(--ink); }
.signin-card #caps { margin: 8px 0 0; }

.scrim {
  position: fixed; inset: 0; z-index: 100;
  display: grid; place-items: center;
  padding: 16px;
  background: rgba(18, 24, 28, .62);
}

.pw-card {
  width: 100%; max-width: 420px;
  background: var(--card, #fff); color: var(--ink, #12181c);
  border-radius: var(--r-md, 10px);
  padding: 20px;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .35);
}
.pw-card h2 { margin: 0 0 14px; font-size: 1.1rem; }
.pw-card label { display: block; margin: 12px 0 5px; font-size: .84rem; font-weight: 700; }
.pw-card input {
  width: 100%; box-sizing: border-box;
  padding: 11px 12px; min-height: 44px;
  border: 1px solid var(--hairline, #e7e5e4); border-radius: var(--r-sm, 6px);
  font: inherit; background: var(--field-bg, #fafaf9); color: inherit;
}
.pw-hint { margin: 6px 0 0; font-size: .78rem; opacity: .7; line-height: 1.5; }
#pw-status { margin: 12px 0 0; font-size: .86rem; min-height: 1.2em; }

.pw-actions { display: flex; gap: 10px; justify-content: flex-end; margin-top: 18px; }
.pw-actions button { min-height: 44px; padding: 10px 16px; border-radius: var(--r-sm, 6px); font: inherit; cursor: pointer; }
.pw-actions button[type="button"] { background: none; border: 1px solid var(--hairline, #e7e5e4); color: inherit; }

@media (max-width: 519px) {
  .whoami { display: none; }
  .bar button { margin-left: 8px; padding: 7px 10px; }
}

.vis-row { margin: 14px 0 4px; padding: 12px; background: var(--field-bg, #fafaf9);
  border: 1px solid var(--hairline, #e7e5e4); border-radius: var(--r-sm, 6px); }
.vis-label { display: block; font-size: .84rem; font-weight: 700; margin-bottom: 8px; }
.vis-choice { display: flex; flex-wrap: wrap; gap: 8px; }
.vis-choice label { display: inline-flex; align-items: center; gap: 7px; margin: 0;
  min-height: 44px; padding: 0 12px; border: 1px solid var(--hairline, #e7e5e4);
  border-radius: var(--r-sm, 6px); background: #fff; cursor: pointer; font-weight: 600; }
.vis-choice input { margin: 0; }
.vis-choice label:has(input:checked) { border-color: var(--ink, #12181c); box-shadow: inset 0 0 0 1px var(--ink, #12181c); }
.vis-row .hint { margin: 8px 0 0; }

.user-form { margin: 0 0 18px; padding: 16px; background: var(--card, #fff);
  border: 1px solid var(--hairline, #e7e5e4); border-radius: var(--r-md, 10px); max-width: 520px; }
.user-form h3 { margin: 0 0 6px; font-size: 1rem; }
.user-form label { display: block; margin: 12px 0 5px; font-size: .84rem; font-weight: 700; }
.user-form input, .user-form select { width: 100%; box-sizing: border-box; min-height: 44px;
  padding: 10px 12px; border: 1px solid var(--hairline, #e7e5e4);
  border-radius: var(--r-sm, 6px); font: inherit; background: var(--field-bg, #fafaf9); color: inherit; }
.user-list { display: grid; gap: 10px; }
.user-row { display: flex; gap: 12px; align-items: center; justify-content: space-between;
  flex-wrap: wrap; padding: 14px; background: var(--card, #fff);
  border: 1px solid var(--hairline, #e7e5e4); border-radius: var(--r-md, 10px); }
.user-row h3 { margin: 0 0 4px; font-size: 1rem; }
.user-row-main { min-width: 0; }

.user-gone { opacity: .62; }
.pill-owner { background: #12181c; color: #f2cb13; }
.pill-admin { background: #334155; color: #fff; }
.pill-staff { background: var(--band, #f5f5f4); color: var(--ink, #12181c); }
.pill-private { background: #fff6ec; color: #8a4b00; border: 1px solid #f79432; }

.template-wrap { display: flex; flex-direction: column; gap: 0; }
.template-edit { min-height: 40px; border: 1px solid var(--hairline, #e7e5e4); border-top: 0;
  border-radius: 0 0 var(--r-sm, 6px) var(--r-sm, 6px); background: none; color: inherit;
  font: inherit; font-size: .82rem; cursor: pointer; }
@media (hover: hover) { .template-edit:hover { background: var(--band, #f5f5f4); } }

.template-wrap > .template-card:not(:only-child) {
  border-bottom-left-radius: 0; border-bottom-right-radius: 0;
}

.template-wrap > .template-card:not(:only-child):hover { transform: none; }

.tele-tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px; margin-bottom: 18px; }
.tele-tile { padding: 14px; background: var(--card, #fff);
  border: 1px solid var(--hairline, #e7e5e4); border-radius: var(--r-md, 10px); }
.tele-tile strong { display: block; font-size: 1.7rem; line-height: 1.1; }
.tele-tile span { display: block; font-size: .84rem; opacity: .75; }
.tele-tile em { display: block; font-style: normal; font-size: .76rem; opacity: .6; margin-top: 4px; }
.tele-warn { padding: 12px 14px; margin: 0 0 18px; border-radius: var(--r-sm, 6px);
  background: #fff6ec; border-left: 3px solid #f79432; font-size: .9rem; line-height: 1.6; }
#panel-tele h3 { margin: 22px 0 10px; font-size: .82rem; letter-spacing: .08em;
  text-transform: uppercase; opacity: .7; }

.tele-bars { display: flex; align-items: flex-end; gap: 3px; height: 90px;
  padding: 10px; background: var(--card, #fff);
  border: 1px solid var(--hairline, #e7e5e4); border-radius: var(--r-md, 10px); }
.tele-bar { flex: 1 1 0; min-width: 3px; height: 100%; display: flex; align-items: flex-end; }
.tele-bar i { display: block; width: 100%; background: var(--brand, #f2cb13);
  border: 1px solid #b8b700; border-radius: 2px 2px 0 0; }
.tele-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 1px;
  background: var(--hairline, #e7e5e4); border: 1px solid var(--hairline, #e7e5e4);
  border-radius: var(--r-md, 10px); overflow: hidden; }
.tele-list li { display: flex; justify-content: space-between; gap: 12px;
  padding: 10px 14px; background: var(--card, #fff); font-size: .9rem; }
.tele-list strong { white-space: nowrap; }

.pill-gone { background: #fff3d6; color: #6b4b00; border: 1px solid #d9a400; }

.tools button.primary { width: auto; margin-top: 0; }

.guide { max-width: 66ch; }
.guide h2 { margin: 0 0 8px; font-size: 1.25rem; }
.guide h3 { margin: 26px 0 10px; font-size: .82rem; letter-spacing: .08em;
  text-transform: uppercase; opacity: .7; }
.guide-lede { margin: 0 0 18px; font-size: 1rem; line-height: 1.65; }
.guide details {
  border: 1px solid var(--hairline, #e7e5e4); border-radius: var(--r-md, 10px);
  background: var(--card, #fff); margin-bottom: 8px;
}

.guide summary {
  cursor: pointer; padding: 13px 16px; min-height: 44px;
  display: flex; align-items: center; font-weight: 700; border-radius: var(--r-md, 10px);
}
@media (hover: hover) { .guide summary:hover { background: var(--band, #f5f5f4); } }
.guide details[open] summary { border-bottom: 1px solid var(--hairline, #e7e5e4); border-radius: var(--r-md, 10px) var(--r-md, 10px) 0 0; }
.guide details > div { padding: 4px 16px 16px; }
.guide p { margin: 10px 0; line-height: 1.65; }
.guide ul { margin: 10px 0; padding-left: 20px; line-height: 1.65; }
.guide li { margin: 6px 0; }
.guide-warn { background: #fff6ec; border-left: 3px solid #f79432;
  padding: 10px 12px; border-radius: 0 var(--r-sm, 6px) var(--r-sm, 6px) 0; }
.guide-foot { margin-top: 22px; padding-top: 14px;
  border-top: 1px solid var(--hairline, #e7e5e4); opacity: .75; }

.idle-warn {
  position: fixed; left: 50%; transform: translateX(-50%);
  top: calc(12px + env(safe-area-inset-top, 0px));
  z-index: 200; max-width: min(92vw, 460px);
  padding: 12px 16px; border-radius: var(--r-sm, 6px);
  background: #fff6ec; color: #12181c;
  border: 1px solid #f79432; border-left: 4px solid #f79432;
  box-shadow: 0 10px 30px rgba(0,0,0,.28);
  font-size: .92rem; line-height: 1.5;
}
.idle-warn[hidden] { display: none !important; }
#idle-count { font-variant-numeric: tabular-nums; font-weight: 800; }

.sec-head {
  display: flex; align-items: center; gap: 10px;
  margin: 0 0 12px;
}
.sec-head h2 { margin: 0; font-size: 1.15rem; }
.sec-head-sm { margin-bottom: 8px; }
.sec-head-sm .vis-label { margin: 0; }

.info {
  flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center;

  width: 34px; height: 34px; min-height: 0; padding: 0;
  border-radius: 50%;
  background: transparent; border: 1px solid var(--hairline);
  color: var(--brand-ink); cursor: pointer;
}
.info svg { width: 19px; height: 19px; }
@media (hover: hover) { .info:hover { background: var(--band); border-color: var(--brand-ink); } }

.info[aria-expanded="true"] {
  background: var(--brand); border-color: #cfce00; color: var(--ink);
}

.info-static { width: 22px; height: 22px; vertical-align: -5px; cursor: default; }
.info-static svg { width: 14px; height: 14px; }

.leg-i { display: inline-flex; vertical-align: middle; margin-left: 6px; }
.leg-i .info { width: 28px; height: 28px; }
.leg-i .info svg { width: 16px; height: 16px; }

.help {
  margin: 0 0 16px;
  padding: 14px 16px;
  background: var(--band);
  border-left: 3px solid var(--brand);
  border-radius: 0 var(--r-md) var(--r-md) 0;
  font-size: .92rem; line-height: 1.6;
  max-width: 62ch;
}
.help p { margin: 0 0 .7em; }
.help > :last-child { margin-bottom: 0; }
.help ul { margin: .5em 0 .7em; padding-left: 20px; }
.help li { margin: .35em 0; }
.help strong { font-weight: 800; }

#job-editor label { margin: 18px 0 6px; }
#job-editor fieldset > label:first-of-type { margin-top: 10px; }
#job-editor .hint { margin: 6px 0 0; line-height: 1.5; }
#job-editor .two { margin-top: 4px; }
#job-editor .two label { margin-top: 0; }

.warn-hint {
  border-left: 3px solid #f79432; background: #fff6ec;
  padding: 9px 12px; border-radius: 0 var(--r-sm) var(--r-sm) 0;
  opacity: 1; color: #6b3b00;
}

.slug-row { display: flex; align-items: center; gap: 6px; }
.slug-row input { flex: 1 1 auto; min-width: 0; }
.slug-pre, .slug-row > span { color: var(--ink-muted); font-size: .9rem; flex: 0 0 auto; }

.vis-row { background: var(--field-bg); }

.editor-actions .strong {
  background: var(--asphalt); color: var(--brand); border-color: #000;
}
@media (hover: hover) { .editor-actions .strong:hover { background: #000; border-color: #000; } }
.editor-actions .primary { flex: 1 1 140px; }
.editor-actions .strong { flex: 1 1 120px; }
.editor-actions #j-cancel { flex: 0 1 auto; }
.editor-foot > #job-status { margin: 0; font-size: .9rem; font-weight: 700; }

.editor-foot > #job-status:empty { margin: 0; }

.editor-danger { margin: 18px 0 0; }
.editor-danger .danger {
  background: none; color: #7a1f1b; border: 1px solid #a3211c;
  margin-left: 0; font-weight: 700;
}
@media (hover: hover) {
  .editor-danger .danger:hover { background: #7a1f1b; color: #fff; border-color: #7a1f1b; }
}

@media (max-width: 760px) {
  .editor-foot {
    position: sticky; bottom: 0; z-index: 5;
    margin-inline: -16px; padding: 10px 16px;
    padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px));
    background: var(--paper);
    border-top: 1px solid var(--hairline);
    box-shadow: 0 -6px 18px rgba(0,0,0,.07);
  }
  .editor-foot .editor-actions { margin-top: 0; gap: 8px; }
  .editor-foot > #job-status { margin-bottom: 8px; }

  #job-editor input, #job-editor textarea, #job-editor select { scroll-margin-bottom: 200px; }
  .editor-danger { margin-top: 14px; }
  .editor-danger .danger { width: 100%; }
}

.guide-where {
  margin: 0 0 20px; padding: 12px 14px;
  background: var(--band); border-radius: var(--r-md);
  font-size: .92rem; line-height: 1.65; max-width: 62ch;
}
#guide-built details { margin-bottom: 10px; }

#guide-built details > div > p,
#guide-built details > div > ul { max-width: 62ch; }

.or-label { color: var(--ink-muted); font-weight: 700; }
#j-photo-file {
  border: 1px dashed var(--brand-ink); background: var(--card); cursor: pointer;
  padding: 11px 12px;
}
#j-photo-file::file-selector-button {
  font: inherit; font-weight: 700; margin-right: 10px; padding: 8px 12px;
  background: var(--asphalt); color: var(--brand); border: 0;
  border-radius: var(--r-sm); cursor: pointer;
}

.file-btns { display: flex; flex-wrap: wrap; gap: 8px; margin: 2px 0 10px; }
.file-btn {
  min-height: 40px; padding: 8px 13px; font-size: .9rem; font-weight: 700;
  background: var(--card); border: 1px solid var(--brand-ink); color: var(--brand-ink);
  border-radius: var(--r-sm); cursor: pointer; overflow-wrap: anywhere; text-align: left;
}
.file-btn span { font-weight: 400; opacity: .75; }
@media (hover: hover) { .file-btn:hover { background: var(--brand); color: var(--ink); border-color: #cfce00; } }
.app-files { font-weight: 700; margin-bottom: 4px; }

#gate {
  min-height: 100vh;
  min-height: 100dvh;
  padding: clamp(20px, 5vh, 48px) 18px;
  background:

    repeating-linear-gradient(135deg,
      rgba(242, 203, 19, .035) 0 2px,
      transparent 2px 22px),
    radial-gradient(120% 80% at 50% 0%, #2a261b 0%, #16150f 60%);
}

.signin-card {
  max-width: 400px;
  padding: clamp(26px, 5vw, 34px) clamp(22px, 5vw, 30px) 26px;

  border-top: 4px solid var(--brand);
  box-shadow: 0 24px 70px rgba(0, 0, 0, .5), 0 2px 10px rgba(0, 0, 0, .3);
}
.signin-logo { width: clamp(110px, 32vw, 140px); margin-bottom: 20px; }
.signin-card h1 { font-size: 1.45rem; }
.signin-sub { margin-bottom: 26px; }

.signin-card label { margin-bottom: 7px; font-size: .88rem; }
.signin-card input[type="text"],
.signin-card input[type="password"] {
  min-height: 50px; padding: 12px 14px;
  background: var(--field-bg);
  border-radius: var(--r-sm);
  margin-bottom: 16px;
}
.signin-card input:focus-visible {
  outline: 2px solid var(--brand-ink); outline-offset: 1px;
  border-color: var(--brand-ink);
}

.signin-card .pass-row { position: relative; display: block; margin-bottom: 16px; }
.signin-card .pass-row input { padding-right: 78px; margin-bottom: 0; }
.signin-card .pass-row button {
  position: absolute; right: 7px; top: 50%; transform: translateY(-50%);
  min-height: 38px; padding: 0 12px;
  background: transparent; border: 0; border-radius: var(--r-sm);
  color: var(--brand-ink); font: inherit; font-size: .88rem; font-weight: 700;
  cursor: pointer;
}
@media (hover: hover) {
  .signin-card .pass-row button:hover { background: var(--band); color: var(--ink); }
}
.signin-card .pass-row button:focus-visible { outline: 2px solid var(--brand-ink); outline-offset: 1px; }

.signin-card .signin-go { min-height: 52px; font-size: 1.05rem; margin-top: 4px; }
.signin-foot { margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--hairline); }

.signin-away { margin: 18px 0 0; text-align: center; }
.signin-away a {
  color: #cfcac0; font-size: .9rem; font-weight: 600; text-decoration: none;
  padding: 10px 14px; display: inline-block; border-radius: var(--r-sm);
}
@media (hover: hover) { .signin-away a:hover { color: var(--brand); } }
.signin-away a:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }

#gate { flex-direction: column; }

.signin-foot a { white-space: nowrap; }

:root{--asphalt:#292524;--graphite:#362f2d;--paper:#f5f5f2;--card:#fff;--band:#efeee8;--ink:#292524;--ink-muted:#625e55;--hairline:#dddcd3;--field-bg:#fff;--r:18px;--r-md:14px;--r-sm:10px;--brand:#f2cb13;--brand-ink:#625200}
[hidden]{display:none!important}
body{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--paper);-webkit-font-smoothing:antialiased}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button{min-height:44px;transition:background .15s,border-color .15s,box-shadow .15s}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #907400;outline-offset:3px}
.bar{padding:15px 28px;border-bottom:1px solid #4b463f;gap:14px;min-height:78px;box-shadow:none}
.bar-logo{width:51px;height:40px;object-fit:contain;background:var(--brand);padding:4px;border-radius:9px}
.bar-title{letter-spacing:.02em;font-size:.96rem;text-transform:none}
.bar .ver{display:none}.bar .whoami{margin-left:auto;font-size:.83rem;opacity:1;color:#e5e1d6}
.bar button{margin-left:0;min-height:42px;border-color:#6c675e;font-size:.85rem}
#office{display:grid;grid-template-columns:210px minmax(0,1fr);column-gap:34px;max-width:1440px;padding:30px 30px 64px;align-items:start}
#office>.tabs{grid-column:1;grid-row:1/4;display:flex;flex-direction:column;gap:7px;border:0;position:sticky;top:108px;margin:0}
.tabs button{text-align:left;border:0;border-radius:12px;padding:13px 17px;min-height:48px;font-size:.94rem;font-weight:600;display:flex;align-items:center;gap:12px}
.tabs button:before{content:'';width:8px;height:8px;border:2px solid currentColor;border-radius:2px;opacity:.65}
.tabs button[aria-selected=true]{background:var(--asphalt);color:#fff;box-shadow:inset 4px 0 0 var(--brand)}
.tabs button[aria-selected=true]:before{background:var(--brand);border-color:var(--brand);opacity:1}
.tabs button:hover{background:#e8e6dc;color:var(--ink)}.tabs button[aria-selected=true]:hover{background:#3e3932;color:#fff}
#office>section,#office>.workspace-head{grid-column:2;min-width:0}
.workspace-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 28px}
.eyebrow{font-size:.68rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-muted);margin:0 0 9px}
.workspace-head h1{font-size:clamp(1.6rem,3vw,2.15rem);letter-spacing:-.055em;line-height:1.12;margin:0 0 9px}
.workspace-head p:last-child{font-size:.92rem;color:var(--ink-muted);margin:0}
.website-link{font-size:.82rem;text-decoration:none;font-weight:700;white-space:nowrap;border:1px solid var(--hairline);background:#fff;border-radius:10px;padding:11px 14px;color:var(--ink)}
.sec-head{margin:0 0 16px}.sec-head h2{font-size:1.22rem;letter-spacing:-.035em;margin:0}
.info{width:32px;height:32px;min-height:32px;background:transparent;border:0;padding:6px;color:var(--ink-muted)}
.tools{gap:10px;margin-bottom:20px;background:#fff;padding:16px;border:1px solid var(--hairline);border-radius:14px}
.tools input,.tools select{min-height:46px;background:#fafaf7}.tools button{min-height:46px;font-weight:700}
.stats{font-size:.8rem;font-weight:500;letter-spacing:.01em}.tools button.primary{margin:0;width:auto;background:var(--brand);border-color:var(--brand)}
.row{border:1px solid var(--hairline);border-left:4px solid var(--brand);border-radius:14px;padding:20px 22px;box-shadow:0 2px 5px #29252404}
.row header{align-items:flex-start}.row h3{font-size:1.05rem;line-height:1.4}.row .co{display:block;font-size:.82rem;margin-top:2px}
.meta{font-size:.85rem;line-height:1.8}.meta a{color:#625200;font-weight:600}.notes{background:#f5f5f1;padding:14px 16px;line-height:1.65;border-radius:10px}
.acts{border-top:1px solid #eeede7;padding-top:14px;gap:7px;margin-top:16px}.acts button{min-height:44px;padding:8px 13px;border-radius:9px;text-transform:capitalize;font-size:.79rem;background:#fff}
.acts button:disabled{opacity:1;background:#efeee6;color:#716a5f;border-color:transparent}
.pill{letter-spacing:.035em;font-size:.64rem;padding:5px 9px}.pill-new{background:#f9edaf;color:#594800}
.pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 8px}.pager span{color:var(--ink-muted);font-size:.82rem;text-align:center}
[aria-busy=true]{opacity:.6;pointer-events:none}.empty{background:#fff;padding:42px 20px;border-style:solid;font-size:.9rem}
.job-row{background:#fff;border:1px solid var(--hairline);border-radius:14px;padding:20px;margin-bottom:12px}.job-row-meta{line-height:1.7}
#job-editor{background:#fff;border:1px solid var(--hairline);border-radius:18px;padding:24px}.fs{border-radius:12px;background:#fcfcf9}
#job-editor .editor-foot{background:#fff}.template-card{box-shadow:none;border-radius:14px}.template-wrap{border-radius:14px}
.user-row{border-radius:14px;padding:18px;background:#fff}.help,.guide details{background:#fff;border-color:var(--hairline);border-radius:12px}.help{font-size:.88rem;line-height:1.7}
.note{background:#faf4d7;border-color:#d8b300;border-radius:8px}.hint{opacity:1;color:var(--ink-muted);font-size:.8rem}
#panel-tele>.tools{justify-content:flex-end;background:transparent;border:0;padding:0;margin-top:-4px}.tools #tele-stats{flex:1;width:auto;font-size:.76rem}
#tele-days{width:auto}#tele-export,#tele-summary-export{background:#fff;font-size:.83rem}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.metric{background:#fff;border:1px solid var(--hairline);border-radius:16px;padding:21px 20px;min-width:0;position:relative;overflow:hidden}
.metric:before{content:'';position:absolute;left:20px;top:0;width:32px;height:3px;background:var(--brand)}
.metric p{font-size:.76rem;color:var(--ink-muted);margin:0 0 17px;font-weight:600}.metric>strong{font-size:2.4rem;line-height:1;font-weight:700;letter-spacing:-.07em;display:block;margin-bottom:15px}
.metric small{font-size:.69rem;color:var(--ink-muted);line-height:1.5;display:block}.trend.up{color:#2d653f}.trend.down{color:#925126}.trend span{color:var(--ink-muted)}
.attention-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:24px}.attention-card{display:flex;align-items:center;text-align:left;gap:14px;padding:17px;background:#eeede5;border:1px solid #e0ddd1;border-radius:13px;min-width:0}
.attention-card>span:last-child{margin-left:auto}.attention-card strong{font-size:.88rem;display:block}.attention-card small{font-size:.73rem;color:var(--ink-muted);display:block;margin-top:4px}.attention-icon{background:var(--brand);border-radius:10px;min-width:36px;height:36px;display:grid;place-items:center;font-size:1.3rem}
.insight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.insight-card{border:1px solid var(--hairline);background:#fff;border-radius:16px;padding:23px;min-width:0}.insight-card header{margin-bottom:23px}.insight-card header h3{font-size:.98rem;letter-spacing:-.025em}.insight-card header p{font-size:.73rem;color:var(--ink-muted);margin:6px 0 0}
.activity{margin-bottom:18px}.activity-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.segmented{display:flex;background:#f2f1eb;border:1px solid #e4e2d8;padding:3px;border-radius:9px;flex-wrap:wrap}.segmented button{min-height:37px;padding:6px 10px;font-size:.72rem;border:0;background:transparent;border-radius:6px}.segmented button[aria-pressed=true]{background:#fff;box-shadow:0 1px 3px #0002;font-weight:700}
#activity-chart svg{width:100%;height:auto;min-height:130px;display:block}.chart-grid path{stroke:#e7e6de;stroke-width:1;fill:none}.chart-grid text,.chart-dates text{font-size:10px;fill:#716b60}.chart-bars rect{fill:#d0ae00}.chart-bars rect:hover{fill:#675400}
.chart-data{font-size:.76rem;margin-top:10px;color:var(--ink-muted)}.chart-data summary{cursor:pointer;padding:10px 0}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.8rem;text-align:left}th,td{padding:10px;border-bottom:1px solid #ecebe4;white-space:nowrap}td{text-align:right}th{font-weight:600}
.ranked{list-style:none;margin:0;padding:0;display:grid;gap:18px}.ranked li>div{display:flex;justify-content:space-between;gap:14px;font-size:.78rem;margin-bottom:7px}.ranked li>div span{overflow-wrap:anywhere}.ranked strong{font-variant-numeric:tabular-nums;white-space:nowrap}.rank-track{display:block;height:5px;background:#f1f0e9;border-radius:3px;overflow:hidden}.rank-track i{height:100%;background:#c3a000;display:block;border-radius:3px}
.pipeline{display:grid;gap:13px}.pipeline>div{display:flex;align-items:center;gap:10px;font-size:.82rem}.pipeline strong{margin-left:auto;font-size:.88rem}.status-dot{height:8px;width:8px;border-radius:50%;background:#c6c2b7}.dot-new,.dot-queued{background:#c5a200}.dot-contacted,.dot-quoted,.dot-sending{background:#728985}.dot-hired,.dot-won,.dot-sent{background:#397450}.dot-failed,.dot-unknown{background:#ae693a}
.delivery-summary{padding:13px;background:#edf4ec;border-radius:9px;margin-bottom:18px;display:grid;gap:4px;font-size:.82rem;color:#2d653f}.delivery-summary span{font-size:.73rem}.delivery-summary.needs-attention{background:#fff2df;color:#845220}
.fine-print,.analytics-footnote{font-size:.73rem;line-height:1.65;color:var(--ink-muted);margin:20px 0 0}.analytics-footnote{max-width:90ch;padding:0 2px}.analytics-empty{font-size:.84rem;color:var(--ink-muted);padding:25px 0}
.rate-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.rate-pair strong{display:block;font-size:1.8rem;margin-bottom:8px}.rate-pair span{font-size:.78rem;color:var(--ink-muted)}.health-list p{display:flex;justify-content:space-between;gap:16px;font-size:.82rem}
#gate{max-width:none;min-height:calc(100dvh - 78px);background:linear-gradient(110deg,#eeede7,#fafaf7);padding:44px 20px;gap:0}
.signin-card{background:#fff;border:1px solid #dedcd2;border-top:4px solid var(--brand);border-radius:20px;box-shadow:0 18px 50px #2925240d;max-width:430px;padding:32px;text-align:left}
.signin-logo{width:100px;margin:0 0 22px}.signin-card h1{font-size:1.65rem;letter-spacing:-.055em}.signin-card .signin-sub{margin-bottom:25px}.signin-away a{color:var(--ink-muted);border-color:#ccc7bc;background:transparent}
.signin-card .pass-row input{background:#fff;border-color:#ccc9be}.signin-card input{background:#fff!important;border-color:#ccc9be!important}.signin-card button.primary{border-color:#d7b50b;color:#292524}
.scrim{backdrop-filter:blur(5px)}.pw-card{border-radius:18px;border:1px solid var(--hairline);box-shadow:0 20px 70px #0003}.pw-card h2{font-size:1.25rem}.pw-hint{font-size:.82rem;color:var(--ink-muted)}
@media(max-width:1150px){#office{grid-template-columns:175px minmax(0,1fr);gap:22px;padding:24px 22px}.metric-grid{gap:10px}.metric{padding:18px 14px}.metric>strong{font-size:2.1rem}.metric small span{display:block}.attention-card{padding:14px;gap:10px}.insight-card{padding:20px}}
@media(max-width:800px){.bar{padding:12px 16px;flex-wrap:wrap;gap:10px}.bar .whoami{font-size:.75rem}.bar-title{font-size:.85rem}.bar button{min-height:40px;padding:7px 10px}#office{display:block;padding:20px 16px 50px}.workspace-head{padding:10px 0 22px}.workspace-head h1{font-size:1.75rem}.workspace-head p:last-child{font-size:.82rem}.website-link{font-size:.75rem;padding:9px}#office>.tabs{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 24px}.tabs button{justify-content:center;text-align:center;padding:10px 6px;font-size:.79rem;min-height:45px;gap:7px;border-radius:9px;background:#eae8df}.tabs button:before{display:none}.tabs button[aria-selected=true]{background:var(--asphalt);box-shadow:inset 0 -3px var(--brand)}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.metric{padding:19px}.metric>strong{font-size:2.3rem}.metric small span{display:inline}.attention-grid{gap:11px}.attention-icon{display:none}.activity-head{flex-wrap:wrap}.insight-grid{gap:12px}.insight-card{padding:19px}.bar-logo{width:43px;height:36px}.bar .whoami{flex:1 1 100%;order:5;margin:0 0 0 54px}.bar #changepw{margin-left:auto}}
@media(max-width:520px){.insight-grid,.attention-grid{grid-template-columns:1fr}.attention-card{padding:15px}.attention-icon{display:grid}.workspace-head{align-items:flex-start}.workspace-head h1{font-size:1.6rem}.workspace-head .eyebrow{font-size:.59rem}.website-link{font-size:0;padding:10px}.website-link span{font-size:1.2rem}.tools{padding:12px}.tools input[type=search]{flex-basis:100%}.tools select{flex:1}.tools #tele-days{flex:0;width:auto}.tools #tele-stats{flex-basis:100%;font-size:.72rem}.row{padding:17px}.row header{gap:8px}.row h3{font-size:1rem}.acts button{flex:1 1 auto;padding:7px 10px}.job-row{display:block;padding:17px}.job-row-actions{margin-top:13px}.job-row-actions button{width:100%}.metric p{font-size:.72rem;min-height:18px}.metric small{font-size:.66rem}.metric-grid{gap:10px}.metric{padding:18px 15px}.metric>strong{font-size:2.15rem}.signin-card{padding:27px 24px}#gate{padding:25px 16px}.bar-title{font-size:.8rem}.bar button{font-size:.77rem}#job-editor{padding:17px}.rate-pair{gap:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.bar { display:flex; flex-wrap:wrap; gap:12px 20px; padding-top:calc(12px + env(safe-area-inset-top, 0px)); }
.bar-brand { display:flex; align-items:center; gap:12px; min-width:0; flex:1 1 auto; }
.bar-logo { flex:none; }
.bar-identity { display:grid; gap:2px; min-width:0; }
.bar .bar-title { font-size:.95rem; overflow-wrap:anywhere; }
.bar .whoami { display:block; margin:0; order:0; font-size:.76rem; overflow-wrap:anywhere; }
.bar .whoami:empty { display:none; }
.bar-actions { display:flex; gap:8px; flex:none; margin-left:auto; }
.bar-actions:not(:has(button:not([hidden]))) { display:none; }
.bar #changepw, .bar #signout { margin:0; min-height:44px; padding:9px 14px; font-size:.83rem; white-space:nowrap; }
.row { min-width:0; overflow-wrap:anywhere; }
.row h3 { min-width:0; }
.record-contact { display:flex; flex-wrap:wrap; gap:4px 20px; margin:8px 0; }
.record-contact a { display:inline-flex; align-items:baseline; gap:8px; min-height:44px; min-width:0; max-width:100%; padding:9px 0; color:var(--brand-ink); font-size:.85rem; font-weight:600; overflow-wrap:anywhere; }
.record-contact a span { flex:none; color:var(--ink-muted); font-size:.73rem; font-weight:500; text-decoration:none; }
.notes { overflow-wrap:anywhere; }
.record-message { margin-top:10px; background:#f5f5f1; border-radius:10px; }
.record-message .notes { margin:0; }
.message-details summary { cursor:pointer; min-height:44px; padding:10px 16px; font-size:.82rem; font-weight:700; color:var(--brand-ink); }
.message-details[open] summary { border-bottom:1px solid var(--hairline); }
.message-less, .message-details[open] .message-more { display:none; }
.message-details[open] .message-less { display:inline; }
.record-message:has(.message-details[open]) .message-preview { display:none; }
.acts button[data-set=spam] { margin-left:auto; color:#784b32; }
.acts button[data-set=spam]:disabled { color:var(--ink-muted); }
@media(max-width:600px) {
  .bar { gap:10px; padding:10px 16px; padding-top:calc(10px + env(safe-area-inset-top, 0px)); min-height:0; }
  .bar-brand { flex-basis:100%; gap:10px; }
  .bar-logo { width:38px; height:34px; }
  .bar .bar-title { font-size:.88rem; }
  .bar .whoami { font-size:.74rem; }
  .bar-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; margin:0; }
  .bar #changepw, .bar #signout { width:100%; min-width:0; }
  .row { padding:16px; }
  .record-contact { display:grid; gap:0; }
  .record-contact a { padding:8px 0; }
  .acts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
  .acts button { min-width:0; padding:8px 6px; }
  .acts button[data-set=spam] { margin:0; grid-column:3; }
  .tools input[type=search] { min-width:0; }
  .tools select { min-width:0; }
  .pager { gap:8px; }
  .pager button { min-height:44px; padding:8px 11px; }
  #office { padding-inline:12px; }
}
@media(max-width:380px) {
  .acts { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .acts button[data-set=spam] { grid-column:auto; }
}

#email-step{max-width:510px}#email-step p{font-size:.9rem;color:var(--ink-muted)}#email-recipient{overflow-wrap:anywhere;color:var(--ink)}#email-code{font-size:1.7rem;letter-spacing:.28em;font-variant-numeric:tabular-nums}#email-help{margin:8px 0 20px}#email-resend,#email-cancel{width:100%;margin-top:10px}#email-cancel{border-color:transparent;color:var(--ink-muted)}#email-step .email-hint{margin-top:20px}#email-status:empty,#email-delivery:empty{display:none}

.spam-notice{background:#fff8dc;color:#514519;border:1px solid #e7d78c;border-radius:12px;padding:14px 16px;margin:14px 0;overflow-wrap:anywhere}.spam-notice p{font-size:.85rem;line-height:1.5;margin:5px 0}.q__body>.spam-notice{grid-column:1/-1}

.waiting-age { display:inline-block; margin:2px 0 8px; padding:3px 8px; border-radius:6px; background:#fff1d9; color:#794b12; font-size:.74rem; font-weight:700; }
.analytics-state { padding:36px 24px; border:1px solid var(--hairline); border-radius:16px; background:var(--card); text-align:center; }
.analytics-state strong { display:block; font-size:1.05rem; }
.analytics-state p { color:var(--ink-muted); font-size:.87rem; }
.analytics-state button { min-height:44px; font-weight:700; }
.pipeline > button { display:flex; align-items:center; gap:10px; padding:10px 0; width:100%; min-height:44px; border:0; border-radius:6px; background:transparent; text-align:left; font-size:.82rem; }
.pipeline:has(> button) { gap:3px; }
.pipeline-arrow { color:var(--ink-muted); margin-left:3px; font-size:.82rem; }
.pipeline > button:hover { background:var(--paper); }
.dot-suppressed { background:#8a8069; }
.outcome-rate, .jobs-open { display:flex; align-items:center; flex-wrap:wrap; gap:10px 16px; margin:0 0 18px; }
.outcome-rate > strong, .jobs-open > strong { font-size:2.55rem; line-height:1.1; letter-spacing:-.05em; }
.outcome-rate > span, .jobs-open > span { max-width:16ch; font-size:.82rem; color:var(--ink-muted); line-height:1.5; }
.outcome-track { height:10px; border-radius:5px; background:#d8d4ca; overflow:hidden; }
.outcome-track > span { display:block; height:100%; background:#397450; }
.outcome-counts { display:flex; flex-wrap:wrap; gap:10px 16px; margin-top:14px; font-size:.78rem; color:var(--ink-muted); }
.outcome-counts > span { display:inline-flex; align-items:center; gap:6px; }
.spam-summary { display:grid; gap:5px; }
.spam-summary > div,.spam-summary > button { display:flex; align-items:center; gap:12px; min-height:44px; padding:9px 0; font-size:.82rem; }
.spam-summary > button { width:100%; border:0; border-radius:6px; background:transparent; text-align:left; }
.spam-summary > button:hover { background:var(--paper); }
.spam-summary strong { margin-left:auto; font-size:1rem; font-variant-numeric:tabular-nums; }
.spam-summary > button > span:last-child { color:var(--ink-muted); }
.table-scroll:focus-visible { outline:2px solid var(--brand-ink); outline-offset:3px; }
.insight-card .fine-print { margin-top:18px; }
@media(max-width:600px) {
  .tools button[id$="-clear"] { flex-basis:100%; }
  .insight-card { padding:18px; }
  .outcome-rate > strong { font-size:2.25rem; }
  .spam-summary > div,.spam-summary > button { gap:8px; }
}

.quote-tracking { margin-top:18px; border:1px solid var(--hairline); border-radius:10px; background:#fff; }
.quote-tracking > summary { display:flex; flex-wrap:wrap; gap:8px; justify-content:space-between; padding:14px; cursor:pointer; font-weight:700; list-style:disclosure-closed; }
.quote-tracking > summary::before { content:'＋'; }
.quote-tracking[open] > summary::before { content:'−'; }
.quote-tracking > summary span { margin-left:auto; font-size:.8rem; color:var(--ink-muted); font-weight:500; }
.tracking-content { padding:0 14px 14px; }
.contact-tracking { margin:14px 0; }
.quote-tracking label { display:block; font-size:.8rem; font-weight:650; min-width:0; }
.quote-tracking input,.quote-tracking select { display:block; box-sizing:border-box; min-width:0; width:100%; min-height:44px; margin:6px 0 10px; border:1px solid #aaa69a; border-radius:8px; padding:9px; font:inherit; font-size:1rem; background:#fff; color:var(--ink); }
.quote-tracking button,.contact-tracking button { min-height:44px; border:1px solid #aaa69a; border-radius:8px; padding:9px 12px; background:var(--band); color:var(--ink); font:inherit; font-size:.85rem; cursor:pointer; }
.quote-tracking button:disabled,.contact-tracking button:disabled { opacity:.6; cursor:wait; }
.quote-tracking form { margin:18px 0; padding-top:16px; border-top:1px solid var(--hairline); }
.quote-tracking h4 { font-size:.9rem; margin:0 0 12px; }
.payment-fields { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.collected-total { display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px; padding:14px 0; border-top:1px solid var(--hairline); font-size:.85rem; }
.payment-history summary { cursor:pointer; padding:10px 0; font-size:.85rem; font-weight:650; }
.payment-entry { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; border-top:1px solid var(--hairline); padding:12px 0; font-size:.8rem; }
.payment-entry p { color:var(--ink-muted); margin:4px 0; }
.payment-entry button { flex:none; }
.tracking-status { font-size:.85rem; line-height:1.6; margin-bottom:0; }
.tracking-status:empty { display:none; }
.insight-values { margin:0; }
.insight-values > div { display:flex; flex-wrap:wrap; gap:8px; justify-content:space-between; padding:12px 0; border-bottom:1px solid var(--hairline); }
.insight-values dt { font-size:.85rem; color:var(--ink-muted); }
.insight-values dd { margin:0; font-weight:700; overflow-wrap:anywhere; }
.response-measure { margin:0 0 16px; }
.response-measure strong { display:block; font-size:1.65rem; }
@media(max-width:620px) { .payment-fields { grid-template-columns:1fr; gap:0; } .quote-tracking form > button,.contact-tracking button { width:100%; } .payment-entry { flex-wrap:wrap; } }

.contact-queues button { display:flex; align-items:center; gap:14px; width:100%; min-height:64px; padding:14px 0; border:0; border-bottom:1px solid var(--hairline); background:none; color:var(--ink); font:inherit; text-align:left; cursor:pointer; }
.contact-queues button > span:first-child { flex:1; min-width:0; }
.contact-queues strong { display:block; font-size:.9rem; }
.contact-queues small { display:block; color:var(--ink-muted); font-size:.75rem; line-height:1.6; margin-top:5px; }
.contact-queues b { font-size:1.35rem; }
.filter-note { padding:12px 15px; margin:0 0 15px; border-left:3px solid var(--brand); background:var(--band); border-radius:8px; font-size:.82rem; line-height:1.65; }
@media(max-width:520px) { #tele-export,#tele-summary-export { flex:1 1 140px; min-height:44px; } }

.follow-up-badge { display:inline-block; padding:5px 10px; margin:4px 0 10px; border-radius:8px; background:var(--band); color:var(--ink-muted); font-size:.78rem; font-weight:650; }
.follow-up-badge.is-due { color:#744100; background:#fff0d1; }
.follow-up-queues > div { border-bottom:1px solid var(--hairline); padding-bottom:10px; }
.follow-up-due { display:flex; align-items:center; gap:12px; width:100%; min-height:64px; padding:14px 0 8px; border:0; background:none; color:var(--ink); font:inherit; text-align:left; cursor:pointer; }
.follow-up-due > span:first-child { flex:1; min-width:0; }
.follow-up-due strong { display:block; font-size:.9rem; }
.follow-up-due small { display:block; font-size:.75rem; color:var(--ink-muted); line-height:1.6; margin-top:4px; }
.follow-up-due b { white-space:nowrap; font-size:1.05rem; }
.scheduled-link { border:0; padding:8px 0; min-height:44px; font:inherit; font-size:.8rem; text-decoration:underline; background:none; color:var(--brand-ink); cursor:pointer; }
.draft-state { margin-top:12px; border-left:3px solid var(--brand); padding:8px 10px; background:var(--band); font-size:.8rem; }
.draft-state p { margin:0 0 7px; line-height:1.65; }
.draft-state button { margin:3px 0; }

.quote-tracking > summary { justify-content:flex-start; list-style:none; }
.quote-tracking > summary::-webkit-details-marker { display:none; }
.workspace-head h1 { margin-bottom:0; }

.attention-three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.attention-card.is-late { border-color:#d9a441; background:#fbf1dc; }
.tele-section { margin:0 0 30px; }
.tele-section-head { margin:0 0 14px; }
.tele-section-head h3 { font-size:1.15rem; letter-spacing:-.03em; margin:0; }
.tele-section-head p { margin:6px 0 0; font-size:.88rem; color:var(--ink-muted); max-width:70ch; }
.tele-summary { display:block; font-size:1rem; line-height:1.55; color:var(--ink); }
.tele-summary strong { font-weight:750; }
.metric .metric-note { display:block; margin-top:4px; color:var(--ink-muted); }
.ranked-raw { display:block; font-size:.7rem; color:var(--ink-muted); font-weight:400; margin-top:2px; word-break:break-all; }
.device-bar { display:flex; height:14px; border-radius:7px; overflow:hidden; gap:2px; background:#eeede5; }
.device-bar span { display:block; min-width:3px; }
.dev-phone { background:#b98f00; } .dev-desktop { background:#3d3a33; } .dev-tablet { background:#8c877a; } .dev-unknown { background:#cfcbbf; }
.device-legend { list-style:none; margin:16px 0 0; padding:0; display:grid; gap:9px; font-size:.86rem; }
.device-legend li { display:flex; align-items:center; gap:8px; }
.device-legend i { width:11px; height:11px; border-radius:3px; display:inline-block; }
.device-legend span { color:var(--ink-muted); font-size:.76rem; margin-left:auto; font-variant-numeric:tabular-nums; }
.tele-behind { margin:6px 0 24px; border:1px solid var(--hairline); border-radius:14px; background:#fbfaf6; }
.tele-behind > summary { cursor:pointer; padding:16px 18px; display:flex; flex-wrap:wrap; gap:4px 12px; align-items:baseline; }
.tele-behind > summary span { font-weight:750; }
.tele-behind > summary small { color:var(--ink-muted); font-size:.8rem; }
.tele-behind > .insight-grid { padding:0 14px 14px; }

.job-group { display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 10px; font-size:.95rem; margin:22px 0 10px; }
.job-group:first-child { margin-top:0; }
.job-group span { font-size:.75rem; background:#eae8df; border-radius:999px; padding:2px 9px; }
.job-group small { flex-basis:100%; font-weight:400; font-size:.78rem; color:var(--ink-muted); }
.job-row-sub { display:flex; flex-wrap:wrap; gap:4px 14px; margin:8px 0 0; font-size:.78rem; color:var(--ink-muted); }
.site-chip { display:inline-flex; align-items:center; font-size:.72rem; font-weight:700; border-radius:999px; padding:3px 10px; line-height:1.4; }
.site-chip.is-live { background:#e3f0e6; color:#1f5a33; text-decoration:none; }
.site-chip.is-live:hover { text-decoration:underline; }
.site-chip.is-waiting { background:#fbf1dc; color:#6b4a00; }
.pill-team { background:#e6eef7; color:#1e3f66; }
.editor-resume { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; padding:14px 16px; margin:0 0 16px; border:1px solid #d9a441; background:#fbf1dc; border-radius:12px; }
.editor-resume p { margin:0; font-size:.88rem; }
.editor-resume div { display:flex; gap:8px; flex-wrap:wrap; }
.editor-resume button { min-height:42px; padding:8px 14px; border-radius:8px; border:1px solid #aaa69a; background:#fff; font:inherit; font-weight:700; cursor:pointer; }
.editor-resume button.primary { background:var(--brand); border-color:var(--brand); }
.editor-dirty { display:inline-block; margin:0 0 8px; font-size:.78rem; font-weight:700; color:#6b4a00; background:#fbf1dc; border-radius:999px; padding:3px 10px; }

@media(max-width:800px){ .attention-three { grid-template-columns:1fr; } }
@media(max-width:520px){
  .tools #tele-days { flex:1 1 140px; min-width:140px; }
  .workspace-head { padding-bottom:16px; }
  .workspace-head h1 { font-size:1.45rem; }
  .tele-summary { font-size:.95rem; }
}

.notify .f-err { margin: -2px 0 10px; font-size: .82rem; font-weight: 700; color: #a3211c; }
.notify input[aria-invalid="true"] { border-color: #a3211c; box-shadow: 0 0 0 2px rgba(163, 33, 28, .15); }
#j-notify-meta:empty { display: none; }

.vh { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.pic-empty { margin: 0 0 10px; color: var(--ink-muted); font-size: .92rem; }
.pic-stage { margin: 0 0 12px; display: grid; gap: 12px; }
.pic-focus { position: relative; display: block; width: 100%; max-width: 520px; padding: 0; border: 1px solid var(--hairline); border-radius: var(--r-sm); overflow: hidden; background: var(--band); cursor: crosshair; min-height: 0; }
.pic-focus img { display: block; width: 100%; height: auto; }
.pic-dot { position: absolute; width: 26px; height: 26px; margin: -13px 0 0 -13px; border-radius: 50%; border: 3px solid #fff; box-shadow: 0 0 0 2px var(--ink), 0 2px 8px rgba(22, 21, 15, .45); background: rgba(242, 203, 19, .55); pointer-events: none; }
.pic-crops { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; max-width: 520px; }
.pic-crops figure { margin: 0; }
.pic-crops .crop { overflow: hidden; border-radius: 8px; background: var(--band); border: 1px solid var(--hairline); }
.pic-crops .crop img { display: block; width: 100%; height: 100%; object-fit: cover; }
.pic-crops .c-page { aspect-ratio: 4 / 3; }
.pic-crops .c-card { aspect-ratio: 8 / 5; }
.pic-crops .c-phone { aspect-ratio: 16 / 9; }
.pic-crops figcaption { font-size: .78rem; color: var(--ink-muted); margin-top: 4px; }
.pic-actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 4px; }
.pic-actions .file-btn, .pic-actions button { margin: 0; min-height: 44px; }
.pic-upload { display: inline-flex; align-items: center; }
.pic-upload:focus-within, .vh:focus-visible + .pic-upload { outline: 3px solid #907400; outline-offset: 3px; }
.pic-remove { color: #a3211c; border-color: #e3b8b4; }
.pic-lib { border: 1px solid var(--hairline); border-radius: var(--r-sm); padding: 12px; margin: 6px 0 12px; background: var(--card); }
.pic-lib-head { margin: 0 0 10px; font-size: .9rem; }
.pic-lib-head span { color: var(--ink-muted); }
.pic-lib-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 8px; max-height: 360px; overflow-y: auto; }
.pic-lib-grid button { padding: 0; border-radius: 8px; overflow: hidden; aspect-ratio: 3 / 2; min-height: 0; background: var(--band); }
.pic-lib-grid button img { display: block; width: 100%; height: 100%; object-fit: cover; }
.pic-lib-grid button[aria-pressed="true"] { outline: 3px solid var(--brand); outline-offset: 1px; border-color: var(--ink); }
.pic-url { margin: 10px 0 4px; }
.pic-url summary { cursor: pointer; font-size: .9rem; color: var(--brand-ink); font-weight: 700; }
.vid { margin-top: 14px; padding-top: 12px; border-top: 1px dashed var(--hairline); }
.vid-note { margin-top: 10px; padding: 12px 14px; border-radius: var(--r-sm); background: #fff7d6; border: 1px solid #e7d680; font-size: .92rem; }
.vid-note p { margin: 0 0 8px; }
.vid-ask { display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; border-radius: var(--r-sm); background: var(--brand); color: var(--ink); font-weight: 800; text-decoration: none; border: 1px solid #cfce00; border-bottom-width: 3px; }
@media (max-width: 520px) { .pic-crops { grid-template-columns: 1fr 1fr; } }

.pill-wait { background: #fff4c2; color: #5a4a00; border: 1px solid #e7d680; }
.user-email { margin: 4px 0 0; font-size: .9rem; overflow-wrap: anywhere; }
.pw-rules { margin: 4px 0 12px; padding-left: 20px; font-size: .88rem; color: var(--ink-muted); }
.pw-history { margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--hairline); }
.pw-history h3 { font-size: 1rem; margin: 0 0 4px; }
.pw-card { max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); overflow-y: auto; }
.sign-ins { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 6px; max-height: 260px; overflow-y: auto; }
.sign-ins li { display: grid; grid-template-columns: 1fr auto; gap: 2px 10px; padding: 8px 10px; border: 1px solid var(--hairline); border-left-width: 4px; border-radius: 8px; background: var(--card); font-size: .88rem; }
.sign-ins li.is-ok { border-left-color: #3f7d3a; }
.sign-ins li.is-bad { border-left-color: #a3211c; }
.sign-ins li.muted { border-left-color: var(--hairline); }
.sign-ins .si-when { color: var(--ink-muted); font-variant-numeric: tabular-nums; text-align: right; }
.sign-ins .si-where { grid-column: 1 / -1; color: var(--ink-muted); font-size: .82rem; }
.user-activity { margin-top: 18px; }
.user-activity summary { cursor: pointer; font-weight: 700; color: var(--brand-ink); }
#setpw-step p { margin: 0 0 12px; }