/* Comissionamento CALP — tudo escopado em #comiss-calp para não brigar com o tema */
#comiss-calp{
  --bg:#eef0f2; --panel:#ffffff; --panel-2:#f6f7f9; --line:#d5d9df; --line-2:#e6e9ed;
  --fg:#1d2329; --muted:#5b6670; --faint:#87919b;
  --accent:#1f5fa8; --accent-soft:#e3ecf7; --band:#1c2b3a; --band-fg:#f1f4f7; --band-muted:#a9b6c3;
  --ok:#1f7a45; --ok-soft:#e1f2e7; --bad:#b4271f; --bad-soft:#fbe5e3; --wait:#9a6400; --wait-soft:#fdf1d8; --na:#6b7580; --na-soft:#eceef1;
  --f-display:"Barlow Condensed","Arial Narrow",Arial,sans-serif;
  --f-body:"Barlow",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,Consolas,monospace;
  --r:6px;
  background:var(--bg); color:var(--fg); font-family:var(--f-body); font-size:15px; line-height:1.45;
  border-radius:8px; overflow:hidden; max-width:1180px; margin:0 auto; text-align:left;
}
#comiss-calp *{box-sizing:border-box}
#comiss-calp [hidden]{display:none !important}
#comiss-calp input,#comiss-calp select,#comiss-calp textarea,#comiss-calp button{font-family:inherit;margin:0}
.cc-band{background:var(--band);color:var(--band-fg);padding:22px 18px 18px;display:grid;gap:14px}
.cc-who{display:flex;flex-wrap:wrap;gap:8px 28px;font-size:13px;color:var(--band-muted)}
.cc-who b{color:var(--band-fg);font-weight:600;display:block;font-size:15px}
.cc-lbl{text-transform:uppercase;letter-spacing:.08em;font-size:11px}
#comiss-calp .cc-h1{font-family:var(--f-display);font-weight:700;font-size:clamp(28px,4.4vw,40px);line-height:1.05;margin:0;color:var(--band-fg);letter-spacing:.01em;text-transform:none}
.cc-sub{font-family:var(--f-mono);font-size:12px;color:var(--band-muted)}
.cc-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.cc-meta label{display:grid;gap:4px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--band-muted)}
#comiss-calp .cc-meta input{font-size:14px;text-transform:none;letter-spacing:0;color:var(--band-fg);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);border-radius:var(--r);padding:7px 9px;min-width:0;width:100%;height:auto;box-shadow:none}
#comiss-calp .cc-meta input[type=date]{color-scheme:dark}
.cc-body{padding:18px 16px 40px;display:grid;gap:18px}
.cc-notice{border:1px solid var(--line);background:var(--panel);border-left:4px solid var(--wait);padding:10px 12px;border-radius:var(--r);font-size:14px;color:var(--muted)}
.cc-id{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:end}
.cc-id label{display:grid;gap:4px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);flex:1 1 220px;max-width:320px}
#comiss-calp .cc-id input{font-size:14px;text-transform:none;letter-spacing:0;padding:7px 9px;border:1px solid var(--line);border-radius:var(--r);background:var(--panel);color:var(--fg);width:100%;height:auto}
.cc-save{font-size:12px;color:var(--faint);font-family:var(--f-mono);padding-bottom:8px}
.cc-summary{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:18px;align-items:stretch}
@media (max-width:760px){.cc-summary{grid-template-columns:minmax(0,1fr)}}
.cc-total{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;display:grid;gap:10px;align-content:start}
.cc-pct{font-family:var(--f-display);font-weight:700;font-size:64px;line-height:.95;font-variant-numeric:tabular-nums}
.cc-pct small{font-size:28px;color:var(--muted)}
.cc-bar{height:10px;background:var(--line-2);border-radius:99px;overflow:hidden}
.cc-bar>i{display:block;height:100%;background:var(--accent);width:0;transition:width .3s}
.cc-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;font-size:12px;color:var(--muted)}
.cc-counts b{display:block;font-family:var(--f-display);font-size:24px;color:var(--fg);font-variant-numeric:tabular-nums}
.cc-c-bad b{color:var(--bad) !important}
.cc-secs{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:8px;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:4px}
#comiss-calp .cc-secbtn{all:unset;cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:9px 10px;border-radius:5px;font-size:15px;color:var(--fg)}
#comiss-calp .cc-secbtn:hover{background:var(--panel-2)}
#comiss-calp .cc-secbtn:focus-visible{outline:2px solid var(--accent)}
#comiss-calp .cc-secbtn[aria-pressed="true"]{background:var(--accent-soft)}
.cc-secbtn .n{font-weight:600}
.cc-secbtn .v{font-family:var(--f-mono);font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.cc-secbtn .cc-bar{grid-column:1/-1;height:6px}
.cc-secbtn .cc-bar>i.full{background:var(--ok)}
.cc-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
#comiss-calp .cc-tools input[type=search]{flex:1 1 220px;min-width:0;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r);background:var(--panel);color:var(--fg);font-size:14px;height:auto}
#comiss-calp .cc-chip{font-size:13px;padding:6px 11px;border:1px solid var(--line);border-radius:99px;background:var(--panel);color:var(--fg);cursor:pointer;line-height:1.3;text-transform:none;letter-spacing:0;box-shadow:none}
#comiss-calp .cc-chip[aria-pressed="true"]{background:var(--fg);color:var(--panel);border-color:var(--fg)}
#comiss-calp .cc-btn{font-size:13px;font-weight:600;padding:7px 12px;border-radius:var(--r);border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;line-height:1.3;text-transform:none;letter-spacing:0;box-shadow:none}
#comiss-calp .cc-chip:focus-visible,#comiss-calp .cc-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.cc-grp{display:grid;gap:8px;margin-bottom:14px}
#comiss-calp .cc-grp h3{font-family:var(--f-display);font-weight:600;font-size:22px;margin:6px 0 0;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;color:var(--fg);text-transform:none;letter-spacing:0}
.cc-grp h3 span{font-family:var(--f-mono);font-size:12px;font-weight:400;color:var(--muted)}
.cc-item{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);display:grid;grid-template-columns:44px minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.4fr);gap:12px;padding:12px;align-items:start}
.cc-item.done{border-color:#9cc8ad}
.cc-item.fail{border-left:4px solid var(--bad)}
@media (max-width:900px){.cc-item{grid-template-columns:44px minmax(0,1fr) minmax(0,1fr)}.cc-item .cc-name{grid-column:2/-1}.cc-item .cc-obs{grid-column:1/-1}}
@media (max-width:520px){.cc-item{grid-template-columns:44px minmax(0,1fr)}.cc-item .cc-fld{grid-column:2/-1}}
.cc-chk{display:grid;place-items:center;padding-top:2px}
#comiss-calp .cc-chk input{width:24px;height:24px;accent-color:var(--ok);cursor:pointer}
.cc-name b{font-weight:600;display:block}
#comiss-calp .cc-name p{margin:2px 0 0;font-size:13px;color:var(--muted)}
.cc-when{font-size:12px;color:var(--faint);margin-top:4px}
.cc-fld{display:grid;gap:4px}
.cc-fld .cc-lbl{color:var(--muted)}
.cc-addr{font-family:var(--f-mono);font-size:11.5px;color:var(--faint);overflow-wrap:anywhere}
#comiss-calp select{font-size:14px;padding:6px 8px;border-radius:var(--r);border:1px solid var(--line);background:var(--panel-2);color:var(--fg);min-width:0;width:100%;height:auto}
#comiss-calp select[data-v="ok"]{background:var(--ok-soft);color:var(--ok);border-color:#9cc8ad;font-weight:600}
#comiss-calp select[data-v="falha"]{background:var(--bad-soft);color:var(--bad);border-color:#e3a49e;font-weight:600}
#comiss-calp select[data-v="pendente"]{background:var(--wait-soft);color:var(--wait);border-color:#e6c98a}
#comiss-calp select[data-v="na"]{background:var(--na-soft);color:var(--na)}
.cc-na{font-size:13px;color:var(--faint);padding:6px 0}
#comiss-calp textarea{font-size:14px;width:100%;min-height:38px;resize:vertical;padding:7px 9px;border-radius:var(--r);border:1px solid var(--line);background:var(--panel-2);color:var(--fg)}
#comiss-calp select:focus-visible,#comiss-calp textarea:focus-visible,#comiss-calp input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
#comiss-calp :disabled{opacity:.6;cursor:not-allowed}
.cc-hist{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:10px 14px}
.cc-hist summary{cursor:pointer;font-weight:600}
#comiss-calp .cc-hist ol{margin:8px 0 0;padding:0;list-style:none;display:grid;gap:4px;font-size:13px;color:var(--muted)}
.cc-hist li b{color:var(--fg);font-weight:600}
@media (prefers-reduced-motion:reduce){.cc-bar>i{transition:none}}