/* Luchera interface system — ElevenLabs app, inspected with the user signed in, September 2026.
   Geometry: controls 36px (44px touch), radius 10px; surfaces 14px; dialogs 24px.
   Repeated feature components use these tokens; color is reserved for status. */
@font-face{font-family:Inter;src:url('/assets/fonts/InterVariable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--ink:#0f0f10;--muted:#737373;--line:#00000013;--paper:#fff;--canvas:#fff;--ui-soft:#fafafa;--ui-hover:#0000000b;--ui-selected:#00000010;--ui-radius:10px;--ui-surface-radius:14px;--ui-dialog-radius:24px;--ui-shadow:0 16px 50px #00000014,0 2px 8px #00000008;--ui-rail:56px;--ui-header:48px;--ui-gutter:32px;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:#fff;font-size:14px;line-height:1.5;font-optical-sizing:auto;-webkit-font-smoothing:antialiased}
body,button,input,textarea,select{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
body{color:var(--ink);background:#fff}button,input,textarea,select{font-size:14px;line-height:1.5}button{font-weight:500;touch-action:manipulation}button:disabled{opacity:.42;cursor:not-allowed}button,a,summary,input,textarea,select{transition:background-color 140ms ease,border-color 140ms ease,color 140ms ease,box-shadow 140ms ease}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #242424;outline-offset:3px}input:focus,textarea:focus,select:focus{outline:none;border-color:#222!important;box-shadow:0 0 0 2px #1919190b!important}input::placeholder,textarea::placeholder{color:#929292}input[type=checkbox],input[type=radio]{accent-color:#202020;cursor:pointer}input[type=checkbox]{width:16px;height:16px;flex-shrink:0}input[type=checkbox]:disabled{cursor:default}
h1,h2,h3,strong{color:var(--ink)}h1{font-size:30px;font-weight:600;line-height:1.25;letter-spacing:-1px}h2{font-size:20px;font-weight:600;line-height:1.35;letter-spacing:-.5px}h3{font-size:17px;font-weight:600;letter-spacing:-.3px}p{line-height:1.6}.muted,small,.small{color:var(--muted)}small,.small{font-size:12px;line-height:1.5}.eyebrow,.mini-logo{font-size:11px;letter-spacing:.5px;color:var(--muted)}
.ui-icon{width:20px;height:20px;flex:0 0 20px;vertical-align:middle;pointer-events:none}.ui-icon-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;min-height:36px;border:0;border-radius:var(--ui-radius);background:transparent;color:#666;padding:8px}.ui-icon-button:hover{background:var(--ui-hover);color:var(--ink)}
/* Shared controls. Explicit families override historical feature styling. */
:is(.primary,.secondary,.billing-primary,.billing-secondary,.file-button,.google-login,.auth-text-button){border-radius:var(--ui-radius);min-height:36px;padding:7px 12px;font-size:14px;line-height:20px;font-weight:500;gap:8px;align-items:center;justify-content:center;box-shadow:none;text-decoration:none}
:is(.primary,.billing-primary){background:var(--ink);border:1px solid var(--ink);color:#fff}
:is(.primary,.billing-primary):hover:not(:disabled){background:#454545;border-color:#454545;box-shadow:none}
:is(.secondary,.billing-secondary,.file-button,.google-login){background:#fff;border:1px solid var(--line);color:#292929}
:is(.secondary,.billing-secondary,.file-button,.google-login):hover:not(:disabled){background:var(--ui-hover);border-color:#d5d5d5;color:#171717;box-shadow:none}
:is(.primary,.secondary,.file-button) .ui-icon{width:17px;height:17px;flex-basis:17px}.primary span:not(.ui-icon){font-size:inherit}
:is(.icon-button,.billing-close,.call-icon-action,.row-open,.agent-row-open){border-radius:var(--ui-radius);min-width:34px;min-height:34px;display:inline-flex;align-items:center;justify-content:center;color:#6b6b6b;background:transparent;border-color:transparent;padding:7px;font-size:13px}
:is(.icon-button,.billing-close,.call-icon-action,.row-open,.agent-row-open):hover{background:var(--ui-hover);color:var(--ink)}
:is(.danger,.secondary.danger){color:#a3463e;background:#fff;border-color:#eadfdd}.danger:hover:not(:disabled){background:#faf0ee;border-color:#d9b5af}
label{font-size:13px;color:#454545;font-weight:500;margin:20px 0 8px}
input:not([type=checkbox]):not([type=radio]),textarea,select{border:1px solid #dedede;border-radius:var(--ui-radius);padding:10px 12px;background:#fff;color:var(--ink);min-height:42px;box-shadow:none;margin-top:7px}textarea{line-height:1.65;min-height:100px}select{padding-right:28px}input:disabled,textarea:disabled,select:disabled{background:#f8f8f8;color:#8c8c8c}
.toolbar{gap:8px;margin:16px 0}.toolbar :is(button,.file-button){font-size:13px;padding:8px 13px;min-height:38px;border-radius:var(--ui-radius)}.toolbar :is(input,select){margin:0}.two-fields{gap:16px}.feedback{color:#626262}.error{color:#a5463e}
/* Fixed application frame, with the compact 56px ElevenLabs navigation rail. */
#workspace{--ui-rail:56px;container-type:inline-size}#workspace.sidebar-expanded{--ui-rail:256px}
#workspace:not([hidden]){padding-top:var(--ui-header);background:#fff;height:100dvh;min-height:0}
#workspace>.workspace-masthead{inset:0 0 auto var(--ui-rail);height:var(--ui-header);padding:0 var(--ui-gutter);border-bottom:1px solid #eee;gap:20px;z-index:6;transition:left 180ms ease;background:#fff}
.workspace-masthead .wordmark{font-size:21px;font-weight:700;letter-spacing:-.8px;color:#1b1b1b}.workspace-masthead .wordmark span{font-size:11px;color:#868686;font-weight:400;margin-left:12px;letter-spacing:0}
#workspace>.app-sidebar{position:fixed;inset:0 auto 0 0;width:var(--ui-rail);height:100dvh;max-height:none;margin:0;padding:8px 8px 12px;background:#fafafa;border:0;border-right:1px solid var(--line);border-radius:0;z-index:10;display:flex;flex-direction:column;gap:10px;overflow:visible;transition:width 180ms ease}
.sidebar-top{display:flex;flex-direction:column;align-items:center;gap:16px;flex:none}.sidebar-brand{height:32px;display:flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap}.brand-symbol{display:grid;place-items:center;width:32px;height:32px;color:#171717;font-size:31px;font-weight:750;letter-spacing:-3px;line-height:1}.sidebar-brand .nav-label-text{font-size:23px;font-weight:650;letter-spacing:-1px}
#workspace .nav-label-text{display:none}#workspace.sidebar-expanded .nav-label-text{display:block}#workspace.sidebar-expanded .sidebar-top{flex-direction:row;justify-content:space-between;gap:0;padding:4px 4px 12px}#workspace.sidebar-expanded .sidebar-brand .brand-symbol{display:none}
#workspace>.app-sidebar>#main-nav{display:flex;flex:1;flex-direction:column;gap:4px;margin:0;padding:4px 0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;min-height:0}
#workspace .app-sidebar .nav{display:flex;align-items:center;justify-content:center;flex-shrink:0;gap:10px;min-height:32px;padding:6px 10px;margin:0;border:0;border-radius:var(--ui-radius);color:#454545;font-size:14px;font-weight:450;line-height:20px;white-space:nowrap;box-shadow:none}
#workspace .app-sidebar .nav.active{background:var(--ui-selected);color:var(--ink);font-weight:500;box-shadow:none}#workspace .app-sidebar .nav:hover{background:var(--ui-hover);color:var(--ink)}#workspace.sidebar-expanded .app-sidebar .nav{justify-content:flex-start;padding-inline:13px}
#workspace>.app-sidebar>.sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:12px 0 0;border-top:1px solid var(--line);flex:none;overflow:visible}
#workspace:not([hidden])>main{margin-left:var(--ui-rail);padding-top:0;transition:margin-left 180ms ease;background:#fff}
#workspace .page>.tab-pane{background:#fff}#workspace .page>.tab-pane>:is(.section-heading,.page-heading),#agents-list-view>.agents-page-head{padding:26px var(--ui-gutter) 20px;background:#fff;border:0;align-items:center;gap:16px}
#workspace .page>.tab-pane>:is(.section-heading,.page-heading) h1,#agents-list-view>.agents-page-head h1{font-size:24px;line-height:1.25;font-weight:550;letter-spacing:-.8px;margin:0}
#workspace .page>.tab-pane>:is(.section-heading,.page-heading) p{font-size:13px;color:var(--muted);margin:8px 0 0}
#workspace .page>footer{border-top:1px solid #eee;font-size:10px;padding:8px var(--ui-gutter);color:#909090;background:#fff}#workspace .page>footer a{color:#858585}.workspace-search{display:flex;align-items:center;gap:8px;margin-left:auto;border:0;border-radius:8px;padding:7px 9px;background:transparent;color:#858585;font-size:12px}.workspace-search:hover{background:var(--ui-hover);color:#292929}.workspace-search .ui-icon{width:16px;height:16px;flex-basis:16px}kbd{font:11px/1.5 inherit;font-family:inherit;border:1px solid #e4e4e4;border-radius:5px;padding:1px 5px;background:#fff;color:#8a8a8a}.connection{margin-left:auto}
#workspace .workspace-scroll{padding:20px var(--ui-gutter) 32px}.client-setup-notice{background:#fafafa;border-bottom:1px solid var(--line);color:#666;padding:12px var(--ui-gutter);font-size:12px}.client-setup-notice p{margin:4px 0}
/* Account, balance and settings share one floating panel. */
.app-sidebar .billing-shell{position:static;margin:0!important;width:100%}.app-sidebar .balance-button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:42px;padding:10px;border:0;border-radius:var(--ui-radius);color:#616161;background:transparent;box-shadow:none;font-size:12px}.app-sidebar .balance-button svg{width:20px;height:20px;flex:none}.app-sidebar .balance-button:hover,.account-button:hover{background:var(--ui-hover)}.app-sidebar .balance-label{display:none}.app-sidebar #balance-header{display:none}.sidebar-expanded .app-sidebar #balance-header{display:block;font-variant-numeric:tabular-nums;font-size:12px}.sidebar-expanded .app-sidebar .balance-label{display:block;margin-right:auto}.sidebar-expanded .app-sidebar .balance-button{justify-content:flex-start;flex-wrap:wrap}.sidebar-expanded .app-sidebar .balance-button svg{order:-1}
.account-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:5px;gap:10px;border:0;border-radius:var(--ui-radius);background:transparent;color:var(--ink)}.account-button .avatar{width:32px;height:32px;min-width:32px;background:#e7e7e7;border-radius:50%;font-size:13px;color:#333;display:grid;place-items:center}.account-copy,.account-button>.ui-icon{display:none}.sidebar-expanded .account-copy{display:block;min-width:0;overflow:hidden;flex:1;text-align:left}.sidebar-expanded .account-copy strong{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-expanded .account-button>.ui-icon{display:block;width:14px;height:14px;flex-basis:14px}
#balance-popover{position:fixed;left:var(--account-left,64px);right:auto;top:var(--account-top,auto);bottom:var(--account-bottom,12px);width:304px;max-width:calc(100vw - 24px);padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);box-shadow:var(--ui-shadow);z-index:50;transform:none;animation:ui-pop-in 160ms ease}
.balance-identity{gap:10px;padding:4px 4px 12px;border-bottom:1px solid var(--line);margin:0 0 12px}.balance-identity strong{font-size:14px;font-weight:600}.balance-identity small{font-size:11px;color:#929292;margin-top:3px}.billing-avatar{width:36px;height:36px;border-radius:10px;background:#f3f3f3;color:#555;display:grid;place-items:center}.balance-cards{display:flex;flex-direction:column;gap:16px}.balance-cards>div{display:grid;grid-template-columns:1fr auto;gap:5px 16px;padding:0;background:transparent;border:0;border-radius:0}.balance-cards p{font-size:12px;color:#777;margin:0}.balance-cards strong{font-size:24px;line-height:1.2;font-weight:550;letter-spacing:-.6px;grid-column:1;font-variant-numeric:tabular-nums}.balance-cards button{grid-column:2;grid-row:1/3;align-self:center;margin:0;min-height:36px;padding:8px 13px;font-size:12px}.balance-cards>div+div strong{font-size:16px;letter-spacing:-.2px}.balance-cards>div+div button{background:transparent;border-color:transparent;color:#777;padding-inline:0}.balance-cards>div+div button:hover{background:var(--ui-hover)}.balance-popover .billing-feedback{margin:16px 0 0;font-size:12px;line-height:1.5}.balance-popover .billing-feedback:empty{display:none}.account-actions{border-top:1px solid var(--line);margin:12px 0 0;padding-top:6px;display:flex;flex-direction:column;gap:2px}.account-actions a,.account-actions button{display:flex;align-items:center;gap:10px;padding:6px 10px;min-height:32px;width:100%;border:0;background:#fff;color:#454545;border-radius:8px;text-decoration:none;font-size:13px;font-weight:400;text-align:left}.account-actions :is(a,button):hover{background:var(--ui-hover);color:var(--ink)}.account-actions .ui-icon{width:18px;height:18px;flex-basis:18px}
/* Flat page tabs; inset segmented selectors for local modes. */
#tab-dial>.call-tabs,.settings-nav,.billing-tabs,.flow-tabs{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:0;gap:24px;box-shadow:none}
#tab-dial>.call-tabs{align-self:stretch;margin:0 var(--ui-gutter) 20px;display:flex}.call-tabs button,#tab-settings .settings-nav a,.billing-tabs button,.flow-tabs button{border:0;border-radius:0;background:transparent;color:#777;min-height:42px;padding:9px 2px 12px;font-size:13px;font-weight:450;position:relative;box-shadow:none}.call-tabs button:hover,.settings-nav a:hover,.billing-tabs button:hover,.flow-tabs button:hover{background:#f7f7f7;color:#222}.call-tabs button[aria-selected=true],#tab-settings .settings-nav a[aria-current=page],.billing-tabs button[aria-selected=true],.flow-tabs button.selected{background:transparent;color:#171717;border:0;font-weight:550;box-shadow:inset 0 -2px #171717}
:is(.segmented,.builder-modes,.queue-source-tabs,.wa-dialog-filters,.mail-provider-tabs,.messenger-channels,.flow-create-mode){border:1px solid var(--line);border-radius:var(--ui-radius);padding:4px;background:#f7f7f7;gap:3px;box-shadow:none}
:is(.segmented,.builder-modes,.queue-source-tabs,.wa-dialog-filters,.mail-provider-tabs,.messenger-channels,.flow-create-mode) button{border:0;border-radius:7px;background:transparent;color:#767676;font-size:12px;min-height:32px;padding:6px 11px;box-shadow:none}
:is(.segmented,.builder-modes,.queue-source-tabs,.wa-dialog-filters,.mail-provider-tabs,.messenger-channels,.flow-create-mode) button:hover{background:#ececec;color:#222}
:is(.segmented,.builder-modes,.queue-source-tabs,.wa-dialog-filters,.mail-provider-tabs,.messenger-channels,.flow-create-mode) button:is(.selected,[aria-selected=true],[aria-pressed=true]){background:#fff;color:#222;box-shadow:0 1px 4px #0000000d}
/* Surfaces and table rows. */
.panel,.list-card,.inbound-card,.billing-chart-panel,.company-intro,.company-savebar,.agent-template-card{border:1px solid var(--line);border-radius:var(--ui-surface-radius);background:#fff;box-shadow:none}
.panel{padding:24px}.panel-title{padding-bottom:18px;margin-bottom:18px;border-color:var(--line)}.panel-title h2{font-size:18px}.panel-title p{font-size:12px;color:#777}.section-heading{margin-bottom:20px}.list-card{padding:18px}.list-card p{color:#777}.notice,.settings-empty,#queue-schedule-help{border:1px solid var(--line);border-radius:var(--ui-radius);background:#f8f8f8;color:#666}.notice{padding:16px 20px}.notice strong{color:#333}
:is(.mode-badge,.status,.agent-kind,.managed-agent-kind,.wa-mode,.inbound-badge){border:1px solid transparent;border-radius:7px;background:#f2f2f2;color:#777;padding:4px 8px;font-size:11px;font-weight:450;line-height:1.5;letter-spacing:0}
.status:is(.failed,.blocked,.unknown){background:#faf0ee;color:#a35146}.status:is(.started,.dry_run,.ended,.completed){background:#edf5ef;color:#50715a}
table{font-size:13px}th{font-size:12px;text-transform:none;letter-spacing:0;font-weight:450;color:#8a8a8a;background:#fafafa;padding:13px 16px;border-bottom:1px solid var(--line)}td{color:#666;padding:16px;line-height:1.6;border-bottom:1px solid #efefef}tbody tr{transition:background-color 140ms ease}tbody tr:hover{background:#f6f6f6}tbody tr:focus-visible{outline:2px solid #555;outline-offset:-2px}table strong{font-weight:550;color:#303030}table a{color:#505050}.table-wrap a{color:#505050}.queue-grid-head{color:#8a8a8a;font-size:11px;letter-spacing:0;text-transform:none;background:#fafafa;border-color:var(--line)}.queue-grid:not(.queue-grid-head){transition:background 140ms ease;border-color:#eee}.queue-grid:not(.queue-grid-head):hover{background:#f5f5f5}.queue-grid input[type=checkbox]{margin:0}.queue-grid strong{font-weight:550}.queue-grid>span{font-size:12px}
/* Calling workspace. */
#tab-dial>:is(#calls-outbound,#calls-inbound,#tab-history){padding:0 var(--ui-gutter) 24px;gap:20px}
#tab-dial .outbound-metrics{gap:0;border:1px solid var(--line);border-radius:var(--ui-surface-radius);overflow:hidden;background:#fff;flex:none}
#tab-dial .outbound-metrics>button{border:0;border-right:1px solid #eee;border-radius:0;padding:14px 20px;min-height:76px;background:#fff;gap:12px;box-shadow:none}#tab-dial .outbound-metrics>button:last-child{border-right:0}#tab-dial .outbound-metrics>button:hover{background:#f6f6f6}#tab-dial .outbound-metrics>button[aria-pressed=true]{background:#f0f0f0;box-shadow:inset 0 -2px #222}#tab-dial .outbound-metrics strong{font-size:24px;font-weight:550;line-height:1.2;letter-spacing:-.6px}#tab-dial .outbound-metrics small{font-size:12px;line-height:1.5;color:#858585}.outbound-metrics .metric-icon{width:36px;height:36px;border-radius:10px;background:#f5f5f5;color:#818181}.metric-icon.active{background:#edf4ef;color:#64816d}.metric-icon.failed{background:#faf1ef;color:#a47169}.metric-icon.done{background:#f3f3f3;color:#707070}
#tab-dial #call-queue{border:1px solid var(--line);border-radius:var(--ui-surface-radius);box-shadow:none;background:#fff}#tab-dial .queue-panel>.section-heading{padding:18px 22px;gap:14px;margin:0;border:0}#tab-dial .queue-panel>.section-heading h2{font-size:19px;font-weight:550;letter-spacing:-.4px}#tab-dial .queue-panel>.toolbar{padding:0 22px 16px;margin:0;gap:8px}#tab-dial .queue-panel>.muted.small{padding:10px 22px;background:#fafafa;border-block:1px solid #efefef;font-size:11px;line-height:1.5;color:#8b8b8b}.queue-panel .eyebrow{display:none}#tab-dial .queue-selection-toolbar{padding:10px 22px;gap:12px;border-color:#eee}#queue-delete-selected:disabled{display:none}.queue-empty>span,.empty-icon{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 18px;border-radius:14px;background:#f4f4f4;color:#929292}.queue-empty>span .ui-icon,.empty-icon .ui-icon{width:25px;height:25px;flex-basis:25px}.queue-empty strong{font-size:18px;font-weight:500}.queue-empty p{max-width:350px;font-size:13px;line-height:1.6;margin:8px auto}.queue-empty{gap:0;justify-content:center;display:flex;align-items:center;flex-direction:column}#tab-dial .call-detail-panel{border:1px solid var(--line);border-radius:var(--ui-surface-radius);background:#fff}.call-detail-panel h2{font-size:18px}.inbound-card{padding:20px 24px}.inbound-card fieldset{padding:0;border:0}.inbound-setup-grid{gap:16px}.inbound-settings-actions{margin:16px 0 0}.inbound-history{border:1px solid var(--line);border-radius:14px}
/* Contacts and company drawers. */
#tab-contacts>.contacts-workspace{margin:0 var(--ui-gutter) 24px;padding:20px 20px 0;border:1px solid var(--line);border-radius:var(--ui-surface-radius);background:#fff}.contacts-controls{gap:12px}.contacts-search-box{border-radius:var(--ui-radius);background:#fff;border-color:var(--line)}.contacts-meta{font-size:12px;color:#888}.contacts-pagination button{min-width:34px;min-height:34px;border-radius:8px;color:#666;font-size:12px}.contacts-pagination button.selected{color:#1b1b1b;background:#ececec;border-color:#ececec}.contacts-pagination button:hover{background:#f0f0f0}.company-selection{background:#f7f7f7;border-color:#ddd;border-radius:10px}.contact-drawer-head{border-color:var(--line)}.contact-channel-entry,.contact-channel-card,.contact-basics,.contact-notes{border-color:var(--line);border-radius:12px}.contact-drawer-tabs button{border-radius:8px}.contact-drawer-tabs button[aria-selected=true]{background:#eee;color:#222}.contact-drawer input,.contact-drawer textarea{font-size:14px}.contact-drawer .toolbar{gap:8px}.contact-title,.company-name-button{color:#242424}
/* Agent library, editor and creation. */
.agents-page-head .eyebrow{display:none}.agents-page-head p{font-size:13px;color:#808080}.agents-head-actions{gap:10px}.agents-directory{background:#fff;border-top:1px solid var(--line)}.agents-directory>aside{background:#fafafa;border-color:var(--line);padding:20px 16px}.agents-directory>aside button{border:0;border-radius:8px;min-height:40px;font-size:13px;background:transparent;color:#777;padding:10px 12px}.agents-directory>aside button:hover{background:#f0f0f0}.agents-directory>aside button.selected{background:#ebebeb;color:#202020}.agents-directory>aside p{font-size:11px;color:#999}.agents-directory>main{background:#fff}.agents-toolbar{border-color:var(--line);padding:20px}.agents-search{border-radius:var(--ui-radius);border-color:var(--line);background:#fff}.agents-search input{font-size:13px}.agents-table-wrap td,.agents-table-wrap th{font-size:13px;padding:16px}.agent-row-icon{width:38px;height:38px;border-radius:12px;background:#f2f2f2;color:#777;display:grid;place-items:center}.agent-row-identity strong{font-size:14px;font-weight:550}.agent-row-identity small{font-size:11px;color:#8c8c8c}.agents-empty{font-size:14px;color:#858585}.agent-create-menu{border:0;margin:0}.agent-create-menu>summary{border-radius:10px;background:#191919;color:#fff;min-height:36px;padding:7px 12px;font-size:14px}.agent-create-menu>summary:hover{background:#353535}.agent-create-options{border-radius:12px;border:1px solid var(--line);box-shadow:var(--ui-shadow);padding:6px;background:#fff}.agent-create-options button{border:0;border-radius:7px;font-size:13px;min-height:40px;color:#333}.agent-create-options button:hover{background:#f0f0f0}
#agent-edit-view>.agent-edit-head{padding:18px 24px;border-color:var(--line);background:#fff}#agent-edit-view .agent-edit-identity input{border:0;border-radius:8px;font-size:23px;font-weight:550;letter-spacing:-.6px;padding:6px 8px;color:#242424;margin:0;min-height:40px}#agent-edit-view .agent-edit-identity input:hover{background:#f7f7f7}#agent-edit-view .agent-edit-actions button,#agent-back,#managed-save{border-radius:10px;min-height:38px;font-size:12px;padding:8px 13px}.agent-edit-body>.managed-agent-grid{padding:20px 24px;gap:20px;background:#fafafa}.agent-edit-body .managed-agent-form,.agent-edit-body .managed-test-column,.agent-edit-body #test-view{border:1px solid var(--line);border-radius:14px;background:#fff}.agent-edit-body .managed-agent-details{padding:18px;gap:14px;border-color:var(--line);background:#fff}.managed-agent-details label{font-size:12px;color:#737373}.managed-agent-details select{font-size:12px;border-radius:9px;min-height:40px;padding:9px}.managed-model-status{color:#78837a}.agent-edit-body .agent-prompt-heading{padding:16px 20px 8px}.agent-edit-body .managed-agent-form>#managed-agent-prompt{font:14px/1.8 Inter,sans-serif;border:0;border-radius:0;background:#fff;padding:12px 20px;color:#454545;resize:none}.agent-edit-body .chat-log{background:#fff;border:0}.agent-edit-body .chat-composer{border-radius:12px;border:1px solid var(--line);background:#fff;margin:10px}.chat-composer textarea{background:transparent;border:0!important;border-radius:12px;font-size:14px;box-shadow:none!important}.bubble{border:0;border-radius:12px;background:#f5f5f5;color:#414141;padding:14px 16px;font-size:13px}.bubble.user{background:#efefef;color:#262626}.bubble strong{font-size:11px;color:#868686}.test-banner{background:#fafafa;color:#828282;border-color:var(--line);border-radius:8px}.test-controls button{border-radius:10px}.test-controls .selected{background:#eee;color:#222}.managed-agent-footer{background:#fafafa!important;border-color:var(--line)}
.agent-template-tabs{gap:8px}.agent-template-tabs button{border:1px solid var(--line);border-radius:8px;padding:7px 12px;font-size:12px;background:#fff;color:#777}.agent-template-tabs button.selected{background:#ededed;border-color:#ededed;color:#222}.agent-template-grid{gap:12px}.agent-template-card{border:1px solid var(--line);padding:18px;border-radius:12px;text-align:left}.agent-template-card:hover{background:#f6f6f6;border-color:#d8d8d8;box-shadow:none}.agent-template-card.selected{background:#f5f5f5;border-color:#333;box-shadow:0 0 0 1px #333}.agent-template-card strong{font-size:14px}.agent-template-card p{font-size:12px;line-height:1.55;color:#858585}.template-icon{background:#f1f1f1;border-radius:10px;width:36px;height:36px;display:grid;place-items:center;color:#707070}
.flow-stage,.flow-editor,.flow-inspector,.flow-node-editor{border-color:var(--line);border-radius:12px}.flow-node{border-radius:12px;border-color:#ddd;box-shadow:0 2px 5px #00000006}.flow-node.selected{border-color:#333;box-shadow:0 0 0 1px #333}.flow-toolbar button{border-radius:8px}.flow-inspector input,.flow-inspector textarea,.flow-inspector select{font-size:13px}.flow-case,.flow-step{border-radius:10px;border-color:var(--line)}
/* Settings and integration catalogue. */
#tab-settings>.settings-nav{padding:0 var(--ui-gutter);margin:0;gap:28px;background:#fff;flex-wrap:nowrap}#tab-settings>.settings-section{max-width:1120px;padding:24px var(--ui-gutter);background:#fff;border:0;border-radius:0}#tab-settings>.settings-numbers,#tab-settings>.settings-security{max-width:760px}#tab-company>.section-heading{background:#fff;top:-24px;padding:12px 0 20px}.settings-section .company-intro{padding:24px;border-radius:14px;background:#fafafa}.settings-section .company-grid{gap:12px;margin-top:20px}.settings-section .company-block{padding:0 22px;border:1px solid var(--line);border-radius:12px;background:#fff;transition:background 140ms ease}.settings-section .company-block:hover{background:#fafafa}.settings-section .company-block[open]{background:#fff}.settings-section .company-block summary{padding:18px 0;gap:12px}.company-block-title{font-size:14px;font-weight:550}.company-block-state{color:#919191;font-size:11px}.settings-section .company-block[open] summary{border-color:var(--line)}.settings-section .company-facts{font-size:13px;color:#5e5e5e}.settings-section .company-savebar{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 6px 20px #00000008;padding:16px 20px}.settings-security label{font-size:13px}.settings-security input{min-height:44px;border-radius:10px}.password-input{border-radius:10px}.password-toggle{font-size:12px;color:#7a7a7a;border-radius:7px}.password-toggle:hover{background:#f0f0f0}.settings-numbers select{min-height:44px}
.integrations-grid{gap:16px;margin:4px 0 28px}.integration-card{padding:24px;gap:14px;border-radius:14px}.integration-card .section-heading{gap:12px;margin:0;align-items:center}.integration-card h2{font-size:20px;margin:0}.integration-card>p{font-size:13px;color:#777}.integration-card>.primary{background:#fff;color:#333;border-color:var(--line)}.integration-card>.primary:hover{background:#f1f1f1;border-color:#d8d8d8}.integration-card:has(.integration-account){border-color:#d6e1d8}.integration-account{border-color:var(--line);padding-top:16px}.integrations-recipes{gap:0 28px}.integrations-recipes article{padding:20px 0;border-bottom:1px solid var(--line)}.integrations-recipes h3{font-size:14px;font-weight:550}.integrations-recipes p{font-size:13px;color:#737373}.integrations-recipes small{font-size:11px;color:#909090}.integration-run{border-color:var(--line)}
/* Inbox, email, SMS: the same neutral split-view furniture. */
#tab-mail>#mail-layout{margin:0 var(--ui-gutter) 24px;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}.mail-rail,.mail-dialog-sidebar,.mail-messages-pane{border-color:var(--line);background:#fff}.mail-rail{background:#fafafa}.mail-folders{border-color:var(--line)}.mail-folders button,.mail-account-button{border-radius:8px;color:#707070;font-size:13px}.mail-folders button:hover,.mail-account-button:hover{background:#eee}.mail-folders button[aria-pressed=true],.mail-account-button.selected{background:#eaeaea;color:#232323}.mail-account-item{border-radius:9px}.mail-account-item.selected{background:#eee}.mail-account-row:hover{background:#f1f1f1}.mail-list-toolbar,.mail-reader-heading{border-color:var(--line)}.mail-message-item{border-color:#eee;border-radius:0;background:#fff}.mail-message-item:hover{background:#f5f5f5}.mail-message-item.selected{background:#ededed;box-shadow:inset 2px 0 #333}.mail-message-item strong{font-weight:550;color:#303030}.mail-reader{color:#494949;font-size:14px;line-height:1.7}.mail-reader h2{font-size:23px}.mail-empty{color:#858585}.mail-provider-mark{border-radius:9px}.mail-empty-symbol{border-radius:14px;color:#888;background:#f2f2f2}.mail-compose-dialog textarea{border-radius:10px}.mail-connect-options button{border-radius:10px;border-color:var(--line)}.mail-connect-options button:hover{background:#f3f3f3}.mail-form-actions{gap:8px}.mail-attachment{border-radius:8px;border-color:var(--line)}
#workspace .page>#tab-messengers{background:#fff}.wa-inbox-toolbar,.messenger-unified-toolbar{padding-inline:var(--ui-gutter);background:#fff;border-color:var(--line)}.wa-inbox-layout,.messenger-inbox-layout{border:1px solid var(--line);border-radius:14px;margin:0 var(--ui-gutter) 24px;background:#fff;overflow:hidden}.wa-dialog-sidebar{background:#fafafa;border-color:var(--line)}.wa-conversation,.wa-chat-scroll{background:#fff}.wa-chat-header{border-color:var(--line);background:#fff}.wa-dialog-item{border-radius:10px;border:0;box-shadow:none}.wa-dialog-item:hover{background:#ededed}.wa-dialog-item.selected{background:#e9e9e9;box-shadow:none}.wa-avatar{border-radius:12px;background:#eaeaea;color:#5b5b5b}.wa-chat-empty>span{color:#929292}.wa-chat-empty h2{font-size:20px;font-weight:500}.wa-chat-empty p{font-size:13px;color:#929292}.wa-chat-composer{border-color:var(--line);background:#fff}.wa-input-shell{border:1px solid #ddd;border-radius:12px;background:#fff;box-shadow:none}.wa-input-shell:focus-within{border-color:#333}.wa-input-shell textarea{border:0;border-radius:12px;box-shadow:none!important;background:#fff;font-size:14px}.wa-mode-switch{border-radius:8px;background:#f4f4f4;border-color:var(--line)}.wa-mode-switch button{border-radius:6px;color:#858585;font-size:11px}.wa-mode-switch button[aria-pressed=true]{color:#333;background:#fff;box-shadow:0 1px 3px #0000000c}.wa-chat-messages li{border-radius:12px}.wa-message-bubble{border-radius:12px;background:#f3f3f3;border-color:var(--line);color:#383838}.wa-message-out .wa-message-bubble{background:#ededed}.messenger-channel-row button,.messenger-channel-filter{border-radius:8px}.messenger-agent-picker select{font-size:13px}.messenger-context,.wa-filter-note,.wa-history-note{color:#8b8b8b;font-size:11px}.wa-connect-link{border-radius:9px;border-color:var(--line)}
#tab-messages>.sms-layout{margin:0 var(--ui-gutter) 24px;gap:20px}.sms-compose,.sms-history{border:1px solid var(--line);border-radius:14px}.sms-compose h2,.sms-history h2{font-size:19px}.sms-card{border:1px solid var(--line);border-radius:12px;padding:18px}.sms-card p{font-size:13px}.sms-send-actions{gap:8px}
/* Every native modal has the same edge, elevation, backdrop, type and spacing. */
dialog{color:var(--ink);font:14px/1.5 Inter,sans-serif;border:1px solid #e0e0e0;border-radius:var(--ui-dialog-radius);background:#fff;box-shadow:0 24px 90px #00000024,0 3px 14px #0000000a;max-width:calc(100vw - 32px);max-height:calc(100dvh - 48px);padding:24px;overscroll-behavior:contain}
dialog[open]{animation:ui-pop-in 180ms ease}dialog::backdrop{background:#18181845;backdrop-filter:blur(3px)}
:is(.queue-create-dialog,.agent-create-dialog,.billing-dialog,.billing-topup-dialog,.integration-dialog,.mail-dialog,.mail-compose-dialog,.mail-manage-dialog,.wa-new-dialog,.contact-dialog,#detail-dialog,#edit-contact-dialog,#import-edit-dialog){border:1px solid #e0e0e0;border-radius:var(--ui-dialog-radius);box-shadow:0 24px 90px #00000024,0 3px 14px #0000000a;background:#fff;color:var(--ink)}
dialog h2,.billing-dialog-heading h2{font-size:22px;letter-spacing:-.6px;font-weight:550;line-height:1.3}dialog h3{font-size:16px}dialog>.section-heading,dialog .billing-dialog-heading{gap:18px;margin-bottom:22px}dialog .section-heading h2{margin:0}dialog .section-heading>.icon-button,.billing-close{width:34px;height:34px;min-height:34px;border-radius:9px;background:transparent;font-size:20px;margin:0;padding:7px}dialog label{font-size:13px}dialog .muted{font-size:13px}dialog .primary,dialog .secondary{border-radius:10px;font-size:13px;min-height:40px;padding:9px 15px}dialog input:not([type=checkbox]),dialog select{border-radius:10px;min-height:42px;font-size:14px}dialog textarea{font-size:14px;border-radius:10px;line-height:1.6}
.queue-create-header{padding:24px 28px;border-color:var(--line);background:#fff}.queue-create-header h2{font-size:23px}.queue-create-form{background:#fff;gap:0}.queue-config-panel,.queue-recipients-panel{padding:24px;border-color:var(--line);background:#fff}.queue-config-panel h3,.queue-recipients-panel h3{font-size:15px;font-weight:550}.queue-create-footer{background:#fafafa;border-color:var(--line);padding:18px 24px;border-radius:0 0 20px 20px}.queue-timing-panel{background:#fafafa;border:1px solid var(--line);border-radius:12px;padding:16px}.queue-source-tabs{margin-bottom:16px}.queue-create-dialog .panel-title{gap:12px}.queue-create-dialog .queue-contact{border-radius:8px;border-color:var(--line);padding:10px 12px;font-size:13px}.queue-create-dialog .queue-contact:hover{background:#f4f4f4}.queue-create-dialog .recipient-preview-item{border-color:var(--line)}
.billing-dialog,.billing-topup-dialog{padding:24px}.billing-filters{gap:10px}.billing-chart-panel{padding:20px;margin-top:20px}.billing-chart-heading{font-size:12px}.billing-chart-controls button,.billing-amounts button{border:1px solid var(--line);border-radius:8px;background:#fff;color:#666;min-height:34px}.billing-chart-controls button[aria-pressed=true]{background:#eee;color:#222;border-color:#ddd}.billing-amounts button:hover{background:#f1f1f1}.billing-chart-total strong{font-size:21px;color:#242424}.billing-footnote{font-size:11px;color:#969696}.billing-topup-dialog .billing-primary{width:100%;min-height:42px}.billing-table{border-color:var(--line);border-radius:10px}.billing-empty{color:#8a8a8a;font-size:13px}
/* Search and tips: predictable keyboard access, no motion without purpose. */
.navigation-dialog{width:520px;margin:12vh auto auto;padding:20px;border-radius:var(--ui-dialog-radius)}.navigation-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.navigation-heading h2{font-size:17px;margin:0}.navigation-search{position:relative;display:flex;align-items:center;margin:0 0 12px}.navigation-search>.ui-icon{position:absolute;left:14px;color:#8b8b8b}.navigation-search input{margin:0;padding:12px 14px 12px 44px;min-height:46px;font-size:14px;width:100%}#navigation-results{display:flex;flex-direction:column;gap:4px;max-height:340px;overflow:auto}#navigation-results a{display:flex;align-items:center;gap:12px;border-radius:9px;padding:11px 12px;color:#737373;text-decoration:none;font-size:13px;min-height:44px}#navigation-results a>.ui-icon:last-child{margin-left:auto;width:16px;height:16px;flex-basis:16px;color:#aaa}#navigation-results a.selected,#navigation-results a:hover{background:#eee;color:#222}.navigation-help{font-size:11px;color:#969696;padding:14px 0 0;margin:12px 0 0;border-top:1px solid var(--line)}.navigation-empty{padding:24px 12px;color:#888;font-size:13px}.ui-tooltip{position:fixed;z-index:1000;max-width:240px;padding:7px 10px;border:1px solid #333;background:#292929;color:#fff;border-radius:7px;box-shadow:0 3px 8px #00000012;font:12px/1.4 Inter,sans-serif;pointer-events:none;white-space:normal;animation:ui-pop-in 100ms ease}
@keyframes ui-pop-in{from{opacity:0;transform:translateY(4px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
/* Public access, legal callbacks and cookie surfaces. */
.login-shell{--login-ink:#191919;--login-muted:#808080;background:#fff;grid-template-columns:1.1fr 1fr;grid-template-rows:80px minmax(580px,1fr) auto}.login-masthead .wordmark{color:#1b1b1b;font-size:28px}.login-masthead .wordmark span{color:#929292;font-size:13px}.login-brand{margin:20px 0 24px 32px;padding:32px 20px;background:#f7f7f7;border-radius:20px;overflow:hidden}.login-scene{min-height:420px}.login-form-panel{padding:40px clamp(28px,5vw,80px);background:#fff}.login-card{max-width:380px}.login-card h2,.login-card #auth-view-register>h2,.login-card #auth-view-reset>h2{font-size:29px;line-height:1.3;font-weight:550;letter-spacing:-.8px;color:#1b1b1b}.login-card .muted,.login-card .auth-switch{font-size:13px;line-height:1.6;color:#808080}.login-card label{font-size:13px;color:#424242}.login-card input:not([type=checkbox]){background:#fff;border:1px solid #dedede;border-radius:10px;min-height:46px;padding:11px 13px;color:#222;font-size:15px}.login-card .password-input input{padding-right:86px}.login-card input:focus{border-color:#333;box-shadow:0 0 0 2px #1919190b}.login-card form>.primary{border-radius:10px;min-height:46px;background:#1b1b1b;border-color:#1b1b1b;color:#fff;font-size:14px;gap:10px}.login-card .primary:hover{background:#353535;border-color:#353535}.login-card .auth-inline-link,.login-card .auth-text-button{color:#555;border-radius:7px}.login-card .auth-inline-link:hover,.login-card .auth-text-button:hover{color:#171717;background:#f3f3f3}.login-card .password-toggle{color:#777;min-height:36px}.login-card .mini-logo{font-size:10px;color:#999;letter-spacing:.5px}.login-card .admin-access{border-color:var(--line)}.login-card .admin-access summary{color:#8a8a8a;font-size:12px}.login-shell :is(button,a,summary):focus-visible{outline:2px solid #333}.login-footer{border-color:var(--line);color:#969696;margin:0 32px;padding:18px 0;min-height:74px}.login-footer .login-entity small{color:#969696}.login-legal-links{font-size:11px;gap:8px 20px}.scene-motion-toggle{background:#ffffffd9;border-color:#dedede;color:#777;border-radius:10px}
.cookie-notice,.cookie-settings-dialog{font-family:Inter,sans-serif;border-color:var(--line);border-radius:16px;background:#fff;color:#666;box-shadow:var(--ui-shadow)}.cookie-notice strong{color:#292929}.cookie-notice p{font-size:12px}.cookie-notice button,.cookie-settings-dialog button{border-radius:10px}.cookie-notice button:first-of-type{background:#222;color:#fff}.cookie-notice a{color:#777}
/* Compact screen keeps full-size touch targets and an always reachable account. */
@media(min-width:1700px){:root{--ui-gutter:40px}}
@media(max-height:800px) and (min-width:681px){#workspace .page>.tab-pane>:is(.section-heading,.page-heading),#agents-list-view>.agents-page-head{padding-block:18px 14px}#tab-dial>.call-tabs{margin-bottom:14px}#tab-dial .outbound-metrics>button{padding:10px 16px;min-height:64px}#tab-dial>:is(#calls-outbound,#calls-inbound,#tab-history){gap:14px}#tab-dial .queue-panel>.section-heading{padding:14px 20px}#tab-dial .queue-panel>.toolbar{padding-bottom:12px}}
@media(max-width:1100px){:root{--ui-gutter:24px}.workspace-masthead .wordmark span{display:none}.workspace-search>span{display:none}.integration-card{padding:20px}.wa-inbox-layout{margin-inline:var(--ui-gutter)}#balance-popover{width:320px}}
@media(max-width:680px){
 :root{--ui-header:54px;--ui-gutter:16px}#workspace{--ui-rail:0px!important}#workspace:not([hidden]){padding-top:54px;padding-bottom:62px}#workspace>.workspace-masthead{left:0;height:54px;padding:0 16px}#workspace>.app-sidebar{position:fixed;inset:auto 0 0;height:62px;width:100%;padding:6px 8px;background:#fafafa;border:0;border-top:1px solid var(--line);display:flex;flex-direction:row;align-items:center;gap:5px;z-index:12}.sidebar-top{display:none!important}#workspace>.app-sidebar>#main-nav{flex:1;flex-direction:row;gap:4px;overflow:auto;padding:0;align-items:center;scrollbar-width:none}#workspace .app-sidebar .nav{padding:10px;min-height:44px;min-width:44px;width:44px;justify-content:center!important;gap:0}#workspace .nav-label-text{display:none!important}#workspace>.app-sidebar>.sidebar-bottom{position:static;inset:auto;z-index:auto;padding:0 0 0 6px;margin:0;flex-direction:row;border-top:0;border-left:1px solid var(--line);gap:0;flex:none}#workspace .app-sidebar .billing-shell{display:block;width:0}.app-sidebar .balance-button{display:none}.account-button{width:42px;height:44px;padding:5px}.account-copy,.account-button>.ui-icon{display:none!important}#balance-popover{bottom:74px;left:12px!important;right:12px;width:auto;max-height:calc(100dvh - 96px);overflow:auto;padding:18px}#workspace:not([hidden])>main{margin:0}.workspace-search{padding:8px}.workspace-search>span,.workspace-search kbd{display:none}#workspace .page>footer{display:none}#workspace .page>.tab-pane>:is(.section-heading,.page-heading),#agents-list-view>.agents-page-head{padding:18px 16px 14px;gap:10px;flex-wrap:wrap}#workspace .page>.tab-pane>:is(.section-heading,.page-heading) h1,#agents-list-view>.agents-page-head h1{font-size:23px;letter-spacing:-.6px}.mode-badge{font-size:10px;padding:4px 6px}#tab-dial>.call-tabs{width:auto;margin:0 16px 14px;gap:16px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.call-tabs button{font-size:11px;min-height:40px;padding:9px 0 11px}#tab-dial>:is(#calls-outbound,#calls-inbound,#tab-history){padding:0 12px 12px;gap:12px}#tab-dial .outbound-metrics>button{padding:10px 4px;min-height:62px;display:block}.outbound-metrics .metric-icon{display:none}#tab-dial .outbound-metrics strong{font-size:22px}#tab-dial .outbound-metrics small{font-size:10px}#tab-dial .queue-panel>.section-heading{padding:14px 12px;gap:8px}#tab-dial .queue-panel>.section-heading h2{font-size:17px}#tab-dial .queue-panel>.section-heading button{min-height:36px;font-size:12px;padding:8px 10px}#tab-dial .queue-panel>.toolbar{padding:0 12px 12px}#tab-dial .queue-panel>.toolbar button{min-height:36px;font-size:11px;padding:8px 10px}#tab-dial .queue-panel>.muted.small{padding:8px 12px;font-size:10px}#tab-dial .queue-selection-toolbar{padding:10px 12px}.queue-empty{padding:24px 16px!important}.queue-empty strong{font-size:16px}.queue-empty p{font-size:12px}#tab-settings>.settings-nav{padding:0 16px;gap:20px;justify-content:flex-start;overflow-x:auto;white-space:nowrap}#tab-settings .settings-nav a{font-size:12px}#tab-settings>.settings-section{padding:20px 16px}#tab-company>.section-heading{top:-20px}.settings-section .company-block{padding:0 16px}.settings-section .company-block summary{padding:16px 0}.settings-section .company-intro{padding:18px}.company-block-title{font-size:13px}.company-block-state{font-size:10px}.settings-numbers,.settings-security{padding:20px 16px}#tab-contacts>.contacts-workspace{margin:0 12px 12px;padding:14px 12px 0}.contacts-heading .toolbar{gap:6px}#tab-contacts .contacts-heading button,#tab-contacts .contacts-heading .file-button{font-size:12px;min-height:36px;padding:8px 10px;border-radius:9px}#workspace .workspace-scroll{padding:16px}.integrations-grid,.integrations-recipes{grid-template-columns:1fr}.integration-card{padding:20px}.agents-directory>aside{padding:8px!important}.agents-directory>aside button{min-height:36px;font-size:12px}.agents-page-head p{font-size:12px}.agents-head-actions button{font-size:12px}#agent-edit-view>.agent-edit-head{padding:12px}#agent-edit-view .agent-edit-identity input{font-size:20px}.agent-edit-body>.managed-agent-grid{padding:10px;gap:10px}.agent-edit-body .managed-agent-details{padding:10px;gap:10px}.agent-edit-body .agent-prompt-heading{padding:10px 12px 4px}.agent-edit-body .managed-agent-form>#managed-agent-prompt{padding:10px 12px;font-size:13px}.agent-edit-body .chat-composer{margin:6px}.managed-agent-details select{font-size:12px;min-height:36px}#tab-mail>#mail-layout{margin:0 12px 12px}.mail-rail{padding:8px}.mail-reader{padding:16px}.wa-inbox-layout,.messenger-inbox-layout{margin:0 12px 12px}.wa-inbox-toolbar,.messenger-unified-toolbar{padding-inline:12px}.wa-dialog-sidebar{padding:12px}.wa-chat-composer{padding:10px}.wa-input-shell textarea{font-size:16px}#tab-messages>.sms-layout{margin:0 12px 12px;gap:12px}.sms-compose,.sms-history{padding:16px!important}dialog{max-width:calc(100vw - 20px);max-height:calc(100dvh - 24px);padding:20px;border-radius:16px}dialog h2{font-size:21px}dialog input:not([type=checkbox]),dialog select,dialog textarea{font-size:16px}dialog .primary,dialog .secondary{min-height:42px}.queue-create-header{padding:20px}.queue-config-panel,.queue-recipients-panel{padding:18px}.queue-create-footer{padding:16px}.billing-dialog,.billing-topup-dialog{padding:20px}.billing-filters{gap:8px}.navigation-dialog{margin:8vh auto auto;width:calc(100vw - 24px);padding:18px}.navigation-dialog input{font-size:16px}#navigation-results{max-height:48vh}.login-shell{grid-template-columns:1fr;grid-template-rows:72px auto auto auto;background:#fff}.login-masthead{padding:0 24px}.login-masthead .wordmark{font-size:27px}.login-masthead .wordmark span{font-size:11px}.login-brand{margin:0 20px;padding:0;background:#f7f7f7;border-radius:16px}.login-scene{min-height:0;height:190px}.login-form-panel{padding:28px 24px 36px}.login-card h2{font-size:28px}.login-footer{margin:0 24px}.login-card input:not([type=checkbox]){font-size:16px}.cookie-notice{border-radius:14px}.ui-tooltip{display:none}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.ui-tooltip{animation:none}}
/* Geometry locks prevent older feature selectors from introducing one-off shapes. */
:is(.primary,.secondary,.billing-primary,.billing-secondary,.file-button,.google-login){border-radius:var(--ui-radius)!important}
:is(#workspace,dialog,#login) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border-radius:var(--ui-radius)}
dialog::backdrop{background:#18181845!important;backdrop-filter:blur(3px)}
#tab-dial #call-queue{padding:0}#queue-table:has(.queue-empty)>.queue-table-scroll{flex:none;overflow:auto}#queue-table:has(.queue-empty)>.queue-empty{flex:1;min-height:140px;padding:24px}.queue-empty>span{flex-shrink:0}.call-tabs{width:auto!important}
.queue-create-dialog{inset:24px;width:min(1180px,calc(100vw - 48px));height:calc(100dvh - 48px);max-height:calc(100dvh - 48px);border-radius:var(--ui-dialog-radius)}
.queue-create-head{height:72px;padding:0 28px;border-color:var(--line)}.queue-create-head h2{font-size:23px;font-weight:550;letter-spacing:-.6px}.queue-create-form{height:calc(100% - 72px);grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr)}
.queue-create-left{padding:24px;background:#fff}.queue-create-left>.queue-config-panel{padding:0;border:0;border-radius:0;margin:0 auto 24px}.queue-config-panel label{border:0!important;border-left:0!important;background:transparent!important;padding:0!important;border-radius:0!important}.queue-config-panel .panel-title{padding-bottom:16px;margin-bottom:20px}.queue-config-panel :is(input,select){font-weight:450}.queue-config-panel label small{font-size:11px;color:#909090}.queue-recipient-pane{background:#fafafa;border-color:var(--line)}.recipient-pane-head{height:76px;padding:0 24px;border-color:var(--line)}.recipient-pane-head h3{font-size:17px;font-weight:500}.recipient-empty{padding:28px;font-size:13px;color:#8a8a8a}.recipient-empty>span{border-radius:12px;background:#efefef;color:#898989}.recipient-empty strong{font-weight:500}.queue-create-dialog #new{border:0;border-top:1px solid var(--line);border-radius:0;padding:24px 0;margin-top:24px}.queue-create-left>.queue-timing-panel{padding:0;border:0;border-top:1px solid var(--line);border-radius:0;margin-top:4px;padding-top:24px;background:#fff}.queue-timing-panel h2{font-size:18px}.queue-create-form>.queue-create-footer{border-color:var(--line);background:#fff}.queue-create-dialog .builder-modes{max-width:100%;width:auto}.queue-create-dialog .builder-modes button{min-height:34px;padding:6px 9px;font-size:12px}.queue-create-dialog .builder-modes button.selected{background:#fff;color:#222}.queue-create-dialog :is(#builder-lists,#builder-contacts)>p{font-size:12px;color:#888}
.ui-confirm-dialog{width:440px;max-width:calc(100vw - 24px);padding:24px}.ui-confirm-symbol{display:grid;place-items:center;width:44px;height:44px;background:#f2f2f2;border-radius:12px;margin-bottom:18px;color:#707070}.ui-confirm-dialog h2{margin:0 0 12px;font-size:22px}.ui-confirm-dialog p{color:#777;font-size:14px;line-height:1.7;white-space:pre-wrap}.ui-confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.ui-confirm-actions button{min-width:100px}
#assistant-panel{border:1px solid var(--line);border-radius:18px;box-shadow:var(--ui-shadow);font-family:Inter,sans-serif}#assistant-widget :is(.primary,.secondary,.aw-quick button,.aw-tip-primary){border-radius:10px!important}.aw-mode,.aw-header,.aw-compose-wrap{border-color:var(--line)}.aw-icon{border-radius:8px}.aw-icon:hover{background:#eee}.aw-welcome h3{font-weight:550}.aw-avatar{background:#f5f5f5}.assistant-tip{border-radius:14px;box-shadow:var(--ui-shadow)}
@media(max-width:680px){.queue-create-dialog{inset:8px;width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);border-radius:16px}.queue-create-head{height:60px;padding:0 18px}.queue-create-head h2{font-size:21px}.queue-create-form{height:calc(100% - 60px);grid-template-columns:minmax(0,1fr)}.queue-create-left{padding:18px}.queue-recipient-pane{display:none}.queue-config-panel .panel-title{margin-bottom:16px}.queue-create-dialog .builder-modes{overflow:auto}.queue-create-dialog .builder-modes button{white-space:nowrap}.queue-create-form>.queue-create-footer{padding:12px;gap:8px}.queue-create-footer .primary,.queue-create-footer .secondary{font-size:11px;padding:9px 10px;min-height:40px}.queue-create-footer #form-hint{display:none}#assistant-launcher{bottom:70px}#assistant-panel{z-index:30}.ui-confirm-dialog{padding:24px}}

.balance-cards{background:transparent;padding:0}.balance-identity{padding:0 0 18px}.callback-page{display:grid;place-items:center;min-height:100dvh;padding:24px}.callback-page>main.panel{width:min(520px,100%);margin:0;padding:36px;min-width:0}.callback-page h1{font-size:28px}.callback-page p{color:#777}.callback-page a{font-size:13px;color:#444;text-underline-offset:4px}.cookie-button{border-radius:10px!important}.cookie-dialog{border-radius:20px;font-family:Inter,sans-serif}.cookie-dialog::backdrop{background:#18181845;backdrop-filter:blur(3px)}
/* Neutral palette also applies inside the email and messenger feature roots. */
#tab-mail{--mail-accent:#242424;--mail-selected:#ebebeb;--mail-border:#e7e7e7;--mail-muted:#858585;--mail-rail:#fafafa}
#tab-messengers{--msg-line:#e7e7e7;--msg-muted:#858585;--msg-accent:#242424;color:#303030}
#tab-mail .primary,.mail-dialog .primary,#tab-messengers .primary,#telegram-mobile-dialog>button.primary{background:#1b1b1b;border-color:#1b1b1b;color:#fff}
#tab-mail .primary:hover:not(:disabled),.mail-dialog .primary:hover:not(:disabled),#tab-messengers .primary:hover:not(:disabled){background:#454545;border-color:#454545}
#tab-messengers .messenger-channels button[aria-pressed=true],#tab-messengers .messenger-channels button[data-channel=all][aria-pressed=true]{background:#eaeaea;border-color:#e3e3e3;color:#242424;font-weight:500}
#tab-messengers .messenger-channels button:hover{background:#f0f0f0;color:#222}#tab-mail .mail-all-accounts[aria-pressed=true],#tab-mail .mail-account-row.selected{background:#ebebeb;color:#333}.mail-icon-button{color:#777;border-radius:8px}.mail-icon-button:hover{background:#eee}
#tab-mail>.mail-heading{padding:18px var(--ui-gutter) 20px}#tab-mail .mail-heading h1{font-size:28px;font-weight:600;color:#191919}
#tab-messengers #wa-inbox-view:not(.is-fullscreen){margin:0 var(--ui-gutter) 20px;border:1px solid var(--line);border-radius:14px;overflow:hidden}
#tab-messengers .wa-chat-empty h2{color:#444}#tab-messengers .wa-dialog-item:hover{background:#f2f2f2}#tab-messengers .wa-dialog-item.selected{background:#eaeaea}
#workspace #contacts-query,#workspace #agents-search{padding-left:42px;margin:0;min-height:42px}.contacts-search-icon,.agents-search>span{display:flex;align-items:center}.contacts-search-icon .ui-icon,.agents-search>span .ui-icon{width:17px;height:17px;flex-basis:17px}
#contacts-table th{font-size:12px;letter-spacing:0;text-transform:none;font-weight:450;color:#929292}#contacts-table .contact-name{font-size:13px;font-weight:550}#contacts-table .contact-identity-copy>span,#contacts-table .contact-line,#contacts-table .contact-list-chip{font-size:12px}.contact-avatar,.contact-avatar.large{background:#efefef;color:#696969;border-radius:12px}.contact-avatar.large{border-radius:14px}
#contact-drawer-backdrop{inset:var(--ui-header) 0 0 var(--ui-rail);background:#19191921}.contact-drawer{top:var(--ui-header);bottom:12px;right:12px;width:min(460px,calc(100vw - 24px));border:1px solid var(--line);border-radius:16px;box-shadow:var(--ui-shadow);padding:0 24px 20px}.contact-drawer-heading{margin:0 -24px 20px;padding:20px 24px;border-color:var(--line)}.contact-drawer-heading h2{font-size:20px;font-weight:550}.contact-drawer label{margin:12px 0 8px}.contact-drawer .two-fields{gap:0}.contact-drawer-actions .contact-drawer-messenger{border-radius:10px}.contact-drawer .company-id{font-size:10px;color:#999;overflow-wrap:anywhere}.contact-drawer-footer{margin:20px -24px -20px;padding:16px 24px;bottom:-20px}.contact-form-section{margin:20px 0 12px;padding-top:20px;font-size:13px;color:#555}.contact-drawer-person strong{font-size:16px;font-weight:550}.contact-drawer-person{margin-bottom:18px}.contact-drawer-close{border-radius:8px}.contact-drawer-close:hover{background:#eee}
.agents-table-wrap thead th{background:#fafafa;color:#8a8a8a;font-weight:450}.agents-table-wrap{border-color:var(--line);border-radius:12px}.agent-create-menu>div{border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:var(--ui-shadow);background:#fff}.agent-create-menu>div button{border:0;border-radius:8px;font-size:13px;padding:12px;background:#fff}.agent-create-menu>div button:hover{background:#f1f1f1}.agent-create-menu>div button b{background:#f1f1f1;color:#737373;border-radius:10px}.agent-create-menu>div button small{font-size:11px;color:#8b8b8b}#agents-search{font-size:13px}.agent-edit-body .agent-test-heading{background:#fafafa;border-color:var(--line)}.agent-edit-body .test-banner{background:#fafafa}.agent-test-heading .test-controls{background:#f5f5f5;border-radius:10px}.agent-test-heading button{border-radius:8px}.agent-test-heading button.selected{background:#fff;color:#333}
@media(max-width:680px){#tab-mail>.mail-heading{padding:18px 16px 14px}#tab-mail .mail-heading h1{font-size:23px}#tab-messengers #wa-inbox-view:not(.is-fullscreen){margin:0 12px 12px}.contact-drawer{top:8px;bottom:8px;right:8px;width:calc(100vw - 16px);padding:0 20px 16px}.contact-drawer-heading{margin:0 -20px 16px;padding:18px 20px}.contact-drawer-footer{margin:18px -20px -16px;padding:14px 20px;bottom:-16px}#contact-drawer-backdrop{inset:0}.contact-drawer .two-fields{gap:0}.contact-drawer input:not([type=checkbox]),.contact-drawer textarea{font-size:16px}}
#contacts-table input[type=checkbox]{accent-color:#242424}#contacts-table tbody tr:hover{background:#f4f4f4}#contacts-table tbody tr.selected{background:#ededed}#company-selection.company-selection{background:#f5f5f5;border-color:#dedede;border-radius:10px;color:#444}.contact-name-button{font-size:13px;font-weight:550}.contact-name-button:hover{color:#171717}.contact-company-name,.contact-channel-line,.contact-updated{font-size:12px}.contact-list-tags>span{background:#ededed;color:#6c6c6c;border-radius:6px;font-size:11px}.contact-icon-action,.contact-messenger-icon,.contact-more>summary{border-radius:8px}.contact-more-menu{border-radius:12px;border-color:var(--line);box-shadow:var(--ui-shadow);padding:6px}.contact-more-menu button{border-radius:7px}.agents-directory>aside button.selected{color:#222}

@media(max-width:680px){#workspace .page>.tab-pane>.section-heading{align-items:flex-start;text-align:left}#tab-dial>.section-heading{flex-direction:row;align-items:center}#tab-dial>.section-heading h1{font-size:22px}.app-sidebar #main-nav{min-width:0}.queue-create-left .builder-modes{display:flex}.queue-create-left .builder-modes button{flex:0 0 auto}.queue-create-left>.panel{max-width:100%}}
/* Template library and conversation canvas share the same neutral controls. */
.flow-type-switch{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:var(--ui-radius);background:#f7f7f7;margin:20px 0}
.flow-type-switch button{flex:1;border:0;border-radius:7px;padding:9px 14px;min-height:36px;font-size:13px;background:transparent;color:#777;box-shadow:none}
.flow-type-switch button.selected{border-color:transparent;background:#fff;color:#222;box-shadow:0 1px 4px #0000000d}.flow-type-switch button:hover{background:#ededed;color:#222}
.template-heading{padding:16px 18px;border:1px solid var(--line);border-radius:var(--ui-radius);background:#fafafa}.template-heading p,.agent-template-card p{color:#888;font-size:12px}.template-heading h3{font-size:15px;font-weight:550}
#agent-template-tabs button{font-size:12px;color:#888}#agent-template-tabs button.selected{color:#222;border-bottom-color:#222}
#agent-template-grid .agent-template-card,.flow-library .agent-template-card{border:1px solid var(--line);border-radius:var(--ui-surface-radius);padding:20px;background:#fff;color:#333;box-shadow:none}
#agent-template-grid .agent-template-card:hover,.flow-library .agent-template-card:hover{background:#f5f5f5;border-color:#ddd;box-shadow:none}
#agent-template-grid .agent-template-card.selected,.flow-library .agent-template-card.selected{border-color:#292929;background:#fafafa;box-shadow:0 0 0 1px #292929}
.template-icon,.flow-library .template-icon{background:#f0f0f0;color:#777;border-radius:10px}.agent-template-card strong{font-size:13px;font-weight:550}.flow-categories button{font-size:12px;color:#888;border-radius:8px}.flow-categories button.selected{background:#ededed;color:#222}
.flow-workspace{border-color:var(--line);border-radius:var(--ui-surface-radius)}.flow-navigation{border-color:var(--line)}.flow-navigation button{font-size:13px;border-radius:8px;color:#777}.flow-navigation button.selected,.flow-navigation button:hover{background:#ededed;color:#222}.flow-mode{color:#888}
.flow-palette{border-color:var(--line)}.flow-palette button{border-radius:8px;font-size:12px;color:#666}.flow-palette button:hover{background:#eee}
.flow-viewport{background-color:#fafafa;background-image:radial-gradient(#ddd .8px,transparent .8px)}.flow-lines path{stroke:#b8b8b8}.flow-node{border-color:#dedede;box-shadow:0 2px 6px #00000009}.flow-node.selected{outline:2px solid #333;outline-offset:2px;border-color:#333;box-shadow:none}
.flow-node header{background:#f1f1f1}.flow-node header strong{color:#333}.flow-node header span,.flow-start{color:#888}.flow-node.ending header{background:#edf3ef}.flow-node.branch header{background:#eef1f5}.flow-node.action header{background:#f1eef5}.flow-node.note header{background:#f7f3e9}
.flow-node-edges div,.flow-transition{border-color:var(--line);border-radius:8px}.flow-canvas-tools{border-color:var(--line);box-shadow:0 2px 8px #0000000a}.flow-canvas-tools button{background:#f3f3f3;border-radius:8px;color:#555}.flow-workflow{background:#fafafa}.flow-workflow-center,.flow-case-grid small{color:#888}.flow-workflow-center button{background:#fff;border-color:var(--line);color:#555}.flow-history pre{background:#f5f5f5;color:#555}.flow-global summary{color:#666}

#workspace .app-sidebar .nav:focus-visible{outline:2px solid #242424;outline-offset:-2px}

/* Geometry measured in the authenticated ElevenLabs app. */
#workspace>.workspace-masthead{padding:0 12px;gap:8px}
.workspace-section-title{font-size:14px;font-weight:500;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#sidebar-toggle{width:32px;height:32px;min-height:32px;padding:7px;margin-right:4px}
#sidebar-toggle .ui-icon{width:18px;height:18px;flex-basis:18px}
.sidebar-top{height:32px;justify-content:center;gap:0}
#workspace.sidebar-expanded .sidebar-top{padding:0 12px;justify-content:flex-start}
.sidebar-brand .nav-label-text{font-size:21px}
#workspace .app-sidebar .nav .ui-icon{width:18px;height:18px;flex-basis:18px}
#workspace .app-sidebar .nav.active:hover{background:#00000017}
#workspace>.app-sidebar>.sidebar-bottom{padding-top:8px}
.app-sidebar .balance-button{min-height:32px;padding:6px 10px}
.app-sidebar .balance-button svg{width:18px;height:18px}
#workspace>.workspace-masthead .account-button{width:32px;height:32px;min-height:32px;padding:2px;margin-left:8px}
.workspace-masthead .account-button .avatar{width:28px;height:28px;min-width:28px;font-size:12px;background:#efefef}
.workspace-masthead .account-copy,.workspace-masthead .account-button>.ui-icon{display:none!important}
.workspace-search{font-size:12px;min-height:32px;padding:6px 8px}
#balance-popover{width:304px;max-height:calc(100dvh - 80px);overflow:auto}
.balance-cards{gap:8px}.balance-cards>div{padding:12px;background:#fafafa;border-radius:10px;gap:6px 8px}
.balance-cards strong{font-size:22px}.balance-cards button{font-size:12px;min-height:32px;padding:5px 10px}
.balance-cards>div+div strong{font-size:15px}.balance-identity small{font-size:10px}.account-actions :is(a,button){font-size:14px}
#workspace :is(button.primary,button.secondary,.file-button),dialog :is(button.primary,button.secondary,.file-button),.agent-create-menu>summary{min-height:36px;height:auto;padding:7px 12px;font-size:14px;line-height:20px;gap:8px;border-radius:var(--ui-radius)}
#workspace :is(button.primary,button.secondary) .ui-icon,dialog :is(button.primary,button.secondary) .ui-icon{width:16px;height:16px;flex-basis:16px}
#workspace .agent-create-menu>summary{height:36px;min-width:0;display:flex;align-items:center;background:var(--ink)}
#workspace .agent-create-menu>summary:hover{background:#454545}.agent-create-menu>div{top:44px}
#workspace .agent-create-menu>summary>.ui-icon:last-child{width:14px;height:14px;flex-basis:14px}
#workspace #agents-search{min-height:36px;height:36px;font-size:14px}.agents-search{height:36px;margin:0}
#agents-list-view>.agents-directory{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);border:0}
#agents-list-view .agents-directory>aside{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:6px;padding:0 var(--ui-gutter) 20px;border:0;background:#fff;overflow-x:auto}
#agents-list-view .agents-directory>aside p{display:none}
#agents-list-view .agents-directory>aside button{width:auto;flex-shrink:0;gap:8px;min-height:32px;padding:6px 10px;font-size:13px;border:1px solid var(--line);border-radius:var(--ui-radius)}
#agents-list-view .agents-directory>aside button .ui-icon{width:16px;height:16px;flex-basis:16px}
#agents-list-view .agents-directory>aside button.selected{border-color:transparent;background:#f1f1f1}
#agents-list-view .agents-directory>main{padding:0 var(--ui-gutter) 24px}
#agents-table>.agents-table-wrap{border:0;border-radius:0}.agents-table-wrap thead th{background:#fff;padding:12px 16px}
.agents-table-wrap tbody tr:hover{background:var(--ui-hover)}.agents-table-wrap td{padding:14px 16px}
.agent-row-icon{border-radius:10px;width:40px;height:40px}.agent-row-icon .ui-icon{width:20px;height:20px}
.agent-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px}
.agent-peek-trigger{width:32px;height:32px;min-height:32px;padding:7px}.agent-peek-trigger .ui-icon{width:18px;height:18px;flex-basis:18px}
.agent-preview{position:fixed;inset:auto;margin:0;width:min(360px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:20px;border:1px solid var(--line);border-radius:20px;background:#fff;color:var(--ink);box-shadow:0 14px 40px #0000001c,0 2px 6px #0000000d;font:14px/1.5 Inter,sans-serif;animation:ui-pop-in 120ms ease}
.agent-preview::backdrop{background:transparent}.agent-preview-heading{display:flex;align-items:center;gap:10px;margin-bottom:16px}.agent-preview-heading strong{font-size:15px;font-weight:550;line-height:1.4;flex:1}.agent-preview-heading>.ui-icon{color:#777}.agent-preview-heading button{width:28px;height:28px;min-height:28px;padding:5px}
.agent-preview dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:0;font-size:12px}.agent-preview dt{color:#888}.agent-preview dd{margin:0;text-align:right;overflow-wrap:anywhere;color:#454545}
.agent-preview-prompt{margin:16px 0;padding:14px 0;border-block:1px solid var(--line);color:#777;font-size:13px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line}
.agent-preview>.secondary{display:flex;width:100%;font-size:13px;min-height:36px;padding:7px 12px}.agent-preview>.secondary .ui-icon{margin-left:auto;width:16px;height:16px}
@media(hover:hover) and (min-width:721px){.agent-peek-trigger{opacity:0;transition:opacity 120ms ease,background-color 120ms ease}.agents-table-wrap tr:hover .agent-peek-trigger,.agents-table-wrap tr:focus-within .agent-peek-trigger{opacity:1}}
.navigation-action{border-top:1px solid var(--line)}
:is(.agent-create-dialog,.integration-dialog,.mail-dialog,.billing-dialog,.billing-topup-dialog,.ui-confirm-dialog){border-radius:var(--ui-dialog-radius)}
.agent-create-top{padding:20px 24px}.agent-create-top .eyebrow{display:none}.agent-create-top h2{font-size:22px}.agent-create-footer{padding:16px 24px}.agent-create-body{padding:0 24px 24px}
@media(max-width:680px){
 #sidebar-toggle{display:none}#workspace>.workspace-masthead{padding:0 16px}.workspace-section-title{font-size:14px}
 #workspace>.workspace-masthead .account-button{width:40px;height:40px;min-height:40px;padding:5px;margin:0}
 #workspace>.app-sidebar>.sidebar-bottom{padding:0;border:0;width:0;overflow:visible}
 #balance-popover{top:var(--account-top,62px);bottom:auto;width:calc(100vw - 24px);padding:12px;max-height:calc(100dvh - 80px)}
 #agents-list-view .agents-directory>aside{padding:0 16px 14px!important}#agents-list-view .agents-directory>main{padding:0 16px 16px}
 #workspace :is(button.primary,button.secondary,.file-button),dialog :is(button.primary,button.secondary,.file-button){min-height:42px;font-size:13px;padding:10px 12px}
 #workspace .agent-create-menu>summary{height:42px}.agents-table-wrap td{padding:5px 0}.agent-row-actions{justify-content:flex-start}
}
/* Populated conversation and email states use the same neutral surfaces. */
#tab-messengers .wa-bubble{background:#f6f6f6;border:1px solid transparent;border-radius:12px;color:#333;padding:12px 14px}
#tab-messengers .wa-bubble.outgoing{background:#ededed;border-color:transparent;border-radius:12px}
#tab-messengers .wa-bubble.uncertain{background:#faf3ee;border-color:#ead8ca}
#tab-messengers .wa-bubble p{font-size:14px;color:#393939;line-height:1.6}
#tab-messengers .wa-bubble-actor{color:#797979;font-weight:500}#tab-messengers .wa-bubble-meta{color:#929292}
#tab-mail .mail-row{color:#454545;border-color:var(--line)}#tab-mail .mail-row:hover{background:var(--ui-hover)}#tab-mail .mail-row.selected{background:#ededed}
#tab-mail .mail-row.unread :is(.mail-row-subject,.mail-row-top strong){color:#242424;font-weight:550}
#tab-mail .mail-letter-avatar,#tab-mail .mail-row:nth-child(n) .mail-letter-avatar{background:#efefef;color:#777;border-radius:10px;box-shadow:none}
#tab-mail .mail-row-preview,#tab-mail .mail-row-meta,#tab-mail .mail-row-top time{color:#929292}
#tab-mail .mail-thread-body{color:#454545;font-size:14px;line-height:1.75}

/* Keep flow inspectors and the canvas inside the scrollable editor. */
.has-flow .agent-edit-body{overflow:auto;overscroll-behavior:contain}
.has-flow .agent-edit-body>.managed-agent-grid{height:auto;display:block}
.has-flow .agent-edit-body .managed-agent-form{height:auto}
.has-flow .agent-edit-body .managed-test-column{height:520px;margin-top:12px}
.has-flow .flow-workspace{border-radius:var(--ui-surface-radius)}
.has-flow .flow-layout{min-height:0;height:clamp(300px,calc(100dvh - 420px),670px)}
.has-flow .flow-viewport,.has-flow .flow-node-editor,.has-flow .flow-palette{min-height:0;max-height:100%;overflow:auto;overscroll-behavior:contain}
.has-flow .flow-workspace textarea,.flow-case-dialog textarea{resize:none;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;max-height:220px}
@media(max-width:760px){.has-flow .flow-layout{height:auto}.has-flow .flow-viewport{height:320px;min-height:320px}.has-flow .flow-node-editor{max-height:360px}.has-flow .flow-palette{max-height:120px}}
#tab-mail>.mail-heading .toolbar{margin:0}#tab-mail .mail-heading h1{font-size:24px;font-weight:550;letter-spacing:-.6px}
@media(max-height:800px){#tab-mail>.mail-heading{padding-block:18px 14px}}
.has-flow .agent-edit-body>.managed-agent-grid{padding:8px 24px;background:#fff}
.has-flow .agent-edit-body .managed-agent-form{padding:0;border:0;border-radius:0}
.has-flow .agent-edit-body .managed-agent-details{padding:8px 0;gap:16px}
.has-flow .agent-edit-body .managed-agent-details select{min-height:36px;padding:7px 10px}
.has-flow .flow-workspace{margin:8px 24px 24px}
.flow-workspace>.flow-navigation{padding:6px 10px;gap:4px}.flow-navigation button{min-height:32px;padding:6px 10px;font-size:13px}
.flow-workspace>.toolbar{display:flex;align-items:center;flex-direction:row;gap:8px;padding:12px 16px;margin:0;border-bottom:1px solid var(--line)}
.flow-workspace>.toolbar select{min-height:36px;width:min(320px,100%);flex:0 1 320px;padding:7px 12px;margin:0}
.flow-layout>.flow-palette{padding:14px 8px}.flow-palette button{min-height:32px;padding:6px 8px;display:flex;align-items:center;gap:6px}
.flow-palette button>.ui-icon,.flow-navigation button>.ui-icon{width:15px;height:15px;flex-basis:15px}.flow-navigation button{display:inline-flex;align-items:center;gap:6px}
@media(max-width:680px){#tab-mail .mail-heading h1{font-size:23px}.has-flow .agent-edit-body>.managed-agent-grid{padding:8px 16px}.has-flow .flow-workspace{margin:8px 12px 16px}.flow-workspace>.toolbar select{flex:1 1 100%}.flow-mode{display:none}}
@media(min-width:721px){.agents-table-wrap td:nth-child(n+2):nth-child(-n+5){white-space:nowrap}}
/* Call tabs must retain their understated underline even while hovered. */
#workspace #tab-dial>.call-tabs [role=tab]{padding:9px 2px 12px;min-height:42px;border:0;border-radius:0;background:transparent;color:#777;font-size:14px;font-weight:450;box-shadow:none}
#workspace #tab-dial>.call-tabs [role=tab]:hover{background:var(--ui-hover);color:var(--ink)}
#workspace #tab-dial>.call-tabs [aria-selected=true],#workspace #tab-dial>.call-tabs [aria-selected=true]:hover{background:transparent;color:var(--ink);font-weight:550;box-shadow:inset 0 -2px var(--ink)}
#workspace #tab-dial #tab-history{padding:0 var(--ui-gutter) 24px;border:0;border-radius:0;background:#fff}
#workspace #tab-history>.section-heading{display:none}#workspace #tab-history>#calls-history{padding:0;margin-bottom:20px;border-color:var(--line)}
#workspace .queue-grid-head{background:#fafafa;color:#8a8a8a}#workspace .queue-state{border-radius:7px;background:#f2f2f2;color:#777;font-size:11px;padding:4px 8px;line-height:1.5}
#workspace .queue-state.is-live{background:#edf5ef;color:#50715a}#workspace .queue-state.failed{background:#faf0ee;color:#a35146}
@media(max-width:680px){#workspace #tab-dial>.call-tabs [role=tab]{font-size:11px;min-height:40px;padding:9px 0 11px}}

#workspace #calls-table .queue-grid-head,#workspace #inbound-history-table .queue-grid-head{background:#fafafa}

/* Call tabs own the section title; reserve the workspace for scrollable call rows. */
#tab-dial>.call-tabs{margin-top:10px;margin-bottom:16px}
#workspace>.workspace-masthead>#mode-badge{display:inline-flex;align-items:center;gap:7px;flex:none;margin-left:auto;background:transparent;padding:4px 0;font-size:12px}
#mode-badge::before{content:"";width:7px;height:7px;flex:none;border-radius:50%;background:#a0a0a0}
#mode-badge[data-available="true"]::before{background:#64816d;box-shadow:0 0 0 3px #edf4ef}
#workspace>.workspace-masthead>#mode-badge+.workspace-search{margin-left:8px}
#tab-dial .queue-panel>.queue-controls{display:flex;align-items:center;flex-wrap:wrap;margin:0;padding:14px 22px;gap:8px}
.queue-controls>#queue-add-open{margin-left:auto}
#tab-dial #tab-history{overflow:hidden}
#tab-history>#history-error:empty{display:none}
#tab-history>#history-error{flex:none;margin:0}
#tab-history>#calls-history{flex:1;min-height:0;padding:0;overflow:hidden}
#calls-history>#calls-search{margin:0 0 14px;flex-wrap:wrap}
#calls-history>#calls-table{border:1px solid var(--line);border-radius:var(--ui-surface-radius);scrollbar-gutter:stable}
#calls-table>.muted.small{margin:0;padding:10px 16px}
#calls-history>#calls-pagination{margin:12px 0 0}
#calls-inbound>#inbound-panel{max-height:none;overflow:visible;margin:0;padding:16px 20px}
#inbound-panel .inbound-setup-grid{grid-template-columns:minmax(170px,1fr) minmax(220px,1.7fr) minmax(120px,.65fr) minmax(220px,1.1fr);gap:12px 16px}
#inbound-panel :is(input,select){margin-top:0}
#inbound-panel .inbound-work-hours{max-width:none;margin:14px 0 0;padding:12px 14px;background:var(--ui-soft);border-color:var(--line);border-radius:var(--ui-radius)}
#inbound-panel .inbound-schedule-grid{grid-template-columns:minmax(180px,300px) 100px 100px}
#inbound-panel .inbound-settings-actions{margin-top:14px;gap:8px}
#calls-inbound>.inbound-history{padding:0}
@media(max-width:1200px){
 #inbound-panel .inbound-setup-grid{grid-template-columns:minmax(180px,1fr) minmax(240px,1.5fr)}
}
@media(max-width:680px){
 #tab-dial>.call-tabs{margin-top:8px;margin-bottom:12px}
 #workspace>.workspace-masthead>#mode-badge{font-size:10px;gap:6px}
 #workspace>.workspace-masthead>#mode-badge+.workspace-search{margin-left:0}
 #tab-dial .queue-panel>.queue-controls{padding:12px;gap:8px}
 .queue-controls>#queue-add-open{order:-1}
 .queue-controls>#queue-status{order:-2}
 #calls-inbound>#inbound-panel{padding:14px;flex:0 1 auto;min-height:0;overflow:auto;max-height:60%}
 #calls-inbound>.inbound-history{flex:1 0 140px}
 #inbound-panel .inbound-setup-grid{grid-template-columns:minmax(0,1fr);gap:12px}
 #inbound-panel .inbound-schedule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #inbound-panel .inbound-schedule-grid>label:first-child{grid-column:1/-1}
 #calls-search>#calls-query{min-width:0;width:100%}
}

@media(min-width:1201px){
 #inbound-panel .inbound-work-hours{display:flex;align-items:center;gap:24px}
 #inbound-panel .inbound-schedule-grid{flex:none}
 #inbound-panel .inbound-work-hours p{margin:0;max-width:360px}
}
@media(max-height:700px) and (min-width:681px){
 #calls-inbound>#inbound-panel{padding:12px 18px}
 #inbound-panel label{gap:5px}
 #inbound-panel :is(input,select){min-height:38px;padding-block:8px}
 #inbound-panel .inbound-work-hours{margin-top:10px;padding:10px 12px}
 #inbound-panel .inbound-settings-actions{margin-top:10px}
}
@media(max-height:600px) and (min-width:681px){
 #calls-inbound>#inbound-panel{flex:0 1 auto;min-height:0;max-height:55%;overflow:auto}
 #calls-inbound>.inbound-history{flex:1 0 100px}
}

#workspace #tab-history>#calls-history{margin-bottom:0;border:0}
#calls-history>#calls-search input{margin-top:0}

/* Focused transcript viewer shared by outgoing calls, incoming calls and history. */
#transcript-dialog{box-sizing:border-box;inset:8px 8px 8px auto;width:var(--aw-dock-width,480px);max-width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:none;margin:0;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:18px;box-shadow:var(--ui-shadow)}
#transcript-dialog[open]{display:flex}
#transcript-dialog .live-panel{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;height:100%;max-height:none;position:static;align-self:stretch;margin:0;padding:20px;border:0;border-radius:0;background:#fff;overflow:hidden}
#transcript-dialog .section-heading{flex:none;display:flex;align-items:center;gap:12px;margin:0 0 16px}
#transcript-dialog .section-heading>div{flex:1;min-width:0}
#transcript-dialog .section-heading h2{font-size:20px;margin:0}
#transcript-dialog :is(.eyebrow,#live-call-select,.test-banner,.live-control-row,.call-timeline){display:none}
#transcript-dialog #live-transcript{flex:1;height:auto;min-height:0;max-height:none;margin:0;padding:24px;border:0;border-radius:12px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
#transcript-dialog .bubble{flex-shrink:0;max-width:min(85%,960px);font-size:15px;line-height:1.65;overflow-wrap:anywhere}
#transcript-dialog .bubble strong{font-size:12px}
#transcript-dialog #live-error:empty{display:none}
#transcript-dialog #live-error{flex:none;margin:12px 0 0}
#transcript-dialog .call-issue{flex:none;margin:0 0 12px}
#transcript-dialog .hangup-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;width:auto;min-height:36px;margin:0;border-radius:var(--ui-radius);font-size:12px;padding:8px 12px}
#transcript-dialog .hangup-button::before{content:"";width:8px;height:8px;flex:none;border-radius:2px;background:currentColor}
#transcript-dialog .hangup-button:hover:not(:disabled){background:#843f3b;border-color:#843f3b}
#transcript-dialog .hangup-button:disabled{opacity:1;background:#f5f5f5;border-color:#e8e8e8;color:#a0a0a0;cursor:not-allowed}
#transcript-dialog [hidden]{display:none!important}
@media(max-width:680px){
 #transcript-dialog{inset:auto 0 calc(100dvh - var(--aw-vv-height,100dvh) - var(--aw-vv-top,0px)) auto;width:100%;max-width:100%;height:var(--aw-vv-height,100dvh);max-height:var(--aw-vv-height,100dvh);padding-bottom:env(safe-area-inset-bottom)}
 #transcript-dialog .live-panel{padding:12px}
 #transcript-dialog .section-heading{gap:8px;margin-bottom:12px}
 #transcript-dialog .section-heading h2{font-size:18px}
 #transcript-dialog #live-transcript{padding:12px}
 #transcript-dialog .bubble{max-width:95%;padding:12px;font-size:14px}
 #transcript-dialog .hangup-button{min-height:40px;font-size:11px;padding:7px;gap:6px}
 #transcript-dialog .section-heading h2{font-size:clamp(14px,4vw,18px)}
 #transcript-dialog .call-detail-close{flex-shrink:0}
}

#inbound-panel .inbound-schedule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#inbound-panel .inbound-schedule-grid>label:first-child{grid-column:1/-1}

#inbound-panel .inbound-schedule .inbound-work-hours{display:block}
#inbound-panel .inbound-schedule .inbound-work-hours p{margin:8px 0 0}

#tab-dial #calls-outbound>.outbound-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}
#tab-dial .inbound-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
#tab-dial .outbound-metrics>button{min-width:0}

/* Anchored confirmation uses the same compact controls as the call desk. */
.queue-delete-popover{position:fixed;inset:auto;margin:0;width:320px;max-width:calc(100vw - 16px);box-sizing:border-box;padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--text);box-shadow:var(--ui-shadow);font-family:Inter,sans-serif}
.queue-delete-popover h3{margin:0 0 8px;font-size:15px;font-weight:600;line-height:1.4}
.queue-delete-popover>p{margin:0;font-size:12px;line-height:1.6;color:var(--muted)}
.queue-delete-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
.queue-delete-actions button{min-height:36px;padding:8px 14px;border-radius:var(--ui-radius);font-size:12px}
.queue-delete-actions .queue-delete-submit{background:#a14545;border:1px solid #a14545;color:#fff}
.queue-delete-actions .queue-delete-submit:hover:not(:disabled){background:#843f3b;border-color:#843f3b}
.queue-delete-popover .error:not(:empty){margin-top:12px;color:#a14545}.queue-delete-popover .error:empty{display:none}

#calls-outbound .queue-filters{display:flex;align-items:center;gap:8px;flex:1 1 340px;max-width:660px;margin-left:12px}
#calls-outbound .queue-filters select{flex:1;min-width:0;width:0;min-height:38px;margin:0;font-size:12px;border-radius:var(--ui-radius);background-color:#fff}
@media(max-width:1100px){#calls-outbound .queue-filters{order:2;flex-basis:100%;max-width:none;margin-left:0}}
@media(max-width:680px){#calls-outbound .queue-filters{gap:8px}#calls-outbound .queue-filters select{padding-left:10px;font-size:11px}}
@media(prefers-reduced-motion:reduce){#transcript-dialog[open]{animation:none}}
#transcript-dialog{container-type:inline-size}
@container (max-width:400px){
 #transcript-dialog .section-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
 #transcript-dialog .section-heading>div{grid-column:1;grid-row:1}
 #transcript-dialog .call-detail-close{grid-column:2;grid-row:1}
 #transcript-dialog .hangup-button{grid-column:1 / -1;grid-row:2;justify-self:start}
}

/* Luchera's lambda and morning point: shared by navigation, auth and restoration. */
.luchera-symbols{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.luchera-logo{display:block;flex:none;width:28px;height:36px;fill:currentColor;color:inherit}
.sidebar-brand{gap:11px}
.sidebar-brand .brand-symbol{display:block;width:25px;height:32px;flex:none}
#workspace.sidebar-expanded .sidebar-brand .brand-symbol{display:block}
.login-masthead .login-wordmark{display:flex;align-items:center;gap:12px;line-height:1.15}
.login-masthead .login-wordmark .luchera-logo{width:28px;height:36px}
.login-masthead .login-wordmark span{margin-left:0}
.session-loading{gap:14px;background:#fafafa}
.session-brand{display:flex;flex-direction:column;align-items:center;gap:16px;color:#171717}
.session-brand .luchera-logo{width:52px;height:68px}
.session-brand .wordmark{font-size:25px;font-weight:600;letter-spacing:-1px;line-height:1.2}
#session-loading-message{max-width:320px;margin:0 24px;text-align:center;font-size:13px;line-height:1.6;color:#858585}
.workspace-masthead .account-button .avatar{background:#f1f1f1;border:1px solid #e7e7e7;color:#585858;transition:background .15s,color .15s,border-color .15s}
.account-button .avatar .ui-icon{display:block;width:17px;height:17px;flex:none}
.workspace-masthead .account-button:hover .avatar,.workspace-masthead .account-button[aria-expanded=true] .avatar{background:#e5e5e5;border-color:#dcdcdc;color:#191919}
@media(max-width:680px){
 .login-masthead .login-wordmark{gap:10px}
 .login-masthead .login-wordmark .luchera-logo{width:25px;height:32px}
}
@media(prefers-reduced-motion:reduce){.workspace-masthead .account-button .avatar{transition:none}}

/* Compact working areas: section names already appear in the app header. */
#tab-messengers>.wa-inbox-toolbar{display:flex;flex-direction:row;align-items:center;gap:16px;padding:10px 20px}
#tab-messengers .messenger-channel-row{justify-content:flex-start;width:auto;flex:1;gap:16px;flex-wrap:wrap}
#tab-messengers .messenger-heading-actions{margin-left:auto;flex-shrink:0}
#tab-messengers #wa-inbox-view:not(.is-fullscreen){margin:0 16px 12px}
#tab-messengers{height:calc(100dvh - var(--ui-header));min-height:0}
#workspace .page>#tab-settings>.settings-nav{padding-top:10px}
#workspace .page>:is(#tab-messages,#tab-integrations)>.section-heading{justify-content:flex-end;padding:10px 20px;margin:0;min-height:0}
#tab-mail>.mail-heading{justify-content:flex-end;padding:10px 20px;min-height:0;margin:0}
#tab-mail>#mail-layout{height:calc(100dvh - var(--ui-header) - 104px);max-height:none;margin:0 16px 12px}
#agent-edit-view>.agent-edit-head{padding:10px 16px}
#agent-edit-view .agent-edit-identity{gap:0}
.has-flow .agent-edit-body>.managed-agent-grid{padding:4px 16px}
.has-flow .agent-edit-body .managed-agent-details{padding:4px 0}
.has-flow .flow-workspace{margin:4px 16px 12px}
.has-flow .flow-layout{height:calc(100dvh - 304px);min-height:300px}
.navigation-search input{padding-left:14px}
.integration-provider-title{display:flex;align-items:center;gap:12px;min-width:0}
.integration-brand-icon{width:36px;height:36px;object-fit:contain;flex-shrink:0}
#flow-expand{margin-left:4px;flex:none}
#flow-workspace.is-expanded{position:fixed;inset:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0;padding:0;background:#fff;display:flex;flex-direction:column;overflow:auto;box-sizing:border-box;color:var(--ink)}
#flow-workspace.is-expanded>.flow-navigation,#flow-workspace.is-expanded>.toolbar,#flow-workspace.is-expanded>.flow-global{flex-shrink:0}
#flow-workspace.is-expanded>.flow-layout{flex:1;min-height:200px;height:auto}
#flow-workspace.is-expanded .flow-viewport,#flow-workspace.is-expanded .flow-palette,#flow-workspace.is-expanded .flow-node-editor{min-height:0;overflow:auto}
#flow-workspace.is-expanded .flow-node-editor textarea{resize:none;max-height:220px}
#flow-workspace.is-expanded::backdrop{background:#fff}
@media(max-width:900px){#tab-messengers>.wa-inbox-toolbar{flex-wrap:wrap;gap:8px}#tab-messengers .messenger-heading-actions{margin-left:0}#tab-messengers .messenger-channel-row{flex-basis:100%}}
@media(max-width:760px){.has-flow .flow-layout{height:auto}.has-flow .flow-viewport{min-height:320px;height:45dvh}#flow-workspace.is-expanded>.flow-layout{flex:none;min-height:0;height:auto}#flow-workspace.is-expanded .flow-viewport{flex:none;min-height:260px;height:50dvh}#flow-workspace.is-expanded .flow-palette{max-height:120px}#flow-workspace.is-expanded .flow-node-editor{max-height:none}}
@media(max-width:680px){#tab-messengers{height:calc(100dvh - var(--ui-header) - 62px)}#tab-messengers>.wa-inbox-toolbar{padding:8px 12px}#tab-messengers .messenger-channel-row{gap:8px}#tab-mail>#mail-layout{height:calc(100dvh - var(--ui-header) - 126px);min-height:360px}#tab-mail>.mail-heading{padding:8px 12px}.integration-brand-icon{width:32px;height:32px}}
/* Fit the normal graph to the editor too, keeping zoom controls on screen. */
@media(min-width:761px){
 .has-flow .agent-edit-body:not(:has(.managed-test-column[style*="block"])){display:flex;flex-direction:column;overflow:hidden}
 .has-flow .agent-edit-body:not(:has(.managed-test-column[style*="block"]))>.managed-agent-grid{flex:none}
 .has-flow .agent-edit-body:not(:has(.managed-test-column[style*="block"]))>.flow-workspace:not(.is-expanded){display:flex;flex-direction:column;flex:1;min-height:0;overflow:auto}
 .has-flow .flow-workspace>.flow-navigation,.has-flow .flow-workspace>.toolbar,.has-flow .flow-workspace>.flow-global{flex:none}
 .has-flow .agent-edit-body:not(:has(.managed-test-column[style*="block"]))>.flow-workspace:not(.is-expanded)>.flow-layout{flex:1;min-height:200px;height:auto}
 .has-flow .flow-global{padding:10px 16px}
}

/* Place actions inside their working surface and recover the outer toolbar row. */
#tab-mail>#mail-layout{margin-top:12px;height:calc(100dvh - var(--ui-header) - 60px)}
.mail-workspace-actions{grid-column:3;grid-row:1;align-self:start;justify-self:stretch;display:flex;justify-content:flex-end;padding:18px 20px;z-index:1;pointer-events:none}
.mail-workspace-actions>.toolbar{margin:0;gap:8px;pointer-events:auto}
.mail-layout>.mail-rail{grid-column:1;grid-row:1}
.mail-layout>.mail-messages-pane{grid-column:2;grid-row:1}
.mail-layout>.mail-reader{grid-column:3;grid-row:1;padding-top:84px}
#tab-mail>#mail-feedback:empty{display:none}
#tab-messages>.sms-layout{margin-top:12px;align-items:stretch;min-height:calc(100dvh - var(--ui-header) - 60px)}
.sms-history>.section-heading{align-items:center;gap:12px}
.sms-history-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.sms-history-actions #sms-total{white-space:nowrap}
.workspace-refresh.ui-icon-button{width:36px;height:36px;min-height:36px;flex:none;display:inline-flex;align-items:center;justify-content:center;padding:7px;background:transparent;border:0;color:#8b8b8b;border-radius:9px;box-shadow:none}
.workspace-refresh.ui-icon-button:hover:not(:disabled){background:#f3f3f3;color:#454545}
.workspace-refresh svg{display:block;flex:none}
.workspace-refresh[aria-busy=true]{opacity:.55;cursor:wait}
@media(prefers-reduced-motion:no-preference){.workspace-refresh[aria-busy=true] svg{animation:workspace-refresh-spin 1s linear infinite}@keyframes workspace-refresh-spin{to{transform:rotate(360deg)}}}
@media(max-width:1250px){
 .mail-layout{grid-template-rows:auto minmax(0,1fr)}
 .mail-workspace-actions{grid-column:2;grid-row:1;padding:12px 18px;border-bottom:1px solid var(--line)}
 .mail-layout>.mail-rail{grid-row:1/3}
 .mail-layout>.mail-messages-pane,.mail-layout>.mail-reader{grid-column:2;grid-row:2}
 .mail-layout>.mail-reader{padding-top:26px}
}
@media(max-width:1100px){#tab-messages>.sms-layout{min-height:0}.sms-history{min-height:360px}}
@media(max-width:700px){
 .mail-workspace-actions{order:-1;flex:none;padding:10px 14px}
 .mail-layout>.mail-reader{padding-top:20px}
}
@media(max-width:680px){
 #tab-mail>#mail-layout{height:calc(100dvh - var(--ui-header) - 138px);margin:10px 12px 12px;min-height:360px}
 .sms-history-actions{gap:6px}.sms-history>.section-heading h2{font-size:18px}
}
/* Keep the mascot and its restore button above legal links and mobile navigation. */
#assistant-widget{--aw-dock-bottom:28px}
body #assistant-widget #assistant-launcher{bottom:var(--aw-dock-bottom)}
#assistant-widget #assistant-hide-robot{bottom:calc(var(--aw-dock-bottom) + 108px)}
#assistant-widget #assistant-restore-robot{bottom:var(--aw-dock-bottom)}
#assistant-widget .assistant-tip{bottom:calc(var(--aw-dock-bottom) + 144px)}
@media(max-width:680px){
 #assistant-widget{--aw-dock-bottom:calc(78px + env(safe-area-inset-bottom))}
 #assistant-widget #assistant-hide-robot{bottom:calc(var(--aw-dock-bottom) + 80px)}
 #assistant-widget .assistant-tip{bottom:calc(var(--aw-dock-bottom) + 112px);max-height:calc(100dvh - var(--aw-dock-bottom) - 140px)}
}
body.cookie-notice-visible #assistant-widget{--aw-dock-bottom:calc(var(--aw-cookie-height,120px) + 18px)}
@container assistant-workspace (max-width:1050px){
 #tab-mail>#mail-layout{grid-template-rows:auto minmax(0,1fr)}
 .mail-workspace-actions{grid-column:2;grid-row:1;padding:12px 18px;border-bottom:1px solid var(--line)}
 .mail-layout>.mail-rail{grid-row:1/3}
 .mail-layout>.mail-messages-pane,.mail-layout>.mail-reader{grid-column:2;grid-row:2}
 .mail-layout>.mail-reader{padding-top:26px}
}
@container assistant-workspace (max-width:680px){.mail-workspace-actions{order:-1;flex:none;align-self:stretch;padding:10px 14px}}
@media(max-width:700px){.mail-workspace-actions{align-self:stretch}}

/* Compact contact workspace and editor. */
#tab-contacts>.contacts-workspace{margin-top:24px;padding-top:0}
#tab-contacts .contacts-controls{grid-template-columns:minmax(220px,.65fr) minmax(260px,1fr) auto;padding-top:16px}
.contacts-search{min-width:0}.contacts-search input{min-width:0}.contacts-search button{flex-shrink:0}
#tab-contacts .contacts-actions{flex-wrap:nowrap;gap:8px;margin:0}
#tab-contacts .contacts-actions>*{white-space:nowrap;margin:0;min-height:42px}
#contact-edit .contact-drawer-heading{justify-content:flex-end;border:0;padding:8px 12px;margin:0 -24px}
#contact-edit .contact-drawer-actions:empty{display:none}
#contact-edit .company-id{margin-top:0}
#contact-edit .contact-form-section:first-child{margin-top:12px}
@media(max-width:1200px){#tab-contacts .contacts-controls{grid-template-columns:minmax(220px,1fr) auto}#contacts-search{grid-column:1/-1;grid-row:2}.contacts-actions{grid-column:2;grid-row:1}}
@media(max-width:680px){#tab-contacts>.contacts-workspace{margin-top:12px}#tab-contacts .contacts-controls{grid-template-columns:minmax(0,1fr)}#tab-contacts .contacts-actions{grid-column:1;grid-row:3;display:grid;grid-template-columns:1fr 1.6fr}#tab-contacts .contacts-actions>*{justify-content:center;padding-inline:10px}#contacts-search{grid-row:2}#contact-edit .contact-drawer-heading{margin-inline:-20px}}

#contact-edit-title.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

@media(max-width:680px){#tab-contacts .company-lists-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto}#tab-contacts .company-lists-toolbar>button{width:auto}#contacts-search button{display:inline-flex}#contacts-search input{flex:1;width:0}}

/* Agent actions belong to the settings row of every agent editor. */
#agent-edit-view .managed-agent-details{display:flex;align-items:center;flex-wrap:wrap;gap:14px}
#agent-edit-view .managed-agent-details>label{flex:0 1 220px;min-width:0}
#agent-edit-view .managed-agent-details>.agent-edit-actions{margin-left:auto;align-self:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}
#agent-edit-view .managed-agent-details>.agent-edit-actions>span{width:auto}
#tab-messengers #wa-fullscreen{display:grid;place-items:center}
@media(max-width:680px){
 #agent-edit-view .managed-agent-details>label{flex:1 1 140px}
 #agent-edit-view .managed-agent-details>.agent-edit-actions{width:100%;margin-left:0}
}