/* Operator-owned workbench adapters. Shared Union tokens remain authoritative. */
.operator-console { background: var(--public-bg); }
.operator-console .app-shell { background: var(--public-bg); color: var(--public-ink); }
.operator-console .app-sidebar { background: var(--public-surface); color: var(--public-ink); border-inline-end: 1px solid var(--public-border); box-shadow: none; padding: var(--public-space-md); }
.operator-console .sidebar-brand-box { border-color: var(--public-border); gap: var(--public-space-sm); padding-block-end: var(--public-space-md); }
.operator-console .sidebar-brand-info .brand { color: var(--dafina-heading); font-size: var(--public-type-section); }
.operator-console :is(.brand-badge,.user-role-badge) { color: var(--public-ink); background: var(--public-tint); border-color: var(--public-border); font-size: var(--public-type-label); letter-spacing: normal; text-transform: none; }
.operator-console .sidebar-user-card { background: var(--public-surface-subtle); border-color: var(--public-border); border-radius: var(--dafina-radius-sm); padding: var(--public-space-sm); margin-block: var(--public-space-md); }
.operator-console .user-avatar-circle { background: var(--public-action); box-shadow: none; }
.operator-console .user-name-text { color: var(--public-ink); }
.operator-console :is(.user-email-text,.nav-section-title,.card-hint,.auth-intro,.auth-brand-sub,.app-footer) { color: var(--public-muted); font-size: var(--public-type-label); }
.operator-console .sidebar-nav { gap: var(--public-space-md); }
.operator-console .nav-section-group + .nav-section-group { padding-block-start: var(--public-space-sm); border-color: var(--public-border); }
.operator-console .nav-section-title { letter-spacing: normal; text-transform: none; padding: var(--public-space-xs); opacity: 1; }
.operator-console .nav-section-title::before { content: none; }
.operator-console .nav-link { color: var(--public-ink); border-radius: var(--dafina-radius-sm); min-block-size: var(--dafina-control-height); padding-block: var(--public-space-xs); padding-inline: var(--public-space-sm); font-size: var(--public-type-body); }
.operator-console .nav-link .nav-link-icon { color: var(--public-muted); opacity: 1; }
.operator-console .nav-link:hover { color: var(--public-ink); background: var(--public-hover); border-color: var(--public-border); transform: none; }
.operator-console .nav-link.active { color: var(--public-brand); background: var(--public-tint); border: 1px solid var(--public-border); border-inline-start: 3px solid var(--public-brand); box-shadow: none; }
.operator-console .nav-link.active .nav-link-icon { color: var(--public-brand); }
.operator-console .sidebar-bottom { border-color: var(--public-border); gap: var(--public-space-xs); padding-block-start: var(--public-space-sm); }
.operator-console .sidebar-logout-button { color: var(--public-danger-ink); background: var(--public-danger-bg); border: 1px solid var(--public-border); }
.operator-console .sidebar-logout-button:hover { color: var(--public-action-ink); background: var(--public-danger-action); }
.operator-console .app-topbar { background: var(--public-surface); border-color: var(--public-border); backdrop-filter: none; padding-block: var(--public-space-sm); padding-inline: var(--public-space-lg); }
.operator-console .topbar-heading { font-size: var(--public-type-section); }
.operator-console .app-stage { max-inline-size: none; margin-inline: 0; gap: var(--public-space-lg); padding: var(--public-space-lg); }
.operator-console :is(.card,.filter-bar,.empty-state) { border: 1px solid var(--public-border); border-radius: var(--dafina-radius-sm); box-shadow: none; background: var(--public-surface); }
.operator-console .card { padding: var(--public-space-lg); min-inline-size: 0; }
.operator-console .card-flush { padding: 0; }
.operator-console .card-flush .card-header { padding: var(--public-space-md); margin: 0; }
.operator-console .card-flush > :is(.filter-bar,.table-wrap) { border: 0; border-block-start: 1px solid var(--public-border); border-radius: 0; }
.operator-console .card-header { gap: var(--public-space-sm); }
.operator-console .card-header .filter-bar { padding: 0; border: 0; background: none; }
.operator-console .section-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--public-space-lg); }
/* A card whose table has five or more columns takes the whole row, so its last column (the actions) is not scrolled out of sight. */
.operator-console .section-grid { align-items: start; }
.operator-console .section-grid > :has(table th:nth-child(5)) { grid-column: 1 / -1; }
.operator-console .kpi-grid { gap: var(--public-space-md); }
.operator-console .kpi-tile { background: var(--public-surface); border-color: var(--public-border); border-radius: var(--public-radius); box-shadow: none; padding: var(--public-space-md); }
.operator-console .kpi-icon { background: var(--public-tint); color: var(--public-brand); box-shadow: none; }
.operator-console .kpi-value { color: var(--dafina-heading); font-size: var(--public-type-total); }
.operator-console .kpi-label { letter-spacing: normal; text-transform: none; color: var(--public-muted); font-size: var(--public-type-label); }
.operator-console .kpi-subval { font-size: var(--public-type-label); color: var(--public-muted); }
.operator-console .table-wrap { max-inline-size: 100%; }
.operator-console .table-wrap:focus-visible { outline: 3px solid var(--public-focus); outline-offset: -3px; }
.operator-console .data-table { font-size: var(--public-type-body); }
.operator-console .data-table :is(th,td) { border-color: var(--public-border); padding-block: var(--public-space-sm); padding-inline: var(--public-space-md); }
.operator-console .data-table th { color: var(--public-muted); background: var(--public-surface-subtle); font-size: var(--public-type-label); letter-spacing: normal; text-transform: none; }
.operator-console .data-table td.primary-cell { min-inline-size: 12rem; }
.operator-console .data-table :is(.mono,code) { white-space: nowrap; overflow-wrap: normal; }
/* Workspace list: name and owner lead, ids and dates recede. The table keeps
   its natural width and scrolls inside the card on narrow screens. */
