/* Conciliación de proveedores */
.sb-root{--sb-accent:var(--s-administracion,#2f6f5e);display:grid;gap:18px;min-width:0}
.sb-head,.sb-case-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.sb-head-actions{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}
.sb-eyebrow{font-size:11px;letter-spacing:.12em;font-weight:700;text-transform:uppercase;color:var(--sb-accent)}
.sb-case-head h2{font-size:22px;margin:4px 0}
.sb-sub{margin:4px 0 0;color:var(--muted,#666);font-size:13px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sb-corte{display:grid;gap:5px;font-size:12px;font-weight:600;color:var(--muted,#666)}
.sb-corte select,.sb-filters select,.sb-fields select{min-height:38px;padding:7px 30px 7px 10px;border:1px solid var(--line,#ddd);border-radius:var(--r-ctrl,8px);background:var(--surface,#fff);color:var(--ink,#222);font:inherit;font-size:14px}
.sb-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sb-metrics article{display:grid;gap:6px;padding:16px 18px;border:1px solid var(--line,#e4e4df);border-radius:var(--r-card,12px);background:var(--surface,#fff)}
.sb-metrics span{font-size:12px;color:var(--muted,#666)}
.sb-metrics strong{font-size:20px;font-variant-numeric:tabular-nums}
.sb-metrics small{font-size:12px;color:var(--faint,#888)}
.sb-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:14px 16px;border:1px solid var(--line,#e4e4df);border-radius:var(--r-card,12px);background:var(--surface,#fff)}
.sb-filters label{display:grid;gap:5px;font-size:12px;font-weight:600;color:var(--muted,#666)}
.sb-filters .sb-search{flex:1;min-width:220px;display:flex;align-items:center;gap:8px}
.sb-filters .sb-search input{width:100%}
.sb-segment{display:inline-flex;border:1px solid var(--line,#ddd);border-radius:var(--r-pill,999px);overflow:hidden}
.sb-segment button{border:0;background:transparent;padding:8px 14px;font:inherit;font-size:13px;color:var(--ink-soft,#444);cursor:pointer}
.sb-segment button span{color:var(--faint,#888);margin-left:4px}
.sb-segment button[aria-pressed="true"]{background:var(--ink,#222);color:#fff}
.sb-segment button[aria-pressed="true"] span{color:rgba(255,255,255,.75)}
.sb-table-wrap{overflow:auto;border:1px solid var(--line,#e4e4df);border-radius:var(--r-card,12px);background:var(--surface,#fff);max-width:100%}
.sb-table{width:100%;border-collapse:collapse;font-size:13px}
.sb-table th,.sb-table td{padding:9px 12px;border-bottom:1px solid var(--line,#eee);text-align:left;vertical-align:top;white-space:nowrap}
.sb-table thead th{position:sticky;top:0;background:var(--surface,#fff);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted,#666);z-index:1}
.sb-table tfoot th,.sb-table tfoot td{border-bottom:0;border-top:1px solid var(--line-strong,#ccc);font-weight:600}
.sb-table .num{text-align:right;font-variant-numeric:tabular-nums}
.sb-table small{display:block;color:var(--faint,#888);font-size:11px}
.sb-table tbody tr:hover{background:rgba(0,0,0,.02)}
.sb-neg{color:var(--crit,#b42318)}
.sb-obs{max-width:280px;overflow:hidden;text-overflow:ellipsis;color:var(--ink-soft,#444)}
.sb-link{border:0;background:none;padding:0;font:inherit;font-weight:600;color:var(--ink,#222);cursor:pointer;text-align:left;text-decoration:underline;text-decoration-color:var(--line-strong,#ccc);text-underline-offset:3px}
.sb-link:hover{text-decoration-color:currentColor}
.sb-tag{display:inline-block;margin-left:8px;padding:1px 7px;border-radius:var(--r-pill,999px);background:var(--warn-tint,#fff4e5);color:var(--warn,#9a5b00);font-size:11px;font-weight:600}
.sb-tag-grupo{background:rgba(0,0,0,.05);color:var(--muted,#666)}
.sb-empresas{justify-self:start}
.sb-empresas button[disabled]{opacity:.45;cursor:not-allowed}
.sb-pill{display:inline-block;padding:2px 9px;border-radius:var(--r-pill,999px);font-size:12px;font-weight:600;background:var(--s-administracion-tint,#e8f2ef);color:var(--sb-accent)}
.sb-pill-ok{background:var(--ok-tint,#e7f6ec);color:var(--ok,#18794e)}
.sb-pill-warn{background:var(--warn-tint,#fff4e5);color:var(--warn,#9a5b00)}
.sb-pill-muted{background:rgba(0,0,0,.05);color:var(--muted,#666)}
.sb-empty-row{text-align:center;color:var(--muted,#666);padding:28px!important}
.sb-loading{padding:28px;text-align:center;color:var(--muted,#666)}
.sb-error{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid var(--crit,#b42318);border-radius:var(--r-card,12px);background:var(--crit-tint,#fdecea)}
.sb-error p{margin:4px 0 0}
.sb-error .btn{margin-left:auto}
.sb-volver{justify-self:start}
.sb-case-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:14px}
.sb-card{display:grid;gap:12px;padding:16px 18px;border:1px solid var(--line,#e4e4df);border-radius:var(--r-card,12px);background:var(--surface,#fff);min-width:0}
.sb-card h3{margin:0;font-size:15px}
.sb-card h3 span{color:var(--faint,#888);font-weight:500;margin-left:4px}
.sb-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sb-fields label{display:grid;gap:5px;font-size:12px;font-weight:600;color:var(--muted,#666)}
.sb-fields .input,.sb-fields select{width:100%;box-sizing:border-box}
.sb-fields textarea{resize:vertical;font:inherit;font-size:14px}
.sb-fields .sb-wide{grid-column:1/-1}
.sb-fields .sb-check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink,#222);font-weight:500;align-self:end;min-height:38px}
.sb-actions{display:flex;justify-content:flex-end;gap:8px}
.sb-root .btn{display:inline-flex;align-items:center;gap:6px}
.sb-root .btn svg{width:16px;height:16px}
.sb-docs-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.sb-docs-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--muted,#666)}
.sb-docs{font-size:12.5px}
.sb-row-pay{background:var(--ok-tint,#e7f6ec)}
.sb-grupo{display:inline-block;padding:1px 6px;border-radius:4px;font-size:11px;font-weight:600;background:rgba(0,0,0,.05);color:var(--ink-soft,#444)}
.sb-grupo-proveedor{background:var(--s-administracion-tint,#e8f2ef);color:var(--sb-accent)}
.sb-grupo-clientes{background:var(--warn-tint,#fff4e5);color:var(--warn,#9a5b00)}
.sb-events{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:13px}
.sb-events li{display:grid;grid-template-columns:120px 160px minmax(0,1fr);gap:10px;padding-bottom:8px;border-bottom:1px solid var(--line,#eee)}
.sb-events time{color:var(--faint,#888);font-variant-numeric:tabular-nums}
@media (max-width:1100px){.sb-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.sb-case-grid{grid-template-columns:1fr}}
@media (max-width:640px){.sb-fields{grid-template-columns:1fr}.sb-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sb-metrics article{padding:12px}.sb-metrics strong{font-size:15px;white-space:nowrap}.sb-events li{grid-template-columns:1fr;gap:2px}.sb-filters{padding:12px}.sb-filters label,.sb-filters .sb-search{width:100%}.sb-filters select{width:100%}}
/* WhatsApp del bot */
.sb-chat{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.sb-msg{max-width:min(640px,92%);padding:10px 12px;border:1px solid var(--line,#e4e4df);border-radius:var(--r-card,12px);background:var(--surface,#fff)}
.sb-msg p{margin:6px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13.5px}
.sb-msg-saliente{justify-self:end;background:var(--s-administracion-tint,#e8f2ef)}
.sb-msg-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;color:var(--muted,#666)}
.sb-adjuntos{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.sb-adjuntos a{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;color:var(--ink,#222)}
.sb-adjuntos svg{width:14px;height:14px}
.sb-wa-form{display:grid;gap:8px}
.sb-wa-form label{display:grid;gap:5px;font-size:12px;font-weight:600;color:var(--muted,#666)}
.sb-wa-form textarea{width:100%;box-sizing:border-box;resize:vertical;font:inherit;font-size:14px}
.sb-bandeja{border-color:var(--warn,#9a5b00)}
.sb-bandeja h3{display:flex;align-items:center;gap:6px}
.sb-bandeja h3 svg{width:16px;height:16px}
.sb-bandeja ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.sb-bandeja li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:10px 0;border-top:1px solid var(--line,#eee)}
.sb-bandeja-msg p{margin:4px 0 0;font-size:13.5px;overflow-wrap:anywhere}
.sb-bandeja-msg small{color:var(--muted,#666)}
.sb-bandeja-asignar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px}
.sb-bandeja-asignar label{display:grid;gap:4px;font-size:12px;font-weight:600;color:var(--muted,#666)}
.sb-bandeja-asignar select{min-height:34px;max-width:260px}
@media (max-width:640px){.sb-bandeja li{grid-template-columns:1fr}.sb-msg{max-width:100%}}
.sb-prueba{margin-bottom:14px;border-color:var(--warn,#9a5b00);background:var(--warn-tint,#fff4e5)}
