/* teamdodo · Inkwise reference theme. Module layouts stay in their existing
   stylesheets; this layer owns surfaces, controls and their internal spacing. */
:root,
.workbench-ui {
  --ink: #30323a;
  --muted: #686c7a;
  --paper: #f0f1f5;
  --line: #e4e6ee;
  --navy: #30323a;
  --navy-deep: #252730;
  --surface: #ffffff;
  --surface-muted: #f7f8fb;
  --surface-hover: #f1f3f9;
  --field-line: #d5d9e4;
  --panel-inset: 24px;
  --field-gap: 8px;
  --accent: var(--brand-accent, #5369d8);
  --accent-ink: color-mix(in srgb, var(--brand-ink, #465bc2) 92%, #000000);
  --accent-soft: var(--brand-soft, #eef1fd);
  --accent-on: var(--brand-on-accent, #ffffff);
  --coral: var(--accent);
  --coral-hover: var(--brand-hover, #495dc0);
  --coral-soft: var(--accent-soft);
  --green: #28714c;
  --green-soft: #e9f5ed;
  --amber: #825710;
  --radius: 16px;
  --radius-control: 10px;
  --radius-small: 8px;
  --radius-dialog: 20px;
  --shadow: 0 20px 64px rgb(40 45 75 / 16%);
  --shadow-menu: 0 12px 36px rgb(40 45 75 / 13%);
  color: var(--ink);
  background: var(--paper);
}
body { background: var(--paper); color: var(--ink); }
::selection { background: var(--accent-soft); color: var(--accent-ink); }
input, textarea, [contenteditable] { caret-color: var(--accent); }
* { scrollbar-color: #b8becf transparent; }
:focus-visible { outline: 2px solid var(--accent-ink); outline-offset: 3px; }
input::placeholder, textarea::placeholder { color: var(--muted); opacity: 1; }
button, input, select, textarea { accent-color: var(--accent); }
.button { border-color: var(--line); border-radius: var(--radius-control); color: var(--ink); background: var(--surface); font-weight: 600; }
.icon-button { border-radius: var(--radius-small); }
/* Low-specificity defaults let embedded editorial and compound controls keep
   their own surfaces. Native controls and authored public forms are excluded. */
:where(body:not(:has(.forms-public))) input:where(:not([type=hidden],[type=checkbox],[type=radio],[type=color],[type=file],[type=range])),
:where(body:not(:has(.forms-public))) select,
:where(body:not(:has(.forms-public))) textarea {
  min-height: 42px; padding: 10px 12px; border: 1px solid var(--field-line);
  border-radius: var(--radius-control); color: var(--ink); background: var(--surface-muted);
}
textarea { min-height: 85px; }
:is(input,select,textarea):focus { border-color: var(--accent-ink); box-shadow: none; }
.text-link { color: var(--accent-ink); }
.form-error:not(:empty) { background: #fff0f2; color: var(--theme-danger,#a32d40); border-radius: 10px; }
.crud-danger { color: var(--theme-danger,#aa3344)!important; border-color: var(--theme-line,#efcbd1)!important; background: #fff!important; }
.workbench-ui :is(h1,h2,h3) { color: var(--ink); letter-spacing: -.025em; }
.workbench-ui h1 { font-weight: 700; }
.workbench-ui :is(h2,h3) { font-weight: 650; }
.workbench-ui :is(strong,.person-link strong) { font-weight: 650; }
.workbench-ui :is(th,td,time,.record-total,.donation-amount,.marketing-metrics strong) { font-variant-numeric: tabular-nums; }
.workbench-ui :is(.main-shell,.content,.workspace-content,.data-content) { background: var(--paper); }
.workbench-ui .topbar { background: var(--paper); border-bottom-color: transparent; }
.workbench-ui :is(.breadcrumb,.breadcrumb .topbar-app) { color: var(--muted); }
.workbench-ui .breadcrumb>span { color: var(--ink); }
.workbench-ui .search-trigger { background: var(--surface); border-color: transparent; border-radius: var(--radius-control); color: var(--muted); }
.workbench-ui .search-trigger:hover { background: var(--surface); border-color: var(--line); }
.workbench-ui.no-context-nav #sidebar { display: none; }
.workbench-ui .workspace-switcher { display: flex; align-items: center; min-width: 0; position: relative; max-width: 320px; }
.workbench-ui .workspace-switcher select {
  width: 100%; min-width: 0; min-height: 36px; margin: 0; padding: 7px 25px 7px 0;
  appearance: none; border: 0; border-radius: 0; background: transparent;
  color: var(--ink); font-size: 12px; font-weight: 650; text-overflow: ellipsis;
  cursor: pointer;
}
.workbench-ui .workspace-switcher>.icon { position: absolute; right: 1px; width: 14px; height: 14px; color: var(--muted); pointer-events: none; }
.workbench-ui .workspace-switcher:focus-within { outline: 2px solid var(--accent-ink); outline-offset: 3px; border-radius: var(--radius-small); }
.workbench-ui .workspace-switcher select:focus-visible { outline: none; }
.live-connection[hidden] { display: none; }
kbd { background: var(--surface-muted); border-color: var(--line); color: var(--muted); border-radius: 5px; }
.brand-mark { color: var(--accent); }

/* White navigation, quiet inactive icons and one unambiguous active app. */
html[data-workspace-brand] .workbench-ui .app-rail {
  background: var(--brand-nav, #fff);
  border-right: 1px solid color-mix(in srgb, var(--brand-on-nav, #30323a) 9%, transparent);
}
html[data-workspace-brand] .workbench-ui :is(.rail-app,.rail-launcher) { color: var(--brand-nav-muted, #737783); }
html[data-workspace-brand] .workbench-ui :is(.rail-app,.rail-launcher):hover { background: var(--brand-nav-hover, #f0f1f5); color: var(--brand-on-nav-hover, #30323a); }
html[data-workspace-brand] .workbench-ui .rail-app.selected { background: var(--accent); color: var(--accent-on); border-radius: 12px; }
.workbench-ui .rail-app.selected::before { display: none; }
.workbench-ui :is(.context-sidebar,.context-footer) { background: var(--surface); }
.workbench-ui .context-sidebar { border-right-color: var(--line); }
.workbench-ui :is(.context-brand>a,.context-brand strong,.suite-user strong) { color: var(--ink); }
.workbench-ui .context-brand strong { font-weight: 700; }
.workbench-ui :is(.suite-user small,.context-label,.context-section-heading,.context-activity,.mailpit-link) { color: var(--muted); }
.workbench-ui .workspace-picker { background: var(--surface-muted); border-color: transparent; border-radius: 12px; }
.workbench-ui :is(.workspace-picker label,.workspace-picker select) { color: var(--muted); }
.workbench-ui .workspace-picker select { color: var(--ink); }
.workbench-ui .context-sidebar .nav-item { color: var(--theme-muted,#555b69); border-radius: 10px; }
.workbench-ui .context-sidebar .nav-item>.icon { color: var(--theme-muted,#757b8d); }
.workbench-ui .context-sidebar .nav-item:hover:not(.active) { background: var(--surface-hover); color: var(--ink); }
html[data-workspace-brand] .workbench-ui .context-sidebar .nav-item.active { background: var(--accent-soft); color: var(--accent-ink); }
html[data-workspace-brand] .workbench-ui .context-sidebar .nav-item.active>.icon { color: var(--accent-ink); }
.workbench-ui :is(.mailpit-link,.context-user-menu) { border-color: var(--line); border-radius: 10px; }
.workbench-ui .suite-user { border-top-color: var(--line); }
.workbench-ui .context-count { background: var(--surface-hover); color: var(--muted); border-radius: 6px; }
.workbench-ui .page-tree-link { color: var(--muted); border-radius: 8px; }
.workbench-ui .page-tree-link:hover { background: var(--surface-hover); color: var(--ink); }
.workbench-ui .page-tree-link.active,
.workbench-ui .page-tree-row.active>.page-tree-link { background: var(--accent-soft); color: var(--accent-ink); }
.foundation-logo:not(:has(img)) { background: var(--accent-soft); color: var(--accent-ink); border-color: transparent; border-radius: 10px; }
.workbench-ui .app-emblem { border-radius: 9px; }
.workbench-ui :is(.emblem-home,.emblem-docs,.emblem-forms) { background: #edf0ff; color: #5369d8; }
.workbench-ui :is(.emblem-chat,.emblem-calendar) { background: #f0edfa; color: var(--theme-muted,#7561a5); }
.workbench-ui .emblem-crm { background: #e9f5ed; color: var(--theme-muted,#387453); }
.workbench-ui :is(.emblem-drive,.emblem-marketing,.emblem-donations) { background: #fff0e3; color: #a86b30; }

/* Shared controls. Authored email/form content keeps its own appearance. */
.workbench-ui .button { border-color: var(--line); background: var(--surface); border-radius: var(--radius-control); color: var(--ink); font-weight: 600; box-shadow: none; }
.workbench-ui .button:hover:not(:disabled) { background: var(--surface-hover); border-color: var(--theme-line,#ccd1df); }
html[data-workspace-brand] .workbench-ui .button.primary:not(.danger):not(.crud-danger),
.button.primary { background: var(--accent); border-color: var(--accent); color: var(--accent-on); }
html[data-workspace-brand] .workbench-ui .button.primary:not(.danger):not(.crud-danger):hover:not(:disabled),
.button.primary:hover { background: var(--coral-hover); border-color: var(--coral-hover); color: var(--accent-on); }
.workbench-ui .button.subtle { background: transparent; border-color: transparent; }
.workbench-ui .button.subtle:hover:not(:disabled) { background: var(--surface-hover); }
.workbench-ui .icon-button { border-radius: var(--radius-small); color: inherit; }
.workbench-ui .icon-button:hover:not(:disabled) { background: var(--surface-hover); }
.workbench-ui :is(.text-link,.back-link) { color: var(--accent-ink); }
.workbench-ui :is(.button,.icon-button,.nav-item,.rail-app,.rail-launcher) { transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease; }
button:disabled { cursor: not-allowed; }
[aria-busy=true] button:disabled { cursor: progress; }
.workbench-ui :where(input,select,textarea):focus { border-color: var(--accent-ink); box-shadow: none; }
.workbench-ui :where(input,select,textarea):focus-visible { outline: 2px solid var(--accent-ink); outline-offset: 2px; }
.workbench-ui input[aria-invalid=true],
.workbench-ui textarea[aria-invalid=true] { border-color: #ac3948; }
.workbench-ui .form-error:not(:empty) { background: #fff0f2; border-color: var(--theme-line,#efcbd1); color: var(--theme-danger,#a32d40); border-radius: 10px; }
.workbench-ui :is(.button.danger,.crud-danger) { color: var(--theme-danger,#aa3344)!important; border-color: var(--theme-line,#efcbd1)!important; background: #fff!important; }
.workbench-ui :is(.button.danger,.crud-danger):hover { background: var(--theme-surface-muted,#fff0f2)!important; }
.workbench-ui :is(.field-hint,.muted,.save-status,.back-link small) { color: var(--muted); }
.workbench-ui :is(#live-connection,.drive-footer,.chat-compose-hint,.form-answer-placeholder) { color: var(--muted); }
.workbench-ui .document-breadcrumb :is(a,span) { color: var(--muted); }
.workbench-ui .page-tree-link.selected,
.workbench-ui .page-tree-link.selected>.icon { background: var(--accent-soft); color: var(--accent-ink); }
.workbench-ui :is(.person-link,.person-link strong,.record-name) { color: var(--ink); }

/* Flat, rounded papers on a cool grey canvas. */
.workbench-ui :is(.surface,.marketing-overview-grid>.surface,.home-grid>.surface,.template-card,.forms-list-wrap,.file-list-panel,.profile-card) {
  background: var(--surface); border-color: transparent; border-radius: var(--radius); box-shadow: none;
}
.workbench-ui .overview-strip { background: var(--accent-soft); border-color: transparent; border-radius: 12px; color: var(--accent-ink); }
.workbench-ui .overview-strip>div { color: var(--accent-ink); }
.workbench-ui :is(.document-row,.linked-row,.activity-item,.task-row,.contact-note-list li,.peek-notes li) { border-color: var(--line); }
.workbench-ui :is(.document-row strong,.linked-row strong,.task-row strong,.activity-item strong) { color: var(--ink); }
.workbench-ui :is(.document-row:hover strong,.marketing-list-row:hover strong) { color: var(--accent-ink); }
.workbench-ui .file-tile { background: var(--accent-soft); color: var(--accent-ink); border-radius: 10px; }
.empty-state>.icon { color: var(--theme-muted,#858da3); }
.workbench-ui .avatar:not(.has-image) { background: #edf0fa; color: var(--theme-muted,#53608a); }
.workbench-ui .avatar:not(.has-image):nth-child(3n) { background: #e7f2ec; color: var(--theme-muted,#376c53); }
.workbench-ui .avatar:not(.has-image):nth-child(3n + 2) { background: #f5eae4; color: #8b6148; }
.workbench-ui .badge { background: var(--theme-surface-muted,#eef0f6); color: var(--theme-muted,#5e6474); border-radius: 7px; font-weight: 600; }
.workbench-ui .badge.coral { background: var(--accent-soft); color: var(--accent-ink); }
.workbench-ui .badge.green { background: #e7f5ec; color: #246d46; }
.workbench-ui .badge.amber { background: #fff3d9; color: #825710; }
.workbench-ui .badge.red { background: #ffedf0; color: #a32d40; }
.workbench-ui .badge.gray { background: var(--theme-surface-muted,#eef0f6); color: var(--theme-muted,#5e6474); }
.workbench-ui :is(.record-total,.tool-count,.nav-count) { background: var(--accent-soft); color: var(--accent-ink); border-radius: 6px; }
.workbench-ui :is(.segmented,.contact-tabs) { display: inline-flex; width: fit-content; max-width: 100%; align-self: flex-start; align-items: center; flex-wrap: nowrap; gap: 4px; padding: 4px; background: var(--surface-muted); border: 1px solid var(--line); border-radius: 10px; overflow-x: auto; }
.workbench-ui :is(.segmented>button,.segmented>a,.contact-tabs>button) { display: inline-flex; align-items: center; justify-content: center; gap: 4px; flex-shrink: 0; min-height: 34px; padding: 7px 12px; border: 1px solid transparent; border-radius: 7px; outline: none; color: var(--muted); background: transparent; white-space: nowrap; }
.workbench-ui :is(.segmented>.selected,.segmented>[aria-selected=true],.contact-tabs>.selected) { background: var(--surface); border-color: var(--line); color: var(--accent-ink); box-shadow: none; }
.workbench-ui .record-tabs { gap: 20px; padding: 0 24px; border-radius: 0; background: var(--surface); border-bottom: 1px solid var(--line); overflow-x: auto; flex-wrap: nowrap; }
.workbench-ui .record-tabs>button { flex-shrink: 0; min-height: 44px; padding: 10px 2px; border-radius: 0; background: transparent; color: var(--muted); white-space: nowrap; }
.workbench-ui .record-tabs>button.selected { background: transparent; border-bottom-color: var(--accent); color: var(--accent-ink); box-shadow: none; }

/* Compound controls have one enclosing surface, including their focus ring. */
.workbench-ui .search-field,
.workbench-ui .chat-sidebar-search {
  min-height: 42px; padding: 0 12px; background: var(--surface-muted);
  border: 1px solid var(--field-line); border-radius: var(--radius-control);
}
.workbench-ui .search-field input,
.workbench-ui .chat-sidebar-search input {
  min-height: 40px; margin: 0; padding: 10px 0; border: 0;
  border-radius: 0; background: transparent; box-shadow: none;
}
.workbench-ui .search-field:focus-within,
.workbench-ui .chat-sidebar-search:focus-within,
.workbench-ui .workspace-picker:focus-within { outline: 2px solid var(--accent-ink); outline-offset: 2px; }
.workbench-ui .search-field input:focus-visible,
.workbench-ui .chat-sidebar-search input:focus-visible,
.workbench-ui .workspace-picker select:focus-visible { outline: none; }
.workbench-ui .workspace-picker select { border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.workbench-ui .record-title-input { background: transparent; border-radius: 0; }

/* Tables and collection tools keep their widths, rows and navigation. */
.workbench-ui :is(.collection-header,.collection-viewbar,.active-filters,.calendar-toolbar,.index-toolbar,.drive-heading) { background: var(--paper); border-color: var(--line); }
.workbench-ui :is(.data-workspace,.record-table,.file-table,.forms-list) { background: var(--surface); color: var(--ink); }
.workbench-ui :is(th,.record-table th,.forms-list th) { background: var(--surface-muted); color: var(--muted); border-color: var(--line); }
.workbench-ui :is(td,.record-table td,.forms-list td) { border-color: var(--line); color: var(--ink); }
.workbench-ui :is(tr:hover td,.record-table tbody tr:hover,.forms-list tbody tr:hover) { background: var(--surface-hover); }
.workbench-ui :is(tr.is-selected td,tr[aria-selected=true] td,.record-table tr.selected td) { background: var(--accent-soft); }
.workbench-ui :is(td small,.record-table td small,.person-link small) { color: var(--muted); }
.workbench-ui .filter-token { color: var(--accent-ink); background: var(--accent-soft); border-color: transparent; border-radius: 8px; }
.workbench-ui :is(.collection-footer,.drive-footer) { color: var(--muted); background: var(--surface); border-color: var(--line); }
.workbench-ui .collection-search input { background: transparent; border-radius: 0; }
.workbench-ui .record-peek { background: var(--surface); border-color: var(--line); box-shadow: -12px 0 32px rgb(40 45 75 / 6%); }
.workbench-ui :is(.record-peek>header,.record-section,.record-properties,.record-properties dd) { border-color: var(--line); }
.workbench-ui :is(.record-properties dt,.record-peek time,.table-tag) { color: var(--muted); }
.workbench-ui .table-tag { background: var(--surface-hover); border-radius: 6px; }

/* Document canvas: the existing centred page becomes a white sheet. */
.workbench-ui :is(.document-workbench,.workbench-toolbar,.pages-toolbar,.documents-library) { background: var(--paper); border-color: var(--line); }
.workbench-ui .document-canvas { background: var(--surface); border-radius: 20px; }
.workbench-ui .document-canvas :is(h1,.ql-editor) { color: var(--ink); }
.workbench-ui .document-canvas h1 { font-weight: 700; letter-spacing: -.03em; }
.workbench-ui .document-canvas h1[contenteditable]:focus { border-color: var(--accent-ink); }
.workbench-ui .document-canvas .ql-toolbar { background: var(--surface-muted); border-color: transparent; border-radius: 10px; }
.ql-snow .ql-stroke { stroke: #666c7b; }
.ql-snow .ql-fill { fill: #666c7b; }
.ql-snow :is(.ql-picker,.ql-picker-label) { color: var(--ink); }
.ql-snow :is(button:hover,button.ql-active) .ql-stroke { stroke: var(--accent-ink); }
.ql-snow :is(button:hover,button.ql-active) .ql-fill { fill: var(--accent-ink); }
.workbench-ui :is(.child-pages-strip,.document-people,.document-attachments) { border-color: var(--line); }
.workbench-ui :is(.drive-grid,.file-grid,.files-workspace,.drive-workspace) { background: var(--paper); }
.workbench-ui :is(.file-grid-item,.file-card,.drive-card,.drive-file-card,.drive-grid-item,.folder-card) { background: var(--surface); border-color: transparent; border-radius: 14px; }
.workbench-ui :is(.file-preview,.file-details,.folder-row) { border-color: var(--line); }
.workbench-ui :is(.file-grid-item.selected,.file-card.selected,.drive-grid-item.selected) { background: var(--accent-soft); border-color: var(--accent-ink); }
.workbench-ui :is(.drive-heading,.drive-breadcrumbs,.drive-tools) { background: var(--paper); }
.workbench-ui .drive-heading { padding-inline: 28px; }
.workbench-ui .drive-tools { padding-bottom: 20px; }

/* Communication uses the same paper, ink and selection vocabulary. */
.workbench-ui :is(.chat-workspace,.chat-heading,.conversation-tabs) { background: var(--paper); border-color: var(--line); }
.workbench-ui :is(.chat-main,.thread-panel,.conversation-resources) { background: var(--surface); border-color: var(--line); }
.workbench-ui :is(.chat-heading h1,.message-byline strong,.chat-message-text,.chat-main .message-content>p,.thread-panel .message-content>p) { color: var(--ink); }
.workbench-ui :is(.message-byline time,.chat-message-meta,.message-date-separator,.chat-typing,.chat-composer-hint,.seen-receipt) { color: var(--muted); }
.workbench-ui :is(.conversation-tabs button,.conversation-tabs a) { color: var(--muted); }
.workbench-ui :is(.conversation-tabs .selected,.conversation-tabs [aria-selected=true]) { color: var(--accent-ink); border-color: var(--accent-ink); }
.workbench-ui .chat-main .message:hover,
.workbench-ui .thread-panel .message:hover { background: var(--surface-muted); }
.workbench-ui .message-composer { background: var(--surface); border-color: var(--line); border-radius: 16px; box-shadow: none; }
.workbench-ui .message-composer:focus-within { border-color: var(--accent-ink); }
.workbench-ui .message-composer textarea { border: 0; background: transparent; box-shadow: none; }
.workbench-ui :is(.thread-trigger,.chat-attachment,.chat-file-chip) { border-color: var(--line); background: var(--surface-muted); border-radius: 10px; color: var(--ink); }
.workbench-ui :is(.thread-trigger:hover,.thread-trigger[aria-expanded=true]) { background: var(--accent-soft); border-color: var(--brand-line, #cbd2f3); }
.workbench-ui :is(.chat-mention,.chat-reaction.is-mine,.chat-reaction[aria-pressed=true]) { background: var(--accent-soft); color: var(--accent-ink); border-color: var(--brand-line, #cbd2f3); }
.workbench-ui .chat-reaction { border-color: var(--line); background: var(--surface); border-radius: 8px; color: var(--muted); }
.workbench-ui .chat-message-text a { color: var(--accent-ink); }
.workbench-ui .chat-message-text :is(code,pre) { background: var(--theme-surface-muted,#eef0f6); color: var(--theme-muted,#49516b); border-radius: 8px; }
.workbench-ui :is(.chat-message-text blockquote,.channel-member-row,.channel-member-list) { border-color: var(--line); color: var(--muted); }
.workbench-ui :is(.meeting-room,.meeting-room-heading) { background: var(--paper); }
.workbench-ui :is(.meeting-list-row,.meeting-side-panel,.meeting-prejoin-settings) { background: var(--surface); border-color: transparent; border-radius: 16px; }
.workbench-ui .meeting-list-date { background: var(--accent-soft); color: var(--accent-ink); border-color: transparent; border-radius: 12px; }
.workbench-ui :is(.meeting-list-info p,.meeting-room-heading p,.meeting-participant small,#meeting-connection) { color: var(--muted); }
.workbench-ui .meeting-tile { border-radius: 16px; }

/* Marketing and forms: only application chrome, never the authored email. */
.workbench-ui :is(.designer,.workflow-builder) { border-color: transparent; border-radius: 16px; }
.workbench-ui :is(.designer-stage,.email-canvas-scroll,.workflow-stage,.flow-scroll,.forms-editor,.forms-question-pane,.forms-settings-pane,.forms-responses-pane) { background-color: var(--paper); }
.workbench-ui :is(.designer-palette,.designer-inspector,.flow-inspector,.workflow-palette,.forms-editor-toolbar,.forms-tabs,.designer-stage-toolbar,.workflow-toolbar) { background: var(--surface); border-color: var(--line); }
.workbench-ui.focus-workspace :is(.designer,.workflow-builder) { border-radius: 0; }
.workbench-ui .email-envelope { gap: 12px; }
.workbench-ui .email-envelope input {
  min-height: 38px; margin: 0; padding: 8px 12px; border: 1px solid var(--field-line);
  border-radius: var(--radius-small); background: var(--surface-muted);
}
.workbench-ui :is(.designer-inspector,.flow-inspector) :is(input,select,textarea):where(:not([type=hidden],[type=checkbox],[type=radio],[type=color],[type=file],[type=range])) {
  min-height: 42px; padding: 10px 12px; border: 1px solid var(--field-line);
  border-radius: var(--radius-control); background: var(--surface-muted); color: var(--ink);
}
.workbench-ui :is(.designer-inspector,.flow-inspector) textarea { min-height: 85px; }
.workbench-ui :is(.designer-panel-heading,.designer-panel-heading h2,.designer-panel-heading h3,.node-inspector label) { color: var(--ink); border-color: var(--line); }
.workbench-ui .template-card { border-radius: 16px; }
.workbench-ui .template-card:hover { border-color: var(--brand-line, #cbd2f3); box-shadow: none; }
.workbench-ui .template-thumbnail { background: var(--surface-muted); border-radius: 10px; }
.workbench-ui :is(.template-card-caption small,.marketing-list-row small) { color: var(--muted); }
.workbench-ui :is(.flow-node,.form-document-title,.form-question-card,.form-setting-group,.form-result-card,.form-template) { background: var(--surface); border-color: var(--line); border-radius: 16px; box-shadow: none; }
.workbench-ui :is(.form-document-title,.form-section-card) { border-top-color: var(--form-accent); }
.workbench-ui .form-question-card.is-active { border-color: var(--form-accent); }
.workbench-ui .form-question-heading select { background: var(--surface-muted); }
.workbench-ui :is(.forms-editor-file input,.form-document-title textarea,.form-question-card textarea) {
  border-color: transparent; border-radius: 3px; background: transparent; box-shadow: none;
}
.workbench-ui :is(.forms-editor-file input,.form-document-title textarea,.form-question-card textarea):hover { background: var(--surface-muted); }
.workbench-ui :is(.forms-editor-file input,.form-document-title textarea,.form-question-card textarea):focus {
  border-color: transparent; border-bottom-color: var(--form-accent); background: var(--surface-muted); outline: none;
}
.workbench-ui .flow-node.selected { border-color: var(--accent-ink); background: var(--accent-soft); }
.workbench-ui .flow-node-type { background: var(--accent-soft); color: var(--accent-ink); }
.workbench-ui :is(.forms-floating-tools,.forms-context-menu,.forms-image-picker) { background: var(--surface); border-color: transparent; border-radius: 12px; }
.workbench-ui :is(.forms-tabs .selected,.forms-tabs [aria-selected=true]) { color: var(--accent-ink); border-color: var(--accent-ink); }
.workbench-ui :is(.email-source-editor,.html-source-input) { background: var(--surface-muted); border-color: var(--line); color: var(--ink); border-radius: 12px; }
.workbench-ui .marketing-metrics { background: var(--surface); border-color: transparent; border-radius: 16px; }
.workbench-ui .marketing-metrics a { border-color: var(--line); }
.workbench-ui .marketing-metrics span { color: var(--muted); }
.workbench-ui .mail-chart-track { background: var(--surface-muted); }
.workbench-ui .mail-chart-track i { background: var(--accent); border-radius: 5px 5px 0 0; }
.workbench-ui :is(.calendar-surface,.calendar-grid,.calendar-day,.week-calendar,.week-grid) { background: var(--surface); border-color: var(--line); }
.workbench-ui :is(.calendar-weekday,.week-day-heading,.week-hours) { background: var(--surface-muted); color: var(--muted); border-color: var(--line); }
.workbench-ui :is(.calendar-event,.week-event) { background: var(--accent-soft); color: var(--accent-ink); border-color: var(--brand-line, #cbd2f3); border-radius: 8px; }
.workbench-ui .calendar-day.today { background: var(--theme-surface-muted,#f7f8fe); }
.workbench-ui .mini-calendar .today { background: var(--accent); color: var(--accent-on); border-radius: 8px; }
.workbench-ui .mini-month-grid>a.outside { color: var(--muted); }
.workbench-ui .mini-month-grid>a.chosen { background: var(--accent); color: var(--accent-on); border-radius: 8px; }
.workbench-ui .week-day-heading.chosen-day { background: var(--accent-soft); }
.workbench-ui .week-day-heading span { color: var(--muted); }
.workbench-ui .week-day-heading.is-today strong { background: var(--accent); color: var(--accent-on); }

/* Overlays and search share one elevation system. */
:is(#modal,.global-search-dialog,.avatar-crop-dialog,.editor-inspector-dialog) {
  background: var(--surface); color: var(--ink); border-color: transparent;
  border-radius: var(--radius-dialog); box-shadow: var(--shadow);
}
:is(#modal,.global-search-dialog,.avatar-crop-dialog,.editor-inspector-dialog)::backdrop { background: rgb(35 41 66 / 28%); backdrop-filter: none; }
:is(#modal header,.avatar-crop-dialog>header,.avatar-crop-dialog>footer,.editor-inspector-dialog>header,.global-search-dialog>header) { background: var(--surface); border-color: var(--line); color: var(--ink); }
:is(.workbench-popover,.item-context-menu,.file-context-menu,.forms-context-menu,.emoji-picker,.chat-mention-list,.account-menu,.ql-snow .ql-picker-options) {
  background: var(--surface); color: var(--ink); border-color: transparent;
  border-radius: 12px; box-shadow: var(--shadow-menu);
}
:is(.workbench-popover,.item-context-menu,.file-context-menu,.forms-context-menu,.account-menu) :is(button,a):hover { background: var(--surface-hover); }
.workbench-popover .chosen { background: var(--accent-soft); color: var(--accent-ink); }
.workbench-popover :is(.icon,h2) { color: var(--muted); }
.workbench-ui .search-preview { background: var(--surface-muted); border-color: var(--line); }
.global-search-dialog .search-preview { background: var(--surface-muted); border-color: var(--line); }
.global-search-dialog :is(.search-result-text strong,.search-preview h2,.search-query) { color: var(--ink); }
.global-search-dialog :is(.search-result-text small,.search-result-date,.search-preview-subtitle,.search-preview-type,.search-group-heading,.search-list-bottom) { color: var(--muted); }
.global-search-dialog :is(.search-result-row.is-selected,.search-scopes>button.selected,.search-result-icon) { background: var(--accent-soft); color: var(--accent-ink); }
.global-search-dialog :is(.search-results-list mark,.search-preview mark) { background: var(--accent-soft); color: var(--accent-ink); }
.workbench-ui :is(.search-list-pane,.search-results-list) { background: var(--surface); }
.workbench-ui :is(.search-result-row.is-selected,.search-scopes>button.selected) { background: var(--accent-soft); color: var(--accent-ink); }
.workbench-ui :is(.search-scopes>button,.search-input-wrap,.search-list-bottom) { border-color: var(--line); color: var(--muted); }
.workbench-ui :is(.search-result-icon,.search-command-toggle.is-active) { background: var(--accent-soft); color: var(--accent-ink); border-radius: 9px; }
.workbench-ui :is(.search-result-text strong,.search-preview h2,.search-query) { color: var(--ink); }
.workbench-ui :is(.search-result-text small,.search-result-date,.search-preview-subtitle,.search-preview-type,.search-group-heading) { color: var(--muted); }
.workbench-ui :is(.search-results-list mark,.search-preview mark) { background: var(--accent-soft); color: var(--accent-ink); }
.workbench-ui :is(.account-section-heading,.account-session,.branding-preview,.brand-preview-apps,.workspace-info) { border-color: var(--line); }
.workbench-ui .branding-preview { border-radius: 12px; background: var(--paper); }
.workbench-ui .brand-preview-content { background: var(--paper); padding: var(--panel-inset) 20px; }
.workbench-ui .brand-preview-rail { border-right: 1px solid var(--line); }
.workbench-ui .branding-layout { gap: 32px; }
.workbench-ui .brand-color-field>div { gap: var(--field-gap); }
.workbench-ui .brand-color-field>label { margin-bottom: var(--field-gap); }
.workbench-ui .brand-color-field input[type=color] {
  width: 42px; height: 42px; min-height: 42px; padding: 4px;
  border: 1px solid var(--field-line); border-radius: var(--radius-small); background: var(--surface-muted);
}
.workbench-ui .brand-color-field input[type=text] { height: 42px; min-height: 42px; }
.workbench-ui .brand-presets { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 8px; width: 328px; max-width: 100%; }
.workbench-ui .brand-presets button { width: 100%; height: 36px; border-color: var(--field-line); border-radius: 8px; }
.workbench-ui .workspace-info { padding: 18px var(--panel-inset); gap: 16px; margin-bottom: 24px; }
.workbench-ui .workspace-info .settings-logo { width: 44px; height: 44px; font-size: 16px; }
.workbench-ui .workspace-info h2 { font-size: 15px; }

/* One account paper, with flat sections sharing the same content inset. */
#content:has(>#account-settings)>.page-heading { max-width: 880px; margin-inline: auto; margin-bottom: 20px; }
.account-settings { padding: 6px 28px 28px; background: var(--surface); border-radius: var(--radius); }
.account-tabs { margin-bottom: 24px; gap: 24px; }
.account-section { padding: 0; margin: 0; border: 0; border-radius: 0; background: transparent; }
.account-section+.account-section { padding-top: 28px; margin-top: 28px; border-top: 1px solid var(--line); }
.account-section h2 { margin-bottom: 20px; }
.account-avatar-row { gap: 20px; margin-bottom: 24px; }
.account-avatar-actions>p { line-height: 1.6; }
#account-profile-form { gap: 20px; }
#account-profile-form label { margin: 0; gap: var(--field-gap); }
#account-profile-form label>input { margin: 0; }
#account-profile-form .form-error:empty { display: none; }
.account-fields { gap: 20px; }
.account-save-row { margin-top: 4px; }
.account-export { padding-top: 24px; margin-top: 24px; border-top: 1px solid var(--line); }
.workbench-ui :is(.brand-field-label,.brand-color-field>label,.brand-preview-heading,.brand-preview-identity>strong) { color: var(--ink); }
.workbench-ui :is(.brand-save-status,.brand-preview-section,.brand-preview-apps>span) { color: var(--muted); }
.workbench-ui .brand-preview-button { border-radius: 8px; }
.workbench-ui .upload-drop-overlay { border-color: var(--accent-ink); background: var(--accent-soft); color: var(--accent-ink); border-radius: 16px; }
.toast { background: #30323a; color: #fff; border-radius: 12px; box-shadow: var(--shadow-menu); }
.onboarding-shell,.signup-shell,.public-form-shell { color: var(--ink); }
:is(.onboarding-card,.signup-card,.invite-card) { background: var(--surface); border-color: transparent; border-radius: 20px; }

@media (max-width:760px) {
  .workbench-ui { --panel-inset: 20px; }
  html[data-workspace-brand] .workbench-ui .app-rail { border-right: 0; border-top: 1px solid var(--line); }
  .workbench-ui .topbar { background: var(--surface); border-bottom-color: var(--line); }
  .workbench-ui .topbar { gap: 10px; padding-inline: 16px; }
  .workbench-ui .workspace-switcher { flex: 1; max-width: none; }
  .workbench-ui .workspace-switcher select { min-height: 40px; font-size: 12px; }
  .workbench-ui .topbar-actions { margin-left: auto; flex-shrink: 0; }
  .workbench-ui .document-canvas { border-radius: 16px; }
  .workbench-ui .thread-panel { border-radius: 0; }
  .workbench-ui .search-preview { background: var(--surface-muted); }
  .global-search-dialog { border-radius: 0; box-shadow: none; }
  .account-settings { padding: 4px var(--panel-inset,20px) 24px; }
  .account-tabs { gap: 18px; }
  .account-avatar-row { gap: 16px; }
  .workbench-ui .workspace-info { padding: 20px; }
  .workbench-ui .workspace-info .settings-logo { width: 40px; height: 40px; font-size: 14px; }
  .workbench-ui .workspace-info .badge { margin-left: 0; }
  .workbench-ui .branding-layout { gap: 24px; }
  .workbench-ui .brand-preview-content { padding: 20px 16px; }
  .workbench-ui .brand-presets { width: 100%; grid-template-columns: repeat(7,minmax(0,1fr)); }
  .workbench-ui .brand-presets button { height: 42px; }
  .workbench-ui .drive-heading { padding-inline: 16px; }
  .workbench-ui .drive-tools { padding-bottom: 16px; }
}
@media (max-width:360px) {
  .workbench-ui .brand-presets { width: max-content; grid-template-columns: repeat(4,40px); }
}
@media (prefers-reduced-motion:reduce) {
  .workbench-ui :is(.button,.icon-button,.nav-item,.rail-app,.rail-launcher) { transition: none; }
}

/* Shared surface roles: compact switches, inset collections and one working paper. */
.workbench-ui :is(.segmented,.contact-tabs,.record-tabs)>:is(button,a):focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.workbench-ui .segmented>button:hover:not(.selected),.workbench-ui .segmented>a:hover:not(.selected){background:var(--surface-hover);color:var(--ink)}
.workbench-ui .documents-library.pages-library{display:flex;flex-direction:column;gap:0;min-height:calc(100dvh - 48px);padding:24px;background:var(--paper)}
.workbench-ui .pages-library>.page-heading{flex-shrink:0;margin-bottom:24px}
.workbench-ui .pages-library>.pages-collection{display:flex;flex-direction:column;flex:1;min-height:0;padding:0;border:0;border-radius:var(--radius);background:var(--surface);overflow:hidden}
.workbench-ui .pages-collection .file-filterbar{padding:16px 24px;margin:0;gap:12px;border-bottom:1px solid var(--line);background:transparent}
.workbench-ui .pages-collection .file-filterbar .search-field{max-width:480px}
.workbench-ui .pages-collection .pages-table-scroll{margin:0;padding:0;flex:1;overflow-x:hidden}
.workbench-ui .pages-collection .pages-table{width:100%;table-layout:fixed}
.workbench-ui .pages-collection .pages-table :is(th,td){padding:14px 24px}
.workbench-ui .pages-collection .pages-table tr>:first-child{padding-left:24px}
.workbench-ui .pages-collection .pages-table .page-updated{width:164px;white-space:nowrap;color:var(--muted);font-size:12px}
.workbench-ui .pages-collection .pages-table .page-actions{display:table-cell;width:64px;padding:8px 16px 8px 0;text-align:right}
.workbench-ui .pages-table .person-link{min-width:0;align-items:center;gap:12px}
.workbench-ui .pages-table .file-tile{flex-shrink:0;background:var(--surface-muted);color:var(--muted)}
.workbench-ui .pages-table .page-name{display:flex;flex-direction:column;gap:4px;min-width:0;overflow-wrap:anywhere}
.workbench-ui .pages-table .page-name strong{font-size:13px;font-weight:600}
.workbench-ui .pages-table .page-name small{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;overflow-wrap:anywhere}
.workbench-ui .pages-table .page-name small .icon{width:13px;height:13px;flex-shrink:0}
.workbench-ui .pages-footer{padding:12px 24px;border-top:1px solid var(--line);flex-shrink:0}
.workbench-ui.app-docs .context-nav{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
.workbench-ui.app-docs .context-nav>.nav-item,.workbench-ui.app-docs .context-section-heading{flex-shrink:0}
.workbench-ui.app-docs .page-tree{flex:1;min-height:0;overflow:auto;padding-bottom:16px}
.workbench-ui.app-docs .page-tree-link{font-size:12px;min-height:34px}
.workbench-ui .document-workbench .document-toolbar{background:var(--surface);min-height:64px;padding:12px 24px;gap:12px}
.workbench-ui .document-toolbar .document-breadcrumb{flex:1;min-width:0;max-width:none;font-size:12px}
.workbench-ui .document-toolbar #save-status{margin-left:auto;min-width:0;font-size:12px;white-space:nowrap}
.workbench-ui .document-toolbar .toolbar-right{flex-wrap:nowrap;margin-left:0;gap:8px}
.workbench-ui .document-workbench .document-canvas{width:calc(100% - 48px);max-width:960px;min-height:calc(100dvh - 160px);margin:24px auto;padding:36px 48px 48px}
.workbench-ui .document-canvas .ql-toolbar{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:8px 0}
.workbench-ui .document-child-pages{margin-top:24px;padding-top:0;border-top:0}
.workbench-ui .document-child-pages .linked-row{justify-content:flex-start;min-height:40px;padding:8px 12px;border:0;border-radius:8px;overflow-wrap:anywhere}
.workbench-ui .document-child-pages .linked-row:hover{background:var(--surface-hover)}
.workbench-ui .document-related{padding:0;margin-top:24px;border-top:1px solid var(--line)}
.workbench-ui .document-related>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;cursor:pointer;list-style:none;font-size:13px;font-weight:600}
.workbench-ui .document-related>summary::-webkit-details-marker{display:none}
.workbench-ui .document-related>summary>.icon{width:16px;height:16px;transition:transform .15s ease-out}
.workbench-ui .document-related[open]>summary>.icon{transform:rotate(180deg)}
.workbench-ui .document-related>summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}
.workbench-ui .document-related-body{padding:8px 0 0}
.workbench-ui .document-related-body h3{margin:24px 0 12px;font-size:12px}
.workbench-ui .document-related-body h3:first-child{margin-top:0}
.workbench-ui .document-file-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.workbench-ui .document-file-actions .upload-button{margin:0}
.workbench-ui :is(.drive-app,.drive-heading,.drive-breadcrumbs,.drive-tools,.drive-body,.drive-content,.drive-table-scroll,.drive-footer){background:var(--surface)}
.workbench-ui .drive-app .drive-table thead th{background:var(--surface)}
.workbench-ui.app-marketing .content:has(#marketing-app[data-view=audience]){padding:24px}
.workbench-ui .audience-workspace{background:var(--surface);border-radius:var(--radius);overflow:hidden}
.workbench-ui .audience-workspace .audience-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:24px;margin:0;border-bottom:1px solid var(--line);background:transparent}
.workbench-ui .audience-summary>div{display:flex;flex-direction:column;gap:4px;font-size:12px}
.workbench-ui .audience-summary strong{margin:0;font-size:24px;font-weight:650;letter-spacing:-.025em}
.workbench-ui .audience-workspace>.surface{padding:24px;margin:0;border:0;border-radius:0;background:transparent}
.workbench-ui .audience-workspace>.surface+.surface{border-top:1px solid var(--line)}
.workbench-ui .audience-workspace .section-heading{gap:16px;flex-wrap:wrap;margin-bottom:16px}
.workbench-ui .audience-workspace .section-heading h2{font-size:15px}
.workbench-ui .audience-workspace .table-scroll{padding:0;margin:0}
.workbench-ui .audience-workspace .audience-item{gap:12px;padding:16px 0}
.workbench-ui .audience-item>.icon{color:var(--muted);flex-shrink:0}
@media(max-width:1000px){
 .workbench-ui .document-workbench .document-canvas{padding-inline:32px}
 .workbench-ui .audience-workspace .audience-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 .workbench-ui .app-rail .rail-apps{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));width:100%;min-width:0;gap:0;flex-wrap:nowrap}
 .workbench-ui .app-rail .rail-app{min-width:0;width:auto}
 .workbench-ui :is(.segmented,.contact-tabs){min-width:0;width:max-content;max-width:100%;gap:4px;padding:4px;overflow-x:auto}
 .workbench-ui :is(.segmented>button,.segmented>a,.contact-tabs>button){padding:8px 10px;min-height:36px}
 .workbench-ui .record-tabs{padding-inline:16px;gap:20px}
 .workbench-ui .contact-tabs{align-self:stretch;width:100%}
 .workbench-ui .documents-library.pages-library{min-height:calc(100dvh - 110px);padding:20px 16px}
 .workbench-ui .pages-library>.page-heading{margin-bottom:20px}
 .workbench-ui .pages-collection .file-filterbar{padding:16px;flex-wrap:nowrap;gap:8px}
 .workbench-ui .pages-collection .file-filterbar .search-field{min-width:0;flex:1;flex-basis:0}
 .workbench-ui .pages-collection .pages-table :is(th,td){padding:14px 16px}
 .workbench-ui .pages-collection .pages-table tr>:first-child{padding-left:16px}
 .workbench-ui .pages-collection .pages-table .page-updated{display:none}
 .workbench-ui .pages-collection .pages-table .page-actions{display:table-cell;width:48px;padding:8px 8px 8px 0}
 .workbench-ui .pages-table .person-link{gap:10px}
 .workbench-ui .pages-footer{padding:12px 16px}
 .workbench-ui .document-workbench .document-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:12px 16px}
 .workbench-ui .document-toolbar .document-breadcrumb{grid-column:1/-1;width:100%;min-height:20px}
 .workbench-ui .document-toolbar #save-status{grid-column:1;margin:0;overflow:hidden;text-overflow:ellipsis}
 .workbench-ui .document-toolbar .toolbar-right{grid-column:2;gap:4px}
 .workbench-ui .document-workbench .document-canvas{width:calc(100% - 24px);min-height:calc(100dvh - 244px);margin:12px auto 20px;padding:24px 20px 32px;border-radius:16px}
 .workbench-ui .document-canvas h1[contenteditable]{font-size:28px}
 .workbench-ui .document-related>summary{min-height:44px}
 .workbench-ui.app-marketing .content:has(#marketing-app[data-view=audience]){padding:20px 16px}
 .workbench-ui .audience-workspace .audience-summary{padding:20px;gap:20px 16px}
 .workbench-ui .audience-workspace>.surface{padding:20px}
 .workbench-ui .audience-workspace .section-heading{gap:12px}
 .workbench-ui .audience-workspace .audience-item{flex-wrap:wrap}
 .workbench-ui .audience-workspace .audience-item>div{min-width:0;flex-basis:calc(100% - 36px)}
 .workbench-ui .audience-workspace .audience-item>span{margin-left:30px}
 .workbench-ui .audience-workspace .audience-item>.button{margin-left:auto}
}

/* Drive access and native form identity */
.workbench-ui .drive-private-label{display:inline-flex;align-items:center;gap:6px;color:var(--muted)}
.workbench-ui .drive-private-label .icon{width:15px;height:15px}
.workbench-ui .drive-form-label{display:inline-flex;vertical-align:middle;align-items:center;margin-left:8px;padding:2px 7px;border-radius:7px;background:var(--coral-soft);color:var(--accent-ink);font-size:12px;font-weight:700;line-height:1.5;white-space:nowrap}

.workbench-ui .drive-table [data-form-id]:not([data-form-id=""]) .person-link strong{display:inline;min-width:0}