.operator-console .workspace-table { min-inline-size: 56rem; }
.operator-console .workspace-table .ws-name { font-weight: 700; }
.operator-console .workspace-table .owner-name { font-weight: 600; }
.operator-console .workspace-table .owner-cell { min-inline-size: 11rem; }
.operator-console .workspace-table .owner-cell .secondary { overflow-wrap: anywhere; }
.operator-console .workspace-table .sub-cell { min-inline-size: 11rem; }
.operator-console .workspace-table .sub-cell .secondary { margin-block-start: 0.25rem; }
.operator-console .workspace-table :is(.muted-cell,.cell-empty) { color: var(--public-muted); }
.operator-console .dashboard-recent .data-table td.primary-cell { min-inline-size: 0; }
.operator-console .dashboard-recent-hint { grid-column: 1 / -1; margin: 0; }
.operator-console .dashboard-recent .data-table td { overflow-wrap: anywhere; }
.operator-console .dashboard-recent .data-table :is(.mono,code) { overflow-wrap: normal; }
.operator-console .data-table tbody tr:hover { background: var(--public-hover); }
.operator-console .data-table :is(td,span,a).mono { background: none; border: 0; border-radius: 0; padding: 0; }
.operator-console .data-table td.mono { border-block-end: 1px solid var(--public-border); padding-block: var(--public-space-sm); padding-inline: var(--public-space-md); }
.operator-console .badge { font-size: var(--public-type-label); box-shadow: none; }
.operator-console .badge-neutral { background: var(--public-surface-subtle); color: var(--public-ink); border-color: var(--public-border); }
.operator-console .alert { border-radius: var(--dafina-radius-sm); box-shadow: none; }
.operator-console .empty-state { padding: var(--public-space-lg); color: var(--public-muted); }
.operator-console :is(.meta-grid dd,.secondary,.prose,.auth-secret) { overflow-wrap: anywhere; }
.operator-console .auth-qr-frame { margin-block: 1rem; text-align: center; }
.operator-console .auth-qr { inline-size: min(100%, 13rem); block-size: auto; aspect-ratio: 1; }
.operator-console .meta-grid > div { background: none; border: 0; border-block-end: 1px solid var(--public-border); border-radius: 0; padding-block: var(--public-space-sm); padding-inline: 0; }
.operator-console .meta-grid dt { color: var(--public-muted); font-size: var(--public-type-label); }
.operator-console .meta-grid dd { color: var(--public-ink); font-size: var(--public-type-body); }
.operator-console :is(button,.button,.filter-field input,.filter-field select,.dafina-lang summary,.dafina-lang-list a,.pagination-links a,.inline-choice) { min-block-size: var(--dafina-control-height); touch-action: manipulation; }
.operator-console :is(button,.button) { border-radius: var(--dafina-radius-sm); }
.operator-console .filter-bar { padding: var(--public-space-md); gap: var(--public-space-sm); }
.operator-console .filter-field { inline-size: 12rem; max-inline-size: 100%; min-inline-size: 0; flex: 0 1 12rem; }
.operator-console .filter-actions { flex-wrap: wrap; }
.operator-console .form-stack { grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--public-space-md); max-inline-size: 60rem; }
.operator-console .form-stack > :is(p,input[type=hidden],.form-actions,fieldset), .operator-console .form-stack > label:has(textarea) { grid-column: 1 / -1; }
.operator-console .form-stack label { min-inline-size: 0; }
.operator-console .action-card { max-inline-size: 64rem; }
.operator-console .channel-block { margin-block: var(--public-space-lg); }
.operator-console .action-form { margin-block-start: var(--public-space-lg); }
.operator-console .action-form .form-actions { position: sticky; inset-block-end: 0; z-index: 20; padding-block: var(--public-space-md); background: var(--public-surface); border-block-start: 1px solid var(--public-border); }
.operator-console .action-form :is(input,select,textarea) { scroll-margin-block: 7rem; }
.operator-console :is(.choice-row,.feature-picker) { border-radius: var(--dafina-radius-sm); border-color: var(--public-border); }
.operator-console .feature-picker { max-block-size: none; overflow: visible; }
/* Subsystem picker: one table row per subsystem; a native dialog lists the
   add-ons of one subsystem. Without script the add-on tables sit inline under
   each row (a disclosure); operator.js turns them into dialogs and adds the
   filter. Selected rows reuse the shared selected-state tokens: a brand edge
   and tint, never colour alone (the status text says it too). */
