/* Header */
.biz-header { display: flex; align-items: center; gap: 16px; padding: 20px 24px; }
.biz-header h2 { margin: 0; font-size: 1.5rem; color: #e2e8f0; }
.biz-global-stats { display: flex; gap: 24px; margin-left: auto; }

/* Grid */
.biz-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 16px; padding: 0 24px 24px; }

/* Card */
.biz-card { background: linear-gradient(135deg, #1e1e2e, #252540); border: 1.5px solid #333; border-radius: 12px; padding: 16px 20px; cursor: pointer; transition: border-color 0.2s, box-shadow 0.2s; }
.biz-card:hover { border-color: #a78bfa; box-shadow: 0 0 20px rgba(167,139,250,0.15); }
.biz-card-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
.biz-card-name { font-weight: 600; color: #f1f5f9; font-size: 1.1rem; }
.biz-card-score { color: #a78bfa; font-weight: 700; }
.biz-card-niche { color: #94a3b8; font-size: 0.85rem; margin-bottom: 12px; }
.biz-card-kpis { display: flex; gap: 16px; color: #cbd5e1; font-size: 0.85rem; margin-bottom: 8px; }
.biz-card-agents { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.biz-card-agent { font-size: 0.75rem; padding: 2px 8px; border-radius: 10px; background: #2a2a4a; color: #94a3b8; }
.biz-card-time { color: #64748b; font-size: 0.78rem; margin-top: 8px; }

/* Status dots */
.biz-dot { width: 8px; height: 8px; border-radius: 50%; display: inline-block; margin-right: 8px; }
.biz-dot-active { background: #22c55e; }
.biz-dot-paused { background: #eab308; }
.biz-dot-archived { background: #64748b; }
.biz-dot-running { background: #22c55e; animation: biz-pulse 2s infinite; }
.biz-dot-idle { background: #64748b; }
.biz-dot-error { background: #ef4444; }
@keyframes biz-pulse { 0%,100% { opacity: 1; } 50% { opacity: 0.4; } }

/* Details panel */
.biz-details-panel { position: fixed; top: 0; right: 0; width: 520px; height: 100vh; background: #1a1a2e; border-left: 1.5px solid #333; z-index: 1000; overflow-y: auto; transform: translateX(100%); transition: transform 0.25s ease; }
.biz-details-panel.open { transform: translateX(0); }
.biz-details-header { display: flex; justify-content: space-between; align-items: center; padding: 20px 24px; border-bottom: 1px solid #333; }
.biz-details-close { background: none; border: none; color: #94a3b8; font-size: 1.5rem; cursor: pointer; }
.biz-details-body { padding: 20px 24px; }

/* KPI grid */
.biz-kpi-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 20px; }
.biz-kpi-box { background: #252540; border-radius: 10px; padding: 12px 16px; text-align: center; }
.biz-kpi-value { font-size: 1.4rem; font-weight: 700; color: #f1f5f9; }
.biz-kpi-label { font-size: 0.75rem; color: #94a3b8; margin-top: 4px; }

/* Activity */
.biz-activity-list { list-style: none; padding: 0; }
.biz-activity-item { padding: 8px 0; border-bottom: 1px solid #2a2a3a; display: flex; gap: 10px; align-items: flex-start; }
.biz-activity-dot { width: 6px; height: 6px; border-radius: 50%; margin-top: 6px; flex-shrink: 0; }
.biz-activity-text { color: #cbd5e1; font-size: 0.85rem; }
.biz-activity-meta { color: #64748b; font-size: 0.75rem; }
.biz-activity-details { color: #64748b; font-size: 0.75rem; margin-top: 2px; }

/* Gauge SVG */
.biz-gauge { text-align: center; margin-bottom: 8px; }
.biz-gauge-label { font-size: 0.75rem; color: #94a3b8; }

/* Global stat */
.biz-stat { text-align: center; }
.biz-stat-value { font-size: 1.2rem; font-weight: 700; color: #a78bfa; }
.biz-stat-label { font-size: 0.7rem; color: #64748b; }

/* Scrollbar */
.biz-details-body::-webkit-scrollbar { width: 6px; }
.biz-details-body::-webkit-scrollbar-track { background: transparent; }
.biz-details-body::-webkit-scrollbar-thumb { background: #3a3a5a; border-radius: 3px; }

/* Add button */
#biz-add-btn { background: #a78bfa; color: #fff; border: none; padding: 8px 16px; border-radius: 8px; cursor: pointer; font-size: 0.85rem; }
#biz-add-btn:hover { background: #8b5cf6; }

/* Communications section */
.biz-comm-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 20px; }
.biz-section-title { color: #a78bfa; font-size: 0.85rem; font-weight: 600; margin: 16px 0 8px; text-transform: uppercase; letter-spacing: 0.5px; }

/* Tags */
.biz-tag { display: inline-block; padding: 2px 8px; border-radius: 8px; background: #2a2a4a; color: #a78bfa; font-size: 0.7rem; margin-right: 4px; }

/* Agents in details */
.biz-agent-row { display: flex; align-items: center; gap: 8px; padding: 6px 0; color: #cbd5e1; font-size: 0.85rem; }