@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/space-grotesk.woff2)format("woff2")}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/geist.woff2)format("woff2")}:root,:root[data-theme=light]{--midnight-ink:#060a18;--deep-navy:#0d2233;--brand-raspberry:#a5124b;--accent-bloom:#ff2f63;--warm-ivory:#eee1d1;--color-bg:#f7f4ef;--color-surface:#fffdfa;--color-surface-subtle:#faf7f2;--color-surface-hover:#f1ece4;--color-surface-muted:#eee8de;--color-sidebar:#faf7f2;--color-chat-bg:#f5f1ea;--color-text:#0b1020;--color-text-muted:#5b6270;--color-text-faint:#646a75;--color-border:#e6dfd4;--color-border-strong:#8e867a;--color-primary:var(--brand-raspberry);--color-primary-hover:#8e0f40;--color-on-primary:var(--warm-ivory);--color-primary-soft:#fbeaf0;--color-primary-text:var(--brand-raspberry);--color-active-bg:#fbeaf0;--color-active-text:var(--brand-raspberry);--color-accent:var(--accent-bloom);--color-focus:var(--brand-raspberry);--color-danger:#a3122f;--color-danger-soft:#fbe7ea;--color-success:#1f6b4a;--color-success-soft:#e2f1e8;--color-warning:#8a5a00;--color-warning-soft:#f8eed6;--color-bubble-in:#fffdfa;--color-bubble-ai:var(--deep-navy);--color-bubble-operator:var(--brand-raspberry);--color-on-bubble:var(--warm-ivory);--color-read:#ffd0dc;--color-avatar-bg:#ece5da;--color-avatar-text:#3d4452;--shadow-xs:0 1px 2px #0b10200d;--shadow-card:0 1px 2px #0b10200a, 0 4px 12px #0b10200a;--shadow-float:0 12px 32px #0b102024, 0 2px 6px #0b10200f;--radius-sm:8px;--radius:10px;--radius-lg:14px;color:var(--color-text);background:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Geist,system-ui,sans-serif}:root[data-theme=dark]{--color-bg:#070b16;--color-surface:#0d1322;--color-surface-subtle:#0b111e;--color-surface-hover:#141b2d;--color-surface-muted:#171f33;--color-sidebar:#090e1a;--color-chat-bg:#0a0f1b;--color-text:var(--warm-ivory);--color-text-muted:#a8a299;--color-text-faint:#8f8a84;--color-border:#1c2334;--color-border-strong:#5a6580;--color-primary:var(--accent-bloom);--color-primary-hover:#ff5c85;--color-on-primary:var(--midnight-ink);--color-primary-soft:#2a1426;--color-primary-text:#ff6f91;--color-active-bg:#161d30;--color-active-text:var(--warm-ivory);--color-accent:var(--brand-raspberry);--color-focus:var(--accent-bloom);--color-danger:#ff8a9b;--color-danger-soft:#2e1220;--color-success:#5fd39b;--color-success-soft:#0e2a22;--color-warning:#f2c14e;--color-warning-soft:#2c230d;--color-bubble-in:#141b2d;--color-bubble-ai:#17304a;--color-bubble-operator:var(--brand-raspberry);--color-on-bubble:var(--warm-ivory);--color-read:#ffd0dc;--color-avatar-bg:#1b2336;--color-avatar-text:#d8cdbf;--shadow-xs:0 1px 2px #0006;--shadow-card:0 1px 2px #00000059;--shadow-float:0 16px 40px #0000008c, 0 0 0 1px #1c2334;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{min-width:320px;color:var(--color-text);background:var(--color-bg);margin:0}button,a,input,select,textarea{font:inherit}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.015em;font-family:Space Grotesk,Geist,system-ui,sans-serif;font-weight:600}form{gap:12px;display:grid}label{color:var(--color-text-muted);gap:6px;font-size:.8125rem;font-weight:500;display:grid}input,select,textarea{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);min-height:36px;color:var(--color-text);background:var(--color-surface);padding:0 11px;font-size:.875rem;transition:border-color .12s,box-shadow .12s}input::placeholder,textarea::placeholder{color:var(--color-text-faint)}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--color-focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-focus) 22%, transparent);outline:none}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;color:var(--color-text-muted);background:var(--color-surface-muted)}textarea{resize:vertical;min-height:88px;padding-top:9px;line-height:1.45}button{border-radius:var(--radius-sm);min-height:36px;color:var(--color-on-primary);background:var(--color-primary);white-space:nowrap;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:.875rem;font-weight:600;transition:background .12s,border-color .12s,color .12s;display:inline-flex}button:hover:not(:disabled){background:var(--color-primary-hover)}button:disabled{cursor:not-allowed;opacity:.5}button.secondary,.secondary{border-color:var(--color-border);color:var(--color-text);background:var(--color-surface);box-shadow:var(--shadow-xs)}button.secondary:hover:not(:disabled){border-color:var(--color-border-strong);background:var(--color-surface-hover)}button.secondary.danger{color:var(--color-danger)}.icon-button{border-color:var(--color-border);width:36px;color:var(--color-text-muted);background:var(--color-surface);box-shadow:var(--shadow-xs);padding:0}.icon-button:hover:not(:disabled){color:var(--color-text);background:var(--color-surface-hover)}.icon-button.ghost{box-shadow:none;background:0 0;border-color:#0000}.error{border:1px solid color-mix(in srgb, var(--color-danger) 35%, transparent);border-radius:var(--radius-sm);color:var(--color-danger);background:var(--color-danger-soft);border-left-width:3px;margin:0 0 16px;padding:10px 12px;font-size:.875rem}.empty{color:var(--color-text-muted);margin:8px 0}.notice{border:1px solid var(--color-border);border-left:3px solid var(--color-accent);border-radius:var(--radius);background:var(--color-surface);margin-bottom:16px;padding:12px 14px;font-size:.875rem}.notice strong{color:var(--color-text)}.notice p{color:var(--color-text-muted);margin:4px 0 0}.tag{color:var(--color-active-text);background:var(--color-active-bg);border-radius:999px;align-items:center;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.skeleton{background:linear-gradient(90deg, var(--color-surface-muted), var(--color-surface-hover), var(--color-surface-muted));background-size:200% 100%;border-radius:6px;animation:1.4s ease-in-out infinite shimmer;display:block}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.avatar{width:36px;height:36px;color:var(--color-avatar-text);background:var(--color-avatar-bg);letter-spacing:.02em;border-radius:999px;flex:none;place-items:center;font-size:.75rem;font-weight:600;display:inline-grid}.avatar-user{width:32px;height:32px;color:var(--warm-ivory);background:var(--deep-navy)}:root[data-theme=dark] .avatar-user{color:var(--midnight-ink);background:var(--warm-ivory)}.brand-mark{align-items:center;gap:10px;min-width:0;display:inline-flex}.brand-monogram{width:30px;height:30px;color:var(--warm-ivory);background:var(--brand-raspberry);border-radius:8px;flex:none;place-items:center;font-family:Space Grotesk,Geist,system-ui,sans-serif;font-size:1rem;font-weight:700;display:grid}.brand-name{letter-spacing:-.01em;white-space:nowrap;font-family:Space Grotesk,Geist,system-ui,sans-serif;font-size:.98rem;font-weight:600;overflow:hidden}.brand-name strong{color:var(--color-text-muted);font-weight:500}.menu{z-index:40;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);min-width:180px;box-shadow:var(--shadow-float);padding:5px;display:grid;position:absolute;top:calc(100% + 6px);right:0}.menu-up{inset:auto auto calc(100% + 6px) 0}.menu-label{color:var(--color-text-faint);letter-spacing:.06em;text-transform:uppercase;padding:6px 8px 4px;font-size:.6875rem;font-weight:600}.menu-separator{background:var(--color-border);height:1px;margin:5px 2px}.menu button{min-height:32px;color:var(--color-text);background:0 0;border-radius:6px;justify-content:flex-start;padding:0 8px;font-weight:500}.menu button:hover:not(:disabled){background:var(--color-surface-hover)}.menu button[aria-checked=true]{color:var(--color-active-text);background:var(--color-active-bg)}.menu-item-text{text-align:left;text-overflow:ellipsis;flex:1;overflow:hidden}.theme-menu{position:relative}.login-shell{background:var(--color-bg);place-items:center;min-height:100vh;padding:24px;display:grid;position:relative}.login-shell .floating-actions{position:absolute;top:20px;right:20px}.login-card{border:1px solid var(--color-border);background:var(--color-surface);width:min(100%,880px);box-shadow:var(--shadow-float);border-radius:18px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid;overflow:hidden}.login-form-side{align-content:center;padding:48px 44px;display:grid}.login-form-side h1{margin:36px 0 6px;font-size:1.75rem}.login-form-side>p{color:var(--color-text-muted);margin-bottom:26px;line-height:1.5}.login-form-side form button{min-height:40px;margin-top:6px}.login-note{color:var(--color-text-faint);margin-top:20px;font-size:.8125rem}.login-brand-side{min-height:460px;color:var(--warm-ivory);background:var(--deep-navy);align-content:end;padding:40px;display:grid;position:relative;overflow:hidden}.login-brand-monogram{color:color-mix(in srgb, var(--brand-raspberry) 55%, var(--deep-navy));font-family:Space Grotesk,Geist,system-ui,sans-serif;font-size:24rem;font-weight:700;line-height:1;position:absolute;top:-70px;right:-40px}.login-brand-side p{max-width:300px;margin:0;font-family:Space Grotesk,Geist,system-ui,sans-serif;font-size:1.5rem;font-weight:500;line-height:1.25;position:relative}.dialog-backdrop{z-index:50;background:#060a1880;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.dialog{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);width:min(100%,380px);box-shadow:var(--shadow-float);padding:22px}.dialog-icon{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--color-primary-text);background:var(--color-primary-soft);place-items:center;margin-bottom:14px;display:inline-grid}.dialog h2{margin-bottom:6px;font-size:1.1rem}.dialog p{color:var(--color-text-muted);font-size:.875rem;line-height:1.5}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.app-shell{height:100vh;font-size:.875rem;display:flex;overflow:hidden}.sidebar{z-index:20;border-right:1px solid var(--color-border);background:var(--color-sidebar);flex-direction:column;flex:none;width:256px;height:100%;transition:width .18s;display:flex;position:relative}.sidebar[data-collapsed=true]{width:68px}.sidebar-brand{align-items:center;height:60px;padding:0 19px;display:flex;position:relative}.sidebar-toggle{border-color:var(--color-border);width:24px;height:24px;min-height:24px;color:var(--color-text-muted);background:var(--color-surface);box-shadow:var(--shadow-xs);border-radius:999px;padding:0;position:absolute;top:18px;right:-12px}.sidebar-toggle:hover:not(:disabled){color:var(--color-text);background:var(--color-surface-hover)}.sidebar-account{padding:0 12px 8px}.account-switcher-container{position:relative}.account-switcher{border:1px solid var(--color-border);border-radius:var(--radius);width:100%;min-height:48px;color:var(--color-text);background:var(--color-surface);box-shadow:var(--shadow-xs);text-align:left;justify-content:flex-start;align-items:center;gap:10px;padding:7px 8px;font-weight:500;display:flex}.account-switcher:hover:not(:disabled){border-color:var(--color-border-strong);background:var(--color-surface)}.account-switcher.static{box-shadow:none;background:0 0}.account-badge{width:30px;height:30px;color:var(--color-primary-text);background:var(--color-primary-soft);border-radius:8px;flex:none;place-items:center;font-size:.72rem;font-weight:700;display:grid}.account-badge.small{border-radius:6px;width:22px;height:22px;font-size:.62rem}.account-text{flex:1;min-width:0;line-height:1.2;display:grid}.account-text small{color:var(--color-text-faint);font-size:.6875rem;font-weight:500}.account-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600;overflow:hidden}.account-chevron{color:var(--color-text-faint);flex:none}.account-menu{top:calc(100% + 6px);left:0;right:0}.sidebar[data-collapsed=true] .account-switcher{box-shadow:none;background:0 0;border-color:#0000;justify-content:center;padding:7px 0}.sidebar[data-collapsed=true] .account-text,.sidebar[data-collapsed=true] .account-chevron{display:none}.sidebar[data-collapsed=true] .account-menu{width:220px;right:auto}.sidebar nav{flex:1;padding:4px 12px;overflow-y:auto}.sidebar-section+.sidebar-section{margin-top:14px}.sidebar-section-title{color:var(--color-text-faint);letter-spacing:.06em;text-transform:uppercase;padding:6px 10px;font-size:.6875rem;font-weight:600;display:block}.sidebar[data-collapsed=true] .sidebar-section-title{background:var(--color-border);color:#0000;height:1px;margin:6px 10px;padding:0;overflow:hidden}.sidebar ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.sidebar-item{width:100%;min-height:36px;color:var(--color-text-muted);background:0 0;justify-content:flex-start;gap:10px;padding:0 10px;font-weight:500}.sidebar-item svg{flex:none}.sidebar-item:hover:not(:disabled){color:var(--color-text);background:var(--color-surface-hover)}.sidebar-item[aria-current=page]{color:var(--color-active-text);background:var(--color-active-bg);font-weight:600}.sidebar-item[aria-current=page] svg{color:var(--color-primary-text)}.sidebar-item[aria-current=page]:hover:not(:disabled){background:var(--color-active-bg)}.sidebar-label{white-space:nowrap;overflow:hidden}.sidebar[data-collapsed=true] .sidebar-item{justify-content:center;padding:0}.sidebar[data-collapsed=true] .sidebar-label,.sidebar[data-collapsed=true] .sidebar-user-text,.sidebar[data-collapsed=true] .brand-name{display:none}.sidebar-footer{border-top:1px solid var(--color-border);gap:8px;padding:10px 12px 12px;display:grid}.sidebar-user{align-items:center;gap:10px;min-width:0;padding:4px 2px;display:flex}.sidebar-user-text{min-width:0;line-height:1.25;display:grid}.sidebar-user-text strong,.sidebar-user-text small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-user-text strong{font-size:.8125rem;font-weight:600}.sidebar-user-text small{color:var(--color-text-faint);font-size:.75rem}.sidebar-footer-actions{gap:4px;display:flex}.sidebar[data-collapsed=true] .sidebar-user{justify-content:center}.sidebar[data-collapsed=true] .sidebar-footer-actions{flex-direction:column;align-items:center}.app-content{flex:1;min-width:0;padding:28px 32px 32px;position:relative;overflow-y:auto}.page{flex-direction:column;max-width:1240px;margin:0 auto;display:flex}.page-header{margin-bottom:22px}.page-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.page-header-title{align-items:center;gap:10px;display:flex}.page-header-icon{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-primary-text);background:var(--color-surface);box-shadow:var(--shadow-xs);place-items:center;display:grid}.page-header-icon svg{width:17px;height:17px}.page-header h1{margin:0;font-size:1.375rem}.page-header p{color:var(--color-text-muted);margin:6px 0 0;font-size:.875rem}.toolbar-form{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;margin-bottom:20px;padding:14px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;display:grid}.entity-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);min-height:0;color:var(--color-text);background:var(--color-surface);box-shadow:var(--shadow-card);text-align:left;white-space:normal;place-content:start stretch;gap:0;padding:0;font-weight:400;display:grid;overflow:hidden}.entity-card.selectable:hover:not(:disabled){border-color:var(--color-border-strong);background:var(--color-surface)}.entity-card.active{border-color:color-mix(in srgb, var(--color-primary) 55%, var(--color-border))}.entity-card-header{align-items:center;gap:10px;padding:14px;display:flex}.entity-card-header>span:last-child{gap:1px;min-width:0;display:grid}.entity-card-header strong{font-size:.95rem;font-weight:600}.entity-card-header small{color:var(--color-text-faint)}.entity-card-body{border-top:1px solid var(--color-border);color:var(--color-text-muted);justify-content:space-between;align-items:center;padding:10px 14px;font-size:.8125rem;display:flex}.entity-icon{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--color-primary-text);background:var(--color-primary-soft);flex:none;place-items:center;display:grid}.page .compact-form,.page .agent-form,.instances-panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);padding:18px}.compact-form{grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end}.compact-form input,.compact-form select{min-width:0}.list{gap:8px;margin-top:16px;display:grid}.list-item{border:1px solid var(--color-border);min-height:auto;color:var(--color-text);background:var(--color-surface);text-align:left;white-space:normal;justify-content:stretch;justify-items:start;gap:2px;padding:12px 14px;font-weight:500;display:grid}.list-item:hover:not(:disabled){border-color:var(--color-border-strong);background:var(--color-surface)}.list-item small{color:var(--color-text-faint);font-weight:400}.list-item.active{border-color:color-mix(in srgb, var(--color-primary) 55%, var(--color-border));background:var(--color-active-bg)}.list-item.active:hover:not(:disabled){background:var(--color-active-bg)}.user-row{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);grid-template-columns:1fr 1fr auto;align-items:center;gap:12px;padding:12px 16px;display:grid}.user-row strong{font-weight:600}.user-row span{color:var(--color-text-muted)}.user-row small{color:var(--color-text-muted);background:var(--color-surface-muted);border-radius:999px;padding:2px 9px;font-size:.75rem;font-weight:600}.row-actions,.agent-toolbar{flex-wrap:wrap;gap:8px;display:flex}.agent-toolbar{justify-content:flex-end;margin-bottom:14px}.agent-form{grid-template-columns:repeat(2,minmax(0,1fr))}.agent-form .wide{grid-column:1/-1}.check-group{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;display:grid}.check-group label{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);align-items:center;gap:10px;padding:9px 11px;display:flex}.check-group input{width:16px;height:16px;min-height:auto;accent-color:var(--color-primary)}.list:has(.agent-row){grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}.agent-row{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);gap:14px;padding:16px;display:grid}.agent-row>div:first-child{gap:4px;display:grid}.agent-row strong{font-size:.95rem;font-weight:600}.agent-row small{color:var(--color-text-faint)}.agent-row .row-actions{border-top:1px solid var(--color-border);padding-top:12px}.agent-row .row-actions button{flex:1}.agent-pagination,.agent-picker-pagination,.instance-pagination{color:var(--color-text-muted);justify-content:space-between;align-items:center;gap:12px;margin-top:14px;font-size:.8125rem;display:flex}.agent-pagination button,.agent-picker-pagination button,.instance-pagination button{border-color:var(--color-border);min-height:32px;color:var(--color-text);background:var(--color-surface);padding:0 11px}.agent-pagination button:hover:not(:disabled),.agent-picker-pagination button:hover:not(:disabled),.instance-pagination button:hover:not(:disabled){background:var(--color-surface-hover)}.instance-form{border-bottom:1px solid var(--color-border);grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:18px}.instance-form button{grid-column:1/-1}.instance-list{margin-top:18px}.instance-skeleton{gap:8px;display:grid}.instance-skeleton span{border-radius:var(--radius);background:var(--color-surface-muted);height:56px;display:block}.instance-details{border-top:1px solid var(--color-border);margin-top:22px;padding-top:20px}.instance-details h3{margin:0 0 14px;font-size:1rem}.instance-details dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 16px;display:grid}.instance-details dl div{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-subtle);padding:10px 12px}.instance-details dt{color:var(--color-text-faint);font-size:.75rem}.instance-details dd{overflow-wrap:anywhere;margin:3px 0 0}.qr-panel{border:1px solid var(--color-border);border-radius:var(--radius);justify-items:start;gap:8px;margin-top:16px;padding:14px;display:grid}.qr-panel img{background:var(--warm-ivory);border-radius:8px;width:min(100%,260px);height:auto}.qr-panel small{color:var(--color-text-faint)}.inbox-page{max-width:none;height:100%}.app-content:has(.inbox-page){flex-direction:column;padding:20px 24px;display:flex}.app-content:has(.inbox-page)>.page{flex:1;width:100%;min-height:0}.inbox-page .page-header{margin-bottom:14px}.inbox-page .page-header p{display:none}.realtime-indicator{border:1px solid var(--color-border);color:var(--color-text-muted);background:var(--color-surface);border-radius:999px;align-items:center;gap:7px;padding:4px 10px;font-size:.75rem;font-weight:500;display:inline-flex}.realtime-dot{background:var(--color-text-faint);border-radius:999px;width:7px;height:7px}.realtime-connected .realtime-dot{background:var(--color-success);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-success) 22%, transparent)}.realtime-connecting .realtime-dot,.realtime-reconnecting .realtime-dot{background:var(--color-warning)}.realtime-offline{border-color:color-mix(in srgb, var(--color-danger) 40%, transparent);color:var(--color-danger);background:var(--color-danger-soft)}.realtime-offline .realtime-dot{background:var(--color-danger);border-radius:2px}.inbox-layout{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);min-height:480px;box-shadow:var(--shadow-card);flex:1;display:flex;overflow:hidden}.conversation-sidebar{border-right:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;flex:none;width:320px;min-height:0;display:flex}.conversation-tools{border-bottom:1px solid var(--color-border);gap:10px;padding:12px;display:grid}.search-field{color:var(--color-text-faint);align-items:center;display:flex;position:relative}.search-field svg{position:absolute;left:11px}.search-field input{border-color:var(--color-border);background:var(--color-surface-subtle);width:100%;padding-left:33px}.search-field input:hover{border-color:var(--color-border-strong)}.segmented{border-radius:var(--radius-sm);background:var(--color-surface-muted);grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;padding:3px;display:grid}.segmented button{min-height:28px;color:var(--color-text-muted);background:0 0;border-radius:6px;padding:0 4px;font-size:.75rem;font-weight:600}.segmented button:hover:not(:disabled){color:var(--color-text);background:0 0}.segmented button[aria-selected=true]{color:var(--color-text);background:var(--color-surface);box-shadow:var(--shadow-xs)}.conversation-scroll{flex:1;min-height:0;padding:6px;overflow-y:auto}.conversation-items,.conversation-skeleton{gap:1px;margin:0;padding:0;list-style:none;display:grid}.conversation-skeleton li{gap:10px;padding:10px;display:flex}.skeleton.avatar{background:var(--color-surface-muted)}.skeleton-lines{flex:1;align-content:center;gap:8px;display:grid}.skeleton-lines .skeleton{height:10px}.skeleton-lines .skeleton.short{width:60%}.conversation-item{border-radius:var(--radius);width:100%;min-height:auto;color:var(--color-text);text-align:left;white-space:normal;background:0 0;justify-content:flex-start;align-items:flex-start;gap:10px;padding:10px;font-weight:400}.conversation-item:hover:not(:disabled){background:var(--color-surface-hover)}.conversation-item[aria-current=true],.conversation-item[aria-current=true]:hover:not(:disabled){background:var(--color-active-bg)}.conversation-item-body{flex:1;gap:3px;min-width:0;display:grid}.conversation-item-top,.conversation-item-bottom{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.conversation-item-top strong{text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600;overflow:hidden}.conversation-item-top time{color:var(--color-text-faint);flex:none;font-size:.72rem}.conversation-preview{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;overflow:hidden}.unread-badge{min-width:18px;height:18px;color:var(--color-on-primary);background:var(--color-primary);border-radius:999px;flex:none;place-items:center;padding:0 5px;font-size:.6875rem;font-weight:700;display:inline-grid}.status-pill{color:var(--color-text-faint);justify-self:start;align-items:center;gap:4px;padding:1px 0;font-size:.72rem;font-weight:600;display:inline-flex}.conversation-header .status-pill{border:1px solid var(--color-border);background:var(--color-surface-subtle);border-radius:999px;padding:3px 9px}.status-pill.status-human{color:var(--color-primary-text)}.status-pill.status-closed{color:var(--color-text-faint)}.load-more,.load-older{justify-self:center;width:calc(100% - 12px);min-height:32px;margin:6px;font-size:.8125rem}.load-older{width:auto;margin:0 auto 12px}.inline-error{border:1px solid color-mix(in srgb, var(--color-danger) 35%, transparent);border-radius:var(--radius);color:var(--color-danger);background:var(--color-danger-soft);border-left-width:3px;justify-items:start;gap:10px;margin:8px;padding:12px;display:grid}.inline-error p{margin:0}.empty-state{color:var(--color-text-faint);text-align:center;justify-items:center;gap:4px;padding:40px 16px;display:grid}.empty-state p{color:var(--color-text);margin:8px 0 0;font-weight:600}.empty-state small{color:var(--color-text-muted)}.conversation-placeholder{color:var(--color-text-faint);background:var(--color-chat-bg);text-align:center;flex:1;place-content:center;justify-items:center;padding:32px;display:grid}.conversation-placeholder h2{color:var(--color-text);margin:14px 0 4px;font-size:1.05rem}.conversation-placeholder p{max-width:300px;color:var(--color-text-muted);margin:0}.conversation-panel{background:var(--color-chat-bg);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.conversation-header{border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-wrap:wrap;align-items:center;gap:10px 12px;padding:10px 16px;display:flex}.back-button{display:none}.conversation-header-text{flex:1;gap:1px;min-width:180px;display:grid}.conversation-header-text h2{letter-spacing:0;margin:0;font-family:Geist,system-ui,sans-serif;font-size:.95rem}.conversation-header-text p{color:var(--color-text-faint);flex-wrap:wrap;gap:4px 10px;margin:0;font-size:.78rem;display:flex}.conversation-actions{flex-wrap:wrap;gap:6px;display:flex}.conversation-actions button{min-height:32px;padding:0 11px;font-size:.8125rem}.conversation-notice{border-bottom:1px solid color-mix(in srgb, var(--color-warning) 35%, transparent);color:var(--color-warning);background:var(--color-warning-soft);margin:0;padding:9px 16px;font-size:.8125rem;font-weight:500}.message-scroll{flex-direction:column;flex:1;min-height:0;padding:16px 20px;display:flex;overflow-y:auto}.message-list{gap:2px;display:grid}.message-skeleton{gap:12px;display:grid}.skeleton.bubble{border-radius:12px;width:46%;height:48px}.skeleton.bubble.right{justify-self:end}.empty-inline{color:var(--color-text-muted);text-align:center}.day-separator{justify-content:center;margin:14px 0 8px;display:flex}.day-separator span{color:var(--color-text-muted);background:var(--color-surface-muted);border-radius:999px;padding:2px 10px;font-size:.72rem;font-weight:600}.message{align-items:flex-end;gap:8px;display:flex}.message.group-start{margin-top:10px}.message.outbound{flex-direction:row-reverse}.message-avatar{width:28px;height:28px;color:var(--color-avatar-text);border-radius:999px;flex:none;place-items:center;font-size:.62rem;font-weight:700;display:grid}.message.group-end .message-avatar{background:var(--color-avatar-bg)}.message.group-end.sender-ai .message-avatar{color:var(--color-on-bubble);background:var(--color-bubble-ai)}.message.group-end.sender-operator .message-avatar{color:var(--color-on-bubble);background:var(--color-bubble-operator)}.bubble{border:1px solid var(--color-border);background:var(--color-bubble-in);max-width:min(68%,560px);box-shadow:var(--shadow-xs);border-radius:12px;gap:3px;padding:8px 12px;display:grid}.message.inbound.group-end .bubble{border-bottom-left-radius:4px}.message.outbound.group-end .bubble{border-bottom-right-radius:4px}.message.outbound .bubble{color:var(--color-on-bubble);border-color:#0000}.sender-ai .bubble{background:var(--color-bubble-ai)}.sender-operator .bubble{background:var(--color-bubble-operator)}.message-sender{color:var(--color-primary-text);font-size:.75rem;font-weight:600}.message.outbound .message-sender,.message.outbound .message-meta{color:var(--color-on-bubble)}.message.outbound.sender-whatsappdevice .bubble{border-color:var(--color-border);color:var(--color-text);background:var(--color-surface-muted)}.message.outbound.sender-whatsappdevice .message-sender,.message.outbound.sender-whatsappdevice .message-meta{color:var(--color-text-muted)}.message.group-end.sender-whatsappdevice .message-avatar{color:var(--color-text-muted);background:var(--color-surface-muted)}.media-play{width:260px;max-width:100%;min-height:40px;color:inherit;background:color-mix(in srgb, currentColor 10%, transparent);border:0;border-radius:999px;align-items:center;gap:10px;padding:4px 12px 4px 4px;font-weight:500;display:flex}.media-play:hover:not(:disabled){background:color-mix(in srgb, currentColor 16%, transparent)}.media-play-icon{width:32px;height:32px;color:var(--color-on-primary);background:var(--color-primary);border-radius:999px;flex:none;place-items:center;display:grid}.message.outbound:not(.sender-whatsappdevice) .media-play-icon{color:var(--color-bubble-operator);background:var(--warm-ivory)}.media-play-track{background:color-mix(in srgb, currentColor 30%, transparent);border-radius:999px;flex:1;height:3px}.media-play-time{font-variant-numeric:tabular-nums;flex:none;font-size:.75rem}.media-audio{width:280px;max-width:100%;height:40px;display:block}.media-image,.media-video{object-fit:contain;background:var(--color-surface-muted);border-radius:8px;width:320px;max-width:100%;max-height:360px;display:block}.media-sticker{object-fit:contain;width:140px;height:140px;display:block}.media-image-placeholder{border-radius:8px;width:240px;max-width:100%;height:160px;display:block}.media-file{border:1px solid color-mix(in srgb, currentColor 18%, transparent);border-radius:var(--radius-sm);width:280px;max-width:100%;min-height:44px;color:inherit;background:color-mix(in srgb, currentColor 6%, transparent);text-align:left;white-space:normal;justify-content:flex-start;align-items:center;gap:10px;padding:6px 12px;font-weight:500;display:flex}.media-file:hover:not(:disabled){background:color-mix(in srgb, currentColor 12%, transparent)}.media-file-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.media-file-size{opacity:.75;flex:none;font-size:.75rem}.media-unavailable{opacity:.8;align-items:center;gap:6px;font-style:normal;display:flex}.media-error{justify-items:start;gap:6px;font-size:.8125rem;display:grid}.media-error button{min-height:28px;padding:0 10px;font-size:.75rem}.message.draft .bubble{border:1px dashed var(--color-border-strong);color:var(--color-text);background:var(--color-surface)}.message.draft .message-sender,.message.draft .message-meta{color:var(--color-text-muted)}.message.draft.group-end .message-avatar{color:var(--color-text-muted);background:var(--color-surface-muted)}.draft-review{border-top:1px solid var(--color-border);gap:8px;margin-top:6px;padding-top:8px;display:grid}.draft-review p{color:var(--color-text-muted);margin:0;font-size:.8125rem}.draft-actions{flex-wrap:wrap;gap:6px;display:flex}.draft-actions button{min-height:30px;padding:0 11px;font-size:.8125rem}.bubble p{overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-size:.875rem;line-height:1.45}.message-meta{color:var(--color-text-faint);justify-content:flex-end;align-items:center;gap:4px;font-size:.6875rem;display:inline-flex}.delivery{display:inline-flex}.delivery-read{color:var(--color-read)}.delivery-failed{color:var(--brand-raspberry);background:var(--warm-ivory);border-radius:999px;padding:1px}.retry-button{border-color:var(--warm-ivory);min-height:26px;color:var(--warm-ivory);background:0 0;justify-self:end;padding:0 9px;font-size:.75rem}.retry-button:hover:not(:disabled){color:var(--brand-raspberry);background:var(--warm-ivory)}.composer{border-top:1px solid var(--color-border);background:var(--color-surface);gap:6px;padding:10px 16px 12px}.composer-hint{color:var(--color-text-muted);align-items:center;gap:6px;margin:0;font-size:.8125rem;display:flex}.composer-row{border:1px solid var(--color-border-strong);border-radius:var(--radius);background:var(--color-surface);align-items:flex-end;gap:6px;padding:4px 4px 4px 12px;display:flex}.composer-row:focus-within{border-color:var(--color-focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-focus) 22%, transparent)}.composer-row:has(textarea:disabled){border-color:var(--color-border);background:var(--color-surface-muted)}.composer textarea{resize:none;field-sizing:content;background:0 0;border:0;border-radius:0;flex:1;min-height:34px;max-height:160px;padding:7px 0}.composer textarea:focus-visible{box-shadow:none}.composer textarea:disabled{background:0 0}.send-button{width:34px;height:34px;min-height:34px;padding:0}.composer-footer{color:var(--color-text-faint);justify-content:space-between;gap:12px;font-size:.72rem;display:flex}@media (width<=1100px){.compact-form{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-form button{grid-column:1/-1}}@media (width<=860px){.app-shell{flex-direction:column;height:100dvh}.sidebar,.sidebar[data-collapsed=true]{border-right:0;border-bottom:1px solid var(--color-border);flex-direction:row;align-items:center;width:100%;height:auto}.sidebar-brand{height:56px;padding:0 12px}.sidebar .brand-name,.sidebar-toggle,.sidebar-section-title,.sidebar-user,.account-text,.account-chevron{display:none}.sidebar-account{padding:0}.account-switcher{min-height:36px;box-shadow:none;background:0 0;border-color:#0000;padding:3px}.account-menu{width:220px;right:auto}.sidebar nav{padding:8px 4px;display:flex;overflow-x:auto}.sidebar-section+.sidebar-section{margin-top:0}.sidebar ul{display:flex}.sidebar-item,.sidebar[data-collapsed=true] .sidebar-item{width:auto;padding:0 10px}.sidebar-label,.sidebar[data-collapsed=true] .sidebar-label{display:inline}.sidebar-footer{border-top:0;padding:0 8px;display:flex}.sidebar-footer-actions,.sidebar[data-collapsed=true] .sidebar-footer-actions{flex-direction:row}.menu-up{inset:calc(100% + 6px) 0 auto auto}.app-content{padding:16px}.app-content:has(.inbox-page){padding:12px}.inbox-layout{min-height:0}.login-card{grid-template-columns:1fr}.login-brand-side{display:none}.login-form-side{padding:32px 24px}.conversation-sidebar{border-right:0;width:100%}.inbox-layout[data-view=conversation] .conversation-sidebar,.inbox-layout[data-view=list] .conversation-placeholder{display:none}.back-button{display:inline-flex}.conversation-actions{width:100%}.bubble{max-width:85%}.media-play,.media-audio,.media-file,.media-image,.media-video{width:220px}.toolbar-form,.compact-form,.agent-form,.instance-form,.instance-details dl,.user-row{grid-template-columns:1fr}.agent-pagination,.agent-picker-pagination,.instance-pagination{flex-direction:column;align-items:stretch}}