/* Gerador de mensagem de cobrança (AgenteZap Blog). Escopo .cob; mesma paleta do teleprompter. */
.cob-page{padding-block:8px 60px}
.cob{--cb-ink:#12201A;--cb-muted:#3D4A44;--cb-soft:#55625C;--cb-green:#0B6B3A;--cb-green-dark:#08512C;--cb-line:#C9D6CF;--cb-card:#D5E0DA;--cb-ring:#2E8B57;--cb-wa:#0B6B3A;font-family:Figtree,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--cb-ink);line-height:1.5;padding:22px 0 8px;max-width:1080px;margin:0 auto}
.cob *,.cob *:before,.cob *:after{box-sizing:border-box}
.cob p{margin:0}
.cob button,.cob input,.cob select{font-family:inherit}
.cob button,.cob a,.cob label{-webkit-tap-highlight-color:transparent}
.cob :focus-visible{outline:3px solid var(--cb-ring);outline-offset:2px}
.cob .cob-head{margin:0 0 10px}
.cob h1.cob-h1{margin:0 0 6px;font-size:34px;line-height:1.15;font-weight:800;letter-spacing:-.01em;color:var(--cb-ink)}
.cob .cob-lede{font-size:17px;line-height:1.45;color:var(--cb-muted);max-width:760px}
.cob .cob-tool{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}
.cob .cob-main{display:flex;flex-direction:column;gap:8px;min-width:0}
.cob .cob-grp{display:flex;align-items:center;gap:12px}
.cob .cob-grp--sit,.cob .cob-grp--tom{flex-direction:column;align-items:stretch;gap:4px}
.cob .cob-gt{flex:0 0 auto;font-size:14px;font-weight:700;color:var(--cb-muted);line-height:1.2}
.cob .cob-chips{display:flex;gap:8px;flex-wrap:wrap;flex:1}
.cob .cob-chip{flex:1 1 auto;min-height:44px;min-width:44px;padding:0 12px;border-radius:10px;font-size:15px;font-weight:700;line-height:1.15;cursor:pointer;border:1.5px solid var(--cb-line);background:#fff;color:var(--cb-muted);white-space:nowrap}
.cob .cob-chip:hover{border-color:var(--cb-green)}
.cob .cob-chip[aria-pressed="true"],.cob .cob-chip[aria-pressed="true"]:hover{background:var(--cb-green);border-color:var(--cb-green);color:#fff}
.cob .cob-chat{position:relative;background:#EFEAE2;border:1px solid var(--cb-card);border-radius:14px;padding:12px}
.cob .cob-chat:after{content:"";position:absolute;left:13px;right:22px;bottom:12px;height:34px;border-radius:0 0 10px 10px;pointer-events:none;background:linear-gradient(rgba(217,253,211,0),#D9FDD3 85%);opacity:0;transition:opacity .15s}
.cob .cob-chat.has-more:after{opacity:1}
.cob .cob-prev{height:280px;overflow-y:auto;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#8FA39A transparent;background:#D9FDD3;color:#111B21;border-radius:10px 10px 10px 2px;padding:8px 14px;font-size:15.5px;line-height:1.42;white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:0 1px 1px rgba(0,0,0,.08)}
.cob .cob-prev::-webkit-scrollbar{width:8px}
.cob .cob-prev::-webkit-scrollbar-thumb{background:#8FA39A;border-radius:8px}
.cob .cob-prev::-webkit-scrollbar-track{background:transparent}
.cob .cob-acts{display:grid;grid-template-columns:1fr 1.35fr;gap:10px}
.cob .cob-copy,.cob .cob-wa{min-height:52px;border-radius:12px;font-size:17px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;white-space:nowrap}
.cob .cob-copy{border:1.5px solid var(--cb-green);background:#fff;color:var(--cb-green)}
.cob .cob-copy:hover{background:#E8F2EC}
.cob .cob-copy.is-ok{background:#E8F2EC;border-color:var(--cb-green-dark);color:var(--cb-green-dark)}
.cob .cob-wa{border:0;background:var(--cb-wa);color:#fff}
.cob .cob-wa:hover{background:var(--cb-green-dark)}
.cob .cob-sub{display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap}
.cob .cob-other{min-height:44px;padding:0 14px;border:1.5px solid var(--cb-line);border-radius:10px;background:#fff;color:var(--cb-ink);font-size:15px;font-weight:700;cursor:pointer}
.cob .cob-other:hover{border-color:var(--cb-green)}
.cob .cob-ver{font-size:13.5px;color:var(--cb-soft)}
.cob .cob-emo{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:15px;cursor:pointer;color:var(--cb-ink)}
.cob .cob-emo.is-off{visibility:hidden}
.cob .cob-emo input{width:22px;height:22px;margin:0;accent-color:var(--cb-green)}
.cob .cob-edit{display:none;min-height:44px;align-items:center;margin-left:auto;font-size:15px;font-weight:700;color:var(--cb-green);text-underline-offset:3px}
.cob .cob-status{font-size:14px;font-weight:700;color:var(--cb-green-dark)}
.cob .cob-status:empty{display:none}
.cob .cob-warn{font-size:14px;font-weight:700;color:#8A1C1C}
.cob .cob-chat .cob-warn{font-size:13.5px;line-height:1.3;margin:0 2px 6px}
.cob .cob-warn:empty{display:none}
.cob .cob-form{background:#fff;border:1px solid var(--cb-card);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px;min-width:0;scroll-margin-top:90px}
.cob h2.cob-ft{margin:0;font-size:17px;line-height:1.3;font-weight:800;color:var(--cb-ink)}
.cob .cob-fsub{margin-top:-10px;font-size:13.5px;color:var(--cb-soft)}
.cob .cob-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cob .cob-f{display:flex;flex-direction:column;gap:4px;min-width:0}
.cob .cob-f[hidden]{display:none}
.cob .cob-f label{font-size:14px;font-weight:700;color:var(--cb-muted)}
.cob .cob-opt{font-weight:500;color:var(--cb-soft)}
.cob .cob-f input,.cob .cob-f select{width:100%;min-height:46px;margin:0;padding:8px 12px;font-size:16px;border:1.5px solid #7C8E86;border-radius:10px;background:#fff;color:var(--cb-ink)}
.cob .cob-f input:focus-visible,.cob .cob-f select:focus-visible{outline:3px solid var(--cb-ring);outline-offset:1px;border-color:var(--cb-green)}
.cob .cob-f input[aria-invalid="true"]{border-color:#B3261E}
.cob .cob-help{font-size:13px;line-height:1.35;color:var(--cb-soft)}
.cob .cob-help:empty{display:none}
.cob .cob-err{font-size:13px;line-height:1.35;font-weight:700;color:#8A1C1C}
.cob .cob-err[hidden]{display:none}
.cob .cob-foot{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--cb-card);padding-top:12px}
.cob .cob-priv{font-size:13px;color:var(--cb-soft);line-height:1.4}
.cob .cob-clear{align-self:flex-start;min-height:44px;padding:0 14px;border:0;border-radius:10px;background:transparent;color:var(--cb-green);font-size:15px;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:3px;margin-left:-14px}
.cob .cob-clear:hover{background:#E8F2EC}
.cob .cob-cta{margin-top:22px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:#fff;border:1px solid var(--cb-card);border-radius:14px;padding:14px 18px}
.cob .cob-cta p{flex:1 1 320px;font-size:15px;line-height:1.45;color:var(--cb-muted)}
.cob .cob-cta a{min-height:44px;display:inline-flex;align-items:center;padding:0 18px;border:1.5px solid var(--cb-green);border-radius:10px;font-weight:700;text-decoration:none;color:var(--cb-green)}
.cob .cob-cta a:hover{background:#E8F2EC;color:var(--cb-green-dark)}
.cob .cob-seqbtn{min-height:48px;padding:0 16px;border:1.5px solid var(--cb-green);border-radius:12px;background:#fff;color:var(--cb-green);font-size:15.5px;font-weight:800;cursor:pointer;text-align:left}
.cob .cob-seqbtn:hover,.cob .cob-seqbtn[aria-expanded="true"]{background:#E8F2EC}
.cob .cob-seq{background:#fff;border:1px solid var(--cb-card);border-radius:14px;padding:14px}
.cob .cob-seq[hidden]{display:none}
.cob .cob-seq-nota{font-size:14px;color:var(--cb-soft);margin-bottom:10px}
.cob .cob-seq-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.cob .cob-seq-item.is-old{background:#EEF1EF;border:1.5px dashed #7C8E86}
.cob .cob-seq-item.is-old .cob-seq-q{color:var(--cb-muted)}
.cob .cob-seq-item{border:1px solid var(--cb-card);border-radius:12px;padding:12px;background:#F7FAF8}
.cob h3.cob-seq-h{margin:0;font-size:16px;line-height:1.3;font-weight:800;color:var(--cb-ink)}
.cob .cob-seq-q{font-size:14px;font-weight:700;color:var(--cb-green-dark);margin:2px 0 8px}
.cob .cob-seq-txt{background:#D9FDD3;color:#111B21;border-radius:10px;padding:8px 12px;font-size:15px;line-height:1.42;white-space:pre-wrap;overflow-wrap:anywhere}
.cob .cob-seq-acts{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.cob .cob-seq-copy,.cob .cob-seq-wa{min-height:44px;padding:0 14px;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer}
.cob .cob-seq-copy{border:1.5px solid var(--cb-green);background:#fff;color:var(--cb-green)}
.cob .cob-seq-wa{border:0;background:var(--cb-green);color:#fff}
/* Modelos prontos no texto de apoio */
.cob-modelo{margin:14px 0 18px;background:#F4F8F5;border:1px solid #D5E0DA;border-left:4px solid #0B6B3A;border-radius:10px;padding:14px 16px}
.cob-modelo h4{margin:0 0 6px;font-size:16px}
.cob-modelo p{margin:0 0 10px;white-space:normal}
.cob-mcopy{min-height:44px;padding:0 16px;border:1.5px solid #0B6B3A;border-radius:10px;background:#fff;color:#0B6B3A;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent}
.cob-mcopy:hover{background:#E8F2EC}
.cob-mcopy:focus-visible{outline:3px solid #2E8B57;outline-offset:2px}
.cob-band{margin:40px 0 0;background:#0F2A20;color:#fff;border-radius:16px;padding:28px;display:flex;flex-wrap:wrap;align-items:center;gap:18px;font-family:Figtree,system-ui,sans-serif}
.cob-band div{flex:1 1 380px}
.cob-band h2{margin:0 0 6px;font-size:22px;line-height:1.25;font-weight:800;color:#fff}
.cob-band p{margin:0;font-size:15.5px;line-height:1.5;color:#CFE3D8}
.cob-band a{min-height:48px;display:inline-flex;align-items:center;padding:0 22px;border-radius:12px;background:#fff;color:#0F2A20;font-weight:800;text-decoration:none}
.cob-band a:focus-visible{outline:3px solid #7FD3A6;outline-offset:2px}

@media (max-width:860px){
.cob .cob-tool{grid-template-columns:minmax(0,1fr)}
.cob .cob-edit{display:inline-flex}
}
@media (max-width:600px){
.cob{padding-top:10px}
.cob .cob-head{margin-bottom:10px}
.cob h1.cob-h1{font-size:25px;margin-bottom:4px}
.cob .cob-lede{font-size:15px;line-height:1.4}
.cob .cob-main{gap:8px}
.cob .cob-grp--sit{gap:8px}
.cob .cob-grp--tom{flex-direction:row;align-items:center;gap:10px}
.cob .cob-gt{font-size:13.5px}
.cob .cob-chips{gap:6px}
.cob .cob-chips--sit{display:grid;grid-template-columns:1.3fr 1fr 1fr}
.cob .cob-chip{padding:0 4px;font-size:14px}
.cob .cob-grp:not(.cob-grp--sit) .cob-gt{flex-basis:34px}
.cob .cob-chat{padding:6px}
.cob .cob-chat:after{left:7px;right:16px;bottom:6px}
.cob .cob-prev{height:158px;font-size:15px;padding:8px 12px}
.cob .cob-copy,.cob .cob-wa{font-size:16px;gap:6px;padding:0 8px}
.cob .cob-row{grid-template-columns:1fr}
.cob .cob-form{padding:14px 12px}
.cob-band{padding:22px}
}
@media (max-width:380px){
.cob .cob-chip{font-size:13.5px}
.cob .cob-copy,.cob .cob-wa{font-size:15px}
}