:root{--ink: #15171c;--ink-soft: #1e212a;--ink-border: #2a2e38;--ink-text: #c7c9d1;--ink-text-dim: #7d818e;--paper: #f6f5f2;--surface: #ffffff;--border: #e6e3da;--border-strong: #d8d4c8;--text: #1c1d21;--text-secondary: #63656d;--text-muted: #9496a0;--accent: #5b4fe9;--accent-dark: #4238c4;--accent-tint: #ecebfd;--accent-text: #3d34ad;--whatsapp: #1fa855;--whatsapp-tint: #e4f6ea;--whatsapp-text: #147a3d;--facebook: #1877f2;--facebook-tint: #e7f0fe;--facebook-text: #0e5bc4;--danger: #d54848;--danger-tint: #fbeaea;--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--shadow: 0 1px 2px rgba(20, 20, 30, .04), 0 4px 16px rgba(20, 20, 30, .05)}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--paper);color:var(--text);-webkit-font-smoothing:antialiased}h1,h2,h3,.brand{font-family:Sora,Inter,sans-serif}.app-shell{display:flex;height:100vh}.sidebar{width:232px;flex-shrink:0;background:var(--ink);color:var(--ink-text);display:flex;flex-direction:column;padding:20px 12px}.sidebar .brand-row{display:flex;align-items:center;gap:10px;padding:4px 8px 20px;border-bottom:1px solid var(--ink-border);margin-bottom:16px}.sidebar .brand-mark{width:32px;height:32px;border-radius:9px;background:linear-gradient(155deg,var(--accent),var(--accent-dark));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14.5px;flex-shrink:0;font-family:Sora,sans-serif}.sidebar .brand-meta{min-width:0}.sidebar .brand-name{font-size:13.5px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Sora,sans-serif}.sidebar .brand-sub{font-size:11px;color:var(--ink-text-dim);margin-top:1px}.sidebar .nav-eyebrow{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-text-dim);padding:0 10px 8px}.sidebar nav{display:flex;flex-direction:column;gap:1px;flex:1}.sidebar a.nav-link{display:flex;align-items:center;gap:10px;color:var(--ink-text);text-decoration:none;padding:9px 10px;font-size:13.5px;font-weight:500;border-radius:var(--radius-sm);border-left:2px solid transparent;transition:background .12s,color .12s}.sidebar a.nav-link svg{flex-shrink:0;opacity:.8;transition:opacity .12s}.sidebar a.nav-link:hover{background:var(--ink-soft);color:#fff}.sidebar a.nav-link:hover svg{opacity:1}.sidebar a.nav-link.active{background:var(--ink-soft);color:#fff;border-left:2px solid var(--accent)}.sidebar a.nav-link.active svg{opacity:1;color:var(--accent)}.sidebar .sidebar-footer{border-top:1px solid var(--ink-border);padding-top:14px;margin-top:10px;display:flex;align-items:center;gap:10px}.sidebar .user-avatar{width:30px;height:30px;border-radius:50%;background:var(--ink-soft);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:600;flex-shrink:0;border:1px solid var(--ink-border)}.sidebar .user-block{min-width:0;flex:1}.sidebar .user-name{font-size:12.5px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar .user-role{font-size:10.5px;color:var(--ink-text-dim);text-transform:capitalize}.sidebar .logout-link{font-size:11.5px;color:var(--ink-text-dim);text-decoration:none;cursor:pointer}.sidebar .logout-link:hover{color:#fff}.main{flex:1;display:flex;overflow:hidden;background:var(--paper)}.login-page{height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 15% 20%,rgba(91,79,233,.1),transparent 45%),var(--paper)}.login-card{background:var(--surface);padding:36px 32px 32px;border-radius:var(--radius-lg);width:328px;box-shadow:var(--shadow);border:1px solid var(--border)}.login-brand{display:flex;align-items:center;gap:10px;margin-bottom:22px}.login-brand .brand-mark{width:32px;height:32px;border-radius:9px;background:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:15px}.login-brand .brand-title{font-size:15px;font-weight:600;color:var(--text)}.login-card h2{margin:0 0 4px;font-size:19px;font-weight:600}.login-card .login-subtitle{font-size:13px;color:var(--text-secondary);margin-bottom:20px}input,select{width:100%;padding:10px 12px;margin-bottom:12px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);font-size:13.5px;font-family:inherit;color:var(--text);background:var(--surface);transition:border-color .12s}input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}input::placeholder{color:var(--text-muted)}button{background:var(--accent);color:#fff;border:none;padding:10px 16px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:500;font-family:inherit;cursor:pointer;transition:background .12s}button:hover{background:var(--accent-dark)}button.secondary{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border-strong)}button.secondary:hover{background:var(--paper);color:var(--text)}.error-text{color:var(--danger);background:var(--danger-tint);border-radius:var(--radius-sm);padding:8px 10px;font-size:12.5px;margin-bottom:14px}.conv-list{width:320px;flex-shrink:0;border-right:1px solid var(--border);overflow-y:auto;background:var(--surface)}.conv-list-header{padding:16px 18px 10px;font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--text-muted);text-transform:uppercase}.conv-item{display:flex;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border);cursor:pointer;position:relative;border-left:3px solid transparent}.conv-item.channel-facebook{border-left-color:var(--facebook)}.conv-item.channel-whatsapp{border-left-color:var(--whatsapp)}.conv-item:hover{background:var(--paper)}.conv-item.selected{background:var(--accent-tint)}.avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:600;flex-shrink:0;background:var(--accent-tint);color:var(--accent-text)}.conv-item .conv-body{min-width:0;flex:1}.conv-item .name{font-size:13.5px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-item .meta{font-size:12px;color:var(--text-secondary);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{display:inline-flex;align-items:center;padding:1.5px 7px;border-radius:20px;font-size:10.5px;font-weight:600;letter-spacing:.01em;flex-shrink:0}.badge.facebook{background:var(--facebook-tint);color:var(--facebook-text)}.badge.whatsapp{background:var(--whatsapp-tint);color:var(--whatsapp-text)}.badge.unassigned{background:#fbeee0;color:#8a5a1e}.chat-panel{flex:1;display:flex;flex-direction:column;background:var(--paper);min-width:0}.chat-header{padding:14px 22px;border-bottom:1px solid var(--border);background:var(--surface);display:flex;justify-content:space-between;align-items:center;border-left:3px solid transparent}.chat-header.channel-facebook{border-left-color:var(--facebook)}.chat-header.channel-whatsapp{border-left-color:var(--whatsapp)}.chat-header .chat-header-title{display:flex;align-items:center;gap:10px}.chat-header strong{font-size:14.5px;font-weight:600}.chat-messages{flex:1;overflow-y:auto;padding:22px;display:flex;flex-direction:column;gap:10px}.msg{max-width:420px;padding:9px 13px;border-radius:var(--radius);font-size:13.5px;line-height:1.5;box-shadow:var(--shadow)}.msg.inbound{background:var(--surface);align-self:flex-start;border:1px solid var(--border);border-bottom-left-radius:3px}.msg.outbound{background:var(--accent);color:#fff;align-self:flex-end;border-bottom-right-radius:3px}.msg .status{font-size:10.5px;margin-top:4px;opacity:.65}.chat-input{display:flex;gap:10px;padding:16px 22px;background:var(--surface);border-top:1px solid var(--border)}.chat-input input{margin-bottom:0}.empty-state{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:13.5px}.admin-page{padding:32px 36px;flex:1;overflow-y:auto}.admin-page h2{font-size:20px;margin:0 0 20px}.admin-section{background:var(--surface);padding:22px 24px;border-radius:var(--radius-lg);margin-bottom:20px;max-width:640px;border:1px solid var(--border);box-shadow:var(--shadow)}.admin-section h3{margin:0 0 14px;font-size:14.5px;font-weight:600}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;padding:7px 8px;border-bottom:1px solid var(--border);color:var(--text-muted);font-weight:500;font-size:11.5px;text-transform:uppercase;letter-spacing:.02em}td{text-align:left;padding:9px 8px;border-bottom:1px solid var(--border)}.inline-form{display:flex;gap:8px;align-items:center;margin-top:14px;flex-wrap:wrap}.inline-form input,.inline-form select{margin-bottom:0;flex:1;min-width:110px}:root{--coral-tint: #fbeee7;--coral-text: #a04223;--teal-tint: #e3f4ef;--teal-text: #0f6e56;--amber-tint: #fdf1dd;--amber-text: #8a5a10;--pink-tint: #fbe9f0;--pink-text: #9c3564}.avatar-0{background:var(--accent-tint);color:var(--accent-text)}.avatar-1{background:var(--coral-tint);color:var(--coral-text)}.avatar-2{background:var(--teal-tint);color:var(--teal-text)}.avatar-3{background:var(--amber-tint);color:var(--amber-text)}.avatar-4{background:var(--pink-tint);color:var(--pink-text)}.conv-toolbar{padding:12px 14px 10px;border-bottom:1px solid var(--border);background:var(--surface)}.conv-search{margin-bottom:10px!important}.filter-tabs{display:flex;gap:4px;flex-wrap:wrap}.filter-tab{border:none;background:transparent;color:var(--text-secondary);font-size:12px;font-weight:500;padding:5px 10px;border-radius:20px;cursor:pointer;display:flex;align-items:center;gap:5px}.filter-tab:hover{background:var(--paper);color:var(--text)}.filter-tab.active{background:var(--accent-tint);color:var(--accent-text)}.filter-tab .count{font-size:10.5px;opacity:.8}.chat-header-controls{display:flex;align-items:center;gap:8px}.chat-header-controls select{width:auto;margin-bottom:0;font-size:12.5px;padding:6px 10px;color:var(--text-secondary)}.status-pill-select.status-open{color:var(--whatsapp-text);border-color:var(--whatsapp)}.status-pill-select.status-pending{color:var(--amber-text);border-color:#e0b667}.status-pill-select.status-closed{color:var(--text-muted)}.msg-time{font-size:10px;opacity:.6;margin-top:3px}.stat-row{display:flex;gap:14px;margin-bottom:22px;flex-wrap:wrap}.stat-card{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);padding:14px 18px;min-width:140px;box-shadow:var(--shadow)}.stat-card.facebook{border-left-color:var(--facebook)}.stat-card.whatsapp{border-left-color:var(--whatsapp)}.stat-card .stat-value{font-family:Sora,sans-serif;font-size:24px;font-weight:600;color:var(--text);line-height:1.1}.stat-card .stat-label{font-size:12px;color:var(--text-secondary);margin-top:3px}.role-pill{display:inline-flex;padding:2px 9px;border-radius:20px;font-size:11px;font-weight:600}.role-pill.admin{background:var(--accent-tint);color:var(--accent-text)}.role-pill.supervisor{background:var(--facebook-tint);color:var(--facebook-text)}.role-pill.agent{background:var(--paper);color:var(--text-secondary);border:1px solid var(--border-strong)}.admin-section h3{display:flex;align-items:center;gap:8px}.section-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0}.section-dot.facebook{background:var(--facebook)}.section-dot.whatsapp{background:var(--whatsapp)}.section-dot.accent{background:var(--accent)}.mono{font-family:SF Mono,Consolas,monospace;font-size:12px;color:var(--text-secondary)}.table-empty{color:var(--text-muted);font-style:italic;font-size:12.5px;padding:14px 8px!important;border-bottom:none!important}.table-actions{text-align:right;white-space:nowrap}button.secondary.danger{color:var(--danger);border-color:#ecc9c9}button.secondary.danger:hover{background:var(--danger-tint);border-color:var(--danger)}.you-label{font-size:11.5px;color:var(--text-muted);font-style:italic}.customer-panel{width:260px;flex-shrink:0;background:var(--surface);border-left:1px solid var(--border);overflow-y:auto;padding:24px 18px}.customer-panel-header{display:flex;flex-direction:column;align-items:center;text-align:center;padding-bottom:18px;border-bottom:1px solid var(--border);margin-bottom:18px}.avatar-lg{width:56px;height:56px;font-size:18px;margin-bottom:10px}.customer-name{font-family:Sora,sans-serif;font-size:14.5px;font-weight:600;color:var(--text)}.customer-identifier{font-size:12px;color:var(--text-muted);margin-top:2px}.customer-panel-section{margin-bottom:20px}.panel-label{font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}.panel-value{font-size:13px;color:var(--text);font-weight:500}.panel-hint{font-size:12px;color:var(--text-muted);font-style:italic}.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.tag-chip{display:inline-flex;align-items:center;gap:4px;background:var(--accent-tint);color:var(--accent-text);font-size:11.5px;font-weight:600;padding:3px 8px;border-radius:20px}.tag-chip.small{font-size:10px;padding:1.5px 7px}.tag-remove{background:none;border:none;color:inherit;cursor:pointer;padding:0;font-size:13px;line-height:1;opacity:.6}.tag-remove:hover{opacity:1;background:none}.tag-form{display:flex;gap:6px}.tag-form input{margin-bottom:0;font-size:12.5px}.tag-form button{padding:8px 12px}.notes-textarea{width:100%;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:10px 12px;font-family:inherit;font-size:12.5px;color:var(--text);resize:vertical;background:var(--paper)}.notes-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint);background:var(--surface)}.avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.page-column{display:flex;flex-direction:column;flex:1;min-width:0;height:100%}.page-topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.page-title{font-family:Sora,sans-serif;font-size:17px;font-weight:600;color:var(--text)}.page-subtitle{font-size:12.5px;color:var(--text-secondary);margin-top:2px}.page-body{flex:1;display:flex;overflow:hidden;min-height:0}.live-indicator{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--whatsapp-text);background:var(--whatsapp-tint);padding:5px 12px;border-radius:20px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--whatsapp);box-shadow:0 0 #1fa8558c;animation:live-pulse 2s infinite}@keyframes live-pulse{0%{box-shadow:0 0 #1fa8558c}70%{box-shadow:0 0 0 7px #1fa85500}to{box-shadow:0 0 #1fa85500}}.admin-page{flex:1;overflow-y:auto;padding:28px 32px}.empty-list-state{padding:40px 24px;text-align:center;color:var(--text-muted)}.empty-list-state svg{opacity:.5;margin-bottom:12px}.empty-list-state p{font-size:13px;line-height:1.6;margin:0}.empty-state-full{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);gap:10px}.empty-state-full svg{opacity:.35}.empty-state-full p{font-size:13.5px;margin:0}.skeleton-list{padding:6px 0}.skeleton-item{display:flex;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border)}.skeleton-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(90deg,#ececea 25%,#f5f4f0 37%,#ececea 63%);background-size:400% 100%;animation:skeleton-shine 1.4s ease infinite;flex-shrink:0}.skeleton-lines{flex:1;display:flex;flex-direction:column;gap:8px;justify-content:center}.skeleton-line{height:9px;border-radius:5px;background:linear-gradient(90deg,#ececea 25%,#f5f4f0 37%,#ececea 63%);background-size:400% 100%;animation:skeleton-shine 1.4s ease infinite}.skeleton-line.w70{width:70%}.skeleton-line.w40{width:40%}@keyframes skeleton-shine{0%{background-position:100% 50%}to{background-position:0 50%}}.login-shell{height:100vh;display:flex}.login-side{flex:1.1;background:var(--ink);position:relative;overflow:hidden;display:flex;align-items:center;padding:60px}.login-side-glow{position:absolute;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(91,79,233,.35),transparent 70%);top:-180px;right:-220px;pointer-events:none}.login-side-content{position:relative;z-index:1;max-width:440px}.login-side .login-brand{display:flex;align-items:center;gap:10px;margin-bottom:48px}.login-side .brand-mark{width:34px;height:34px;border-radius:9px;background:linear-gradient(155deg,var(--accent),var(--accent-dark));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:15px;font-family:Sora,sans-serif}.login-side .brand-title{color:#fff;font-weight:600;font-size:14.5px;font-family:Sora,sans-serif}.login-side-headline{font-family:Sora,sans-serif;font-size:30px;font-weight:600;color:#fff;line-height:1.25;margin:0 0 16px}.login-side-copy{color:var(--ink-text);font-size:14.5px;line-height:1.65;margin:0 0 32px}.login-side-features{display:flex;flex-direction:column;gap:12px}.login-feature{display:flex;align-items:center;gap:10px;color:#e4e4ea;font-size:13.5px}.feature-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.feature-dot.facebook{background:var(--facebook)}.feature-dot.whatsapp{background:var(--whatsapp)}.feature-dot.accent{background:var(--accent);box-shadow:0 0 0 4px #5b4fe940}.login-form-side{flex:1;display:flex;align-items:center;justify-content:center;background:var(--paper)}.login-form-side .login-card{background:var(--surface);padding:40px 36px;border-radius:var(--radius-lg);width:340px;box-shadow:var(--shadow);border:1px solid var(--border)}.login-form-side .login-card h2{margin:0 0 4px;font-size:20px}.field-label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}@media (max-width: 860px){.login-side{display:none}}button{transition:background .14s,box-shadow .14s,transform .05s}button:active{transform:translateY(1px)}.admin-section,.stat-card{transition:box-shadow .15s}.conv-item{transition:background .1s}:root{--instagram: #C13584;--instagram-tint: #fbe8f2;--instagram-text: #a02569}.conv-item.channel-instagram,.chat-header.channel-instagram{border-left-color:var(--instagram)}.badge.instagram{background:var(--instagram-tint);color:var(--instagram-text)}.stat-card.instagram{border-left-color:var(--instagram)}.section-dot.instagram{background:var(--instagram)}.section-hint{font-size:12px;color:var(--text-muted);margin:-6px 0 12px}.conv-item.unread .name{font-weight:700}.conv-item.unread .meta{color:var(--text);font-weight:500}.unread-badge{background:var(--accent);color:#fff;font-size:10.5px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px;flex-shrink:0;align-self:center}.conv-checkbox{width:15px;height:15px;margin:3px 0 0;flex-shrink:0;accent-color:var(--accent);cursor:pointer}.bulk-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--accent-tint);border-bottom:1px solid var(--border);font-size:12.5px;font-weight:600;color:var(--accent-text)}.bulk-actions{display:flex;gap:6px}.bulk-actions button{padding:5px 10px;font-size:11.5px}.quick-reply-wrapper{position:relative}.quick-reply-toggle{padding:10px 12px;display:flex;align-items:center;justify-content:center}.quick-reply-dropdown{position:absolute;bottom:calc(100% + 8px);left:0;width:280px;max-height:260px;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);z-index:20}.quick-reply-option{padding:10px 12px;cursor:pointer;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:2px}.quick-reply-option:last-child{border-bottom:none}.quick-reply-option:hover{background:var(--paper)}.quick-reply-option strong{font-size:12px;color:var(--accent-text)}.quick-reply-option span{font-size:12.5px;color:var(--text-secondary)}.bar-chart{display:flex;align-items:flex-end;gap:14px;height:160px;padding-top:10px}.bar-chart-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;gap:6px}.bar-chart-value{font-size:11px;font-weight:600;color:var(--text-secondary)}.bar-chart-bar{width:100%;max-width:34px;background:linear-gradient(180deg,var(--accent),var(--accent-dark));border-radius:6px 6px 3px 3px;min-height:4px;transition:height .3s ease}.bar-chart-label{font-size:11px;color:var(--text-muted)}.msg-row{display:flex;align-items:flex-end;gap:8px}.msg-row.outbound{align-self:flex-end;flex-direction:row-reverse}.msg-row.inbound{align-self:flex-start}.msg-avatar{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}.priority-flag{font-size:9px;margin-right:2px}.priority-flag.high{color:var(--danger)}.conv-subject{font-size:12px;color:var(--text-secondary);font-style:italic;margin-top:1px}.chat-subject{font-size:12px;color:var(--text-secondary);font-style:italic}.priority-select{font-weight:600}.priority-select.priority-high{color:var(--danger);border-color:#ecc9c9}.priority-select.priority-normal{color:var(--text-secondary)}.priority-select.priority-low{color:var(--text-muted)}.day-separator{display:flex;align-items:center;justify-content:center;margin:18px 0 10px}.day-separator span{font-size:11px;font-weight:600;color:var(--text-muted);background:var(--paper);padding:3px 12px;border-radius:20px;border:1px solid var(--border)}.msg-image-bubble{padding:6px!important;background:var(--surface)!important}.msg-image{display:block;max-width:260px;max-height:260px;border-radius:8px;object-fit:cover;margin-bottom:4px}.chat-header-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:3px}.quick-chips-row{display:flex;gap:6px;padding:8px 22px 0;flex-wrap:wrap}.quick-chip{background:var(--accent-tint);color:var(--accent-text);border:none;font-size:11.5px;font-weight:600;padding:4px 11px;border-radius:20px;cursor:pointer}.quick-chip:hover{background:#e0ddfb}.workspace-back{background:none;border:none;color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;padding:0 0 4px}.workspace-back:hover{color:var(--accent);background:none}.workspace-grid-wrap{flex:1;overflow-y:auto;padding:32px}.workspace-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;max-width:1100px}.workspace-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;cursor:pointer;box-shadow:var(--shadow);transition:transform .12s,box-shadow .12s;display:flex;flex-direction:column;min-height:150px}.workspace-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #14141e1a}.workspace-card-all{background:linear-gradient(155deg,var(--accent),var(--accent-dark));color:#fff;border:none}.workspace-card-all .workspace-icon,.workspace-card-all .workspace-name{color:#fff}.workspace-card-all .workspace-hint{color:#fffc;font-size:12.5px;margin-top:6px}.workspace-icon{color:var(--accent);margin-bottom:12px}.workspace-name{font-family:Sora,sans-serif;font-size:15px;font-weight:600;color:var(--text);margin-bottom:10px}.workspace-pills{display:flex;flex-wrap:wrap;gap:5px;flex:1}.workspace-footer{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid var(--border);font-size:12px;color:var(--text-secondary)}.skeleton-card{background:linear-gradient(90deg,#ececea 25%,#f5f4f0 37%,#ececea 63%);background-size:400% 100%;animation:skeleton-shine 1.4s ease infinite;cursor:default}.workspace-empty-hint{grid-column:1 / -1;font-size:13px;color:var(--text-muted);line-height:1.6;padding:12px 4px}.acc-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:14px;box-shadow:var(--shadow);overflow:hidden}.acc-header{width:100%;display:flex;align-items:center;gap:14px;padding:16px 20px;background:none;border:none;cursor:pointer;text-align:left;color:var(--text)}.acc-header:hover{background:var(--paper)}.acc-icon{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.acc-icon.accent{background:linear-gradient(155deg,var(--accent),var(--accent-dark));color:#fff}.acc-icon.facebook{background:linear-gradient(155deg,#4c9aff,var(--facebook));color:#fff}.acc-icon.whatsapp{background:linear-gradient(155deg,#34d17a,var(--whatsapp));color:#fff}.acc-icon.instagram{background:linear-gradient(155deg,#f5a35c,var(--instagram));color:#fff}.acc-heading{flex:1;min-width:0;display:flex;flex-direction:column}.acc-title{font-family:Sora,sans-serif;font-size:14.5px;font-weight:600;display:flex;align-items:center;gap:8px}.acc-count{background:var(--paper);color:var(--text-secondary);font-size:11px;font-weight:700;padding:1px 8px;border-radius:20px;font-family:Inter,sans-serif}.acc-subtitle{font-size:12px;color:var(--text-secondary);margin-top:2px}.acc-body{padding:4px 20px 20px;border-top:1px solid var(--border)}.acc-body table{margin-top:8px}.unit-select{max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unit-info-card{display:flex;align-items:center;gap:12px;padding:10px 28px;background:var(--accent-tint);border-bottom:1px solid var(--border);flex-shrink:0}.unit-info-icon{font-size:15px}.unit-info-name{font-family:Sora,sans-serif;font-size:13px;font-weight:600;color:var(--accent-text);flex-shrink:0}.unit-info-pills{display:flex;flex-wrap:wrap;gap:6px}.msg-note-toggle{background:none;border:none;cursor:pointer;font-size:11px;color:var(--text-muted);padding:4px 6px;align-self:flex-end}.msg-note-toggle:hover{color:var(--accent);background:none}.msg-notes-panel{background:var(--amber-tint);border:1px solid #f0d9a8;border-radius:var(--radius-sm);padding:8px 10px;margin:4px 60px;font-size:12px}.msg-note-item{margin-bottom:4px;color:var(--text)}.msg-note-form{display:flex;gap:6px;margin-top:6px}.msg-note-form input{margin-bottom:0;font-size:12px;padding:6px 8px}.msg-note-form button{padding:6px 10px;font-size:11.5px}.link-result{padding:7px 9px;font-size:12.5px;border:1px solid var(--border);border-radius:var(--radius-sm);margin-top:6px;cursor:pointer}.link-result:hover{background:var(--paper)}.combined-history{margin-top:10px;max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.combined-msg{font-size:12px;padding:6px 8px;border-radius:var(--radius-sm);background:var(--paper);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.combined-msg.outbound{background:var(--accent-tint)}.combined-time{margin-left:auto;color:var(--text-muted);font-size:10.5px}.badge.small{font-size:9px;padding:1px 6px}.connect-fb-btn{display:inline-flex;align-items:center;gap:8px;background:var(--facebook, #1877f2);color:#fff;border:none;padding:9px 16px;border-radius:8px;font-weight:600;cursor:pointer;margin-bottom:8px}.connect-fb-btn:hover{filter:brightness(1.08)}.hint-text{font-size:12.5px;color:var(--text-muted, #7d818e);margin:0 0 16px}.banner{padding:10px 14px;border-radius:8px;font-size:13.5px;margin-bottom:12px}.banner-success{background:#1fa8551f;color:#1fa855}.banner-error{background:#dc35451f;color:#dc3545}