/* Camada visual "nativa Pipedrive" — cores amostradas das telas do Pipedrive (23/09/2026) */
:root{ color-scheme:light;
  --pd-text:#21232c; --pd-muted:#6a6d78; --pd-border:#e0e0e1; --pd-border-strong:#c6c8cc; --pd-bg:#ffffff; --pd-subtle:#f5f5f6;
  --pd-green:#2d8647; --pd-green-h:#256f3b; --pd-red:#d83c38; --pd-blue:#2b74da; --pd-link:#0d68c5; --pd-sel:#e1f1ff; --pd-tag:#e4e5e5;
  --pd-warn-bg:#fff4dc; --pd-warn:#8a5a00; --pd-warn-bd:#f2c867; --pd-ok-bg:#e3f4e8; --pd-ok:#1f6b37;
}
:root[data-pd="dark"]{
  color-scheme:dark;
  --pd-text:#e8e9eb; --pd-muted:#a3a6ad; --pd-border:#3a3d45; --pd-border-strong:#50545d; --pd-bg:#1f2126; --pd-subtle:#272a30;
  --pd-sel:#1c3354; --pd-tag:#33363d; --pd-link:#6aa8f0; --pd-blue:#5b95e6;
  --pd-warn-bg:#3b3016; --pd-warn:#f2d28a; --pd-warn-bd:#6e5620; --pd-ok-bg:#16361f; --pd-ok:#86d49c;
}
:root{ --bg:var(--pd-bg); --panel:var(--pd-bg); --ink:var(--pd-text); --muted:var(--pd-muted); --line:var(--pd-border); --soft:var(--pd-subtle); --blk:var(--pd-bg);
  --navy:var(--pd-green); --link:var(--pd-link); --warn-bg:var(--pd-warn-bg); --warn-ink:var(--pd-warn); --warn-line:var(--pd-warn-bd); --ok-bg:var(--pd-ok-bg); --ok-ink:var(--pd-ok); --err:var(--pd-red);
  --sans:"Inter",-apple-system,"Segoe UI",Roboto,Arial,sans-serif; --mono:var(--sans); }
body{font-family:var(--sans);font-size:14px;color:var(--pd-text);background:var(--pd-bg)}
.logo{display:none}
.mh{padding:16px 20px}
.mh h2{font-size:18px;font-weight:600;letter-spacing:-.01em}
.mh small{font-size:13px}
.pilot{background:var(--pd-tag)!important;color:var(--pd-muted)!important;font-family:var(--sans)!important;font-size:11px!important;letter-spacing:0!important;font-weight:600;text-transform:none}
.timer{font-family:var(--sans);font-variant-numeric:tabular-nums}
.btn{height:32px;padding:0 12px;border-radius:4px;border:1px solid var(--pd-border-strong);background:var(--pd-bg);color:var(--pd-text);font-weight:600;font-size:14px}
.btn:hover{background:var(--pd-subtle);border-color:var(--pd-border-strong)}
.btn.sm{height:28px;font-size:13px}
.btn.anpla,.btn.mint{background:var(--pd-green);border-color:var(--pd-green);color:#fff;font-weight:600}
.btn.anpla:hover,.btn.mint:hover{background:var(--pd-green-h);border-color:var(--pd-green-h)}
select,input[type=text],input[type=number],textarea{border:1px solid var(--pd-border-strong);border-radius:4px;background:var(--pd-bg);color:var(--pd-text);height:32px;padding:0 8px;font-size:14px}
textarea{height:auto;padding:6px 8px}
select:focus,input:focus,textarea:focus{outline:none;border-color:var(--pd-blue);box-shadow:0 0 0 2px color-mix(in srgb,var(--pd-blue) 25%,transparent)}
:focus-visible{outline:2px solid var(--pd-blue);outline-offset:1px}
label.f{font-size:13px;color:var(--pd-muted);font-weight:500}
.chip{background:var(--pd-subtle);border-color:var(--pd-border);border-radius:4px}
.linkbtn{color:var(--pd-link);text-decoration:none;font-weight:500}
.linkbtn:hover{text-decoration:underline}
.seg{gap:0;border:1px solid var(--pd-border-strong);border-radius:4px;display:inline-flex;overflow:hidden}
.seg button{border:0;border-right:1px solid var(--pd-border-strong);border-radius:0;height:32px;padding:0 12px;background:var(--pd-bg);color:var(--pd-text);font-weight:500}
.seg button:last-child{border-right:0}
.seg button.on{background:var(--pd-sel);color:var(--pd-link)}
.adder{background:var(--pd-subtle);border-color:var(--pd-border);border-radius:8px}
.blockbar .bt{border-radius:4px;border-color:var(--pd-border-strong)}
.blockbar .bt.on{border-color:var(--pd-blue);box-shadow:inset 0 0 0 1px var(--pd-blue);background:var(--pd-sel)}
.blk{border-radius:8px;background:var(--pd-bg)}
.blkh{background:var(--pd-subtle)}
.tag{background:var(--pd-tag)!important;color:var(--pd-text)!important;font-family:var(--sans);font-size:11px;letter-spacing:0;text-transform:none;font-weight:600;border-radius:12px;padding:2px 8px}
th{font-size:13px;font-weight:600;color:var(--pd-muted)}
td{border-bottom-color:var(--pd-border)}
.box{border-radius:8px}
.box h4{font-size:13px;letter-spacing:0;text-transform:none;font-weight:600;color:var(--pd-text)}
.alc strong{font-family:var(--sans);font-weight:600}
input[type=range]{accent-color:var(--pd-blue);height:auto;padding:0;border:0;box-shadow:none}
.pill{border-radius:12px;font-weight:500}
.rowv.tot{font-weight:600}
.mf{background:var(--pd-subtle)}
.toast{background:#21232c;border-radius:4px}
.x{color:var(--pd-muted)}
.steps button{border-radius:4px;font-weight:500}
.steps button.on{background:var(--pd-sel);border-color:var(--pd-blue);color:var(--pd-link)}
.scbar{border-radius:8px}
.sct{border-radius:4px;border-color:var(--pd-border-strong)}
.sct.on{border-color:var(--pd-blue);box-shadow:inset 0 0 0 1px var(--pd-blue);background:var(--pd-sel)}
.pform h4{font-weight:600}