#admin{
  --navy:#0B2545; --navy2:#13315C; --orange:#F28C28; --orange-ink:#C2620A;
  --bg:#FFFFFF; --tint:#F4F6FA; --surface:#FFFFFF; --ink:#1B2430; --muted:#5B6675; --line:#E3E8EF; --chip:#EEF2F8;
  --mast:#0B2545; --mast-ink:#FFFFFF; --mast-muted:#C9D3E3; --ok:#1FAF54; --warn-bg:#FFF4E6; --warn-ink:#8A4A06;
  --display:"Barlow Condensed","Arial Narrow",Arial,sans-serif;
  --body:"Barlow",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;}
#admin .seg{display:inline-flex;flex-wrap:wrap;background:var(--chip);border-radius:10px;padding:4px;gap:4px}
#admin .seg button{border:0;background:none;padding:8px 14px;border-radius:7px;cursor:pointer;font-weight:600;font-size:14px;color:var(--muted)}
#admin .seg button[aria-pressed="true"]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #0B254522}
#admin label.f{display:grid;gap:6px;font-size:13px;font-weight:600;color:var(--muted)}
#admin select,#admin input[type=number],#admin input[type=text]{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:10px 12px;font-size:16px;min-width:0}
#admin select:focus,#admin input:focus{border-color:var(--orange);outline:none;box-shadow:0 0 0 3px #F28C2833}