.operator-console .picker-help { margin-block: 0 var(--public-space-sm); }
.operator-console .picker-note { margin-block-end: var(--public-space-sm); }
.operator-console .picker-tools { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: var(--public-space-sm); margin-block-end: var(--public-space-sm); }
.operator-console .picker-tools[hidden], .operator-console .picker-bulk[hidden], .operator-console .picker-dialog-foot[hidden], .operator-console .picker-empty[hidden], .operator-console .picker-row[hidden], .operator-console .picker-main [hidden], .operator-console .picker-detail[hidden] { display: none; }
.operator-console .picker-search { flex: 1 1 14rem; max-inline-size: 24rem; min-inline-size: 0; }
.operator-console .picker-segments { display: inline-flex; border: 1px solid var(--state-unselected-edge); border-radius: var(--public-radius-control); overflow: hidden; background: var(--public-surface); }
.operator-console .picker-segment { min-block-size: var(--dafina-control-height); padding-block: 0; padding-inline: var(--public-space-md); border: 0; border-radius: 0; background: transparent; color: var(--public-text); font-weight: 600; cursor: pointer; box-shadow: none; touch-action: manipulation; }
.operator-console .picker-segment + .picker-segment { border-inline-start: 1px solid var(--state-unselected-edge); }
.operator-console .picker-segment:hover { background: color-mix(in srgb, var(--state-selected-bg) 60%, transparent); }
.operator-console .picker-segment[aria-pressed="true"] { background: var(--state-selected-bg); color: var(--state-selected-text); font-weight: 700; box-shadow: inset 0 -3px 0 var(--state-selected-edge); }
.operator-console .picker-segment:focus-visible { outline: var(--focus-outline); outline-offset: -3px; }
.operator-console .picker-summary { margin: 0 0 var(--public-space-xs); font-weight: 600; font-variant-numeric: tabular-nums; }
.operator-console .picker-table { inline-size: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid var(--public-border); border-radius: var(--public-radius-field); background: var(--public-surface); }
.operator-console .picker-table > thead th { position: sticky; inset-block-start: var(--topbar-height, 0px); z-index: 2; padding-block: var(--public-space-xs); padding-inline: var(--public-space-md); background: var(--public-surface-subtle); border-block-end: 1px solid var(--public-border); color: var(--public-muted); font-size: var(--public-type-label); font-weight: 600; text-align: start; }
.operator-console .picker-table > thead th:first-child { border-start-start-radius: var(--public-radius-field); }
.operator-console .picker-table > thead th:last-child { border-start-end-radius: var(--public-radius-field); }
.operator-console .picker-table > thead th { white-space: nowrap; }
.operator-console .picker-main > td:nth-child(3) { min-inline-size: 15rem; }
.operator-console .picker-table th.num, .operator-console .picker-table td.num { text-align: end; font-variant-numeric: tabular-nums; }
.operator-console .picker-main > td { padding-block: var(--public-space-sm); padding-inline: var(--public-space-md); border-block-end: 1px solid var(--public-border-subtle); vertical-align: middle; }
.operator-console .picker-main > td:first-child { border-inline-start: 4px solid transparent; }
.operator-console .picker-row:last-child > tr:last-child > td { border-block-end: 0; }
.operator-console .picker-row:hover > .picker-main > td { background: color-mix(in srgb, var(--public-brand) 5%, var(--public-surface)); }
.operator-console .picker-row:not([data-state="none"]) > .picker-main > td { background: var(--state-selected-bg); }
.operator-console .picker-row:not([data-state="none"]) > .picker-main > td:first-child { border-inline-start-color: var(--state-selected-edge); }
.operator-console .picker-subsystem { min-inline-size: 16rem; }
.operator-console .picker-subsystem { position: relative; }
.operator-console label.picker-name::after { content: ""; position: absolute; inset: 0; }
.operator-console .picker-main :is(button, input) { scroll-margin-block: 7rem; }
.operator-console .picker-ident { display: flex; align-items: flex-start; gap: var(--public-space-sm); }
.operator-console .picker-parent, .operator-console .picker-check input { flex: none; inline-size: 1.25rem; block-size: 1.25rem; margin: 0; margin-block-start: 0.15rem; accent-color: var(--public-brand); cursor: pointer; }
.operator-console .picker-text { display: grid; gap: 0.15rem; min-inline-size: 0; }
.operator-console .picker-name { font-weight: 700; color: var(--public-text); cursor: pointer; overflow-wrap: anywhere; }
.operator-console span.picker-name { cursor: default; }
.operator-console .picker-desc { color: var(--public-muted); font-size: var(--public-type-label); max-inline-size: 36rem; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.operator-console .picker-status { white-space: nowrap; background: var(--public-surface); color: var(--public-muted); border-color: var(--public-border-strong); }
.operator-console .picker-row[data-state="licence"] .picker-status, .operator-console .picker-row[data-state="some"] .picker-status { color: var(--state-selected-text); border-color: var(--state-selected-edge); font-weight: 600; }
.operator-console .picker-row[data-state="all"] .picker-status { background: var(--public-brand); color: var(--public-on-brand); border-color: var(--public-brand); font-weight: 600; }
.operator-console .picker-chips { display: flex; flex-wrap: wrap; gap: 0.25rem; margin: 0; padding: 0; list-style: none; }
.operator-console .picker-chip { padding: 0.1rem 0.55rem; border: 1px solid var(--public-border); border-radius: var(--public-radius-pill); background: var(--public-surface); color: var(--public-muted); font-size: var(--public-type-label); white-space: nowrap; }
.operator-console .picker-chip-more { cursor: help; font-weight: 600; }
.operator-console .picker-none { color: var(--public-muted); }
.operator-console .picker-action { text-align: end; white-space: nowrap; }
.operator-console .picker-empty { margin-block: var(--public-space-sm) 0; text-align: center; }
/* Without script the add-ons show inline under their row. */
.operator-console .picker-detail > td { padding: 0; border-block-end: 1px solid var(--public-border-subtle); border-inline-start: 4px solid transparent; }
.operator-console .picker-fallback > summary { padding-block: var(--public-space-xs); padding-inline: var(--public-space-md); cursor: pointer; color: var(--public-text); font-weight: 600; }
.operator-console .picker-fallback > .picker-dialog { display: block; position: static; inline-size: auto; max-inline-size: none; max-block-size: none; margin: 0; border: 0; border-radius: 0; box-shadow: none; background: transparent; }
/* The dialog. */
.operator-console .picker-dialog { padding: 0; inline-size: min(60rem, calc(100vw - 2rem)); max-block-size: min(88dvh, 50rem); border: 1px solid var(--public-border-strong); border-radius: var(--public-radius-section); background: var(--public-surface); color: var(--public-text); box-shadow: 0 24px 64px rgb(15 23 42 / 0.35); overflow: hidden; }
.operator-console .picker-dialog[open] { display: flex; flex-direction: column; }
.operator-console .picker-dialog::backdrop { background: rgb(15 23 42 / 0.55); }
body:has(.picker-dialog[open]) { overflow: hidden; }
.operator-console .picker-dialog-head { display: flex; flex-wrap: wrap; align-items: center; gap: var(--public-space-sm); padding-block: var(--public-space-md); padding-inline: var(--public-space-lg); border-block-end: 1px solid var(--public-border); background: var(--public-surface-subtle); }
.operator-console .picker-dialog-title { flex: 1 1 14rem; min-inline-size: 0; }
.operator-console .picker-dialog-title h3 { margin: 0; font-size: var(--public-type-section); overflow-wrap: anywhere; }
.operator-console .picker-dialog-title .card-hint { margin: 0.15rem 0 0; }
.operator-console .picker-count { flex: none; font-variant-numeric: tabular-nums; }
.operator-console .picker-bulk { display: inline-flex; gap: var(--public-space-xs); }
.operator-console .picker-dialog-body { flex: 1 1 auto; min-block-size: 0; overflow: auto; }
.operator-console .picker-addons { inline-size: 100%; border-collapse: separate; border-spacing: 0; }
.operator-console .picker-addons > thead th { position: sticky; inset-block-start: 0; z-index: 1; padding-block: var(--public-space-xs); padding-inline: var(--public-space-md); background: var(--public-surface); border-block-end: 1px solid var(--public-border); color: var(--public-muted); font-size: var(--public-type-label); font-weight: 600; text-align: start; }
.operator-console .picker-addons > tbody > tr > :is(th,td) { padding-block: var(--public-space-xs); padding-inline: var(--public-space-md); border-block-end: 1px solid var(--public-border-subtle); text-align: start; vertical-align: middle; }
.operator-console .picker-addons > tbody > tr:last-child > :is(th,td) { border-block-end: 0; }
.operator-console .picker-addons > tbody > tr > :first-child { inline-size: 3.25rem; border-inline-start: 4px solid transparent; }
.operator-console .picker-addons > tbody > tr:has(input:checked) > :is(th,td) { background: var(--state-selected-bg); }
.operator-console .picker-addons > tbody > tr:has(input:checked) > :first-child { border-inline-start-color: var(--state-selected-edge); }
.operator-console .picker-addons > tbody > tr:not(:has(input:checked)):hover > :is(th,td) { background: color-mix(in srgb, var(--public-brand) 5%, var(--public-surface)); }
.operator-console .picker-addons th[scope="row"] label { display: block; padding-block: 0.4rem; font-weight: 600; color: var(--public-text); cursor: pointer; overflow-wrap: anywhere; }
.operator-console .picker-check input { margin-block: 0.4rem; }
.operator-console .picker-addons tr:has(input:checked) th[scope="row"] label { color: var(--state-selected-text); font-weight: 700; }
.operator-console .picker-covers, .operator-console .picker-needs { color: var(--public-muted); font-size: var(--public-type-label); }
.operator-console .picker-dialog-foot { display: flex; justify-content: flex-end; padding-block: var(--public-space-sm); padding-inline: var(--public-space-lg); border-block-start: 1px solid var(--public-border); background: var(--public-surface-subtle); }
.operator-console .picker-dialog :is(button, input, label):focus-visible { outline: var(--focus-outline); outline-offset: 2px; }
.operator-console .picker-parent:focus-visible { outline: var(--focus-outline); outline-offset: 2px; }
@media (max-width: 47.99rem) {
  .operator-console .picker-segments { inline-size: 100%; }
  .operator-console .picker-segment { flex: 1 1 0; padding-inline: var(--public-space-xs); }
  .operator-console .picker-table, .operator-console .picker-table > tbody, .operator-console .picker-row { display: block; border: 0; background: transparent; }
  .operator-console .picker-table > thead { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); }
  .operator-console .picker-table { display: grid; gap: var(--public-space-xs); }
  .operator-console .picker-row { border: 1px solid var(--public-border); border-radius: var(--public-radius-field); background: var(--public-surface); overflow: hidden; }
  .operator-console .picker-main { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
  .operator-console .picker-main > td { display: block; padding-block: var(--public-space-xs); padding-inline: var(--public-space-md); border-block-end: 0; background: transparent; }
  .operator-console .picker-row:not([data-state="none"]) > .picker-main > td { background: transparent; }
  .operator-console .picker-row:not([data-state="none"]) { background: var(--state-selected-bg); border-color: var(--state-selected-edge); }
  .operator-console .picker-main > td:first-child { grid-column: 1 / -1; grid-row: 1; min-inline-size: 0; padding-block-start: var(--public-space-sm); border-inline-start: 0; }
  .operator-console .picker-main > td:nth-child(2) { grid-column: 1; grid-row: 2; }
  .operator-console .picker-main > td:nth-child(3) { grid-column: 1 / -1; grid-row: 3; min-inline-size: 0; }
  .operator-console .picker-main > td:nth-child(4) { grid-column: 1; grid-row: 4; padding-block-end: var(--public-space-sm); text-align: start; }
  .operator-console .picker-main > td.picker-action { grid-column: 2; grid-row: 2; }
  .operator-console .picker-main > td[data-label]:not(:nth-child(2))::before { content: attr(data-label) ": "; color: var(--public-muted); font-size: var(--public-type-label); }
  .operator-console .picker-detail > td { border-inline-start: 0; }
  .operator-console .picker-main > td.picker-blank { display: none; }
  .operator-console .picker-dialog { inline-size: calc(100vw - 1rem); max-block-size: 92dvh; }
  .operator-console .picker-dialog-head { padding-inline: var(--public-space-md); }
  .operator-console .picker-dialog-foot { padding-inline: var(--public-space-md); }
  .operator-console .picker-addons > thead { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); }
  .operator-console .picker-addons, .operator-console .picker-addons > tbody { display: block; }
  .operator-console .picker-addons > tbody > tr { display: grid; grid-template-columns: 3.25rem minmax(0, 1fr); border-block-end: 1px solid var(--public-border-subtle); }
  .operator-console .picker-addons > tbody > tr > :is(th,td) { border-block-end: 0; background: transparent; border-inline-start: 0; }
  .operator-console .picker-addons > tbody > tr { border-inline-start: 4px solid transparent; }
  .operator-console .picker-addons > tbody > tr:has(input:checked) { background: var(--state-selected-bg); border-inline-start-color: var(--state-selected-edge); }
  .operator-console .picker-addons > tbody > tr:has(input:checked) > :is(th,td) { background: transparent; }
  .operator-console .picker-addons > tbody > tr > :first-child, .operator-console .picker-addons > tbody > tr:has(input:checked) > :first-child { border-inline-start: 0; }
  .operator-console .picker-addons > tbody > tr > :is(th,td):nth-child(n+3) { grid-column: 2; padding-block-start: 0; }
  .operator-console .picker-addons > tbody > tr > td[data-label]:nth-child(n+4)::before { content: attr(data-label) ": "; }
}
.operator-console .inline-choice { display: flex; align-items: center; gap: var(--public-space-xs); }
.operator-console .field-error { display: block; margin-block: var(--public-space-xs); color: var(--public-danger-ink); font-size: var(--public-type-label); font-weight: 400; }
.operator-console textarea.mono { font-family: var(--font-mono,ui-monospace,monospace); direction: ltr; unicode-bidi: isolate; font-size: var(--public-type-body); }
.public-pages.operator-console :is(input,select,textarea) { border-radius: var(--dafina-radius-sm); }
.operator-console .entries-example { display: block; margin-block-start: var(--public-space-xs); overflow-wrap: anywhere; }
.operator-console #entries-hint { font-weight: 400; }
.operator-console.auth-body { background: var(--public-bg); padding: var(--public-space-lg); }
.operator-console .auth-card { border-radius: var(--dafina-radius-sm); border-color: var(--public-border); background: var(--public-surface); box-shadow: none; overflow: visible; padding: var(--public-space-xl); }
.operator-console .auth-card::before { content: none; }
.operator-console .auth-brand-sub { letter-spacing: normal; text-transform: none; }
.operator-console .auth-card h1 { font-size: var(--public-type-page-title); }
.operator-console .auth-footer { align-items: center; flex-wrap: wrap; }
.operator-console .pagination-links a { display: inline-flex; align-items: center; }
.operator-console :is(h1,h2,h3,[id]) { scroll-margin-block-start: 6rem; }
@media (min-width: 60rem) {
  .operator-console .app-shell { block-size: 100vh; }
  .operator-console .app-main-panel { block-size: 100vh; overflow-y: auto; scroll-padding-block: 6rem; }
}
@media (max-width: 60rem) {
  .operator-console .app-shell { block-size: auto; }
  .operator-console .app-main-panel { block-size: auto; overflow: visible; }
  .operator-console .section-grid { grid-template-columns: minmax(0,1fr); }
  .operator-console .app-sidebar { border-inline-end: 0; border-block-end: 1px solid var(--public-border); }
  .operator-console .sidebar-brand-box { padding-block-end: var(--public-space-xs); border: 0; }
  .operator-console .sidebar-user-card { margin-block: var(--public-space-xs); padding: var(--public-space-xs); }
  .operator-console .user-role-badges { display: none; }
  .operator-console .sidebar-nav { flex-direction: row; overflow-x: auto; padding-block: var(--public-space-xs); gap: var(--public-space-md); }
  .operator-console .nav-section-group { flex: 0 0 auto; }
  .operator-console .nav-section-group + .nav-section-group { border: 0; padding-block-start: 0; }
  .operator-console .nav-group-items { flex-direction: row; }
  .operator-console .nav-link { white-space: nowrap; }
  .operator-console .sidebar-bottom { flex-direction: row; align-items: center; margin-block-start: var(--public-space-xs); }
  .operator-console .sidebar-bottom form { margin-inline-start: auto; }
  .operator-console .app-topbar { gap: var(--public-space-sm); padding-inline: var(--public-space-md); }
  .operator-console .app-stage { padding: var(--public-space-md); }
  .operator-console .card { padding: var(--public-space-md); }
  .operator-console .card-flush { padding: 0; }
}
@media (max-width: 40rem) {
  .operator-console .form-stack { grid-template-columns: minmax(0,1fr); }
  .operator-console .breadcrumbs { display: none; }
  .operator-console .topbar-heading { font-size: var(--public-type-body); }
  .operator-console .kpi-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .operator-console .kpi-tile { flex-direction: column; align-items: flex-start; }
  .operator-console .auth-card { padding: var(--public-space-lg); }
  .operator-console .filter-field { flex-basis: 100%; inline-size: 100%; }
}
@media (prefers-reduced-motion: reduce) { .operator-console *, .operator-console *::before, .operator-console *::after { animation: none; transition: none; } }

