:root{--bg: #f0f2f5;--panel: #ffffff;--border: #e4e7eb;--text: #111b21;--muted: #667781;--accent: #075e54;--accent-2: #128c7e;--out: #d9fdd3;--in: #ffffff;--danger: #d92d20;--warn: #b54708;--ok: #027a48;--radius: 10px;--shadow: 0 1px 3px rgba(11, 20, 26, .08)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:14px}.muted{color:var(--muted)}.small{font-size:12px}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit;font-size:14px}.app{display:flex;flex-direction:column;height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;background:var(--accent);color:#fff;padding:10px 16px;gap:12px}.brand{font-weight:600;letter-spacing:.2px}.topbar-right{display:flex;align-items:center;gap:14px}.user-chip{font-size:13px}.user-chip .muted{color:#cfe9e3}.columns{flex:1;display:grid;grid-template-columns:340px 1fr 320px;min-height:0}.col{min-height:0;background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column}.col-detail{border-right:none}.centered{height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:320px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px}.login-card h1{margin:0;font-size:20px;color:var(--accent)}.login-card label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}.login-card input{padding:9px 10px;border:1px solid var(--border);border-radius:8px}.form-error{color:var(--danger);font-size:13px}.btn-primary{background:var(--accent-2);color:#fff;border:none;padding:9px 16px;border-radius:8px;font-weight:600}.btn-primary:disabled{opacity:.55;cursor:default}.btn-secondary{background:#f3f5f6;border:1px solid var(--border);padding:8px 10px;border-radius:8px}.btn-secondary:disabled{opacity:.55;cursor:default}.btn-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.45);padding:6px 12px;border-radius:8px}.btn-retry{margin-top:6px;background:transparent;border:1px solid var(--danger);color:var(--danger);border-radius:6px;padding:2px 8px;font-size:12px}.conn-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;background:#ffffff26;padding:4px 10px;border-radius:999px}.conn-badge .dot{width:8px;height:8px;border-radius:50%;background:#fff}.conn-badge.ok .dot{background:#2ecc71}.conn-badge.warn .dot{background:#f1c40f}.conn-badge.err .dot{background:#e74c3c}.list-header{padding:10px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.search{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:999px;background:var(--bg)}.tabs{display:flex;gap:6px}.tab{flex:1;border:1px solid var(--border);background:#fff;border-radius:999px;padding:5px 8px;font-size:12px;color:var(--muted)}.tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.list-scroll{overflow-y:auto;flex:1}.empty{padding:24px;text-align:center}.conv-item{display:flex;gap:10px;width:100%;text-align:left;background:#fff;border:none;border-bottom:1px solid var(--border);padding:10px 12px}.conv-item:hover{background:#f5f6f6}.conv-item.selected{background:#eaf3f1}.conv-avatar{width:40px;height:40px;border-radius:50%;background:var(--accent-2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;flex:0 0 auto}.conv-main{flex:1;min-width:0}.conv-top{display:flex;justify-content:space-between;gap:8px}.conv-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-time{font-size:11px;flex:0 0 auto}.conv-bottom{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:2px}.conv-preview{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.badge{font-size:10px;padding:1px 7px;border-radius:999px;flex:0 0 auto}.badge-automation{background:#e7f0ff;color:#1d4ed8}.badge-human{background:#e6f6ec;color:var(--ok)}.badge-paused{background:#fff4e5;color:var(--warn)}.badge-closed{background:#f1f1f1;color:var(--muted)}.col-chat{background:#efeae2}.chat-header{display:flex;align-items:center;gap:10px;background:var(--panel);padding:10px 14px;border-bottom:1px solid var(--border)}.chat-title{font-weight:600}.chat-sub{font-size:12px}.chat-scroll{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:6px}.bubble-row{display:flex}.bubble-row.out{justify-content:flex-end}.bubble-row.in{justify-content:flex-start}.bubble{max-width:65%;padding:7px 10px;border-radius:10px;box-shadow:var(--shadow);position:relative}.bubble-in{background:var(--in);border-top-left-radius:2px}.bubble-out{background:var(--out);border-top-right-radius:2px}.bubble-failed{outline:1px solid var(--danger)}.bubble-type{font-size:11px}.bubble-media{font-size:12px;margin-bottom:2px}.bubble-text{white-space:pre-wrap;word-break:break-word}.bubble-meta{display:flex;gap:6px;justify-content:flex-end;align-items:center;margin-top:2px}.bubble-time{font-size:10px;color:var(--muted)}.bubble-status{font-size:11px;color:var(--muted)}.status-read{color:#53bdeb}.status-failed{color:var(--danger)}.composer{background:var(--panel);border-top:1px solid var(--border);padding:10px 12px}.composer-disabled{text-align:center}.composer-hint{font-size:12px;margin-bottom:6px}.composer-row{display:flex;gap:8px;align-items:flex-end}.composer-input{flex:1;resize:none;max-height:120px;padding:9px 12px;border:1px solid var(--border);border-radius:18px;outline:none}.col-detail{padding:0}.detail-section{padding:14px 16px;border-bottom:1px solid var(--border)}.detail-section h3{margin:0 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}.kv{display:flex;justify-content:space-between;gap:12px;padding:3px 0}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}code{background:#f1f1f1;padding:1px 5px;border-radius:4px;font-size:12px}.media-img{max-width:240px;max-height:240px;border-radius:8px;display:block}.media-doc{display:inline-block;color:var(--accent-2);text-decoration:none}.bubble-media audio{max-width:240px}.quote-card{border:1px solid var(--border);border-radius:10px;padding:10px;margin-bottom:10px;background:#fafbfb}.quote-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.quote-hotel{font-weight:600}.quote-line{margin-top:2px}.quote-price{font-weight:700;font-size:16px;margin-top:4px;color:var(--accent)}.quote-flag{display:inline-block;margin-top:4px;font-size:11px;color:var(--warn);border:1px solid var(--warn);border-radius:6px;padding:0 6px}.quote-internal{margin-top:6px;border-top:1px dashed var(--border);padding-top:6px}.quote-actions{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.btn-primary.small,.btn-secondary.small{padding:4px 10px;font-size:12px}.badge.quote-pendiente_aprobacion{background:#fff4e5;color:var(--warn)}.badge.quote-revalidando{background:#e7f0ff;color:#1d4ed8}.badge.quote-aprobada{background:#e6f6ec;color:var(--ok)}.badge.quote-rechazada{background:#fde7e7;color:var(--danger)}.badge.quote-enviada{background:#eaf3f1;color:var(--accent)}.badge.quote-vencida,.badge.quote-draft{background:#f1f1f1;color:var(--muted)}.presence-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-left:6px;vertical-align:middle}.presence-dot.on{background:#2ecc71}.presence-dot.off{background:#c4c9cd}@media (max-width: 1024px){.columns{grid-template-columns:300px 1fr}.col-detail{display:none}}