.operator-shell-action{white-space:nowrap}
.changeset-operation-card{margin-block:10px;padding:12px;border:1px solid var(--line);border-radius:var(--r-panel);background:var(--surface-2)}
.changeset-operation-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.changeset-operation-heading button{min-height:36px}
.changeset-operation-values{margin-top:7px}
.changeset-operation-card [hidden]{display:none!important}
.validation-banner.info{border-inline-start-color:var(--signal);background:color-mix(in srgb,var(--signal) 9%,var(--surface))}
.header-operator-actions{display:flex;align-items:stretch;justify-content:flex-start;flex-wrap:wrap;gap:7px;min-width:0}
.header-control-cluster{display:flex;align-items:center;flex:0 1 auto;flex-wrap:wrap;gap:6px;min-width:0;max-width:100%;padding:0;border:0;border-radius:0;background:transparent}
.header-control-label{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.header-workflow-actions{padding-inline-end:9px;border-inline-end:1px solid var(--line-strong)}
.header-activity-actions{padding-inline:9px;border-inline-end:1px solid var(--line)}
.header-preference-actions{padding-inline-start:9px}
.header-control-cluster button{flex:0 0 auto;white-space:nowrap}
.header-activity-actions .operator-shell-action{background:var(--surface);border-color:var(--line-strong);color:var(--ink)}
.header-activity-actions .operator-count{margin-inline-start:4px}
.header-workflow-actions #operator-global-create{background:var(--accent);color:#fff;border-color:var(--accent)}
.header-workflow-actions #operator-global-search,.header-preference-actions button{background:transparent;border-color:var(--line);color:var(--ink-2)}
.header-workflow-actions #operator-global-search:hover,.header-preference-actions button:hover{background:var(--surface-2);border-color:var(--line-strong);color:var(--ink)}
.header-preference-actions #refresh{background:var(--surface-2);border-color:var(--line-strong);color:var(--ink)}
header{min-height:0;padding:16px 22px 13px;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:0 2px 8px rgba(10,28,48,.035)}
header>div:first-child{min-width:0}
header h1{font-family:var(--font-fa);font-size:clamp(19px,1.55vw,23px);line-height:1.5;letter-spacing:0}
header p{max-width:78ch;color:var(--ink-soft);line-height:1.7}
.header-actions{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:12px;width:100%;overflow:visible}
.header-operator-actions{order:0;flex:0 1 auto;width:auto;justify-content:flex-start}
.header-scope-actions{order:1;flex:0 0 auto;width:auto;justify-content:flex-end}
.header-scope-actions #scope-status{background:var(--surface-2);border:1px solid var(--line);color:var(--ink-2);padding:6px 9px}
#api-status{white-space:nowrap}
.operator-count{display:inline-grid;min-width:1.55rem;height:1.55rem;place-items:center;border-radius:999px;padding:0 .35rem;background:var(--surface-2,#eef1f5);font-size:.75rem}
.operator-count[data-active="true"]{background:var(--warning-bg,#fff2cc);font-weight:700}
.operator-create-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.operator-create-grid>button,.operator-search-result,.operator-drawer-list>button{display:flex;justify-content:space-between;gap:1rem;text-align:inherit;width:100%;padding:1rem;border:1px solid var(--border,#d7dce3);border-radius:.75rem;background:var(--surface,#fff)}
.operator-create-grid>button{flex-direction:column;align-items:flex-start}
.operator-create-grid small,.operator-search-result small,.operator-drawer-list small{display:block;margin-top:.25rem;color:var(--muted,#657080)}
.operator-search-result+.operator-search-result,.operator-drawer-list>button+button{margin-top:.5rem}
.operator-stepper{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;list-style:none;padding:0;margin:0 0 1rem}
.operator-stepper li{display:flex;align-items:center;gap:.4rem;padding:.55rem;border-radius:.6rem;border:1px solid var(--border,#d7dce3);font-size:.8rem}
.operator-stepper li span{display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:999px;background:var(--surface-2,#eef1f5)}
.operator-stepper li.active{border-color:currentColor;font-weight:700}.operator-stepper li.done span{background:var(--success-bg,#dff6e8)}
.operator-review-list{display:grid;grid-template-columns:minmax(8rem,auto) 1fr;gap:.5rem .9rem}.operator-review-list dt{font-weight:700}.operator-review-list dd{margin:0}
.repeatable-list-editor,.repeatable-list-rows{display:grid;gap:.45rem}.repeatable-list-editor{margin:.4rem 0 1rem}.repeatable-list-row{display:grid;grid-template-columns:1fr auto;gap:.4rem}
html[data-density="compact"] #workspace header{padding-block:.55rem}html[data-density="compact"] .panel,html[data-density="compact"] .form-section{padding:.7rem}html[data-density="compact"] td,html[data-density="compact"] th{padding:.45rem .55rem}html[data-density="compact"] .section-gap{margin-top:.65rem}
@media(max-width:900px){.operator-create-grid{grid-template-columns:1fr}.operator-stepper{grid-template-columns:1fr}.header-actions .operator-shell-action{display:inline-flex}}
@media(max-width:850px){.header-actions{align-items:stretch;flex-direction:column;gap:9px}.header-operator-actions{display:flex;align-items:center;gap:0;width:100%;overflow:visible}.header-control-cluster{width:auto;align-content:center}.header-control-cluster button{min-height:42px}.header-workflow-actions,.header-activity-actions,.header-preference-actions{justify-content:flex-start}.header-scope-actions{width:100%;justify-content:flex-start}}
@media(max-width:520px){.header-operator-actions{align-items:flex-start;flex-direction:column;gap:7px}.header-control-cluster{width:100%;padding:0;border:0}.header-control-cluster button{min-height:44px;max-width:100%}}
.first-install-list{display:grid;gap:.55rem;margin-top:1rem}.first-install-step{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;padding:.8rem;border:1px solid var(--border,#d7dce3);border-radius:.7rem}.first-install-step.done{background:var(--success-bg,#effaf3)}.first-install-step small{display:block;color:var(--muted,#657080);margin-top:.2rem}.first-install-state{display:grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:999px;background:var(--surface-2,#eef1f5);font-weight:700}.first-install-step.done .first-install-state{background:#dff6e8}
@media(max-width:700px){.first-install-step{grid-template-columns:auto 1fr}.first-install-step button{grid-column:1/-1;width:100%}.context-help-popover{position:fixed!important;inset:auto 8px 8px!important;max-width:none!important;max-height:42vh;overflow:auto;border-radius:14px;padding:16px;box-shadow:0 -18px 60px rgba(0,0,0,.22)}}

/* Final shared visual system. Keep one calm GeoDNS identity across old and
   newer surfaces: deep mineral ink, a restrained teal action color, and
   status colors reserved for actual state. This layer is intentionally last
   in index.html so legacy component rules cannot reintroduce mixed palettes. */
html[data-theme="dark"]{
  --canvas:#0d1722;--surface:#121f2c;--surface-2:#182a39;--surface-3:#203545;
  --line:#2a3d4d;--line-strong:#40596c;--ink:#edf3f5;--ink-2:#c1cdd1;--ink-3:#91a3aa;
  --accent:#18777c;--accent-strong:#115e63;--primary:#18777c;--primary-strong:#115e63;
  --primary-soft:#18363d;--focus:#80d5d5;--signal:#66c8c6;--nav:#101d29;--nav-soft:#1a2c3a;
  --r-control:7px;--r-panel:10px;--control-h:38px;
}
html[data-theme="light"]{
  --canvas:#f2f5f5;--surface:#fff;--surface-2:#f6f8f8;--surface-3:#eaf0f0;
  --line:#d7e1e2;--line-strong:#aebfc2;--ink:#17282d;--ink-2:#435a60;--ink-3:#667d82;
  --accent:#147a82;--accent-strong:#0f646c;--primary:#147a82;--primary-strong:#0f646c;
  --primary-soft:#e7f3f2;--focus:#147a82;--signal:#087f83;--nav:#122632;--nav-soft:#1a3441;
  --r-control:7px;--r-panel:10px;--control-h:38px;
}
html[data-theme] body{font-family:var(--font-fa);font-size:13px;line-height:1.65;letter-spacing:0}
html[lang="en"][data-theme] body,html[lang="en"][data-theme] button,
html[lang="en"][data-theme] input,html[lang="en"][data-theme] select,
html[lang="en"][data-theme] textarea{font-family:var(--font-en)}
html[data-theme] :is(button,input,select,textarea){border-radius:var(--r-control)}
html[data-theme] :is(input,select,textarea){background:var(--surface);color:var(--ink);border-color:var(--line-strong)}
html[data-theme] :is(input,select,textarea)::placeholder{color:var(--ink-3);opacity:.9}
html[data-theme] :is(input,select,textarea):focus-visible{outline:2px solid color-mix(in srgb,var(--focus) 45%,transparent);outline-offset:1px;border-color:var(--focus)}
html[data-theme] header{background:var(--surface);border-color:var(--line);box-shadow:none}
html[data-theme] .page-breadcrumb,html[data-theme] header p{color:var(--ink-3)}
html[data-theme] .card,html[data-theme] .panel,html[data-theme] .product-page-guide,
html[data-theme] .resource-card,html[data-theme] .monitor-status-card,html[data-theme] .kpi-card,
html[data-theme] .signal-card,html[data-theme] .table-wrap{background:var(--surface);border-color:var(--line);border-radius:var(--r-panel);box-shadow:none}
html[data-theme] .card,html[data-theme] .panel{padding:16px}
html[data-theme] .ops-hero{position:relative;overflow:hidden;background:var(--nav);border:1px solid var(--line);border-inline-start:4px solid var(--accent);border-radius:var(--r-panel);box-shadow:none}
html[data-theme] .ops-hero::before{display:none}
html[data-theme] .ops-hero .ops-eyebrow{color:var(--accent)}
html[data-theme] .kpi-card.attention,html[data-theme] .kpi-card.critical{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
html[data-theme] th{background:var(--surface-2);color:var(--ink-2)}
html[data-theme] th,html[data-theme] td{border-color:var(--line)}
html[data-theme] tbody tr:nth-child(even){background:color-mix(in srgb,var(--surface-2) 48%,var(--surface))}
html[data-theme] tbody tr:hover{background:var(--primary-soft)}
html[data-theme] .table-wrap code,html[data-theme] .technical,html[data-theme] .technical-input,
html[data-theme] .timestamp-cell,html[data-theme] .localized-timestamp{letter-spacing:0;font-variant-numeric:tabular-nums}
html[data-theme] .pill{border:1px solid color-mix(in srgb,currentColor 17%,transparent);border-radius:5px}
html[data-theme] .nav-journey{border-bottom-color:color-mix(in srgb,var(--line) 72%,transparent)}
html[data-theme] .nav-journey-toggle{border-radius:7px}
html[data-theme] .nav-journey.active>.nav-journey-toggle{background:color-mix(in srgb,var(--accent) 13%,transparent);color:#f4fbfb}
html[data-theme] .nav-tool{border-radius:6px}
html[data-theme] .nav-tool.active,html[data-theme] .nav-tool[aria-current="page"]{background:color-mix(in srgb,var(--accent) 24%,var(--nav))!important;box-shadow:inset 3px 0 0 var(--accent);color:#fff}
html[dir="rtl"][data-theme] .nav-tool.active,html[dir="rtl"][data-theme] .nav-tool[aria-current="page"]{box-shadow:inset -3px 0 0 var(--accent)}
html[data-theme] .row-actions{display:flex;flex-wrap:wrap;align-content:center;min-width:0;max-width:30rem;gap:5px}
html[data-theme] .row-actions button{white-space:nowrap}
html[data-theme] .modal{padding:clamp(10px,2vw,24px);background:rgba(3,12,19,.64)}
html[data-theme] .modal-card{width:min(820px,calc(100vw - 28px));max-height:calc(100dvh - 28px);border:1px solid var(--line-strong);border-radius:12px;background:var(--surface);box-shadow:0 24px 72px rgba(0,0,0,.32)}
/* Record management is a workspace, not a narrow form. Keep this selector
   more specific than the generic themed modal so its width survives theming. */
html[data-theme] .modal-card.record-workspace-modal{width:min(1600px,calc(100vw - 24px));max-width:100%;max-height:calc(100dvh - 24px)}
html[data-theme] .modal:has(.record-workspace-modal){padding:12px}
@media(min-width:901px){
  .record-workspace-modal .record-table-wrap table{width:100%;min-width:0;table-layout:fixed}
  .record-workspace-modal .record-table-wrap th:nth-child(1){width:22%}
  .record-workspace-modal .record-table-wrap th:nth-child(2),.record-workspace-modal .record-table-wrap th:nth-child(3){width:6%}
  .record-workspace-modal .record-table-wrap th:nth-child(4){width:18%}
  .record-workspace-modal .record-table-wrap th:nth-child(5){width:32%}
  .record-workspace-modal .record-table-wrap th:nth-child(6){width:16%}
  .record-workspace-modal .record-table-wrap td{white-space:normal;overflow-wrap:anywhere;min-width:0}
  .record-workspace-modal .record-table-wrap td code,.record-workspace-modal .record-table-wrap td small{display:block;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-word;overflow:visible;text-overflow:clip}
  .record-workspace-modal .record-table-wrap td.actions{min-width:0;white-space:normal}
}
html[data-theme] .modal-card>h2{padding-inline-end:42px;color:var(--ink)}
html[data-theme] .modal-card .close{inset-inline-end:18px;top:16px;background:var(--surface-2);color:var(--ink-2);border:1px solid var(--line)}
html[data-theme] .modal-card #modal-form>.form-actions{background:var(--surface);border-color:var(--line);box-shadow:0 -6px 14px color-mix(in srgb,var(--canvas) 72%,transparent)}
html[data-theme] .context-help-popover{border-radius:9px;border-color:var(--line-strong);background:var(--surface);box-shadow:0 16px 42px rgba(0,0,0,.28)}
html[data-theme] button.secondary,html[data-theme] button.ghost,html[data-theme] .secondary,html[data-theme] .close{background:var(--surface-2);color:var(--ink-2);border-color:var(--line)}
html[data-theme] button.secondary:hover,html[data-theme] button.ghost:hover,html[data-theme] .close:hover{background:var(--surface-3);color:var(--ink)}
html[data-theme] .header-workflow-actions #operator-global-create{background:var(--accent);border-color:var(--accent);color:#fff}
html[data-theme] .header-workflow-actions #operator-global-create:hover{background:var(--accent-strong);color:#fff}
@media(max-width:850px){html[data-theme] #content{padding:16px 14px 40px}html[data-theme] .ops-hero{padding:18px}.header-control-cluster{max-width:100%}.header-scope-actions{min-width:0;max-width:100%}.header-scope-actions #scope-status{display:inline-block;flex:0 1 auto;min-width:0;max-width:min(42vw,220px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:520px){html[data-theme] .modal{padding:8px}html[data-theme] .modal-card{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:10px}html[data-theme] .row-actions{max-width:none}}

/* Stable operator header: scope is a dedicated row; actions retain their semantic groups. */
header{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:10px}
.header-actions{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"scope" "operator";align-items:center;gap:8px;width:100%;min-width:0;overflow:visible}
.header-scope-actions{grid-area:scope;display:flex;align-items:center;justify-content:flex-start;gap:7px;width:100%;min-width:0}
html[dir="ltr"] .header-actions{grid-template-areas:"scope" "operator";grid-template-columns:minmax(0,1fr)}
.header-operator-actions{grid-area:operator;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;justify-content:stretch;gap:8px;width:100%;min-width:0;overflow:visible}
@media(max-width:1100px){.header-operator-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.header-preference-actions{grid-column:1/-1}}
@media(max-width:850px){.header-actions{gap:8px}.header-operator-actions{grid-template-columns:minmax(0,1fr)}.header-control-cluster{max-width:100%}.header-control-cluster button{min-height:42px}}
@media(max-width:520px){.header-control-cluster button{min-height:44px;max-width:100%;flex:1 1 calc(50% - 6px);justify-content:center;white-space:normal}.header-scope-actions #scope-status{max-width:42vw}}