/* Support: public conversation at the start, staff work at the end. */
.operator-console .support-surface { background: var(--public-surface); border: 1px solid var(--public-border); border-radius: var(--dafina-radius-sm); padding: var(--public-space-md); min-inline-size: 0; }
.operator-console .support-private { background: var(--public-surface-subtle); border-inline-start: 3px solid var(--public-muted); }
.operator-console .support-panes { display: grid; grid-template-columns: minmax(0,3fr) minmax(0,2fr); gap: var(--public-space-lg); align-items: start; }
.operator-console .support-staff-pane { display: grid; gap: var(--public-space-md); min-inline-size: 0; }
.operator-console .support-entry { border-block-start: 1px solid var(--public-border); margin-block-start: var(--public-space-md); padding-block-start: var(--public-space-sm); }
.operator-console .support-attribution { display: flex; justify-content: space-between; gap: var(--public-space-sm); flex-wrap: wrap; font-size: var(--public-type-label); color: var(--public-muted); }
.operator-console .support-body { white-space: pre-wrap; overflow-wrap: anywhere; max-inline-size: 75ch; }
.operator-console .support-action { max-inline-size: 64rem; }
.operator-console .support-revision { grid-column: 1 / -1; }
.operator-console .support-state { display: flex; gap: var(--public-space-sm); }
.operator-console .support-surface .num { font-variant-numeric: tabular-nums; }
.operator-console .support-surface :is(h2,h3) { text-wrap: balance; }
@media (max-width: 60rem) { .operator-console .support-panes { grid-template-columns: minmax(0,1fr); } }

