/* AmabileAI system theme; isolated from sender email HTML and editor iframes. */
@font-face{font-family:Inter;src:url('inter-variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Inter;src:url('inter-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('inter-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('jetbrains-mono.woff2') format('woff2');font-weight:400;font-display:swap}
code,pre,kbd,samp,.monospace{font-family:'JetBrains Mono',monospace}
:root,[theme=light]{--amabile-primary:#A78BFA;--amabile-action:#7C3AED;--amabile-hover:#6D28D9;--amabile-pink:#EC4899;--amabile-orange:#FB923C;--amabile-ink:#2D3436;--amabile-muted:#626974;--amabile-canvas:#F8F6F3;--amabile-surface:#fff;--amabile-border:#E5E7EB;--amabile-soft:#E8D4F2;--amabile-field-border:#767b83;--amabile-focus:#7C3AED;--amabile-link:#6D28D9}
[theme=dark]{--amabile-ink:#F8F6F3;--amabile-muted:#c4c1cf;--amabile-canvas:#1b1821;--amabile-surface:#25212d;--amabile-border:#51485e;--amabile-soft:#413052;--amabile-field-border:#9d92ae;--amabile-focus:#A78BFA;--amabile-link:#c7b4fc}
/* Map the installed design system's public tokens, including widgets and native controls. */
:root:root[theme],:root:root{
--primary-10:#f4edfc;--primary-20:#E8D4F2;--primary-30:#d7c5fc;--primary-40:#bfa6fb;--primary-50:#A78BFA;--primary-60:#7C3AED;--primary-70:#6D28D9;--primary-80:#5b21b6;--primary-90:#4c1d95;--primary-100:#2e1065;
--background:var(--amabile-canvas);--background-brand:var(--amabile-action);--background-hover:var(--amabile-soft);--background-selected:var(--amabile-soft);--background-selected-hover:var(--amabile-soft);
--layer:var(--amabile-surface);--layer-01:var(--amabile-surface);--layer-02:var(--amabile-surface);--layer-03:var(--amabile-surface);--layer-hover:var(--amabile-soft);--layer-hover-01:var(--amabile-soft);--layer-hover-02:var(--amabile-soft);--layer-selected:var(--amabile-soft);--layer-selected-01:var(--amabile-soft);--layer-selected-02:var(--amabile-soft);--layer-selected-hover:var(--amabile-soft);
--text-primary:var(--amabile-ink);--text-secondary:var(--amabile-muted);--text-helper:var(--amabile-muted);--text-disabled:var(--amabile-muted);--text-placeholder:var(--amabile-muted);--text-on-color:#fff;--text-interactive:var(--amabile-link);
--icon-primary:var(--amabile-ink);--icon-secondary:var(--amabile-muted);--link-primary:var(--amabile-link);--link-secondary:var(--amabile-link);--link-primary-hover:var(--amabile-link);--link-visited:var(--amabile-link);
--field:var(--amabile-surface);--field-01:var(--amabile-surface);--field-02:var(--amabile-surface);--field-hover:var(--amabile-soft);--field-hover-01:var(--amabile-soft);--field-hover-02:var(--amabile-soft);
--button-primary:var(--amabile-action);--button-primary-hover:var(--amabile-hover);--button-primary-active:#5b21b6;--button-tertiary:var(--amabile-action);--button-tertiary-hover:var(--amabile-hover);--button-tertiary-active:#5b21b6;--button-ghost-hover:var(--amabile-soft);--button-ghost-active:var(--amabile-soft);
--border-interactive:var(--amabile-action);--border-subtle:var(--amabile-border);--border-subtle-01:var(--amabile-border);--border-subtle-02:var(--amabile-border);--border-strong:var(--amabile-field-border);--border-strong-01:var(--amabile-field-border);--border-strong-02:var(--amabile-field-border);--focus:var(--amabile-focus);--highlight:var(--amabile-soft);
--label-background-primary:var(--amabile-soft);--label-color-primary:var(--amabile-ink);--border-radius-sm:.5rem;--border-radius-md:.75rem;--border-radius-lg:1rem;--ck-font-face:Inter,system-ui,sans-serif;--ck-color-focus-border:var(--amabile-action);--ck-color-toolbar-background:var(--amabile-surface);--ck-color-toolbar-border:var(--amabile-border)
}
html,body,button,input,textarea,select,.btn,.form-control,.dropdown-menu{font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif}
body,#app-wrapper,#app-content{background:var(--amabile-canvas);color:var(--amabile-ink)}
h1,h2,h3,.amabile-brand{letter-spacing:-.025em;font-weight:700}
a{color:var(--amabile-link)}a:hover{color:var(--amabile-link);text-decoration:underline}
.panel a:not(.btn),.table a:not(.btn),.text-primary{color:var(--amabile-link)}
#app-header,.app-sidebar,.sidebar-left,.sidebar-content,.sidebar-header,.nav-sidebar,.panel,.panel-heading,.panel-footer,.modal-content,.dropdown-menu,.popover,.page-header,.content-top,.content-body,.toolbar,.table{background-color:var(--amabile-surface);color:var(--amabile-ink);border-color:var(--amabile-border)}
#app-header{border-bottom:1px solid var(--amabile-border)}
.app-sidebar{border-right:1px solid var(--amabile-border)}
.nav-sidebar a,#app-header a,.dropdown-menu>li>a{color:var(--amabile-ink)}
.nav-sidebar .active>a,.nav-sidebar a:hover,.nav-sidebar .active,.dropdown-menu>li>a:hover{background:var(--amabile-soft);color:var(--amabile-ink)}
.nav-sidebar .active>a{border-left:3px solid var(--amabile-action)}
.amabile-brand{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;font-size:20px;color:var(--amabile-ink);line-height:1.2}
.amabile-brand img{display:block;flex:none;object-fit:contain;aspect-ratio:1}
.amabile-brand span{font-weight:700;letter-spacing:-.025em}
.brand-logo--desktop,.brand-logo--mobile{display:flex;align-items:center;height:60px;width:auto}
.brand-logo--desktop .amabile-brand{font-size:19px}
.mautic-logo{height:auto;width:auto;background:none;border-radius:0}
.mautic-logo .amabile-brand{font-size:30px;justify-content:center}
.mautic-logo .amabile-brand img{width:52px;height:52px}
.amabile-product{font-size:14px;letter-spacing:.03em;margin:12px 0 28px;color:var(--amabile-muted)}
.btn-primary,.btn.btn-primary,.btn-primary:focus,.btn-primary:active,.btn-primary.active{background:var(--amabile-action);border-color:var(--amabile-action);color:#fff}
.btn-primary:hover{background:var(--amabile-hover);border-color:var(--amabile-hover);color:#fff}
.btn-default,.btn-ghost,.btn-tertiary{color:var(--amabile-ink);border-color:var(--amabile-field-border);background:var(--amabile-surface)}
.btn-default:hover,.btn-ghost:hover{background:var(--amabile-soft);color:var(--amabile-ink)}
.btn,.form-control,.modal-content,.panel{border-radius:.75rem}
.panel{border:1px solid var(--amabile-border);box-shadow:0 8px 32px rgb(45 52 54 / .06)}
.form-control,input[type=text],input[type=password],input[type=email],select,textarea,.chosen-container-single .chosen-single,.chosen-container-multi .chosen-choices{background:var(--amabile-surface);color:var(--amabile-ink);border-color:var(--amabile-field-border)}
.form-control::placeholder{color:var(--amabile-muted);opacity:1}
:focus-visible,.form-control:focus{outline:2px solid var(--amabile-focus);outline-offset:2px;box-shadow:0 0 0 3px rgb(167 139 250 / .3)}
.text-secondary,.text-muted,#app-footer{color:var(--amabile-muted)}
.table>thead>tr>th,.table>tbody>tr>td{border-color:var(--amabile-border)}
.table-striped>tbody>tr:nth-of-type(odd){background:var(--amabile-canvas)}
.pagination>.active>a,.pagination>.active>span,.progress-bar,.loading-bar{background:var(--amabile-action);border-color:var(--amabile-action);color:#fff}
.pagination>li>a{color:var(--amabile-link);background:var(--amabile-surface)}
.nav-tabs>li.active>a{border-top:3px solid var(--amabile-action);color:var(--amabile-ink);background:var(--amabile-surface)}
.nav-tabs>li:not(.active)>a{color:var(--amabile-ink);background:var(--amabile-canvas)}
[name=form-login]{padding:20px;background:var(--amabile-surface)}
body:has([name=form-login]){background:radial-gradient(ellipse at top left,#E8D4F2,transparent 60%),radial-gradient(ellipse at bottom right,#FFD4C4,transparent 65%),#F8F6F3;min-height:100vh}
.amabile-error{margin:60px auto;max-width:640px;padding:40px;text-align:center;background:var(--amabile-surface);border:1px solid var(--amabile-border);border-radius:1rem}
.amabile-builder-identity{display:inline-flex;align-items:center;gap:7px;font:700 14px Inter,system-ui,sans-serif;color:var(--amabile-ink);white-space:nowrap;padding:0 14px}
.amabile-builder-identity img{object-fit:contain;flex:none}
.amabile-builder-identity span{font-weight:700}
.email-builder>.amabile-builder-identity{position:absolute;top:0;left:145px;height:40px;z-index:1050;pointer-events:none}
.email-builder .gjs-editor{--gjs-primary-color:#F8F6F3;--gjs-secondary-color:#2D3436;--gjs-tertiary-color:#E8D4F2;--gjs-quaternary-color:#7C3AED;font-family:Inter,system-ui,sans-serif}
.email-builder .gjs-editor.gjs-one-bg{background:var(--amabile-surface);color:var(--amabile-ink)}
.email-builder .gjs-editor .gjs-title,.email-builder .gjs-editor .gjs-block-label,.email-builder .gjs-editor .gjs-layer-title,.email-builder .gjs-editor .gjs-sm-label{color:var(--amabile-ink);font-family:Inter,system-ui,sans-serif}
.email-builder .gjs-editor .gjs-one-bg{background-color:var(--amabile-surface)}
.email-builder .gjs-editor .gjs-two-color{color:var(--amabile-ink)}
.email-builder .gjs-editor .gjs-four-color,.email-builder .gjs-editor .gjs-four-color-h:hover{color:var(--amabile-action)}
.email-builder .gjs-editor .gjs-pn-btn.gjs-pn-active{background-color:var(--amabile-soft);color:var(--amabile-link);box-shadow:none}
.email-builder .gjs-editor .gjs-block,.email-builder .gjs-editor .gjs-category-title,.email-builder .gjs-editor .gjs-sm-sector-title{background:var(--amabile-surface);color:var(--amabile-ink);border-color:var(--amabile-field-border);border-radius:.5rem}
.email-builder .gjs-editor .gjs-field{background:var(--amabile-canvas);color:var(--amabile-ink);border:1px solid var(--amabile-field-border)}
.email-builder .gjs-editor .gjs-cv-canvas{background:var(--amabile-canvas)}
#campaign-builder .header{background:var(--amabile-surface);color:var(--amabile-ink);border-bottom:1px solid var(--amabile-border)}
#campaign-builder .header .header__name,#campaign-builder .header .header__action{color:var(--amabile-ink)}
#CampaignCanvas{background-color:var(--amabile-canvas)}
#CampaignCanvas .list-campaign-action{background:var(--amabile-action);border-color:var(--amabile-action);color:#fff}
#CampaignCanvas .list-campaign-action .campaign-event-icon{color:var(--amabile-action)}
@media(max-width:767px){.amabile-builder-identity span{display:none}.email-builder>.amabile-builder-identity{left:105px;padding:0 4px}.amabile-builder-identity{padding:0 8px}}
@media(max-width:767px){.brand-logo--mobile .amabile-brand{font-size:17px}.brand-logo--mobile .amabile-brand img{width:27px;height:27px}.amabile-error{margin:20px;padding:24px}.container:has([name=form-login]){margin-top:32px!important}[name=form-login]{padding:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}