/* Product-wide visual contract. Geometry and business states stay in their modules. */
:is(.portal-page,[data-ui-surface]) {
  --ui-hover:var(--surface-hover);
  --field-focus-border:#90909a;
  --field-focus-background:#fff;
  --field-placeholder:var(--text-tertiary);
  --field-keyboard:#86868e;
  font-feature-settings:'cv11','ss01';
  text-rendering:optimizeLegibility;
}
:is(.portal-page,[data-ui-surface]) .portal-button:disabled:not([aria-busy='true']) {box-shadow:none}
:is(.portal-page,[data-ui-surface]) [hidden] {display:none!important}
:is(.portal-page,[data-ui-surface]) :is(button,input,textarea,select,summary) {font-family:inherit;letter-spacing:normal}
:is(.portal-page,[data-ui-surface]) .ui-action-arrow {display:inline-block;width:14px;height:14px;vertical-align:middle;flex:none;color:currentColor;opacity:.75}
:is(.portal-page,[data-ui-surface]) :is(h1,h2,h3)[tabindex='-1']:focus {outline:none}
:is(.portal-page,[data-ui-surface]) :is(.portal-input,.portal-select,.portal-textarea) {min-height:var(--ui-size-field);border:1px solid var(--border-default);border-radius:var(--radius-control);padding:calc((var(--ui-size-field) - var(--ui-control-line) - 2px)/2) var(--ui-field-space);background:#fff;color:var(--text-primary);font-size:var(--ui-field-font);line-height:var(--ui-control-line);box-shadow:0 1px 2px #18181b02}
:is(.portal-page,[data-ui-surface]) :is(.portal-input,.portal-select,.portal-textarea):hover:not(:disabled) {border-color:#c9c9ce}
:is(.portal-page,[data-ui-surface]) :is(.portal-input,.portal-select,.portal-textarea):is(:focus,:focus-visible) {border-color:var(--field-focus-border);background:#fff;box-shadow:0 0 0 3px #24252808;outline:none}
:is(.portal-page,[data-ui-surface]) :is(.portal-input,.portal-textarea)::placeholder {color:var(--field-placeholder)}
:is(.portal-page,[data-ui-surface]) :is(.portal-input,.portal-select,.portal-textarea)[aria-invalid='true'] {border-color:#bb766d;box-shadow:0 0 0 3px #a5423809}
:is(.portal-page,[data-ui-surface]) .portal-select {padding-right:34px;background-position:right 11px center}
:is(.portal-page,[data-ui-surface]) input[type='checkbox'] {width:16px;height:16px;flex-basis:16px;border:1px solid #cdced3;border-radius:4px;box-shadow:0 1px 2px #18181b05}
:is(.portal-page,[data-ui-surface]) input[type='checkbox']:checked,:is(.portal-page,[data-ui-surface]) input[type='checkbox']:indeterminate {background:#29292d;border-color:#29292d}
:is(.portal-page,[data-ui-surface]) input[type='checkbox']:hover:not(:disabled) {border-color:#898a93;box-shadow:0 0 0 3px #24252805}
:is(.portal-page,[data-ui-surface]) .select-menu-trigger::after {width:5px;height:5px;border-width:1.3px;margin-left:5px;opacity:.65}
:is(.portal-page,[data-ui-surface]) .select-menu-trigger:hover,:is(.portal-page,[data-ui-surface]) .select-menu-trigger[aria-expanded='true'] {border-color:#c7c7cd;background:#fafafa}
:is(.portal-page,[data-ui-surface]) .select-menu-popup {padding:5px;border-color:var(--border-default);border-radius:10px;box-shadow:var(--shadow-floating);background:#fff}
:is(.portal-page,[data-ui-surface]) .select-menu-option[aria-selected='true'] {color:var(--text-primary);background:#f4f4f5;font-weight:500}
:is(.portal-page,[data-ui-surface]) .select-menu-option:hover,:is(.portal-page,[data-ui-surface]) .select-menu-option:focus-visible {background:#f1f1f3;color:var(--text-primary)}
:is(.portal-page,[data-ui-surface]) .action-menu>summary {min-height:32px;min-width:32px;padding:5px 10px;border-color:var(--border-default);border-radius:8px;background:#fff;box-shadow:var(--shadow-control);font-size:13px;line-height:20px;color:var(--text-secondary)}
:is(.portal-page,[data-ui-surface]) .action-menu>summary::after {width:4px;height:4px;opacity:.6}
:is(.portal-page,[data-ui-surface]) .action-menu.is-plain>summary {background:transparent;box-shadow:none;border-color:transparent}
:is(.portal-page,[data-ui-surface]) .action-menu:is(.is-icon,.is-plain)>summary:hover,:is(.portal-page,[data-ui-surface]) .action-menu[open]>summary {background:var(--surface-hover);color:var(--text-primary)}
:is(.portal-page,[data-ui-surface]) .action-menu>.action-menu-panel {padding:5px;border-color:var(--border-default);border-radius:10px;box-shadow:var(--shadow-floating);background:#fff;gap:2px}
:is(.portal-page,[data-ui-surface]) .action-menu>.action-menu-panel>:is(button,a):hover {background:var(--surface-hover);color:var(--text-primary)}
:is(.portal-page,[data-ui-surface]) .filter-tabs {padding:3px;background:#f5f5f6;border:1px solid #eeeef0;border-radius:8px}
:is(.portal-page,[data-ui-surface]) .filter-tabs button {min-height:30px;padding:5px 11px;border-radius:5px;font-size:13px;line-height:20px;color:var(--text-secondary)}
:is(.portal-page,[data-ui-surface]) .filter-tabs button[aria-pressed='true'] {background:#fff;color:var(--text-primary);box-shadow:0 1px 3px #18181b0d}
:is(.portal-page,[data-ui-surface]) .customer-dossier-tabs button {font-family:inherit;font-weight:500}
:is(.portal-page,[data-ui-surface]) :is(.work-toolbar,.customer-work-toolbar,.task-work-toolbar) {border-color:var(--border-default);gap:8px}
:is(.portal-page,[data-ui-surface]) :is(.portal-pill,.customer-role-tag,.customer-product-tag,.customer-review-state,.task-status,.marketing-task-state,.today-pill) {font-family:inherit;font-weight:500;letter-spacing:0}
:is(.portal-page,[data-ui-surface]) :is(.customer-role-tag,.customer-product-tag) {border-radius:5px;font-size:13px;line-height:20px;padding:1px 7px}
:is(.portal-page,[data-ui-surface]) .customer-role-tag {background:#f4f4f6;color:#696972;border:1px solid #e7e7ed}
:is(.portal-page,[data-ui-surface]) .customer-product-tag {background:#faf8f0;color:#897348;border:1px solid #ece5d2}
:is(.portal-page,[data-ui-surface]) .customer-review-state {font-size:13px;border-radius:5px}
:is(.portal-page,[data-ui-surface]) .portal-dialog {border:1px solid #dedee3;border-radius:var(--radius-panel);box-shadow:var(--shadow-floating)}
:is(.portal-page,[data-ui-surface]) .portal-dialog::backdrop {background:#18181b45;backdrop-filter:blur(3px)}
:is(.portal-page,[data-ui-surface]) .portal-toast {border-radius:10px;border-color:var(--border-default);box-shadow:var(--shadow-floating);font-size:14px}
.ui-identity-mark {display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;border:1px solid #e5e5e8;border-radius:inherit;background:#fafafa;color:#64666f;font-size:16px;line-height:1;font-weight:600;letter-spacing:-.03em;box-shadow:inset 0 1px 0 #fff,0 1px 2px #18181b04;user-select:none}
:is(.portal-page,[data-ui-surface]) .workspace-user .app-avatar {display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #e1e1e5;border-radius:50%;background:#fafafa;color:#5b5d66;box-shadow:inset 0 1px 0 #fff,0 1px 2px #18181b04;font-size:12px;font-weight:600;line-height:1;letter-spacing:-.02em}
:is(.portal-page,[data-ui-surface]) .app-topbar .workspace-account .workspace-user-menu>summary.workspace-user {width:36px;min-height:36px;padding:2px;border-radius:50%;background:transparent}
:is(.portal-page,[data-ui-surface]) .app-topbar .workspace-account .workspace-user-menu>summary.workspace-user:hover,:is(.portal-page,[data-ui-surface]) .app-topbar .workspace-account .workspace-user-menu[open]>summary.workspace-user {background:#ededf0}
:is(.portal-page,[data-ui-surface]) .workspace-user-copy strong {font-size:13px;line-height:20px;color:var(--text-primary)}
:is(.portal-page,[data-ui-surface]) .workspace-user-copy small {font-size:13px;line-height:18px}
:is(.portal-page,[data-ui-surface]) .workspace-user-menu>.action-menu-panel {border-radius:12px;padding:5px;box-shadow:var(--shadow-floating)}
:is(.portal-page,[data-ui-surface]) .workspace-user-menu>.action-menu-panel :is(button,a) {font-size:13px;min-height:34px;padding:7px 10px;border-radius:5px}
:is(.portal-page,[data-ui-surface]) .account-total-quota {padding:12px 10px 15px}
:is(.portal-page,[data-ui-surface]) .account-total-heading {font-size:13px;margin-bottom:10px}
:is(.portal-page,[data-ui-surface]) .account-total-heading strong {font-size:18px;font-weight:600}
:is(.portal-page,[data-ui-surface]) .account-total-track {height:4px;background:#eeeeef}
:is(.portal-page,[data-ui-surface]) .account-total-track>span {background:#6a736d}
:is(.portal-page,[data-ui-surface]) .account-total-quota p {font-size:13px;line-height:20px}
:is(.portal-page,[data-ui-surface]) .workspace-messages-button {display:inline-flex;align-items:center;justify-content:center;color:#646670;border-radius:8px}
:is(.portal-page,[data-ui-surface]) .workspace-messages-button:hover {background:var(--surface-hover);color:var(--text-primary)}
:is(.portal-page,[data-ui-surface]) .workspace-messages-button b {font-family:inherit;font-weight:600;font-variant-numeric:tabular-nums;background:#ec6b42}
:is(.portal-page,[data-ui-surface]) .workspace-rail .rail-link {color:#7b7b85;border-radius:10px}
:is(.portal-page,[data-ui-surface]) .workspace-rail .rail-link svg {width:20px;height:20px}
:is(.portal-page,[data-ui-surface]) .workspace-rail .rail-link:hover {background:var(--surface-selected);color:var(--text-primary)}
:is(.portal-page,[data-ui-surface]) .workspace-rail .rail-link[aria-current='page'],:is(.portal-page,[data-ui-surface]) .workspace-rail .rail-link.is-open {background:#fff;color:var(--text-primary);box-shadow:0 0 0 1px var(--border-default),0 1px 2px #18181b08}
:is(.portal-page,[data-ui-surface]) .desktop-sidebar-toggle {border-radius:7px;color:#74767f}
:is(.portal-page,[data-ui-surface]) .desktop-sidebar-toggle:hover {background:var(--surface-hover);color:var(--text-primary)}
@keyframes detail-refresh {to {transform:rotate(360deg)}}
@media(max-width:760px) {
  :is(.portal-page,[data-ui-surface]) :is(.portal-icon-button,.action-menu.is-icon>summary) {min-width:40px;min-height:40px}
  :is(.portal-page,[data-ui-surface]) :is(.portal-input,.portal-select,.portal-textarea) {font-size:16px}
  :is(.portal-page,[data-ui-surface]) .select-menu-trigger,:is(.portal-page,[data-ui-surface]) .select-menu-option {min-height:40px}
  :is(.portal-page,[data-ui-surface]) .portal-button {min-height:40px}
  :is(.portal-page,[data-ui-surface]) .portal-button.compact {min-height:36px}
  :is(.portal-page,[data-ui-surface]) .portal-text-button {min-height:36px}
  :is(.portal-page,[data-ui-surface]) .action-menu>.action-menu-panel>:is(button,a) {min-height:40px;font-size:14px}
  :is(.portal-page,[data-ui-surface]) .app-topbar .workspace-account .workspace-user-menu>summary.workspace-user {min-height:40px;width:40px}
}
@media(prefers-reduced-motion:reduce) {:is(.portal-page,[data-ui-surface]) *, :is(.portal-page,[data-ui-surface]) *::before,:is(.portal-page,[data-ui-surface]) *::after {animation:none!important;transition:none!important}}
@media(forced-colors:active) {
  :is(.portal-page,[data-ui-surface]) :is(.portal-button,.portal-input,.select-menu-trigger,.action-menu>summary,.ui-identity-mark) {border-color:CanvasText;box-shadow:none}
  :is(.portal-page,[data-ui-surface]) input[type='checkbox'] {appearance:auto}
  :is(.portal-page,[data-ui-surface]) :is(button,a,summary):focus-visible {outline-color:Highlight}
}

/* Standalone account and team pages use the same components under their own names. */
[data-ui-surface] .billing-text-button{border:0;border-radius:6px;background:transparent;color:var(--text-secondary);font-size:13px;padding:5px 7px}
[data-ui-surface]:is(.billing-page,.team-page) :is(input,select,textarea):not([type=checkbox]):not([type=radio]){border:1px solid var(--border-default);border-radius:8px;background:#fff;font:inherit;line-height:20px;padding:9px 12px}
[data-ui-surface]:is(.billing-page,.team-page) :is(input,select,textarea):not([type=checkbox]):not([type=radio]):focus{outline:none;border-color:#a8a8af;box-shadow:0 0 0 3px #24252808}
@media(max-width:760px){[data-ui-surface] :is(.billing-primary,.billing-secondary,.team-button){min-height:40px}[data-ui-surface]:is(.billing-page,.team-page) :is(input,textarea,select):not([type=checkbox]):not([type=radio]){font-size:16px}}

/* Text action disclosures match their trigger. Icon menus and the account panel keep content width. */
:is(.portal-page,[data-ui-surface]) .action-menu:not(.is-icon):not(.workspace-user-menu)>summary{justify-content:space-between}
:is(.portal-page,[data-ui-surface]) .action-menu:not(.is-icon):not(.workspace-user-menu)>.action-menu-panel{width:100%;min-width:100%;max-width:calc(100vw - 24px)}
:is(.portal-page,[data-ui-surface]) .action-menu:not(.is-icon):not(.workspace-user-menu)>.action-menu-panel>:is(button,a){white-space:normal;overflow-wrap:anywhere;justify-content:flex-start;gap:6px;line-height:20px}

:is(.portal-page,[data-ui-surface]) .message-contact-actions .action-menu>summary{min-width:124px}

/* Short control hints share a single surface across workspaces and dialogs. */
.toai-control-hint{position:fixed;inset:auto;margin:0;z-index:2147483647;width:max-content;max-width:240px;padding:6px 9px;border:1px solid #333338;border-radius:6px;background:#29292e;color:#fff;font-family:var(--font-family,system-ui,sans-serif);font-size:13px;font-weight:400;line-height:20px;letter-spacing:0;text-align:center;white-space:normal;overflow-wrap:anywhere;box-shadow:0 3px 10px #17171a1a;pointer-events:auto;animation:toai-hint-in 100ms ease-out}
.toai-control-hint[hidden]{display:none!important}
.toai-control-hint::backdrop{background:transparent;pointer-events:none}
@keyframes toai-hint-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.toai-control-hint{animation:none}}
@media(forced-colors:active){.toai-control-hint{background:Canvas;color:CanvasText;border-color:CanvasText}}

/* Canonical control sizes and feedback. Legacy feature geometry cannot redefine these families. */
body:is(.portal-page,[data-ui-surface]) :is(button,a,summary){-webkit-tap-highlight-color:transparent}
body:is(.portal-page,[data-ui-surface]) :where(.portal-button,.link-button,.billing-primary,.billing-secondary,.team-button,.oauth-button,.oauth-primary,.oauth-secondary,.oauth-retry,.console-secondary,.sms-code-button,.body-panel-done,.body-start,.body-action-save,.body-supplement,.body-action-generate,.body-add-product,.studio-customer-trigger,.customer-filter-trigger,.action-menu:not(.workspace-user-menu):not(.account-menu)>summary,.select-menu-trigger){
 --ui-control-size:var(--ui-size-control);--control-fill:#fff;--control-ink:#45454e;--control-stroke:#dedee5;--control-hover:#f7f7f9;--control-pressed:#f0f0f3;
}
body:is(.portal-page,[data-ui-surface]) :is(.portal-button,.link-button,.billing-primary,.billing-secondary,.team-button,.oauth-button,.oauth-primary,.oauth-secondary,.oauth-retry,.console-secondary,.sms-code-button,.body-panel-done,.body-start,.body-action-save,.body-supplement,.body-action-generate,.body-add-product,.studio-customer-trigger,.customer-filter-trigger,.action-menu:not(.workspace-user-menu):not(.account-menu)>summary,.select-menu-trigger){
 box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:var(--ui-control-gap);
 min-height:var(--ui-control-size)!important;height:auto!important;padding:calc((var(--ui-control-size) - var(--ui-control-line) - 2px)/2) var(--ui-field-space)!important;
 border:1px solid var(--control-stroke)!important;border-radius:var(--ui-control-radius)!important;
 background:var(--control-fill)!important;color:var(--control-ink)!important;font-family:inherit;font-size:var(--ui-control-font)!important;line-height:var(--ui-control-line)!important;font-weight:500;
 box-shadow:var(--shadow-control);cursor:pointer;text-decoration:none;
 transition:background-color var(--motion-hover),border-color var(--motion-hover),color var(--motion-hover),box-shadow var(--motion-hover),opacity var(--motion-hover),scale var(--motion-press) var(--motion-ease),translate var(--motion-press) var(--motion-ease)!important;
}
body:is(.portal-page,[data-ui-surface]) :is(.portal-button.compact,.select-menu.is-compact>.select-menu-trigger,.customer-row-menu>summary,.team-chat-menu>summary){--ui-control-size:var(--ui-size-compact)}
body:is(.portal-page,[data-ui-surface]) .select-menu.is-field>.select-menu-trigger{--ui-control-size:var(--ui-size-field);--ui-control-font:var(--ui-field-font);font-weight:400;text-align:left}
body:is(.portal-page,[data-ui-surface]) .select-menu-trigger{justify-content:space-between}
body:is(.portal-page,[data-ui-surface]) :is(.work-list-toolbar,.studio-library-toolbar,.studio-editor-actions,.dialog-actions) :is(.portal-button,.select-menu-trigger,.action-menu>summary){--ui-control-size:var(--ui-size-control)}
body:is(.portal-page,[data-ui-surface]) :is(.portal-button.primary,.portal-button.accent,.link-button,.billing-primary,.team-button.primary,.oauth-primary,.body-start,.body-action-save){--control-fill:#222225;--control-ink:#fff;--control-stroke:#222225;--control-hover:#3a3a3f;--control-pressed:#18181b}
body:is(.portal-page,[data-ui-surface]) .portal-button.ghost{--control-fill:transparent;--control-stroke:transparent;box-shadow:none}
body:is(.portal-page,[data-ui-surface]) .portal-button.is-destructive{--control-fill:#a54238;--control-stroke:#a54238;--control-ink:#fff;--control-hover:#91392f;--control-pressed:#7e3029}
body:is(.portal-page,[data-ui-surface]) :is(.portal-button,.link-button,.billing-primary,.billing-secondary,.team-button,.oauth-button,.oauth-primary,.oauth-secondary,.oauth-retry,.console-secondary,.sms-code-button,.body-panel-done,.body-start,.body-action-save,.body-supplement,.body-action-generate,.body-add-product,.studio-customer-trigger,.customer-filter-trigger,.action-menu:not(.workspace-user-menu):not(.account-menu)>summary,.select-menu-trigger):not(:disabled):not([aria-disabled=true]):not([aria-busy=true]):hover{background:var(--control-hover)!important;box-shadow:0 2px 5px #18181b0a}
body:is(.portal-page,[data-ui-surface]) :is(.portal-button,.link-button,.billing-primary,.billing-secondary,.team-button,.oauth-button,.oauth-primary,.oauth-secondary,.oauth-retry,.console-secondary,.sms-code-button,.body-panel-done,.body-start,.body-action-save,.body-supplement,.body-action-generate,.body-add-product,.studio-customer-trigger,.customer-filter-trigger,.action-menu:not(.workspace-user-menu):not(.account-menu)>summary,.select-menu-trigger):not(:disabled):not([aria-disabled=true]):not([aria-busy=true]):active{background:var(--control-pressed)!important;box-shadow:none;scale:1;translate:0 .5px}
body:is(.portal-page,[data-ui-surface]) :is(.portal-text-button,.billing-text-button,.setup-inline-button,.billing-password-link,.password-toggle,.customer-row-expand,.home-toolbar-button,.product-help-trigger){display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:5px 7px;border:0;border-radius:6px;background:transparent;color:var(--text-secondary);font-size:13px;line-height:20px;cursor:pointer;text-decoration:none;transition:background-color var(--motion-hover),color var(--motion-hover),translate var(--motion-press)!important}
body:is(.portal-page,[data-ui-surface]) :is(.portal-text-button,.billing-text-button,.setup-inline-button,.billing-password-link,.password-toggle,.customer-row-expand,.home-toolbar-button,.product-help-trigger):not(:disabled):not([aria-disabled=true]):not([aria-busy=true]):hover{background:#f2f2f4;color:var(--text-primary);text-decoration:none}
body:is(.portal-page,[data-ui-surface]) :is(.portal-text-button,.billing-text-button,.setup-inline-button,.billing-password-link,.password-toggle,.customer-row-expand,.home-toolbar-button,.product-help-trigger):not(:disabled):not([aria-disabled=true]):not([aria-busy=true]):active{background:#eaeaec;translate:0 1px}
body:is(.portal-page,[data-ui-surface]) :is(.portal-icon-button,.console-icon-button,.desktop-sidebar-toggle,.workspace-messages-button,.home-icon-button,.action-menu.is-icon:not(.workspace-user-menu)>summary){box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ui-size-icon)!important;min-width:var(--ui-size-icon)!important;height:var(--ui-size-icon)!important;min-height:var(--ui-size-icon)!important;padding:0!important;border:1px solid transparent!important;border-radius:8px!important;gap:0;background:transparent!important;color:#666870;box-shadow:none!important;cursor:pointer;transition:background-color var(--motion-hover),color var(--motion-hover),scale var(--motion-press),translate var(--motion-press)!important}
body:is(.portal-page,[data-ui-surface]) :is(.portal-icon-button,.console-icon-button,.desktop-sidebar-toggle,.workspace-messages-button,.home-icon-button,.action-menu.is-icon>summary):not(:disabled):not([aria-disabled=true]):not([aria-busy=true]):hover{background:#eeeef0!important;color:#27272a}
body:is(.portal-page,[data-ui-surface]) :is(.portal-icon-button,.console-icon-button,.desktop-sidebar-toggle,.workspace-messages-button,.home-icon-button,.action-menu.is-icon>summary):not(:disabled):not([aria-disabled=true]):not([aria-busy=true]):active{background:#e4e4e8!important;scale:.94;translate:0 1px}
body:is(.portal-page,[data-ui-surface]) :is(.portal-button,.portal-text-button)>svg{width:16px;height:16px;flex:none}
body:is(.portal-page,[data-ui-surface]) :is(.portal-icon-button,.console-icon-button,.desktop-sidebar-toggle,.workspace-messages-button,.home-icon-button)>svg{width:18px;height:18px;flex:none}
body:is(.portal-page,[data-ui-surface]) :is(.action-menu-panel,.select-menu-popup)>:is(button,a){box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;width:100%;height:auto!important;min-height:36px!important;padding:7px 10px!important;border:0!important;border-radius:6px!important;background:transparent!important;color:var(--text-secondary)!important;box-shadow:none!important;white-space:normal;font-size:13px!important;line-height:20px!important;scale:1!important;translate:none!important;transition:background-color var(--motion-hover),color var(--motion-hover)!important}
body:is(.portal-page,[data-ui-surface]) :is(.action-menu-panel,.select-menu-popup)>:is(button,a):not(:disabled):is(:hover,:focus-visible){background:#f0f0f3!important;color:#27272a!important;box-shadow:none}
body:is(.portal-page,[data-ui-surface]) .select-menu-option[aria-selected=true]{background:#eeeef1!important;color:#27272a!important}
body:is(.portal-page,[data-ui-surface]) .action-menu-panel>[data-danger-action]{color:#a54238!important}
body:is(.portal-page,[data-ui-surface]) :is(button,a,summary,[tabindex]):focus-visible{outline:2px solid #777a86;outline-offset:3px}
body:is(.portal-page,[data-ui-surface]) :is(button,summary)[aria-busy=true]{cursor:progress!important;opacity:.75;scale:1!important;translate:none!important}
body:is(.portal-page,[data-ui-surface]) :is(button,summary):is(:disabled,[aria-disabled=true]):not([aria-busy=true]){cursor:default!important;opacity:.45;box-shadow:none!important;scale:1!important;translate:none!important}
body:is(.portal-page,[data-ui-surface]) .select-menu-trigger:after,body:is(.portal-page,[data-ui-surface]) .action-menu>summary:after,body:is(.portal-page,[data-ui-surface]) .customer-row-expand svg{transition:rotate var(--motion-hover) var(--motion-ease),transform var(--motion-hover) var(--motion-ease)}
body:is(.portal-page,[data-ui-surface]) .action-menu[open]>summary:after{rotate:180deg}
body:is(.portal-page,[data-ui-surface]) .customer-row-expand[aria-expanded=true] svg{rotate:180deg;transform:none}
body:is(.portal-page,[data-ui-surface]) :is(.agent-send,.today-send,[data-team-send]){transition:background-color var(--motion-hover),opacity var(--motion-hover),scale var(--motion-press)!important}
body:is(.portal-page,[data-ui-surface]) :is(.agent-send,.today-send,[data-team-send]):not(:disabled):not([aria-disabled=true]):not([aria-busy=true]):active{scale:.94}
@media(max-width:760px),(pointer:coarse){
 :root{--ui-size-control:var(--ui-touch-size);--ui-size-compact:var(--ui-touch-size);--ui-size-icon:var(--ui-touch-size);--ui-size-field:var(--ui-touch-size);--ui-field-font:16px}
 body:is(.portal-page,[data-ui-surface]) .mobile-navigation-toggle{width:var(--ui-touch-size);min-width:var(--ui-touch-size);height:var(--ui-touch-size);min-height:var(--ui-touch-size);border-radius:var(--radius-control)}
 body:is(.portal-page,[data-ui-surface]) :is(.portal-text-button,.billing-text-button,.setup-inline-button,.billing-password-link,.password-toggle,.customer-row-expand,.home-toolbar-button,.product-help-trigger){min-height:var(--ui-touch-size)}
 body:is(.portal-page,[data-ui-surface]) :is(.action-menu-panel,.select-menu-popup)>:is(button,a){min-height:40px!important;padding-block:9px!important}
 /* The mobile toolbar uses a short label supplied by its existing pseudo-element. */
 body:is(.portal-page,[data-ui-surface]) .work-list-toolbar .work-toolbar-more.action-menu>summary{font-size:0!important;padding-inline:0!important}
 body.dashboard-page.team-header-merged .team-chat-menu>summary{width:40px;min-width:40px;padding-inline:0!important}
}
/* Composer controls keep the existing compact single-line geometry. */
@media(min-width:761px) and (pointer:fine){
 body.dashboard-page #view-home.home-conversation .today-composer{--ui-size-icon:36px}
 body.dashboard-page #view-home.home-conversation .home-mention-button{--ui-size-icon:32px}
}
body.dashboard-page .team-chat-composer .team-recipient .select-menu-trigger{--ui-control-size:var(--ui-size-control);--control-stroke:transparent;--control-fill:transparent}
body:is(.portal-page,[data-ui-surface]) .portal-icon-button[aria-busy=true]{position:relative}
body:is(.portal-page,[data-ui-surface]) .portal-icon-button[aria-busy=true]>svg{visibility:hidden;animation:none!important}
body:is(.portal-page,[data-ui-surface]) .portal-icon-button[aria-busy=true]::before{display:block;position:absolute;inset:0;margin:auto;width:16px;height:16px;background:currentColor;mask:var(--spinner-mask) center/contain no-repeat;animation:interaction-spin .8s linear infinite}
/* Dialog opening/closing stays native: no delayed business callbacks or duplicate submissions. */
body:is(.portal-page,[data-ui-surface]) dialog:is(.portal-dialog,.customer-detail-drawer,.task-detail-drawer,.mobile-navigation-drawer){animation:none!important;opacity:0;translate:0 8px;transition:opacity var(--motion-panel) var(--motion-ease),translate var(--motion-panel) var(--motion-ease),display var(--motion-panel) allow-discrete,overlay var(--motion-panel) allow-discrete}
body:is(.portal-page,[data-ui-surface]) dialog:is(.customer-detail-drawer,.task-detail-drawer){translate:24px 0}
body:is(.portal-page,[data-ui-surface]) dialog.mobile-navigation-drawer{translate:-24px 0}
body:is(.portal-page,[data-ui-surface]) dialog:is(.portal-dialog,.customer-detail-drawer,.task-detail-drawer,.mobile-navigation-drawer)[open]{opacity:1;translate:0 0}
body:is(.portal-page,[data-ui-surface]) dialog:is(.portal-dialog,.customer-detail-drawer,.task-detail-drawer,.mobile-navigation-drawer):not([open]){pointer-events:none}
body:is(.portal-page,[data-ui-surface]) dialog:is(.portal-dialog,.customer-detail-drawer,.task-detail-drawer,.mobile-navigation-drawer)::backdrop{animation:none!important;background:#18181b00;transition:background-color var(--motion-panel),display var(--motion-panel) allow-discrete,overlay var(--motion-panel) allow-discrete}
body:is(.portal-page,[data-ui-surface]) dialog:is(.portal-dialog,.customer-detail-drawer,.task-detail-drawer,.mobile-navigation-drawer)[open]::backdrop{background:#18181b45}
@starting-style{
 body:is(.portal-page,[data-ui-surface]) dialog:is(.portal-dialog,.customer-detail-drawer,.task-detail-drawer,.mobile-navigation-drawer)[open]{opacity:0;translate:0 8px}
 body:is(.portal-page,[data-ui-surface]) dialog:is(.customer-detail-drawer,.task-detail-drawer)[open]{translate:24px 0}
 body:is(.portal-page,[data-ui-surface]) dialog.mobile-navigation-drawer[open]{translate:-24px 0}
 body:is(.portal-page,[data-ui-surface]) dialog:is(.portal-dialog,.customer-detail-drawer,.task-detail-drawer,.mobile-navigation-drawer)[open]::backdrop{background:#18181b00}
}
body:is(.portal-page,[data-ui-surface]) .portal-toast:not([hidden]){animation:toai-feedback-in var(--motion-page) var(--motion-ease)}
@keyframes toai-feedback-in{from{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){
 :root{--motion-press:0ms;--motion-hover:0ms;--motion-menu:0ms;--motion-page:0ms;--motion-expand:0ms;--motion-panel:0ms}
 body:is(.portal-page,[data-ui-surface]) :is(button,summary,a,dialog){scale:1!important;translate:none!important;scroll-behavior:auto!important}
}
/* Refresh is a quiet utility control, with one genuine request lifecycle. */
body:is(.portal-page,[data-ui-surface]) button[data-refresh-control]{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:none;width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;gap:6px;padding:0!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:#72727a!important;font-size:13px!important;line-height:20px!important;white-space:nowrap!important;box-shadow:none!important;transition:background-color 140ms,color 140ms,scale 100ms!important}
body:is(.portal-page,[data-ui-surface]) button[data-refresh-control]:not(:disabled):not([aria-disabled=true]):hover{background:#f0f0f2!important;color:#27272a!important}
body:is(.portal-page,[data-ui-surface]) button[data-refresh-control]:not(:disabled):not([aria-disabled=true]):active{scale:.94!important}
body:is(.portal-page,[data-ui-surface]) button[data-refresh-control]:focus-visible{outline:2px solid #7c7c86;outline-offset:2px}
body:is(.portal-page,[data-ui-surface]) button[data-refresh-control]>svg{display:block!important;visibility:visible!important;width:17px!important;height:17px!important;flex:none;animation:none!important}
body:is(.portal-page,[data-ui-surface]) button[data-refresh-control]::before{display:none!important}
body:is(.portal-page,[data-ui-surface]) button[data-refresh-control][data-refresh-layout=label]{width:auto!important;min-width:34px!important;padding:6px 9px!important;justify-content:flex-start}
body:is(.portal-page,[data-ui-surface]) .action-menu-panel>button[data-refresh-control][data-refresh-layout=label]{width:100%!important;min-height:36px!important}
body:is(.portal-page,[data-ui-surface]) button[data-refresh-control][data-refresh-state=loading]{opacity:.85!important;cursor:progress!important;scale:1!important}
body:is(.portal-page,[data-ui-surface]) button[data-refresh-control][data-refresh-state=loading]>svg{animation:toai-refresh-turn .85s linear infinite!important}
body:is(.portal-page,[data-ui-surface]) button[data-refresh-control][data-refresh-state=success]{color:#4a7764!important}
body:is(.portal-page,[data-ui-surface]) button[data-refresh-control][data-refresh-state=error]{color:#a9574f!important}
@keyframes toai-refresh-turn{to{transform:rotate(360deg)}}
.toai-control-hint,.toai-control-hint[popover]{pointer-events:none!important}
@media(max-width:760px),(pointer:coarse){body:is(.portal-page,[data-ui-surface]) button[data-refresh-control]{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important}}
@media(prefers-reduced-motion:reduce){body:is(.portal-page,[data-ui-surface]) button[data-refresh-control],body:is(.portal-page,[data-ui-surface]) button[data-refresh-control]>svg,body:is(.portal-page,[data-ui-surface]) button[data-refresh-control][data-refresh-state=loading]>svg{animation:none!important;transition:none!important;scale:1!important}}

@media(forced-colors:active){
 body:is(.portal-page,[data-ui-surface]) :is(.portal-button,.select-menu-trigger,.portal-icon-button,.mobile-navigation-toggle){border-color:ButtonText!important}
 body:is(.portal-page,[data-ui-surface]) :is(button,a,summary,[tabindex]):focus-visible{outline-color:Highlight}
}