.operator-console .support-surface > .filter-bar { border: 0; border-radius: 0; padding-inline: 0; }
.operator-console .support-surface > .table-wrap { border-radius: 0; }
.operator-console .support-surface .primary-cell a { display: inline-flex; align-items: center; min-block-size: var(--dafina-control-height); }
.operator-console .support-surface :is(a,button,input,select,textarea):focus-visible { outline: 3px solid var(--public-focus); outline-offset: 2px; }

.operator-console .support-surface :is(h2,h3), .operator-console .support-attribution > span { min-inline-size: 0; overflow-wrap: anywhere; }

.operator-console .platform-settings-form > .platform-field-wide, .operator-console .platform-settings-form > fieldset > .platform-field-wide { grid-column: 1 / -1; }
.operator-console .platform-settings-form > .public-field.platform-field-wide { max-inline-size: none; }
.operator-console .platform-settings-form select { max-inline-size: 26rem; inline-size: 100%; }
.operator-console .platform-settings-form > fieldset > .public-field { min-inline-size: 0; }
.operator-console .platform-settings-form .platform-boolean-choices { display: flex; flex-wrap: wrap; align-items: center; gap: var(--public-space-md); min-block-size: var(--dafina-control-height); }
.operator-console .platform-settings-form .platform-boolean-choices .inline-choice { min-block-size: var(--dafina-control-height); }
.operator-console .platform-settings-form .choice-row { border: 0; padding-block: 0; padding-inline: 0; }
.operator-console .platform-settings-form .choice-row legend { padding-block: 0; padding-inline: 0; }

