/* 1103 · Plan y pagos, conversación y páginas del cliente (/pro/, /solicitud/). Usa las variables de site.css. */
.bl-badge{display:inline-block;font-size:.75rem;font-weight:700;padding:2px 9px;border-radius:999px;line-height:1.5;white-space:nowrap}
.bl-hot{background:#FDE7DC;color:#9A2E00;border:1px solid var(--o-line)}
.bl-cold{background:#E8EEF6;color:#244A73;border:1px solid #CFDCEC}
.bl-ok{background:var(--ok-soft);color:var(--ok)}
.bl-cur{background:var(--ink);color:#fff;margin:10px 0 0}
.bl-qa{margin:0 0 8px}
.bl-price{font-weight:650;margin:8px 0 2px;color:var(--ink)}
.bl-price-free{color:var(--ok)}
.bl-blocked{background:var(--bg2);border-radius:var(--r-s);padding:10px 12px;margin:8px 0;font-weight:550}
.bl-free{font-weight:600;margin:6px 0}
.bl-big{font-size:1.15rem;font-weight:700;margin:0 0 10px}
.bl-filter{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin:0 0 14px;font-size:.92rem}
.bl-filter span{color:var(--mute)}
.bl-filter a{padding:4px 12px;border:1px solid var(--line2);border-radius:999px;text-decoration:none;background:#fff;font-weight:600}
.bl-filter a[aria-current]{background:var(--o-soft);border-color:var(--o-line);color:var(--o-cta)}
.bl-take textarea,.bl-conv textarea{min-height:110px}
.bl-status{border-radius:var(--r-s);padding:8px 12px;margin:6px 0 10px;font-weight:600;background:var(--bg2)}
.bl-st-waiting{background:#FFF8E6;color:#7A5300}
.bl-st-replied{background:var(--ok-soft);color:var(--ok)}
.bl-st-refunded{background:#EEF0F3;color:var(--ink2)}
.bl-conv{border-top:1px solid var(--line);margin:12px 0 0;padding:12px 0 0}
.bl-conv h4,.acc-contact h4{margin:0 0 8px;font-size:1rem}
.bl-msgs{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:8px}
.bl-msg{max-width:88%;padding:8px 12px;border-radius:12px;background:var(--bg2);overflow-wrap:anywhere}
.bl-msg p{margin:0 0 4px}
.bl-msg-pro{justify-self:end;background:var(--o-soft)}
.bl-msg-client{justify-self:start}
.bl-who{font-size:.78rem;color:var(--mute)}
.bl-quote{font-weight:700}
.bl-sys{justify-self:center;font-size:.8rem;color:var(--mute);text-align:center}
.bl-inline{margin:8px 0 0}
.bl-inline .btn,.bl-more .btn{white-space:normal}
.bl-more{margin:10px 0 0}
.bl-more summary{cursor:pointer;font-weight:600}
.bl-check{display:flex;gap:8px;align-items:flex-start;font-weight:500;margin:10px 0 0}
.bl-check input{width:auto;margin-top:.25em;flex:none}
.bl-picker{margin:22px 0}
.bl-picker h2{font-size:1.25rem}
.bl-plan h3{margin-top:0}
.bl-plan-cur{border-color:var(--o)}
.bl-soon{display:inline-block;background:var(--bg2);color:var(--ink2);font-weight:700;border-radius:999px;padding:4px 14px}
.bl-table-wrap{overflow-x:auto;margin:8px 0}
.bl-table{border-collapse:collapse;width:100%;font-size:.92rem}
.bl-table caption{text-align:left;font-weight:650;margin:0 0 6px}
.bl-table th,.bl-table td{border-bottom:1px solid var(--line);padding:7px 8px;text-align:left;vertical-align:top}
.bl-table thead th{color:var(--mute);font-weight:600}
.bl-table small{color:var(--mute);font-weight:400}
.bl-num{text-align:right;white-space:nowrap}
.bl-how{padding-left:1.2em;margin:0 0 10px}
.bl-how li{margin:0 0 6px}
.bl-ok{font-weight:600}
.bl-q{border:1px solid var(--line);border-radius:var(--r-s);padding:10px 14px 12px;margin:14px 0 0}
.bl-q legend{font-weight:650;padding:0 4px}
.bl-q-err{border-color:var(--err)}
.bl-radio{display:flex;gap:10px;align-items:center;padding:8px 0;font-weight:500;margin:0}
.bl-radio input{width:auto;margin:0;flex:none}
.bl-field-err{color:var(--err);font-weight:600;margin:6px 0 0}
.bl-cconv header h2{margin:0;font-size:1.1rem}
.bl-legal{margin-top:24px}
.acc-narrow-wide{max-width:760px}
.bl-summary .acc-dl{margin:0 0 10px}
@media (max-width:640px){.bl-msg{max-width:100%}.bl-table{font-size:.85rem}}
.acc > .wrap > .acc-grid,.bl-client .acc-grid{margin-bottom:16px}