:root{color-scheme:dark;--bg: #0B1220;--surface: #0f182b;--surface-soft: #142036;--surface-elevated: #1a2944;--surface-hover: #1f3050;--text: #F2F4F7;--muted: #8b9cb5;--line: rgba(242, 244, 247, .08);--line-strong: rgba(242, 244, 247, .16);--brand: #00E0FF;--brand-strong: #00b8d4;--brand-soft: rgba(0, 224, 255, .12);--brand-glow: rgba(0, 224, 255, .2);--blue: #00E0FF;--amber: #fbbf24;--red: #f87171;--green: #34d399;--shadow: 0 12px 32px rgba(0, 0, 0, .35);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#1b2942;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#25395c}button,input,select,textarea{font:inherit;color:var(--text)}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:260px 1fr;height:100vh;overflow:hidden}.sidebar{background:var(--bg);border-right:1px solid var(--line);color:var(--text);display:flex;flex-direction:column;padding:18px 14px;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:12px;padding:8px 8px 18px}.brand-logo-img{height:36px;width:auto;max-width:100%;object-fit:contain;display:block}.auth-brand{display:flex;align-items:center;justify-content:center;padding:0 0 16px;margin-bottom:6px}.auth-brand-logo-img{height:48px;width:auto;max-width:100%;object-fit:contain;display:block}.sidebar-footer small{color:var(--muted);font-size:12px}.nav-list{display:grid;gap:5px;margin-top:6px}.nav-item{border:1px solid transparent;background:transparent;color:var(--muted);display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:8px;text-align:left;font-weight:500;transition:all .15s ease}.nav-item:hover{background:var(--surface-soft);color:var(--text)}.nav-item.active{background:#00e0ff14;color:var(--brand);border-color:#00e0ff40;box-shadow:inset 3px 0 0 var(--brand);font-weight:600}.sidebar-footer{margin-top:auto;border-top:1px solid var(--line);padding:14px 8px 4px;display:grid;gap:8px}.integration-pill{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 8px #34d39966}.dot.warn{background:var(--amber);box-shadow:0 0 8px #fbbf2466}.main{min-width:0;height:100vh;display:flex;flex-direction:column;padding:22px;overflow:hidden;box-sizing:border-box;background:var(--bg)}.topbar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.topbar h1{margin:0;font-size:26px;font-weight:700;letter-spacing:-.4px;color:var(--text)}.topbar p{margin:4px 0 0;color:var(--muted);font-size:14px}.topbar-actions,.header-actions,.section-toolbar,.toolbar{display:flex;align-items:center;gap:10px}.select-label,.search-box{height:40px;display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:0 12px;color:var(--muted);transition:border-color .15s ease}.select-label:focus-within,.search-box:focus-within{border-color:var(--brand)}.select-label select,.search-box input{border:0;outline:0;background:transparent;color:var(--text);min-width:0}.select-label select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:180px;color:var(--text)}.select-label select option{background:var(--surface);color:var(--text)}.primary-button,.secondary-button,.icon-button{height:40px;border-radius:8px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;background:var(--surface);color:var(--text);font-weight:500;font-size:14px;white-space:nowrap;transition:all .15s ease}.primary-button{border-color:var(--brand);background:var(--brand);color:#0b1220;font-weight:600}.primary-button:hover{background:var(--brand-strong);border-color:var(--brand-strong);color:#0b1220}.secondary-button:hover,.icon-button:hover{background:var(--surface-soft);border-color:var(--line-strong);color:var(--text)}.icon-button{width:40px;padding:0}.refresh-progress-bar{position:absolute;top:0;left:0;right:0;height:3px;opacity:0;pointer-events:none;background:linear-gradient(90deg,transparent 0%,var(--brand) 40%,#7861FF 70%,transparent 100%);background-size:200% 100%;transition:opacity .2s ease;z-index:1000}.refresh-progress-bar.active{opacity:1;animation:shimmerProgress .9s infinite linear}@keyframes shimmerProgress{0%{background-position:200% 0}to{background-position:-200% 0}}.dashboard-page,.conversation-layout,.kanban-page,.funnel-page,.page-grid{animation:smoothPageFadeIn .22s cubic-bezier(.16,1,.3,1)}@keyframes smoothPageFadeIn{0%{opacity:.75;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.page-grid,.kanban-page,.funnel-page,.settings-grid,.audit-panel{flex:1;min-height:0;overflow-y:auto;display:grid;gap:18px}.dashboard-page{flex:1;min-height:0;height:100%;overflow:hidden;display:flex;flex-direction:column;gap:14px}.content-grid{display:grid;gap:18px;min-width:0}.content-grid.two{grid-template-columns:minmax(0,1fr) 380px}.dashboard-middle{flex-shrink:0;gap:14px}.dashboard-table-panel{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:14px 18px}.dashboard-table-panel .panel-title{flex-shrink:0;margin-bottom:10px}.table.scrollable-table{flex:1;min-height:0;display:flex;flex-direction:column;max-height:100%}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;flex-shrink:0}.metric-card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.metric-card{min-height:110px;padding:14px;display:grid;gap:4px}.metric-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;background:var(--brand-soft);color:var(--brand);border:1px solid rgba(0,224,255,.25)}.metric-card span,.metric-card small,.bar-row span,.detail span,.task span,.channel-card span,.rule-card span,.conversation-item span,.chat-header span,.kanban-card p,.kanban-card small,.funnel-row span{color:var(--muted);font-size:13px}.metric-card strong{font-size:26px;font-weight:700;letter-spacing:-.5px;color:var(--text)}.panel{padding:18px;min-width:0}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.panel-title div{display:flex;align-items:center;gap:8px}.panel-title h2{margin:0;font-size:16px;font-weight:600;color:var(--text)}.panel-title button{height:30px;border:1px solid var(--line);border-radius:6px;background:var(--surface-soft);color:var(--muted);padding:0 10px;font-size:12px}.panel-title button:hover{color:var(--text);border-color:var(--line-strong)}.dashboard-page .panel-title button{font-weight:500;transition:all .12s ease}.dashboard-page .panel-title button:hover{background:var(--surface-hover)}.bar-list,.signal-list,.task-list,.rule-list,.channel-list,.form-grid,.system-status-list{display:grid;gap:12px}.system-status-row{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;padding:11px 14px;font-size:13px}.system-status-info{display:flex;align-items:center;gap:10px}.system-status-info .status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.system-status-info .status-dot.connected{background:var(--green);box-shadow:0 0 6px #34d39966}.system-status-info .status-dot.idle{background:var(--amber)}.system-status-info .status-dot.neutral{background:var(--muted);opacity:.6}.system-status-label{font-weight:500;color:var(--text)}.system-status-badge{font-size:12px;font-weight:500;padding:2px 8px;border-radius:6px}.system-status-badge.connected{color:var(--green);background:#34d3991a;border:1px solid rgba(52,211,153,.2)}.system-status-badge.idle{color:var(--amber);background:#fbbf241a;border:1px solid rgba(251,191,36,.2)}.system-status-badge.neutral{color:var(--muted);background:var(--surface-hover);border:1px solid var(--line)}.bar-row{display:grid;grid-template-columns:110px 1fr 44px;align-items:center;gap:10px}.bar-track,.funnel-track{height:8px;border-radius:999px;overflow:hidden;background:var(--surface-soft);border:1px solid var(--line)}.bar-track div,.funnel-track div{height:100%;background:linear-gradient(90deg,var(--brand) 0%,#7861FF 100%);border-radius:999px}.signal{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:10px;border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;padding:11px 14px}.signal strong{color:var(--text)}.signal.ok svg{color:var(--green)}.signal.warn svg{color:var(--amber)}.signal.info svg{color:var(--blue)}.table{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--surface)}.table.scrollable-table{flex:1;min-height:0}.table-head,.table-row{display:grid;grid-template-columns:1.1fr .7fr .9fr .9fr .9fr 1.8fr;gap:12px;align-items:center;min-height:46px;padding:0 14px}.table.compact .table-head,.table.compact .table-row{grid-template-columns:.8fr 1.4fr 1fr}.table-head{flex-shrink:0;background:var(--surface-soft);color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--line)}.table-body{overflow-y:auto;flex:1;min-height:0}.table-row{transition:background .12s ease}.table-row:hover{background:var(--surface-soft)}.table-row+.table-row{border-top:1px solid var(--line)}.table-row strong{color:var(--text)}.table-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.badge{display:inline-flex;align-items:center;width:fit-content;min-height:24px;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;background:var(--surface-elevated);color:var(--muted);border:1px solid var(--line)}.badge.ia_ativa{background:var(--brand-soft);color:var(--brand);border-color:#00e0ff4d}.badge.atendimento_humano{background:#00e0ff1f;color:var(--blue);border-color:#00e0ff4d}.badge.aguardando_cliente{background:#fbbf2426;color:var(--amber);border-color:#fbbf2459}.badge.erro{background:#f8717126;color:var(--red);border-color:#f8717159}.badge.channel{background:var(--surface-soft);color:var(--muted);border-color:var(--line)}.conversation-layout{flex:1;display:grid;grid-template-columns:340px minmax(0,1fr);gap:18px;height:100%;min-height:0;overflow:hidden}.conversation-list,.chat-panel{height:100%;min-height:0;overflow:hidden}.conversation-list{display:flex;flex-direction:column;gap:10px}.conversation-items-scroll{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px}.filter-dropdown-wrapper{position:relative;display:inline-block}.icon-button.active-filter{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}.filter-indicator-dot{position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:50%}.filter-indicator-dot.channel-telegram{background:#38bdf8;box-shadow:0 0 6px #38bdf899}.filter-indicator-dot.channel-whatsapp{background:#4ade80;box-shadow:0 0 6px #4ade8099}.filter-indicator-dot.channel-instagram{background:#f472b6;box-shadow:0 0 6px #f472b699}.dropdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100}.filter-popover-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:var(--surface-elevated);border:1px solid var(--line-strong);border-radius:10px;box-shadow:var(--shadow);padding:6px;z-index:110;display:flex;flex-direction:column;gap:3px;animation:smoothPageFadeIn .18s ease}.filter-popover-header{padding:8px 10px 4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.filter-menu-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:6px;border:0;background:transparent;color:var(--text);font-size:13px;font-weight:500;cursor:pointer;transition:all .12s ease}.filter-menu-item:hover{background:var(--surface-soft)}.filter-menu-item.selected{background:var(--brand-soft);color:var(--brand)}.filter-item-left{display:flex;align-items:center;gap:8px}.filter-menu-item .count-badge{font-size:11px;padding:1px 7px;border-radius:999px;background:var(--surface-soft);color:var(--muted);font-weight:600}.filter-menu-item .count-badge.telegram{background:#229ed926;color:#38bdf8}.filter-menu-item .count-badge.whatsapp{background:#25d36626;color:#4ade80}.filter-menu-item .count-badge.instagram{background:#e1306c26;color:#f472b6}.chips{display:flex;align-items:center;flex-wrap:wrap;gap:8px;flex-shrink:0}.chip{border:1px solid var(--line);background:var(--surface-soft);height:28px;border-radius:999px;padding:0 10px;color:var(--muted);font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:6px;transition:all .12s ease}.chip:hover{background:var(--surface-hover);color:var(--text);border-color:var(--line-strong)}.chip.active{background:var(--brand-soft);color:var(--brand);border-color:#00e0ff59}.chip-unread-count{background:var(--brand);color:#0b1220;font-size:10px;font-weight:700;padding:0 5px;border-radius:999px;height:16px;display:inline-grid;place-items:center}.channel-filter-active-chip{cursor:pointer}.channel-filter-active-chip.channel-telegram{background:#229ed929!important;color:#38bdf8!important;border-color:#229ed966!important}.channel-filter-active-chip.channel-whatsapp{background:#25d36629!important;color:#4ade80!important;border-color:#25d36666!important}.channel-filter-active-chip.channel-instagram{background:#e1306c29!important;color:#f472b6!important;border-color:#e1306c66!important}.conversation-item{border:1px solid var(--line);background:var(--surface-soft);border-radius:10px;padding:10px 12px;display:flex;align-items:center;gap:12px;text-align:left;position:relative;flex-shrink:0;cursor:pointer;transition:all .14s ease}.conversation-item:hover{background:var(--surface-hover);border-color:var(--line-strong)}.conversation-item.active{border-color:var(--brand);background:#00e0ff14;box-shadow:inset 3px 0 0 var(--brand)}.conversation-item.channel-telegram{border-color:#229ed938;background:#229ed90a}.conversation-item.channel-telegram:hover{background:#229ed917;border-color:#229ed973}.conversation-item.channel-telegram.active{background:#229ed929;border-color:#38bdf8;box-shadow:inset 3px 0 #38bdf8}.conversation-item.channel-whatsapp{border-color:#25d36638;background:#25d3660a}.conversation-item.channel-whatsapp:hover{background:#25d36617;border-color:#25d36673}.conversation-item.channel-whatsapp.active{background:#25d36629;border-color:#4ade80;box-shadow:inset 3px 0 #4ade80}.conversation-item.channel-instagram{border-color:#e1306c38;background:#e1306c0a}.conversation-item.channel-instagram:hover{background:#e1306c17;border-color:#e1306c73}.conversation-item.channel-instagram.active{background:#e1306c29;border-color:#f472b6;box-shadow:inset 3px 0 #f472b6}.conversation-avatar-wrapper{position:relative;flex-shrink:0}.conversation-avatar{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--surface-elevated),var(--surface-soft));border:1px solid var(--line);color:var(--text);font-weight:700;font-size:13px;display:grid;place-items:center;letter-spacing:.5px}.conversation-item.channel-telegram .conversation-avatar{background:linear-gradient(135deg,#0e2333,#071520);border-color:#229ed959;color:#38bdf8}.conversation-item.channel-telegram.active .conversation-avatar{background:linear-gradient(135deg,#0284c7,#0369a1);border-color:#38bdf8;color:#fff}.conversation-item.channel-whatsapp .conversation-avatar{background:linear-gradient(135deg,#072918,#03150c);border-color:#25d36659;color:#4ade80}.conversation-item.channel-whatsapp.active .conversation-avatar{background:linear-gradient(135deg,#16a34a,#15803d);border-color:#4ade80;color:#fff}.conversation-item.channel-instagram .conversation-avatar{background:linear-gradient(135deg,#2d0e1b,#17070e);border-color:#e1306c59;color:#f472b6}.conversation-item.channel-instagram.active .conversation-avatar{background:linear-gradient(135deg,#db2777,#be185d);border-color:#f472b6;color:#fff}.channel-avatar-badge{position:absolute;bottom:-3px;right:-3px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--surface)}.channel-avatar-badge.channel-telegram{background:#229ed9;color:#fff}.channel-avatar-badge.channel-whatsapp{background:#25d366;color:#fff}.channel-avatar-badge.channel-instagram{background:#e1306c;color:#fff}.channel-avatar-badge.channel-webchat{background:var(--brand-soft);color:var(--brand)}.conversation-item-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.conversation-item-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.contact-name{color:var(--text);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timestamp{color:var(--muted);font-size:11px;font-weight:500;flex-shrink:0}.conversation-item-middle{min-width:0}.last-message{display:block;color:var(--muted);font-size:12px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item.active .last-message{color:var(--text)}.conversation-item-bottom{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:2px}.stage-tag{font-size:10px;font-weight:600;padding:1px 7px;border-radius:4px;background:var(--surface-hover);color:var(--muted);border:1px solid var(--line);white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis}.stage-tag[data-stage=Qualificação],.stage-tag[data-stage=Qualificacao]{color:var(--brand);background:var(--brand-soft);border-color:#00e0ff40}.stage-tag[data-stage=Agendamento]{color:var(--green);background:#34d3991f;border-color:#34d3994d}.stage-tag.human,.stage-tag[data-stage="Atendimento humano"]{color:var(--amber);background:#fbbf2424;border-color:#fbbf2459}.stage-tag[data-stage="Orçamento solicitado"],.stage-tag[data-stage="Orcamento solicitado"]{color:#7861ff;background:#7861ff1f;border-color:#7861ff4d}.stage-tag[data-stage="Cliente fechado"]{color:var(--green);background:#34d3992e;border-color:#34d39961}.stage-tag[data-stage=Finalizado]{color:var(--muted);background:var(--surface-soft);border-color:var(--line);opacity:.75}.item-unread-badge{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--brand);color:#0b1220;font-size:10px;font-weight:700;display:grid;place-items:center;flex-shrink:0}.channel-pill-tag{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px}.channel-pill-tag.channel-telegram{background:#229ed929;color:#38bdf8;border:1px solid rgba(34,158,217,.35)}.channel-pill-tag.channel-whatsapp{background:#25d36629;color:#4ade80;border:1px solid rgba(37,211,102,.35)}.channel-pill-tag.channel-instagram{background:#e1306c29;color:#f472b6;border:1px solid rgba(225,48,108,.35)}.channel-pill-tag.channel-webchat{background:#00e0ff1f;color:var(--brand);border:1px solid rgba(0,224,255,.3)}.chat-header-name-row{display:flex;align-items:center;gap:10px;margin-bottom:3px}.chat-panel{display:grid;grid-template-rows:auto 1fr auto;padding:0;background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden}.chat-header{flex-shrink:0;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);background:var(--surface-soft)}.chat-header strong{font-size:16px;color:var(--text)}.composer{flex-shrink:0;padding:14px 18px;display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);background:var(--surface-soft)}.composer input{flex:1;height:40px;border:1px solid var(--line);border-radius:8px;padding:0 14px;background:var(--bg);color:var(--text);outline:0;transition:border-color .15s ease}.composer input:focus{border-color:var(--brand)}.message-stream{padding:18px 24px 34px;overflow-y:auto;height:100%;min-height:0;background:var(--bg);display:flex;flex-direction:column;gap:12px}.bubble{position:relative;width:fit-content;max-width:min(580px,85%);padding:10px 14px 8px;border-radius:12px;box-shadow:0 2px 8px #00000040;display:flex;flex-direction:column;gap:4px}.bubble.contact{align-self:flex-start;background:var(--surface-soft);border:1px solid var(--line-strong);border-bottom-left-radius:2px;color:var(--text)}.bubble.ai{align-self:flex-end;background:var(--surface-elevated);border:1px solid rgba(0,224,255,.28);border-bottom-right-radius:2px;color:var(--text)}.bubble.agent{align-self:flex-end;background:var(--surface-elevated);border:1px solid rgba(120,97,255,.3);border-bottom-right-radius:2px;color:var(--text)}.bubble-sender{font-size:11px;font-weight:700;letter-spacing:.3px;opacity:.85}.bubble.contact .bubble-sender{color:var(--muted)}.bubble.ai .bubble-sender{color:var(--brand)}.bubble.agent .bubble-sender{color:#7861ff}.bubble-text{margin:0;font-size:14px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.media-placeholder,.media-download{min-width:210px;display:flex;align-items:center;gap:9px;padding:10px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface-soft);color:inherit;text-decoration:none}.media-placeholder span{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-placeholder small{margin-left:auto;font-size:10px;opacity:.72;white-space:nowrap}.media-download:hover{border-color:var(--brand)}.media-image-button{display:block;padding:0;border:0;background:transparent;cursor:zoom-in}.media-image{display:block;max-width:min(420px,100%);max-height:320px;border-radius:8px;object-fit:cover}.media-audio,.media-video{display:block;width:min(360px,100%)}.media-video{border-radius:8px;max-height:320px;background:var(--bg)}.media-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:28px;background:#0b1220eb;cursor:zoom-out}.media-lightbox-image{max-width:min(1100px,94vw);max-height:88vh;border-radius:10px;object-fit:contain;cursor:default;box-shadow:0 20px 60px #00000080}.media-lightbox-close{position:fixed;top:20px;right:24px;display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface-elevated);color:var(--text);cursor:pointer}.bubble-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;font-size:11px;opacity:.75;margin-top:2px}.bubble-time{font-size:11px}.bubble-check{color:var(--green)}.details-panel h3{margin:18px 0 10px;font-size:14px;color:var(--text)}.detail{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}.tag-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.tag-list span{background:var(--surface-soft);border:1px solid var(--line);border-radius:999px;padding:5px 11px;font-size:12px;color:var(--muted)}.event-list{margin:0;padding-left:18px;color:var(--muted);display:grid;gap:8px;font-size:14px}.kanban-page{display:grid;gap:14px}.section-toolbar{justify-content:space-between}.kanban-page{display:flex;flex-direction:column;gap:14px;height:100%;overflow:hidden}.kanban-toolbar{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px 16px;display:flex;flex-direction:column;gap:10px;flex-shrink:0}.kanban-toolbar-search-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.kanban-toolbar-search-row .search-box{min-width:280px;flex:1}.kanban-toolbar-agents-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:4px;border-top:1px solid var(--line)}.filter-label{font-size:12px;font-weight:600;color:var(--muted)}.kanban-board{flex:1;min-height:0;display:grid;grid-template-columns:repeat(6,minmax(280px,1fr));gap:14px;overflow-x:auto;padding-bottom:8px}.kanban-column{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px;display:flex;flex-direction:column;min-width:280px;height:100%;overflow:hidden}.column-header{display:flex;justify-content:space-between;align-items:center;padding:2px 4px 10px;flex-shrink:0}.column-title{font-size:13px;font-weight:700;color:var(--text)}.column-count-badge{min-width:22px;height:22px;display:grid;place-items:center;background:var(--surface-soft);border:1px solid var(--line);border-radius:999px;font-size:11px;font-weight:700;color:var(--text)}.column-cards-container{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-right:2px}.kanban-card{background:var(--surface-soft);border:1px solid var(--line);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px;transition:all .15s ease;position:relative}.kanban-card:hover{background:var(--surface-hover);border-color:var(--line-strong);transform:translateY(-1px);box-shadow:var(--shadow)}.kanban-card.channel-telegram{border-left:3px solid #38bdf8}.kanban-card.channel-whatsapp{border-left:3px solid #4ade80}.kanban-card.channel-instagram{border-left:3px solid #f472b6}.kanban-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.contact-title-line{display:flex;align-items:center;gap:7px;min-width:0}.contact-title-line .contact-name{font-size:13px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-time{font-size:11px;color:var(--muted);flex-shrink:0}.card-subtitle{margin:0;font-size:12px;line-height:1.4;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ai-verification-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;background:var(--brand-soft);border:1px solid rgba(0,224,255,.25);color:var(--brand);font-size:11px;font-weight:600}.ai-sparkle-icon{color:var(--brand);flex-shrink:0}.scheduling-link-box{background:#fbbf241f;border:1px solid rgba(251,191,36,.3);border-radius:6px;padding:6px 8px;display:flex;align-items:center;justify-content:space-between;gap:6px}.link-info{display:flex;align-items:center;gap:6px;min-width:0}.calendar-icon{color:var(--amber);flex-shrink:0}.link-text{font-size:11px;font-weight:600;color:var(--amber);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.link-copy-btn{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:4px;border:1px solid rgba(251,191,36,.3);background:#fbbf2426;color:var(--amber);font-size:11px;font-weight:600;cursor:pointer;transition:background-color .12s ease,color .12s ease}.link-copy-btn:hover{background:#fbbf2440;color:#fff}.link-external-btn{display:grid;place-items:center;padding:3px;border-radius:4px;color:var(--amber);transition:background-color .12s ease,color .12s ease}.link-external-btn:hover{background:#fbbf2433;color:#fff}.kanban-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px;padding-top:6px;border-top:1px solid var(--line)}.card-owner-info{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted);font-weight:500}.open-chat-action-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;border:1px solid var(--line);background:var(--surface-soft);color:var(--muted);font-size:11px;font-weight:600;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.open-chat-action-btn:hover{background:var(--surface-hover);color:var(--text);border-color:var(--line-strong)}.column-empty{border:1px dashed var(--line);border-radius:8px;color:var(--muted);font-size:12px;padding:16px 10px;text-align:center}.empty-state{align-items:center;color:var(--muted);display:grid;gap:8px;justify-items:center;min-height:180px;padding:24px;text-align:center}.empty-state strong{color:var(--text);font-size:15px}.empty-state span{max-width:420px;font-size:13px}.empty-state.compact{min-height:96px;padding:14px}.spin{animation:spin .65s cubic-bezier(.4,0,.2,1) infinite;transform-origin:center}button:disabled{cursor:not-allowed;opacity:.45}.inline-error{background:#f8717126;border:1px solid rgba(248,113,113,.35);border-radius:8px;color:#fca5a5;font-size:13px;margin:10px 16px 0;padding:10px 12px}.auth-page{align-items:center;background:radial-gradient(circle at 20% 10%,rgba(0,224,255,.06),transparent 40%),radial-gradient(circle at 80% 90%,rgba(120,97,255,.06),transparent 40%),var(--bg);display:flex;justify-content:center;min-height:100vh;padding:24px}.auth-panel{background:var(--surface);border:1px solid var(--line-strong);border-radius:12px;box-shadow:var(--shadow);display:grid;gap:16px;max-width:420px;padding:32px;width:100%}.auth-panel h1{font-size:22px;font-weight:700;margin:4px 0 6px;color:var(--text);letter-spacing:-.3px}.auth-panel label{color:var(--muted);display:grid;font-size:13px;font-weight:600;gap:8px}.auth-panel input{border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text);font-size:14px;height:42px;padding:0 12px;outline:0;transition:border-color .13s ease,box-shadow .13s ease}.auth-panel input:focus{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.auth-panel .inline-error{margin:0}.auth-brand{border:0;padding:0;margin-bottom:4px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.funnel-list{display:grid;gap:14px}.funnel-row{display:grid;grid-template-columns:210px 1fr 54px;align-items:center;gap:14px}.funnel-row strong{color:var(--text)}.funnel-row strong,.funnel-row span{display:block}.funnel-row em{color:var(--brand);font-style:normal;font-weight:600;text-align:right}.task{display:grid;grid-template-columns:28px 1fr;align-items:start;gap:10px;border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;padding:11px 14px}.task strong{color:var(--text)}.task svg{color:var(--brand)}.rule-card{background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;padding:13px 15px;display:grid;gap:11px}.channel-card{background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.rule-card strong,.channel-card strong{color:var(--text);font-size:13px;font-weight:600}.rule-card strong,.rule-card span,.channel-card strong,.channel-card span{display:block}.channel-card span,.channel-card small{color:var(--muted);font-size:12px}.rule-actions{display:flex;flex-wrap:wrap;gap:7px}.rule-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.switch{position:relative;width:46px;height:26px}.switch input{opacity:0}.switch span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:#222f44;transition:background .2s ease}.switch span:after{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;border-radius:50%;background:#fff;transition:transform .2s ease}.switch input:checked+span{background:var(--brand)}.switch input:checked+span:after{transform:translate(20px)}.form-grid.two-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid label,.textarea-label{display:grid;gap:7px;color:var(--muted);font-size:13px;font-weight:600}.form-grid input,.form-grid select,.textarea-label textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text);padding:0 12px;outline:0;transition:border-color .15s ease}.form-grid input:focus,.form-grid select:focus,.textarea-label textarea:focus{border-color:var(--brand)}.form-grid input,.form-grid select{height:40px}.textarea-label{margin-top:14px}.textarea-label textarea{min-height:230px;padding:12px;resize:vertical;line-height:1.45}.wide{width:100%}.integration-status{display:grid;gap:10px;margin-bottom:14px}.broadcast-page,.appointments-page{flex:1;min-height:0;overflow-y:auto;display:grid;gap:16px;padding-bottom:8px}.broadcast-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(360px,1.2fr);gap:16px}.broadcast-import,.broadcast-composer{display:grid;gap:12px}.broadcast-composer label{display:grid;gap:7px;color:var(--muted);font-size:13px;font-weight:600}.broadcast-composer input,.broadcast-composer textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text);outline:0;transition:border-color .13s ease,box-shadow .13s ease}.broadcast-composer input:focus,.broadcast-composer textarea:focus{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.broadcast-composer input{height:40px;padding:0 12px}.broadcast-composer textarea{min-height:150px;padding:12px;resize:vertical}.file-drop{min-height:150px;border:1px dashed var(--line-strong);border-radius:8px;background:var(--surface-soft);display:grid;place-items:center;gap:8px;padding:18px;text-align:center;color:var(--muted);position:relative;overflow:hidden;transition:border-color .13s ease,background-color .13s ease}.file-drop:hover{border-color:var(--brand);background:var(--surface-hover)}.file-drop svg{color:var(--brand)}.file-drop strong{color:var(--text)}.file-drop input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.compact-select{height:36px;min-width:170px}.contact-table,.campaign-list,.appointment-groups{display:grid;gap:10px}.contact-row,.campaign-card,.appointment-card{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;padding:12px}.contact-row{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start;cursor:pointer;transition:background-color .12s ease,border-color .12s ease}.contact-row:hover{background:var(--surface-hover);border-color:var(--line-strong)}.contact-row input{margin-top:3px}.contact-row strong,.contact-row span,.campaign-card strong,.campaign-card span{display:block}.contact-row strong,.campaign-card strong{color:var(--text);font-size:13px;font-weight:600}.contact-row span,.campaign-card span{color:var(--muted);font-size:12px}.campaign-card{display:flex;align-items:center;justify-content:space-between;gap:12px}.appointments-page{grid-template-columns:minmax(340px,.75fr) minmax(420px,1.25fr);align-items:start}.appointment-form-panel,.appointment-list-panel{min-height:0}.appointment-groups{max-height:calc(100vh - 190px);overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding-right:4px}.appointment-day{display:flex;flex-direction:column;gap:8px}.appointment-day h3{margin:4px 0 2px;color:var(--text);font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;letter-spacing:-.2px;text-transform:capitalize}.appointment-day h3:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brand);flex-shrink:0}.appointment-day h3:after{content:"";flex:1;height:1px;background:var(--line)}.appointment-card{display:grid;grid-template-columns:128px minmax(0,1fr) auto;gap:14px;align-items:start;padding:10px 14px;border-radius:8px;background:var(--surface-soft);border:1px solid var(--line);border-left:3px solid var(--brand)}.appointment-card[data-status=scheduled],.appointment-card[data-status=agendado]{border-left-color:var(--brand)}.appointment-card[data-status=confirmed],.appointment-card[data-status=confirmado],.appointment-card[data-status=done],.appointment-card[data-status=concluido]{border-left-color:var(--green)}.appointment-card[data-status=payment_reported],.appointment-card[data-status=aguardando_verificacao]{border-left-color:var(--amber)}.appointment-card[data-status=cancelled],.appointment-card[data-status=cancelado]{border-left-color:var(--red)}.appointment-card[data-status=scheduled] .badge,.appointment-card[data-status=agendado] .badge{background:var(--brand-soft);color:var(--brand);border-color:#00e0ff59}.appointment-card[data-status=confirmed] .badge,.appointment-card[data-status=confirmado] .badge,.appointment-card[data-status=done] .badge,.appointment-card[data-status=concluido] .badge{background:#34d39926;color:var(--green);border-color:#34d39959}.appointment-card[data-status=payment_reported] .badge,.appointment-card[data-status=aguardando_verificacao] .badge{background:#fbbf2426;color:var(--amber);border-color:#fbbf2459}.appointment-card[data-status=cancelled] .badge,.appointment-card[data-status=cancelado] .badge{background:#f8717126;color:var(--red);border-color:#f8717159}.appointment-card>div:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:2px}.appointment-card>div:nth-child(2) strong{color:var(--text);font-size:15px;font-weight:700;line-height:1.3;letter-spacing:-.15px;margin-bottom:2px}.appointment-card>div:nth-child(2) span{color:var(--brand);opacity:.82;font-size:12px;line-height:1.35;font-weight:500}.appointment-time{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;border-radius:10px;background:var(--brand-soft);border:1px solid rgba(0,224,255,.25);white-space:nowrap}.appointment-card .appointment-time strong,.appointment-time strong{color:var(--brand);font-size:14.5px;font-weight:700;letter-spacing:-.2px;line-height:1}.appointment-card .appointment-time strong:after,.appointment-time strong:after{content:"→";margin-left:6px;color:#7861ff;font-weight:600;font-size:13px;line-height:1}.appointment-card .appointment-time span,.appointment-time span{color:var(--text);opacity:.88;font-size:13px;font-weight:600;line-height:1}.appointment-card p{margin:8px 0 0;padding-left:9px;border-left:2px solid rgba(0,224,255,.35);color:var(--text);font-size:13px;line-height:1.5;max-width:76ch;overflow-wrap:anywhere}.agents-page{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:18px}.panel-title-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.agents-list{display:flex;flex-direction:column;gap:10px}.agent-card{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px 12px;padding:14px;border-radius:8px;background:var(--surface-soft);border:1px solid var(--line);align-items:start}.agent-avatar{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:var(--surface-elevated);color:var(--brand);border:1px solid var(--line);flex-shrink:0}.agent-avatar.small{width:36px;height:36px;border-radius:8px;grid-column:1;grid-row:1}.agent-info{grid-column:2;grid-row:1;min-width:0;display:flex;flex-direction:column;gap:4px}.agent-name-row strong{font-size:14px;font-weight:600;color:var(--text);line-height:1.3}.agent-role{color:var(--muted);font-size:12px;line-height:1.4;word-break:break-word}.badge-pill{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.4px}.badge-pill.ai-pill{background:#ec489926;color:#f472b6;border:1px solid rgba(236,72,153,.35)}.badge-pill.human-pill{background:#38bdf826;color:#38bdf8;border:1px solid rgba(56,189,248,.35)}.agent-badge-role{font-size:11px;font-weight:600;color:var(--muted);background:var(--surface-elevated);border:1px solid var(--line);padding:2px 7px;border-radius:4px}.status-dot-badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500}.status-dot-badge.online{color:var(--green)}.status-dot-badge.standby{color:var(--amber)}.pulse-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.agent-actions{grid-column:1 / -1;grid-row:2;display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px solid var(--line)}.agent-load-badge{font-size:11px;font-weight:500;padding:3px 8px;border-radius:4px;background:var(--surface-elevated);border:1px solid var(--line);color:var(--muted);margin-right:auto}.compact-btn{height:32px;padding:0 10px;font-size:13px}.text-danger{color:var(--red)}.text-danger:hover{background:#f8717126;border-color:#f8717159}.form-row-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#050911d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;z-index:1000;padding:20px;animation:fadeIn .18s ease}.modal-panel,.modal-card{background:var(--surface);border:1px solid var(--line-strong);border-radius:16px;box-shadow:0 24px 64px #000000b3,0 0 0 1px #00e0ff26,0 0 32px #00e0ff14;width:100%;max-width:540px;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideUp .2s cubic-bezier(.16,1,.3,1)}.modal-header{padding:22px 24px 18px;border-bottom:1px solid var(--line);background:var(--surface-soft);display:flex;flex-direction:column;gap:12px}.modal-header-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.modal-header-brand{display:flex;align-items:center;gap:14px}.modal-logo-img{height:28px;width:auto;object-fit:contain;display:block}.modal-title{margin:0;font-size:18px;font-weight:700;color:var(--text);letter-spacing:-.25px}.modal-close-btn{width:34px;height:34px;border-radius:8px;background:var(--surface);border:1px solid var(--line);color:var(--muted);display:grid;place-items:center;cursor:pointer;transition:all .15s ease}.modal-close-btn:hover{background:var(--surface-hover);color:var(--text);border-color:var(--brand)}.modal-subtitle{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.modal-target-contact{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:8px;background:var(--brand-soft);border:1px solid rgba(0,224,255,.22);font-size:13px;color:var(--text);width:fit-content}.modal-target-contact strong{color:var(--brand);font-weight:600}.modal-target-channel{color:var(--muted);font-size:12px}.modal-body{padding:20px 24px 24px;max-height:60vh;overflow-y:auto;background:var(--bg);display:flex;flex-direction:column;gap:10px}.agent-selection-list{display:flex;flex-direction:column;gap:10px}.agent-selection-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px 16px;border-radius:12px;border:1px solid var(--line);background:var(--surface-soft);text-align:left;transition:all .18s ease;cursor:pointer;width:100%}.agent-selection-card:hover{background:var(--surface-elevated);border-color:#00e0ff66;transform:translateY(-1px);box-shadow:0 4px 20px #00000059}.agent-selection-card.selected{background:#00e0ff0d;border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.agent-avatar-circle{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#00e0ff40,#7861ff40);border:1.5px solid rgba(0,224,255,.35);color:var(--brand);display:grid;place-items:center;font-size:15px;font-weight:700;position:relative;flex-shrink:0}.agent-avatar-status{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;border:2px solid var(--surface-soft)}.agent-avatar-status.online{background:#10b981;box-shadow:0 0 8px #10b98180}.agent-avatar-status.standby{background:#f59e0b}.agent-selection-info{display:flex;flex-direction:column;gap:4px;min-width:0}.agent-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.agent-name-row strong{font-size:14.5px;font-weight:700;color:var(--text);letter-spacing:-.15px}.agent-badge-role{font-size:11px;font-weight:600;color:var(--brand);background:#00e0ff1a;border:1px solid rgba(0,224,255,.25);padding:2px 8px;border-radius:6px}.agent-meta-row{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.agent-meta-row .dot-sep{color:var(--line-strong)}.agent-status-workload{display:flex;align-items:center;gap:10px;margin-top:3px;font-size:11.5px}.agent-status-tag{display:inline-flex;align-items:center;gap:5px;font-weight:500}.agent-status-tag.online{color:#10b981}.agent-status-tag.standby{color:#f59e0b}.agent-status-tag .status-dot{width:6px;height:6px;border-radius:50%}.agent-status-tag.online .status-dot{background:#10b981;box-shadow:0 0 6px #10b98199}.agent-status-tag.standby .status-dot{background:#f59e0b}.agent-load-tag{color:var(--muted);background:var(--surface-elevated);padding:2px 8px;border-radius:6px;font-size:11px;border:1px solid var(--line)}.agent-selection-action{display:flex;align-items:center}.assign-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 18px;border-radius:8px;font-size:13px;font-weight:700;background:var(--brand);color:#050911;border:none;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 10px #00e0ff40}.assign-action-btn:hover{filter:brightness(1.12);transform:scale(1.03);box-shadow:0 4px 16px #00e0ff66}.current-owner-tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--green);background:#10b9811f;border:1px solid rgba(16,185,129,.3);padding:7px 12px;border-radius:8px}.toast-notification{position:fixed;bottom:24px;right:24px;background:var(--surface-elevated);color:var(--text);padding:12px 18px;border-radius:10px;box-shadow:var(--shadow);display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;z-index:1100;border:1px solid rgba(0,224,255,.25);animation:slideUp .2s ease}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:1180px){.app-shell{grid-template-columns:78px 1fr}.brand div:last-child,.nav-item span,.sidebar-footer small,.integration-pill span:last-child{display:none}.nav-item{justify-content:center;padding:12px 0}.conversation-layout,.content-grid.two{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.app-shell{grid-template-columns:1fr;grid-template-rows:auto 1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line);padding:12px}.nav-list{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.nav-item{padding:8px 4px;font-size:11px;justify-content:center;flex-direction:column;gap:4px}.nav-item span{display:block!important}.main{padding:12px}.topbar{align-items:stretch;flex-direction:column;gap:12px}.topbar-actions{flex-wrap:wrap}.select-label,.select-label select{width:100%}.stats-grid,.conversation-layout{grid-template-columns:1fr}.table{overflow-x:auto}.table-head,.table-row{min-width:760px}.funnel-row,.form-row-two,.form-grid.two-cols{grid-template-columns:1fr}.sidebar-footer{display:none}}.kanban-card[draggable=true]{cursor:grab;-webkit-user-select:none;user-select:none}.kanban-card[draggable=true]:active{cursor:grabbing}.kanban-card.is-dragging{opacity:.4;transform:scale(.97) rotate(1deg);border:1.5px dashed #7861FF!important;box-shadow:0 12px 28px #00000080}.kanban-column.is-dragover{background:#7861ff14!important;border-color:#7861ff80!important;box-shadow:inset 0 0 20px #7861ff1f}.kanban-column.is-dragover .column-header{color:#7861ff}.kanban-card-quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(68px,1fr));gap:5px;margin-top:4px;padding-top:6px;border-top:1px solid var(--line)}.card-quick-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:5px 6px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;border:1px solid var(--line);background:var(--surface-soft);color:var(--text);transition:background-color .13s ease,border-color .13s ease,color .13s ease,transform .13s ease;white-space:nowrap}.card-quick-btn:hover{transform:translateY(-1px)}.card-quick-btn.chat{background:#38bdf81a;border-color:#38bdf84d;color:#38bdf8}.card-quick-btn.chat:hover{background:#38bdf840;color:#fff;border-color:#38bdf8}.card-quick-btn.schedule{background:#fbbf241a;border-color:#fbbf244d;color:var(--amber)}.card-quick-btn.schedule:hover{background:#fbbf2440;color:#fff;border-color:var(--amber)}.card-quick-btn.finish{background:#34d3991a;border-color:#34d3994d;color:var(--green)}.card-quick-btn.finish:hover{background:#34d39940;color:#fff;border-color:var(--green)}.waiting-sla-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:5px;background:#f8717126;border:1px solid rgba(248,113,113,.35);color:var(--red);font-size:10px;font-weight:700;letter-spacing:.3px}@keyframes skeleton-pulse{0%{opacity:.45}50%{opacity:.9}to{opacity:.45}}.skeleton-line,.skeleton-block{background:var(--surface-hover);border-radius:var(--radius-sm);display:inline-block;animation:skeleton-pulse 1.8s ease-in-out infinite;pointer-events:none;-webkit-user-select:none;user-select:none}.skeleton-line{height:12px;vertical-align:middle}.skeleton-block{display:block}@media(prefers-reduced-motion:reduce){.skeleton-line,.skeleton-block{animation:none;opacity:.6}}.metric-skeleton-value{width:54px;height:28px;border-radius:var(--radius-sm);margin:4px 0 2px}.table-row-skeleton{pointer-events:none}.conversation-item-skeleton{pointer-events:none;cursor:default}.conversation-item-skeleton .conversation-avatar.skeleton-block{width:38px;height:38px;border-radius:50%}.chat-empty-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:320px;color:var(--muted)}.kanban-card-skeleton{pointer-events:none;cursor:default;border-color:var(--line)!important;box-shadow:none!important}.appointment-card-skeleton{pointer-events:none;cursor:default;border-color:var(--line)!important}.agent-card-skeleton{pointer-events:none;cursor:default}.agent-selection-card-skeleton{pointer-events:none;cursor:default;opacity:.75}
