.crm-max-shell{min-width:20rem;height:100dvh;color:var(--workspace-text);background:var(--workspace-bg);grid-template:"topbar topbar"4.75rem"nav workspace"minmax(0,1fr)/12.5rem minmax(0,1fr);display:grid;overflow:hidden}.crm-max-shell button,.crm-max-shell input,.crm-max-shell select,.crm-max-shell textarea,.crm-max-shell a{outline-offset:3px}.crm-max-shell :focus-visible{outline:3px solid var(--workspace-accent)}.crm-max-shell__topbar{z-index:3;border-bottom:1px solid var(--workspace-line);background:var(--bg-rail);min-width:0;box-shadow:var(--shadow-control);grid-area:topbar;align-items:center;gap:1.25rem;padding:.55rem 1rem;display:flex}.crm-max-shell__brand{flex:none;gap:4px;min-width:180px;display:grid}.crm-max-shell__brand strong{letter-spacing:-.025em;font-size:24px;font-weight:500;line-height:1}.crm-max-shell__brand strong span{color:var(--accent-primary)}.crm-max-shell__brand small{color:var(--text-secondary);letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:500;line-height:1.5}.crm-max-shell__tenant{min-width:0;line-height:1.2;display:grid}.crm-max-shell__tenant>span:last-child{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;overflow:hidden}.crm-max-shell__tenant-label{color:var(--workspace-muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:600}.crm-max-shell__identity-links{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.4rem;margin-left:auto;display:flex}.crm-max-shell__identity-links button{border:1px solid var(--workspace-control-border);min-height:2rem;color:var(--workspace-text);background:var(--workspace-raised);font:inherit;cursor:pointer;border-radius:.5rem;padding:.35rem .55rem;font-size:.75rem}.crm-max-shell__identity-links button:disabled{cursor:wait;opacity:.65}.crm-max-shell__identity-links [role=alert]{color:var(--state-danger);text-align:right;flex-basis:100%;font-size:.72rem}.crm-max-shell__synthetic{border:1px solid color-mix(in srgb, var(--state-warning) 45%, var(--border-default));color:var(--workspace-warning);background:var(--warning-subtle);border-radius:999px;margin-left:auto;padding:.35rem .65rem;font-size:.75rem;font-style:normal;font-weight:600}.crm-max-shell__nav{border-right:1px solid var(--workspace-line);background:var(--bg-rail);flex-direction:column;grid-area:nav;gap:.3rem;min-height:0;padding:1rem .7rem;display:flex}.crm-max-shell__nav-item{min-height:44px;color:var(--workspace-muted);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.65rem;padding:.65rem .8rem}.crm-max-shell__nav-item:hover:not(:disabled){color:var(--workspace-text);background:var(--workspace-hover)}.crm-max-shell__nav-item[aria-current=page]{border-color:var(--accent-border);color:var(--accent-hover);background:var(--accent-subtle);box-shadow:inset 3px 0 var(--workspace-accent);font-weight:600}.crm-max-shell__nav-item:disabled{cursor:progress;opacity:.55}.crm-max-shell__workspace{scroll-behavior:smooth;grid-area:workspace;min-width:0;min-height:0;overflow:auto}.crm-max-shell__tenant-context{grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;display:grid}.crm-max-shell__page{min-width:0;min-height:0;overflow:auto}.crm-max-shell__page--enter{animation:crm-content-in var(--motion-content) var(--ease-out)}.crm-max-shell .inbox-feature,.crm-max-shell .inbox-layout{height:100%;min-height:0}.crm-max-shell .workflow-workspace-state{min-height:100%;color:var(--workspace-text);text-align:center;place-content:center;gap:.75rem;padding:clamp(1.5rem,4vw,4rem);display:grid}.crm-max-shell .workflow-workspace-state h1,.crm-max-shell .workflow-workspace-state p{margin:0}.crm-max-shell .workflow-workspace-state p{color:var(--workspace-muted)}.crm-max-shell .workflow-workspace-state button{border:1px solid var(--workspace-control-border);min-height:44px;color:var(--workspace-text);background:var(--workspace-raised);cursor:pointer;border-radius:.55rem;justify-self:center;padding:.65rem 1rem}.crm-max-shell__tenant-switcher{z-index:2;border-bottom:1px solid var(--border-default);min-height:2.9rem;color:var(--workspace-muted);background:var(--bg-canvas);justify-content:flex-end;align-items:center;padding:.4rem clamp(1rem,3vw,2.5rem);display:flex;position:sticky;top:0}.crm-max-shell__tenant-switcher button,.crm-max-shell__tenant-switcher select{border:1px solid var(--workspace-control-border);min-height:44px;color:var(--workspace-text);background:var(--workspace-raised);border-radius:.55rem}.crm-max-shell .contacts-page,.crm-max-shell .imports-page{width:min(100%,76rem);min-height:auto;color:var(--workspace-text);margin:0 auto;padding:clamp(1.25rem,3vw,2.75rem)}.crm-max-shell .contacts-page>header,.crm-max-shell .imports-page>header{margin-bottom:1.4rem}.crm-max-shell .contacts-page>header p,.crm-max-shell .imports-page>header>p:first-child{color:var(--workspace-accent);letter-spacing:.13em;text-transform:uppercase;margin:0 0 .35rem;font-size:.72rem;font-weight:600}.crm-max-shell .contacts-page h1,.crm-max-shell .imports-page h1{font-size:var(--text-heading);letter-spacing:-.025em;margin:0}.crm-max-shell .imports-page>header>p:last-child{max-width:44rem;color:var(--workspace-muted);margin:.6rem 0 0}.crm-max-shell .contacts-page form[role=search],.crm-max-shell .imports-page>form,.crm-max-shell .contacts-page>section,.crm-max-shell .imports-page>section,.crm-max-shell .contacts-page>section[aria-label="Detalle del contacto"]{border:1px solid var(--workspace-line);background:var(--bg-panel);background-image:var(--surface-panel-light);box-shadow:var(--shadow-panel);border-radius:1rem}.crm-max-shell .contacts-page form[role=search]{align-items:end;gap:.75rem;margin-bottom:1rem;padding:.9rem;display:flex}.crm-max-shell .contacts-page form label,.crm-max-shell .imports-page form label{color:var(--workspace-muted);flex:1;gap:.35rem;font-size:.78rem;font-weight:600;display:grid}.crm-max-shell .contacts-page input,.crm-max-shell .imports-page input,.crm-max-shell .imports-page select,.crm-max-shell .imports-page textarea{border:1px solid var(--workspace-control-border);width:100%;min-height:44px;color:var(--workspace-text);background:var(--workspace-bg);border-radius:.65rem;padding:.65rem .75rem}.crm-max-shell .contacts-page button,.crm-max-shell .imports-page button{border:1px solid var(--workspace-control-border);min-height:44px;color:var(--workspace-text);background:var(--workspace-raised);cursor:pointer;border-radius:.65rem;padding:.6rem .9rem;font-weight:600}.crm-max-shell .contacts-page button:hover:not(:disabled),.crm-max-shell .imports-page button:hover:not(:disabled){border-color:var(--accent-primary);background:var(--workspace-hover)}.crm-max-shell .contacts-page button[type=submit],.crm-max-shell .imports-page form button[type=submit]{border-color:var(--workspace-accent-strong);color:var(--text-on-accent);background:var(--workspace-accent)}.crm-max-shell .contacts-page button:disabled,.crm-max-shell .imports-page button:disabled{cursor:not-allowed;opacity:.52}.crm-max-shell .contacts-page>section{margin-top:1rem;padding:1rem}.crm-max-shell .contacts-page ul,.crm-max-shell .imports-page ul{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.crm-max-shell .contacts-page li,.crm-max-shell .imports-page li{border:1px solid var(--workspace-line);background:var(--bg-raised);border-radius:.7rem;flex-wrap:wrap;align-items:center;gap:.55rem;padding:.75rem;display:flex}.crm-max-shell .contacts-page li>button:first-child{text-align:left;flex:1}.crm-max-shell .contacts-page li>span,.crm-max-shell .contacts-page li>small,.crm-max-shell .imports-page li>p{color:var(--workspace-muted)}.crm-max-shell .contacts-page li>strong{color:var(--workspace-danger)}.crm-max-shell .contacts-page section[aria-label="Detalle del contacto"]{gap:.75rem;display:grid}.crm-max-shell .contacts-page section[aria-label="Detalle del contacto"] h2,.crm-max-shell .contacts-page section[aria-label="Detalle del contacto"] h3,.crm-max-shell .contacts-page section[aria-label="Detalle del contacto"] p{margin:0}.crm-max-shell .contacts-page section[aria-label="Detalle del contacto"] h3{color:var(--workspace-muted);letter-spacing:.1em;text-transform:uppercase;margin-top:.75rem;font-size:.75rem}.crm-max-shell .imports-page>form,.crm-max-shell .imports-page>section{padding:clamp(1rem,2.5vw,1.5rem)}.crm-max-shell .imports-page>form>p{color:var(--workspace-muted);font-size:.85rem}.crm-max-shell .imports-page>[role=alert],.crm-max-shell .contacts-page>[role=alert]{border:1px solid color-mix(in srgb, var(--state-danger) 45%, var(--border-default));color:var(--state-danger);background:var(--danger-subtle);border-radius:.75rem;margin:1rem 0;padding:.85rem 1rem}.crm-max-shell .imports-page>section>header{flex-wrap:wrap;align-items:baseline;gap:.4rem 1rem;display:flex}.crm-max-shell .imports-page>section>header p,.crm-max-shell .imports-page>section>header h2{margin:0}.crm-max-shell .imports-page>section>header span{color:var(--workspace-muted);font-variant-numeric:tabular-nums;margin-left:auto}.crm-max-shell .imports-page dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1.25rem 0;display:grid}.crm-max-shell .imports-page dl>div{border:1px solid var(--workspace-line);background:var(--workspace-bg);border-radius:.75rem;padding:.85rem}.crm-max-shell .imports-page dt{color:var(--workspace-muted);font-size:.76rem}.crm-max-shell .imports-page dd{font-variant-numeric:tabular-nums;margin:.25rem 0 0;font-size:1.35rem;font-weight:600}.crm-max-shell .imports-consent-note{border-left:3px solid var(--workspace-warning);color:var(--state-warning);background:var(--warning-subtle);padding:.8rem 1rem}.crm-max-shell .imports-actions{flex-wrap:wrap;gap:.65rem;margin-top:1rem;display:flex}@media (width<=760px){.crm-max-shell{grid-template:"topbar"4.75rem"workspace"minmax(0,1fr)"nav"4.25rem/minmax(0,1fr)}.crm-max-shell__topbar{gap:.75rem}.crm-max-shell__brand{min-width:auto}.crm-max-shell__tenant-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.crm-max-shell__identity-links{display:none}.crm-max-shell__nav{z-index:4;border-top:1px solid var(--workspace-line);border-right:0;flex-direction:row;gap:.2rem;padding:.45rem;overflow-x:auto}.crm-max-shell__nav-item{text-align:center;min-width:5.35rem;min-height:3.25rem;padding:.45rem .5rem;font-size:.76rem}.crm-max-shell__nav-item[aria-current=page]{box-shadow:inset 0 -3px var(--workspace-accent)}.crm-max-shell__tenant-switcher{justify-content:stretch}.crm-max-shell__tenant-switcher>*{width:100%}.crm-max-shell .contacts-page form[role=search]{flex-direction:column;align-items:stretch}.crm-max-shell .imports-page dl{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=440px){.crm-max-shell__synthetic{text-align:center;max-width:7.2rem}.crm-max-shell .contacts-page,.crm-max-shell .imports-page{padding:1rem}.crm-max-shell .imports-page dl{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.crm-max-shell,.crm-max-shell *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.crm-max-shell__nav-item{font-weight:500}.crm-max-shell__nav-item:active:not(:disabled){translate:0 1px}.crm-max-shell__tenant-switcher{padding:8px 24px;position:relative}.crm-max-shell__tenant-switcher label{font-size:var(--text-meta);align-items:center;gap:12px;display:flex}.crm-max-shell__tenant-switcher select{min-height:36px;padding:4px 30px 4px 12px}.crm-max-shell__tenant-switcher button{min-height:36px;padding:4px 12px}.crm-max-shell :is(.contacts-page,.imports-page) h2{font-size:18px}.crm-max-shell :is(.contacts-page,.imports-page) h3{font-size:14px}.crm-max-shell .contacts-page li{border:0;border-bottom:1px solid var(--border-default);background:0 0;border-radius:0}.crm-max-shell .contacts-page li:last-child{border-bottom:0}.crm-max-shell .contacts-page li>button:first-child{background:0 0;border-color:#0000;font-weight:500}.crm-max-shell .contacts-page li:hover{background:var(--bg-hover)}.crm-max-shell .contacts-page section[aria-label="Detalle del contacto"]{animation:crm-content-in var(--motion-content) var(--ease-out)}.crm-max-shell :is(.contacts-page,.imports-page) button[type=submit]:hover:not(:disabled){color:var(--text-on-accent);background:var(--accent-hover)}.crm-max-shell :is(.contacts-page,.imports-page) button:active:not(:disabled){translate:0 1px}.crm-max-shell :is(.contacts-page,.imports-page) button[type=submit]:not(:disabled){box-shadow:var(--shadow-control)}.workspace-loading,.workspace-load-error{min-height:100%;color:var(--text-secondary);align-content:start;gap:16px;padding:32px;display:grid}.workspace-loading__indicator{border:1px solid var(--border-default);border-radius:var(--radius-panel);background:var(--bg-panel);width:min(640px,100%);height:180px;animation:1.2s ease-in-out infinite alternate skeleton;display:block}.workspace-load-error button{border:1px solid var(--control-border);border-radius:var(--radius-control);background:var(--bg-raised);cursor:pointer;justify-self:start;min-height:40px;padding:8px 16px}.tenant-switcher{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.tenant-switcher>[aria-live]{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.crm-max-shell__nav-item{align-items:center;gap:10px;display:flex}.crm-max-shell__nav-icon{flex:0 0 18px;width:18px;height:18px}@media (width<=760px){.crm-max-shell__nav{overflow:hidden}.crm-max-shell__nav-item{flex-direction:column;flex:1;justify-content:center;gap:3px;min-width:0;min-height:44px;padding:4px;font-size:10px;line-height:1.2}.crm-max-shell__nav-item>span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.tenant-switcher{flex-wrap:nowrap;align-items:end}.crm-max-shell__tenant-switcher label{flex:1;gap:4px;min-width:0;display:grid}.crm-max-shell__tenant-switcher select{width:100%}.crm-max-shell__tenant-switcher button{flex:none}.crm-max-shell__brand{min-width:0}.crm-max-shell__brand strong{font-size:22px}.crm-max-shell__brand small{letter-spacing:.04em;font-size:8px}.crm-max-shell__tenant{max-width:36%;margin-left:auto}.crm-max-shell__tenant>span:last-child{font-size:12px}.crm-max-shell__synthetic{display:none}.crm-max-shell__tenant-switcher{padding:8px 12px}.crm-max-shell__tenant-switcher select{flex:1;min-width:0}.crm-max-shell input,.crm-max-shell textarea,.crm-max-shell select{font-size:var(--text-reading)}}.crm-max-shell__tour-trigger{align-items:center;margin-left:auto;display:flex}.shell-nav-tour-btn{color:#34d399;cursor:pointer;white-space:nowrap;background:#10b9811f;border:1px solid #10b9814d;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.shell-nav-tour-btn:hover{color:#6ee7b7;background:#10b98138;border-color:#10b98180}.tour-backdrop{z-index:99998;pointer-events:auto;transition:opacity .25s ease-in-out;position:fixed;inset:0}.tour-spotlight-cutout{pointer-events:none;border:2px solid #10b981;border-radius:8px;transition:top .2s,left .2s,width .2s,height .2s;animation:2s ease-in-out infinite tour-pulse;position:absolute;box-shadow:0 0 0 9999px #08090bd1}@keyframes tour-pulse{0%,to{box-shadow:0 0 0 9999px #08090bd1,0 0 15px #10b98166}50%{box-shadow:0 0 0 9999px #08090bd1,0 0 25px #10b981b3}}.tour-popover{z-index:99999;color:#f1f5f9;background:#15181d;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;gap:12px;width:360px;max-width:calc(100vw - 32px);padding:18px;font-family:inherit;transition:top .2s,left .2s;display:flex;position:fixed;box-shadow:0 20px 40px #0009,0 0 0 1px #ffffff0d}.tour-popover-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.tour-badge{color:#34d399;text-transform:uppercase;letter-spacing:.04em;background:#10b98126;border:1px solid #10b9814d;border-radius:999px;align-items:center;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.tour-step-counter{color:#94a3b8;font-size:12px;font-weight:500}.tour-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;font-size:16px;line-height:1}.tour-close-btn:hover{color:#f1f5f9;background:#ffffff14}.tour-popover-title{color:#f8fafc;margin:0;font-size:16px;font-weight:700;line-height:1.3}.tour-popover-desc{color:#cbd5e1;margin:0;font-size:13.5px;line-height:1.5}.tour-popover-footer{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-top:6px;padding-top:12px;display:flex}.tour-skip-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 8px;font-size:12.5px}.tour-skip-btn:hover{color:#f1f5f9;background:#ffffff0f}.tour-nav-buttons{align-items:center;gap:8px;display:flex}.tour-btn-secondary{color:#e2e8f0;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;padding:6px 12px;font-size:12.5px}.tour-btn-secondary:hover:not(:disabled){background:#ffffff1f}.tour-btn-secondary:disabled{opacity:.35;cursor:not-allowed}.tour-btn-primary{color:#042f2e;cursor:pointer;background:#10b981;border:1px solid #059669;border-radius:6px;padding:6px 14px;font-size:12.5px;font-weight:700;transition:background .15s}.tour-btn-primary:hover{background:#34d399}@font-face{font-family:Mona Sans VF;src:url(/assets/MonaSansVF-D1zn5yWR.woff2)format("woff2");font-weight:200 900;font-style:normal;font-display:swap}:root{--crm-color-rail:#0c0d0f;--crm-color-canvas:#101113;--crm-color-panel:#181a1e;--crm-color-raised:#1d2025;--crm-color-hover:#23272d;--crm-color-border:#30343b;--crm-color-text:#eef0f3;--crm-color-secondary:#9aa1aa;--crm-color-muted:#707781;--crm-color-accent:#6b9cff;--crm-color-accent-hover:#8fb1ff;--crm-color-success:#22c55e;--crm-color-warning:#d8a64a;--crm-color-danger:#ee6a71;--bg-rail:var(--crm-color-rail);--bg-canvas:var(--crm-color-canvas);--bg-panel:var(--crm-color-panel);--bg-raised:var(--crm-color-raised);--bg-hover:var(--crm-color-hover);--border-default:var(--crm-color-border);--border-strong:var(--crm-color-muted);--control-border:var(--border-strong);--text-primary:var(--crm-color-text);--text-secondary:var(--crm-color-secondary);--text-muted:color-mix(in srgb, var(--crm-color-muted) 40%, var(--crm-color-secondary));--text-disabled:var(--crm-color-muted);--text-on-accent:var(--crm-color-rail);--accent-primary:var(--crm-color-accent);--accent-hover:var(--crm-color-accent-hover);--accent-subtle:color-mix(in srgb, var(--accent-primary) 12%, var(--bg-panel));--accent-border:color-mix(in srgb, var(--accent-primary) 50%, var(--border-default));--focus-ring:var(--accent-hover);--state-positive:var(--crm-color-success);--state-success:var(--state-positive);--state-warning:var(--crm-color-warning);--state-danger:var(--crm-color-danger);--positive-subtle:color-mix(in srgb, var(--state-positive) 9%, var(--bg-panel));--warning-subtle:color-mix(in srgb, var(--state-warning) 9%, var(--bg-panel));--danger-subtle:color-mix(in srgb, var(--state-danger) 9%, var(--bg-panel));--overlay-scrim:#00000094;--font-sans:"Mona Sans VF", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Consolas, monospace;--text-meta:12px;--text-body:14px;--text-reading:16px;--text-heading:24px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--radius-control:8px;--radius-panel:12px;--radius-overlay:16px;--surface-panel-light:linear-gradient(135deg, #ffffff0a, transparent 48%, #0000000d);--surface-raised-light:linear-gradient(135deg, #ffffff05, transparent 48%, #0000000d);--shadow-edge:inset 0 1px 0 #ffffff0f, inset 0 -1px 0 #0000001f;--shadow-control:var(--shadow-edge), 0 2px 4px #0003;--shadow-panel:var(--shadow-edge), 0 2px 4px #0003, 0 12px 28px -6px #0006;--shadow-overlay:var(--shadow-edge), 0 4px 12px #0000004d, 0 24px 64px -12px #000000a3;--motion-fast:.12s;--motion-content:.18s;--motion-panel:.24s;--motion-exit:.18s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-standard:cubic-bezier(.2, 0, .2, 1);--workspace-bg:var(--bg-canvas);--workspace-rail:var(--bg-rail);--workspace-panel:var(--bg-panel);--workspace-raised:var(--bg-raised);--workspace-hover:var(--bg-hover);--workspace-line:var(--border-default);--workspace-control-border:var(--control-border);--workspace-text:var(--text-primary);--workspace-muted:var(--text-muted);--workspace-accent:var(--accent-primary);--workspace-accent-strong:var(--accent-primary);--workspace-positive:var(--state-positive);--workspace-warning:var(--state-warning);--workspace-danger:var(--state-danger);--cw-rail:var(--bg-rail);--cw-canvas:var(--bg-canvas);--cw-panel:var(--bg-panel);--cw-elevated:var(--bg-raised);--cw-border:var(--border-default);--cw-border-strong:var(--border-strong);--cw-text:var(--text-primary);--cw-text-muted:var(--text-muted);--cw-blue:var(--accent-primary);--cw-green:var(--state-positive);--cw-warning:var(--state-warning);--cw-danger:var(--state-danger);--cw-focus:var(--focus-ring);--workflow-grid:color-mix(in srgb, var(--text-muted) 40%, var(--bg-canvas));--workflow-minimap-node:var(--accent-primary);--workflow-minimap-mask:color-mix(in srgb, var(--bg-rail) 76%, transparent);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-sans);font-size:var(--text-body);font-weight:var(--weight-regular);font-synthesis:none;font-optical-sizing:auto;color:var(--text-primary);background:var(--bg-canvas);line-height:1.5}*,:before,:after{box-sizing:border-box}button,input,select,textarea{font:inherit}h1,h2,h3,strong{font-weight:var(--weight-semibold)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}:where(button,a,input,select,textarea){transition:background-color var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard)}:where(button:disabled){cursor:not-allowed}::selection{color:var(--text-primary);background:var(--accent-border)}*{scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin}@keyframes crm-content-in{0%{opacity:0}to{opacity:1}}@keyframes crm-panel-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes crm-panel-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(16px)}}@keyframes crm-modal-in{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes crm-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}:root{--rail-width:76px}*{box-sizing:border-box}html,body,#root{min-width:320px;height:100%;min-height:100%;margin:0}body{background:var(--bg-canvas);min-height:100%;overflow:hidden}button,textarea{font:inherit}button{color:inherit}button:focus-visible,textarea:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.skip-link{z-index:100;border-radius:var(--radius-control);color:var(--bg-canvas);background:var(--accent-primary);padding:7px 10px;position:fixed;top:8px;left:88px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.app-shell{grid-template-columns:var(--rail-width) minmax(0, 1fr);background:var(--bg-canvas);height:100%;display:grid}.primary-rail{border-right:1px solid var(--border-default);background:var(--bg-canvas);flex-direction:column;align-items:stretch;display:flex}.brand-mark{border:1px solid var(--border-default);border-radius:var(--radius-panel);width:32px;height:32px;color:var(--text-primary);background:var(--bg-raised);font-size:var(--text-meta);letter-spacing:.04em;place-items:center;margin:6px auto 8px;font-weight:600;display:grid}.rail-destinations{flex-direction:column;flex:1;gap:2px;padding:0 6px 6px;display:flex}.rail-button{border-radius:var(--radius-control);min-height:44px;color:var(--text-muted);cursor:pointer;font-size:var(--text-meta);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex}.rail-button:last-child{margin-top:auto}.rail-button:hover{color:var(--text-secondary);background:var(--bg-raised)}.rail-button.is-current{color:var(--accent-primary);background:var(--bg-raised)}.icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.inbox-layout{grid-template-columns:minmax(250px,300px) minmax(320px,1fr) minmax(240px,280px);min-width:0;height:100%;display:grid}.conversation-list,.conversation-pane,.contact-panel{background:var(--bg-panel);background-image:var(--surface-panel-light);min-width:0}.conversation-list,.conversation-pane{border-right:1px solid var(--border-default)}.panel-header{border-bottom:1px solid var(--border-default);min-height:60px;padding:12px 16px}.panel-header h1,.panel-header h2{margin:0;font-size:15px;font-weight:600;line-height:1.4}.eyebrow{color:var(--text-muted);font-size:var(--text-meta);letter-spacing:.08em;text-transform:uppercase;font-weight:600;display:block}.list-header{justify-content:space-between;align-items:center;display:flex}.count-badge{min-width:24px;color:var(--text-secondary);background:var(--bg-raised);text-align:center;font-variant-numeric:tabular-nums;border-radius:10px;padding:2px 7px}.conversation-filters{border-bottom:1px solid var(--border-default);align-items:center;gap:4px;height:36px;padding:3px 8px;display:flex}.filter-button{border-radius:var(--radius-control);min-height:30px;color:var(--text-muted);background:0 0;border:0;padding:4px 10px}.filter-button.is-active{color:var(--text-primary);background:var(--bg-raised)}.filter-button:disabled{opacity:.55}.conversation-items,.message-timeline{margin:0;padding:0;list-style:none}.conversation-list{grid-template-rows:auto auto minmax(0,1fr);min-height:0;display:grid}.conversation-items{overscroll-behavior:contain;min-height:0;overflow-y:auto}.conversation-item{border:0;border-bottom:1px solid var(--border-default);text-align:left;cursor:pointer;background:0 0;border-radius:0;gap:12px;width:100%;min-height:76px;padding:14px 16px;display:flex}.conversation-item:hover{background:var(--bg-hover)}.conversation-item.is-selected{box-shadow:inset 3px 0 var(--accent-primary);background:var(--bg-raised)}.avatar{border:1px solid var(--border-default);width:36px;height:36px;color:var(--text-primary);background:var(--bg-canvas);font-size:var(--text-meta);border-radius:50%;flex:0 0 36px;place-items:center;font-weight:600;display:grid}.conversation-copy{flex-direction:column;flex:1;min-width:0;display:flex}.conversation-topline{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.conversation-topline strong,.conversation-preview,.conversation-channel{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.conversation-topline strong{color:var(--text-primary);font-weight:600}.conversation-topline time{color:var(--text-muted);font-size:var(--text-meta);font-variant-numeric:tabular-nums}.conversation-bottomline{justify-content:space-between;align-items:center;gap:8px;min-width:0;line-height:15px;display:flex}.conversation-preview{min-width:0;color:var(--text-secondary)}.conversation-channel{max-width:108px;color:var(--text-muted);font-size:var(--text-meta);flex:none}.conversation-pane{grid-template-rows:auto minmax(0,1fr) auto auto;display:grid;position:relative}.conversation-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.conversation-title{flex:1;min-width:0}.header-channel{color:var(--text-secondary);font-size:12px}.header-actions{align-items:center;gap:8px;display:flex}.reply-window{border:1px solid var(--border-default);border-radius:var(--radius-control);color:var(--text-secondary);padding:3px 7px;font-size:12px}.reply-window.is-open{border-color:color-mix(in srgb, var(--state-positive) 55%, var(--border-default));color:var(--state-positive)}.reply-window.is-closed{border-color:color-mix(in srgb, var(--state-warning) 55%, var(--border-default));color:var(--state-warning)}.contact-trigger{border:1px solid var(--border-default);border-radius:var(--radius-control);background:var(--bg-raised);align-items:center;gap:5px;min-height:32px;padding:5px 8px;display:flex}.mobile-back{border:1px solid var(--border-default);border-radius:var(--radius-control);background:var(--bg-raised);flex:0 0 32px;place-items:center;width:32px;height:32px;padding:0;display:none}.message-timeline{background:var(--bg-canvas);padding:20px clamp(16px,4vw,48px);overflow-y:auto}.message-row{margin:0 0 10px;display:flex}.message-row.is-outbound{justify-content:flex-end}.message-bubble{border:1px solid var(--border-default);border-radius:var(--radius-panel);background:var(--bg-panel);background-image:var(--surface-raised-light);max-width:min(72%,620px);box-shadow:var(--shadow-control);padding:8px 10px 6px}.message-row.is-outbound .message-bubble{border-color:var(--accent-border);background:var(--accent-subtle)}.message-bubble p{color:var(--text-primary);white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 3px}.message-bubble footer{color:var(--text-muted);font-size:var(--text-meta);font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:center;gap:8px;display:flex}.delivery-status{font-weight:500}.status-delivered,.status-read{color:var(--state-positive)}.status-failed{color:var(--state-danger)}.status-unknown{color:var(--state-warning)}.status-accepted,.status-sent,.status-sending{color:var(--text-secondary)}.timeline-loading,.app-loading{background:var(--bg-canvas);align-content:center;gap:10px;padding:32px;display:grid}.timeline-loading span,.app-loading span{border:1px solid var(--border-default);border-radius:var(--radius-control);background:var(--bg-raised);width:min(58%,520px);height:42px;animation:1.2s ease-in-out infinite alternate skeleton;display:block}.timeline-loading span:nth-child(2),.app-loading span:nth-child(2){justify-self:end;width:min(48%,430px)}.send-feedback{min-height:0}.inline-error{border-top:1px solid var(--state-danger);color:var(--state-danger);background:var(--danger-subtle);padding:7px 12px}.reply-composer{border-top:1px solid var(--border-default);background:var(--bg-panel);background-image:var(--surface-panel-light);box-shadow:var(--shadow-edge);padding:10px 12px}.reply-composer label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.reply-composer textarea{resize:vertical;border:1px solid var(--border-default);border-radius:var(--radius-control);width:100%;min-height:70px;color:var(--text-primary);background:var(--bg-raised);padding:8px 10px;line-height:1.5;display:block}.reply-composer textarea:disabled{color:var(--text-muted);cursor:not-allowed}.composer-footer{justify-content:flex-end;align-items:center;gap:10px;padding-top:7px;display:flex}.character-count{color:var(--text-muted);font-size:var(--text-meta);font-variant-numeric:tabular-nums}.primary-action{border:1px solid var(--accent-primary);border-radius:var(--radius-control);min-height:34px;color:var(--text-on-accent);background:var(--accent-primary);cursor:pointer;padding:5px 14px;font-weight:600}.primary-action:hover:not(:disabled){background:var(--accent-hover)}.primary-action:disabled{border-color:var(--border-default);color:var(--text-muted);background:var(--bg-raised);cursor:not-allowed}.contact-panel{overflow-y:auto}.contact-panel-header{justify-content:space-between;align-items:center;display:flex}.close-contact{display:none}.icon-button{border:1px solid var(--border-default);border-radius:var(--radius-control);background:var(--bg-raised);cursor:pointer;place-items:center;width:32px;height:32px;padding:0;display:grid}.contact-summary-content{padding:16px}.contact-identity{border-bottom:1px solid var(--border-default);flex-direction:column;align-items:center;padding:5px 0 20px;display:flex}.avatar-large{flex-basis:48px;width:48px;height:48px;margin-bottom:8px;font-size:16px}.summary-name{font-size:15px}.secondary-text{color:var(--text-secondary)}.summary-section{padding-top:16px}.summary-section h3{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0 0 10px;font-size:12px;font-weight:600}.channel-line{border:1px solid var(--border-default);border-radius:var(--radius-control);background:var(--bg-raised);align-items:flex-start;gap:8px;padding:9px;display:flex}.channel-line div{flex-direction:column;min-width:0;display:flex}.channel-line span{color:var(--text-secondary);font-size:12px}.channel-dot{background:var(--text-muted);border-radius:50%;flex:0 0 8px;width:8px;height:8px;margin-top:6px}.channel-dot.is-connected{background:var(--state-positive)}.metadata-list{margin:12px 0 0}.metadata-list div{border-bottom:1px solid var(--border-default);grid-template-columns:82px minmax(0,1fr);gap:8px;padding:7px 0;display:grid}.metadata-list dt{color:var(--text-muted)}.metadata-list dd{overflow-wrap:anywhere;color:var(--text-secondary);text-align:right;margin:0}.empty-state{min-height:180px;color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:24px;display:flex}.empty-state strong{color:var(--text-primary)}.inbox-empty{background:var(--bg-canvas);height:100%}.drawer-backdrop{display:none}.load-error{min-width:0;color:var(--text-secondary);background:var(--bg-canvas);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex}.load-error strong{color:var(--text-primary);font-size:16px}.load-error .primary-action{margin-top:6px}.bootstrap-form{text-align:left;flex-direction:column;gap:10px;width:min(100%,380px);display:flex}.bootstrap-form h1{color:var(--text-primary);font-size:22px}.bootstrap-form input{border:1px solid var(--control-border);border-radius:var(--radius-control);background:var(--bg-canvas);min-width:0;min-height:44px;color:var(--text-primary);font:inherit;padding:10px 12px}.bootstrap-form label{color:var(--text-secondary);font-size:var(--text-meta);margin-top:4px}.bootstrap-form button{min-height:40px}.bootstrap-form [role=alert]{color:var(--state-danger)}.login-page{min-height:100dvh;overflow:auto}.bootstrap-form--login{border:1px solid var(--border-default);border-radius:var(--radius-overlay);background:var(--bg-panel);background-image:var(--surface-panel-light);width:min(100%,420px);box-shadow:var(--shadow-panel);animation:crm-content-in var(--motion-content) var(--ease-out);padding:32px}.login-brand{margin-bottom:18px}.login-brand h1{letter-spacing:-.03em;margin:0;font-size:32px;font-weight:500;line-height:1.1}.login-brand h1 span{color:var(--accent-primary)}.login-brand p{letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);margin:10px 0 0;font-size:10px}.bootstrap-form--login h2{margin:0 0 10px;font-size:18px;font-weight:500}.bootstrap-form--login button{margin-top:12px}.oauth-divider{color:var(--text-muted);font-size:var(--text-meta);text-align:center;align-items:center;gap:10px;margin-top:8px;display:flex}.oauth-divider:before,.oauth-divider:after{content:"";background:var(--border-default);flex:1;height:1px}.oauth-actions{gap:8px;display:grid}.oauth-action{border:1px solid var(--control-border);border-radius:var(--radius-control);min-height:40px;color:var(--text-primary);background:var(--bg-canvas);font-size:var(--text-meta);place-items:center;padding:0 12px;font-weight:600;text-decoration:none;display:grid}.oauth-action:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.oauth-action:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media (width<=580px){.bootstrap-form--login{padding:24px}.bootstrap-form input{font-size:var(--text-reading)}}.future-notice{z-index:60;border:1px solid var(--border-default);border-radius:var(--radius-control);color:var(--text-primary);background:var(--bg-raised);align-items:center;gap:8px;padding:9px 10px;display:flex;position:fixed;bottom:16px;right:16px;box-shadow:0 8px 24px #00000059}.future-notice button{cursor:pointer;background:0 0;border:0;border-radius:3px;place-items:center;width:28px;height:28px;padding:0;display:grid}.future-notice button:hover{background:var(--bg-hover)}.workflow-workspace-layout{grid-template-columns:220px minmax(0,1fr);min-width:0;height:100%;display:grid}.workflow-selector{border-right:1px solid var(--border-default);background:var(--bg-panel);overflow-y:auto}.workflow-selector__header{border-bottom:1px solid var(--border-default);align-content:center;gap:4px;min-height:64px;padding:10px 12px;display:grid}.workflow-selector__header span{font-weight:600}.workflow-selector__header small{color:var(--state-warning);line-height:1.3}.workflow-selector>button{border:0;border-bottom:1px solid var(--border-default);width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;gap:3px;padding:11px 12px;display:grid}.workflow-selector>button:hover:not(:disabled){background:var(--bg-hover)}.workflow-selector>button[aria-current=page]{box-shadow:inset 3px 0 var(--accent-primary);background:var(--bg-raised)}.workflow-selector>button:disabled{cursor:not-allowed;opacity:.66}.workflow-selector>button span{color:var(--text-muted);font-size:var(--text-meta)}.workflow-selector>[role=status]{color:var(--text-secondary);padding:10px 12px}.workflow-workspace-editor{min-width:0;min-height:0;overflow:hidden}.workflow-workspace-state{min-height:220px;color:var(--text-secondary);background:var(--bg-canvas);text-align:center;place-content:center;gap:8px;padding:24px;display:grid}.workflow-workspace-state h1,.workflow-workspace-state p{margin:0}@keyframes skeleton{0%{opacity:.45}to{opacity:.9}}@media (width<=1100px){.inbox-layout{grid-template-columns:minmax(230px,290px) minmax(0,1fr)}.contact-panel{z-index:50;border-left:1px solid var(--border-default);width:min(340px,88vw);height:100%;position:fixed;top:0;right:0;transform:translate(102%)}.contact-panel.is-open{transform:translate(0)}.close-contact{display:grid}.drawer-backdrop{z-index:49;background:#00000080;border:0;position:fixed;inset:0}.drawer-backdrop.is-visible{display:block}}@media (width<=760px){:root{--rail-width:58px}.rail-button span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.inbox-layout{grid-template-columns:minmax(0,1fr)}.conversation-pane{border-right:0}.mobile-back{display:grid}.reply-window{text-align:center;max-width:120px}.message-bubble{max-width:88%}.workflow-workspace-layout{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.workflow-selector{border-right:0;border-bottom:1px solid var(--border-default);align-items:stretch;display:flex;overflow:auto hidden}.workflow-selector__header{border-bottom:0;min-width:90px}.workflow-selector>button{border-bottom:0;border-left:1px solid var(--border-default);flex:0 0 190px;width:auto}.workflow-selector>button[aria-current=page]{box-shadow:inset 0 -2px var(--accent-primary)}.workflow-selector__header,.workflow-selector>button{padding-inline:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.inbox-feature,.inbox-layout,.conversation-pane,.contact-panel{min-height:0}.inbox-layout{grid-template-rows:minmax(0,1fr)}.message-timeline{overscroll-behavior:contain;scrollbar-gutter:stable}.message-bubble{padding:10px 14px 8px}.reply-composer textarea{border-color:var(--control-border)}.reply-composer{padding:16px}.contact-trigger,.icon-button,.mobile-back{border-color:var(--control-border);cursor:pointer;min-width:36px;min-height:36px}:where(.primary-action,.icon-button,.contact-trigger):active:not(:disabled){translate:0 1px}:where(.icon-button,.contact-trigger):hover:not(:disabled){background:var(--bg-hover)}.timeline-loading,.app-loading{min-height:260px}.future-notice{animation:crm-toast-in var(--motion-content) var(--ease-out);background-image:var(--surface-raised-light);box-shadow:var(--shadow-overlay)}.primary-action:not(:disabled){box-shadow:var(--shadow-control)}.workflow-workspace-editor{container:workflow-host/inline-size}@media (width<=1100px){.contact-panel{height:100dvh;box-shadow:var(--shadow-overlay)}.contact-panel[data-state=open]{animation:crm-panel-in var(--motion-panel) var(--ease-out)}.contact-panel[data-state=closing]{animation:crm-panel-out var(--motion-exit) var(--ease-standard) forwards;pointer-events:none}.drawer-backdrop[data-state=open]{animation:crm-content-in var(--motion-content) var(--ease-out)}.drawer-backdrop[data-state=closing]{opacity:0;transition:opacity var(--motion-exit) var(--ease-standard);pointer-events:none}}@media (width<=760px){input,select,textarea{font-size:var(--text-reading)}.panel-header{padding:10px 12px}.conversation-header{flex-wrap:wrap;gap:8px}.header-actions{gap:6px}.reply-composer{padding:12px}}.delivery-status{cursor:default;align-items:center;gap:4px;font-size:11px;font-weight:500;display:inline-flex}.delivery-icon{vertical-align:middle;flex-shrink:0;display:inline-block}.delivery-icon.icon-clock{animation:2s ease-in-out infinite pulse-subtle}.delivery-icon.icon-double-check.is-read,.status-read{color:#53bdeb}.delivery-status-label{opacity:.9;text-transform:lowercase;font-size:11px}@keyframes pulse-subtle{0%,to{opacity:.7}50%{opacity:1}}.agent-toggle-button{border-radius:var(--radius-control);cursor:pointer;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.agent-toggle-button.is-active{background:color-mix(in srgb, var(--state-positive) 14%, var(--bg-raised));border:1px solid color-mix(in srgb, var(--state-positive) 45%, var(--border-default));color:var(--state-positive)}.agent-toggle-button.is-paused{background:color-mix(in srgb, var(--state-warning) 14%, var(--bg-raised));border:1px solid color-mix(in srgb, var(--state-warning) 45%, var(--border-default));color:var(--state-warning)}.agent-indicator-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.agent-indicator-dot.is-active{background:var(--state-positive);box-shadow:0 0 6px var(--state-positive)}.agent-indicator-dot.is-paused{background:var(--state-warning)}.agent-status-banner{border-bottom:1px solid var(--border-default);animation:crm-content-in var(--motion-content) var(--ease-out);justify-content:space-between;align-items:center;gap:10px;padding:8px 16px;font-size:12px;display:flex}.agent-status-banner.is-active{background:color-mix(in srgb, var(--state-positive) 8%, var(--bg-panel));color:var(--text-primary)}.agent-status-banner.is-paused{background:color-mix(in srgb, var(--state-warning) 10%, var(--bg-panel));color:var(--text-primary)}.agent-banner-icon{flex-shrink:0;font-size:14px}.agent-banner-text{flex:1;min-width:0;line-height:1.4}.agent-banner-action-btn{border-radius:var(--radius-control);background:var(--bg-raised);border:1px solid var(--border-default);color:var(--text-primary);cursor:pointer;white-space:nowrap;padding:3px 9px;font-size:11px;font-weight:600}.agent-banner-action-btn:hover{background:var(--bg-hover)}.contact-phone-row{align-items:center;gap:6px;margin-top:4px;display:flex}.copy-icon-btn{width:22px;height:22px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;padding:0;display:grid}.copy-icon-btn:hover{color:var(--text-primary);background:var(--bg-raised)}.copy-icon-btn svg{width:13px;height:13px}.copied-text{color:var(--state-positive);font-size:10px;font-weight:600}.contact-stage-row{align-items:center;gap:8px;margin-top:10px;display:flex}.contact-stage-label{color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:600}.contact-stage-select{border-radius:var(--radius-control);background:var(--bg-raised);border:1px solid var(--border-default);color:var(--text-primary);cursor:pointer;padding:3px 8px;font-size:11px;font-weight:500}.section-header-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.section-header-row h3{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0;font-size:12px;font-weight:600}.btn-link-action{color:var(--accent-primary);cursor:pointer;background:0 0;border:0;padding:2px 4px;font-size:11px;font-weight:600}.btn-link-action:hover{text-decoration:underline}.tags-container{flex-wrap:wrap;gap:6px;display:flex}.tag-pill{background:var(--bg-raised);border:1px solid var(--border-default);color:var(--text-secondary);border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;display:inline-flex}.tag-pill button{cursor:pointer;color:var(--text-muted);background:0 0;border:0;padding:0 1px;font-size:13px;line-height:1}.tag-pill button:hover{color:var(--state-danger)}.add-tag-form{gap:5px;margin-top:8px;display:flex}.add-tag-form input{border-radius:var(--radius-control);background:var(--bg-canvas);border:1px solid var(--border-default);color:var(--text-primary);flex:1;padding:3px 8px;font-size:11px}.small-btn{border-radius:var(--radius-control);cursor:pointer;min-height:24px;padding:3px 8px;font-size:11px}.secondary-action.small-btn{background:var(--bg-raised);border:1px solid var(--border-default);color:var(--text-secondary)}.agent-card{border-radius:var(--radius-control);background:var(--bg-raised);border:1px solid var(--border-default);padding:10px 12px}.agent-card-header{justify-content:space-between;align-items:center;display:flex}.agent-card-status{align-items:center;gap:6px;font-size:12px;display:flex}.agent-dot{border-radius:50%;width:7px;height:7px}.agent-dot.is-active{background:var(--state-positive);box-shadow:0 0 5px var(--state-positive)}.agent-dot.is-paused{background:var(--state-warning)}.agent-card-toggle{border-radius:var(--radius-control);cursor:pointer;background:var(--bg-canvas);border:1px solid var(--border-default);color:var(--text-primary);padding:3px 8px;font-size:11px;font-weight:600}.agent-card-toggle:hover{background:var(--bg-hover)}.agent-card-desc{color:var(--text-muted);margin:6px 0 0;font-size:11px;line-height:1.4}.channel-box{border-radius:var(--radius-control);background:var(--bg-raised);border:1px solid var(--border-default);margin-bottom:12px;padding:10px}.channel-box-header{align-items:center;gap:8px;display:flex}.channel-badge{border-radius:10px;margin-left:auto;padding:2px 6px;font-size:10px;font-weight:600}.channel-badge.is-active{background:color-mix(in srgb, var(--state-positive) 18%, transparent);color:var(--state-positive)}.channel-badge.is-unconfigured{background:color-mix(in srgb, var(--state-warning) 18%, transparent);color:var(--state-warning)}.instagram-channel-card{border-radius:var(--radius-control);background:var(--bg-raised);border:1px solid color-mix(in srgb, #e1306c 40%, var(--border-default));margin-top:12px;padding:12px}.channel-card-top{justify-content:space-between;align-items:center;display:flex}.channel-card-brand{align-items:center;gap:8px;display:flex}.instagram-icon-box{color:#fff;background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);border-radius:6px;flex-shrink:0;place-items:center;width:26px;height:26px;display:grid}.instagram-icon-box svg{stroke:#fff;width:16px;height:16px}.channel-card-desc{color:var(--text-secondary);margin:6px 0 10px;font-size:11px;line-height:1.4}.channel-connect-action{border-radius:var(--radius-control);cursor:pointer;color:#fff;background:linear-gradient(90deg,#833ab4,#fd1d1d,#fcb045);border:0;justify-content:center;align-items:center;gap:6px;width:100%;padding:7px 12px;font-size:12px;font-weight:600;display:flex;box-shadow:0 2px 8px #e1306c4d}.channel-connect-action svg{width:14px;height:14px}.channel-connect-action:hover{filter:brightness(1.1)}.manage-channels-btn{border-radius:var(--radius-control);background:var(--bg-canvas);border:1px solid var(--border-default);width:100%;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;gap:6px;margin-top:10px;padding:6px 10px;font-size:12px;font-weight:500;display:flex}.manage-channels-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.manage-channels-btn svg{width:14px;height:14px}.channel-modal-overlay{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:crm-content-in var(--motion-content) var(--ease-out);background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.channel-modal{background:var(--bg-panel);border:1px solid var(--border-default);border-radius:var(--radius-panel);width:100%;max-width:580px;max-height:90vh;box-shadow:var(--shadow-panel);padding:24px;overflow-y:auto}.channel-modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.channel-modal-header h2{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.channel-modal-subtitle{color:var(--text-secondary);margin:4px 0 0;font-size:12px}.channel-modal-tabs{border-bottom:1px solid var(--border-default);gap:8px;margin-bottom:16px;display:flex}.channel-modal-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;display:flex}.channel-modal-tab.is-active{border-bottom-color:var(--accent-primary);color:var(--text-primary);font-weight:600}.tab-icon svg{width:15px;height:15px}.tab-icon.instagram-color{color:#e1306c}.tab-icon.whatsapp-color{color:var(--state-positive)}.channel-status-banner{border-radius:var(--radius-control);background:var(--bg-raised);border:1px solid var(--border-default);color:var(--text-secondary);align-items:center;gap:10px;margin-bottom:16px;padding:10px 12px;font-size:12px;display:flex}.channel-status-banner.is-connected{background:color-mix(in srgb, var(--state-positive) 10%, var(--bg-raised));border-color:color-mix(in srgb, var(--state-positive) 40%, var(--border-default))}.connection-success-alert{border-radius:var(--radius-control);background:color-mix(in srgb, var(--state-positive) 15%, var(--bg-raised));border:1px solid var(--state-positive);color:var(--state-positive);margin-bottom:16px;padding:10px 12px;font-size:12px;font-weight:600}.channel-field-group{margin-bottom:16px}.channel-field-group label{color:var(--text-primary);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.input-with-icon{border:1px solid var(--border-default);border-radius:var(--radius-control);background:var(--bg-canvas);align-items:center;display:flex}.input-icon{color:var(--text-muted);padding:0 10px;font-size:14px;font-weight:600}.input-with-icon input{color:var(--text-primary);background:0 0;border:0;outline:none;flex:1;padding:8px 10px 8px 0;font-size:13px}.field-hint{color:var(--text-muted);margin-top:4px;font-size:11px;display:block}.channel-guide-box{border-radius:var(--radius-control);background:var(--bg-raised);border:1px solid var(--border-default);margin-bottom:16px;padding:12px}.channel-guide-box h4{color:var(--text-primary);margin:0 0 10px;font-size:12px;font-weight:600}.webhook-field{margin-bottom:8px;font-size:12px}.webhook-field-label{color:var(--text-muted);margin-bottom:4px;font-size:11px;display:block}.webhook-field code{background:var(--bg-canvas);color:var(--text-secondary);border-radius:4px;padding:4px 8px;font-size:11px;display:block}.copy-field{gap:6px;display:flex}.copy-field input{background:var(--bg-canvas);border:1px solid var(--border-default);border-radius:var(--radius-control);color:var(--text-primary);flex:1;padding:5px 8px;font-family:monospace;font-size:11px}.copy-btn{background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-control);color:var(--text-primary);cursor:pointer;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:flex}.copy-btn:hover{background:var(--bg-hover)}.copy-btn svg{width:12px;height:12px}.channel-actions-row{gap:10px;margin-top:16px;display:flex}.connect-meta-action{color:#fff;background:linear-gradient(90deg,#833ab4,#fd1d1d,#fcb045);border:0;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.connect-meta-action svg{width:16px;height:16px}.test-action{border-radius:var(--radius-control);background:var(--bg-raised);border:1px solid var(--border-default);color:var(--text-primary);cursor:pointer;padding:8px 14px;font-size:12px;font-weight:600}.channel-details-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.detail-item{border-radius:var(--radius-control);background:var(--bg-raised);border:1px solid var(--border-default);flex-direction:column;gap:2px;padding:8px 10px;display:flex}.detail-label{color:var(--text-muted);font-size:11px}.detail-value{color:var(--text-primary);font-size:12px}.detail-code{color:var(--text-secondary);word-break:break-all;font-family:monospace;font-size:11px}.quality-high{color:var(--state-positive)}.channel-modal-footer{border-top:1px solid var(--border-default);justify-content:flex-end;padding-top:14px;display:flex}.close-modal-btn{min-width:120px}