:root{--bg-primary:#fff;--bg-secondary:#fafafa;--bg-tertiary:#f4f4f5;--text-primary:#000;--text-secondary:#52525b;--text-tertiary:#a1a1aa;--border-color:#e4e4e7;--border-focus:#000;--accent-color:#000;--accent-hover:#18181b;--status-success:#000;--status-danger:#ef4444;--status-warning:#f59e0b;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008}.dark{--bg-primary:#000;--bg-secondary:#09090b;--bg-tertiary:#18181b;--text-primary:#fff;--text-secondary:#a1a1aa;--text-tertiary:#52525b;--border-color:#27272a;--border-focus:#fff;--accent-color:#fff;--accent-hover:#f4f4f5;--shadow-sm:0 1px 2px 0 #00000080;--shadow-md:0 4px 6px -1px #00000080}body{font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}#root{box-sizing:border-box;flex-direction:column;min-height:100vh;display:flex}.app-container{background-color:var(--bg-primary);border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);box-sizing:border-box;flex-direction:column;width:100%;max-width:1440px;min-height:100vh;margin:0 auto;display:flex}header{border-bottom:1px solid var(--border-color);background-color:var(--bg-primary);justify-content:space-between;align-items:center;padding:24px 40px;display:flex}.brand-section{flex-direction:column;display:flex}.brand-logo{letter-spacing:.25em;text-transform:uppercase;color:var(--text-primary);margin:0;font-size:24px;font-weight:800}.brand-subtitle{letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);margin-top:4px;font-size:10px;font-weight:500}.nav-tabs{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;gap:8px;padding:4px;display:flex}.nav-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.nav-tab:hover{color:var(--text-primary)}.nav-tab.active{background-color:var(--bg-primary);color:var(--text-primary);box-shadow:var(--shadow-sm)}main{background-color:var(--bg-secondary);flex-grow:1;padding:40px}.dashboard-card{background-color:var(--bg-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:8px;margin-bottom:24px;padding:32px}.dashboard-card-title{letter-spacing:0;border-bottom:1px solid var(--border-color);align-items:center;gap:8px;margin:0 0 24px;padding-bottom:12px;font-size:18px;font-weight:700;display:flex}.form-group{margin-bottom:20px}.form-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:8px;font-size:12px;font-weight:700;display:block}.form-input{width:100%;font-size:14px;font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-primary);border:1px solid var(--border-color);box-sizing:border-box;border-radius:6px;padding:10px 14px;transition:border-color .2s}.form-input:focus{border-color:var(--border-focus);outline:none}.form-input:disabled{background-color:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed}.btn{cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-sans);border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--accent-color);color:var(--bg-primary);border:1px solid var(--accent-color)}.btn-primary:hover{background-color:var(--accent-hover)}.btn-secondary{background-color:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--bg-tertiary);border-color:var(--text-secondary)}.status-pill{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.status-pill.success{color:var(--status-success);background-color:#0000000f}.status-pill.danger{color:var(--status-danger);background-color:#ef44441a}.grid-2{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=1024px){.grid-2{grid-template-columns:1fr}header{flex-direction:column;align-items:flex-start;gap:16px;padding:16px 20px}main{padding:20px}}.logs-console{color:#a1a1aa;font-family:var(--font-mono);text-align:left;background-color:#09090b;border:1px solid #27272a;border-radius:6px;max-height:400px;padding:20px;font-size:12px;line-height:1.6;overflow-y:auto}.log-entry{gap:12px;margin-bottom:8px;display:flex}.log-time{color:#71717a;flex-shrink:0}.log-tag{text-transform:uppercase;border-radius:3px;flex-shrink:0;padding:1px 4px;font-size:10px;font-weight:700}.log-tag.info{color:#60a5fa;background-color:#3b82f633}.log-tag.webhook{color:#34d399;background-color:#0000001f}.log-tag.error{color:#f87171;background-color:#ef444433}.log-tag.rag{color:#fbbf24;background-color:#f59e0b33}.chat-container{border:1px solid var(--border-color);background-color:var(--bg-secondary);border-radius:8px;flex-direction:column;height:450px;display:flex;overflow:hidden}.chat-header{color:#fff;background-color:#000;border-bottom:1px solid #00000014;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.chat-body{flex-direction:column;flex-grow:1;gap:12px;padding:20px;display:flex;overflow-y:auto}.chat-bubble{overflow-wrap:anywhere;border-radius:8px;max-width:min(76%,620px);padding:8px 10px 6px;font-size:14px;line-height:1.55;box-shadow:0 1px 1px #00000014}.chat-bubble.sent{color:#111827;background-color:#d9fdd3;border-bottom-right-radius:1px;align-self:flex-end}.chat-bubble.received{color:#111827;background-color:#fff;border:none;border-bottom-left-radius:1px;align-self:flex-start}.message-content{color:inherit;font-size:14px;line-height:1.58}.formatted-message p{margin:0 0 10px}.formatted-message p:last-child{margin-bottom:0}.formatted-message strong{font-weight:800}.message-list{flex-direction:column;gap:8px;margin:10px 0 0;padding-left:22px;display:flex}.message-list+p{margin-top:12px}.message-list li{padding-left:3px}.message-list li::marker{color:var(--text-secondary);font-weight:800}.chat-footer{border-top:1px solid var(--border-color);background-color:#f0f2f5;gap:12px;padding:12px 20px;display:flex}.agent-workspace{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:stretch;gap:24px;display:grid}.agent-chat-card,.prompt-editor-card{flex-direction:column;min-width:0;display:flex}.agent-card-title{justify-content:space-between;align-items:center}.agent-card-title span:first-child{align-items:center;gap:8px;min-width:0;display:inline-flex}.card-helper{color:var(--text-secondary);margin:0 0 16px;font-size:13px;line-height:1.5}.agent-title-actions,.table-card-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.table-card-header{justify-content:space-between;align-items:center;gap:16px;padding:0 24px 16px;display:flex}.danger-soft{color:var(--status-danger);border-color:#ef444440}.danger-soft:hover{background-color:#ef44440f;border-color:#ef444473}.agent-chat-container{flex:1;height:clamp(520px,66vh,720px);min-height:560px}.agent-chat-body{background-color:#efeae2;background-image:radial-gradient(circle at 12px 12px,#00000006 1px,#0000 1px),radial-gradient(circle at 28px 28px,#00000005 1px,#0000 1px);background-size:40px 40px}.chat-agent-name{align-items:center;gap:8px;min-width:0;font-size:13px;font-weight:700;display:inline-flex}.soft-status-dot{background-color:var(--status-success);width:8px;height:8px;box-shadow:0 0 6px var(--status-success);border-radius:9999px;flex:none}.empty-chat-state{text-align:center;color:var(--text-secondary);max-width:320px;margin:auto}.empty-chat-state svg{color:var(--status-success);opacity:.85;margin-bottom:12px}.empty-chat-state div{color:var(--text-primary);margin-bottom:6px;font-size:14px;font-weight:700}.empty-chat-state p{margin:0;font-size:12.5px;line-height:1.5}.message-meta{color:#667781;justify-content:flex-end;align-items:center;gap:12px;margin-top:3px;font-size:10px;display:flex}.message-meta-flags{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.context-used{color:var(--status-success);font-weight:800}.whatsapp-media-bubble{width:min(260px,76%);padding:4px}.whatsapp-media-bubble img{aspect-ratio:4/5;object-fit:cover;border-radius:6px;width:100%;display:block}.whatsapp-media-caption{color:#111827;padding:7px 7px 2px;font-size:13px;font-weight:600}.whatsapp-user-media-bubble .whatsapp-media-caption{color:#111827}.hidden-file-input{display:none}.chat-image-preview{border:1px solid var(--border-color);background-color:var(--bg-primary);border-radius:8px;flex:0 0 54px;width:54px;height:54px;position:relative;overflow:hidden}.chat-image-preview img{object-fit:cover;width:100%;height:100%;display:block}.chat-image-preview button{color:#fff;cursor:pointer;background:#111827d1;border:0;border-radius:999px;width:18px;height:18px;padding:0;font-size:14px;line-height:18px;position:absolute;top:3px;right:3px}.simulation-insight-card{border:1px solid var(--border-color);background-color:var(--bg-primary);border-radius:8px;grid-template-columns:76px minmax(0,1fr);gap:14px;margin-top:16px;padding:14px;display:grid}.simulation-insight-image{aspect-ratio:1;border:1px solid var(--border-color);background-color:var(--bg-secondary);border-radius:6px;justify-content:center;align-items:center;width:76px;display:flex;overflow:hidden}.simulation-insight-image img{object-fit:cover;width:100%;height:100%}.simulation-insight-image.placeholder{color:var(--text-secondary)}.simulation-insight-info{flex-direction:column;gap:6px;min-width:0;display:flex}.simulation-insight-kicker{color:var(--status-success);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:800}.simulation-insight-name{font-size:13.5px;font-weight:800;line-height:1.25}.simulation-insight-tags{flex-wrap:wrap;gap:6px;display:flex}.simulation-insight-tags span{border:1px solid var(--border-color);color:var(--text-secondary);background-color:var(--bg-primary);border-radius:999px;padding:3px 7px;font-size:10.5px}.simulation-insight-info p{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.45}.icon-submit-btn{width:48px;min-width:48px;padding:0}.prompt-editor-form{flex-direction:column;flex:1;gap:14px;display:flex}.prompt-textarea{resize:vertical;flex:1;min-height:420px;line-height:1.55}.prompt-message{border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-secondary);border-radius:6px;padding:10px 12px;font-size:12px;line-height:1.45}.prompt-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.product-list{flex-direction:column;display:flex}.product-row{border-top:1px solid var(--border-color);grid-template-columns:74px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 24px;display:grid}.product-thumb{aspect-ratio:1;border:1px solid var(--border-color);background-color:var(--bg-secondary);border-radius:6px;justify-content:center;align-items:center;width:74px;display:flex;overflow:hidden}.product-thumb img{object-fit:cover;width:100%;height:100%}.product-row-info{min-width:0}.product-row-name{font-size:14px;font-weight:800}.product-row-desc{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:12px;overflow:hidden}.product-row-tags{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.product-row-actions{flex-direction:column;align-items:stretch;gap:6px;display:flex}.product-row-actions .btn{white-space:nowrap;padding:6px 10px;font-size:11px}.product-media-strip,.product-media-preview-grid{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.product-media-chip,.product-media-preview{border:1px solid var(--border-color);background-color:var(--bg-secondary);border-radius:6px;width:70px;height:86px;position:relative;overflow:hidden}.product-media-preview{width:96px;height:124px}.product-media-chip.primary{border-color:var(--status-success);box-shadow:0 0 0 1px #00000024}.product-media-chip img,.product-media-preview img{object-fit:cover;width:100%;height:calc(100% - 24px);display:block}.product-media-preview button{color:#fff;cursor:pointer;background:#111827d6;border:0;border-radius:999px;width:18px;height:18px;padding:0;line-height:18px;position:absolute;top:3px;right:3px}.product-media-chip-actions{flex-wrap:wrap;justify-content:center;gap:2px;display:flex;position:absolute;inset:auto 2px 25px}.product-media-chip-actions button{color:#fff;cursor:pointer;background:#111827d6;border:0;border-radius:4px;padding:2px 3px;font-size:8.5px}.product-media-label,.media-label-select{border:1px solid var(--border-color);height:20px;color:var(--text-primary);text-align:center;background:#fffffff0;border-radius:4px;font-size:10px;font-weight:700;line-height:18px;position:absolute;bottom:2px;left:2px;right:2px}.media-label-select{cursor:pointer;padding:0 4px}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a7a;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{border:1px solid var(--border-color);background:var(--bg-card);border-radius:8px;width:min(92vw,560px);max-height:min(86vh,760px);overflow:auto;box-shadow:0 22px 70px #0f172a3d}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 22px 16px;display:flex}.modal-header h3{margin:0;font-size:18px;line-height:1.2}.modal-header p{color:var(--text-secondary);margin:6px 0 0;font-size:13px}.modal-close-btn{border:1px solid var(--border-color);background:var(--bg-secondary);width:32px;height:32px;color:var(--text-primary);cursor:pointer;border-radius:6px;font-size:22px;line-height:26px}.media-label-modal{width:min(92vw,640px)}.media-label-modal-body{grid-template-columns:180px minmax(0,1fr);gap:20px;padding:22px;display:grid}.media-label-modal-preview{border:1px solid var(--border-color);background:var(--bg-secondary);aspect-ratio:4/5;border-radius:8px;overflow:hidden}.media-label-modal-preview img{object-fit:cover;width:100%;height:100%;display:block}.media-label-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.media-label-choice{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:9px 10px;font-size:12px;font-weight:700;transition:border-color .15s,background-color .15s,color .15s}.media-label-choice.active{border-color:var(--status-success);color:var(--status-success);background:#00000014}.media-label-help{color:var(--text-secondary);margin:10px 0 0;font-size:12px;line-height:1.5}.modal-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:10px;padding:16px 22px 22px;display:flex}.conversation-modal{width:min(94vw,1080px)}.conversation-modal-grid{grid-template-columns:minmax(0,1fr) 320px;gap:18px;display:grid}.conversation-thread{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;flex-direction:column;gap:12px;max-height:520px;padding:16px;display:flex;overflow-y:auto}.customer-notes-panel{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:6px;flex-direction:column;min-height:0;max-height:520px;display:flex;overflow:hidden}.customer-notes-header{border-bottom:1px solid var(--border-color);background:var(--bg-card);justify-content:space-between;align-items:center;gap:10px;padding:14px;display:flex}.customer-notes-header h4{margin:0;font-size:14px}.customer-notes-list{flex-direction:column;gap:10px;padding:12px;display:flex;overflow-y:auto}.customer-note-empty{color:var(--text-secondary);text-align:center;padding:20px 12px;font-size:12px}.customer-note-card{border:1px solid var(--border-color);background:var(--bg-card);border-radius:6px;padding:12px}.customer-note-topline{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.customer-note-topline button{width:26px;height:26px;color:var(--status-error);cursor:pointer;background:#ef44440f;border:1px solid #ef444440;border-radius:6px}.customer-note-card strong{margin-bottom:6px;font-size:13px;display:block}.customer-note-followup{color:var(--status-success);background:#00000014;border-radius:999px;align-items:center;margin-bottom:8px;padding:4px 7px;font-size:11px;font-weight:800;display:inline-flex}.customer-note-card p{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.45}.customer-note-card small{color:var(--text-secondary);margin-top:8px;font-size:10px;display:block}.customer-note-form{border-top:1px solid var(--border-color);background:var(--bg-card);flex-direction:column;gap:8px;padding:12px;display:flex}.customer-note-form .btn{justify-content:center}.followups-page{gap:20px;display:grid}.followups-hero{justify-content:space-between;align-items:center;gap:18px;display:flex}.followups-hero h1{margin:0;font-size:28px;line-height:1.15}.followups-hero p{color:var(--text-secondary);margin:8px 0 0;font-size:15px;line-height:1.5}.followup-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.followup-summary-card{border:1px solid var(--border-color);background:var(--bg-primary);box-shadow:var(--shadow-sm);border-radius:8px;padding:18px}.followup-summary-card span{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700;display:block}.followup-summary-card strong{margin-top:8px;font-size:30px;line-height:1;display:block}.followup-summary-card.overdue{border-color:#ef444459}.followup-summary-card.today{border-color:#f59e0b59}.followup-summary-card.upcoming{border-color:#0000002e}.followup-summary-card.urgent{background:linear-gradient(180deg, #ef444414, var(--bg-primary))}.followup-board{padding:0;overflow:hidden}.followup-board .table-card-header{padding:20px 24px}.followup-board-count{color:var(--text-secondary);font-size:12px;font-weight:700}.followup-list{display:grid}.followup-card{border-top:1px solid var(--border-color);background:var(--bg-primary);border-left:4px solid #0000;grid-template-columns:minmax(0,1fr) auto;gap:20px;padding:22px 24px;display:grid}.followup-card.overdue{border-left-color:var(--status-danger)}.followup-card.today{border-left-color:var(--status-warning)}.followup-card.upcoming{border-left-color:var(--status-success)}.followup-card.urgent{background:linear-gradient(90deg, #ef44440d, var(--bg-primary) 44%)}.followup-card-topline{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.followup-state-pill,.followup-priority-pill{border:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.03em;border-radius:999px;align-items:center;padding:4px 9px;font-size:11px;font-weight:800;display:inline-flex}.followup-state-pill{color:var(--status-success);background:#0000000d}.followup-priority-pill{color:var(--status-danger);background:#ef444414}.followup-date{color:var(--text-secondary);font-size:12px;font-weight:700}.followup-card h3{margin:0 0 8px;font-size:17px}.followup-card-main>p{color:var(--text-primary);margin:0;line-height:1.55}.followup-source{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:8px;margin-top:14px;padding:12px}.followup-source span{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:11px;font-weight:800;display:block}.followup-source p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.45}.followup-meta{color:var(--text-secondary);flex-wrap:wrap;gap:10px;margin-top:12px;font-size:12px;font-weight:700;display:flex}.followup-actions{align-content:start;gap:8px;min-width:150px;display:grid}.followup-actions .btn{width:100%}.postpone-modal{width:min(92vw,520px)}.postpone-modal-body{padding:22px}.postpone-quick-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.followup-message-modal{width:min(94vw,720px)}.followup-message-modal-body{gap:16px;padding:22px;display:grid}.followup-message-context{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:8px;padding:12px 14px}.followup-message-context span{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin-bottom:4px;font-size:12px;font-weight:800;display:block}.followup-message-context p{margin:0;line-height:1.5}.followup-message-textarea{resize:vertical;min-height:180px;line-height:1.55}.followup-schedule-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;display:grid}.followup-action-message{color:var(--text-primary);background:#0000000d;border:1px solid #00000029;border-radius:8px;padding:11px 12px;font-size:13px;line-height:1.45}.followup-message-actions{flex-wrap:wrap}.product-ai-row{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:10px;margin-top:8px;font-size:11px;display:flex}.product-ai-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.product-ai-row .btn{flex:none;padding:6px 10px;font-size:11px}.product-analysis-message{border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-secondary);border-radius:6px;margin-top:8px;padding:8px 10px;font-size:11.5px;line-height:1.4}.minimal-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.minimal-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding:12px 16px;font-size:11px;font-weight:700}.minimal-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle;padding:16px}.minimal-table tr:hover{background-color:var(--bg-secondary)}.dropzone{border:2px dashed var(--border-color);text-align:center;cursor:pointer;background-color:var(--bg-primary);border-radius:8px;padding:40px;transition:all .2s}.dropzone:hover{border-color:var(--text-secondary);background-color:var(--bg-secondary)}.dropzone-icon{width:48px;height:48px;color:var(--text-secondary);margin-bottom:16px}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-gap-8{align-items:center;gap:8px;display:flex}.badge-outline{border:1px solid var(--border-color);color:var(--text-secondary);background-color:var(--bg-primary);text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-anim{animation:1s linear infinite spin}@keyframes blink{0%,to{opacity:.3}50%{opacity:1}}.dot-blink{animation:1.4s infinite both blink;display:inline-block}.wazzap-app{background-color:var(--bg-secondary);min-height:100vh;color:var(--text-primary);font-family:var(--font-sans);width:100%;display:flex}.wazzap-sidebar{color:#fff;box-sizing:border-box;z-index:100;background-color:#050505;border-right:1px solid #111;flex-direction:column;flex-shrink:0;width:260px;height:100vh;transition:width .22s,background-color .2s,border-color .2s;display:flex;position:sticky;top:0}.dark .wazzap-sidebar{color:#000;background-color:#fff;border-right-color:#e5e5e5}.wazzap-sidebar.collapsed{width:76px}.sidebar-logo-section{border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:12px;min-height:68px;padding:14px 16px;display:flex}.dark .sidebar-logo-section{border-bottom-color:#e5e5e5}.sidebar-logo{align-items:center;gap:11px;min-width:0;display:flex}.brand-logo-mark{background-color:#fff;border:1px solid #ffffff38;border-radius:10px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.dark .brand-logo-mark{border-color:#d4d4d8}.brand-logo-image{object-fit:contain;width:33px;height:22px;display:block}.brand-wordmark{color:#fff;letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:800;overflow:hidden}.dark .brand-wordmark{color:#000}.sidebar-collapse-btn{color:#ffffffc7;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:background-color .2s,color .2s,transform .2s;display:flex}.dark .sidebar-collapse-btn{color:#52525b;background:#f4f4f5;border-color:#e4e4e7}.sidebar-collapse-btn:hover{color:#000;background-color:#fff}.dark .sidebar-collapse-btn:hover{color:#fff;background-color:#000;border-color:#000}.wazzap-sidebar.collapsed .sidebar-collapse-btn svg{transform:rotate(180deg)}.sidebar-nav{flex-direction:column;flex:1;gap:6px;padding:14px 12px;display:flex;overflow-y:auto}.sidebar-nav-item{color:#ffffffb8;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;min-height:44px;padding:10px 12px;font-size:13.5px;font-weight:650;transition:background-color .2s,color .2s,box-shadow .2s;display:flex;position:relative}.dark .sidebar-nav-item{color:#52525b}.sidebar-nav-item:hover{color:#fff;background-color:#ffffff1a}.dark .sidebar-nav-item:hover{color:#000;background-color:#f4f4f5}.sidebar-nav-item.active{color:#000;background-color:#fff;box-shadow:0 10px 22px #0000003d}.dark .sidebar-nav-item.active{color:#fff;box-shadow:none;background-color:#000}.sidebar-nav-item svg{flex:none}.sidebar-badge,.nav-badge{color:#000;background-color:#fff;border-radius:9999px;margin-left:auto;padding:2px 6px;font-size:10px;font-weight:700}.dark .sidebar-badge,.dark .nav-badge,.sidebar-nav-item.active .sidebar-badge,.sidebar-nav-item.active .nav-badge{color:#fff;background-color:#000}.dark .sidebar-nav-item.active .sidebar-badge,.dark .sidebar-nav-item.active .nav-badge{color:#000;background-color:#fff}.sidebar-footer{border-top:1px solid #ffffff1f;flex-direction:column;gap:16px;padding:16px 12px;display:flex}.dark .sidebar-footer{border-top-color:#e5e5e5}.theme-toggle-section{align-items:center;display:flex}.theme-toggle-btn{color:#ffffffbd;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:44px;padding:8px 10px;font-size:13px;font-weight:650;display:flex}.dark .theme-toggle-btn{color:#52525b}.theme-toggle-btn:hover{color:#fff;background-color:#ffffff1a}.dark .theme-toggle-btn:hover{color:#000;background-color:#f4f4f5}.sidebar-credits-card{background-color:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex}.dark .sidebar-credits-card{background-color:#f4f4f5;border-color:#e5e5e5}.credits-header{color:#ffffffb8;justify-content:space-between;font-size:12px;display:flex}.dark .credits-header{color:#52525b}.credits-count{color:#fff;font-weight:700}.dark .credits-count{color:#000}.progress-bar-container{background-color:#ffffff2e;border-radius:2px;height:4px;overflow:hidden}.dark .progress-bar-container{background-color:#d4d4d8}.progress-bar{background-color:#fff;border-radius:2px;height:100%}.dark .progress-bar{background-color:#000}.sidebar-user-profile{align-items:center;gap:12px;padding:6px;display:flex}.sidebar-user-profile .avatar{color:#000;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.dark .sidebar-user-profile .avatar{color:#fff;background-color:#000}.sidebar-user-profile .user-info{flex-direction:column;display:flex}.sidebar-user-profile .user-name{color:#fff;font-size:13.5px;font-weight:600}.dark .sidebar-user-profile .user-name{color:#000}.sidebar-user-profile .user-plan{color:#ffffff94;font-size:11px}.dark .sidebar-user-profile .user-plan{color:#71717a}.wazzap-sidebar.collapsed .brand-wordmark,.wazzap-sidebar.collapsed .sidebar-nav-item span:not(.sidebar-badge):not(.nav-badge),.wazzap-sidebar.collapsed .theme-toggle-btn span,.wazzap-sidebar.collapsed .sidebar-credits-card,.wazzap-sidebar.collapsed .sidebar-user-profile .user-info{display:none}.wazzap-sidebar.collapsed .sidebar-logo-section{justify-content:center;padding-inline:12px}.wazzap-sidebar.collapsed .sidebar-logo{justify-content:center}.wazzap-sidebar.collapsed .sidebar-collapse-btn{box-shadow:var(--shadow-md);position:absolute;top:17px;right:-15px}.wazzap-sidebar.collapsed .sidebar-nav{align-items:center}.wazzap-sidebar.collapsed .sidebar-nav-item,.wazzap-sidebar.collapsed .theme-toggle-btn{justify-content:center;padding-inline:0}.wazzap-sidebar.collapsed .sidebar-badge,.wazzap-sidebar.collapsed .nav-badge{margin-left:0;position:absolute;top:5px;right:8px}.wazzap-main{background-color:var(--bg-secondary);flex-direction:column;flex:1;min-width:0;min-height:100vh;display:flex;overflow-x:hidden}.wazzap-topbar{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);box-sizing:border-box;justify-content:space-between;align-items:center;height:64px;padding:16px clamp(20px,2.6vw,40px);display:flex}.topbar-left{align-items:center;gap:8px;font-size:14px;display:flex}.topbar-org{color:var(--text-primary);font-weight:700}.topbar-separator{color:var(--text-tertiary)}.topbar-current-tab{color:var(--text-secondary)}.topbar-right{align-items:center;gap:20px;display:flex}.status-indicator{align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:flex}.status-indicator.online{color:var(--status-success)}.status-indicator.offline{color:var(--status-danger)}.status-indicator .dot{border-radius:50%;width:8px;height:8px;display:inline-block}.status-indicator.online .dot{background-color:var(--status-success);box-shadow:0 0 6px var(--status-success)}.status-indicator.offline .dot{background-color:var(--status-danger)}.language-selector{border:1px solid var(--border-color);color:var(--text-secondary);background-color:var(--bg-primary);border-radius:4px;padding:4px 8px;font-size:11px;font-weight:700}.wazzap-viewport{flex:1;padding:clamp(20px,2.6vw,40px);overflow-y:auto}.dashboard-hero{margin-bottom:32px}.dashboard-hero h2{color:var(--text-primary);margin:0;font-size:26px;font-weight:800}.dashboard-hero h2 span{color:var(--text-primary)}.dashboard-hero .subtitle{color:var(--text-secondary);margin:8px 0 0;font-size:14px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px;display:grid}.stat-card{background-color:var(--bg-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:12px;justify-content:space-between;align-items:center;padding:24px;display:flex}.stat-info{flex-direction:column;gap:4px;display:flex}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.stat-value{color:var(--text-primary);font-size:28px;font-weight:800}.stat-desc{color:var(--text-secondary);font-size:12px}.stat-icon-box{color:#000;background-color:#0000000f;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.dark .stat-icon-box{color:#fff;background-color:#ffffff1a}.app-footer{border-top:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-secondary);justify-content:space-between;align-items:center;gap:16px;padding:20px 40px;font-size:11px;display:flex}@media (width<=1180px){.wazzap-viewport{padding:28px}.agent-workspace{grid-template-columns:1fr}.prompt-textarea{min-height:320px}}@media (width<=900px){.wazzap-app{flex-direction:column}.wazzap-sidebar{border-right:none;border-bottom:1px solid var(--border-color);width:100%;height:auto;position:relative}.wazzap-sidebar,.dark .wazzap-sidebar{color:#fff;background-color:#050505;border-bottom-color:#111}.dark .brand-wordmark,.dark .sidebar-nav-item,.dark .theme-toggle-btn{color:#ffffffc2}.dark .sidebar-nav-item:hover{color:#fff;background-color:#ffffff1a}.wazzap-sidebar.collapsed{width:100%}.sidebar-logo-section{border-bottom-color:#ffffff1f;padding:14px 16px}.sidebar-collapse-btn,.sidebar-footer{display:none}.wazzap-sidebar.collapsed .brand-wordmark,.wazzap-sidebar.collapsed .sidebar-nav-item span:not(.sidebar-badge):not(.nav-badge){display:inline}.sidebar-nav{flex-direction:row;flex:none;gap:8px;padding:10px 12px 12px;overflow-x:auto}.sidebar-nav-item{white-space:nowrap;border-bottom:3px solid #0000;border-left:0;flex:none;width:auto}.sidebar-nav-item.active{color:#000;box-shadow:none;background-color:#fff;border-bottom-color:#fff;border-left:0}.dark .sidebar-nav-item.active{color:#000;background-color:#fff}.wazzap-main{min-height:auto}.wazzap-topbar{align-items:flex-start;gap:12px;height:auto;padding:14px 16px}.topbar-left{flex-wrap:wrap;row-gap:4px}.wazzap-viewport{padding:18px}.dashboard-card,.stat-card{padding:20px}.dashboard-card{overflow-x:auto}.table-card-header{flex-direction:column;align-items:flex-start}.table-card-actions{justify-content:flex-start}.stats-grid,.grid-2,.followup-summary-grid{grid-template-columns:1fr}.minimal-table{min-width:720px}.agent-chat-container{height:64vh;min-height:480px}.chat-bubble{max-width:92%}.product-row{grid-template-columns:64px minmax(0,1fr)}.product-row-actions{flex-flow:wrap;grid-column:2;align-items:flex-start}.followups-hero,.followup-card{grid-template-columns:1fr}.followups-hero{flex-direction:column;align-items:flex-start}.followup-actions{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.chat-footer{padding:10px}.app-footer{flex-direction:column;align-items:flex-start;padding:16px}}@media (width<=560px){.logo-text{font-size:14px}.sidebar-nav-item{padding:9px 11px;font-size:12.5px}.wazzap-viewport{padding:14px}.dashboard-hero h2{font-size:22px}.dashboard-card-title,.agent-card-title{flex-direction:column;align-items:flex-start;gap:10px}.agent-title-actions,.table-card-actions{justify-content:stretch;width:100%}.agent-title-actions .btn,.table-card-actions .btn{flex:auto}.stat-card{align-items:flex-start;gap:16px}.chat-header{align-items:flex-start;gap:10px}.chat-footer{align-items:stretch}.icon-submit-btn{width:44px;min-width:44px}.simulation-insight-card{grid-template-columns:72px minmax(0,1fr)}.simulation-insight-image{width:72px}.product-row{grid-template-columns:1fr;padding:16px}.product-row-actions{flex-direction:column;grid-column:1;align-items:stretch}.product-thumb{width:100%;max-width:220px}.product-row-desc{white-space:normal}.product-ai-row{flex-direction:column;align-items:stretch}.product-ai-row .btn{width:100%}.followups-hero h1{font-size:24px}.followup-card{padding:18px}.followup-actions{grid-template-columns:1fr}.modal-overlay{align-items:flex-end;padding:10px}.modal-content,.media-label-modal,.followup-message-modal{width:100%;max-height:92vh}.modal-header,.media-label-modal-body,.followup-message-modal-body,.modal-actions{padding-left:16px;padding-right:16px}.media-label-modal-body{grid-template-columns:1fr}.media-label-modal-preview{max-height:260px}.media-label-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.followup-schedule-row{grid-template-columns:1fr}.followup-message-actions .btn{flex:100%}.conversation-modal-grid{grid-template-columns:1fr}.conversation-thread,.customer-notes-panel{max-height:none}.prompt-actions{justify-content:stretch}.prompt-actions .btn{width:100%}.prompt-textarea{min-height:280px}}
