/* Cotizador IA — tema oscuro estilo Kairikos.
   Mismo layout y clases que la app JSX; solo cambia la identidad visual. */

#cotizador-ia-root, #cotizador-ia-root * { box-sizing: border-box; }

#cotizador-ia-root {
	--cotia-bg:#14181F;
	--cotia-surface:#1B212C;
	--cotia-surface-2:#232B37;
	--cotia-line:#2A3340;
	--cotia-text:#EDF0F5;
	--cotia-muted:#8A93A3;
	--cotia-accent:#5A7CFF;
	--cotia-accent-2:#8AA2FF;
	--cotia-ok:#34D399;
	--cotia-warn:#F0A83A;
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	color: var(--cotia-text);
	background: var(--cotia-bg);
	border: 1px solid var(--cotia-line);
	border-radius: 20px;
	overflow: hidden;
	max-width: 920px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1.35fr 1fr;
	line-height: 1.5;
}
@media (max-width:760px){ #cotizador-ia-root{ grid-template-columns:1fr; } }

.cotia-head {
	grid-column:1 / -1; display:flex; align-items:center; gap:12px;
	padding:16px 20px; background:var(--cotia-surface); border-bottom:1px solid var(--cotia-line);
}
.cotia-dot {
	width:34px;height:34px;border-radius:9px;
	background:linear-gradient(135deg,var(--cotia-accent),var(--cotia-accent-2));
	display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:15px;
	font-family:'Space Grotesk', 'Inter', sans-serif;
}
.cotia-title{ font-family:'Space Grotesk', 'Inter', sans-serif; font-weight:600; font-size:15px; letter-spacing:-.01em; margin:0; color:var(--cotia-text); }
.cotia-sub{ font-size:12px; color:var(--cotia-muted); margin:1px 0 0; }

.cotia-chat{ display:flex; flex-direction:column; height:520px; background:var(--cotia-bg); }
.cotia-msgs{ flex:1; overflow-y:auto; padding:18px 18px 6px; display:flex; flex-direction:column; gap:12px; }
.cotia-msgs::-webkit-scrollbar{ width:7px; }
.cotia-msgs::-webkit-scrollbar-thumb{ background:#333c4a; border-radius:4px; }
.cotia-bubble{ max-width:86%; padding:11px 14px; border-radius:14px; font-size:14px; white-space:pre-wrap; }
.cotia-bubble.bot{ background:var(--cotia-surface); border:1px solid var(--cotia-line); color:var(--cotia-text); align-self:flex-start; border-bottom-left-radius:5px; }
.cotia-bubble.me{ background:var(--cotia-accent); color:#fff; align-self:flex-end; border-bottom-right-radius:5px; }
.cotia-typing{ display:flex; gap:4px; }
.cotia-typing span{ width:6px;height:6px;border-radius:50%;background:var(--cotia-muted);opacity:.5;animation:cotia-bl 1s infinite; }
.cotia-typing span:nth-child(2){ animation-delay:.15s; }
.cotia-typing span:nth-child(3){ animation-delay:.3s; }
@keyframes cotia-bl{ 0%,60%,100%{opacity:.25;transform:translateY(0);} 30%{opacity:.9;transform:translateY(-3px);} }

.cotia-inbar{ padding:12px; border-top:1px solid var(--cotia-line); background:var(--cotia-surface); display:flex; gap:8px; }
.cotia-input{ flex:1; border:1px solid var(--cotia-line); border-radius:11px; padding:11px 13px; font-size:14px; font-family:inherit; resize:none; outline:none; max-height:110px; color:var(--cotia-text); background:var(--cotia-surface-2); }
.cotia-input::placeholder{ color:var(--cotia-muted); }
.cotia-input:focus{ border-color:var(--cotia-accent); }
.cotia-send{ border:none; background:var(--cotia-accent); color:#fff; border-radius:11px; padding:0 16px; font-weight:600; font-size:14px; cursor:pointer; font-family:inherit; }
.cotia-send:disabled{ opacity:.4; cursor:not-allowed; }
.cotia-note{ font-size:12px; color:var(--cotia-muted); padding:0 12px 10px; text-align:center; }

.cotia-panel{ background:var(--cotia-surface); border-left:1px solid var(--cotia-line); padding:20px; height:520px; overflow-y:auto; }
.cotia-panel::-webkit-scrollbar{ width:7px; }
.cotia-panel::-webkit-scrollbar-thumb{ background:#333c4a; border-radius:4px; }
@media (max-width:760px){ .cotia-panel{ height:auto; border-left:none; border-top:1px solid var(--cotia-line); } }
.cotia-label{ font-size:11px; text-transform:uppercase; letter-spacing:.09em; color:var(--cotia-muted); font-weight:600; }
.cotia-empty{ margin-top:16px; font-size:13px; color:var(--cotia-muted); }

.cotia-base{ font-size:12px; color:var(--cotia-muted); text-decoration:line-through; margin-top:8px; }
.cotia-base + .cotia-amount{ margin-top:2px; }
.cotia-amount{ font-family:'Space Grotesk', 'Inter', sans-serif; font-weight:600; font-size:30px; letter-spacing:-.02em; margin-top:8px; color:var(--cotia-text); }
.cotia-amount small{ font-size:15px; color:var(--cotia-muted); font-weight:500; }
.cotia-bar{ height:8px; border-radius:5px; margin:14px 0 6px; background:linear-gradient(90deg,var(--cotia-accent),var(--cotia-accent-2)); }
.cotia-meta{ font-size:12px; color:var(--cotia-muted); }
.cotia-chip{ display:inline-block; font-size:11px; padding:3px 9px; border-radius:20px; background:var(--cotia-surface-2); color:var(--cotia-accent-2); font-weight:600; margin-top:12px; }

.cotia-adj{ padding:9px 0; border-bottom:1px solid var(--cotia-line); }
.cotia-adj-head{ display:flex; justify-content:space-between; align-items:center; gap:8px; font-size:12.5px; font-weight:600; color:var(--cotia-text); }
.cotia-adj-why{ font-size:11.5px; color:var(--cotia-muted); margin-top:2px; }
.cotia-eff{ font-size:12px; font-weight:700; white-space:nowrap; }
.cotia-eff.up{ color:var(--cotia-warn); }
.cotia-eff.down{ color:var(--cotia-ok); }
.cotia-eff.flat{ color:var(--cotia-muted); }

.cotia-row{ display:flex; justify-content:space-between; gap:10px; padding:9px 0; border-bottom:1px solid var(--cotia-line); font-size:12.5px; color:var(--cotia-text); }
.cotia-row span:last-child{ color:var(--cotia-muted); white-space:nowrap; }
.cotia-assump{ font-size:12px; color:var(--cotia-muted); padding-left:4px; margin:4px 0; }
.cotia-divider{ margin:18px 0 12px; border:none; border-top:1px solid var(--cotia-line); }

.cotia-lead h4{ font-size:13px; margin:0 0 4px; color:var(--cotia-text); font-family:'Space Grotesk', 'Inter', sans-serif; }
.cotia-lead p{ font-size:12px; color:var(--cotia-muted); margin:0 0 10px; }
.cotia-lead input{ width:100%; border:1px solid var(--cotia-line); border-radius:9px; padding:9px 11px; font-size:13px; font-family:inherit; margin-bottom:8px; outline:none; color:var(--cotia-text); background:var(--cotia-surface-2); }
.cotia-lead input::placeholder{ color:var(--cotia-muted); }
.cotia-lead input:focus{ border-color:var(--cotia-accent); }
.cotia-lead button{ width:100%; border:none; background:var(--cotia-accent); color:#fff; border-radius:9px; padding:10px; font-weight:600; font-size:13px; cursor:pointer; font-family:inherit; }
.cotia-sent{ background:rgba(52,211,153,.12); color:var(--cotia-ok); border:1px solid rgba(52,211,153,.35); border-radius:10px; padding:12px; font-size:13px; margin-top:14px; }