/* Ruth — chat con vista tipo conversación + panel de lo creado. Solo tema claro. */
.rc{display:grid;grid-template-columns:270px 1fr;height:calc(100vh - 210px);min-height:540px;background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden}
.rc.compacto{height:640px}
.rc-lado{background:#fff;border-right:1px solid var(--border);overflow-y:auto;padding:12px}
.rc-nueva{width:100%;background:#fff;color:var(--i3-dark);border:1px solid var(--border-strong);border-radius:10px;justify-content:flex-start;margin-bottom:10px}
.rc-nueva:hover{background:var(--accent-soft);color:var(--accent)}
.rc-sec{margin-top:14px}
.rc-sec-t{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 6px 6px}
.rc-sec-t span{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:0 7px;margin-left:4px}
.rc-vacio{font-size:12px;color:var(--faint);padding:2px 6px}
.rc-item{display:block;width:100%;text-align:left;background:transparent;border:none;border-radius:10px;padding:8px 10px;color:var(--ink);font:inherit;font-size:13px;cursor:default;white-space:normal}
button.rc-item{cursor:pointer}
button.rc-item:hover,.rc-item:hover{background:#F5ECE4}
.rc-item b{display:block;font-weight:600}
.rc-item span{display:block;color:var(--muted);font-size:12px;line-height:1.35}
.rc-item.apagado{opacity:.55}
.rc-item.alerta{display:flex;gap:8px;align-items:flex-start;background:var(--i3-naranja-soft);margin-bottom:4px}
.rc-item.alerta div{flex:1;font-size:12px}
.rc-x{background:#fff;color:var(--ok-tx);border:1px solid #CDEBDA;border-radius:8px;padding:2px 8px;font-size:12px}
.rc-x:hover{background:var(--ok-bg)}
.rc-item-acc{display:flex;gap:6px;margin-top:6px}

.rc-main{display:flex;flex-direction:column;min-width:0;background:#fff}
.rc-hilo{flex:1;overflow-y:auto;padding:28px 20px 12px}
.rc-col{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:22px}
.rc-u{display:flex;justify-content:flex-end}
.rc-u div{background:#F4EEE9;border-radius:18px;padding:10px 16px;max-width:80%;font-size:15px;line-height:1.55}
.rc-a{display:flex;gap:14px;align-items:flex-start}
.rc-a .ruth-avatar{width:32px;height:32px;font-size:14px;flex:0 0 auto;margin-top:2px}
.rc-a-txt{flex:1;min-width:0;font-size:15px;line-height:1.65;color:var(--i3-dark)}
.rc-a-txt p{margin:0 0 10px}
.rc-a-txt ul{margin:0 0 10px;padding-left:20px}
.rc-a-txt li{margin:3px 0}
.rc-pensando{color:var(--muted)}
.rc-pensando span{animation:rc-p 1.2s infinite;opacity:.2}
.rc-pensando span:nth-child(2){animation-delay:.2s}.rc-pensando span:nth-child(3){animation-delay:.4s}
@keyframes rc-p{50%{opacity:1}}

.rc-bienvenida{max-width:720px;margin:6vh auto 0;text-align:center}
.rc-bienvenida h2{font-size:30px;margin:14px 0 8px}
.rc-bienvenida p{font-size:15px;margin:0 auto 28px;max-width:560px}
.rc-sug{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;text-align:left}
.rc-sug button{display:block;background:#fff;color:var(--i3-dark);border:1px solid var(--border);border-radius:14px;padding:14px 16px;font-weight:400;white-space:normal;text-align:left}
.rc-sug button:hover{background:#FFF7F0;border-color:#F6C8A6}
.rc-sug b{display:block;font-size:14px;margin-bottom:2px}
.rc-sug span{font-size:13px;color:var(--muted)}

.rc-caja{max-width:760px;width:calc(100% - 40px);margin:0 auto;display:flex;align-items:flex-end;gap:8px;background:#fff;border:1px solid var(--border-strong);border-radius:22px;padding:10px 10px 10px 18px;box-shadow:0 4px 18px rgba(30,26,43,.06)}
.rc-caja:focus-within{border-color:#F2A06B;box-shadow:0 4px 22px rgba(242,85,10,.12)}
.rc-caja textarea{flex:1;border:none;resize:none;padding:6px 0;font:inherit;font-size:15px;line-height:1.5;max-height:200px;background:transparent;outline:none}
.rc-caja textarea:focus{outline:none;border:none}
.rc-enviar{width:36px;height:36px;padding:0;border-radius:50%;background:var(--i3-dark);border-color:var(--i3-dark);color:var(--i3-naranja);font-size:18px;flex:0 0 auto}
.rc-enviar:hover{background:var(--i3-naranja);border-color:var(--i3-naranja);color:var(--i3-dark)}
.rc-nota{text-align:center;font-size:12px;color:var(--faint);padding:8px 16px 14px}

/* Tarjetas de propuesta */
.prop{border:1px solid #F3DFD0;border-left:4px solid var(--accent);background:#fff;border-radius:12px;padding:12px 14px;margin:10px 0;font-size:14px}
.prop-vista{border-left-color:var(--i3-ambar)}
.prop-mecanismo{border-left-color:var(--i3-naranja-deep)}
.prop-tipo{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}
.prop-vista .prop-tipo{color:var(--i3-naranja-deep)}
.prop-mecanismo .prop-tipo{color:var(--i3-naranja-deep)}
.prop-titulo{font-family:Manrope,sans-serif;font-weight:800;font-size:16px;margin:2px 0}
.prop-detalle{color:var(--muted);font-size:13px}
.prop-motivo{font-size:13px;margin-top:6px;color:#3d3650}
.prop-acc{margin-top:10px;display:flex;gap:6px;align-items:center}

/* Resultado de vistas */
.vista-barras{display:flex;flex-direction:column;gap:6px;margin-top:4px}
.vb{display:grid;grid-template-columns:minmax(120px,38%) 1fr auto;gap:10px;align-items:center;font-size:13px}
.vb-k{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vb-b{background:#F6EEE7;border-radius:6px;height:12px;overflow:hidden}
.vb-b span{display:block;height:100%;background:linear-gradient(90deg,#1A0F08,#E2470A 55%,#FFB547);border-radius:6px}
.vb-n{font-variant-numeric:tabular-nums;font-weight:600}
.ruth-tag{color:var(--accent);font-size:11px}

@media (max-width:820px){
  .rc{grid-template-columns:1fr;height:auto}
  .rc-lado{border-right:none;border-bottom:1px solid var(--border);max-height:260px}
  .rc-main{height:70vh;min-height:480px}
  .rc-hilo{padding:18px 12px 8px}
  .rc-caja{width:calc(100% - 24px)}
  .rc-bienvenida{margin-top:2vh}
  .rc-bienvenida h2{font-size:24px}
}

/* Columna de resultados a la derecha (tipo Claude Code) */
.rc.derecha{grid-template-columns:minmax(0,1fr) 360px}
.rc-der{border-right:none;border-left:1px solid var(--border);background:#fff}
.rc-der-cab{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.rc-der-cab b{font-family:Manrope,sans-serif;font-size:15px}
.rc-der .rc-nueva{width:auto;margin:0;padding:5px 10px;font-size:12px}
.rc-der .prop{margin:8px 0}
.rc-prop-nota{font-size:13px;color:var(--accent-hover);background:var(--i3-naranja-soft);border-radius:10px;padding:8px 12px;display:inline-block}
.rc-resultado{background:#fff;border:1px solid var(--border);border-radius:12px;padding:12px}
.rc-resultado b{display:block;font-family:Manrope,sans-serif}
.rc-resultado > span{display:block;font-size:12px;margin-bottom:8px}
@media (max-width:1100px){.rc.derecha{grid-template-columns:minmax(0,1fr) 300px}}
@media (max-width:820px){
  .rc.derecha{grid-template-columns:1fr}
  .rc-der{order:2;border-left:none;border-top:1px solid var(--border);max-height:none}
}