.operator-console :is(.platform-settings-form,.platform-provider) > fieldset { border: 0; padding-block: 0; padding-inline: 0; margin: 0; min-inline-size: 0; inline-size: 100%; }

/* Platform settings: status first, editing and history fold away. */
.operator-console .platform-providers { margin-block: var(--public-space-sm); }
.operator-console .platform-providers .platform-url { overflow-wrap: anywhere; color: var(--public-muted); }
.operator-console .platform-disclosure { border-block-start: 1px solid var(--public-border); padding-block: var(--public-space-xs); }
.operator-console .platform-disclosure > summary, .operator-console .platform-provider > summary { display: flex; align-items: center; gap: var(--public-space-sm); min-block-size: var(--dafina-control-height); cursor: pointer; font-weight: 600; color: var(--public-ink); }
.operator-console .platform-disclosure[open] > summary { margin-block-end: var(--public-space-sm); }
.operator-console .platform-provider { border: 1px solid var(--public-border); border-radius: var(--public-radius-field); padding-block: 0; padding-inline: var(--public-space-md); grid-column: 1 / -1; }
.operator-console .platform-provider[open] { padding-block-end: var(--public-space-md); }
.operator-console .platform-provider-action { display: flex; flex-wrap: wrap; align-items: center; gap: var(--public-space-sm); margin-block-start: var(--public-space-sm); padding-block-start: var(--public-space-sm); border-block-start: 1px solid var(--public-border); }
.operator-console .platform-provider-action > :is(p, .alert) { flex-basis: 100%; margin: 0; }
.operator-console :is(.platform-disclosure,.platform-provider) > summary:focus-visible { outline: 3px solid var(--public-focus); outline-offset: 2px; }
.operator-console :is(.platform-disclosure,.platform-provider) > summary { list-style: none; }
.operator-console :is(.platform-disclosure,.platform-provider) > summary::-webkit-details-marker { display: none; }
.operator-console :is(.platform-disclosure,.platform-provider) > summary::before { content: ""; inline-size: 0.5rem; block-size: 0.5rem; border-inline-end: 2px solid currentColor; border-block-end: 2px solid currentColor; transform: rotate(-45deg); transition: transform 120ms ease; flex: none; }
.operator-console :is(.platform-disclosure,.platform-provider) > summary:dir(rtl)::before { transform: rotate(45deg); }
.operator-console :is(.platform-disclosure,.platform-provider)[open] > summary::before { transform: rotate(45deg); }
.operator-console :is(.platform-disclosure,.platform-provider)[open] > summary:dir(rtl)::before { transform: rotate(-45deg); }
@media (prefers-reduced-motion: reduce) { .operator-console :is(.platform-disclosure,.platform-provider) > summary::before { transition: none; } }

