/* Infloww Config Panel -- task 8f3d9a83 */
#inflowwContainer { flex:1; overflow:hidden; display:flex; flex-direction:column; background:#0d0d1a; font-family:'Courier New',monospace; }
.infloww-loading { padding:40px; text-align:center; color:#555; }
.infloww-topbar { display:flex; align-items:center; justify-content:space-between; padding:12px 20px; background:#111122; border-bottom:1px solid #1e1e3a; flex-shrink:0; gap:12px; flex-wrap:wrap; }
.infloww-title { display:flex; align-items:center; gap:10px; font-size:15px; font-weight:bold; color:#e0d6c8; }
.infloww-badge { background:#1e3a4a; color:#64B5F6; padding:2px 10px; border-radius:12px; font-size:11px; border:1px solid #1e4a6a; }
.infloww-tabs { display:flex; gap:6px; }
.inf-tab { background:transparent; border:1px solid #2a2a3a; color:#666; padding:6px 14px; border-radius:6px; cursor:pointer; font-size:12px; transition:all .2s; }
.inf-tab.active, .inf-tab:hover { background:#1a2a4a; color:#64B5F6; border-color:#64B5F6; }
.infloww-body { flex:1; overflow-y:auto; padding:16px 20px; }
.infloww-empty { text-align:center; padding:60px 20px; color:#666; }
.inf-action-bar { display:flex; gap:8px; margin-bottom:16px; align-items:center; flex-wrap:wrap; }
.infloww-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:12px; }
.inf-card { background:#0e0e20; border:1px solid #1e1e3a; border-radius:8px; overflow:hidden; transition:border-color .2s; }
.inf-card:hover { border-color:#2a2a5a; }
.inf-card-header { display:flex; align-items:center; gap:8px; padding:8px 12px; background:#111128; border-bottom:1px solid #1e1e3a; font-size:13px; }
.inf-count { color:#78909C; font-size:11px; margin-left:auto; }
.inf-card-actions { display:flex; gap:4px; }
.inf-links { overflow-y:auto; max-height:200px; }
.inf-link { display:flex; align-items:center; gap:8px; padding:4px 12px; border-bottom:1px solid #111128; cursor:pointer; font-size:11px; color:#555; transition:background .15s; }
.inf-link:hover { background:#111130; color:#888; }
.inf-link.enabled { color:#B0BEC5; }
.inf-link input[type="checkbox"] { accent-color:#4A90D9; width:12px; height:12px; flex-shrink:0; }
.inf-link-name { flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.inf-link-src { color:#546E7A; font-size:10px; background:#1a1a2e; padding:1px 5px; border-radius:3px; flex-shrink:0; }
.infloww-import-area { padding:8px 0; }
.inf-dropzone { border:2px dashed #2a2a4a; border-radius:12px; padding:40px 20px; text-align:center; background:#0a0a18; transition:all .2s; }
.inf-dropzone.over, .inf-dropzone:hover { border-color:#4A90D9; background:#0d0d22; }
.inf-preview { margin-top:20px; padding:16px; background:#0e0e20; border:1px solid #1e3a2a; border-radius:8px; }
.inf-preview-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; color:#B0BEC5; font-size:13px; }
.inf-btn-primary { background:#1565C0; color:#fff; border:none; padding:8px 16px; border-radius:6px; cursor:pointer; font-size:12px; transition:background .2s; display:inline-flex; align-items:center; gap:4px; }
.inf-btn-primary:hover { background:#1976D2; }
.inf-btn-primary:disabled { opacity:.5; cursor:not-allowed; }
.inf-btn-sm { background:#1a1a2e; color:#B0BEC5; border:1px solid #2a2a4a; padding:6px 12px; border-radius:6px; cursor:pointer; font-size:11px; transition:all .2s; }
.inf-btn-sm:hover { background:#1e1e3a; }
.inf-btn-xs { background:#111128; color:#546E7A; border:1px solid #1e1e3a; padding:2px 7px; border-radius:4px; cursor:pointer; font-size:10px; transition:all .15s; }
.inf-btn-xs:hover { color:#90A4AE; }
.btn-infloww { background:transparent; border:1px solid #1e3a5a; color:#64B5F6; padding:5px 12px; border-radius:6px; cursor:pointer; font-size:12px; transition:all .2s; }
.btn-infloww:hover, .btn-infloww.active { background:#1565C0; color:#fff; border-color:#1565C0; }

/* Twitter nav button */
.btn-twitter { background:transparent; border:1px solid #1e3a5a; color:#1DA1F2; padding:5px 12px; border-radius:6px; cursor:pointer; font-size:12px; transition:all .2s; }
.btn-twitter:hover, .btn-twitter.active { background:#1DA1F2; color:#fff; border-color:#1DA1F2; }

/* ===== ASISTENTE INFLOWW ===== */
.asistente-container { display:flex; flex-direction:column; height:100%; gap:10px; }
.asistente-header { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; margin-bottom:2px; }
.asistente-title { font-size:15px; font-weight:bold; color:#e0d6c8; }
.asistente-status { display:flex; align-items:center; gap:4px; font-size:11px; color:#888; flex-wrap:wrap; }
.asistente-status-unknown { color:#555; }
.asistente-dot-green { color:#4CAF50; }
.asistente-dot-red { color:#F44336; }
.asistente-quick-btns { display:flex; flex-wrap:wrap; gap:6px; }
.asistente-quick-btn { background:#0e0e20; border:1px solid #2a2a4a; color:#90A4AE; padding:5px 12px; border-radius:20px; cursor:pointer; font-size:11px; transition:all .2s; white-space:nowrap; }
.asistente-quick-btn:hover { background:#1a1a3a; color:#64B5F6; border-color:#4A90D9; }
.asistente-messages { flex:1; overflow-y:auto; display:flex; flex-direction:column; gap:10px; padding:4px 0; min-height:120px; max-height:400px; }
.asistente-empty { text-align:center; padding:40px 20px; color:#555; font-size:13px; line-height:1.6; }
.asistente-msg { max-width:90%; padding:10px 14px; border-radius:10px; font-size:13px; line-height:1.6; white-space:pre-wrap; }
.asistente-msg-user { background:#1a2a4a; color:#B0BEC5; align-self:flex-end; border-radius:10px 10px 2px 10px; }
.asistente-msg-assistant { background:#111128; color:#e0d6c8; align-self:flex-start; border:1px solid #1e1e3a; border-radius:10px 10px 10px 2px; }
.asistente-msg-meta { font-size:10px; color:#546E7A; margin-top:4px; }
.asistente-loading { display:flex; gap:4px; padding:12px 14px; }
.asistente-loading span { width:6px; height:6px; background:#4A90D9; border-radius:50%; animation:asistente-bounce .9s infinite; }
.asistente-loading span:nth-child(2) { animation-delay:.15s; }
.asistente-loading span:nth-child(3) { animation-delay:.3s; }
@keyframes asistente-bounce { 0%,80%,100%{transform:scale(0.6);opacity:.4} 40%{transform:scale(1);opacity:1} }
.asistente-input-area { display:flex; gap:6px; margin-top:4px; }
.asistente-input { flex:1; background:#0e0e20; border:1px solid #2a2a4a; color:#e0d6c8; padding:8px 12px; border-radius:8px; font-size:13px; font-family:inherit; outline:none; transition:border-color .2s; }
.asistente-input:focus { border-color:#4A90D9; }
.asistente-input:disabled { opacity:.5; }
.asistente-send-btn { background:#1565C0; color:#fff; border:none; padding:8px 14px; border-radius:8px; cursor:pointer; font-size:14px; transition:background .2s; flex-shrink:0; }
.asistente-send-btn:hover { background:#1976D2; }
.asistente-send-btn:disabled { opacity:.5; cursor:not-allowed; }
.asistente-live-btn { background:#1a2a1a; color:#81C784; border:1px solid #2a4a2a; padding:8px 10px; border-radius:8px; cursor:pointer; font-size:11px; transition:all .2s; flex-shrink:0; white-space:nowrap; }
.asistente-live-btn:hover { background:#1e3a1e; border-color:#4CAF50; }
.asistente-live-btn:disabled { opacity:.5; cursor:not-allowed; }