:root{
  --navy:#0b1f45;
  --navy-deep:#071431;
  --blue:#1d5fd6;
  --blue-light:#e9f0ff;
  --ink:#182238;
  --muted:#5b6b85;
  --line:#e2e7f0;
  --bg:#f5f7fb;
  --card:#ffffff;
  --good:#1a7a4c;
  --good-bg:#e8f6ee;
  --bad:#b0341f;
  --bad-bg:#fbeae6;
  --amber:#c97400;
  --amber-bg:#fdf1de;
}
*{box-sizing:border-box;}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:'Source Sans 3', system-ui, sans-serif;
  line-height:1.5;
}
h1,h2,h3{
  font-family:'Barlow Condensed', system-ui, sans-serif;
  font-weight:800;letter-spacing:.01em;margin:0;color:var(--ink);
}
a{color:var(--blue);}
.wrap{max-width:820px;margin:0 auto;padding:28px 20px 80px;}
header.top{background:var(--navy);color:#fff;padding:18px 20px;}
header.top .wrap{
  max-width:820px;padding:0;display:flex;align-items:center;justify-content:space-between;
  gap:16px;flex-wrap:wrap;
}
header.top h1{color:#fff;font-size:1.35rem;}
header.top nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap;}
header.top nav a{color:#dbe4f6;text-decoration:none;font-weight:600;font-size:.92rem;}
header.top nav a.active{color:#fff;border-bottom:2px solid var(--blue);padding-bottom:2px;}
header.top nav a.logout{color:#b9c8e6;}
.tabs{display:flex;gap:8px;margin:22px 0 18px;border-bottom:1px solid var(--line);flex-wrap:wrap;}
.tab{
  padding:10px 4px;font-weight:700;font-size:.95rem;color:var(--muted);
  text-decoration:none;border-bottom:2px solid transparent;margin-right:18px;
}
.tab.active{color:var(--blue);border-bottom-color:var(--blue);}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px;}
label{display:block;font-weight:600;font-size:.88rem;margin:16px 0 6px;color:var(--ink);}
label.first{margin-top:0;}
.hint{color:var(--muted);font-size:.8rem;margin-top:4px;}
input[type=text], input[type=tel], input[type=password], textarea{
  width:100%;padding:11px 12px;border-radius:8px;border:1px solid var(--line);
  background:var(--bg);color:var(--ink);font:inherit;font-size:.96rem;
}
textarea{resize:vertical;min-height:70px;}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
@media (max-width:560px){.row2{grid-template-columns:1fr;}}
.photo-group{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:8px;}
@media (max-width:560px){.photo-group{grid-template-columns:1fr;}}
.photo-box{border:1.5px dashed var(--line);border-radius:12px;padding:14px;text-align:center;background:var(--bg);}
.photo-box strong{display:block;font-size:.86rem;margin-bottom:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;}
.consent{display:flex;gap:10px;align-items:flex-start;margin-top:20px;padding:14px;background:var(--blue-light);border-radius:10px;}
.consent input{margin-top:3px;}
.consent span{font-size:.88rem;color:var(--ink);}
.submit-row{margin-top:22px;display:flex;align-items:center;gap:14px;}
button.primary, a.primary{
  background:var(--blue);color:#fff;border:none;padding:13px 26px;border-radius:8px;
  font-weight:700;font-size:.98rem;cursor:pointer;text-decoration:none;display:inline-block;
}
button.small{
  background:var(--blue-light);color:var(--blue);border:none;padding:7px 14px;border-radius:7px;
  font-weight:700;font-size:.82rem;cursor:pointer;
}
button.primary:hover, a.primary:hover{filter:brightness(1.08);}
.status{font-size:.88rem;color:var(--muted);}
.status.err{color:var(--bad);}
.toast{background:var(--good-bg);color:var(--good);border-radius:10px;padding:14px 16px;font-weight:600;font-size:.92rem;margin-bottom:18px;}
.job-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:14px;}
.job-card .head{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:baseline;}
.job-card h3{font-size:1.15rem;}
.job-card time{color:var(--muted);font-size:.82rem;}
.job-card .meta{color:var(--muted);font-size:.9rem;margin-top:4px;}
.job-card .pill{
  display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  padding:3px 9px;border-radius:999px;margin-top:8px;
}
.pill.yes{background:var(--good-bg);color:var(--good);}
.pill.no{background:var(--amber-bg);color:var(--amber);}
.pill.ready{background:var(--amber-bg);color:var(--amber);}
.pill.sent{background:var(--good-bg);color:var(--good);}
.job-card .imgs{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap;}
.job-card .imgs figure{margin:0;text-align:center;}
.job-card .imgs img{width:96px;height:96px;object-fit:cover;border-radius:8px;border:1px solid var(--line);display:block;}
.job-card .imgs figcaption{font-size:.68rem;color:var(--muted);margin-top:3px;text-transform:uppercase;letter-spacing:.04em;}
.empty{color:var(--muted);text-align:center;padding:40px 20px;font-size:.94rem;}
.queue-item{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:12px;}
.queue-item .type{font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--blue);}
.queue-item textarea{margin-top:8px;min-height:80px;}
.queue-item .actions{display:flex;gap:10px;margin-top:10px;align-items:center;}
.lead-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:14px;}
.lead-card .head{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:baseline;}
.lead-card details{margin-top:10px;}
.lead-card summary{cursor:pointer;color:var(--blue);font-size:.85rem;font-weight:600;}
.lead-card pre{white-space:pre-wrap;font-family:inherit;font-size:.86rem;color:var(--muted);margin-top:8px;}
[hidden]{display:none!important;}