/* Platform settings: one help line per group, one provider's fields at a time,
   a definition list for current values and a separate danger area. */
.operator-console .platform-group > .platform-help { margin-block: 0 var(--public-space-md); max-inline-size: 60ch; color: var(--public-ink); }
.operator-console .platform-subheading { margin-block: var(--public-space-md) var(--public-space-xs); font-size: var(--public-type-section); }
.operator-console .platform-legend { padding: 0; margin-block-end: var(--public-space-xs); font-size: var(--public-type-section); font-weight: 600; color: var(--public-ink); }
.operator-console .platform-values { display: grid; grid-template-columns: minmax(0,1fr); margin: 0; }
.operator-console .platform-value { display: grid; grid-template-columns: minmax(10rem,14rem) minmax(0,1fr) minmax(0,14rem); gap: var(--public-space-xs) var(--public-space-md); align-items: baseline; padding-block: var(--public-space-sm); border-block-end: 1px solid var(--public-border); }
.operator-console .platform-value dt { color: var(--public-muted); font-size: var(--public-type-label); }
.operator-console .platform-value dd { margin: 0; min-inline-size: 0; font-weight: 400; }
.operator-console .platform-value-main { overflow-wrap: break-word; }
.operator-console .platform-value-meta { color: var(--public-muted); font-size: var(--public-type-label); }
.operator-console .platform-mono { font-family: var(--font-mono,ui-monospace,monospace); font-size: var(--public-type-label); unicode-bidi: isolate; }
.operator-console .platform-others { border-block-start: 0; }
.operator-console .platform-driver-choice { border: 0; padding: 0; margin: 0; min-inline-size: 0; grid-column: 1 / -1; }
.operator-console .platform-segments { display: flex; flex-wrap: wrap; gap: var(--public-space-xs); }
.operator-console .platform-segment { min-block-size: var(--dafina-control-height); padding-block: 0; padding-inline: var(--public-space-md); border: 1px solid var(--state-unselected-edge); border-radius: var(--dafina-radius-sm); background: var(--public-surface); cursor: pointer; }
.operator-console .platform-segment input:focus-visible { outline: 3px solid var(--public-focus); outline-offset: 2px; }
.operator-console .platform-segment:has(input:focus-visible) { outline: 3px solid var(--public-focus); outline-offset: 2px; }
.operator-console .platform-settings-form > fieldset.platform-section { grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--public-space-md); padding: var(--public-space-md); border: 1px solid var(--public-border); border-radius: var(--public-radius-field); }
.operator-console .platform-section > :is(.platform-panel-help,.platform-panel-wide,legend) { grid-column: 1 / -1; margin: 0; }
.operator-console .platform-section .platform-values .platform-value { grid-template-columns: minmax(10rem,14rem) minmax(0,1fr); }
.operator-console .platform-reason textarea { min-block-size: 0; block-size: auto; resize: vertical; }
.operator-console .platform-danger { margin-block-start: var(--public-space-lg); padding: var(--public-space-md); border: 1px solid var(--public-danger-ink); border-radius: var(--public-radius-field); display: grid; gap: var(--public-space-sm); justify-items: start; }
.operator-console .platform-danger h3 { margin: 0; font-size: var(--public-type-section); color: var(--public-danger-ink); }
.operator-console .platform-danger p { margin: 0; }
@supports selector(:has(*)) {
	.operator-console .platform-driver-panel { display: none; }
	.operator-console .platform-settings-form:has(input[name="mail.driver"][value="smtp"]:checked) .platform-driver-panel[data-driver="smtp"],
	.operator-console .platform-settings-form:has(input[name="mail.driver"][value="sendgrid"]:checked) .platform-driver-panel[data-driver="sendgrid"],
	.operator-console .platform-settings-form:has(input[name="mail.driver"][value="resend"]:checked) .platform-driver-panel[data-driver="resend"] { display: grid; }
}
@media (max-width: 40rem) {
	.operator-console .platform-value, .operator-console .platform-section .platform-values .platform-value { grid-template-columns: minmax(0,1fr); }
	.operator-console .platform-settings-form > fieldset.platform-section { grid-template-columns: minmax(0,1fr); }
	.operator-console .platform-settings-form { grid-template-columns: minmax(0,1fr); }
}
/* The change form is the page's main task: a filled disclosure, not a text link. */
.operator-console .platform-edit { border-block-start: 0; }
.operator-console .platform-edit > summary { display: inline-flex; padding-inline: var(--public-space-md); border: 1px solid var(--public-brand); border-radius: var(--dafina-radius-sm); background: var(--public-tint); color: var(--public-brand); }
.operator-console .platform-edit > summary:hover { background: var(--public-hover); }
.operator-console .platform-edit[open] > summary { margin-block-end: var(--public-space-md); }
/* The sticky action bar is 44px plus its padding; focused fields scroll clear of it. */
:root:has(.operator-console) { scroll-padding-block-end: calc(var(--dafina-control-height) + 2 * var(--public-space-md)); }
.operator-console .app-main-panel { scroll-padding-block-end: calc(var(--dafina-control-height) + 2 * var(--public-space-md)); }