#admin .adm-link{color:var(--mast-muted);font-size:13px;font-weight:700;text-decoration:none;border:1px solid #ffffff40;border-radius:999px;padding:6px 12px;white-space:nowrap}
#admin .adm-link:hover{color:#fff;border-color:#fff}
#admin .admin{padding-block:26px 120px;display:grid;gap:18px}
#admin .a-head{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
#admin .a-head h1{margin:0;font:800 34px/1 var(--display);color:var(--navy);margin-right:auto}
#admin .a-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px;display:grid;gap:14px;min-width:0}
#admin .a-card h2{margin:0;font:700 22px/1.1 var(--display);color:var(--navy);display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#admin .a-card h2 .fl{font-size:24px}
#admin .a-muted{color:var(--muted);font-size:14px;margin:0}
#admin .a-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
#admin .a-toolbar select{width:auto}
#admin .a-btn{cursor:pointer;border:1px solid var(--line);background:var(--surface);border-radius:9px;padding:9px 14px;font-weight:700;font-size:14px;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:6px}
#admin .a-btn:hover{border-color:var(--orange)}
#admin .a-btn.pri{background:var(--orange);border-color:var(--orange);color:#fff}
#admin .a-btn.navy{background:var(--navy2);border-color:var(--navy2);color:#fff}
#admin .a-btn.danger{color:#B42318}
#admin .a-btn[disabled]{opacity:.5;cursor:not-allowed}
#admin .a-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media (max-width:640px){#admin .a-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
#admin .a-stat{background:var(--tint);border-radius:12px;padding:14px 16px;display:grid;gap:2px}
#admin .a-stat b{font:800 32px/1 var(--display);color:var(--navy);font-variant-numeric:tabular-nums}
#admin .a-stat span{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
#admin .a-msg{border-radius:10px;padding:12px 14px;font-size:14px;background:var(--warn-bg);color:var(--warn-ink);display:flex;flex-wrap:wrap;gap:10px;align-items:center}
#admin .a-msg.ok{background:#E8F7EE;color:#14663A}
#admin .rq{border:1px solid var(--line);border-radius:12px;overflow:hidden}
#admin .rq-row{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;cursor:pointer;background:var(--surface);width:100%;border:0;text-align:left;font:inherit;color:inherit}
#admin .rq-row:hover{background:var(--tint)}
#admin .rq-date{font:500 12px/1.3 var(--mono);color:var(--muted)}
#admin .rq-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#admin .pill{font-size:12px;font-weight:700;border-radius:999px;padding:4px 10px;white-space:nowrap}
#admin .pill.new{background:#FFF1E2;color:#9A4A00}
#admin .pill.contacted{background:#E6EEF9;color:#13315C}
#admin .pill.quoted{background:#EEE8FA;color:#4B2E83}
#admin .pill.won{background:#E3F6EA;color:#14663A}
#admin .pill.lost{background:#F1F2F4;color:#5B6675}
#admin .rq-detail{border-top:1px dashed var(--line);padding:14px;display:grid;gap:12px;background:var(--tint)}
#admin .rq-body{white-space:pre-wrap;font-size:14px;line-height:1.55;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px;max-height:340px;overflow:auto;overflow-wrap:anywhere}
#admin .rq-edit{display:grid;grid-template-columns:200px minmax(0,1fr);gap:10px;align-items:start}
@media (max-width:600px){#admin .rq-edit{grid-template-columns:1fr}#admin .rq-row{grid-template-columns:1fr auto}#admin .rq-date{grid-column:1/-1}}
#admin textarea{width:100%;min-height:70px;background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:10px 12px;font:inherit;font-size:15px;resize:vertical}
#admin .ptable-wrap{overflow-x:auto}
#admin .ptable{border-collapse:collapse;width:100%;min-width:640px;font-size:14px}
#admin .ptable th{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:left;padding:6px 6px;border-bottom:1px solid var(--line)}
#admin .ptable td{padding:6px;border-bottom:1px solid var(--line);vertical-align:middle}
#admin .ptable input{padding:8px 9px;font-size:14px}
#admin .ptable input.n{font-family:var(--mono);text-align:right}
#admin .ptable .x{border:0;background:none;cursor:pointer;font-size:18px;color:var(--muted);padding:4px 8px;border-radius:6px}
#admin .ptable .x:hover{background:var(--chip);color:#B42318}
#admin .a-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
#admin .a-grid input[type=number]{font-family:var(--mono)}
#admin .chk{display:flex;gap:10px;align-items:center;font-weight:600;font-size:14px}
#admin .chk input{width:20px;height:20px;accent-color:var(--orange)}
#admin .unit{font:500 11px var(--mono);color:var(--muted)}
#admin .a-save{position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--mast);color:#fff;display:flex;flex-wrap:wrap;gap:10px;align-items:center;
  padding:12px max(16px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
#admin .a-save .txt{margin-right:auto;font-weight:600}
#admin .a-save .a-btn{border-color:#ffffff55;background:transparent;color:#fff}
#admin .a-save .a-btn.pri{background:var(--orange);border-color:var(--orange)}

#admin .a-login{max-width:420px}

#admin{--tint:#F4F6FA;font:15px/1.5 var(--body);color:var(--ink);max-width:1180px;padding:20px 20px 40px 0}
#admin *{box-sizing:border-box}
#admin [hidden]{display:none!important}
#admin .a-save{position:sticky;bottom:0;left:auto;right:auto;border-radius:12px;margin-top:18px;padding:12px 16px}
#admin .a-head h1{padding:0}
#admin input[type=text],#admin input[type=number],#admin input[type=password],#admin select{width:100%;max-width:none;min-height:38px;border:1px solid var(--line);border-radius:9px;padding:8px 10px;box-shadow:none}
#admin .ptable input{min-height:34px}
#admin .a-track{display:grid;gap:12px;border-top:1px dashed var(--line);padding-top:14px}
#admin .a-track h3{margin:0;font:700 19px/1.2 var(--display);color:var(--navy);display:flex;gap:10px;align-items:center;flex-wrap:wrap}
#admin .a-track h3 a{font:500 13px var(--body);text-decoration:none}
#admin .a-bulk{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:var(--tint);border:1px solid var(--line);border-radius:12px;padding:10px 12px;position:sticky;top:32px;z-index:5}
#admin .a-bulk select,#admin .a-bulk input[type=text],#admin .a-bulk input[type=date]{width:auto;min-width:0;flex:1 1 150px}
#admin .a-bulk .chk{flex:0 0 auto;min-width:150px}
#admin .rq-line{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:start}
#admin .rq-line .kz-pick{width:18px;height:18px;margin-top:16px;accent-color:var(--orange)}
#admin .rq-pills{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
@media (max-width:600px){#admin .rq-pills{justify-content:flex-start}}
.kz-front{background:#fff}
.kz-front #admin{max-width:1180px;margin:0 auto;padding:40px 20px 64px}
.kz-front #admin a.a-btn,.kz-front #admin a.a-btn:hover{text-decoration:none}
.kz-front #admin button{font-family:var(--body);text-transform:none;letter-spacing:normal;line-height:1.2}
.kz-front #admin h1,.kz-front #admin h2{margin:0;letter-spacing:.01em}
.kz-front #admin h1{font:800 clamp(30px,4vw,40px)/1 var(--display);color:var(--navy)}
.kz-front #admin details summary{list-style:none}
.kz-front #admin .a-head{gap:10px}
.kz-front #admin .a-head h1{margin-right:auto}
.kz-front #admin form.a-card{display:grid;gap:14px}
.kz-front #admin details summary::-webkit-details-marker{display:none}
