*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#f6f7f9;color:#111827}.hidden{display:none!important}.login{min-height:100vh;display:grid;place-items:center}.login-card{width:min(420px,92vw);background:white;border:1px solid #e5e7eb;border-radius:24px;padding:30px;box-shadow:0 20px 60px rgba(17,24,39,.08)}.brand{font-weight:900;letter-spacing:.08em}.login-card input{width:100%;padding:13px;margin:8px 0;border:1px solid #d1d5db;border-radius:12px}.login-card button,.btn{padding:11px 14px;border:0;border-radius:11px;background:#111827;color:white;font-weight:800;cursor:pointer}.app{display:grid;grid-template-columns:230px 1fr;min-height:100vh}aside{background:white;border-right:1px solid #e5e7eb;padding:24px 14px}nav{display:flex;flex-direction:column;gap:5px;margin-top:22px}nav button{background:transparent;border:0;border-radius:11px;padding:11px;text-align:left;font-weight:700;cursor:pointer;color:#475569}nav button.active{background:#111827;color:white}.who{margin-top:16px;padding:12px;border:1px solid #e5e7eb;border-radius:12px;background:#f8fafc;font-size:12px}main{min-width:0}header{display:flex;justify-content:space-between;align-items:center;padding:22px 28px;border-bottom:1px solid #e5e7eb;background:rgba(246,247,249,.9);position:sticky;top:0;z-index:5}header h1{margin:0}.selectors{display:flex;gap:8px}.selectors select,.selectors button{padding:9px 11px;border:1px solid #d1d5db;border-radius:10px;background:white}#view{padding:26px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.card{grid-column:span 4;background:white;border:1px solid #e5e7eb;border-radius:18px;padding:20px;box-shadow:0 8px 28px rgba(17,24,39,.05)}.wide{grid-column:span 8}.full{grid-column:span 12}.kpi b{font-size:30px;display:block;margin-top:6px}.muted{color:#64748b}.status{display:inline-flex;gap:6px;align-items:center;padding:5px 8px;border-radius:999px;background:#f1f5f9;font-size:12px;font-weight:800}.dot{width:8px;height:8px;border-radius:50%;background:#94a3b8}.status.ok .dot{background:#16a34a}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:11px;border-bottom:1px solid #e5e7eb;text-align:left}.actions{display:flex;gap:8px;flex-wrap:wrap}.outline{background:white;color:#111827;border:1px solid #d1d5db}.orange{background:#ea580c}.teal{background:#0f766e}.conversation{border:1px solid #e5e7eb;border-radius:14px;padding:12px;margin:8px 0;background:white}.msg{padding:10px 12px;border-radius:12px;margin:7px 0;background:#f8fafc;border:1px solid #e5e7eb}.msg.user{background:#eaf3ff}.notice{padding:14px;border:1px solid #fed7aa;background:#fff7ed;border-radius:14px;color:#9a3412}@media(max-width:900px){.app{grid-template-columns:1fr}aside{display:none}.card,.wide{grid-column:span 12}header{align-items:flex-start;gap:12px;flex-direction:column}.selectors{width:100%;overflow:auto}}
.linkbtn{width:100%;margin-top:8px;background:transparent!important;color:#334155!important;border:1px solid #e2e8f0!important}
#loginMsg{margin-top:12px;color:#b91c1c;font-size:13px}
.state{padding:18px;border-radius:16px;border:1px solid #e2e8f0;background:#f8fafc}
.state.pending{background:#fff7ed;border-color:#fed7aa}
.state.paused{background:#fff7ed;border-color:#fdba74}
.state.rejected,.state.deleted{background:#fef2f2;border-color:#fecaca}
.state.approved{background:#f0fdf4;border-color:#bbf7d0}
.pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900;text-transform:uppercase;background:#eef2ff;color:#3730a3}
.pill.pending{background:#fff7ed;color:#9a3412}.pill.approved{background:#f0fdf4;color:#166534}.pill.paused{background:#fff7ed;color:#9a3412}.pill.rejected,.pill.deleted{background:#fef2f2;color:#991b1b}
.success{background:#15803d}.warn{background:#d97706}.danger{background:#b91c1c}
.sectionhead{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}
@media(max-width:900px){.sectionhead{flex-direction:column}.table{display:block;overflow:auto}}

.masterbtn{width:100%;margin-top:8px;background:#111827!important;color:#fff!important;border:1px solid #111827!important}
#recoveryMsg{margin-top:12px;font-size:13px;color:#166534}

/* V4 FULL CONTROL */
.primary{background:#111827;color:#fff}.teal{background:#0f766e;color:#fff}.orange{background:#c2410c;color:#fff}
.wa-card{border:1px solid #dbe2ea;border-radius:18px;padding:18px;margin:16px 0;background:#fff}
.wa-head,.sectionhead,.mini-wa{display:flex;align-items:center;justify-content:space-between;gap:16px}
.wa-head h3{margin:0 0 4px}.wa-head p{margin:0;color:#64748b}
.wa-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.connection-dot{font-size:11px;font-weight:900;padding:7px 10px;border-radius:999px}.connection-dot.online{background:#dcfce7;color:#166534}.connection-dot.offline{background:#fee2e2;color:#991b1b}
.connected-note{margin-top:12px;background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;padding:10px 12px;border-radius:12px;font-weight:700}
.empty-state{text-align:center;padding:38px;border:1px dashed #cbd5e1;border-radius:18px;background:#f8fafc}
.modal{position:fixed;inset:0;background:rgba(15,23,42,.45);display:grid;place-items:center;z-index:9999;padding:18px}
.modal-card{width:min(760px,96vw);max-height:90vh;overflow:auto;background:white;border-radius:20px;padding:22px;box-shadow:0 24px 70px rgba(15,23,42,.25)}
.qr-body{text-align:center;padding:18px}.qr-body img{max-width:340px;width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:16px;background:#fff}
.spinner{width:36px;height:36px;border:4px solid #e2e8f0;border-top-color:#111827;border-radius:50%;animation:spin .9s linear infinite;margin:20px auto}@keyframes spin{to{transform:rotate(360deg)}}
.activity-item,.knowledge-item,.calendar-event{display:flex;justify-content:space-between;gap:16px;align-items:center;border:1px solid #e2e8f0;border-radius:14px;padding:12px 14px;margin:8px 0;background:#fff}
.activity-item span{color:#64748b}
.crm-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #e2e8f0;padding-bottom:12px;margin-bottom:16px}.crm-tabs button{background:#fff;color:#334155;border:1px solid #e2e8f0}.crm-tabs button.active{background:#111827;color:#fff}
.history-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.conversation-card{border:1px solid #e2e8f0;border-radius:16px;padding:14px;background:#fff}
.messages{background:#f8fafc;border-radius:14px;padding:10px}.msg{padding:9px 11px;margin:7px 0;border-radius:12px;background:#fff;color:#111827;border:1px solid #e2e8f0}.msg.user{background:#eff6ff;border-color:#bfdbfe}
.calendar-wrap,.ai-crm{padding-top:4px}.calendar-event p,.mini-wa p{margin:3px 0;color:#64748b}.tiny{padding:6px 9px;font-size:11px;margin-left:10px}
.ai-crm textarea,.card textarea{width:100%;min-height:130px;border:1px solid #d1d5db;border-radius:12px;padding:12px;box-sizing:border-box;margin:8px 0}
.answer-box{margin-top:12px;padding:14px;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0;white-space:pre-wrap}
.notice{background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;padding:14px;color:#9a3412}
.switchrow{display:flex;align-items:center;gap:10px;margin:14px 0}.switchrow input{width:20px;height:20px}
.voice-controls{display:grid;gap:10px}.voice-controls input,.form-grid input{border:1px solid #d1d5db;border-radius:12px;padding:11px 12px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}
.hero-card{background:linear-gradient(135deg,#fff,#f8fafc)}
.error{color:#b91c1c}
@media(max-width:900px){.history-grid{grid-template-columns:1fr}.wa-head,.sectionhead,.mini-wa{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}}

.session-import-list{margin-top:14px;display:grid;gap:10px}
.session-import-row{display:flex;justify-content:space-between;gap:16px;align-items:center;border:1px solid #e2e8f0;border-radius:14px;padding:14px;background:#fff}
.session-import-row p{margin:4px 0;color:#64748b}.session-import-row code{font-size:11px;color:#475569}
.session-import-actions{display:flex;gap:8px;align-items:center}.session-import-actions select{border:1px solid #d1d5db;border-radius:10px;padding:9px 10px}
@media(max-width:900px){.session-import-row,.session-import-actions{flex-direction:column;align-items:stretch}}

/* V6_SYNCED */
.build-badge{display:inline-flex;vertical-align:middle;font-size:10px;line-height:1;background:#111827;color:#fff;border-radius:999px;padding:5px 7px;margin-left:6px}
.same-session{display:inline-flex;font-size:10px;font-weight:900;background:#e0f2fe;color:#075985;padding:4px 7px;border-radius:999px}
.brain-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:14px}
.brain-kpis>div{border:1px solid #e2e8f0;background:#fff;border-radius:14px;padding:14px}
.brain-kpis span{display:block;color:#64748b;font-size:12px}.brain-kpis b{display:block;margin-top:5px;font-size:20px}
.brain-connection{display:grid;grid-template-columns:1fr auto;gap:4px 10px;border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px;margin:8px 0}
.brain-connection small{grid-column:1/-1;color:#64748b}
@media(max-width:900px){.brain-kpis{grid-template-columns:1fr 1fr}}

/* V7 Knowledge Files */
.upload-zone{border:2px dashed #cbd5e1;border-radius:18px;padding:34px;text-align:center;background:#f8fafc;margin:16px 0;transition:.2s}
.upload-zone.dragover{border-color:#111827;background:#eef2ff;transform:translateY(-1px)}
.upload-zone h3{margin:8px 0}.upload-zone p{color:#64748b}.upload-icon{font-size:34px}
.knowledge-grid{display:grid;gap:12px;margin-top:16px}
.knowledge-file-card{display:grid;grid-template-columns:auto 1fr;gap:14px;border:1px solid #e2e8f0;background:#fff;border-radius:16px;padding:14px}
.knowledge-file-icon{font-size:30px;line-height:1;padding-top:4px}
.knowledge-file-main h3{margin:0}.knowledge-preview{white-space:pre-wrap;color:#334155;line-height:1.45;max-height:130px;overflow:hidden}
.modal-card input,.modal-card textarea{width:100%;box-sizing:border-box;border:1px solid #d1d5db;border-radius:12px;padding:11px 12px;margin:6px 0 12px}
@media(max-width:700px){.knowledge-file-card{grid-template-columns:1fr}.knowledge-file-icon{font-size:26px}}

/* V8 Live Conversations */
.live-conversations{display:grid;gap:14px}
.live-conversation-card{border:1px solid #e2e8f0;border-radius:18px;background:#fff;overflow:hidden}
.live-conversation-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid #eef2f7;background:#f8fafc}
.live-conversation-head h3{margin:0}.live-conversation-head p{margin:3px 0 0;color:#64748b}
.live-message-thread{padding:14px;max-height:520px;overflow:auto;background:#f8fafc}
.live-msg{max-width:75%;padding:10px 12px;border-radius:14px;margin:8px 0;line-height:1.4;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.live-msg.incoming{background:#fff;border:1px solid #e2e8f0;margin-right:auto}
.live-msg.outgoing{background:#dcfce7;border:1px solid #bbf7d0;margin-left:auto}
.live-msg-meta{font-size:10px;font-weight:800;color:#64748b;margin-bottom:4px;text-transform:uppercase}
@media(max-width:800px){.live-conversation-head{align-items:flex-start;flex-direction:column}.live-msg{max-width:92%}}

/* V9 FAST UI */
.loading-card{min-height:180px}.skeleton{background:linear-gradient(90deg,#eef2f7 25%,#f8fafc 50%,#eef2f7 75%);background-size:200% 100%;animation:shimmer 1.2s infinite;border-radius:10px}
.sk-title{width:32%;height:28px;margin-bottom:18px}.sk-line{width:85%;height:14px;margin:10px 0}.sk-line.short{width:54%}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}

.chat-layout{display:grid;grid-template-columns:360px minmax(0,1fr);min-height:600px;border:1px solid #e2e8f0;border-radius:18px;overflow:hidden;background:#fff}
.chat-list-pane{border-right:1px solid #e2e8f0;background:#fff;max-height:680px;overflow:auto}
.chat-thread-pane{min-width:0;background:#f8fafc}
.chat-list-item{width:100%;display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;text-align:left;border:0;border-bottom:1px solid #eef2f7;background:#fff;color:#111827;padding:12px}
.chat-list-item:hover,.chat-list-item.active{background:#f1f5f9}
.chat-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#111827;color:#fff;font-weight:800}
.chat-list-copy{min-width:0}.chat-list-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.chat-list-top span{font-size:11px;color:#94a3b8}
.chat-list-copy p{margin:4px 0 0;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.thread-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 16px;background:#fff;border-bottom:1px solid #e2e8f0}
.thread-head h3{margin:0}.thread-head p{margin:3px 0;color:#64748b}
.empty-thread,.thread-loading{min-height:500px;display:grid;place-items:center;align-content:center;text-align:center}
.session-id-row{display:flex;align-items:center;gap:8px;margin-top:6px}.session-id-row code{font-size:11px;color:#475569;background:#f1f5f9;padding:4px 6px;border-radius:7px}.copy-session{border:0;background:transparent;color:#2563eb;font-size:11px;font-weight:700;cursor:pointer;padding:0}
@media(max-width:900px){.chat-layout{grid-template-columns:1fr}.chat-list-pane{max-height:260px;border-right:0;border-bottom:1px solid #e2e8f0}}

/* V10 Rich Mass Messages */
.media-composer-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.media-box{border:1px solid #e2e8f0;border-radius:16px;padding:14px;background:#fff}
.media-box h4{margin:0 0 4px}
.media-drop{border:2px dashed #cbd5e1;border-radius:16px;padding:22px;text-align:center;background:#f8fafc;display:grid;gap:8px;justify-items:center}
.media-drop.dragover{border-color:#111827;background:#eef2ff}
.media-drop span{font-size:30px}.media-drop small{color:#64748b}
.voice-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.voice-recorder-state{padding:10px 12px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0;color:#475569}
.mass-media-preview{display:grid;gap:10px;margin-top:14px}
.mass-media-item{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;border:1px solid #e2e8f0;border-radius:14px;padding:12px;background:#fff}
.mass-media-icon{font-size:28px}.mass-media-copy{display:grid;gap:4px}.mass-media-copy small{color:#64748b}.mass-media-copy audio{width:min(520px,100%);height:36px}
.consent-box{margin-top:14px;padding:12px;border:1px solid #fed7aa;background:#fff7ed;border-radius:14px}
.form-grid label{display:grid;gap:6px;color:#475569;font-size:12px;font-weight:700}
@media(max-width:900px){.media-composer-grid{grid-template-columns:1fr}.mass-media-item{grid-template-columns:1fr}}