/*
 * Control Center component and bounded-domain stylesheet.
 * Platform-wide palette, native Perfex shell, authentication, and brand shapes
 * are owned by /assets/css/custom.css. Module rules consume those tokens.
 */

.control-center-shell {
  max-width: 1480px;
  margin: 0 auto;
}

.control-center-route-key {
  display: none;
}
/* --- Consolidated bounded-domain styles are appended below. --- */

/* source: domains/operon_ai_capability_governance_manager/assets/css/operon_ai_capability_governance_manager.css */
.operon-ai-manager {
  --ai-line: var(--op-line, rgba(15, 23, 42, 0.08));
  --ai-primary: var(--op-primary, #0b1f3b);
  --ai-accent: var(--op-accent, #c8a45c);
  --ai-surface: var(--op-surface, #fff);
  --ai-muted: var(--op-text-muted, #64748b);
}

.op-ai-page-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}

.op-ai-page-head h1 {
  margin: 0;
  color: var(--ai-primary);
  font-size: 24px;
  font-weight: 700;
}

.op-ai-page-head p {
  margin: 4px 0 0;
  color: var(--ai-muted);
}

.op-ai-tabs {
  padding-top: 18px;
}

.op-ai-band {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}

.op-ai-readiness-state,
.op-ai-form,
.op-ai-empty,
.op-ai-table-wrap {
  background: var(--ai-surface);
  border: 1px solid var(--ai-line);
  border-radius: 8px;
  box-shadow: var(--op-shadow-sm, 0 4px 12px rgba(0,0,0,.06));
}

.op-ai-readiness-state {
  min-height: 104px;
  padding: 16px;
}

.op-ai-readiness-state span,
.op-ai-readiness-state small {
  display: block;
  color: var(--ai-muted);
}

.op-ai-readiness-state strong {
  display: block;
  margin: 6px 0;
  color: var(--ai-primary);
  font-size: 30px;
  line-height: 1;
}

.op-ai-readiness-state.is-ready {
  border-color: rgba(34, 197, 94, .35);
}

.op-ai-readiness-state.is-warning,
.op-ai-readiness-state.is-blocked {
  border-color: rgba(200, 164, 92, .45);
}

.op-ai-form {
  margin-bottom: 16px;
  padding: 16px;
}

.op-ai-code,
.op-ai-code-input,
.op-ai-table code {
  font-family: Consolas, Monaco, monospace;
  font-size: 12px;
}

.op-ai-code {
  max-height: 360px;
  overflow: auto;
  padding: 14px;
  border: 1px solid var(--ai-line);
  border-radius: 8px;
  background: #0f172a;
  color: #f8fafc;
}

.op-ai-inline-form {
  display: flex;
  gap: 10px;
  max-width: 560px;
}

.op-ai-reference-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}

.op-ai-variable-bank {
  margin: 8px 0 16px;
  padding: 12px;
  border: 1px solid var(--ai-line);
  border-radius: 8px;
  background: #fbfdff;
}

.op-ai-variable-bank-head {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin-bottom: 8px;
}

.op-ai-variable-bank-head span {
  color: var(--ai-muted);
  font-size: 12px;
}

.op-ai-variable-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.op-ai-actions-cell {
  min-width: 230px;
}

.op-ai-section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.op-ai-section-head h4,
.op-ai-section-head .alert {
  margin: 0;
}

.op-ai-help-btn {
  width: 28px;
  min-width: 28px;
  height: 28px;
  padding: 0;
  border-radius: 50%;
  font-weight: 700;
  line-height: 26px;
}

.op-ai-details {
  margin-bottom: 16px;
  padding: 12px 14px;
  background: var(--ai-surface);
  border: 1px solid var(--ai-line);
  border-radius: 8px;
}

.op-ai-details summary {
  color: var(--ai-primary);
  cursor: pointer;
  font-weight: 600;
}

.op-ai-details .form-group {
  margin-top: 12px;
}

.op-ai-row-details summary {
  cursor: pointer;
  font-weight: 600;
}

.op-ai-row-details .op-ai-code {
  max-height: 220px;
  margin-top: 8px;
}

.op-ai-json-preview {
  margin-top: 8px;
}

.op-ai-json-preview summary {
  cursor: pointer;
  font-weight: 600;
}

.op-ai-json-restricted {
  margin-top: 8px;
  color: var(--ai-muted);
}

.op-ai-search-results {
  position: relative;
  z-index: 5;
  margin-top: -10px;
}

.op-ai-search-result {
  display: block;
  width: 100%;
  padding: 8px 10px;
  border: 1px solid var(--ai-line);
  border-top: 0;
  background: var(--ai-surface);
  color: var(--ai-primary);
  text-align: left;
}

.op-ai-search-result:hover,
.op-ai-search-result:focus {
  background: rgba(200, 164, 92, .12);
}

.op-ai-empty {
  padding: 16px;
  color: var(--ai-muted);
}

.op-ai-table-wrap {
  margin-bottom: 16px;
  padding: 8px;
}

.op-ai-table {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .op-ai-page-head,
  .op-ai-inline-form {
    display: block;
  }

  .op-ai-page-head .btn,
  .op-ai-inline-form .btn {
    margin-top: 10px;
    width: 100%;
  }

  .op-ai-band {
    grid-template-columns: 1fr;
  }
}

/* source: domains/operon_control_foundation/assets/css/operon-foundation-components.css */
.operon-panel {
  background: var(--operon-color-surface);
  border: 1px solid var(--operon-color-line);
  border-radius: var(--operon-radius-lg);
  box-shadow: var(--operon-shadow-md);
  padding: var(--operon-space-5);
}
.operon-surface-gradient {
  background: linear-gradient(145deg, rgba(11,31,59,0.98), rgba(31,58,102,0.95));
  color: #fff;
}
.operon-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border-radius: var(--operon-radius-pill);
  background: rgba(46, 91, 154, 0.08);
  color: var(--operon-color-primary-bright);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.operon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: var(--operon-radius-pill);
  border: 1px solid transparent;
  padding: 0.75rem 1rem;
  font-weight: 600;
  transition: transform var(--operon-transition-fast), box-shadow var(--operon-transition-fast), border-color var(--operon-transition-fast);
}
.operon-btn:hover,
.operon-btn:focus {
  text-decoration: none;
  transform: translateY(-1px);
}
.operon-btn-primary {
  background: var(--operon-gradient-primary);
  color: #fff;
  box-shadow: var(--operon-shadow-sm);
}
.operon-btn-outline {
  background: #fff;
  color: var(--operon-color-primary);
  border-color: rgba(31,58,102,0.22);
}
.operon-badge {
  display: inline-block;
  padding: 0.35rem 0.75rem;
  border-radius: var(--operon-radius-pill);
  background: rgba(200,164,92,0.16);
  color: #7c5b20;
  font-weight: 600;
}
.operon-field label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 600;
}
.operon-field input,
.operon-field select,
.operon-field textarea {
  width: 100%;
  border-radius: var(--operon-radius-md);
  border: 1px solid rgba(15,23,42,0.12);
  padding: 0.85rem 1rem;
  background: #fff;
}
.operon-table-wrap {
  overflow-x: auto;
}
.operon-inline-meta {
  display: inline-flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  color: var(--operon-color-text-muted);
}

/* source: domains/operon_control_foundation/assets/css/operon-foundation-shell.css */
body.admin.operon-theme #wrapper,
body.admin #wrapper .operon-ui {
  background: transparent;
}
.operon-shell-page {
  color: var(--operon-color-text);
}
.operon-container {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}
.operon-section {
  padding: var(--operon-space-5);
}
.operon-section-soft {
  background: rgba(255,255,255,0.56);
  border: 1px solid var(--operon-color-line);
  border-radius: var(--operon-radius-lg);
  box-shadow: var(--operon-shadow-sm);
}
.operon-grid {
  display: grid;
  gap: var(--operon-space-5);
}
.operon-grid-2 {
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}
.operon-grid-3 {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}
@media (max-width: 768px) {
  .operon-section {
    padding: var(--operon-space-4);
  }
}

/* source: domains/operon_control_foundation/assets/css/operon-foundation-tokens.css */
:root {
  --operon-color-primary: #0b1f3b;
  --operon-color-primary-soft: #1f3a66;
  --operon-color-primary-bright: #2e5b9a;
  --operon-color-accent: #c8a45c;
  --operon-color-accent-light: #f1d28a;
  --operon-color-bg: #f8fafc;
  --operon-color-surface: #ffffff;
  --operon-color-surface-soft: #f1f5f9;
  --operon-color-text: #0f172a;
  --operon-color-text-soft: #334155;
  --operon-color-text-muted: #64748b;
  --operon-color-line: rgba(15, 23, 42, 0.08);
  --operon-gradient-primary: linear-gradient(135deg, var(--operon-color-primary) 0%, var(--operon-color-primary-soft) 50%, var(--operon-color-primary-bright) 100%);
  --operon-gradient-accent: linear-gradient(90deg, var(--operon-color-accent), var(--operon-color-accent-light));
  --operon-font-sans: Inter, "Segoe UI", Tahoma, Arial, sans-serif;
  --operon-space-1: 0.25rem;
  --operon-space-2: 0.5rem;
  --operon-space-3: 0.75rem;
  --operon-space-4: 1rem;
  --operon-space-5: 1.5rem;
  --operon-space-6: 2rem;
  --operon-radius-sm: 14px;
  --operon-radius-md: 18px;
  --operon-radius-lg: 24px;
  --operon-radius-pill: 999px;
  --operon-shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.06);
  --operon-shadow-md: 0 8px 24px rgba(0, 0, 0, 0.08);
  --operon-shadow-lg: 0 18px 42px rgba(15, 23, 42, 0.12);
  --operon-z-base: 1;
  --operon-z-sticky: 10;
  --operon-z-overlay: 100;
  --operon-transition-fast: 160ms ease;
}
body.operon-theme {
  background: linear-gradient(180deg, #ffffff, var(--operon-color-bg));
  color: var(--operon-color-text);
  font-family: var(--operon-font-sans);
}
body.operon-theme.operon-ar {
  font-family: Tahoma, Arial, sans-serif;
}

/* source: domains/operon_control_foundation/assets/css/operon-foundation-utilities.css */
.operon-stack > * + * {
  margin-top: var(--operon-space-4);
}
.operon-text-muted {
  color: var(--operon-color-text-muted);
}
.operon-kv {
  display: grid;
  grid-template-columns: 180px 1fr;
  gap: var(--operon-space-3);
  align-items: start;
}
.operon-kv dt {
  font-weight: 700;
}
.operon-kv dd {
  margin: 0;
}
.operon-pill-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

/* source: domains/operon_control_tenant_onboarding/assets/css/control_tenant_onboarding.css */
/*
  Control Tenant Onboarding module CSS.
  Hybrid styling model:
  - Global Operon branding lives in Perfex custom.css via --op-* tokens and op-* semantic classes.
  - This file keeps only module-specific layout, positioning, overflow, widths, and state helpers.
*/

.tenant-onboarding-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 16px;
  gap: 16px;
}

.tenant-onboarding-header__title {
  margin: 0 0 4px;
}

.tenant-onboarding-header__lead {
  margin-bottom: 0;
}

.tenant-onboarding-header__badge .label {
  font-size: 11px;
  padding: 6px 10px;
}

.tenant-onboarding-search-shell {
  position: relative;
}

.tenant-onboarding-results-dropdown {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  z-index: 30;
  display: none;
  max-height: 240px;
  overflow: auto;
}

.tenant-onboarding-results-dropdown.open {
  display: block;
}

.tenant-onboarding-result-option {
  display: block;
  padding: 10px 12px;
  text-decoration: none;
}

.tenant-onboarding-result-option:last-child {
  border-bottom: none;
}

.tenant-onboarding-result-option:hover,
.tenant-onboarding-result-option:focus {
  text-decoration: none;
}

.tenant-onboarding-summary-grid .panel_s {
  margin-bottom: 15px;
}

.tenant-onboarding-kpi-value {
  word-break: break-word;
}

.tenant-onboarding-tab-content {
  border-top: none;
  padding: 18px;
}

.tenant-onboarding-table-tight th {
  width: 260px;
}

.tenant-onboarding-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.tenant-onboarding-envelope {
  margin-top: 16px;
}

.tenant-onboarding-pre {
  max-height: 280px;
  overflow: auto;
}

#tenant-onboarding-stage-indicator {
  min-height: 20px;
  margin-top: 6px;
}

#tenant-onboarding-feedback.hide {
  display: none !important;
}

.tenant-onboarding-editor-banner {
  margin-bottom: 16px;
}

#tenant-onboarding-saved-cases .table td:last-child {
  white-space: nowrap;
}

.tenant-onboarding-status-tag {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  border: 1px solid transparent;
}

.tenant-onboarding-status-tag--success {
  background: #edf7f1;
  color: #14532d;
  border-color: #cbe7d4;
}

.tenant-onboarding-status-tag--warning {
  background: #fff7e8;
  color: #7c4a03;
  border-color: #f0d7a4;
}

.tenant-onboarding-status-tag--danger {
  background: #fff1f2;
  color: #7f1d1d;
  border-color: #f4c6cc;
}

.tenant-onboarding-status-tag--neutral,
.tenant-onboarding-status-tag--muted {
  background: var(--op-bg-soft, #eef4fb);
  color: var(--op-text-soft, #334155);
  border-color: var(--op-line-strong, rgba(11, 31, 59, 0.16));
}

/* source: domains/operon_embedded_channel_provisioning_manager/assets/css/operon_embedded_channel_provisioning_manager.css */
.operon-channel-provisioning{max-width:1480px;margin:0 auto;padding:18px;color:#17233a}
.operon-channel-provisioning [hidden]{display:none!important}
.ocp-hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:22px;border-radius:8px;background:#12345a;color:#fff;box-shadow:0 12px 30px rgba(15,23,42,.12);margin-bottom:18px}
.ocp-hero-compact{padding:20px 22px}
.ocp-eyebrow{text-transform:uppercase;font-weight:800;color:#f1d28a;font-size:12px;margin-bottom:8px;letter-spacing:0}
.ocp-hero h1{margin:0 0 8px;font-size:28px;letter-spacing:0}
.ocp-hero p{margin:0;color:#dce8f8;max-width:880px}
.ocp-btn{border:1px solid transparent;border-radius:8px;padding:10px 14px;background:#fff;color:#0b1f3b;font-weight:800;line-height:1.2}
.ocp-btn.primary{background:#c8a45c;color:#08172d}
.ocp-btn.dark{background:#0b1f3b;color:#fff}
.ocp-btn.soft{background:#eef4fb;color:#0b1f3b}
.ocp-btn.danger{background:#fff0f0;color:#a32e2e;border-color:#f3c3c3}
.ocp-btn:disabled{opacity:.62;cursor:not-allowed}
.ocp-admin-layout,.ocp-grid,.ocp-guided-shell{display:grid;grid-template-columns:minmax(360px,430px) 1fr;gap:18px}
.ocp-admin-dashboard-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px;align-items:start}
.ocp-kpis-vertical{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:18px}
.ocp-panel{background:#fff;border:1px solid rgba(15,23,42,.09);border-radius:8px;box-shadow:0 8px 24px rgba(15,23,42,.08);padding:18px;margin-bottom:18px}
.ocp-head{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(15,23,42,.09);padding-bottom:14px;margin-bottom:14px;align-items:flex-start}
.ocp-head h2,.ocp-head h3{margin:0;letter-spacing:0}
.ocp-head p{margin:4px 0 0;color:#64748b}
.ocp-input:not(.ocp-input.dropdown),.ocp-select,.ocp-textarea{width:100%;min-height:42px;border:1px solid #d8e1ed;border-radius:8px;background:#fff;padding:10px 12px}
.ocp-input-error{border-color:#dc2626!important;box-shadow:0 0 0 2px rgba(220,38,38,.12)}
.ocp-textarea{min-height:96px}
.ocp-field{margin-bottom:12px}
.ocp-field-error label{color:#991b1b}
.ocp-field-error-message{display:block;margin-top:5px;color:#991b1b;font-size:12px;line-height:1.35}
.ocp-field label,.ocp-search-shell label{font-weight:800;display:block;margin-bottom:6px}
.ocp-row,.ocp-action-row,.ocp-search-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.ocp-checkbox-line{display:flex;gap:8px;align-items:center;font-weight:800;color:#17233a}
.ocp-check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.ocp-check-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:flex-start;border:1px solid rgba(15,23,42,.1);border-radius:8px;background:#fbfdff;padding:10px;font-weight:700;color:#17233a}
.ocp-check-card input{margin-top:3px}
.ocp-check-card small{display:block;margin-top:3px;color:#64748b;font-weight:600;line-height:1.35}
.ocp-search-row .ocp-input{flex:1 1 240px}
.ocp-kpis{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:12px;margin-bottom:18px}
.ocp-kpi{border:1px solid rgba(15,23,42,.09);border-radius:8px;padding:14px;background:#fbfdff}
.ocp-kpi span{font-size:12px;color:#64748b;display:block}
.ocp-kpi strong{display:block;font-size:22px;margin-top:4px;letter-spacing:0}
.ocp-kpi small{display:block;color:#64748b;margin-top:4px}
.ocp-badge,.ocp-tag{display:inline-flex;justify-content:center;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;border:1px solid rgba(15,23,42,.09);background:#fff;color:#0b1f3b;text-align:center;line-height:1.15}
.ocp-badge.good{background:#eaf8f1;color:#16744a;border-color:#c6ead8}
.ocp-badge.warn{background:#fff8e8;color:#9a6200;border-color:#f4dfab}
.ocp-badge.bad{background:#fff0f0;color:#a32e2e;border-color:#f3c3c3}
.ocp-badge.info{background:#eaf2ff;color:#1d5595;border-color:#c8dcff}
.ocp-tag{background:#f8fafc;color:#475569}
.ocp-tag.good{background:#eaf8f1;color:#16744a;border-color:#c6ead8}
.ocp-tag.warn{background:#fff8e8;color:#9a6200;border-color:#f4dfab}
.ocp-tag.bad{background:#fff0f0;color:#a32e2e;border-color:#f3c3c3}
.ocp-channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ocp-tenant-onboarding .ocp-channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.ocp-channel-card,.ocp-step-card{border:1px solid rgba(15,23,42,.09);border-radius:8px;background:#fff;padding:16px;min-height:150px;display:flex;flex-direction:column;gap:10px}
.ocp-card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.ocp-card-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.ocp-card-title{font-weight:900;font-size:17px;letter-spacing:0}
.ocp-help-button{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(37,99,235,.22);background:#eff6ff;color:#1d4ed8;font-weight:900;text-decoration:none;flex:0 0 auto}
.ocp-help-button:hover,.ocp-help-button:focus{background:#dbeafe;color:#1e40af;text-decoration:none}
.ocp-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
.ocp-card-action-note{display:inline-flex;align-items:center;min-height:38px;font-size:12px}
.ocp-card-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
.ocp-provider-list{display:grid;gap:10px;margin-top:auto}
.ocp-provider-list[hidden]{display:none!important}
.ocp-provider-option{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;border:1px solid rgba(15,23,42,.09);border-radius:8px;background:#fbfdff;padding:10px}
.ocp-provider-button{width:100%;text-align:left;color:#17233a;cursor:pointer}
.ocp-provider-button.active{border-color:#12345a;background:#eef4fb}
.ocp-provider-option strong{display:block;font-weight:900}
.ocp-provider-option small{display:block;color:#64748b;margin:3px 0 8px;line-height:1.35}
.ocp-provider-option .ocp-card-actions{margin-top:0;justify-content:flex-end}
.ocp-queue-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ocp-queue-grid article{border:1px solid rgba(15,23,42,.09);border-radius:8px;background:#fbfdff;padding:14px;min-height:120px}
.ocp-queue-grid h4{margin:0 0 8px;letter-spacing:0}
.ocp-queue-list{display:grid;gap:10px}
.ocp-queue-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;border:1px solid rgba(15,23,42,.09);border-radius:8px;background:#fbfdff;padding:12px}
.ocp-queue-item .ocp-card-actions,.ocp-queue-item small{grid-column:1/-1}
.ocp-queue-item small{color:#64748b;word-break:break-word}
.ocp-search-shell{position:relative;margin-bottom:12px}
.ocp-results-dropdown{position:absolute;z-index:30;top:100%;left:0;right:0;background:#fff;border:1px solid rgba(15,23,42,.12);border-radius:8px;box-shadow:0 14px 34px rgba(15,23,42,.16);padding:6px;margin-top:4px;max-height:320px;overflow:auto}
.ocp-result-item{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:8px;width:100%;text-align:left;border:0;background:#fff;border-radius:8px;padding:10px;color:#17233a}
.ocp-result-item:hover{background:#eef4fb}
.ocp-result-item code,.ocp-selected-tenant code,.ocp-table code{white-space:normal;word-break:break-word;color:#12345a;background:#eef4fb;border-radius:6px;padding:2px 5px}
.ocp-selected-tenant{display:grid;grid-template-columns:1fr auto;gap:4px 10px;border:1px solid rgba(15,23,42,.09);border-radius:8px;background:#fbfdff;padding:12px;margin-bottom:12px}
.ocp-selected-tenant code{grid-column:1/-1}
.ocp-selected-channel{display:grid;gap:5px;border:1px solid rgba(15,23,42,.09);border-radius:8px;background:#fbfdff;padding:12px;margin:14px 0}
.ocp-selected-channel strong{font-weight:900}
.ocp-selected-channel code{white-space:normal;word-break:break-word;color:#12345a;background:#eef4fb;border-radius:6px;padding:2px 5px}
.ocp-readiness-summary{border:1px solid rgba(15,23,42,.09);border-radius:8px;background:#fbfdff;padding:14px}
.ocp-inventory-summary{border:1px solid rgba(15,23,42,.09);border-radius:8px;background:#fbfdff;padding:12px;margin-bottom:14px}
.ocp-inventory-kpis{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.ocp-inventory-kpis span{display:inline-flex;gap:6px;align-items:baseline;border:1px solid rgba(15,23,42,.08);border-radius:8px;background:#fff;padding:8px 10px;color:#475569;font-weight:800}
.ocp-inventory-kpis strong{font-size:18px;color:#0b1f3b}
.ocp-inventory-kpis small{color:#64748b}
.ocp-tenant-inventory{display:grid;min-width:0;grid-template-columns:minmax(0,1fr);gap:14px}.ocp-tenant-inventory>*{min-width:0}
.ocp-inventory-family{min-width:0;border:1px solid rgba(15,23,42,.09);border-radius:8px;background:#fff;padding:14px;display:grid;gap:10px;align-content:start;overflow-wrap:anywhere}
.ocp-inventory-family p{margin:0;color:#64748b}
.ocp-inventory-provider{display:grid;gap:8px;border-top:1px solid rgba(15,23,42,.08);padding-top:10px}
.ocp-provider-heading{display:flex;justify-content:space-between;gap:10px;align-items:center}
.ocp-provider-heading strong{font-weight:900;color:#0b1f3b}
.ocp-provider-heading small{color:#64748b}
.ocp-inventory-table th:nth-child(1){width:36%}
.ocp-inventory-table th:nth-child(2){width:18%}
.ocp-inventory-table th:nth-child(3){width:28%}
.ocp-inventory-table th:nth-child(4){width:18%}
.ocp-inventory-table{min-width:760px}
.ocp-inventory-table th{white-space:nowrap}
.ocp-inventory-table th:last-child,.ocp-inventory-table td:last-child{width:1%;white-space:nowrap}
.ocp-inventory-table .ocp-btn{white-space:nowrap}
.ocp-config-summary{display:grid;gap:8px}
.ocp-config-summary strong{display:block;margin-bottom:2px}
.ocp-config-summary div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px;align-items:start}
.ocp-config-summary span{color:#64748b;font-weight:800}
.ocp-config-summary code{white-space:normal;word-break:break-word;color:#12345a;background:#eef4fb;border-radius:6px;padding:3px 6px}
.ocp-status-line{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.ocp-validation-result{border:1px solid rgba(15,23,42,.09);border-radius:8px;background:#fff;padding:12px;margin-top:10px;display:grid;gap:10px}
.ocp-validation-group{display:grid;gap:5px}
.ocp-validation-group strong{font-size:13px}
.ocp-validation-group ul{margin:0;padding-left:18px;color:#334155}
.ocp-validation-group li{margin:3px 0}
.ocp-diagnostics-drawer{margin-top:12px;border:1px solid rgba(15,23,42,.09);border-radius:8px;background:#fbfdff;padding:10px}
.ocp-diagnostics-drawer summary{font-weight:900;cursor:pointer}
.ocp-json{background:#071b34;color:#eaf2ff;border-radius:8px;padding:14px;overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;min-height:120px}
.ocp-json-compact{max-height:300px;min-height:90px;margin-top:10px}
.ocp-table-wrap{overflow:auto;border-radius:8px}
.ocp-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid rgba(15,23,42,.09);border-radius:8px;overflow:hidden;background:#fff}
.ocp-table th,.ocp-table td{padding:11px;border-bottom:1px solid rgba(15,23,42,.09);text-align:left;vertical-align:top}
.ocp-table th{background:#eef4fb;font-size:12px;text-transform:uppercase;color:#0b1f3b;letter-spacing:0}
.ocp-modal-backdrop{position:fixed;z-index:10000;inset:0;background:rgba(8,23,45,.5);display:flex;align-items:flex-start;justify-content:center;padding:60px 18px}
.ocp-modal-backdrop[hidden]{display:none!important}
.ocp-modal{background:#fff;border-radius:8px;box-shadow:0 24px 70px rgba(15,23,42,.28);padding:18px;width:min(980px,100%);max-height:calc(100vh - 90px);overflow:auto}
.ocp-modal-wide{width:min(1180px,100%)}
.ocp-webhook-builder{display:grid;grid-template-columns:1fr;gap:16px;align-items:start}
.ocp-webhook-table input,.ocp-webhook-table select{min-width:130px}
.ocp-webhook-table td:last-child{white-space:nowrap}
.ocp-tabs,.ocp-channel-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.ocp-tab,.ocp-channel-tab{border:1px solid rgba(15,23,42,.09);background:#fff;color:#0b1f3b;border-radius:999px;padding:9px 13px;font-weight:900}
.ocp-tab.active,.ocp-channel-tab.active{background:#0b1f3b;color:#fff}
.ocp-tab-panel,.ocp-tenant-step-panel{display:none}
.ocp-tab-panel.active,.ocp-tenant-step-panel.active{display:block}
.ocp-workbench{display:grid;grid-template-columns:300px 1fr;gap:16px}
.ocp-stepper{display:flex;flex-direction:column;gap:8px}
.ocp-inline-stepper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
.ocp-inline-stepper[hidden]{display:none!important}
.ocp-step{border:1px solid rgba(15,23,42,.09);border-radius:8px;padding:12px;background:#fff;text-align:left}
.ocp-step.active{border-color:#12345a;background:#eef4fb}
.ocp-step strong{display:block}
.ocp-step span{display:block;color:#64748b;font-size:12px;margin-top:3px}
.ocp-guided-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ocp-guided-two>*{min-width:0}
.ocp-portal-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:16px;margin-top:14px}
.ocp-portal-grid h4{margin:0 0 10px;color:#0b1f3b;font-weight:900}
.ocp-portal-surfaces{display:grid;gap:10px;margin-bottom:14px}
.ocp-portal-surface{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:flex-start;border:1px solid rgba(15,23,42,.09);border-radius:8px;background:#fbfdff;padding:10px}
.ocp-portal-surface.disabled{opacity:.65}
.ocp-portal-surface small{display:block;color:#64748b;margin-top:3px}
.ocp-tenant-onboarding .ocp-guided-shell{display:block}
.ocp-tenant-onboarding .ocp-guided-shell>aside{display:none}
.ocp-step-nav{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}
.ocp-step-nav>div{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.ocp-verification-card{min-height:120px;margin-bottom:14px}
.ocp-verification-log{border:1px solid rgba(15,23,42,.09);border-radius:8px;background:#fbfdff;padding:10px;display:grid;gap:8px}
.ocp-verification-log-row{align-items:flex-start}
.ocp-guidance{border-left:4px solid #c8a45c;background:#fff9eb;border-radius:8px;padding:12px;margin-bottom:14px;color:#5a420e}
.ocp-muted{color:#64748b}
.ocp-alert{padding:12px;border-radius:8px;margin-bottom:14px}
.ocp-alert.error{background:#fff0f0;color:#a32e2e}
.ocp-alert.ok{background:#eaf8f1;color:#16744a}
.ocp-alert.warn{background:#fff8e8;color:#9a6200}
@media(max-width:1180px){.ocp-admin-layout,.ocp-admin-dashboard-layout,.ocp-grid,.ocp-workbench,.ocp-guided-shell{grid-template-columns:1fr}.ocp-kpis,.ocp-channel-grid,.ocp-queue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ocp-tenant-inventory,.ocp-kpis-vertical{grid-template-columns:1fr}}
@media(max-width:720px){.ocp-kpis,.ocp-kpis-vertical,.ocp-channel-grid,.ocp-tenant-onboarding .ocp-channel-grid,.ocp-queue-grid,.ocp-guided-two,.ocp-portal-grid,.ocp-inline-stepper,.ocp-provider-option,.ocp-webhook-builder,.ocp-tenant-inventory{grid-template-columns:minmax(0,1fr)}.ocp-hero,.ocp-head,.ocp-step-nav,.ocp-provider-heading{flex-direction:column}.ocp-step-nav,.ocp-step-nav>div{align-items:stretch}.ocp-action-row .ocp-btn,.ocp-search-row .ocp-btn,.ocp-step-nav .ocp-btn,.ocp-provider-option .ocp-btn{width:100%}.ocp-provider-option .ocp-card-actions{justify-content:stretch}.ocp-result-item{grid-template-columns:minmax(0,1fr)}.ocp-selected-tenant{grid-template-columns:minmax(0,1fr)}.ocp-modal-backdrop{padding:20px 10px}.ocp-table th,.ocp-table td{min-width:130px}.ocp-webhook-builder .ocp-table-wrap{overflow:visible}.ocp-webhook-table thead{display:none}.ocp-webhook-table,.ocp-webhook-table tbody,.ocp-webhook-table tr,.ocp-webhook-table td{display:block;width:100%}.ocp-webhook-table tr{border-bottom:1px solid rgba(15,23,42,.12);padding:10px}.ocp-webhook-table td{border-bottom:0;padding:7px 0;min-width:0}.ocp-webhook-table td::before{content:attr(data-label);display:block;margin-bottom:4px;color:#64748b;font-size:12px;font-weight:900;text-transform:uppercase}.ocp-webhook-table input,.ocp-webhook-table select{min-width:0;width:100%}.ocp-webhook-table td:last-child{white-space:normal}}
.ocp-whatsapp-demo-layout{align-items:start}
.ocp-whatsapp-demo-tabs{margin-top:18px}
.ocp-whatsapp-phone{border:1px solid #d8dee8;border-radius:10px;background:#f7f9fc;overflow:hidden}
.ocp-whatsapp-phone-head{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #d8dee8;background:#ffffff}
.ocp-whatsapp-thread{min-height:260px;max-height:360px;overflow:auto;padding:16px;background:#eef3f1}
.ocp-whatsapp-bubble{max-width:78%;padding:10px 12px;border-radius:8px;margin:0 0 10px;line-height:1.45;background:#ffffff;border:1px solid #d7e0dd}
.ocp-whatsapp-bubble.sent{margin-left:auto;background:#dff8d8;border-color:#bde8b5}
.ocp-whatsapp-bubble.received{margin-right:auto}
.ocp-whatsapp-bubble.pending{opacity:.82}
.ocp-whatsapp-bubble.error{background:#fff0f0;border-color:#f3b3b3}
.ocp-whatsapp-composer{padding:14px;background:#ffffff}
.ocp-whatsapp-compose-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}
.ocp-whatsapp-compose-row textarea{resize:vertical;min-height:44px;max-height:110px}
.ocp-demo-steps{margin:0 0 16px;padding-left:20px;color:#374151}
.ocp-demo-steps li{margin:0 0 10px}
.ocp-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ocp-template-builder{display:grid;gap:4px}
.ocp-template-preview{margin-bottom:12px}
.ocp-template-phone-preview{display:grid;gap:8px;border:1px solid #d8e1ed;border-radius:8px;background:#fff;padding:12px;margin-bottom:10px}
.ocp-template-phone-preview p{margin:0;white-space:pre-wrap}
.ocp-template-phone-preview small{color:#64748b}
@media (max-width: 900px){.ocp-whatsapp-bubble{max-width:92%}.ocp-form-grid{grid-template-columns:1fr}}
@media (max-width: 720px){.ocp-whatsapp-compose-row{grid-template-columns:1fr}}

/* source: domains/operon_execution_gateway/assets/css/operon_execution_gateway.css */
.operon-runtime-card{border:1px solid #e4e5e7;border-radius:8px;padding:16px;margin-bottom:16px;background:#fff}
.operon-runtime-title{font-size:26px;line-height:1.2;margin:0 0 10px}
.operon-runtime-chip{display:inline-block;padding:4px 8px;border-radius:999px;background:#f1f5f9;margin-right:6px;margin-bottom:6px}
.operon-runtime-chip-wrap{margin-top:10px}
.operon-runtime-kpi{font-size:24px;font-weight:700}
.operon-runtime-muted{color:#6b7280}
.operon-runtime-section-title{margin-top:0;margin-bottom:6px;font-weight:600}

/* source: domains/operon_global_provider_management_manager/assets/css/operon_global_provider_management_manager.css */
.operon-provider-manager {
  --provider-line: var(--op-line, rgba(15, 23, 42, 0.08));
  --provider-primary: var(--op-primary, #0b1f3b);
  --provider-accent: var(--op-accent, #c8a45c);
  --provider-surface: var(--op-surface, #fff);
  --provider-muted: var(--op-text-muted, #64748b);
}

/* Tenant onboarding journey */
.tenant-onboarding-journey{margin:0 0 18px;padding:22px;border:1px solid rgba(15,23,42,.09);border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(241,245,249,.92));box-shadow:0 12px 32px rgba(15,23,42,.06)}
.tenant-onboarding-journey__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:20px}
.tenant-onboarding-journey__heading h3{margin:3px 0 6px;font-size:24px;line-height:1.2;color:var(--operon-color-heading,#0f172a)}
.tenant-onboarding-journey__heading p{margin:0;max-width:720px;color:var(--operon-color-muted,#64748b)}
.tenant-onboarding-eyebrow{display:block;color:var(--operon-color-primary,#0b1f3b);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.tenant-onboarding-journey__status{flex:0 0 auto;padding:7px 11px;border-radius:999px;background:rgba(148,163,184,.14);color:#475569;font-size:12px;font-weight:800}
.tenant-onboarding-journey__status.is-progress{background:rgba(14,165,233,.12);color:#0369a1}
.tenant-onboarding-journey__status.is-ready{background:rgba(34,197,94,.13);color:#166534}
.tenant-onboarding-stepper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none}
.tenant-onboarding-stepper li{position:relative;display:flex;align-items:flex-start;gap:10px;padding:0 18px 0 0;color:#64748b}
.tenant-onboarding-stepper li:not(:last-child)::after{content:"";position:absolute;top:15px;right:8px;width:calc(100% - 52px);height:2px;transform:translateX(100%);background:#dbe3ec;z-index:0}
.tenant-onboarding-stepper li>span{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex:0 0 32px;border:2px solid #cbd5e1;border-radius:50%;background:#fff;color:#64748b;font-weight:900}
.tenant-onboarding-stepper li div{display:flex;min-width:0;flex-direction:column}
.tenant-onboarding-stepper li strong{margin-top:1px;color:#334155;font-size:13px}
.tenant-onboarding-stepper li small{margin-top:2px;color:#94a3b8;line-height:1.35}
.tenant-onboarding-stepper li.is-active>span{border-color:var(--operon-color-primary,#0b1f3b);background:var(--operon-color-primary,#0b1f3b);color:#fff;box-shadow:0 0 0 4px rgba(14,116,144,.1)}
.tenant-onboarding-stepper li.is-complete>span{border-color:#16a34a;background:#16a34a;color:#fff}
.tenant-onboarding-stepper li.is-complete>span::before{content:"✓";font-size:14px}
.tenant-onboarding-stepper li.is-complete>span{font-size:0}
.tenant-onboarding-stepper li.is-complete:not(:last-child)::after{background:#86efac}
.tenant-onboarding-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid rgba(15,23,42,.08)}
.tenant-onboarding-section-heading>div{display:flex;align-items:flex-start;gap:12px}
.tenant-onboarding-section-heading h4{margin:1px 0 3px;color:var(--operon-color-heading,#0f172a);font-size:17px}
.tenant-onboarding-section-heading p{margin:0;color:var(--operon-color-muted,#64748b)}
.tenant-onboarding-section-number{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex:0 0 30px;border-radius:9px;background:var(--operon-color-primary,#0b1f3b);color:#fff;font-size:13px;font-weight:900}
.tenant-onboarding-form-section{margin:0 0 18px;padding:18px;border:1px solid rgba(15,23,42,.08);border-radius:12px;background:#fff}
.tenant-onboarding-form-section h5{margin:0 0 14px;color:#334155;font-size:13px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.tenant-onboarding-form-section .form-group{margin-bottom:15px}
.tenant-onboarding-form-section .form-group label,.tenant-onboarding-system-context .form-group label{color:#334155;font-size:12px;font-weight:800}
.tenant-onboarding-system-context{margin-top:4px;padding:14px 16px;border:1px dashed rgba(15,23,42,.16);border-radius:12px;background:#f8fafc}
.tenant-onboarding-system-context summary{cursor:pointer;color:#475569;font-weight:800}
.tenant-onboarding-system-context input[readonly]{background:#f1f5f9;color:#64748b}

@media(max-width:991px){.tenant-onboarding-stepper{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.tenant-onboarding-stepper li::after{display:none}}
@media(max-width:600px){.tenant-onboarding-journey{padding:18px}.tenant-onboarding-journey__heading{flex-direction:column;gap:12px}.tenant-onboarding-stepper{grid-template-columns:1fr}.tenant-onboarding-stepper li{padding-right:0}.tenant-onboarding-journey__status{align-self:flex-start}}

.op-provider-page-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}

.op-provider-page-head h1 {
  margin: 0;
  color: var(--provider-primary);
  font-size: 24px;
  font-weight: 700;
}

.op-provider-page-head p {
  margin: 4px 0 0;
  color: var(--provider-muted);
}

.op-provider-band {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}

.op-provider-stat,
.op-provider-form,
.op-provider-table-wrap {
  background: var(--provider-surface);
  border: 1px solid var(--provider-line);
  border-radius: 8px;
  box-shadow: var(--op-shadow-sm, 0 4px 12px rgba(0,0,0,.06));
}

.op-provider-stat {
  min-height: 96px;
  padding: 16px;
}

.op-provider-stat span,
.op-provider-stat small {
  display: block;
  color: var(--provider-muted);
}

.op-provider-stat strong {
  display: block;
  margin: 6px 0;
  color: var(--provider-primary);
  font-size: 28px;
  line-height: 1;
}

.op-provider-form {
  margin-bottom: 16px;
  padding: 16px;
}

.op-provider-tabs {
  margin: 10px 0 14px;
}

.op-provider-table-wrap {
  padding: 8px;
}

.op-provider-table {
  margin-bottom: 0;
}

.op-provider-table code {
  font-family: Consolas, Monaco, monospace;
  font-size: 12px;
}

.op-provider-source {
  display: inline-block;
  min-width: 38px;
  padding: 2px 8px;
  border-radius: 999px;
  text-align: center;
  font-size: 12px;
  border: 1px solid var(--provider-line);
}

.op-provider-source.is-env {
  color: #7c2d12;
  background: #fff7ed;
}

.op-provider-source.is-db {
  color: #14532d;
  background: #f0fdf4;
}

.op-provider-actions {
  white-space: nowrap;
}

.op-provider-inline {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0 6px 0 0;
}

.op-provider-probe {
  margin: 0;
  font-weight: 400;
  color: var(--provider-muted);
}

@media (max-width: 767px) {
  .op-provider-page-head {
    display: block;
  }

  .op-provider-page-head .btn {
    margin-top: 10px;
    width: 100%;
  }

  .op-provider-band {
    grid-template-columns: 1fr;
  }
}

/* source: domains/operon_lifecycle_billing_orchestration/assets/css/operon_lifecycle_billing_orchestration.css */
.cp03-lifecycle-page .cp03-tenant-form {
    margin-top: 18px;
    max-width: 420px;
}
.cp03-lifecycle-page .cp03-card-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px;
}
.cp03-lifecycle-page .cp03-card {
    border: 1px solid #e4e8f0;
    border-radius: 12px;
    padding: 14px;
    background: #fff;
}
.cp03-lifecycle-page .cp03-token-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.cp03-lifecycle-page pre {
    white-space: pre-wrap;
    word-break: break-word;
    max-height: 320px;
    overflow: auto;
    margin-bottom: 0;
    background: #f7f9fc;
    border: 1px solid #e4e8f0;
    border-radius: 10px;
    padding: 12px;
}

/* source: domains/operon_role_definition_publication_catalog_manager/assets/css/operon_role_definition_publication_catalog_manager.css */
/* Patch 13: GPR/Perfex theme-aligned UI polish.
   Generic tokens come from assets/css/custom.css; module-specific layout stays here. */
.op-rdpcm {
  --orcm-primary: var(--op-primary, #0b1f3b);
  --orcm-primary-strong: var(--op-primary-strong, #08172d);
  --orcm-primary-soft: var(--op-primary-soft, #1f3a66);
  --orcm-primary-bright: var(--op-primary-bright, #2e5b9a);
  --orcm-accent: var(--op-accent, #c8a45c);
  --orcm-accent-soft: var(--op-accent-soft, #d8b36d);
  --orcm-accent-light: var(--op-accent-light, #f1d28a);
  --orcm-bg-soft: var(--op-bg-soft, #eef4fb);
  --orcm-bg-light: var(--op-bg-light, #f8fbff);
  --orcm-bg-strong: var(--op-bg-strong, #e2e8f0);
  --orcm-surface: var(--op-surface, #ffffff);
  --orcm-surface-alt: var(--op-surface-alt, #fbfdff);
  --orcm-text: var(--op-text, #0f172a);
  --orcm-muted: var(--op-text-muted, #64748b);
  --orcm-line: var(--op-line, rgba(15, 23, 42, 0.08));
  --orcm-shadow: var(--op-shadow-sm, 0 4px 12px rgba(0,0,0,.06));
  --orcm-shadow-md: var(--op-shadow-md, 0 4px 12px rgba(0,0,0,.08));
  --orcm-shadow-lg: var(--op-shadow-lg, 0 4px 12px rgba(0,0,0,.12));
  --orcm-radius: var(--op-radius-lg, 24px);
}
.operon-ui { padding: 0 } .operon-container { max-width: 1440px; margin: 0 auto } .operon-section { margin-bottom: 24px } .operon-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px } .operon-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px } .op-tight-grid { gap: 12px } .operon-panel { background: #fff; border: 1px solid var(--orcm-line); border-radius: 16px; padding: 20px; box-shadow: 0 8px 24px var(--orcm-shadow-md) } .operon-surface-gradient { background: linear-gradient(135deg, #ffffff, var(--orcm-surface-alt)) } .operon-eyebrow { text-transform: uppercase; letter-spacing: .08em; font-size: 12px; color: var(--orcm-primary-bright); margin-bottom: 8px; font-weight: 700 } .operon-lead { color: #475569; max-width: 860px } .operon-field { margin-bottom: 14px } .operon-field label { display: block; font-weight: 700; margin-bottom: 6px } .operon-field :not([type="checkbox"]):not(label):not(.op-token-list .op-token-bubble):not(.op-policy-summary .op-policy-pill):not(.btn-xs), .operon-field textarea, .operon-field select { min-height: 40px; border-radius: 10px } .operon-code { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace } .op-hero { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px } .op-status-strip { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end } .op-pill { display: inline-flex; align-items: center; border: 1px solid var(--orcm-line); background: #fff; border-radius: 999px; padding: 7px 12px; font-weight: 700; color: #475569 } .op-tabs { margin-bottom: 18px } .op-tab-content { margin-top: 0 } .op-rdpcm .btn { border-radius: 999px } .op-rdpcm [readonly] { background: #f8fafc } .op-rdpcm .form-control:focus { box-shadow: 0 0 0 3px rgba(18, 59, 115, .12); border-color: #8bbcf0 } .op-workbench { align-items: start } .op-workbench-col { margin-bottom: 18px } .op-step-nav, .op-live-summary { position: sticky; top: 72px; align-self: start } .op-nav-step { width: 100%; display: grid; grid-template-columns: 30px 1fr; gap: 10px; text-align: left; border: 0; background: transparent; border-radius: 14px; padding: 12px; color: #334155 } .op-nav-step:hover, .op-nav-step.active { background: var(--orcm-bg-soft) } .op-nav-number { width: 26px; height: 26px; border-radius: 999px; background: #e2e8f0; display: grid; place-items: center; font-weight: 900; color: #475569; font-size: 12px } .op-nav-step.active .op-nav-number { background: #123b73; color: #fff } .op-nav-step strong { display: block; font-size: 13px } .op-nav-step small { display: block; color: var(--orcm-primary-bright); line-height: 1.35; margin-top: 2px } .op-builder-panel { min-height: 640px; position: relative } .op-panel-step { display: none } .op-panel-step.active { display: block } .op-section-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 14px; border-bottom: 1px solid var(--orcm-surface-alt); margin-bottom: 16px; padding-bottom: 14px } .op-section-head h4 { margin: 0; font-size: 20px } .op-section-head p { margin: 5px 0 0; color: var(--orcm-primary-bright); line-height: 1.45 } .op-choice-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px } .op-choice-card { border: 1px solid var(--orcm-line); border-radius: 14px; padding: 11px 12px; background: #fff; display: block; cursor: pointer } .op-choice-card input { margin-right: 7px } .op-choice-card span { font-weight: 700 } .op-choice-card small { display: block; color: var(--orcm-primary-bright); margin-left: 24px; line-height: 1.35 } .op-card-list { display: flex; flex-direction: column; gap: 12px; margin-bottom: 12px } .op-repeat-card { border: 1px solid var(--orcm-line); border-radius: 16px; padding: 14px; background: var(--orcm-surface-alt) } .op-card-top { display: flex; justify-content: space-between; gap: 12px; align-items: center; margin-bottom: 10px } .op-card-badges { display: flex; flex-wrap: wrap; gap: 5px } .op-badge { border: 1px solid #d3e3ff; background: var(--orcm-bg-soft); color: #173b6d; border-radius: 999px; padding: 4px 8px; font-size: 11px; font-weight: 800 } .op-generated-line { font-size: 12px; color: var(--orcm-primary-bright); margin: 4px 0 10px } .op-chip-list { display: flex; flex-wrap: wrap; gap: 6px } .op-chip, .op-chip-check { display: inline-flex; align-items: center; gap: 6px; background: var(--orcm-bg-soft); color: #173b6d; border: 1px solid #d3e3ff; border-radius: 999px; padding: 6px 9px; font-size: 12px; font-weight: 800; margin: 3px } .op-chip-check { cursor: pointer; background: #fff } .op-capability-list { display: flex; flex-wrap: wrap; gap: 4px } .op-summary-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 14px } .op-kpi { border: 1px solid var(--orcm-line); border-radius: 14px; padding: 12px; background: var(--orcm-bg-soft) } .op-kpi span { display: block; color: var(--orcm-primary-bright); font-size: 12px } .op-kpi strong { font-size: 20px } .op-progress { height: 8px; border-radius: 999px; overflow: hidden; background: var(--orcm-bg-strong); margin: 8px 0 14px } .op-progress span { display: block; height: 100%; width: 0; background: linear-gradient(90deg, var(--orcm-primary-soft), var(--orcm-primary-bright)) } .op-guidance { border-left: 4px solid var(--orcm-primary-soft); background: var(--orcm-bg-strong); border-radius: 12px; padding: 12px; color: var(--orcm-primary); font-size: 13px; line-height: 1.45; margin-bottom: 14px } .op-json-fragment, .op-result-box { background: var(--orcm-primary); color: var(--orcm-surface-alt); border-radius: 12px; border: 0; padding: 14px; white-space: pre-wrap } .op-json-fragment { max-height: 360px; overflow: auto; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 12px } .op-result-box { min-height: 92px } .op-workbench-footer { position: sticky; bottom: 0; background: var(--orcm-bg-light); backdrop-filter: blur(8px); border-top: 1px solid var(--orcm-surface-alt); margin: 18px -20px -20px; padding: 14px 20px; border-radius: 0 0 16px 16px; display: flex; justify-content: space-between; gap: 12px; align-items: center } .op-action-bar { display: flex; gap: 10px; align-items: center; justify-content: flex-end; margin-top: 16px; flex-wrap: wrap } .op-advanced-details { border: 1px solid var(--orcm-line); border-radius: 14px; padding: 12px; background: var(--orcm-bg-soft) } .op-advanced-details summary { font-weight: 800; cursor: pointer } .op-align-end { display: flex; align-items: flex-end } .op-check-field { display: flex; align-items: center } .op-check-field label { margin-top: 28px } .hidden { display: none !important } .op-rdpcm .table>thead>tr>th { white-space: nowrap } [dir="rtl"] .op-nav-step { text-align: right } [dir="rtl"] .op-choice-card input { margin-right: 0; margin-left: 7px } [dir="rtl"] .op-choice-card small { margin-left: 0; margin-right: 24px } @media (max-width:1180px) { .op-workbench {} .op-step-nav, .op-live-summary { position: static } .operon-grid-2, .operon-grid-3, .op-choice-grid { grid-template-columns: 1fr } .op-hero { flex-direction: column } .op-status-strip { justify-content: flex-start } }

/* CP05 UX pass: optional starter templates and calmer authoring rhythm. */
.op-rdpcm .op-basics-start-options {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  margin-bottom: 16px;
}
.op-rdpcm .op-start-blank {
  min-height: 42px;
  white-space: nowrap;
}
.op-rdpcm .op-builder-panel {
  padding: 22px;
}
.op-rdpcm .op-panel-step.active {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.op-rdpcm .op-panel-step > .op-section-head {
  margin-bottom: 2px;
}
.op-rdpcm .op-card-list {
  gap: 16px;
}
.op-rdpcm .op-repeat-card {
  padding: 16px;
}
.op-rdpcm .op-repeat-card > .operon-field:last-child,
.op-rdpcm .op-panel-step > .operon-field:last-child,
.op-rdpcm .op-repeat-card > .operon-grid-2:last-child .operon-field,
.op-rdpcm .op-repeat-card > .operon-grid-3:last-child .operon-field {
  margin-bottom: 0;
}
.op-rdpcm .op-card-top {
  padding-bottom: 10px;
  border-bottom: 1px solid var(--orcm-line);
}
.op-rdpcm .op-remove-row {
  margin-top: 4px;
}
@media (max-width: 767px) {
  .op-rdpcm .op-basics-start-options {
    grid-template-columns: 1fr;
  }
  .op-rdpcm .op-start-blank {
    width: 100%;
  }
}

/* Patch 4: Perfex-width friendly workbench layout */
.op-summary-row{margin-bottom:18px}.op-summary-row .op-live-summary{position:static;top:auto}.op-summary-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}.op-summary-head h4{margin-top:0}.op-summary-head p{margin:4px 0 0}.op-summary-grid-wide{grid-template-columns:repeat(4,minmax(0,1fr))}.op-workbench .op-step-nav{position:sticky;top:72px}.op-workbench .op-builder-panel{min-height:620px}.op-workbench-footer{justify-content:flex-end}.op-json-fragment{max-height:220px}.op-summary-row .op-json-fragment{max-height:180px}@media (max-width:991px){.op-workbench .op-step-nav{position:static}.op-summary-grid-wide{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.op-summary-head{display:block}.op-summary-grid-wide{grid-template-columns:1fr}.op-summary-row .op-json-fragment{max-height:260px}}


/* Patch 7: operator-guided refinements */
.op-card-help { width: 32px; height: 32px; border-radius: 999px; border: 1px solid rgba(200, 164, 92, .55); background: linear-gradient(180deg, #fff, #fff7e6); color: var(--operon-color-primary, #0b1f3b); font-weight: 900; line-height: 1; box-shadow: none; }
.op-repeat-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:12px 0 8px}
.op-trigger-row .operon-field{margin-bottom:0}
.op-review-summary{margin:10px 0 0;padding-left:18px}
.op-review-summary li{margin-bottom:7px;line-height:1.4}
#op-action-notice{margin:14px 0}
.op-section-head .btn+.btn{margin-left:6px}
@media (max-width:767px){.op-repeat-head{display:block}.op-repeat-head .btn{margin-top:8px}}

/* Patch 8A: summary counters and generated preview relocation */
.op-summary-counters{margin-left:-6px;margin-right:-6px}.op-summary-counters>[class*="col-"]{padding-left:6px;padding-right:6px;margin-bottom:10px}.op-summary-counters .op-kpi{text-align:center;min-height:74px;display:flex;flex-direction:column;justify-content:center}.op-generated-preview-panel{margin-top:18px}.op-generated-preview-panel .op-json-fragment{max-height:320px}.op-live-summary .op-progress{margin-top:4px}.op-help-modal-body p,#op-help-modal-body p{line-height:1.55}
@media (max-width:767px){.op-summary-counters .op-kpi{text-align:left;min-height:auto}.op-generated-preview-panel .op-json-fragment{max-height:260px}}



.op-rdpcm .operon-panel {
  border-color: var(--orcm-line);
  border-radius: var(--orcm-radius);
  box-shadow: var(--orcm-shadow);
}
.op-rdpcm .op-hero {
  border-top: 4px solid var(--orcm-accent);
  background: linear-gradient(135deg, var(--orcm-surface) 0%, var(--orcm-bg-soft) 100%);
}
.op-rdpcm .operon-eyebrow,
.op-rdpcm .op-section-head h4,
.op-rdpcm .op-review-block h5 {
  color: var(--orcm-primary);
}
.op-rdpcm .op-tabs > li > a {
  padding: 13px 18px;
}
.op-rdpcm .op-tabs > li.active > a,
.op-rdpcm .op-tabs > li.active > a:hover,
.op-rdpcm .op-tabs > li.active > a:focus {
  border-bottom: 3px solid var(--orcm-accent);
}
.op-rdpcm .operon-field {
  margin-bottom: 18px;
}
.op-rdpcm .form-control,
.op-rdpcm .operon-field input:not([type="checkbox"]),
.op-rdpcm .operon-field select,
.op-rdpcm .operon-field textarea,
.op-rdpcm .op-repeat-card input:not([type="checkbox"]),
.op-rdpcm .op-repeat-card select,
.op-rdpcm .op-repeat-card textarea {
  min-height: 46px;
  border-radius: var(--op-radius-sm, 14px);
  padding: 10px 13px;
}
.op-rdpcm textarea.form-control,
.op-rdpcm .op-repeat-card textarea {
  min-height: 96px;
}
.op-rdpcm textarea.rtl,
.op-rdpcm .rtl {
  direction: rtl;
  text-align: right;
}
.op-rdpcm .op-message-locale-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.op-rdpcm .op-message-locale-head label {
  margin-bottom: 6px;
}
.op-rdpcm .op-message-phrase-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 8px 0 4px;
}
#op-message-phrase-modal .op-message-phrase-error {
  margin-bottom: 0;
}
#op-message-phrase-modal textarea.form-control {
  min-height: 110px;
}
.op-rdpcm .op-summary-counters {
  display: flex;
  flex-wrap: wrap;
}
.op-rdpcm .op-summary-counters > [class*="col-"] {
  display: flex;
}
.op-rdpcm .op-summary-counters .op-kpi {
  width: 100%;
  border: 1px solid rgba(11,31,59,.10);
  background: linear-gradient(180deg, #fff 0%, var(--orcm-surface-alt) 100%);
  border-radius: var(--op-radius-md, 18px);
  box-shadow: none;
  position: relative;
  overflow: hidden;
}
.op-rdpcm .op-summary-counters .op-kpi:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: var(--orcm-accent);
}
.op-rdpcm .op-kpi span {
  color: var(--orcm-muted);
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: 11px;
}
.op-rdpcm .op-kpi strong {
  color: var(--orcm-primary);
}
.op-rdpcm .op-progress {
  height: 10px;
  background: var(--orcm-primary-strong, #08172d);
  /* background: rgba(11,31,59,.08); */
  border-radius: 999px;
  overflow: hidden;
}
.op-rdpcm .op-progress span {
  background: linear-gradient(90deg, var(--orcm-primary), var(--orcm-accent));
}
.op-rdpcm .op-step-nav {
  padding: 14px;
}
.op-rdpcm .op-nav-step {
  border: 1px solid transparent;
  border-radius: var(--op-radius-md, 18px);
  margin-bottom: 10px;
  padding: 12px;
  transition: background .18s ease, border-color .18s ease, transform .18s ease;
}
.op-rdpcm .op-nav-step:hover,
.op-rdpcm .op-nav-step:focus {
  background: var( --orcm-bg-strong);
  /* background: rgba(11,31,59,.035); */
  border-color: var(--orcm-line);
  transform: translateY(-1px);
}
.op-rdpcm .op-nav-step.active {
  /* background: linear-gradient(135deg, rgba(11,31,59,.08), rgba(200,164,92,.14)); */
  background: linear-gradient(135deg, var(--orcm-primary-strong), var(--orcm-primary-bright));
  /* border-color: rgba(200,164,92,.38); */
  border-color: var(--orcm-primary-soft);
}
.op-rdpcm .op-nav-number {
  background: var(--orcm-primary);
  color: #fff;
  box-shadow: inset 0 0 0 2px var(--op-shadow-lg);
}
.op-rdpcm .op-nav-step.active .op-nav-number {
  background: var(--orcm-accent);
  color: var(--op-primary-strong, #08172d);
}
.op-rdpcm .op-nav-step.active span, .op-rdpcm .op-nav-step.active small {
  color: var(--orcm-surface-alt);
}
.op-rdpcm .op-repeat-card,
.op-rdpcm .op-review-block,
.op-rdpcm .op-choice-card {
  border:  1px solid var(--orcm-line);
  border-radius: var(--op-radius-md, 18px);
  background: var(--orcm-surface-alt);
}
.op-rdpcm .op-repeat-card,
.op-rdpcm .op-review-block {
  padding: 18px;
  margin-bottom: 16px;
}
.op-rdpcm .op-generated-line,
.op-rdpcm .op-guidance {
  border-color: var(--orcm-primary-soft);
  background: var(--orcm-surface-alt);
}
.op-rdpcm .op-status-badge,
.op-rdpcm .label.op-status-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  font-weight: 700;
  letter-spacing: .01em;
}
.op-rdpcm .op-status-ready,
.op-rdpcm .op-status-execution {
  background: var(--orcm-primary) !important;
  color: var(--orcm-accent-light) !important;
  border: 1px solid var(--orcm-primary);
}
.op-rdpcm #op-json-state.label-info {
  background: var(--orcm-primary);
  color: var(--orcm-surface-alt);
  border: 1px solid  var(--orcm-primary);
}
.op-rdpcm #op-action-notice,
.op-rdpcm #op-execution-role-notice {
  border-left: 4px solid var(--orcm-accent);
  padding: 13px 15px;
}
.op-rdpcm .op-action-btn {
  min-height: 42px;
  padding-left: 16px;
  padding-right: 16px;
  box-shadow: none;
}
.op-rdpcm .op-action-secondary {
  border-color: var(--orcm-primary-soft);
}
.op-rdpcm .op-action-local,
.op-rdpcm .op-action-governance,
.op-rdpcm .op-action-gateway,
.op-rdpcm .op-action-publish {
  border-width: 1px;
}
.op-rdpcm .op-action-governance {
  background: var(--orcm-accent);
  border-color: var(--orcm-accent);
  color: var(--op-primary-strong, #08172d);
}
.op-rdpcm .op-action-gateway {
  background: var(--orcm-primary-soft);
  border-color: var(--orcm-primary-soft);
  color: #fff;
}
.op-rdpcm .op-action-publish {
  background: var(--orcm-primary);
  border-color: var(--orcm-primary);
  color: #fff;
}
.op-rdpcm .op-action-governance:hover,
.op-rdpcm .op-action-gateway:hover,
.op-rdpcm .op-action-publish:hover {
  filter: brightness(.96);
}
.op-rdpcm .op-action-btn[disabled],
.op-rdpcm .op-action-btn.disabled {
  opacity: .54;
  cursor: not-allowed;
}
.op-rdpcm .op-generated-preview-panel {
  border-top: 4px solid var(--orcm-accent);
}
.op-rdpcm .op-json-fragment,
.op-rdpcm .op-result-box,
.op-rdpcm #op-generated-json {
  background: var(--orcm-primary-strong, #08172d );
  color: var(--orcm-surface-alt, #fbfdff) ;
  /* background: #0b1220;
  color: #e7edf7; */
  border-radius: var(--op-radius-md, 18px);
  border: 1px solid rgba(255,255,255,.08);
}
.op-rdpcm #op-generated-json {
  padding: 16px;
  min-height: 560px;
}
.op-rdpcm .op-execution-role-browser .table > thead > tr > th,
.op-rdpcm .op-execution-role-table > thead > tr > th {
  background: var(--orcm-bg-soft);
}
.op-rdpcm .op-pagination-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 14px;
}
@media (max-width: 767px) {
  .op-rdpcm .op-summary-counters {
    display: block;
  }
  .op-rdpcm .op-summary-counters .op-kpi {
    text-align: left;
    min-height: 64px;
  }
  .op-rdpcm .op-action-bar,
  .op-rdpcm .op-pagination-actions {
    justify-content: stretch;
  }
  .op-rdpcm .op-action-bar .btn,
  .op-rdpcm .op-pagination-actions .btn {
    width: 100%;
    margin-bottom: 8px;
  }
}
.btn-xs.op-remove-row {
    line-height: 1.25rem;
}

#op-help-modal .modal-body
{
    max-height: 60vh;
    overflow-y: auto;
}
/* ORCM v2.0 R3: responsive checkbox selector groups for business-friendly multi-selects. */
.op-rdpcm .op-selector-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.op-rdpcm .op-selector-card {
  display: block;
  min-height: 42px;
  border: 1px solid var(--orcm-line);
  border-radius: 12px;
  background: #fff;
  padding: 9px 11px;
  cursor: pointer;
  line-height: 1.35;
}
.op-rdpcm .op-selector-card input {
  margin-right: 7px;
}
.op-rdpcm .op-selector-card span {
  font-weight: 700;
}
.op-rdpcm .op-selector-card small {
  display: block;
  margin-left: 23px;
  color: var(--orcm-primary-bright);
  line-height: 1.35;
}
.op-rdpcm .op-selector-card:hover {
  border-color: var(--orcm-primary-soft);
  background: var(--orcm-bg-soft);
}
.op-rdpcm .op-empty-choice-help {
  grid-column: 1 / -1;
  margin: 0;
}
[dir="rtl"] .op-rdpcm .op-selector-card input {
  margin-right: 0;
  margin-left: 7px;
}
[dir="rtl"] .op-rdpcm .op-selector-card small {
  margin-left: 0;
  margin-right: 23px;
}
@media (max-width: 767px) {
  .op-rdpcm .op-selector-grid {
    grid-template-columns: 1fr;
  }
}
.op-rdpcm .op-allowed-values-preview {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  min-height: 34px;
  align-items: center;
}
.op-rdpcm .op-option-pill {
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--orcm-line);
  border-radius: 999px;
  background: var(--orcm-bg-soft);
  color: var(--orcm-primary);
  font-size: 12px;
  font-weight: 700;
  padding: 5px 9px;
}

/* ORCM v2.0 R3 correction: workflow step input selectors are plain stacked rows. */
.op-rdpcm .op-step-required-slots,
.op-rdpcm .op-step-optional-slots {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.op-rdpcm .op-selector-row {
  display: flex;
  align-items: center;
  min-height: 32px;
  width: 100%;
  border: 0;
  border-radius: 8px;
  background: transparent;
  padding: 4px 2px;
  cursor: pointer;
  line-height: 1.35;
}
.op-rdpcm .op-selector-row input {
  flex: 0 0 auto;
  margin: 0 8px 0 0;
}
.op-rdpcm .op-selector-row span {
  display: inline-block;
  font-weight: 600;
  color: #334155;
}
.op-rdpcm .op-selector-row:hover {
  background: var(--orcm-bg-soft);
}
[dir="rtl"] .op-rdpcm .op-selector-row input {
  margin: 0 0 0 8px;
}
/* Setting allowed values remain multiline; role input allowed values use the shared token picker. */
.op-rdpcm .op-setting-allowed-values {
  min-height: 118px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.op-rdpcm .op-input-allowed-values {
  min-height: 0;
  font-family: inherit;
}
.op-rdpcm .op-allowed-values-preview,
.op-rdpcm .op-option-pill {
  display: none !important;
}


/* ORCM R3 follow-up: checkbox controls must not inherit full-width text/select field sizing. */
.operon-ui .operon-field input[type="checkbox"],
.operon-field input[type="checkbox"],
.op-rdpcm .operon-field input[type="checkbox"],
.op-rdpcm .op-repeat-card input[type="checkbox"],
.op-rdpcm .op-selector-row input[type="checkbox"],
.op-rdpcm .op-chip-check input[type="checkbox"],
.op-rdpcm .op-choice-card input[type="checkbox"] {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  border-radius: 0 !important;
  flex: 0 0 auto;
  box-shadow: none;
}
.op-rdpcm .op-step-route-summary {
  margin-top: -4px;
  margin-bottom: 12px;
  color: var(--orcm-muted);
}
.op-rdpcm .op-step-route-summary strong {
  color: var(--orcm-primary);
}

/* ORCM v2.0 R4: business-behavior safeguard cards. */
.op-rdpcm .op-safeguard-card {
  border-left: 4px solid var(--orcm-accent);
}
.op-rdpcm .op-safeguard-details {
  border: 1px solid var(--orcm-line);
  border-radius: 14px;
  background: #fff;
  padding: 14px;
  margin: 10px 0 14px;
}
.op-rdpcm .op-safeguard-dependent {
  display: none;
}
.op-rdpcm .op-safeguard-selector {
  grid-template-columns: 1fr;
  gap: 6px;
}
.op-rdpcm .op-sub-label {
  display: block;
  margin-top: 12px;
}
.op-rdpcm .op-rule-effects {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 767px) {
  .op-rdpcm .op-rule-effects {
    grid-template-columns: 1fr;
  }
}

/* ORCM R4 refinement: consistent tokenized selector + modal picker. */
.op-rdpcm .op-token-picker {
  width: 100%;
  max-width: 100%;
  border: 1px solid var(--orcm-line);
  border-radius: 12px;
  background: #fff;
  padding: 8px 10px;
}
.op-rdpcm .op-token-list {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  min-height: 28px;
  align-items: center;
  margin-bottom: 6px;
}
.op-rdpcm .op-token-bubble {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid #cfe0f5;
  background: #eef6ff;
  color: #123b73;
  border-radius: 999px;
  padding: 5px 9px;
  font-size: 12px;
  font-weight: 700;
}
.op-rdpcm .op-token-remove {
  border: 0;
  background: transparent;
  color: #123b73;
  font-weight: 900;
  line-height: 1;
  padding: 0;
}
.op-rdpcm .op-token-empty {
  color: var(--orcm-muted);
  font-size: 12px;
}
.op-rdpcm .op-token-add[disabled] {
  opacity: .65;
  cursor: not-allowed;
}
.op-rdpcm .op-inline-explain {
  border-left: 4px solid var(--orcm-accent);
  background: #f8fbff;
  color: #334155;
  border-radius: 10px;
  padding: 10px 12px;
  margin: 10px 0;
  font-size: 13px;
  line-height: 1.45;
}
.op-token-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 10050;
}
.op-token-modal.open {
  display: block;
}
#op-inline-help-modal {
  z-index: 10070;
}
.op-token-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, .45);
}
.op-token-modal-panel {
  position: relative;
  z-index: 1;
  width: min(760px, calc(100% - 28px));
  max-height: calc(100vh - 50px);
  overflow: auto;
  margin: 25px auto;
  background: #fff;
  border-radius: 16px;
  border: 1px solid #dbe3ef;
  box-shadow: 0 24px 60px rgba(15, 23, 42, .22);
  padding: 16px;
}
.op-token-modal-dialog {
  position: relative;
  z-index: 1;
  width: min(520px, calc(100% - 28px));
  max-height: calc(100vh - 50px);
  overflow: auto;
  margin: 72px auto;
  background: #fff;
  border-radius: 14px;
  border: 1px solid #dbe3ef;
  box-shadow: 0 24px 60px rgba(15, 23, 42, .24);
  padding: 16px;
}
.op-token-modal-head,
.op-token-modal-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.op-token-modal-search {
  margin: 12px 0;
}
.op-token-modal-options {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  margin: 10px 0 14px;
}
.op-token-modal-row {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 10px;
  row-gap: 3px;
  align-items: start;
  border: 1px solid #e4ebf5;
  background: #fbfdff;
  border-radius: 12px;
  padding: 10px;
  cursor: pointer;
}
.op-token-modal-row input[type="checkbox"] {
  margin-top: 2px;
}
.op-token-modal-row span {
  font-weight: 700;
  color: #1f2937;
}
.op-token-modal-row small {
  grid-column: 2;
  color: #64748b;
  line-height: 1.35;
}
.op-validation-modal-row {
  grid-template-columns: 1fr minmax(180px, 260px);
  cursor: default;
}
.op-validation-modal-row small {
  grid-column: 1;
}
.op-validation-modal-rule {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}
.op-validation-modal-param-wrap {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: center;
}
.op-validation-format-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px 10px;
}
.op-validation-format-options label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  color: #334155;
}
.op-validation-regex-param {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 32px;
  gap: 8px;
  align-items: center;
}
.op-inline-help-body {
  white-space: pre-line;
}
@media (max-width: 767px) {
  .op-validation-modal-row {
    grid-template-columns: 1fr;
  }
  .op-validation-modal-row small,
  .op-validation-modal-param-wrap {
    grid-column: 1;
    grid-row: auto;
  }
}

.op-secondary-actions {
  margin-top: 16px;
}
.op-secondary-action-summary {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  color: #475569;
  font-size: 12px;
  margin-top: 8px;
}
.op-request-wait-fields[style*="display: none"],
.op-request-route-field[style*="display: none"],
.op-escalation-route-target[style*="display: none"] {
  display: none !important;
}

/* R4 safeguard policy summaries */
.operon-ui .op-policy-summary,
.op-policy-summary {
  width: 100%;
  max-width: 100%;
  clear: both;
  margin-top: 8px;
  padding: 8px 10px;
  border: 1px solid #dbe3ef;
  border-radius: 10px;
  background: #f8fafc;
  color: #475569;
  font-size: 12px;
  line-height: 1.45;
}
.operon-ui .op-policy-summary-empty,
.op-policy-summary-empty {
  color: #64748b;
  background: #fff;
  border-style: dashed;
}
.operon-ui .op-policy-pills,
.op-policy-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
}
.operon-ui .op-policy-pill,
.op-policy-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border-radius: 999px;
  border: 1px solid #d8e6f7;
  background: #eef6ff;
  color: #0f3f70;
  font-size: 11px;
}
.operon-ui .op-policy-pill strong,
.operon-ui .op-policy-pill span,
.op-policy-pill strong,
.op-policy-pill span {
  display: inline-flex;
  align-items: center;
  line-height: 1;
}

/* ORCM R4.1: secondary safeguard action configuration summaries. */
.op-rdpcm .op-secondary-configure {
  margin-top: 8px;
}
.op-rdpcm .op-secondary-action-summary {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  margin-top: 10px;
}
.op-rdpcm .op-secondary-summary-row {
  border: 1px solid #dbe3ef;
  border-radius: 12px;
  background: #fff;
  padding: 9px 11px;
  font-size: 12px;
  line-height: 1.45;
}
.op-rdpcm .op-secondary-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 7px;
}
.op-rdpcm .op-secondary-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border: 1px solid #cfe0f5;
  background: #eef6ff;
  color: #123b73;
  border-radius: 999px;
  padding: 5px 8px;
  font-size: 12px;
}
.op-rdpcm .op-secondary-pill strong,
.op-rdpcm .op-secondary-pill span {
  display: inline-flex;
  align-items: center;
  line-height: 1;
}
.op-rdpcm .op-muted-text {
  color: var(--orcm-muted, #64748b);
}
#op-secondary-action-modal .op-token-picker {
  margin-top: 4px;
}

/* ORCM R6: compact full-width selectors and right-aligned action controls. */
.op-rdpcm .op-field-label-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
}
.op-rdpcm .op-field-label-row label {
  margin: 0;
}
.op-rdpcm .op-icon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  min-width: 28px;
  padding: 0;
  line-height: 1;
  margin: 0 0 0 auto;
}
.op-rdpcm .op-circle-config {
  border-radius: 999px;
  font-size: 15px;
}
.op-rdpcm .op-inbound-policy-card .op-inline-explain {
  margin-top: 10px;
}
.op-rdpcm .op-safeguard-tools {
  border: 1px solid var(--orcm-border, #dbe3ef);
  border-radius: 12px;
  background: #f8fafc;
  padding: 10px;
  margin: 12px 0;
}
.op-rdpcm .op-safeguard-tools .operon-field {
  margin-bottom: 8px;
}
.op-rdpcm .op-safeguard-index {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.op-rdpcm .op-safeguard-index-item {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  border: 1px solid #cfe0f5;
  border-radius: 999px;
  background: #fff;
  color: var(--orcm-primary, #123b73);
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}
.op-rdpcm .op-safeguard-index-item:hover,
.op-rdpcm .op-safeguard-index-item:focus {
  background: #eef6ff;
  border-color: #9fc5ed;
  outline: none;
}
.op-rdpcm .op-safeguard-highlight {
  box-shadow: 0 0 0 3px rgba(18, 59, 115, .14), 0 8px 20px rgba(15, 23, 42, .06);
  transition: box-shadow .2s ease;
}
.op-rdpcm .op-secondary-configure {
  margin-top: 0;
}
.op-rdpcm .op-token-picker .op-token-add {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}
#op-secondary-action-modal .form-control,
#op-policy-config-modal .form-control,
#op-inbound-policy-config-modal .form-control,
#op-token-picker-modal .form-control {
  width: 100%;
  max-width: 100%;
  height: 38px;
  border-radius: 10px;
}
#op-secondary-action-modal select.form-control,
#op-policy-config-modal select.form-control,
#op-inbound-policy-config-modal select.form-control {
  background-color: #fff;
  line-height: 1.35;
  padding: 6px 12px;
}
#op-inbound-policy-config-modal .op-token-picker {
  width: 100%;
  max-width: 100%;
  border: 1px solid var(--orcm-line, #dbe3ef);
  border-radius: 12px;
  background: #fff;
  padding: 6px 8px;
}
#op-inbound-policy-config-modal .op-token-list {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  min-height: 24px;
  margin-bottom: 4px;
}
#op-inbound-policy-config-modal .op-token-bubble {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid #cfe0f5;
  background: #eef6ff;
  color: #123b73;
  border-radius: 10px;
  padding: 3px 7px;
  min-height: 30px;
  height: 30px;
  line-height: 1.2;
  margin: 2px;
  font-size: 12px;
  font-weight: 800;
}
#op-inbound-policy-config-modal .op-token-add {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}
#op-inbound-policy-config-modal .op-token-empty {
  color: #64748b;
  font-size: 12px;
}

/* CP05 UX pass 2: denser tags and clearer safeguard/message rows. */
.op-rdpcm .op-full-row {
  width: 100%;
}
.op-rdpcm .op-policy-stack {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin-top: 2px;
}
.op-rdpcm .op-policy-stack .operon-field {
  margin-bottom: 0;
}
.op-rdpcm .op-safeguard-details > .op-safeguard-dependent > .operon-field,
.op-rdpcm .op-safeguard-details > .op-safeguard-dependent > .operon-grid-2,
.op-rdpcm .op-safeguard-details > .op-safeguard-dependent > .op-policy-stack {
  margin-bottom: 12px;
}
.op-rdpcm .op-safeguard-details > .op-safeguard-dependent > :last-child {
  margin-bottom: 0;
}
.op-rdpcm .op-safeguard-selector,
.op-rdpcm .op-message-target-list,
.op-rdpcm .op-message-channel-family-list,
.op-rdpcm .op-capability-list {
  gap: 5px;
}
.op-rdpcm .op-selector-card {
  min-height: 30px;
  padding: 5px 8px;
  border-radius: 9px;
  line-height: 1.25;
}
.op-rdpcm .op-selector-card input {
  margin-right: 6px;
}
.op-rdpcm .op-selector-card small {
  margin-left: 20px;
  font-size: 11px;
}
.op-rdpcm .op-chip,
.op-rdpcm .op-chip-check,
.op-rdpcm .op-token-bubble {
  padding: 3px 7px;
  min-height: 24px;
  line-height: 1.2;
  margin: 2px;
}
.op-rdpcm .op-token-picker {
  padding: 6px 8px;
}
.op-rdpcm .op-token-list {
  gap: 5px;
  min-height: 24px;
  margin-bottom: 4px;
}
.op-rdpcm #op-review-summary {
  list-style: decimal;
  padding-left: 22px;
}
.op-rdpcm #op-review-configuration {
  list-style: disc;
  padding-left: 22px;
}
[dir="rtl"] .op-rdpcm .op-selector-card input {
  margin-right: 0;
  margin-left: 6px;
}
[dir="rtl"] .op-rdpcm .op-selector-card small {
  margin-left: 0;
  margin-right: 20px;
}

/* ORCM R8 execution readiness tab */
.operon-ui .op-execution-readiness-panel .op-readiness-boundary-notice {
  margin-bottom: 18px;
}
.operon-ui .op-readiness-cards {
  margin-bottom: 18px;
}
.operon-ui .op-readiness-card {
  border: 1px solid var(--orcm-border, #dbe3ef);
  border-radius: 14px;
  background: #fff;
  min-height: 156px;
  padding: 16px;
  margin-bottom: 14px;
  box-shadow: 0 8px 20px rgba(15, 23, 42, .05);
}
.operon-ui .op-readiness-card h5 {
  margin-top: 8px;
  font-weight: 700;
}
.operon-ui .op-readiness-card p {
  color: var(--orcm-muted, #64748b);
  margin-bottom: 0;
  line-height: 1.45;
}
.operon-ui .op-readiness-card-state {
  display: inline-flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #eef4ff;
  color: var(--orcm-primary, #123b73);
  font-weight: 800;
}
.operon-ui .op-readiness-card.is-ready .op-readiness-card-state,
.operon-ui .op-state-ready {
  background: #e6f3ee;
  color: #168a53;
}
.operon-ui .op-readiness-card.is-warning .op-readiness-card-state {
  background: #fff7ed;
  color: #a05a00;
}
.operon-ui .op-readiness-detail-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 12px 0 18px;
}
.operon-ui .op-readiness-detail {
  border: 1px solid var(--orcm-border, #dbe3ef);
  border-radius: 12px;
  padding: 12px;
  background: #fbfdff;
}
.operon-ui .op-readiness-detail strong {
  display: block;
  margin-bottom: 6px;
}
.operon-ui .op-readiness-detail code {
  white-space: normal;
  overflow-wrap: anywhere;
}
.operon-ui .op-readiness-feature-list,
.operon-ui .op-readiness-family-list {
  margin-top: 16px;
}
.operon-ui .op-readiness-chip {
  display: inline-flex;
  align-items: center;
  margin: 0 6px 8px 0;
  border: 1px solid var(--orcm-border, #dbe3ef);
  border-radius: 999px;
  padding: 7px 10px;
  background: #f8fafc;
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
}
.operon-ui .op-readiness-chip.is-on {
  background: #e6f3ee;
  color: #0b6b42;
  border-color: #bce2ce;
}
.operon-ui .op-readiness-no-runtime-config {
  margin-top: 18px;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .operon-ui .op-readiness-detail-grid {
    grid-template-columns: 1fr;
  }
}

/* ORCM R8B readiness clarity. */
.operon-ui .op-readiness-card.is-error .op-readiness-card-state {
  background: #fee4e2;
  color: #b42318;
}
.operon-ui .op-readiness-feature-list .text-muted {
  margin-top: -2px;
  margin-bottom: 10px;
}
.op-token-list .op-token-bubble, .op-policy-summary .op-policy-pill {
  min-height: auto;
  border-radius: 10px;
  height: 30px;
}
.op-validation-regex-param .op-validation-regex-help{
    width: 32px;
    height: 32px;
    min-width: auto;
    padding: 5px;
}

.op-rdpcm .op-process-chain {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--orcm-line);
  border-radius: var(--op-radius-md, 18px);
  background: var(--orcm-surface-alt);
  padding: 12px;
}
.op-rdpcm .op-process-chain span {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  border: 1px solid rgba(11,31,59,.10);
  border-radius: 999px;
  background: #fff;
  color: var(--orcm-primary);
  font-size: 13px;
  font-weight: 800;
  padding: 6px 10px;
}
.op-rdpcm .op-process-chain strong {
  color: var(--orcm-muted);
  font-size: 13px;
}
.op-rdpcm .op-action-map-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 8px;
  margin-top: 10px;
}
.op-rdpcm .op-action-map-grid > div {
  border: 1px solid var(--orcm-line);
  border-radius: 6px;
  padding: 10px;
  background: #fff;
}
.op-rdpcm .op-action-map-grid code {
  display: block;
  margin-bottom: 4px;
  white-space: normal;
}
.op-rdpcm .op-action-map-grid span {
  display: block;
  color: var(--orcm-muted);
  line-height: 1.35;
}
.form-control.op-inbound-human-stakeholder{
  padding: 6px 12px !important;
}

/* source: domains/operon_substate_customization_manager/assets/css/operon_substate_customization_manager.css */
.operon-substate-page .panel_s {
    border-radius: 10px;
}

.operon-help-tip {
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border-radius: 50%;
    background: #eef2f7;
    color: #495057;
    font-size: 12px;
    margin-left: 6px;
    cursor: help;
}

.operon-group-card {
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 14px;
    margin-bottom: 15px;
    background: #fff;
}

.operon-group-header {
    display: flex;
    gap: 15px;
    align-items: end;
    justify-content: space-between;
    margin-bottom: 12px;
}

.operon-group-title-wrap {
    flex: 1 1 auto;
}

.operon-group-actions {
    white-space: nowrap;
}

.operon-field-row {
    border-top: 1px dashed #e5e7eb;
    padding-top: 14px;
    margin-top: 14px;
}

.operon-json-preview {
    background: #0f172a;
    color: #e2e8f0;
    border-radius: 8px;
    padding: 14px;
    min-height: 120px;
    white-space: pre-wrap;
    word-break: break-word;
}

.operon-fullwidth-json-panel {
    width: 100%;
}

.operon-fullwidth-json-panel .panel-body {
    width: 100%;
}

.operon-fullwidth-json-panel .operon-json-preview {
    width: 100%;
    display: block;
}

.operon-substate-page code {
    white-space: normal;
    word-break: break-word;
}

@media (max-width: 991px) {
    .operon-group-header {
        display: block;
    }

    .operon-group-actions {
        margin-top: 10px;
    }
}

/* source: domains/operon_tenant_runtime_management_gateway/assets/css/runtime_gateway.css */
.operon-ui.otrm-wrap { max-width: 1280px; margin: 0 auto; }
.operon-ui .otrm-module-header { margin-bottom: 18px; }
.operon-ui .otrm-runtime-panel { display: flex; justify-content: space-between; gap: 18px; align-items: stretch; padding: 22px; border: 1px solid var(--operon-color-line, rgba(15,23,42,.08)); border-radius: var(--operon-radius-lg, 24px); background: linear-gradient(135deg, #fff 0%, var(--operon-color-bg, #f8fafc) 100%); box-shadow: var(--operon-shadow-sm, 0 4px 12px rgba(0,0,0,.06)); }
.operon-ui .otrm-runtime-main h1 { margin-top: 2px; }
.operon-ui .otrm-hero-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 16px; }
.operon-ui .otrm-hero-kpis .op-kpi-card { background: linear-gradient(180deg, #fff 0%, var(--operon-color-surface-alt, #fbfdff) 100%); border: 1px solid rgba(11,31,59,.10); border-radius: 18px; padding: 13px 14px; position: relative; overflow: hidden; box-shadow: none; }
.operon-ui .otrm-hero-kpis .op-kpi-card:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: var(--operon-color-accent, #c8a45c); }
.operon-ui .otrm-hero-kpis .op-kpi-card strong { display: block; color: var(--operon-color-primary, #0b1f3b); font-size: 18px; margin: 3px 0; }
.operon-ui .otrm-hero-kpis .op-kpi-card span,
.operon-ui .otrm-hero-kpis .op-kpi-card small { color: var(--operon-color-text-muted, #64748b); }
.operon-ui .otrm-runtime-aside { min-width: 180px; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; gap: 10px; }
.operon-ui .otrm-mini-ref { color: var(--operon-color-text-muted, #64748b); font-size: 12px; }
.operon-ui .otrm-selection-card { margin-top: 15px; }
.operon-ui .otrm-search-shell { position: relative; }
.operon-ui .otrm-results-dropdown { display: none; position: absolute; z-index: 30; top: 100%; left: 0; right: 0; margin-top: 6px; background: var(--operon-color-surface, #fff); border: 1px solid var(--operon-color-line, rgba(15,23,42,.08)); border-radius: var(--operon-radius-md, 18px); box-shadow: var(--operon-shadow-md, 0 8px 24px rgba(0,0,0,.08)); max-height: 320px; overflow: auto; padding: 8px; }
.operon-ui .otrm-results-dropdown.open { display: block; }
.operon-ui .otrm-result-row { display: grid; grid-template-columns: 1fr auto; gap: 2px 12px; width: 100%; border: 0; background: transparent; text-align: left; padding: 10px 12px; border-radius: var(--operon-radius-sm, 14px); }
.operon-ui .otrm-result-row:hover { background: rgba(11,31,59,.055); }
.operon-ui .otrm-result-row span { color: var(--operon-color-text-muted, #64748b); font-size: 12px; }
.operon-ui .otrm-result-row code { grid-row: 1 / span 2; align-self: center; }
.operon-ui .otrm-result-empty { padding: 12px; color: var(--operon-color-text-muted, #64748b); }
.operon-ui .otrm-kpi-strip { margin: 15px 0; }
.operon-ui .otrm-guided-shell { display: grid; gap: 14px; }
.operon-ui .otrm-step-row { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; padding: 14px; }
.operon-ui .otrm-nav-step { border: 1px solid transparent; background: #fff; border-radius: var(--operon-radius-md, 18px); padding: 11px; display: flex; align-items: flex-start; gap: 10px; text-align: left; min-height: 74px; transition: background .18s ease, border-color .18s ease, transform .18s ease; }
.operon-ui .otrm-nav-step:hover { transform: translateY(-1px); border-color: rgba(11,31,59,.12); background: var(--operon-color-bg, #f8fafc); }
.operon-ui .otrm-nav-step.active { color: #fff; border-color: var(--operon-color-primary-soft, #1f3a66); background: linear-gradient(135deg, var(--operon-color-primary, #0b1f3b), var(--operon-color-primary-bright, #2e5b9a)); }
.operon-ui .otrm-nav-number { flex: 0 0 28px; width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; background: var(--operon-color-primary, #0b1f3b); color: #fff; font-weight: 800; }
.operon-ui .otrm-nav-step.active .otrm-nav-number { background: var(--operon-color-accent, #c8a45c); color: var(--operon-color-primary, #0b1f3b); }
.operon-ui .otrm-nav-step strong { display: block; font-size: 13px; }
.operon-ui .otrm-nav-step small { display: block; margin-top: 2px; color: var(--operon-color-text-muted, #64748b); line-height: 1.25; }
.operon-ui .otrm-nav-step.active small { color: rgba(255,255,255,.78); }
.operon-ui .otrm-workbench-grid { display: grid; grid-template-columns: minmax(0, 1fr) 290px; gap: 14px; align-items: start; }
.operon-ui .otrm-workbench-main { padding: 20px; min-width: 0; }
.operon-ui .otrm-side-summary { position: sticky; top: 80px; padding: 18px; }
.operon-ui .otrm-step-panel { display: none; }
.operon-ui .otrm-step-panel.active { display: block; }
.operon-ui .otrm-section-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
.operon-ui .otrm-section-head h3 { margin-top: 0; }
.operon-ui .otrm-table-tools { align-items: center; }
.operon-ui .otrm-pagination-row { display: flex; align-items: center; justify-content: flex-end; gap: 10px; margin-top: 12px; flex-wrap: wrap; }
.operon-ui .otrm-role-search-card { border: 1px solid var(--operon-color-line, rgba(15,23,42,.08)); background: var(--operon-color-bg, #f8fafc); border-radius: var(--operon-radius-md, 18px); padding: 14px; margin-bottom: 14px; }
.operon-ui .otrm-role-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 12px; }
.operon-ui .otrm-role-card { border: 1px solid var(--operon-color-line, rgba(15,23,42,.08)); border-radius: var(--operon-radius-md, 18px); background: #fff; padding: 16px; box-shadow: var(--operon-shadow-sm, 0 4px 12px rgba(0,0,0,.06)); }
.operon-ui .otrm-role-card-head { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; }
.operon-ui .otrm-role-card h4 { margin: 0 0 5px; color: var(--operon-color-primary, #0b1f3b); }
.operon-ui .otrm-role-meta { display: flex; gap: 12px; flex-wrap: wrap; color: var(--operon-color-text-muted, #64748b); font-size: 12px; margin: 12px 0; }
.operon-ui .otrm-role-actions { display: flex; justify-content: flex-end; }
.operon-ui .otrm-role-table td { vertical-align: middle; }
.operon-ui .otrm-role-table code { white-space: nowrap; }
.operon-ui .otrm-two { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; }
.operon-ui .otrm-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.operon-ui .otrm-field label { display: block; font-weight: 800; margin-bottom: 6px; color: var(--operon-color-primary, #0b1f3b); }
.operon-ui .otrm-generated-json { margin-top: 14px; background: #071b34; color: #eaf2ff; border: 0; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; }
.operon-ui .otrm-config-table { display: grid; gap: 10px; }
.operon-ui .otrm-config-row { display: grid; grid-template-columns: 200px repeat(2, minmax(0, 1fr)) 150px; gap: 10px; align-items: center; border: 1px solid var(--operon-color-line, rgba(15,23,42,.08)); border-radius: 14px; background: #fff; padding: 12px; }
.operon-ui .otrm-config-row strong { color: var(--operon-color-primary, #0b1f3b); }
.operon-ui .otrm-inline-check, .operon-ui .otrm-toggle-row { display: flex; align-items: center; gap: 8px; margin: 0; font-weight: 700; }
.operon-ui .otrm-policy-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.operon-ui .otrm-policy-grid .otrm-toggle-row { border: 1px solid var(--operon-color-line, rgba(15,23,42,.08)); border-radius: 14px; background: #fff; padding: 12px; justify-content: space-between; }
.operon-ui .otrm-role-schema-empty { grid-column: 1 / -1; border: 1px dashed var(--operon-color-line, rgba(15,23,42,.16)); border-radius: 14px; background: var(--operon-color-bg, #f8fafc); color: var(--operon-color-text-muted, #64748b); padding: 14px; font-weight: 700; }
.operon-ui .otrm-policy-fact { border: 1px solid var(--operon-color-line, rgba(15,23,42,.08)); border-radius: 14px; background: #fff; padding: 12px; display: grid; gap: 4px; }
.operon-ui .otrm-policy-fact strong { color: var(--operon-color-primary, #0b1f3b); }
.operon-ui .otrm-policy-fact span { font-weight: 800; color: var(--operon-color-primary, #0b1f3b); }
.operon-ui .otrm-policy-fact small { color: var(--operon-color-text-muted, #64748b); }
.operon-ui .otrm-phrase-table { display: grid; gap: 10px; }
.operon-ui .otrm-phrase-row { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 10px; align-items: center; border: 1px solid var(--operon-color-line, rgba(15,23,42,.08)); border-radius: 14px; background: #fff; padding: 12px; }
.operon-ui .otrm-preview-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.operon-ui .otrm-counterpart-warning { margin-top: 10px; border: 1px solid #f4dfab; background: #fff8e8; color: #6f4a00; border-radius: 12px; padding: 10px 12px; font-weight: 700; }
.operon-ui .otrm-channel-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-bottom: 12px; }
.operon-ui .otrm-channel-card { border: 1px solid var(--operon-color-line, rgba(15,23,42,.08)); border-radius: var(--operon-radius-sm, 14px); background: #fff; padding: 14px; display: grid; gap: 8px; }
.operon-ui .otrm-channel-card strong { color: var(--operon-color-primary, #0b1f3b); font-size: 16px; }
.operon-ui .otrm-actionbar { display: flex; gap: 8px; justify-content: flex-end; padding-top: 12px; }
.operon-ui .otrm-output, .operon-ui .otrm-diagnostics { background: var(--operon-color-primary, #0b1f3b); color: #fff; border-radius: var(--operon-radius-md, 18px); padding: 14px; max-height: 420px; overflow: auto; }
.operon-ui .otrm-json { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; }
.operon-ui .otrm-setup-shell { display: grid; gap: 14px; }
.operon-ui .otrm-selected-role-card, .operon-ui .otrm-guidance-card, .operon-ui .otrm-review-block { border: 1px solid var(--operon-color-line, rgba(15,23,42,.08)); border-radius: var(--operon-radius-md, 18px); background: var(--operon-color-bg, #f8fafc); padding: 14px; }
.operon-ui .otrm-selected-role-card span, .operon-ui .otrm-review-block span { display: block; text-transform: uppercase; font-size: 11px; letter-spacing: .08em; color: var(--operon-color-text-muted, #64748b); }
.operon-ui .otrm-selected-role-card strong, .operon-ui .otrm-review-block strong { display: block; color: var(--operon-color-primary, #0b1f3b); font-size: 18px; margin: 3px 0; }
.operon-ui .otrm-setup-tabs { border-bottom: 1px solid var(--operon-color-line, rgba(15,23,42,.08)); display: flex; flex-wrap: wrap; gap: 6px; }
.operon-ui .otrm-setup-tabs>li { margin-bottom: -1px; }
.operon-ui .otrm-setup-tabs>li>a { border-radius: 10px 10px 0 0; border: 1px solid transparent; padding: 11px 15px; font-weight: 800; color: var(--operon-color-primary, #0b1f3b); }
.operon-ui .otrm-setup-tabs>li>a:hover,
.operon-ui .otrm-setup-tabs>li>a:focus { background: var(--operon-color-bg, #f8fafc); border-color: rgba(11,31,59,.10); }
.operon-ui .otrm-setup-tabs>li.active>a, .operon-ui .otrm-setup-tabs>li.active>a:hover, .operon-ui .otrm-setup-tabs>li.active>a:focus { color: var(--operon-color-primary, #0b1f3b); background: #fff; border-color: var(--operon-color-line, rgba(15,23,42,.08)); border-bottom-color: #fff; box-shadow: inset 0 -3px 0 var(--operon-color-accent, #c8a45c); }
.operon-ui .otrm-setup-content { padding-top: 14px; }
.operon-ui .otrm-workbench-footer { position: sticky; bottom: 0; margin: 18px -20px -20px; padding: 14px 20px; border-top: 1px solid var(--operon-color-line, rgba(15,23,42,.08)); border-radius: 0 0 var(--operon-radius-lg, 24px) var(--operon-radius-lg, 24px); background: rgba(255,255,255,.94); display: flex; justify-content: flex-end; gap: 10px; }
.operon-ui .otrm-summary-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 8px; }
.operon-ui .otrm-summary-list { display: grid; grid-template-columns: 1fr; gap: 5px; margin: 14px 0; }
.operon-ui .otrm-summary-list dt { color: var(--operon-color-text-muted, #64748b); font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
.operon-ui .otrm-summary-list dd { margin: 0 0 8px; font-weight: 700; color: var(--operon-color-primary, #0b1f3b); overflow-wrap: anywhere; }
.operon-ui .otrm-progress { height: 10px; background: rgba(11,31,59,.10); border-radius: 999px; overflow: hidden; }
.operon-ui .otrm-progress span { display: block; height: 100%; background: linear-gradient(90deg, var(--operon-color-primary, #0b1f3b), var(--operon-color-accent, #c8a45c)); transition: width .18s ease; }
.operon-ui .otrm-review-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.operon-ui .otrm-review-block:last-child { grid-column: 1 / -1; }
.operon-ui .otrm-advanced-details { border: 1px solid var(--operon-color-line, rgba(15,23,42,.08)); border-radius: var(--operon-radius-md, 18px); padding: 12px; background: #fff; }
.operon-ui .otrm-advanced-details summary { cursor: pointer; font-weight: 800; }
.operon-ui .otrm-flash { outline: 3px solid rgba(200,164,92,.35); }
.operon-ui .op-status-pill,
.operon-ui .op-state-chip,
.operon-ui .op-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-height: 26px;
  border: 1px solid #d3e3ff;
  border-radius: 999px;
  background: var(--operon-color-bg, #eef4fb);
  color: #173b6d;
  padding: 4px 9px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: none;
  text-align: center;
  /* white-space: normal; */
  white-space: nowrap;
}
.operon-ui .op-status-pill.is-ready, .operon-ui .op-state-chip.is-ready { background: var(--operon-color-primary, #0b1f3b); color: var(--operon-color-accent-light, #f1d28a); border-color: var(--operon-color-primary, #0b1f3b); }
.operon-ui .op-status-pill.is-warning, .operon-ui .op-state-chip.is-warning { background: rgba(200,164,92,.16); color: var(--operon-color-primary, #0b1f3b); border-color: rgba(200,164,92,.38); }
.operon-ui .op-state-chip.is-muted,
.operon-ui .op-status-pill.is-muted { background: #f8fafc; color: var(--operon-color-text-muted, #64748b); border-color: rgba(100,116,139,.18); }
.operon-runtime .otrm-tenant-role-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; margin-top: 12px; }
.operon-runtime .otrm-tenant-role-card { border: 1px solid var(--operon-color-line, rgba(15,23,42,.08)); border-radius: 8px; padding: 14px; background: #fff; display: grid; gap: 10px; }
.operon-runtime .otrm-tenant-role-card div { display: grid; gap: 3px; }
.operon-runtime .otrm-tenant-role-card strong { color: var(--operon-color-primary, #0b1f3b); }
.operon-runtime .otrm-tenant-role-card span { overflow-wrap: anywhere; }
.operon-ui .otrm-role-board { display: grid; gap: 16px; margin-top: 16px; }
.operon-ui .otrm-role-board-section { border: 1px solid var(--operon-color-line, rgba(15,23,42,.08)); border-radius: 8px; background: #fff; overflow: hidden; }
.operon-ui .otrm-role-board-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 14px; padding: 14px 16px; border-bottom: 1px solid var(--operon-color-line, rgba(15,23,42,.08)); background: var(--operon-color-bg, #f8fafc); }
.operon-ui .otrm-role-board-head h4 { margin: 0 0 4px; color: var(--operon-color-primary, #0b1f3b); }
.operon-ui .otrm-role-board-head p { margin: 0; }
.operon-ui .otrm-inline-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.operon-ui .otrm-role-table-stack td p { margin-bottom: 0; }
.operon-ui .state-enabled, .operon-ui .state-associated_disabled { background: rgba(11,31,59,.10); color: var(--operon-color-primary, #0b1f3b); }
.operon-ui .state-available { background: rgba(200,164,92,.16); color: var(--operon-color-primary, #0b1f3b); }
.operon-ui .state-locked { background: rgba(100,116,139,.14); color: var(--operon-color-text-muted, #64748b); }
@media (max-width: 1180px) { .operon-ui .otrm-workbench-grid { grid-template-columns: 1fr; } .operon-ui .otrm-side-summary { position: static; } }
@media (max-width: 991px) { .operon-ui .otrm-step-row { grid-template-columns: repeat(2, minmax(0, 1fr)); } .operon-ui .otrm-role-cards, .operon-ui .otrm-two, .operon-ui .otrm-review-grid, .operon-ui .otrm-channel-grid, .operon-ui .otrm-hero-kpis, .operon-ui .otrm-form-grid, .operon-ui .otrm-policy-grid, .operon-ui .otrm-preview-grid { grid-template-columns: 1fr; } .operon-ui .otrm-config-row, .operon-ui .otrm-phrase-row { grid-template-columns: 1fr; } .operon-ui .otrm-review-block:last-child { grid-column: auto; } }
@media (max-width: 767px) { .operon-ui.otrm-wrap { max-width: 100%; } .operon-ui .otrm-runtime-panel { display: block; } .operon-ui .otrm-runtime-aside { align-items: flex-start; margin-top: 12px; } .operon-ui .otrm-step-row { grid-template-columns: 1fr; } .operon-ui .otrm-section-head { display: block; } .operon-ui .otrm-pagination-row { justify-content: flex-start; } .operon-ui .otrm-role-board-head { display: block; } .operon-ui .otrm-role-board-head .op-status-pill { margin-top: 8px; } .operon-ui .otrm-role-table-stack thead { display: none; } .operon-ui .otrm-role-table-stack, .operon-ui .otrm-role-table-stack tbody, .operon-ui .otrm-role-table-stack tr, .operon-ui .otrm-role-table-stack td { display: block; width: 100%; } .operon-ui .otrm-role-table-stack tr { border: 1px solid var(--operon-color-line, rgba(15,23,42,.08)); border-radius: 8px; margin: 10px; padding: 10px; background: #fff; } .operon-ui .otrm-role-table-stack td { border: 0 !important; padding: 7px 0 !important; } .operon-ui .otrm-role-table-stack td::before { content: attr(data-label); display: block; margin-bottom: 3px; font-size: 11px; font-weight: 800; text-transform: uppercase; color: var(--operon-color-text-muted, #64748b); } .operon-ui .otrm-inline-actions .btn { width: 100%; } }

/* CP02 launchpad: active home route /admin/operon/tenants/runtime */
.operon-ui.otrm-launchpad .otrm-launchpad-hero { margin-bottom: 14px; }
.operon-ui .otrm-launchpad-grid { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 14px; align-items: stretch; margin-bottom: 14px; }
.operon-ui .otrm-tenant-select-panel { margin: 0; }
.operon-ui .otrm-selector-stack { display: grid; gap: 16px; }
.operon-ui .otrm-selector-primary .input-lg { height: 46px; border-radius: var(--operon-radius-sm, 14px); }
.operon-ui .otrm-selector-fallbacks { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; padding-top: 4px; }
.operon-ui .otrm-exact-inline { display: flex; gap: 8px; align-items: center; min-width: 260px; flex: 1 1 280px; }
.operon-ui .otrm-exact-inline .form-control { min-width: 160px; }
.operon-ui .otrm-launchpad-summary { padding: 18px; display: flex; flex-direction: column; justify-content: space-between; }
.operon-ui .otrm-summary-list { display: grid; gap: 10px; margin-top: 14px; }
.operon-ui .otrm-summary-list > div { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 2px 10px; padding: 10px; border: 1px solid var(--operon-color-line, rgba(15,23,42,.08)); border-radius: var(--operon-radius-sm, 14px); background: #fff; }
.operon-ui .otrm-summary-list span { grid-row: 1 / span 2; width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; background: var(--operon-color-primary, #0b1f3b); color: #fff; font-weight: 800; }
.operon-ui .otrm-summary-list strong { display: block; }
.operon-ui .otrm-summary-list small { color: var(--operon-color-text-muted, #64748b); }
.operon-ui .otrm-launchpad-steps .otrm-nav-step.is-disabled { opacity: .58; cursor: not-allowed; transform: none; }
.operon-ui .otrm-launchpad-empty-state { display: flex; justify-content: space-between; gap: 16px; align-items: center; padding: 20px; border-style: dashed; }
.operon-ui .otrm-launchpad-empty-state h3 { margin-top: 0; }
@media (max-width: 1199px) { .operon-ui .otrm-launchpad-grid { grid-template-columns: 1fr; } }
@media (max-width: 767px) { .operon-ui .otrm-selector-fallbacks, .operon-ui .otrm-exact-inline, .operon-ui .otrm-launchpad-empty-state { display: block; } .operon-ui .otrm-exact-inline .form-control, .operon-ui .otrm-exact-inline .btn, .operon-ui #otrm-open-browse { width: 100%; margin-top: 8px; } }

.operon-ui .otrm-selected-tenant-panel { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 18px; margin-bottom: 14px; border-left: 4px solid var(--operon-color-accent, #c8a45c); }
.operon-ui .otrm-selected-tenant-panel.hide { display: none !important; }
.operon-ui .otrm-selected-tenant-main h3 { margin: 0 0 8px; color: var(--operon-color-primary, #0b1f3b); }
.operon-ui .otrm-selected-tenant-meta { display: flex; flex-wrap: wrap; gap: 8px 14px; color: var(--operon-color-text-muted, #64748b); }
.operon-ui .otrm-selected-tenant-meta strong { color: var(--operon-color-primary, #0b1f3b); }
.operon-ui .otrm-selected-tenant-actions { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.operon-ui .otrm-launchpad[data-selected-tenant] .otrm-launchpad-steps .otrm-nav-step { cursor: pointer; }
.operon-ui .otrm-launchpad[data-selected-tenant] .otrm-launchpad-steps .otrm-nav-step:hover { transform: translateY(-2px); }
@media (max-width: 767px) { .operon-ui .otrm-selected-tenant-panel { display: block; } .operon-ui .otrm-selected-tenant-actions { justify-content: flex-start; margin-top: 12px; } }

/* Phase 1 launchpad-only navigation refinements */
.operon-ui .otrm-result-row { grid-template-columns: minmax(0, 1fr); gap: 3px; padding: 11px 12px; }
.operon-ui .otrm-result-row strong { display: block; color: var(--operon-color-primary, #0b1f3b); overflow-wrap: anywhere; }
.operon-ui .otrm-result-row .otrm-result-contact { display: block; color: var(--operon-color-text-muted, #64748b); font-size: 12px; }
.operon-ui .otrm-result-row .otrm-result-warning { color: #8a5a00; font-weight: 700; }
.operon-ui .otrm-result-row small { display: block; color: var(--operon-color-text-muted, #64748b); font-size: 11px; overflow-wrap: anywhere; }
.operon-ui .otrm-result-row code { grid-row: auto; justify-self: start; max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
.operon-ui .otrm-nav-step { padding: 10px 11px; gap: 8px; }
.operon-ui .otrm-nav-number { flex: 0 0 24px; width: 24px; height: 24px; font-size: 12px; }
.operon-ui .otrm-step-row { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.operon-ui .otrm-launchpad-card-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; }
.operon-ui .otrm-launchpad-card,
.operon-ui .otrm-launchpad-empty-state { display: none; }
.operon-ui .otrm-launchpad-card.active,
.operon-ui .otrm-launchpad-empty-state.active { display: block; padding: 20px; }
.operon-ui .otrm-launchpad-empty-state.active { display: flex; justify-content: space-between; align-items: center; gap: 18px; }
.operon-ui .otrm-launchpad-card h3,
.operon-ui .otrm-launchpad-empty-state h3 { margin-top: 0; color: var(--operon-color-primary, #0b1f3b); }
.operon-ui .otrm-card-actions { flex: 0 0 auto; }
.operon-ui .otrm-launchpad-nav-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px; position: sticky; bottom: 0; background: rgba(255,255,255,.94); z-index: 5; }
.operon-ui .otrm-selected-tenant-meta span { display: inline-flex; align-items: center; gap: 5px; padding: 5px 8px; background: var(--operon-color-bg, #f8fafc); border-radius: 999px; }
.operon-ui .otrm-selected-tenant-meta code { white-space: normal; overflow-wrap: anywhere; }
@media (max-width: 991px) { .operon-ui .otrm-step-row { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .operon-ui .otrm-launchpad-card.active, .operon-ui .otrm-launchpad-empty-state.active { display: block; } .operon-ui .otrm-card-actions { margin-top: 12px; } }

/* Phase 1 follow-up: same-page launchpad navigation, compact identity rows, and polished Back/Next controls */
.operon-ui .otrm-result-row { width: 100%; text-align: left; }
.operon-ui .otrm-result-row .otrm-result-inline {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--operon-color-primary, #0b1f3b);
  font-weight: 800;
}
.operon-ui .otrm-results-dropdown .otrm-result-row {
  display: block;
  grid-template-columns: none;
  padding: 10px 12px;
}
.operon-ui .otrm-launchpad-card[data-otrm-card="roles"].active {
  display: block;
  padding: 20px;
}
.operon-ui .otrm-launchpad-card[data-otrm-card="roles"] .otrm-section-head {
  margin-top: 14px;
}
.operon-ui .otrm-launchpad-card[data-otrm-card="roles"] .otrm-role-search-card {
  margin-top: 10px;
}
.operon-ui .otrm-launchpad-nav-actions {
  border: 1px solid rgba(11,31,59,.10);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(238,244,251,.96));
  box-shadow: 0 -8px 26px rgba(15,23,42,.07), 0 10px 26px rgba(15,23,42,.05);
  padding: 10px 12px;
}
.operon-ui .otrm-launchpad-nav-actions .op-btn {
  min-width: 108px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
}
.operon-ui .otrm-launchpad-nav-center {
  flex: 1 1 auto;
  min-width: 220px;
  max-width: 520px;
  text-align: center;
  padding: 0 10px;
}
.operon-ui .otrm-launchpad-nav-center .op-kicker {
  margin: 0;
  font-size: 10px;
  color: var(--operon-color-text-muted, #64748b);
}
.operon-ui .otrm-launchpad-nav-center strong {
  display: block;
  margin: 2px 0 7px;
  color: var(--operon-color-primary, #0b1f3b);
  font-size: 15px;
}
.operon-ui .otrm-launchpad-nav-progress {
  display: block;
  width: 100%;
  height: 7px;
  border-radius: 999px;
  background: rgba(11,31,59,.10);
  overflow: hidden;
}
.operon-ui .otrm-launchpad-nav-progress span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--operon-color-primary, #0b1f3b), var(--operon-color-accent, #c8a45c));
  transition: width .18s ease;
}
.operon-ui .otrm-selected-tenant-meta {
  align-items: center;
}
@media (max-width: 767px) {
  .operon-ui .otrm-result-row .otrm-result-inline { white-space: normal; }
  .operon-ui .otrm-launchpad-nav-actions { display: grid; grid-template-columns: 1fr; }
  .operon-ui .otrm-launchpad-nav-actions .op-btn { width: 100%; }
  .operon-ui .otrm-launchpad-nav-center { max-width: none; width: 100%; order: -1; }
}
.operon-ui .otrm-help-btn {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  border: 1px solid rgba(200,164,92,.55);
  background: linear-gradient(180deg, #fff, #fff7e6);
  color: var(--operon-color-primary, #0b1f3b);
  font-weight: 900;
  line-height: 1;
  box-shadow: none;
}
.operon-ui .otrm-help-btn:hover,
.operon-ui .otrm-help-btn:focus {
  border-color: var(--operon-color-accent, #c8a45c);
  background: var(--operon-color-bg, #eef4fb);
}
.operon-ui .otrm-runtime-aside .otrm-help-btn {
  margin-bottom: 8px;
}
.operon-ui .otrm-card-help {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 3;
}
.operon-ui .otrm-section-head {
  padding-right: 42px;
}
.operon-ui .otrm-section-head .op-status-pill,
.operon-ui .otrm-section-head .op-state-chip {
  margin-right: 8px;
}
.operon-ui .operon-panel,
.operon-ui .panel_s.op-card,
.operon-ui .otrm-launchpad-card,
.operon-ui .otrm-step-panel {
  position: relative;
}
.operon-ui .otrm-outcome-list {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}
.operon-ui .otrm-outcome-list div {
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 14px;
  padding: 10px 12px;
  background: linear-gradient(180deg,#fff,#fbfdff);
}
.operon-ui .otrm-outcome-list span {
  display: block;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--operon-color-text-muted, #64748b);
  font-weight: 800;
}
.operon-ui .otrm-outcome-list strong {
  display: block;
  color: var(--operon-color-primary, #0b1f3b);
  margin-top: 3px;
  font-size: 13px;
  overflow-wrap: anywhere;
}
.operon-ui .otrm-identity-compare {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 14px;
  margin-top: 12px;
}
.operon-ui .otrm-identity-block {
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 16px;
  background: #fff;
  padding: 14px;
}
.operon-ui .otrm-identity-block h4 {
  margin: 0 0 10px;
  color: var(--operon-color-primary, #0b1f3b);
}
.operon-ui .otrm-identity-block dl {
  display: grid;
  grid-template-columns: 128px 1fr;
  gap: 8px 10px;
  margin: 0;
}
.operon-ui .otrm-identity-block dt {
  color: var(--operon-color-text-muted, #64748b);
  font-weight: 800;
}
.operon-ui .otrm-identity-block dd {
  margin: 0;
  overflow-wrap: anywhere;
}
@media (max-width: 767px) {
  .operon-ui .otrm-identity-compare { grid-template-columns: 1fr; }
  .operon-ui .otrm-identity-block dl { grid-template-columns: 1fr; }
}

/* CP02 R4 UI repair: deterministic tenant identity row, stable card switching, and CP05-aligned role setup tabs */
.operon-ui .otrm-results-dropdown .otrm-result-row {
  border-left: 3px solid transparent;
}
.operon-ui .otrm-results-dropdown .otrm-result-row:hover,
.operon-ui .otrm-results-dropdown .otrm-result-row:focus {
  border-left-color: var(--operon-color-accent, #c8a45c);
  background: var(--operon-color-bg, #f8fafc);
}
.operon-ui .otrm-result-row .otrm-result-inline {
  display: block;
  width: 100%;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  line-height: 1.45;
}
.operon-ui .otrm-launchpad-card:not(.active),
.operon-ui .otrm-launchpad-empty-state:not(.active) {
  display: none !important;
}
.operon-ui .otrm-launchpad-card.active {
  display: block !important;
}
.operon-ui .otrm-launchpad-empty-state.active {
  display: flex !important;
}
.operon-ui .otrm-nav-step.is-complete .otrm-nav-number {
  background: var(--operon-color-accent, #c8a45c);
  color: var(--operon-color-primary, #0b1f3b);
}
.operon-ui .otrm-nav-step.is-complete:not(.active) {
  background: rgba(200,164,92,.10);
}
.operon-ui .otrm-launchpad-nav-actions {
  position: sticky !important;
  bottom: 12px !important;
  z-index: 80 !important;
  margin-top: 18px;
}
.operon-ui.otrm-launchpad {
  overflow: visible;
  padding-bottom: 72px;
}
.operon-ui .otrm-setup-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  border-bottom: 1px solid var(--operon-color-line, rgba(15,23,42,.08));
  margin: 6px 0 16px;
  padding: 0;
  background: transparent;
  border-radius: 0;
}
.operon-ui .otrm-setup-tabs>li {
  float: none;
  margin: 0 0 -1px;
}
.operon-ui .otrm-setup-tabs>li>a {
  border: 1px solid transparent;
  border-radius: 10px 10px 0 0;
  padding: 11px 15px;
  color: var(--operon-color-primary, #0b1f3b);
  font-weight: 800;
  background: transparent;
  box-shadow: none;
}
.operon-ui .otrm-setup-tabs>li>a:hover,
.operon-ui .otrm-setup-tabs>li>a:focus {
  border-color: rgba(11,31,59,.10);
  background: var(--operon-color-bg, #f8fafc);
}
.operon-ui .otrm-setup-tabs>li.active>a,
.operon-ui .otrm-setup-tabs>li.active>a:hover,
.operon-ui .otrm-setup-tabs>li.active>a:focus {
  color: var(--operon-color-primary, #0b1f3b);
  background: #fff;
  border-color: var(--operon-color-line, rgba(15,23,42,.08));
  border-bottom-color: #fff;
  box-shadow: inset 0 -3px 0 var(--operon-color-accent, #c8a45c);
}
.operon-ui .otrm-setup-content {
  border: 1px solid var(--operon-color-line, rgba(15,23,42,.08));
  border-radius: 16px;
  background: linear-gradient(180deg, #fff, var(--operon-color-surface-alt, #fbfdff));
  padding: 16px;
}

/* CP02 R5 structural launchpad repair: tenant selector is the Step 1 card and outcomes own selected identity context */
.operon-ui .otrm-launchpad-main-grid {
  align-items: start;
}
.operon-ui .otrm-launchpad-main-grid .otrm-launchpad-summary {
  position: sticky;
  top: 16px;
  max-height: calc(100vh - 32px);
  overflow: auto;
}
.operon-ui .otrm-outcome-compact div {
  padding: 9px 11px;
}
.operon-ui .otrm-summary-actions {
  display: grid;
  gap: 8px;
  margin-top: 14px;
}
.operon-ui .otrm-summary-actions .op-btn {
  width: 100%;
  justify-content: center;
}
.operon-ui .otrm-launchpad-card[data-otrm-card="tenant"].active {
  display: block !important;
}
@media (max-width: 1199px) {
  .operon-ui .otrm-launchpad-main-grid .otrm-launchpad-summary {
    position: static;
    max-height: none;
  }
}

/* CP02 R7 guided stabilization: table headers, explicit previews, and source sequence */
.operon-ui .otrm-config-header {
  display: grid;
  grid-template-columns: 200px repeat(2, minmax(0, 1fr)) 150px;
  gap: 10px;
  align-items: center;
  padding: 9px 12px;
  border-radius: 13px;
  background: linear-gradient(135deg, rgba(11,31,59,.08), rgba(200,164,92,.14));
  color: var(--operon-color-primary, #0b1f3b);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .045em;
}
.operon-ui .otrm-config-row strong small {
  display: block;
  margin-top: 3px;
  color: var(--operon-color-text-muted, #64748b);
  font-weight: 600;
  line-height: 1.3;
}
.operon-ui .otrm-fixed-ref {
  display: block;
  min-height: 34px;
  padding: 8px 10px;
  border-radius: 11px;
  background: var(--operon-color-bg, #f8fafc);
  border: 1px solid var(--operon-color-line, rgba(15,23,42,.08));
  color: var(--operon-color-primary, #0b1f3b);
  font-weight: 800;
}
.operon-ui .otrm-route-controls { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; align-items: center; }
.operon-ui .otrm-json-preview-shell {
  margin-top: 18px;
  padding-top: 14px;
  border-top: 4px solid transparent;
  border-image: linear-gradient(90deg, var(--operon-color-primary, #0b1f3b), var(--operon-color-accent, #c8a45c)) 1;
}
.operon-ui .otrm-json-preview-title,
.operon-ui .otrm-response-title {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
  color: var(--operon-color-primary, #0b1f3b);
  font-weight: 900;
}
.operon-ui .otrm-json-preview-title small { color: var(--operon-color-text-muted, #64748b); font-weight: 700; }
.operon-ui.otrm-json-preview-denied .otrm-json-preview-shell,
.operon-ui.otrm-json-preview-denied .otrm-review-technical-card,
.operon-ui.otrm-json-preview-denied .otrm-output { display: none !important; }
.operon-ui .otrm-json-preview-shell.is-collapsed .otrm-generated-json { display: none; }
.operon-ui .otrm-json-preview-toggle { margin-left: auto; padding: 0; font-weight: 800; color: var(--operon-color-primary, #0b1f3b); }
.operon-ui .otrm-response-shell { margin-top: 14px; }
.operon-ui .otrm-guidance-card strong { color: var(--operon-color-primary, #0b1f3b); }
.operon-ui .otrm-card-reset-footer {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid var(--operon-color-line, rgba(15,23,42,.08));
}
@media (max-width: 991px) {
  .operon-ui .otrm-config-header,
  .operon-ui .otrm-config-row { grid-template-columns: 1fr; }
  .operon-ui .otrm-route-controls { grid-template-columns: 1fr; }
}

/* CP02 R8 guided role setup refinements */
.otrm-policy-meta{display:flex;justify-content:space-between;gap:10px;border-top:1px solid rgba(15,23,42,.08);padding-top:8px;margin-top:8px;font-size:12px;color:#64748b}.otrm-policy-meta strong{color:#0f172a}.otrm-phrase-header{grid-template-columns:1.05fr 1.35fr 1.35fr .62fr}.otrm-phrase-row{grid-template-columns:1.05fr 1.35fr 1.35fr .62fr;align-items:stretch}.otrm-json-preview-separated{margin-top:18px;border-top:4px solid transparent;border-image:linear-gradient(90deg,#0b1f3b,#c8a45c) 1;padding-top:14px}.otrm-source-row .otrm-fixed-ref{font-weight:800}.otrm-field small,.otrm-toggle-row small{display:block;margin-top:4px;font-weight:400}.otrm-toggle-row span{display:block}.otrm-policy-fact .op-state-chip{margin-top:8px}
/* R12 guided setup alignment */
.otrm-stakeholder-person-cell .otrm-resolved-actor{padding:9px 11px;border:1px solid #d8e1ed;border-radius:10px;background:#f8fafc;font-weight:700;color:#10223f}
.otrm-multi-contact-picker{display:flex;flex-direction:column;gap:8px}.otrm-add-contact-row{display:grid;grid-template-columns:1fr auto;gap:8px}.otrm-selected-contact-stack{display:flex;flex-direction:column;gap:6px}.otrm-contact-token{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid rgba(15,23,42,.12);background:#eef4fb;border-radius:var(--op-radius-xs,10px);padding:7px 10px;font-weight:700;position:relative;}.otrm-remove-contact{border:0;background:#fff;color:#a32e2e;border-radius:999px;width:22px;height:22px;line-height:18px;font-weight:900;position:absolute;right:5px;z-index:-1;}.otrm-policy-input{margin:0 0 10px}.otrm-policy-input label{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#64748b}.otrm-channel-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:10px}.otrm-channel-card .op-select{margin-bottom:8px}.otrm-readiness-badge{margin-top:8px}.otrm-source-binding-cell,.otrm-intake-provider-cell{display:flex;flex-direction:column;gap:8px}.otrm-source-binding-cell .op-select,.otrm-intake-provider-cell .op-select{min-width:220px}
.operon-ui .otrm-recipient-channel-section{grid-column:1/-1;border-top:1px solid var(--operon-color-line,rgba(15,23,42,.1));padding-top:14px;margin-top:4px}
.operon-ui .otrm-recipient-channel-header,
.operon-ui .otrm-recipient-channel-row{grid-template-columns:minmax(180px,.9fr) minmax(220px,1.05fr) minmax(320px,1.7fr)}
.operon-ui .otrm-recipient-channel-row .op-select{min-width:0;width:100%}
.operon-ui .otrm-channel-tag-picker{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;align-items:start}
.operon-ui .otrm-channel-tag-area{min-height:74px;border:1px solid rgba(15,23,42,.14);border-radius:8px;background:#fff;padding:8px;display:flex;align-content:flex-start;align-items:flex-start;gap:6px;flex-wrap:wrap}
.operon-ui .otrm-channel-tag-picker .otrm-open-channel-picker{justify-self:start}
.operon-ui .otrm-channel-tag{display:inline-flex;align-items:center;gap:6px;max-width:100%;border:1px solid rgba(15,23,42,.12);border-radius:999px;background:#eef4fb;color:#0b1f3b;padding:5px 7px 5px 10px;font-size:12px;font-weight:800}
.operon-ui .otrm-channel-tag span{overflow-wrap:anywhere}
.operon-ui .otrm-remove-channel-tag{border:0;background:#fff;color:#7f1d1d;border-radius:999px;width:20px;height:20px;line-height:16px;font-weight:900;padding:0;flex:0 0 auto}
.operon-ui .otrm-channel-tag-placeholder{color:#64748b;font-weight:800;padding:5px 2px}
.operon-ui .otrm-channel-picker-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:58vh;overflow:auto}
.operon-ui .otrm-channel-modal-choice{display:flex;align-items:flex-start;gap:9px;margin:0;border:1px solid rgba(15,23,42,.10);border-radius:8px;background:#f8fafc;padding:10px 12px;font-weight:800;color:#0b1f3b}
.operon-ui .otrm-channel-modal-choice input{margin-top:2px}
.operon-ui .otrm-channel-modal-choice span{overflow-wrap:anywhere}
.operon-ui .otrm-channel-choice-empty{border:1px dashed rgba(15,23,42,.16);border-radius:8px;background:#f8fafc;color:#64748b;padding:9px 10px;font-weight:800}
@media(max-width:991px){.operon-ui .otrm-channel-picker-list{grid-template-columns:1fr}}

/* R13: policy defaults render as a two-card grid inside the policy workspace. */
.operon-ui .otrm-policy-workbench{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;}
.operon-ui .otrm-policy-workbench .otrm-policy-intro{grid-column:1 / -1;border:1px solid rgba(15,23,42,.08);border-radius:14px;background:#f8fbff;padding:12px;}
.operon-ui .otrm-policy-workbench .otrm-policy-fact{min-width:0;}
.operon-ui .otrm-cell-label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;font-weight:800;color:#64748b;margin-bottom:4px;}
@media(max-width:991px){.operon-ui .otrm-policy-workbench{grid-template-columns:1fr;}}

/* R14 limits: configuration-only caps, not usage monitoring. */
.operon-ui .otrm-limits-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;margin-bottom:12px;}
.operon-ui .otrm-limits-header,
.operon-ui .otrm-limit-row{grid-template-columns:1.25fr .9fr 1fr 1fr .8fr;}
.operon-ui .otrm-limit-override-cell{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;}
.operon-ui .otrm-limit-override-cell .op-input{min-width:110px;}
.operon-ui .otrm-technical-preview{margin-top:18px;border-top:4px solid transparent;border-image:linear-gradient(90deg,#0b1f3b,#c8a45c) 1;padding-top:14px;}
.operon-ui .otrm-technical-preview h4{margin:0 0 4px;color:var(--operon-color-primary,#0b1f3b);font-weight:900;}
@media(max-width:991px){.operon-ui .otrm-limits-header,.operon-ui .otrm-limit-row{grid-template-columns:1fr}.operon-ui .otrm-limit-override-cell{grid-template-columns:1fr}}

/* R15 save/apply consistency: every runtime write exposes the same status affordance. */
.operon-ui .otrm-action-status{
  margin:10px 0 12px;
  border:1px solid rgba(15,23,42,.10);
  border-radius:14px;
  background:#f8fbff;
  padding:10px 12px;
  display:grid;
  grid-template-columns:minmax(160px,.35fr) 1fr auto;
  gap:10px;
  align-items:center;
  color:#334155;
}
.operon-ui .otrm-action-status strong{color:#0b1f3b;font-weight:900;}
.operon-ui .otrm-action-status span{font-weight:700;}
.operon-ui .otrm-action-status small{color:#64748b;font-weight:800;white-space:nowrap;}
.operon-ui .otrm-action-status.is-pending{background:#eef4fb;border-color:#c8dcff;}
.operon-ui .otrm-action-status.is-success{background:#eaf8f1;border-color:#c6ead8;}
.operon-ui .otrm-action-status.is-warning{background:#fff8e8;border-color:#f4dfab;}
.operon-ui .otrm-action-status.is-error{background:#fff0f0;border-color:#f3c3c3;}
.operon-ui .otrm-actionbar .is-busy,
.operon-ui .otrm-limits-actions .is-busy{opacity:.72;cursor:wait;}
@media(max-width:991px){.operon-ui .otrm-action-status{grid-template-columns:1fr}.operon-ui .otrm-action-status small{white-space:normal}}

.otrm-review-block-wide{grid-column:1/-1}.otrm-review-lines{display:flex;flex-direction:column;gap:5px;line-height:1.45}.otrm-review-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.otrm-review-actions .op-btn{margin:0}.otrm-workflow-adjustments-card strong{line-height:1.35}.otrm-workflow-adjustments-card .op-btn{margin-top:8px}

.otrm-readiness-detail{display:flex;flex-direction:column;gap:8px}.otrm-readiness-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.otrm-readiness-head small{color:var(--operon-color-text-muted,#64748b);font-weight:700}.otrm-readiness-list{margin:6px 0 0;padding-left:20px;color:var(--operon-color-text,#0f172a)}.otrm-readiness-list li{margin-bottom:5px}


.otrm-conflict-table td{vertical-align:top}.otrm-conflict-value{max-height:260px;overflow:auto;white-space:pre-wrap;word-break:break-word;margin:0;background:#f8fafc;border:1px solid rgba(15,23,42,.08);border-radius:10px;padding:10px;font-size:12px}

/* R53 CP05-aligned visual polish and balanced guided setup rows. */
.operon-ui .otrm-config-header,
.operon-ui .otrm-config-row {
  grid-template-columns: minmax(180px, 1.05fr) minmax(180px, 2.15fr) minmax(220px, 1.35fr) minmax(120px, .7fr);
}
.operon-ui .otrm-source-header,
.operon-ui .otrm-source-row {
  grid-template-columns: minmax(220px,.9fr) minmax(320px,1.35fr) minmax(300px,1.2fr) minmax(90px,.35fr);
  align-items: center;
}
.operon-ui .otrm-intake-extraction {
  grid-column: 1 / -1;
  border-top: 1px solid var(--operon-color-line, rgba(15,23,42,.08));
  padding-top: 12px;
}
.operon-ui .otrm-intake-extraction-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
  color: var(--operon-color-primary, #0b1f3b);
}
.operon-ui .otrm-intake-extraction-title span {
  color: var(--operon-color-text-muted, #64748b);
  font-size: 12px;
  font-weight: 700;
}
.operon-ui .otrm-intake-extraction-grid {
  display: grid;
  grid-template-columns: minmax(160px, .75fr) minmax(160px, .75fr) minmax(260px, 1.4fr) minmax(150px, .65fr);
  gap: 10px;
  align-items: end;
}
.operon-ui .otrm-intake-extraction-grid label {
  margin: 0;
  min-width: 0;
}
.operon-ui .otrm-intake-extraction-grid label span {
  display: block;
  margin-bottom: 4px;
  color: var(--operon-color-text-muted, #64748b);
  font-size: 12px;
  font-weight: 800;
}
.operon-ui .otrm-intake-extraction-help {
  margin: 8px 0 0;
}
.operon-ui .otrm-routing-header,
.operon-ui .otrm-route-row {
  grid-template-columns: minmax(230px,.95fr) minmax(340px,1.45fr) minmax(320px,1.32fr) minmax(90px,.32fr);
  align-items: center;
}
.operon-ui .otrm-route-controls {
  grid-template-columns: minmax(150px, 1fr) auto;
}
.operon-ui .otrm-route-context {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.operon-ui .otrm-route-context strong,
.operon-ui .otrm-route-context small {
  overflow-wrap: anywhere;
}
.operon-ui .otrm-route-context small,
.operon-ui .otrm-route-party-line {
  color: var(--operon-color-text-muted, #64748b);
  font-size: 12px;
  font-weight: 700;
}
.operon-ui .otrm-route-party-line strong {
  color: var(--operon-color-text, #0f172a);
}
.operon-ui .otrm-route-channel-tag-picker .otrm-channel-tag-area {
  min-height: 68px;
}
.operon-ui .otrm-check-only {
  justify-content: center;
}
.operon-ui .otrm-limit-row,
.operon-ui .otrm-limits-header {
  grid-template-columns: minmax(170px, 1.18fr) minmax(130px, .76fr) minmax(200px, 1.34fr) minmax(150px, .84fr) minmax(120px, .64fr);
}
.operon-ui .otrm-limit-override-cell {
  grid-template-columns: minmax(130px, 1fr) 60px;
  align-items: center;
}
.operon-ui .otrm-limit-override-input {
  min-width: 0;
}
.operon-ui .otrm-limit-override-input small {
  display: block;
  margin-top: 5px;
  line-height: 1.3;
}
.operon-ui .otrm-clear-limit-override {
  padding-left: 6px;
  padding-right: 0;
  white-space: nowrap;
}
.operon-ui .otrm-phrase-header,
.operon-ui .otrm-phrase-row {
  grid-template-columns: minmax(180px, 1.02fr) minmax(240px, 1.35fr) minmax(280px, 1.55fr) minmax(120px, .62fr);
}
.operon-ui .otrm-phrase-row {
  align-items: stretch;
}
.operon-ui .otrm-phrase-event,
.operon-ui .otrm-phrase-cell,
.operon-ui .otrm-phrase-actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.operon-ui .otrm-phrase-event {
  justify-content: space-between;
}
.operon-ui .otrm-phrase-cell .form-control {
  min-height: 86px;
  resize: vertical;
  line-height: 1.42;
}
.operon-ui .otrm-phrase-default {
  min-height: 86px;
  overflow: auto;
  white-space: pre-wrap;
  line-height: 1.42;
}
.operon-ui .otrm-inner-label {
  display: none;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .045em;
  font-weight: 900;
  color: var(--operon-color-text-muted, #64748b);
}
.operon-ui .otrm-phrase-actions {
  justify-content: flex-end;
}
.operon-ui .otrm-phrase-actions .op-btn {
  width: 100%;
  white-space: normal;
}
.operon-ui .otrm-runtime-summary {
  border: 1px solid var(--operon-color-line, rgba(15,23,42,.08));
  border-radius: var(--operon-radius-sm, 10px);
  background: var(--operon-color-surface-alt, #fbfdff);
  padding: 12px;
}
.operon-ui .otrm-runtime-summary > strong {
  display: block;
  color: var(--operon-color-text, #0f172a);
  margin-bottom: 4px;
}
.operon-ui .otrm-runtime-summary-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 8px;
}
.operon-ui .otrm-runtime-summary-row {
  min-width: 0;
  border: 1px solid rgba(15,23,42,.07);
  border-radius: var(--operon-radius-xs, 8px);
  background: var(--operon-color-surface, #fff);
  padding: 9px 10px;
}
.operon-ui .otrm-runtime-summary-row span,
.operon-ui .otrm-runtime-summary-row strong,
.operon-ui .otrm-runtime-summary-row small {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}
.operon-ui .otrm-runtime-summary-row span {
  color: var(--operon-color-text-muted, #64748b);
  font-size: 12px;
}
.operon-ui .otrm-runtime-summary-row strong {
  color: var(--operon-color-text, #0f172a);
  margin-top: 3px;
}
#otrm-workflow-adjustments-modal .modal-body {
  max-height: 78vh;
  overflow: auto;
}
#otrm-workflow-adjustments-modal .tooltip {
  z-index: 1075;
}
.otrm-workflow-context,
.otrm-workflow-card-chips,
.otrm-workflow-inline,
.otrm-workflow-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.otrm-workflow-context {
  margin-bottom: 12px;
}
.otrm-workflow-step-nav {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 6px;
  margin-bottom: 14px;
}
.otrm-workflow-step-tab {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  border: 1px solid var(--operon-color-line, #d7e0ea);
  background: var(--operon-color-surface, #fff);
  border-radius: var(--operon-radius-xs, 8px);
  color: var(--operon-color-text, #24364f);
  font-size: 12px;
  font-weight: 800;
  padding: 6px 10px;
}
.otrm-workflow-step-tab span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--operon-color-surface-alt, #eef2f7);
}
.otrm-workflow-step-tab.is-active {
  border-color: var(--operon-color-accent, #2563eb);
  box-shadow: 0 0 0 2px rgba(37,99,235,.12);
  color: var(--operon-color-accent, #1d4ed8);
}
.otrm-workflow-step-card {
  display: none;
  border: 1px solid var(--operon-color-line, #dce4ef);
  border-radius: var(--operon-radius-sm, 10px);
  padding: 16px;
  background: var(--operon-color-surface, #fff);
}
.otrm-workflow-step-card.is-active {
  display: block;
}
.otrm-workflow-card-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
}
.otrm-workflow-title-block {
  min-width: 0;
  flex: 1 1 auto;
}
.otrm-workflow-title-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 8px;
}
.otrm-workflow-card-head h4 {
  margin: 0;
}
.otrm-workflow-title-separator {
  width: 1px;
  min-height: 30px;
  background: var(--operon-color-line, #dce4ef);
}
.otrm-workflow-reorder-head {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.otrm-workflow-reorder-head .op-btn {
  min-height: 32px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.otrm-workflow-order-note {
  min-width: 105px;
}
.otrm-workflow-section {
  border: 1px solid var(--operon-color-line, #e2e8f0);
  border-radius: var(--operon-radius-xs, 8px);
  margin-top: 14px;
  padding: 12px;
}
.otrm-workflow-section summary {
  cursor: pointer;
  font-weight: 800;
}
.otrm-workflow-two-col,
.otrm-workflow-control-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 12px;
}
.otrm-workflow-static {
  min-height: 38px;
  border: 1px solid var(--operon-color-line, #dce4ef);
  border-radius: var(--operon-radius-xs, 8px);
  background: var(--operon-color-surface-alt, #f8fafc);
  color: var(--operon-color-text, #334155);
  padding: 8px 10px;
  overflow-wrap: anywhere;
}
.otrm-workflow-change-row {
  display: grid;
  grid-template-columns: 230px minmax(0, 1fr);
  gap: 10px;
  border-top: 1px solid var(--operon-color-line, #edf2f7);
  margin-top: 10px;
  padding-top: 10px;
}
.otrm-workflow-change-row .checkbox-inline {
  font-weight: 700;
  padding-top: 7px;
}
.otrm-workflow-param.hide,
.otrm-workflow-policy-field.hide {
  display: none;
}
.otrm-workflow-config-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: end;
  margin-top: 12px;
}
.otrm-workflow-config-head small {
  display: block;
  margin-top: 5px;
}
.otrm-workflow-inline-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: flex-end;
}
.otrm-workflow-dependent-fields {
  border-top: 1px solid var(--operon-color-line, #edf2f7);
  padding-top: 12px;
}
.otrm-workflow-actions {
  justify-content: flex-end;
  margin-top: 10px;
}
.otrm-workflow-configured-staged-actions {
  display: grid;
  gap: 6px;
  margin-top: 8px;
}
.otrm-workflow-staged-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-height: 32px;
  border: 1px solid var(--operon-color-line, #dce4ef);
  border-radius: var(--operon-radius-xs, 8px);
  background: var(--operon-color-surface-alt, #f8fafc);
  padding: 5px 8px;
  font-size: 12px;
}
.otrm-workflow-staged-row span {
  min-width: 0;
  overflow-wrap: anywhere;
}
.otrm-workflow-staged-row .btn-link {
  flex: 0 0 auto;
  font-size: 18px;
  line-height: 1;
  padding: 0 6px;
}
.otrm-workflow-staged-empty {
  color: var(--operon-color-text-muted, #64748b);
}
.otrm-workflow-staged-summary {
  margin-top: 12px;
  border: 1px solid var(--operon-color-line, #dce4ef);
  border-radius: var(--operon-radius-xs, 8px);
  background: var(--operon-color-surface-alt, #f8fafc);
  color: var(--operon-color-text-muted, #64748b);
  padding: 10px 12px;
}
@media(max-width:991px){
  .operon-ui .otrm-config-header,
  .operon-ui .otrm-source-header,
  .operon-ui .otrm-limits-header { display:none; }
  .operon-ui .otrm-config-row,
  .operon-ui .otrm-source-row,
  .operon-ui .otrm-route-row,
  .operon-ui .otrm-limit-row,
  .operon-ui .otrm-phrase-row { grid-template-columns:1fr; }
  .operon-ui .otrm-limit-override-cell,
  .operon-ui .otrm-route-controls { grid-template-columns:1fr; }
  .operon-ui .otrm-intake-extraction-grid { grid-template-columns:1fr; }
  .operon-ui .otrm-clear-limit-override { justify-self:flex-start; padding-left:0; }
  .operon-ui .otrm-inner-label { display:block; }
  .operon-ui .otrm-phrase-actions { justify-content:flex-start; }
  .operon-ui .otrm-phrase-actions .op-btn { width:auto; }
  .otrm-workflow-two-col,
  .otrm-workflow-config-head,
  .otrm-workflow-control-grid,
  .otrm-workflow-change-row { grid-template-columns:1fr; }
  .otrm-workflow-title-row,
  .otrm-workflow-reorder-head { align-items:flex-start; }
  .otrm-workflow-title-separator { display:none; }
}

/* CP02 recipient channel picker: modal is appended to body, so these rules cannot be scoped under .operon-ui. */
#otrm-channel-picker-modal .otrm-channel-picker-list,
#otrm-route-channel-picker-modal .otrm-channel-picker-list,
#otrm-intake-path-picker-modal .otrm-channel-picker-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  max-height: 58vh;
  overflow: auto;
}
#otrm-channel-picker-modal .otrm-channel-modal-choice,
#otrm-route-channel-picker-modal .otrm-channel-modal-choice,
#otrm-intake-path-picker-modal .otrm-channel-modal-choice {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  margin: 0;
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 8px;
  background: #f8fafc;
  padding: 10px 12px;
  font-weight: 800;
  color: #0b1f3b;
  min-width: 0;
}
#otrm-channel-picker-modal .otrm-channel-modal-choice input,
#otrm-route-channel-picker-modal .otrm-channel-modal-choice input,
#otrm-intake-path-picker-modal .otrm-channel-modal-choice input {
  margin-top: 2px;
}
#otrm-channel-picker-modal .otrm-channel-modal-choice span,
#otrm-route-channel-picker-modal .otrm-channel-modal-choice span,
#otrm-intake-path-picker-modal .otrm-channel-modal-choice span {
  overflow-wrap: anywhere;
}

/* Recipient channels uses table layout so all rows share the same auto-sized column boundaries. */
.operon-ui #otrm-recipient-channel-bindings {
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 10px;
}
.operon-ui .otrm-recipient-channel-header,
.operon-ui .otrm-recipient-channel-row {
  display: table-row;
}
.operon-ui .otrm-recipient-channel-header > span,
.operon-ui .otrm-recipient-channel-row > div {
  display: table-cell;
  width: auto;
  vertical-align: middle;
  padding: 12px 10px;
}
.operon-ui .otrm-recipient-channel-row > div {
  border-top: 1px solid var(--operon-color-line, rgba(15,23,42,.08));
  border-bottom: 1px solid var(--operon-color-line, rgba(15,23,42,.08));
  background: #fff;
}
.operon-ui .otrm-recipient-channel-row > div:first-child {
  border-left: 1px solid var(--operon-color-line, rgba(15,23,42,.08));
  border-radius: 8px 0 0 8px;
}
.operon-ui .otrm-recipient-channel-row > div:last-child {
  width: 100%;
  border-right: 1px solid var(--operon-color-line, rgba(15,23,42,.08));
  border-radius: 0 8px 8px 0;
}
.operon-ui .otrm-recipient-channel-row .otrm-channel-tag-picker {
  width: 100%;
  min-width: 320px;
}

/* CP02 Input Intake business-first layout. */
.operon-ui.otrm-workspace {
  max-width: none;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.operon-ui.otrm-workspace .otrm-workbench-grid {
  grid-template-columns: minmax(0, 1fr) minmax(220px, 260px);
}
.operon-ui .otrm-input-intake-group {
  border: 1px solid var(--operon-color-line, rgba(15,23,42,.08));
  border-radius: 8px;
  background: #fff;
  margin-bottom: 14px;
  overflow: hidden;
}
.operon-ui .otrm-input-intake-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
  border: 0;
  border-radius: 0;
  background: var(--operon-color-surface-alt, #fbfdff);
}
.operon-ui .otrm-input-intake-head strong {
  display: block;
  margin: 4px 0 8px;
  color: var(--operon-color-primary, #0b1f3b);
  font-size: 20px;
  line-height: 1.22;
}
.operon-ui .otrm-intake-canonical-source {
  display: block;
  color: var(--operon-color-text-muted, #64748b);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}
.operon-ui .otrm-input-intake-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.operon-ui .otrm-intake-lines {
  display: grid;
  gap: 8px;
  padding: 12px;
}
.operon-ui .otrm-source-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  border: 1px solid var(--operon-color-line, rgba(15,23,42,.08));
  border-radius: 8px;
  background: #fff;
  padding: 12px;
}
.operon-ui .otrm-intake-line-summary {
  min-width: 0;
}
.operon-ui .otrm-intake-line-main,
.operon-ui .otrm-intake-line-detail {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  align-items: center;
  min-width: 0;
}
.operon-ui .otrm-intake-line-main strong {
  color: var(--operon-color-text, #0f172a);
  overflow-wrap: anywhere;
}
.operon-ui .otrm-intake-line-main span,
.operon-ui .otrm-intake-line-detail span {
  color: var(--operon-color-text-muted, #64748b);
  font-size: 12px;
  font-weight: 800;
  overflow-wrap: anywhere;
}
.operon-ui .otrm-intake-line-actions {
  display: flex;
  gap: 6px;
  justify-content: flex-end;
}
.operon-ui .otrm-intake-row-state {
  display: none;
}
.operon-ui .otrm-intake-line-empty {
  border: 1px dashed rgba(15,23,42,.16);
  border-radius: 8px;
  background: #f8fafc;
  color: var(--operon-color-text-muted, #64748b);
  font-weight: 800;
  padding: 12px;
}
#otrm-intake-config-modal .otrm-intake-modal-context {
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 8px;
  background: #f8fafc;
  padding: 12px;
  margin-bottom: 12px;
}
#otrm-intake-config-modal .otrm-intake-modal-context strong {
  display: block;
  color: #0b1f3b;
  font-size: 18px;
  margin: 4px 0 8px;
}
#otrm-intake-config-modal .otrm-intake-modal-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
#otrm-intake-config-modal .otrm-intake-modal-grid label {
  margin: 0;
}
#otrm-intake-config-modal .otrm-intake-modal-grid label > span,
#otrm-intake-config-modal .otrm-inner-label {
  display: block;
  margin-bottom: 5px;
  color: #64748b;
  font-size: 12px;
  font-weight: 900;
}
#otrm-intake-config-modal .otrm-intake-modal-wide {
  grid-column: 1 / -1;
}
#otrm-intake-config-modal .otrm-channel-tag-picker {
  display: grid;
  gap: 8px;
}
#otrm-intake-config-modal .otrm-channel-tag-picker .op-btn {
  justify-self: start;
}
#otrm-intake-config-modal .otrm-intake-extraction {
  margin-top: 12px;
}

@media(max-width:991px){
  #otrm-channel-picker-modal .otrm-channel-picker-list {
    grid-template-columns: 1fr;
  }
  #otrm-route-channel-picker-modal .otrm-channel-picker-list {
    grid-template-columns: 1fr;
  }
  #otrm-intake-path-picker-modal .otrm-channel-picker-list {
    grid-template-columns: 1fr;
  }
  .operon-ui .otrm-recipient-channel-header {
    display: none;
  }
  .operon-ui #otrm-recipient-channel-bindings,
  .operon-ui .otrm-recipient-channel-row {
    display: block;
  }
  .operon-ui .otrm-recipient-channel-row {
    border: 1px solid var(--operon-color-line, rgba(15,23,42,.08));
    border-radius: 8px;
    background: #fff;
    padding: 10px;
    margin-bottom: 10px;
  }
  .operon-ui .otrm-recipient-channel-row > div,
  .operon-ui .otrm-recipient-channel-row > div:first-child,
  .operon-ui .otrm-recipient-channel-row > div:last-child {
    display: block;
    width: 100%;
    min-width: 0;
    border: 0;
    border-radius: 0;
    padding: 6px 0;
  }
}

/* source: domains/operon_usage_lifecycle_dashboard/assets/css/operon_usage_lifecycle_dashboard.css */
.operon-ui .operon-container { max-width: 1320px; margin: 0 auto; }
.operon-ui .operon-section + .operon-section { margin-top: 20px; }
.operon-ui .operon-grid-2, .operon-ui .operon-grid-4 { display: grid; gap: 16px; }
.operon-ui .operon-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.operon-ui .operon-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.operon-ui .operon-panel { background: #fff; border: 1px solid #e4e8f0; border-radius: 18px; padding: 18px; box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04); }
.operon-ui .operon-surface-gradient { background: linear-gradient(135deg, #ffffff 0%, #f5f8ff 100%); }
.operon-ui .operon-eyebrow { text-transform: uppercase; letter-spacing: .08em; font-size: 11px; color: #7b8ba5; font-weight: 700; }
.operon-ui .operon-eyebrow.is-dark { color: #3b4a63; }
.operon-ui .operon-lead { color: #5d6b82; margin-top: 12px; margin-bottom: 0; }
.operon-ui .operon-field label { display:block; font-weight: 600; margin-bottom: 8px; }
.operon-ui .operon-field input, .operon-ui .operon-field select { width: 100%; border: 1px solid #d9deea; border-radius: 12px; padding: 10px 12px; }
.operon-ui .operon-btn { display:inline-flex; align-items:center; justify-content:center; border:0; border-radius:12px; padding: 10px 16px; background:#2563eb; color:#fff; font-weight:600; }
.operon-ui .operon-badge { display:inline-flex; padding:4px 10px; border-radius:999px; background:#eff6ff; color:#1d4ed8; font-size:11px; font-weight:700; margin-top: 12px; }
.operon-ui .operon-card-value { font-size: 24px; font-weight: 700; color: #0f172a; margin-top: 10px; }
.operon-ui .operon-card-copy { color: #5d6b82; margin-top: 6px; }
.operon-ui pre { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 14px; white-space: pre-wrap; word-break: break-word; margin: 0; max-height: 320px; overflow: auto; }
.operon-ui .operon-list { margin: 12px 0 0; padding-left: 18px; }
.operon-ui .operon-check { display:flex; gap:10px; align-items:center; margin:0; }
.operon-ui .operon-stack > div + div { margin-top: 8px; }
@media (max-width: 1200px) { .operon-ui .operon-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 768px) { .operon-ui .operon-grid-2, .operon-ui .operon-grid-4 { grid-template-columns: 1fr; } }

/* source: domains/operon_workflow_overlay_customization_manager/assets/css/operon_workflow_overlay_customization_manager.css */
.operon-overlay-page .panel_s {
    border-radius: 8px;
}

.operon-overlay-component {
    margin: 0;
}

.operon-overlay-component > .col-md-12 {
    padding-left: 0;
    padding-right: 0;
}

.operon-overlay-component .panel_s {
    border: 0;
    box-shadow: none;
    margin-bottom: 0;
}

.operon-overlay-hero__content {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: space-between;
}

.operon-overlay-kpis {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.operon-overlay-chip {
    align-items: center;
    background: #eef2f7;
    border: 1px solid #d9e2ef;
    border-radius: 999px;
    color: #24364f;
    display: inline-flex;
    font-size: 12px;
    font-weight: 600;
    justify-content: center;
    line-height: 1.2;
    min-height: 24px;
    padding: 4px 10px;
    text-align: center;
    white-space: nowrap;
}

.operon-overlay-context-chips,
.operon-overlay-card-chips {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.operon-overlay-surface-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.operon-overlay-surface {
    background: #fff;
    border: 1px solid #dce4ef;
    border-radius: 8px;
    color: #1f2d3d;
    cursor: pointer;
    display: block;
    min-height: 112px;
    padding: 12px;
    text-align: left;
    width: 100%;
}

.operon-overlay-surface:hover,
.operon-overlay-surface.is-selected {
    border-color: #2563eb;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, .12);
}

.operon-overlay-surface__label {
    display: block;
    font-weight: 700;
    margin-bottom: 4px;
}

.operon-overlay-surface__meta,
.operon-overlay-surface__description {
    color: #64748b;
    display: block;
    font-size: 12px;
}

.operon-overlay-surface__description {
    margin-top: 8px;
}

.operon-overlay-section-head,
.operon-overlay-card-head {
    align-items: flex-start;
    display: flex;
    gap: 16px;
    justify-content: space-between;
}

.operon-overlay-help {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    border-radius: 50%;
    color: #334155;
    display: inline-flex;
    font-weight: 700;
    height: 28px;
    justify-content: center;
    min-width: 28px;
    padding: 0;
}

.operon-overlay-step-nav {
    display: flex;
    gap: 8px;
    margin-top: 18px;
    overflow-x: auto;
    padding-bottom: 4px;
}

.operon-overlay-step-tab {
    align-items: center;
    background: #fff;
    border: 1px solid #d7e0ea;
    border-radius: 8px;
    color: #24364f;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 700;
    gap: 8px;
    min-height: 38px;
    padding: 6px 10px;
}

.operon-overlay-step-tab span {
    align-items: center;
    background: #eef2f7;
    border-radius: 50%;
    display: inline-flex;
    height: 22px;
    justify-content: center;
    width: 22px;
}

.operon-overlay-step-tab.is-active {
    border-color: #2563eb;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, .12);
    color: #1d4ed8;
}

.operon-overlay-step-card {
    border: 1px solid #dce4ef;
    border-radius: 8px;
    display: none;
    margin-top: 14px;
    padding: 16px;
}

.operon-overlay-step-card.is-active {
    display: block;
}

.operon-overlay-fixed-value {
    background: #f8fafc;
    border: 1px solid #dce4ef;
    border-radius: 8px;
    color: #334155;
    min-height: 36px;
    padding: 8px 10px;
}

.operon-overlay-inline-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.operon-overlay-card-section {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    margin-top: 16px;
    padding: 12px;
}

.operon-overlay-card-section summary {
    cursor: pointer;
    font-weight: 700;
}

.operon-overlay-summary-grid,
.operon-overlay-control-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 12px;
}

.operon-overlay-change-row {
    border-top: 1px solid #edf2f7;
    display: grid;
    gap: 10px;
    grid-template-columns: 220px minmax(0, 1fr);
    margin-top: 10px;
    padding-top: 10px;
}

.operon-overlay-change-row .checkbox-inline {
    font-weight: 600;
    padding-top: 7px;
}

.operon-overlay-table td,
.operon-overlay-table th {
    vertical-align: middle !important;
}

.operon-overlay-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
}

.operon-overlay-details {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    margin-top: 12px;
    padding: 10px 12px;
}

.operon-overlay-details summary {
    cursor: pointer;
    font-weight: 600;
}

.operon-json-preview,
.operon-overlay-result pre {
    background: #111827;
    color: #e5e7eb;
    border-radius: 8px;
    padding: 14px;
    white-space: pre-wrap;
    word-break: break-word;
}

.operon-json-preview {
    margin-top: 10px;
    min-height: 120px;
}

.operon-overlay-result {
    background: #f8fafc;
    border: 1px solid #dce4ef;
    border-radius: 8px;
    color: #334155;
    margin-top: 14px;
    padding: 12px;
}

.operon-overlay-result--success {
    background: #effaf3;
    border-color: #b7e2c4;
    color: #135f2e;
}

.operon-overlay-result--error {
    background: #fff5f5;
    border-color: #f4b9b9;
    color: #9b1c1c;
}

@media (max-width: 767px) {
    .operon-overlay-hero__content {
        align-items: flex-start;
        flex-direction: column;
    }

    .operon-overlay-kpis {
        justify-content: flex-start;
    }

    .operon-overlay-surface-grid {
        grid-template-columns: 1fr;
    }

    .operon-overlay-section-head,
    .operon-overlay-card-head {
        display: block;
    }

    .operon-overlay-change-row {
        grid-template-columns: 1fr;
    }

    .operon-overlay-summary-grid,
    .operon-overlay-control-grid {
        grid-template-columns: 1fr;
    }
}

/* source: domains/operon_workflow_package_manager/assets/css/operon_workflow_package_manager.css */
.operon-wpm-shell{display:block}
.operon-wpm-header{margin-bottom:20px}
.operon-wpm-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.operon-wpm-title{margin:0 0 8px;font-size:26px;font-weight:700}
.operon-wpm-lead{margin:0;color:#6b7280}
.operon-wpm-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.operon-wpm-col-12{grid-column:span 12 / span 12}
.operon-wpm-col-6{grid-column:span 6 / span 6}
.operon-wpm-col-4{grid-column:span 4 / span 4}
.operon-wpm-field label{display:block;margin-bottom:6px;font-weight:600}
.operon-wpm-field .form-control{width:100%}
.operon-wpm-actions{display:flex;gap:10px;flex-wrap:wrap}
.operon-wpm-context-row{display:flex;gap:18px;flex-wrap:wrap;padding:12px 14px;border-radius:10px;background:#f8fafc;border:1px dashed #cbd5e1;margin-top:12px}
.operon-wpm-hidden{display:none!important}
.operon-wpm-lookup-list{position:relative;z-index:20}
.operon-wpm-lookup-list .list-group{max-height:220px;overflow:auto;margin-top:6px;border:1px solid #e5e7eb;border-radius:8px}
.operon-wpm-builder-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}
.operon-wpm-step-card{border:1px solid #e5e7eb;border-radius:10px;padding:14px;margin-bottom:12px;background:#fafafa}
.operon-wpm-json{min-height:180px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.operon-wpm-preview{background:#0f172a;color:#e2e8f0;border-radius:10px;padding:16px;min-height:220px;white-space:pre-wrap;overflow:auto}
.operon-wpm-table th,.operon-wpm-table td{vertical-align:top}
.operon-wpm-empty{padding:18px;color:#6b7280;text-align:center}
.operon-wpm-help-list{padding-left:18px}
.operon-wpm-modal-search{margin-bottom:12px}

/* CP02 live walkthrough acceptance: relaxed two-row desktop navigation and a true single-column mobile journey. */
@media (min-width: 1200px) {
  .operon-ui .otrm-step-row { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .operon-ui .otrm-step-row { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .operon-ui .otrm-step-row { grid-template-columns: minmax(0, 1fr); }
  .operon-ui .otrm-review-grid { grid-template-columns: minmax(0, 1fr); }
  .operon-ui .otrm-review-grid > * { min-width: 0; max-width: 100%; }
}
.operon-wpm-badge{display:inline-block;padding:4px 10px;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:12px;font-weight:600}
@media (max-width: 991px){
  .operon-wpm-col-6,.operon-wpm-col-4{grid-column:span 12 / span 12}
}

.operon_wpm_table{width:100%}
/* Consolidated client workspace */
.control-workspace{max-width:1120px;margin:32px auto;padding:0 18px;color:var(--control-text,#172033)}
.control-workspace__header{padding:30px;border:1px solid var(--control-border,#dbe3ee);border-radius:var(--control-radius,10px);background:linear-gradient(135deg,var(--control-surface,#fff),var(--control-surface-muted,#f8fafc));box-shadow:0 14px 36px rgba(23,37,84,.08)}
.control-workspace__header h1{margin:4px 0 8px;font-size:30px;line-height:1.2;color:var(--control-primary,#172554)}
.control-workspace__header p:last-child{margin:0;color:var(--control-text-muted,#64748b)}
.control-workspace__eyebrow{margin:0;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700;color:var(--control-accent,#0f766e)}
.control-workspace__logo{display:block;max-width:180px;max-height:56px;margin-bottom:20px}
.control-workspace__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:22px}
.control-workspace-card{display:flex;align-items:center;gap:16px;min-height:116px;padding:22px;border:1px solid var(--control-border,#dbe3ee);border-radius:var(--control-radius,10px);background:var(--control-surface,#fff);color:var(--control-text,#172033);text-decoration:none!important;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.control-workspace-card:hover,.control-workspace-card:focus{border-color:var(--control-accent,#0f766e);box-shadow:0 12px 28px rgba(15,118,110,.12);transform:translateY(-2px);color:var(--control-text,#172033)}
.control-workspace-card__icon{display:grid;place-items:center;flex:0 0 46px;height:46px;border-radius:12px;background:var(--control-accent-soft,#ccfbf1);color:var(--control-accent,#0f766e);font-size:18px}
.control-workspace-card__content{display:flex;flex:1;flex-direction:column;gap:5px}
.control-workspace-card__content strong{font-size:17px;color:var(--control-primary,#172554)}
.control-workspace-card__content span{color:var(--control-text-muted,#64748b);line-height:1.45}
.control-workspace-card__arrow{color:var(--control-text-muted,#64748b)}
@media (max-width:600px){.control-workspace{margin:18px auto}.control-workspace__header{padding:22px}.control-workspace__header h1{font-size:25px}.control-workspace__grid{grid-template-columns:1fr}}

/* Usage and quotas ------------------------------------------------------- */
.control-usage-workspace{--usage-border:var(--control-border,#dbe3ee);--usage-muted:var(--control-text-muted,#64748b);min-width:0;max-width:1440px;margin:0 auto;color:var(--control-text,#172033)}.control-usage-workspace>*{min-width:0;max-width:100%;box-sizing:border-box}.control-usage-workspace .table-responsive{position:relative;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.control-usage-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:18px;padding:28px;border-radius:18px;background:linear-gradient(125deg,var(--control-primary,#172554),var(--control-primary-hover,#1f3a66));color:#fff;box-shadow:0 16px 36px rgba(15,23,42,.12)}
.control-usage-hero h1{margin:4px 0 8px;color:#fff;font-size:29px}.control-usage-hero p{max-width:720px;margin:0;color:rgba(255,255,255,.76)}
.control-usage-hero .control-label{color:var(--control-accent,#c8a45c)}.control-usage-tenant{display:flex;min-width:210px;flex-direction:column;padding:12px 15px;border:1px solid rgba(255,255,255,.17);border-radius:12px;background:rgba(255,255,255,.08)}
.control-usage-tenant small{color:rgba(255,255,255,.64)}.control-usage-tenant strong{overflow:hidden;margin-top:3px;color:#fff;text-overflow:ellipsis;white-space:nowrap}
.control-usage-filter .panel-body{padding:18px 20px}.control-usage-filter-grid{display:grid;grid-template-columns:minmax(260px,1.4fr) repeat(2,minmax(160px,.7fr)) auto;gap:14px;align-items:end}.control-usage-filter-grid.is-tenant{grid-template-columns:repeat(2,minmax(180px,1fr)) auto}.control-usage-filter-grid .form-group{margin:0}.control-usage-filter-action{padding-bottom:1px}
.control-usage-section{margin-bottom:18px;padding:22px;border:1px solid var(--usage-border);border-radius:var(--control-radius,14px);background:var(--control-surface,#fff);box-shadow:0 8px 24px rgba(15,23,42,.045)}
.control-usage-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.control-usage-section-head h2{margin:3px 0 0;font-size:21px}.control-usage-section-head p{margin:5px 0 0;color:var(--usage-muted)}
.control-usage-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.control-usage-metric-card{display:flex;min-height:104px;flex-direction:column;justify-content:space-between;padding:16px;border:1px solid var(--usage-border);border-radius:12px;background:var(--control-surface-muted,#f8fafc)}.control-usage-metric-card span{color:var(--usage-muted);font-size:12px;font-weight:700}.control-usage-metric-card strong{font-size:26px;color:var(--control-primary,#172554)}
.control-usage-quota-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.control-usage-quota-card{padding:16px;border:1px solid var(--usage-border);border-top:3px solid var(--control-success,#15803d);border-radius:12px;background:#fff}.control-usage-quota-card.is-warn{border-top-color:var(--control-warning,#b45309)}.control-usage-quota-card.is-deny{border-top-color:var(--control-danger,#b91c1c)}
.control-usage-quota-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.control-usage-quota-card>header div{display:flex;flex-direction:column}.control-usage-quota-card>header small,.control-usage-quota-card>p{color:var(--usage-muted)}.control-usage-quota-card>header>span{padding:4px 8px;border-radius:999px;background:#ecfdf5;color:#047857;font-size:10px;font-weight:800}.control-usage-quota-card.is-warn>header>span{background:#fffbeb;color:#b45309}.control-usage-quota-card.is-deny>header>span{background:#fef2f2;color:#b91c1c}
.control-usage-quota-value{display:flex;align-items:baseline;gap:5px;margin-top:17px}.control-usage-quota-value strong{font-size:25px}.control-usage-quota-value span{color:var(--usage-muted)}.control-usage-progress{height:8px;margin:10px 0;overflow:hidden;border-radius:999px;background:#e9eef5}.control-usage-progress span{display:block;height:100%;border-radius:inherit;background:var(--control-success,#15803d)}.control-usage-quota-card.is-warn .control-usage-progress span{background:var(--control-warning,#b45309)}.control-usage-quota-card.is-deny .control-usage-progress span{background:var(--control-danger,#b91c1c)}
.control-usage-detail-grid{display:grid;min-width:0;max-width:100%;grid-template-columns:1fr 1fr;gap:18px}.control-usage-detail-grid>*{min-width:0;max-width:100%;box-sizing:border-box}.control-usage-empty{display:flex;min-height:210px;align-items:center;justify-content:center;flex-direction:column;color:var(--usage-muted);text-align:center}.control-usage-empty>i{margin-bottom:12px;color:var(--control-accent,#c8a45c);font-size:30px}.control-usage-empty h3{margin:0 0 7px;color:var(--control-text,#172033)}.control-usage-empty.is-compact{min-height:90px;border:1px dashed var(--usage-border);border-radius:10px;background:var(--control-surface-muted,#f8fafc)}
.control-usage-section .table{margin-bottom:0}.control-usage-section .table>thead>tr>th{border-bottom-color:var(--usage-border);color:var(--usage-muted);font-size:11px;text-transform:uppercase}.control-usage-section .table>tbody>tr>td{vertical-align:middle}
@media(max-width:1199px){.control-usage-metric-grid,.control-usage-quota-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.control-usage-filter-grid{grid-template-columns:1fr 1fr}.control-usage-filter-action{grid-column:1/-1}}
@media(max-width:767px){.control-usage-hero,.control-usage-section-head{flex-direction:column}.control-usage-tenant{width:100%}.control-usage-filter-grid,.control-usage-filter-grid.is-tenant,.control-usage-metric-grid,.control-usage-quota-grid,.control-usage-detail-grid{grid-template-columns:1fr}.control-usage-filter-action{grid-column:auto}.control-usage-filter-action .btn{width:100%}.control-usage-section{padding:16px}}

/* Tenant workflow studio — consolidated native Perfex + brand styling */
.operon-workflow-studio{--op-wf-primary:var(--control-primary,#172554);--op-wf-accent:var(--control-accent,#0f766e);--op-wf-soft:var(--control-accent-soft,#ccfbf1);--op-wf-border:var(--control-border,#dbe3ee);--op-wf-muted:var(--control-text-muted,#64748b)}
.operon-workflow-studio .panel_s{border-radius:var(--control-radius,12px);overflow:hidden}
.operon-workflow-studio .panel-body{padding:22px}
.op-workflow-hero{background:linear-gradient(120deg,var(--op-wf-primary),#243b73);color:#fff}
.op-workflow-hero .panel-body{background:transparent}
.op-workflow-hero h2{color:#fff;margin:4px 0 8px}
.op-workflow-hero .text-muted,.op-workflow-hero .op-kicker{color:rgba(255,255,255,.76)}
.op-workflow-hero__content,.op-workflow-context,.op-workflow-toolbar,.op-workflow-selector-row,.op-workflow-config-intro,.op-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.op-workflow-summary{display:grid;grid-template-columns:repeat(2,minmax(100px,1fr));gap:8px}
.op-workflow-summary span{display:flex;flex-direction:column;min-width:112px;padding:10px 14px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(255,255,255,.08);font-size:12px}
.op-workflow-summary strong{font-size:21px;color:#fff}
.op-workflow-context{justify-content:flex-start;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.16)}
.op-workflow-context span{padding:5px 9px;border-radius:7px;background:rgba(255,255,255,.08)}
.op-workflow-context code{color:#fff;background:transparent}
.op-workflow-phases{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0 0 20px;padding:0;list-style:none;border:1px solid var(--op-wf-border);border-radius:12px;background:#fff;overflow:hidden}
.op-workflow-phases li{position:relative;display:grid;grid-template-columns:34px 1fr;column-gap:9px;padding:14px;border-right:1px solid var(--op-wf-border);color:var(--op-wf-muted)}
.op-workflow-phases li:last-child{border-right:0}.op-workflow-phases li>span{grid-row:1/3;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#eef2f7;font-weight:700}.op-workflow-phases strong{color:var(--op-wf-primary)}.op-workflow-phases small{line-height:1.35}.op-workflow-phases li.is-active{background:var(--op-wf-soft)}.op-workflow-phases li.is-active>span{background:var(--op-wf-accent);color:#fff}
.op-state-chip,.operon-overlay-chip{display:inline-flex;align-items:center;padding:5px 10px;border:1px solid var(--op-wf-border);border-radius:999px;background:#f8fafc;color:#334155;font-size:12px;font-weight:700}.op-state-chip.is-ready{border-color:#99d7c9;background:#ecfdf5;color:#0f6b55}.op-state-chip.is-warning{border-color:#f3cf7a;background:#fffbeb;color:#975a16}
.op-workflow-diagnostic-list{display:grid;gap:8px;margin-top:14px}.op-workflow-diagnostic{display:grid;grid-template-columns:minmax(180px,.6fr) 1.6fr minmax(150px,.6fr);gap:12px;align-items:center;padding:10px 12px;border-left:4px solid #eab308;border-radius:8px;background:#fffbeb}.op-workflow-diagnostic.is-error{border-color:#dc2626;background:#fef2f2}.op-workflow-diagnostic code{text-align:right;overflow-wrap:anywhere}
.op-workflow-profile-panel{position:sticky;top:76px}.op-workflow-profile-list{display:grid;gap:9px;margin-top:16px}.op-workflow-profile{display:flex;flex-direction:column;gap:4px;width:100%;padding:13px;border:1px solid var(--op-wf-border);border-radius:10px;background:#fff;color:#334155;text-align:left}.op-workflow-profile:hover,.op-workflow-profile.is-active{border-color:var(--op-wf-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--op-wf-accent) 16%,transparent)}.op-workflow-profile.is-active{background:var(--op-wf-soft)}.op-workflow-profile__top{display:flex;align-items:center;justify-content:space-between;gap:8px}.op-workflow-profile__top strong{color:var(--op-wf-primary)}.op-workflow-profile__top em{padding:2px 7px;border-radius:999px;background:var(--op-wf-accent);color:#fff;font-size:10px;font-style:normal}.op-workflow-profile small{color:var(--op-wf-muted)}
.op-workflow-toolbar{align-items:flex-start}.op-workflow-toolbar h3{margin:3px 0 0}.op-workflow-selector-row{justify-content:flex-start;margin:18px 0;padding:12px;border:1px solid var(--op-wf-border);border-radius:10px;background:#f8fafc}.op-workflow-selector-row label{margin:0}.op-workflow-selector-row select{max-width:520px}.op-workflow-mode-panel,.op-workflow-canvas,.op-workflow-step-group{display:none}.op-workflow-mode-panel.is-active,.op-workflow-canvas.is-active,.op-workflow-step-group.is-active{display:block}
.op-workflow-canvas{position:relative;min-height:520px;overflow:auto;border:1px solid var(--op-wf-border);border-radius:12px;background-color:#f8fafc;background-image:radial-gradient(#cbd5e1 1px,transparent 1px);background-size:20px 20px}.op-workflow-canvas-stage{position:relative;min-width:820px;min-height:680px}.op-workflow-edge-layer{position:absolute;inset:0;z-index:1;width:100%;height:100%;min-width:820px;min-height:680px;overflow:visible;pointer-events:none}.op-workflow-edge{stroke:var(--op-wf-accent);stroke-width:2;opacity:.55}.op-workflow-node{position:absolute;z-index:2;display:flex;flex-direction:column;gap:4px;width:210px;min-height:88px;padding:12px;border:1px solid var(--op-wf-border);border-left:4px solid var(--op-wf-accent);border-radius:10px;background:#fff;box-shadow:0 8px 20px rgba(15,23,42,.08);color:#334155;text-align:left;cursor:grab;user-select:none}.op-workflow-node:active{cursor:grabbing}.op-workflow-node:hover,.op-workflow-node:focus{border-color:var(--op-wf-accent);box-shadow:0 10px 25px rgba(15,118,110,.16)}.op-workflow-node small{color:var(--op-wf-muted);text-transform:uppercase;letter-spacing:.05em}.op-workflow-node code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.operon-overlay-step-nav{display:flex;gap:8px;margin:14px 0;overflow-x:auto;padding-bottom:5px}.operon-overlay-step-tab{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:7px 10px;border:1px solid var(--op-wf-border);border-radius:8px;background:#fff;color:#334155;font-weight:700}.operon-overlay-step-tab span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#eef2f7}.operon-overlay-step-tab.is-active{border-color:var(--op-wf-accent);background:var(--op-wf-soft)}
.operon-overlay-step-card{display:none;padding:18px;border:1px solid var(--op-wf-border);border-radius:12px;background:#fff}.operon-overlay-step-card.is-active{display:block}.operon-overlay-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.operon-overlay-card-head h4{margin:3px 0 5px}.operon-overlay-summary-grid,.operon-overlay-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.operon-overlay-fixed-value{min-height:42px;padding:10px;border:1px solid var(--op-wf-border);border-radius:8px;background:#f8fafc}.operon-overlay-change-row{display:grid;grid-template-columns:210px 1fr;gap:10px;align-items:center;padding:9px 0;border-top:1px solid #edf2f7}.operon-overlay-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.operon-overlay-result{margin-top:14px;padding:12px;border:1px solid var(--op-wf-border);border-radius:8px;background:#f8fafc}.operon-overlay-result--success{border-color:#99d7c9;background:#ecfdf5;color:#0f6b55}.operon-overlay-result--error{border-color:#f4b9b9;background:#fef2f2;color:#991b1b}
.op-workflow-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.op-workflow-review-grid>div{display:flex;flex-direction:column;gap:4px;padding:14px;border:1px solid var(--op-wf-border);border-radius:10px;background:#f8fafc}.op-workflow-review-grid span,.op-workflow-review-grid small{color:var(--op-wf-muted)}.operon-overlay-details{margin-top:12px;padding:10px;border:1px solid var(--op-wf-border);border-radius:8px}.operon-overlay-details summary{cursor:pointer;font-weight:700}.operon-json-preview{max-height:360px;margin-top:10px;padding:14px;border-radius:8px;background:#111827;color:#e5e7eb;overflow:auto;white-space:pre-wrap}
@media(max-width:991px){.op-workflow-profile-panel{position:static}.op-workflow-phases{grid-template-columns:repeat(2,1fr)}.op-workflow-phases li:nth-child(2){border-right:0}.op-workflow-phases li:nth-child(-n+2){border-bottom:1px solid var(--op-wf-border)}.op-workflow-hero__content,.op-workflow-toolbar{align-items:flex-start;flex-direction:column}.op-workflow-summary{width:100%;grid-template-columns:repeat(4,1fr)}}
@media(max-width:767px){.op-workflow-summary,.op-workflow-phases,.op-workflow-review-grid,.operon-overlay-summary-grid,.operon-overlay-control-grid{grid-template-columns:1fr}.op-workflow-phases li{border-right:0;border-bottom:1px solid var(--op-wf-border)}.op-workflow-selector-row,.op-workflow-config-intro,.op-section-heading{align-items:flex-start;flex-direction:column}.operon-overlay-change-row,.op-workflow-diagnostic{grid-template-columns:1fr}.op-workflow-diagnostic code{text-align:left}.operon-workflow-studio .panel-body{padding:16px}}

/* Consolidated business workflow designer */
.content:has(.control-workflow-host) { min-width:0; }
.control-workflow-host { min-width:0; max-width:none; --workflow-accent: var(--control-accent); --workflow-ink: var(--control-text); --workflow-muted: var(--control-text-muted); --workflow-border: var(--control-border); --workflow-surface: var(--control-surface); --workflow-soft: var(--control-surface-muted); }
.control-workflow-section-label { display:block; margin-bottom:5px; color:var(--workflow-accent); font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.control-workflow-loading { display:flex; align-items:center; justify-content:center; gap:10px; min-height:260px; border:1px solid var(--workflow-border); border-radius:var(--control-radius); background:var(--workflow-surface); color:var(--workflow-muted); }
.control-workflow-return { display:inline-flex; align-items:center; gap:7px; margin-bottom:12px; color:var(--workflow-muted); font-weight:700; }
.control-workflow-loader .panel-body { display:grid; grid-template-columns:minmax(0,1fr); gap:20px; align-items:start; }
.control-workflow-loader__form { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; align-items:stretch; counter-reset:workflow-context; }
.control-workflow-loader__form label { display:block; }
.control-workflow-loader,.control-workflow-loader .panel-body,.control-workflow-loader__form,.control-workflow-context { min-width:0; max-width:100%; }
.control-workflow-context { position:relative; align-self:stretch; padding:15px; border:1px solid var(--workflow-border); border-radius:12px; background:var(--workflow-surface); counter-increment:workflow-context; }
.control-workflow-context[aria-disabled="true"] { background:var(--workflow-soft); opacity:.72; }
.control-workflow-context>header { display:flex; min-width:0; align-items:center; justify-content:space-between; gap:8px; margin-bottom:9px; }
.control-workflow-context>header span { color:var(--workflow-muted); font-size:11px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
.control-workflow-context>header span::before { content:counter(workflow-context); display:inline-grid; place-items:center; width:22px; height:22px; margin-inline-end:7px; border-radius:50%; background:var(--control-accent-soft); color:var(--control-primary); font-size:10px; }
.control-workflow-context>header b { min-width:0; overflow-wrap:anywhere; color:var(--workflow-ink); font-size:12px; text-align:end; }
.control-workflow-context>header b:empty { display:none; }
.control-workflow-context__tools { display:grid; min-width:0; grid-template-columns:minmax(0,1fr); gap:8px; }
.control-workflow-context__tools>* { min-width:0; max-width:100%; }
.control-workflow-context__tools .input-group { display:flex; width:100%; min-width:0; }
.control-workflow-context__tools .input-group .form-control { width:1%; min-width:0; flex:1 1 auto; }
.control-workflow-context__tools .input-group .input-group-btn { width:auto; flex:0 0 auto; }
.control-workflow-context [data-workflow-context-results] { max-height:260px; overflow:auto; }
.control-workflow-context__row { display:flex; width:100%; min-width:0; align-items:center; justify-content:space-between; gap:10px; margin-top:8px; padding:10px 11px; border:1px solid var(--workflow-border); border-radius:9px; background:var(--workflow-surface); text-align:start; }
.control-workflow-context__row:hover,.control-workflow-context__row:focus { border-color:var(--control-primary); box-shadow:0 0 0 3px var(--control-accent-soft); }
.control-workflow-context__row>span { display:flex; min-width:0; flex-direction:column; }
.control-workflow-context__row strong,.control-workflow-context__row small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.control-workflow-context__row small { color:var(--workflow-muted); font-weight:400; }
.control-workflow-context__empty,.control-workflow-context__error { padding:10px 2px 2px; overflow-wrap:anywhere; color:var(--workflow-muted); font-size:12px; }
.control-workflow-context__error { color:var(--control-danger,#b91c1c); }
.control-workflow-context>footer { display:flex; align-items:center; justify-content:flex-end; gap:9px; margin-top:8px; }
.control-workflow-loader__form>[data-workflow-context-submit] { grid-column:1/-1; justify-self:end; width:min(280px,100%); min-height:44px; margin:0; }
.control-workflow-designer { color:var(--workflow-ink); }
.control-workflow-hero { display:flex; justify-content:space-between; gap:24px; margin-bottom:18px; padding:26px 28px; overflow:hidden; border-radius:18px; background:linear-gradient(125deg,var(--control-primary),var(--control-primary-hover)); color:#fff; box-shadow:0 16px 36px rgba(15,23,42,.12); }
.control-workflow-hero h1 { margin:0 0 7px; color:#fff; font-size:28px; }
.control-workflow-hero p { margin:0; color:rgba(255,255,255,.74); }
.control-workflow-hero .control-workflow-section-label { color:var(--workflow-accent); }
.control-workflow-hero__facts { display:flex; gap:8px; align-self:center; }
.control-workflow-hero__facts span { display:flex; flex-direction:column; min-width:118px; padding:10px 12px; border:1px solid rgba(255,255,255,.16); border-radius:10px; background:rgba(255,255,255,.07); }
.control-workflow-hero__facts small { color:rgba(255,255,255,.62); }
.control-workflow-hero__facts strong { color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.control-workflow-layout { display:grid; grid-template-columns:260px minmax(0,1fr); gap:18px; align-items:start; }
.control-workflow-layout:has(.control-step-inspector) { grid-template-columns:240px minmax(0,1fr) 310px; }
.control-workflow-profile-rail,.control-workflow-workspace,.control-step-inspector { box-sizing:border-box; width:100%; min-width:0; max-width:100%; border:1px solid var(--workflow-border); border-radius:var(--control-radius); background:var(--workflow-surface); box-shadow:0 8px 24px rgba(15,23,42,.05); }
.control-workflow-profile-rail { position:sticky; top:74px; display:flex; flex-direction:column; gap:9px; padding:18px; }
.control-workflow-profile-rail h3 { margin:0; }
.control-workflow-profile-rail>p { color:var(--workflow-muted); font-size:12px; }
.control-workflow-profile-choice { display:flex; flex-direction:column; gap:4px; width:100%; padding:12px; border:1px solid var(--workflow-border); border-radius:10px; background:#fff; color:var(--workflow-ink); text-align:left; transition:border-color .15s,box-shadow .15s,transform .15s; }
.control-workflow-profile-choice:hover,.control-workflow-profile-choice.is-active { border-color:var(--workflow-accent); box-shadow:0 0 0 3px color-mix(in srgb,var(--workflow-accent) 13%,transparent); transform:translateY(-1px); }
.control-workflow-profile-choice.is-active { background:var(--control-accent-soft); }
.control-workflow-profile-choice>span { display:flex; justify-content:space-between; gap:8px; }
.control-workflow-profile-choice em { padding:2px 6px; border-radius:999px; background:var(--workflow-accent); color:#fff; font-size:9px; font-style:normal; text-transform:uppercase; }
.control-workflow-profile-choice small { color:var(--workflow-muted); }
.control-workflow-workspace { padding:22px; }
.control-workflow-workspace.is-workflow-open { min-height:620px; }
.control-workflow-section-head,.control-workflow-builder-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.control-workflow-section-head h2,.control-workflow-builder-head h2 { margin:0; }
.control-workflow-lead,.control-workflow-builder-head p { color:var(--workflow-muted); }
.control-workflow-chip { display:inline-flex; padding:5px 9px; border:1px solid var(--workflow-border); border-radius:999px; background:var(--workflow-soft); color:var(--workflow-muted); font-size:11px; font-weight:700; }
.control-workflow-journey-track { display:flex; align-items:stretch; gap:10px; margin-top:24px; overflow:auto; padding:8px 3px 20px; }
.control-workflow-journey-card { position:relative; display:grid; grid-template-columns:34px minmax(145px,1fr) 18px; gap:10px; align-items:center; min-width:230px; padding:15px; border:1px solid var(--workflow-border); border-radius:12px; background:#fff; color:var(--workflow-ink); text-align:left; box-shadow:0 7px 18px rgba(15,23,42,.06); }
.control-workflow-journey-card:hover { border-color:var(--workflow-accent); box-shadow:0 10px 24px rgba(15,23,42,.1); }
.control-workflow-journey-card__number { display:grid; place-items:center; width:32px; height:32px; border-radius:9px; background:var(--control-accent-soft); color:var(--workflow-accent); font-weight:800; }
.control-workflow-journey-card>span:nth-child(2) { display:flex; flex-direction:column; gap:3px; }
.control-workflow-journey-card small,.control-workflow-journey-card em { color:var(--workflow-muted); font-size:10px; font-style:normal; }
.control-workflow-journey-connector { display:flex; flex-direction:column; align-items:center; justify-content:center; color:var(--workflow-muted); font-size:10px; }
.control-workflow-back { margin-bottom:18px; border:0; background:transparent; color:var(--workflow-muted); font-weight:700; }
.control-workflow-view-switch { display:flex; gap:4px; padding:4px; border:1px solid var(--workflow-border); border-radius:10px; background:var(--workflow-soft); }
.control-workflow-view-switch button { padding:7px 11px; border:0; border-radius:7px; background:transparent; color:var(--workflow-muted); font-weight:700; }
.control-workflow-view-switch button.is-active { background:#fff; color:var(--control-primary); box-shadow:0 2px 8px rgba(15,23,42,.08); }
.control-workflow-notice { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:14px 0; padding:10px 12px; border-left:3px solid var(--workflow-accent); border-radius:7px; background:var(--control-accent-soft); color:#6f5015; }
.control-workflow-notice>span { min-width:0; }
.control-workflow-notice>.btn { flex:0 0 auto; }
.control-workflow-notice.is-error { border-left-color:#dc2626; background:#fef2f2; color:#991b1b; }
.control-workflow-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:18px; padding:12px; border:1px solid var(--workflow-border); border-radius:var(--control-radius); background:var(--workflow-surface); box-shadow:0 8px 24px rgba(15,23,42,.05); }
.control-workflow-toolbar>div { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.control-workflow-toolbar .btn { min-height:40px; margin:0; }
.control-workflow-change-reason { box-sizing:border-box; width:100%; min-width:0; }
.control-workflow-change-reason>label { display:block; margin-bottom:7px; font-weight:700; }
.control-workflow-change-reason>.form-control { width:100%; }
.control-workflow-validation { display:inline-flex; align-items:center; gap:6px; padding:7px 10px; border-radius:999px; background:var(--workflow-soft); color:var(--workflow-muted); font-size:12px; font-weight:700; }
.control-workflow-validation.is-locally_valid,.control-workflow-validation.is-server_valid { background:#ecfdf5; color:#047857; }
.control-workflow-validation.is-blocked { background:#fef2f2; color:#b91c1c; }
.control-workflow-validation-panel { margin:-6px 0 18px; padding:14px 16px; border:1px solid #fecaca; border-radius:var(--control-radius); background:#fff7f7; color:#7f1d1d; }
.control-workflow-validation-panel ul { margin:8px 0 0; padding-inline-start:20px; }
.control-guided-workflow { max-width:850px; margin:24px auto 0; }
.control-workflow-boundary { display:flex; align-items:center; gap:12px; padding:14px 16px; border:1px solid var(--workflow-border); border-radius:12px; background:var(--workflow-soft); }
.control-workflow-boundary>span { display:grid; place-items:center; width:36px; height:36px; border-radius:50%; background:var(--control-primary); color:#fff; }
.control-workflow-boundary>div { display:flex; flex:1; flex-direction:column; }
.control-workflow-boundary small { color:var(--workflow-muted); }
.control-workflow-boundary button { min-height:40px; padding:8px 12px; border:1px solid var(--workflow-border); border-radius:7px; background:#fff; color:var(--workflow-muted); }
.control-guided-path { position:relative; padding:0 20px; }
.control-guided-path::before { content:""; position:absolute; top:0; bottom:0; left:48px; width:2px; background:linear-gradient(var(--workflow-accent),var(--control-primary)); opacity:.35; }
.control-insertion-point { position:relative; z-index:2; display:flex; justify-content:flex-start; padding:9px 0 9px 64px; }
.control-insertion-point button { padding:5px 10px; border:1px dashed var(--workflow-border); border-radius:999px; background:#fff; color:var(--workflow-muted); font-size:11px; opacity:.7; }
.control-insertion-point button:hover { border-color:var(--workflow-accent); color:var(--control-primary); opacity:1; }
.control-step-card { position:relative; z-index:2; display:grid; grid-template-columns:38px 1fr 34px; gap:13px; padding:15px; border:1px solid var(--workflow-border); border-radius:13px; background:#fff; box-shadow:0 8px 20px rgba(15,23,42,.06); cursor:pointer; }
.control-step-card:hover,.control-step-card.is-selected { border-color:var(--workflow-accent); box-shadow:0 0 0 3px color-mix(in srgb,var(--workflow-accent) 13%,transparent),0 10px 24px rgba(15,23,42,.08); }
.control-step-card.is-locked { background:var(--workflow-soft); }
.control-step-card__rank { display:grid; place-items:center; width:36px; height:36px; border-radius:10px; background:var(--control-primary); color:#fff; font-weight:800; }
.control-step-card__body { display:flex; flex-direction:column; gap:4px; }
.control-step-card__body>small { color:var(--workflow-accent); font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
.control-step-card__body>strong { font-size:15px; }
.control-step-card__body>p { margin:2px 0; color:var(--workflow-muted); }
.control-step-card__configure { align-self:start; border:0; background:transparent; color:var(--workflow-muted); }
.control-step-card__badges,.control-step-inspector__tags { display:flex; flex-wrap:wrap; gap:5px; margin-top:5px; }
.control-step-card__actions { display:flex; flex-direction:column; gap:5px; align-self:center; }
.control-step-card__actions button { display:grid; place-items:center; width:40px; height:40px; border:1px solid var(--workflow-border); border-radius:8px; background:#fff; color:var(--workflow-muted); }
.control-step-card__actions button:hover:not(:disabled),.control-step-card__actions button:focus { border-color:var(--workflow-accent); color:var(--control-primary); }
.control-step-card__actions button:disabled { opacity:.35; cursor:not-allowed; }
.control-step-card__badges span,.control-step-inspector__tags span { padding:3px 7px; border-radius:999px; background:var(--workflow-soft); color:var(--workflow-muted); font-size:10px; }
.control-step-branches { display:flex; flex-direction:column; gap:4px; margin-top:8px; padding-top:8px; border-top:1px solid var(--workflow-border); }
.control-step-branches span { color:var(--workflow-muted); font-size:11px; }
.control-workflow-canvas-workspace { display:flex; min-width:0; flex-direction:column; gap:10px; margin-top:20px; }
.control-workflow-canvas-actions { display:flex; min-height:54px; align-items:center; padding:9px 11px; border:1px solid var(--workflow-border); border-radius:11px; background:#fff; }
.control-workflow-canvas-actions p { margin:0; color:var(--workflow-muted); }
.control-workflow-canvas-actions__selection { display:flex; width:100%; min-width:0; align-items:center; gap:7px; flex-wrap:wrap; }
.control-workflow-canvas-actions__selection>span { display:flex; min-width:180px; margin-right:auto; flex-direction:column; }
.control-workflow-canvas-actions__selection small { color:var(--workflow-muted); font-size:10px; text-transform:uppercase; }
.control-workflow-canvas-actions__selection strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.control-workflow-canvas-shell { position:relative; height:570px; overflow:hidden; border:1px solid var(--workflow-border); border-radius:13px; background:var(--workflow-soft); }
.control-workflow-canvas-shell .vue-flow { height:100%; }
.control-workflow-canvas-shell .vue-flow__controls-button { width:40px; height:40px; }
.control-workflow-canvas-shell .vue-flow__node { width:230px; padding:15px; border:1px solid var(--workflow-border); border-left:4px solid var(--workflow-accent); border-radius:11px; background:#fff; color:var(--workflow-ink); box-shadow:0 8px 20px rgba(15,23,42,.08); text-align:left; }
.control-workflow-canvas-shell .vue-flow__node.selected { border-color:var(--workflow-accent); box-shadow:0 0 0 3px color-mix(in srgb,var(--workflow-accent) 16%,transparent); }
.control-workflow-edge--exception path { stroke:#dc8b28; stroke-dasharray:5 4; }
.control-workflow-edge--retry path { stroke:#7c3aed; }
.control-workflow-canvas-note { position:absolute; right:12px; bottom:12px; z-index:6; display:flex; max-width:340px; padding:7px 9px; border:1px solid var(--workflow-border); border-radius:7px; background:rgba(255,255,255,.94); color:var(--workflow-muted); font-size:10px; flex-direction:column; gap:3px; }
.control-workflow-canvas-state { color:var(--workflow-ink); font-size:11px; font-weight:600; }
.control-step-inspector { position:sticky; top:74px; min-width:0; padding:17px; }
.control-step-inspector header { display:flex; justify-content:space-between; gap:10px; padding-bottom:12px; border-bottom:1px solid var(--workflow-border); }
.control-step-inspector header h3 { margin:3px 0 0; }
.control-step-inspector header small { color:var(--workflow-accent); font-weight:800; text-transform:uppercase; }
.control-step-inspector header button { border:0; background:transparent; color:var(--workflow-muted); }
.control-step-inspector__section { padding:13px 0; border-bottom:1px solid var(--workflow-border); }
.control-step-inspector__section label { display:block; color:var(--workflow-muted); font-size:10px; text-transform:uppercase; }
.control-step-inspector__section p { margin:3px 0 0; }
.control-step-inspector__governance { display:flex; flex-direction:column; gap:10px; }
.control-step-inspector__governance-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.control-step-inspector__governance-heading span { padding:4px 8px; border-radius:999px; background:var(--control-accent-soft); color:#6f5015; font-size:10px; font-weight:800; }
.control-step-inspector__governance dl { display:grid; gap:8px; margin:0; }
.control-step-inspector__governance dl>div { display:grid; gap:2px; }
.control-step-inspector__governance dt { color:var(--workflow-muted); font-size:10px; font-weight:700; }
.control-step-inspector__governance dd { margin:0; overflow-wrap:anywhere; font-size:11px; }
.control-workflow-canvas-actions__selection>span>em { display:inline-flex; align-items:center; gap:5px; margin-top:3px; color:var(--workflow-muted); font-size:10px; font-style:normal; }
.control-step-inspector__tags em { color:var(--workflow-muted); font-size:11px; }
.control-step-inspector__notice { display:flex; gap:9px; margin-top:14px; padding:10px; border-radius:9px; background:var(--control-accent-soft); color:#6f5015; }
.control-step-inspector__notice p { margin:0; font-size:11px; }
.control-step-inspector__form { padding-top:14px; }
.control-step-inspector__form .form-group { margin-bottom:14px; }
.control-step-inspector__form .help-block { margin:5px 0 0; color:var(--workflow-muted); font-size:11px; }
.control-workflow-switch { display:flex!important; align-items:center; gap:8px; min-height:36px; margin:0; color:var(--control-text)!important; font-size:12px!important; text-transform:none!important; }
.control-workflow-empty { padding:26px; border:1px dashed var(--workflow-border); border-radius:11px; background:var(--workflow-soft); color:var(--workflow-muted); text-align:center; }
.control-workflow-empty--page { min-height:220px; display:grid; place-items:center; }
.control-action-gallery { position:fixed; inset:0; z-index:1050; display:grid; place-items:center; padding:20px; overflow:auto; background:rgba(15,23,42,.54); }
.control-action-gallery__backdrop { position:absolute; inset:0; }
.control-action-gallery__panel { position:relative; z-index:1; width:min(680px,100%); max-height:calc(100vh - 40px); padding:20px; overflow:auto; border-radius:15px; background:#fff; box-shadow:0 25px 70px rgba(15,23,42,.25); }
.control-action-gallery__panel>header { display:flex; justify-content:space-between; gap:12px; margin-bottom:15px; }
.control-action-gallery__panel h3 { margin:0; }
.control-action-gallery__panel header button { display:grid; place-items:center; width:40px; height:40px; border:0; border-radius:8px; background:transparent; color:var(--workflow-muted); }
.control-action-gallery__list { display:grid; gap:10px; margin:8px 0 16px; }
.control-recipe-choice { display:grid; grid-template-columns:22px minmax(0,1fr); gap:10px; align-items:start; min-height:58px; margin:0; padding:12px; border:1px solid var(--workflow-border); border-radius:10px; background:#fff; cursor:pointer; }
.control-recipe-choice:has(input:checked) { border-color:var(--workflow-accent); background:var(--control-accent-soft); box-shadow:0 0 0 3px color-mix(in srgb,var(--workflow-accent) 13%,transparent); }
.control-recipe-choice input { margin-top:3px; }
.control-recipe-choice span,.control-recipe-choice strong,.control-recipe-choice small { display:block; min-width:0; }
.control-recipe-choice small { margin-top:4px; color:var(--workflow-muted); font-weight:400; }
.control-action-gallery__panel>footer { display:flex; justify-content:flex-end; gap:9px; padding-top:16px; border-top:1px solid var(--workflow-border); }
.control-action-gallery__panel>footer .btn { min-height:40px; margin:0; }
.control-workflow-policy-tools { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-top:10px; }
.control-workflow-policy-chip { display:inline-flex; align-items:center; gap:7px; min-height:32px; padding:5px 9px; border:1px solid #c7d2fe; border-radius:999px; background:#eef2ff; color:#3730a3; font-size:11px; font-weight:700; }
.control-workflow-policy-chip button { display:grid; place-items:center; width:24px; height:24px; padding:0; border:0; border-radius:50%; background:transparent; color:inherit; }
.control-workflow-savebar { display:flex; box-sizing:border-box; width:100%; align-items:center; justify-content:flex-end; gap:12px; margin-top:18px; padding:14px 16px; border:1px solid var(--workflow-border); border-radius:var(--control-radius); background:var(--workflow-surface); box-shadow:0 8px 24px rgba(15,23,42,.05); }
.control-workflow-savebar .btn { min-height:40px; margin:0; }
.control-workflow-savebar span { color:var(--workflow-muted); font-size:12px; }
.control-action-gallery__recipes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.control-action-recipe { min-height:132px; padding:15px; border:1px solid var(--workflow-border); border-radius:11px; background:#fff; color:var(--workflow-text); text-align:left; transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease; }
.control-action-recipe:hover,.control-action-recipe:focus { border-color:var(--workflow-accent); box-shadow:0 10px 26px rgba(15,23,42,.1); transform:translateY(-1px); outline:0; }
.control-action-recipe__family { display:block; margin-bottom:7px; color:var(--workflow-accent); font-size:10px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
.control-action-recipe strong { display:block; margin-bottom:5px; }
.control-action-recipe p { margin:0; color:var(--workflow-muted); font-size:12px; }
.control-action-gallery__capabilities { display:flex; flex-wrap:wrap; justify-content:center; gap:7px; margin-top:15px; }
.control-action-gallery__capabilities small { flex-basis:100%; font-weight:700; text-transform:uppercase; }
.control-action-gallery__capabilities span { padding:5px 9px; border:1px solid var(--workflow-border); border-radius:999px; background:#fff; color:var(--workflow-text); font-size:11px; }
@media(max-width:991px){.control-workflow-loader__form{grid-template-columns:minmax(0,1fr)}.control-workflow-loader__form>[data-workflow-context-submit]{justify-self:stretch;width:100%}}
@media(max-width:991px){.control-workflow-journey-track{flex-direction:column}.control-workflow-journey-card{width:100%;min-width:0}.control-workflow-journey-connector{flex-direction:row;gap:7px}}
@media(max-width:1399px){.control-workflow-layout,.control-workflow-layout:has(.control-step-inspector){grid-template-columns:220px minmax(0,1fr)}.control-step-inspector{position:static;grid-column:2;width:auto;max-height:none;overflow:visible;box-shadow:none}}
@media(max-width:767px){.control-workflow-hero,.control-workflow-section-head,.control-workflow-builder-head,.control-workflow-toolbar{flex-direction:column}.control-workflow-toolbar,.control-workflow-toolbar>div{align-items:stretch}.control-workflow-toolbar .btn{flex:1;min-height:44px}.control-workflow-hero__facts{width:100%;flex-direction:column;overflow:visible}.control-workflow-hero__facts span{box-sizing:border-box;width:100%;min-width:0}.control-workflow-layout,.control-workflow-layout:has(.control-step-inspector){grid-template-columns:1fr}.control-workflow-profile-rail{position:static}.control-workflow-loader .panel-body,.control-workflow-loader__form,.control-workflow-context__tools{grid-template-columns:1fr}.control-workflow-context:nth-of-type(3){grid-column:auto}.control-workflow-loader__form>[data-workflow-context-submit]{width:100%}.control-workflow-context>header{align-items:flex-start;flex-direction:column}.control-workflow-context>header b{text-align:start}.control-workflow-journey-track{flex-direction:column}.control-workflow-journey-card{width:100%;min-width:0}.control-workflow-journey-connector{flex-direction:row;gap:7px}.control-workflow-journey-connector .btn,.control-workflow-journey-actions .btn{min-height:44px}.control-step-inspector{grid-column:1;width:100%;max-width:100%}.control-workflow-view-switch{width:100%}.control-workflow-view-switch button{min-height:44px;flex:1}.control-workflow-back,.control-workflow-policy-tools .btn,.control-insertion-point button{min-height:44px}.control-action-gallery{padding:12px}.control-action-gallery__panel{max-height:calc(100vh - 24px);padding:16px}.control-action-gallery__recipes{grid-template-columns:1fr}.control-action-gallery__panel>footer,.control-workflow-savebar{align-items:stretch;flex-direction:column}.control-action-gallery__panel>footer .btn,.control-workflow-savebar .btn{min-height:44px;width:100%}.control-workflow-savebar span{text-align:center}.control-workflow-canvas-actions__selection>span{width:100%;margin-right:0}.control-workflow-canvas-actions__selection .btn{min-height:44px;flex:1}.control-workflow-canvas-shell{height:460px}.control-workflow-canvas-shell .vue-flow__controls-button{width:44px;height:44px}.control-step-card{grid-template-columns:38px minmax(0,1fr) 44px}.control-step-card__actions button{width:44px;height:44px}}
@media(max-width:479px){.control-workflow-context__tools .input-group{display:grid;grid-template-columns:minmax(0,1fr)}.control-workflow-context__tools .input-group .form-control{width:100%}.control-workflow-context__tools .input-group .input-group-btn,.control-workflow-context__tools .input-group .input-group-btn .btn{display:block;width:100%}.control-workflow-context__tools .input-group .input-group-btn .btn{min-height:44px;border-radius:0 0 4px 4px}.control-workflow-notice{align-items:stretch;flex-direction:column}.control-workflow-notice>.btn{width:100%;min-height:44px}}

/* Shared, policy-preserving technical JSON drawer. Source nodes stay in the DOM for live updates but never consume layout space. */
.control-json-drawer__source[hidden] { display:none !important; }
.control-json-drawer__trigger { display:inline-flex; align-items:center; gap:7px; margin-top:8px; }
.control-json-drawer-backdrop[hidden] { display:none !important; }
.control-json-drawer-backdrop { position:fixed; inset:0; z-index:10050; display:flex; justify-content:flex-end; background:rgba(8,18,34,.56); backdrop-filter:blur(2px); }
.control-json-drawer { width:min(720px,92vw); height:100%; display:flex; flex-direction:column; background:#fff; box-shadow:-20px 0 50px rgba(8,18,34,.24); }
.control-json-drawer>header { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; padding:20px 22px; border-bottom:1px solid var(--control-border,#dbe3ec); }
.control-json-drawer>header span { display:block; color:var(--control-muted,#64748b); font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.control-json-drawer>header h2 { margin:4px 0 0; color:var(--control-primary,#0b1f3b); font-size:20px; }
.control-json-drawer__close { width:40px; height:40px; flex:0 0 auto; border:1px solid var(--control-border,#dbe3ec); border-radius:10px; background:#fff; color:var(--control-primary,#0b1f3b); font-size:28px; line-height:1; }
.control-json-drawer__body { min-height:0; flex:1; overflow:auto; padding:20px 22px; background:#f7f9fc; }
.control-json-drawer__body pre { min-height:100%; margin:0; padding:18px; overflow:auto; border:0; border-radius:12px; background:#101827; color:#e5edf7; font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; white-space:pre-wrap; overflow-wrap:anywhere; }
.control-json-drawer-open { overflow:hidden; }
@media(max-width:767px){.control-json-drawer{width:100vw}.control-json-drawer>header,.control-json-drawer__body{padding:16px}.control-json-drawer>header h2{font-size:18px}}

/* Descriptor-driven policy and configuration workspace. */
.op-config-workspace{--op-config-ink:var(--control-text,#172033);--op-config-muted:var(--control-text-muted,#667085);color:var(--op-config-ink)}
body.operon.page-small.hide-sidebar:not(.show-sidebar) #menu{display:none}
.op-config-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:28px;border:1px solid var(--control-border,#e4e7ec);border-radius:var(--control-radius,14px);background:linear-gradient(135deg,var(--control-surface,#fff),var(--control-accent-soft,#eef6ff));color:var(--op-config-ink);margin-bottom:20px}
.op-config-hero h1{margin:4px 0 8px;font-size:30px;letter-spacing:-.02em}.op-config-hero p{max-width:760px;margin:0;color:var(--op-config-muted);line-height:1.55}
.op-config-hero h1,.op-config-hero .op-config-eyebrow{color:var(--op-config-ink)}
.op-config-hero-actions{display:flex;align-items:flex-start;gap:10px}.op-config-copy-heading{display:flex;align-items:center;gap:10px}.op-config-copy-heading h2,.op-config-copy-heading h3,.op-config-copy-heading label{margin-bottom:0}.op-config-help{width:24px;height:24px;font-size:12px;flex:0 0 24px}
.op-config-review-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}
.control-workflow-help-heading{display:flex;align-items:center;gap:10px}.control-workflow-help-heading h1,.control-workflow-help-heading h2,.control-workflow-help-heading h3{margin-bottom:0}
.control-workflow-header-actions{display:flex;align-items:center;gap:8px}
.op-config-eyebrow{display:block;color:var(--control-primary,#2563eb);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.op-config-truth{display:flex;align-items:center;gap:10px;max-width:250px;padding:11px 14px;border-radius:10px;background:rgba(255,255,255,.8);color:var(--op-config-muted);font-size:12px;line-height:1.35}
.op-config-context .panel-body{padding:18px 22px}.op-config-sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}
.op-config-section{display:grid;grid-template-columns:32px 1fr;text-align:left;gap:2px 12px;padding:16px 18px;border:1px solid var(--control-border,#e4e7ec);border-radius:12px;background:var(--control-surface,#fff);color:var(--op-config-ink)}
.op-config-section i{grid-row:1/3;color:var(--control-primary,#2563eb);font-size:18px;margin-top:3px}.op-config-section span{font-weight:700}.op-config-section small{color:var(--op-config-muted)}.op-config-section.is-active{border-color:var(--control-primary,#2563eb);box-shadow:0 0 0 2px color-mix(in srgb,var(--control-primary,#2563eb) 14%,transparent)}
.op-config-status{min-height:0;margin:12px 0;border-radius:9px}.op-config-status:not(:empty){padding:12px 14px}.op-config-status.is-error{background:#fff1f1;color:#a61b1b}.op-config-status.is-info,.op-config-status.is-loading{background:#f2f7ff;color:#2b4d7d}.op-config-status.is-success{background:#ecfdf3;color:#176b3a}
.op-config-surface>.panel-body{padding:0}.op-config-surface-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 24px;border-bottom:1px solid var(--control-border,#e4e7ec)}.op-config-surface-head>div{min-width:0}.op-config-surface-head h2{margin:4px 0;font-size:22px}.op-config-surface-head p{margin:0;color:var(--op-config-muted);overflow-wrap:anywhere}
.op-config-group{padding:20px 24px;border-bottom:1px solid var(--control-border,#e4e7ec)}.op-config-group>header{margin-bottom:8px}.op-config-group h3{margin:0 0 4px;font-size:16px}.op-config-group>header p{margin:0;color:var(--op-config-muted);font-size:12px}
.op-config-field{display:grid;grid-template-columns:minmax(220px,1fr) minmax(280px,1.1fr);gap:26px;align-items:center;padding:16px 0;border-bottom:1px solid #f0f2f5}.op-config-field>*{min-width:0}.op-config-field:last-child{border-bottom:0}.op-config-field-copy label{margin:0 0 5px;font-weight:700;overflow-wrap:anywhere}.op-config-field-copy p{margin:0;color:var(--op-config-muted);font-size:12px;line-height:1.45}.op-config-field-meta{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.op-config-copy-heading{min-width:0}
.op-config-field.is-condition-unmet{display:none}
.op-config-badge{display:inline-flex;align-self:flex-start;flex:0 0 auto;padding:3px 8px;border-radius:999px;background:#f2f4f7;color:#475467;font-size:11px;font-weight:700;line-height:1.4;white-space:nowrap}.op-config-badge.is-override{background:#fff4e5;color:#9a5b00}.op-config-badge.is-pending{background:#eef4ff;color:#3538cd}
.op-config-badge.is-read-only{margin-inline-start:6px;background:#f8fafc;color:#64748b}.op-config-field-context{display:flex;flex-wrap:wrap;gap:9px 14px;margin-top:9px;color:var(--op-config-muted);font-size:11px}.op-config-field-context span{display:inline-flex;align-items:center;gap:5px}.op-config-origin i{transform:rotate(45deg);color:var(--control-primary,#2563eb)}.op-config-field-impact i{color:#b26a00}
.op-config-toggle{display:flex;align-items:center;gap:9px;cursor:pointer}.op-config-toggle input{position:absolute;opacity:0}.op-config-toggle span{width:42px;height:24px;border-radius:999px;background:#d0d5dd;position:relative;transition:.2s}.op-config-toggle span:after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:.2s}.op-config-toggle input:checked+span{background:var(--control-primary,#2563eb)}.op-config-toggle input:checked+span:after{transform:translateX(18px)}
.op-config-specialized{display:flex;gap:9px;align-items:flex-start;padding:12px;border:1px dashed var(--control-border,#d0d5dd);border-radius:8px;background:#f9fafb;color:var(--op-config-muted);font-size:12px}.op-config-actions{padding:20px 24px;background:#fbfcfe}.op-config-actions .form-group{max-width:680px}.op-config-plan{margin:0 24px 24px;padding:18px;border:1px solid #b9d3ff;border-radius:10px;background:#f5f9ff}.op-config-plan ul{list-style:none;padding:0}.op-config-plan li{display:flex;justify-content:space-between;gap:20px;padding:8px 0;border-bottom:1px solid #dce8fa}.op-config-plan li span{text-align:right;color:var(--op-config-muted)}
.op-config-structured{display:flex;flex-direction:column;gap:12px}.op-config-structured-body{display:flex;flex-direction:column;gap:12px}.op-config-object{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.op-config-node{min-width:0;padding:13px;border:1px solid var(--control-border,#e4e7ec);border-radius:10px;background:#fff}.op-config-node>header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:7px}.op-config-node>header label{margin:0;font-size:12px;font-weight:750}.op-config-node>p{min-height:0;margin:4px 0 9px;color:var(--op-config-muted);font-size:11px;line-height:1.4}.op-config-node-control>.op-config-object,.op-config-node-control>.op-config-structured-collection,.op-config-node-control>.op-config-map,.op-config-node-control>.op-config-union{margin-top:8px}.op-config-required{margin-inline-start:3px;color:#b42318}.op-config-badge.is-sensitive{margin-inline-start:5px;background:#fff7ed;color:#9a3412}.op-config-structured-collection,.op-config-map,.op-config-union{padding:12px;border:1px solid #d8e3f0;border-radius:11px;background:#f8fbff}.op-config-structured-items{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.op-config-structured-item,.op-config-map-entry{padding:12px;border:1px solid var(--control-border,#e4e7ec);border-radius:10px;background:#fff}.op-config-structured-item>.op-config-node,.op-config-map-entry>.op-config-node{padding:0;border:0}.op-config-structured-item-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.op-config-structured-item-head strong{font-size:12px}.op-config-structured-actions{display:flex;gap:5px}.op-config-collection-add-value,.op-config-map-add{display:grid;grid-template-columns:minmax(140px,1fr) auto;gap:8px}.op-config-union-selector{display:grid;grid-template-columns:minmax(100px,.35fr) 1fr;align-items:center;gap:9px;margin-bottom:12px}.op-config-union-selector>span{font-size:12px;font-weight:700}.op-config-reference-error{display:block;margin-top:6px;color:#9a3412;font-size:11px}
.op-config-catalogs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px 24px;border-bottom:1px solid var(--control-border,#e4e7ec);background:#fbfcfe}.op-config-catalog{padding:14px;border:1px solid var(--control-border,#e4e7ec);border-radius:10px;background:#fff}.op-config-catalog header span{color:var(--control-primary,#2563eb);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.op-config-catalog h4{margin:3px 0 9px;font-size:14px}.op-config-catalog ul{list-style:none;margin:0;padding:0}.op-config-catalog li{display:flex;flex-wrap:wrap;gap:4px 8px;padding:7px 0;border-top:1px solid #f0f2f5}.op-config-catalog li span,.op-config-catalog li small,.op-config-catalog p{color:var(--op-config-muted);font-size:11px}.op-config-catalog li span{width:100%}.op-config-refresh-rebase{margin-inline-start:8px}
.op-config-resource-picker .panel-body{display:grid;grid-template-columns:minmax(260px,520px) 1fr;align-items:end;gap:24px;padding:20px 24px}.op-config-resource-picker .form-group{margin:0}.op-config-resource-picker p{margin:0;color:var(--op-config-muted);font-size:12px}.op-config-resource-card>.panel-body{padding:0}.op-config-resource-group{padding:20px 24px;border-bottom:1px solid var(--control-border,#e4e7ec)}.op-config-resource-group h3{margin:0 0 14px;font-size:16px}.op-config-resource-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.op-config-resource-field{display:flex;flex-direction:column;gap:6px}.op-config-resource-field label{margin:0;font-size:12px;font-weight:700}.op-config-resource-field small{color:var(--op-config-muted);line-height:1.4}.op-config-resource-field.is-fixed{justify-content:center;padding:11px 13px;border:1px dashed var(--control-border,#d0d5dd);border-radius:8px;background:#f9fafb}.op-config-resource-field.is-fixed strong{font-size:12px}.op-config-resource-secret{max-width:680px;margin-bottom:15px}.op-config-resource-plan{margin:0 24px 24px;padding:18px;border:1px solid #b9d3ff;border-radius:10px;background:#f5f9ff}.op-config-resource-plan ul{list-style:none;padding:0}.op-config-resource-plan li{display:flex;justify-content:space-between;gap:20px;padding:8px 0;border-bottom:1px solid #dce8fa}.op-config-resource-plan li span{text-align:right;color:var(--op-config-muted);word-break:break-word}.op-config-diagnostic{display:block;margin-top:12px;color:var(--op-config-muted);word-break:break-all}.op-config-inline-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.op-config-journey>.panel-body{padding:22px 24px}.op-config-journey header h2{margin:4px 0 6px}.op-config-journey header p{margin:0;color:var(--op-config-muted)}.op-config-journey ol{list-style:none;counter-reset:journey;margin:18px 0;padding:0}.op-config-journey li{counter-increment:journey;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--control-border,#e4e7ec)}.op-config-journey li:before{content:counter(journey);display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:var(--control-accent-soft,#eef6ff);color:var(--control-primary,#2563eb);font-weight:700}.op-config-journey li>i{display:none}.op-config-journey footer{padding:11px 13px;border-radius:8px;background:#fff7ed;color:#9a3412;font-size:12px}
.op-config-profile-context>.panel-body{padding:22px 24px}.op-config-context-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}.op-config-context-heading h2{margin:3px 0 5px;font-size:21px}.op-config-context-heading p{max-width:730px;margin:0;color:var(--op-config-muted)}.op-config-context-state{max-width:330px;color:#9a3412;font-size:12px;text-align:right}.op-config-context-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.op-config-context-grid .form-group{margin-bottom:0}.op-config-profile-summary{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;margin-top:18px;padding:15px 17px;border:1px solid var(--control-border,#e4e7ec);border-radius:11px;background:linear-gradient(120deg,#fbfdff,var(--control-accent-soft,#eef6ff))}.op-config-profile-summary>div{display:flex;flex-direction:column;gap:3px}.op-config-profile-summary span,.op-config-profile-summary small{color:var(--op-config-muted)}.op-config-profile-summary b{font-size:22px;color:var(--control-primary,#2563eb)}
@media(max-width:991px){.op-config-sections{grid-template-columns:1fr}.op-config-field{grid-template-columns:1fr;gap:10px}.op-config-catalogs,.op-config-resource-fields,.op-config-object{grid-template-columns:1fr}.op-config-resource-picker .panel-body{grid-template-columns:1fr}}
@media(max-width:767px){.op-config-hero{display:block}.op-config-truth{margin-top:18px;max-width:none}.op-config-context-heading{display:block}.op-config-context-state{text-align:left;margin-top:10px}.op-config-context-grid,.op-config-collection-add-value,.op-config-map-add,.op-config-union-selector{grid-template-columns:1fr}.op-config-profile-summary{grid-template-columns:1fr}}
@media(max-width:479px){.op-config-surface-head{flex-direction:column;gap:10px;padding:18px}.op-config-group,.op-config-resource-group,.op-config-actions{padding-inline:18px}.op-config-plan,.op-config-resource-plan{margin-inline:18px}}
/* Billing and commercial lifecycle workspace */
.control-billing-workspace{min-width:0;max-width:100%}.control-billing-workspace>*,.control-billing-two-column>*{min-width:0;max-width:100%;box-sizing:border-box}.control-billing-workspace .table-responsive{position:relative;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.control-billing-workspace .btn{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.control-billing-workspace{--cb-border:rgba(15,23,42,.12);--cb-muted:#64748b;--cb-surface:#fff;display:flex;flex-direction:column;gap:18px;color:#1e293b}.control-billing-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:26px;border:1px solid rgba(200,164,92,.32);border-radius:16px;background:linear-gradient(135deg,rgba(11,31,59,.98),rgba(20,58,96,.94));box-shadow:0 18px 40px rgba(11,31,59,.15);color:#fff}.control-billing-hero h1{margin:5px 0 8px;color:#fff;font-size:28px}.control-billing-hero p{max-width:720px;margin:0;color:rgba(255,255,255,.78)}.control-billing-account{display:flex;min-width:220px;flex-direction:column;gap:4px;padding:13px 16px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:rgba(255,255,255,.08)}.control-billing-account small{color:rgba(255,255,255,.66);text-transform:uppercase;letter-spacing:.06em}.control-billing-selector{display:grid;grid-template-columns:minmax(280px,1fr) auto;align-items:end;gap:14px}.control-billing-selector .form-group{margin:0}.control-billing-state-grid,.control-billing-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.control-billing-state-grid article,.control-billing-kpis article{display:flex;min-height:118px;flex-direction:column;justify-content:center;gap:7px;padding:18px;border:1px solid var(--cb-border);border-radius:14px;background:var(--cb-surface);box-shadow:0 8px 24px rgba(15,23,42,.06)}.control-billing-state-grid span,.control-billing-kpis span{color:var(--cb-muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.control-billing-state-grid strong{font-size:19px}.control-billing-state-grid small{color:var(--cb-muted)}.control-billing-kpis{margin:16px 0}.control-billing-kpis article{min-height:96px}.control-billing-kpis strong{font-size:30px;color:var(--control-primary)}.control-billing-kpis .is-overdue strong{color:#b42318}.control-billing-section{padding:22px;border:1px solid var(--cb-border);border-radius:15px;background:#fff;box-shadow:0 8px 28px rgba(15,23,42,.05)}.control-billing-section>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.control-billing-section h2{margin:3px 0 5px;font-size:21px}.control-billing-section header p{max-width:720px;margin:0;color:var(--cb-muted)}.control-billing-actions{display:flex;flex-wrap:wrap;gap:8px}.control-billing-status{display:inline-flex;padding:4px 9px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:12px;font-weight:800}.control-billing-status.is-paid{background:#dcfce7;color:#166534}.control-billing-status.is-overdue{background:#fee2e2;color:#991b1b}.control-billing-status.is-partially_paid,.control-billing-status.is-unpaid{background:#fef3c7;color:#92400e}.control-billing-two-column{display:grid;grid-template-columns:1fr 1fr;gap:18px}.control-billing-subscription{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid var(--cb-border)}.control-billing-subscription:last-child{border-bottom:0}.control-billing-subscription div{display:flex;flex-direction:column;gap:3px}.control-billing-subscription span,.control-billing-subscription small{color:var(--cb-muted)}.control-billing-policy{margin:0}.control-billing-policy>div{display:grid;grid-template-columns:150px 1fr;padding:11px 0;border-bottom:1px solid var(--cb-border)}.control-billing-policy dt{color:var(--cb-muted)}.control-billing-policy dd{margin:0;font-weight:700}.control-billing-transition{border-color:rgba(200,164,92,.45)}.control-billing-transition-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.control-billing-transition-grid>article{padding:17px;border:1px solid var(--cb-border);border-radius:12px;background:#f8fafc}.control-billing-transition-grid h3{margin:0 0 6px;font-size:17px}.control-billing-transition-grid>article>p{min-height:54px;color:var(--cb-muted)}.control-billing-timeline article{display:grid;grid-template-columns:12px 1fr;gap:12px;padding-bottom:17px}.control-billing-timeline article>span{width:10px;height:10px;margin-top:5px;border:2px solid var(--control-accent);border-radius:50%;background:#fff}.control-billing-timeline article>div{display:flex;flex-direction:column;gap:4px}.control-billing-timeline small{color:var(--cb-muted)}.control-billing-timeline p{margin:3px 0 0}.control-billing-empty{display:flex;min-height:210px;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:var(--cb-muted);text-align:center}.control-billing-empty>i{font-size:30px;color:var(--control-accent)}.control-billing-empty.is-compact{min-height:90px}.control-billing-workspace .table>thead>tr>th{color:#475569;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.control-billing-workspace .control-label{color:var(--control-accent);font-weight:800;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:991px){.control-billing-state-grid,.control-billing-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.control-billing-two-column,.control-billing-transition-grid{grid-template-columns:1fr}}
@media(max-width:640px){.control-billing-hero,.control-billing-section>header{flex-direction:column}.control-billing-account{width:100%;min-width:0}.control-billing-selector,.control-billing-state-grid,.control-billing-kpis{grid-template-columns:1fr}.control-billing-actions,.control-billing-actions .btn{width:100%}.control-billing-transition-grid>article>p{min-height:0}}
@media(min-width:768px) and (max-width:782px){body.customers .container{width:auto;max-width:100%}}

/* Authenticated Moyasar checkout; provider fields remain provider-owned. */
.control-moyasar-checkout{display:flex;flex-direction:column;gap:18px;color:#1e293b}.control-moyasar-layout{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(360px,1.3fr);gap:18px;align-items:start}.control-moyasar-summary dl{margin:18px 0}.control-moyasar-summary dl>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid rgba(15,23,42,.1)}.control-moyasar-summary dd{margin:0;font-weight:800}.control-moyasar-security{display:flex;align-items:flex-start;gap:9px;padding:12px;border-radius:10px;background:#f0f7f4;color:#246346;line-height:1.45}.control-moyasar-form-shell{min-height:420px}.control-moyasar-form-shell .mysr-form{width:100%}.control-moyasar-form-shell .mysr-form .mysr-form-button{background:var(--control-primary,#0b1f3b)}
@media(max-width:860px){.control-moyasar-layout{grid-template-columns:1fr}.control-moyasar-form-shell{min-height:0}}

/* Commercial catalog, rating, accounting, and durable delivery. */
.control-commercial-configuration{scroll-behavior:smooth}.control-commercial-nav{position:sticky;z-index:8;top:10px;display:flex;flex-wrap:wrap;gap:8px;padding:10px;border:1px solid var(--cb-border);border-radius:12px;background:rgba(255,255,255,.94);box-shadow:0 8px 24px rgba(15,23,42,.08);backdrop-filter:blur(12px)}.control-commercial-nav a{padding:8px 12px;border-radius:8px;color:#334155;font-weight:700}.control-commercial-nav a:hover{background:var(--control-accent-soft,#eef6ff);color:var(--control-primary)}.control-commercial-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.control-commercial-card{padding:18px;border:1px solid var(--cb-border);border-radius:13px;background:#f8fafc}.control-commercial-card>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px}.control-commercial-card h3{margin:14px 0 5px;font-size:18px}.control-commercial-card p{min-height:38px;color:var(--cb-muted)}.control-commercial-card ul{padding:0;list-style:none}.control-commercial-card li{display:flex;flex-direction:column;gap:2px;padding:9px 0;border-top:1px solid var(--cb-border)}.control-commercial-card li span{color:var(--cb-muted);font-size:12px}.control-commercial-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.control-commercial-form{margin-top:18px;padding:18px;border:1px solid var(--cb-border);border-radius:12px;background:#fff}.control-commercial-form h3{margin:0 0 16px}.control-commercial-form-inline{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;align-items:end;gap:12px}.control-commercial-form-inline .form-group{margin:0}.control-inline-form{display:inline-block;margin:0}.control-commercial-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px}.control-commercial-invoice-form{display:inline-flex;align-items:center;gap:6px}.control-commercial-invoice-form .form-control{width:auto;min-width:145px}.control-billing-status.is-published,.control-billing-status.is-active,.control-billing-status.is-delivered{background:#dcfce7;color:#166534}.control-billing-status.is-draft,.control-billing-status.is-rated,.control-billing-status.is-queued,.control-billing-status.is-retry_wait{background:#dbeafe;color:#1d4ed8}.control-billing-status.is-dead_letter,.control-billing-status.is-requires_review{background:#fee2e2;color:#991b1b}.control-moyasar-test-mode{border-left:4px solid #2563eb}
@media(max-width:1100px){.control-commercial-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.control-commercial-form-grid{grid-template-columns:1fr}.control-commercial-form-inline{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.control-commercial-card-grid,.control-commercial-form-inline{grid-template-columns:1fr}.control-commercial-nav{position:static}.control-commercial-nav a{flex:1 1 45%;text-align:center}}

/* Execution-driven AI capability governance. */
.control-ai-workspace{--cai-border:rgba(15,23,42,.12);--cai-muted:#64748b;--cai-surface:#fff;display:flex;flex-direction:column;gap:18px;color:var(--control-text,#172033)}
.control-ai-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:28px;border:1px solid rgba(200,164,92,.3);border-radius:16px;background:linear-gradient(135deg,var(--control-primary,#0b1f3b),color-mix(in srgb,var(--control-primary,#0b1f3b) 78%,#2563eb));box-shadow:0 18px 42px rgba(11,31,59,.16);color:#fff}
.control-ai-hero h1{margin:5px 0 9px;color:#fff;font-size:29px;letter-spacing:-.02em}.control-ai-hero p{max-width:790px;margin:0;color:rgba(255,255,255,.76);line-height:1.55}
.control-ai-eyebrow{display:block;color:var(--control-accent,#c8a45c);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.control-ai-hero-actions{display:flex;align-items:center;gap:10px}.control-ai-source{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.08);font-size:12px;font-weight:700;white-space:nowrap}
.control-ai-readiness{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.control-ai-readiness article{display:flex;min-height:104px;align-items:center;gap:14px;padding:18px;border:1px solid var(--cai-border);border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05)}.control-ai-readiness article>i{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:var(--control-accent-soft,#eef6ff);color:var(--control-primary,#0b1f3b);font-size:19px}.control-ai-readiness article>div{display:flex;flex-direction:column;gap:3px}.control-ai-readiness span{color:var(--cai-muted);font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.control-ai-readiness strong{font-size:21px}.control-ai-readiness .is-ready>i{background:#dcfce7;color:#166534}.control-ai-readiness .is-warning>i{background:#fef3c7;color:#92400e}
.control-ai-nav{position:sticky;z-index:8;top:10px;display:flex;flex-wrap:wrap;gap:7px;padding:10px;border:1px solid var(--cai-border);border-radius:13px;background:rgba(255,255,255,.95);box-shadow:0 8px 24px rgba(15,23,42,.08);backdrop-filter:blur(12px)}.control-ai-nav a{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:8px;color:#334155;font-size:12px;font-weight:750}.control-ai-nav a:hover{background:var(--control-accent-soft,#eef6ff);color:var(--control-primary,#0b1f3b)}
.control-ai-nav a.is-active{background:var(--control-primary,#0b1f3b);color:#fff}.control-ai-overview{display:flex;min-height:180px;align-items:center;justify-content:center;gap:18px;padding:30px;border:1px dashed var(--cai-border);border-radius:15px;background:#fff;text-align:left}.control-ai-overview>i{color:var(--control-accent,#c8a45c);font-size:38px}.control-ai-overview h2{margin:0 0 6px}.control-ai-overview p{max-width:680px;margin:0;color:var(--cai-muted)}
.control-ai-section{scroll-margin-top:84px;padding:23px;border:1px solid var(--cai-border);border-radius:15px;background:var(--cai-surface);box-shadow:0 8px 28px rgba(15,23,42,.05)}.control-ai-section>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.control-ai-section h2{margin:4px 0 5px;font-size:22px}.control-ai-section h2 i{width:28px;color:var(--control-primary,#0b1f3b)}.control-ai-section header p{margin:0;color:var(--cai-muted)}.control-ai-authority-badge,.control-ai-status{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eef4ff;color:#3538cd;font-size:11px;font-weight:800;white-space:nowrap}.control-ai-status.is-enabled{background:#dcfce7;color:#166534}.control-ai-status.is-disabled{background:#f1f5f9;color:#64748b}
.control-ai-editor{margin:14px 0 20px;border:1px solid var(--cai-border);border-radius:12px;background:#fbfcfe}.control-ai-editor>summary{padding:14px 17px;color:var(--control-primary,#0b1f3b);font-weight:800;cursor:pointer;list-style:none}.control-ai-editor>summary::-webkit-details-marker{display:none}.control-ai-editor[open]>summary{border-bottom:1px solid var(--cai-border)}.control-ai-form{padding:18px}.control-ai-form-toolbar{display:grid;grid-template-columns:minmax(260px,520px) auto;align-items:end;gap:12px;margin-bottom:16px}.control-ai-form-toolbar .form-group{margin:0}.control-ai-form-actions{display:flex;align-items:center;gap:14px;padding-top:10px}.control-ai-form-actions span{color:var(--cai-muted);font-size:12px}.control-ai-checkbox{margin:7px 0 16px}.control-ai-code{direction:ltr;text-align:left;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}
.control-ai-restricted{display:flex;align-items:flex-start;gap:12px;margin:13px 0;padding:15px;border:1px solid #dbe3ed;border-radius:11px;background:#f8fafc;color:#475569}.control-ai-restricted>i{margin-top:3px;color:#64748b;font-size:18px}.control-ai-restricted p{margin:4px 0 0;color:var(--cai-muted)}
.control-ai-issue-list{padding:18px;border:1px solid #fed7aa;border-radius:13px;background:#fffaf3}.control-ai-issue-list h2{margin:0 0 11px;font-size:17px}.control-ai-issue-list article{display:flex;gap:10px;padding:9px 0;border-top:1px solid #ffedd5}.control-ai-issue-list article i{margin-top:2px;color:#c2410c}.control-ai-issue-list article div{display:flex;flex-direction:column;gap:3px}.control-ai-issue-list small{max-width:100%;white-space:pre-wrap;color:#7c2d12;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.control-ai-validation-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--cai-border)}.control-ai-inline-form{display:flex;align-items:flex-end;gap:10px}.control-ai-inline-form .form-group{min-width:320px;margin:0}.control-ai-diagnostic{margin-top:20px;padding-top:18px;border-top:1px solid var(--cai-border)}.control-ai-diagnostic h3{margin:0 0 5px}.control-ai-diagnostic>p{color:var(--cai-muted)}.control-ai-search-results{position:relative;z-index:10;display:flex;flex-direction:column;border-radius:8px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.14)}.control-ai-search-result{padding:10px 12px;border:0;border-bottom:1px solid var(--cai-border);background:#fff;text-align:left}.control-ai-search-result:hover{background:var(--control-accent-soft,#eef6ff)}
.control-ai-workspace .op-ai-empty{display:grid;min-height:92px;place-items:center;border:1px dashed var(--cai-border);border-radius:10px;color:var(--cai-muted)}.control-ai-workspace .op-ai-table-wrap{border:1px solid var(--cai-border);border-radius:11px}.control-ai-workspace .op-ai-table{margin:0}.control-ai-workspace .op-ai-table>thead>tr>th{color:#475569;font-size:11px;letter-spacing:.04em;text-transform:uppercase}.control-ai-workspace .op-ai-table code{white-space:normal;word-break:break-word}.control-ai-workspace .op-ai-json-restricted{color:var(--cai-muted);font-size:12px}
.control-ai-resource-filter{margin:0 0 14px;padding:14px;border:1px solid var(--cai-border);border-radius:11px;background:#f8fafc}.control-ai-resource-filter>label{display:block;margin-bottom:7px;color:#334155;font-size:12px;font-weight:800}.control-ai-resource-filter__controls{display:grid;grid-template-columns:minmax(220px,1fr) 92px auto auto;gap:9px}.control-ai-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px;color:var(--cai-muted);font-size:12px}.control-ai-pagination>div{display:flex;align-items:center;gap:9px}.control-ai-long-value{min-width:220px;max-width:560px;line-height:1.5}.control-ai-long-value>span{display:block;color:#475569}.control-ai-long-value details{margin-top:7px}.control-ai-long-value summary{width:max-content;color:var(--control-primary,#0b1f3b);font-weight:800;cursor:pointer}.control-ai-long-value details>div{max-height:360px;margin-top:8px;padding:12px;overflow:auto;border:1px solid var(--cai-border);border-radius:8px;background:#f8fafc;white-space:pre-wrap;word-break:break-word}
@media(max-width:1100px){.control-ai-readiness{grid-template-columns:repeat(2,minmax(0,1fr))}.control-ai-hero{flex-direction:column}.control-ai-hero-actions{width:100%;justify-content:space-between}}
@media(max-width:640px){.control-ai-readiness{grid-template-columns:1fr}.control-ai-nav{position:static}.control-ai-nav a{flex:1 1 45%}.control-ai-section>header{flex-direction:column}.control-ai-authority-badge{align-self:flex-start}.control-ai-form-toolbar,.control-ai-resource-filter__controls{grid-template-columns:1fr}.control-ai-form-actions,.control-ai-validation-row,.control-ai-inline-form,.control-ai-pagination{align-items:stretch;flex-direction:column}.control-ai-pagination>div{justify-content:space-between}.control-ai-inline-form .form-group{min-width:0;width:100%}.control-ai-hero-actions{align-items:stretch;flex-direction:column}.control-ai-source{justify-content:center}.control-ai-long-value{min-width:180px}}

/* Execution-owned global provider credentials and usage. */
.control-provider-workspace{--cpv-border:rgba(15,23,42,.12);--cpv-muted:#64748b;display:flex;flex-direction:column;gap:18px;color:var(--control-text,#172033)}
.control-provider-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:28px;border:1px solid rgba(200,164,92,.3);border-radius:16px;background:linear-gradient(135deg,var(--control-primary,#0b1f3b),color-mix(in srgb,var(--control-primary,#0b1f3b) 78%,#2563eb));box-shadow:0 18px 42px rgba(11,31,59,.16);color:#fff}.control-provider-hero h1{margin:5px 0 9px;color:#fff;font-size:29px}.control-provider-hero p{max-width:760px;margin:0;color:rgba(255,255,255,.76)}.control-provider-eyebrow{display:block;color:var(--control-accent,#c8a45c);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.control-provider-hero-actions{display:flex;align-items:center;gap:10px}.control-provider-hero-actions>span{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.08);font-size:12px;font-weight:700}
.control-provider-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.control-provider-kpis article{display:flex;min-height:96px;align-items:center;gap:14px;padding:18px;border:1px solid var(--cpv-border);border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05)}.control-provider-kpis article>i{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:var(--control-accent-soft,#eef6ff);color:var(--control-primary,#0b1f3b);font-size:18px}.control-provider-kpis article>div{display:flex;flex-direction:column}.control-provider-kpis span{color:var(--cpv-muted);font-size:11px;font-weight:800;text-transform:uppercase}.control-provider-kpis strong{font-size:25px}
.control-provider-nav{position:sticky;z-index:8;top:10px;display:flex;flex-wrap:wrap;gap:7px;padding:10px;border:1px solid var(--cpv-border);border-radius:13px;background:rgba(255,255,255,.95);box-shadow:0 8px 24px rgba(15,23,42,.08)}.control-provider-nav a{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:8px;color:#334155;font-size:12px;font-weight:750}.control-provider-nav a.is-active,.control-provider-nav a:hover{background:var(--control-primary,#0b1f3b);color:#fff}
.control-provider-editor,.control-provider-section{border:1px solid var(--cpv-border);border-radius:14px;background:#fff;box-shadow:0 8px 28px rgba(15,23,42,.05)}.control-provider-editor>summary{padding:15px 18px;color:var(--control-primary,#0b1f3b);font-weight:800;cursor:pointer;list-style:none}.control-provider-editor>summary::-webkit-details-marker{display:none}.control-provider-editor[open]>summary{border-bottom:1px solid var(--cpv-border)}.control-provider-form{padding:18px}.control-provider-form-actions{display:flex;align-items:center;gap:14px}.control-provider-form-actions span{color:var(--cpv-muted);font-size:12px}.control-provider-section{scroll-margin-top:82px;padding:22px}.control-provider-section>header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:16px}.control-provider-section h2{margin:4px 0 0;font-size:21px}.control-provider-filter{margin-bottom:14px;padding:15px;border:1px solid var(--cpv-border);border-radius:11px;background:#fbfcfe}.control-provider-table{border:1px solid var(--cpv-border);border-radius:11px}.control-provider-table table{margin:0}.control-provider-table th{color:#475569;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.control-provider-table code{white-space:normal;word-break:break-word}
.control-provider-badge{display:inline-flex;padding:4px 9px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:11px;font-weight:800}.control-provider-badge.is-db{background:#dcfce7;color:#166534}.control-provider-badge.is-env{background:#fef3c7;color:#92400e}.control-provider-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.control-provider-detail-grid article{display:flex;flex-direction:column;gap:5px;padding:15px;border:1px solid var(--cpv-border);border-radius:11px;background:#f8fafc}.control-provider-detail-grid span{color:var(--cpv-muted);font-size:11px;font-weight:800;text-transform:uppercase}.control-provider-validation{display:flex;align-items:center;gap:14px;margin:16px 0}.control-provider-validation label{margin:0;font-weight:400}.control-provider-readiness{display:flex;align-items:flex-start;gap:12px;padding:15px;border:1px solid #fed7aa;border-radius:11px;background:#fffaf3}.control-provider-readiness.is-ready{border-color:#bbf7d0;background:#f0fdf4}.control-provider-readiness>i{margin-top:2px;font-size:20px}.control-provider-readiness div{display:flex;flex-direction:column;gap:4px}.control-provider-readiness p{margin:0;color:var(--cpv-muted)}.control-provider-dependencies{margin:17px 0;padding-top:16px;border-top:1px solid var(--cpv-border)}.control-provider-dependencies h3{margin:0 0 9px;font-size:16px}.control-provider-dependencies ul{margin:0;padding:0;list-style:none}.control-provider-dependencies li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid #eef1f5}.control-provider-readonly{display:flex;align-items:center;gap:8px;padding:12px;border-radius:9px;background:#f8fafc;color:var(--cpv-muted)}
@media(max-width:991px){.control-provider-kpis,.control-provider-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.control-provider-hero{flex-direction:column}.control-provider-hero-actions{width:100%;justify-content:space-between}}
@media(max-width:640px){.control-provider-kpis,.control-provider-detail-grid{grid-template-columns:1fr}.control-provider-nav{position:static}.control-provider-nav a{flex:1 1 45%}.control-provider-hero-actions,.control-provider-form-actions,.control-provider-validation{align-items:stretch;flex-direction:column}.control-provider-hero-actions>span{justify-content:center}}

/* Shared in-flow form actions avoid Perfex's viewport-fixed toolbar geometry. */
.control-form-actions {
  display: flex;
  position: static;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  margin-top: 22px;
  padding-top: 16px;
  border-top: 1px solid var(--control-border, #dfe7f1);
  background: transparent;
  gap: 10px;
  flex-wrap: wrap;
}
.control-form-actions .btn {
  margin: 0;
  min-width: 112px;
}

/*
 * The gateway settings page used Perfex's fixed btn-bottom-toolbar before the
 * shared in-flow action component was introduced. Keep a page-scoped
 * compatibility rule so a cached view can never restore the quarter-width,
 * viewport-fixed toolbar while the current Control stylesheet is loaded.
 */
.control-gateway-settings form[action*="/operon/gateway/settings"] > .btn-bottom-toolbar {
  position: static !important;
  inset: auto !important;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100% !important;
  max-width: none !important;
  min-height: 0;
  margin: 22px 0 0 !important;
  padding: 16px 0 0 !important;
  border: 0;
  border-top: 1px solid var(--control-border, #dfe7f1);
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}
.control-gateway-settings form[action*="/operon/gateway/settings"] > .btn-bottom-toolbar .btn {
  margin: 0;
  min-width: 112px;
}
@media (max-width: 767px) {
  .control-form-actions {
    align-items: stretch;
    justify-content: stretch;
  }
  .control-form-actions .btn,
  .control-gateway-settings form[action*="/operon/gateway/settings"] > .btn-bottom-toolbar .btn {
    width: 100%;
    min-height: 44px;
  }
  .control-gateway-settings form[action*="/operon/gateway/settings"] > .btn-bottom-toolbar {
    align-items: stretch;
    justify-content: stretch;
  }
}

/* Tenant people and Execution-owned identity sources. */
.control-people{--cpp-border:rgba(15,23,42,.12);--cpp-muted:#64748b;display:flex;flex-direction:column;gap:18px;color:var(--control-text,#172033)}
.control-people__hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:28px;border:1px solid rgba(200,164,92,.3);border-radius:16px;background:linear-gradient(135deg,var(--control-primary,#0b1f3b),color-mix(in srgb,var(--control-primary,#0b1f3b) 78%,#2563eb));box-shadow:0 18px 42px rgba(11,31,59,.16);color:#fff}.control-people__hero h1{margin:5px 0 9px;color:#fff;font-size:29px}.control-people__hero p{max-width:760px;margin:0;color:rgba(255,255,255,.76)}.control-people__eyebrow{display:block;color:var(--control-accent,#c8a45c);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.control-people__truth{display:flex;max-width:320px;align-items:flex-start;gap:9px;padding:12px 14px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(255,255,255,.08);font-size:12px;line-height:1.45}
.control-people__status{border-radius:10px}.control-people__status:not(:empty){padding:12px 14px}.control-people__status.is-loading,.control-people__status.is-info{background:#eef4ff;color:#3448a3}.control-people__status.is-success{background:#ecfdf3;color:#176b3a}.control-people__status.is-error{background:#fff1f1;color:#a61b1b}
.control-people__layout{display:grid;grid-template-columns:minmax(250px,.34fr) minmax(0,1fr);gap:18px;align-items:start}.control-people__sources,.control-people__detail,.control-people__directory-list,.control-people__person-detail{min-width:0;max-width:100%}.control-people__sources,.control-people__detail>article{border:1px solid var(--cpp-border);border-radius:15px;background:#fff;box-shadow:0 8px 28px rgba(15,23,42,.05)}.control-people__sources{overflow:hidden}.control-people__sources>header{padding:19px;border-bottom:1px solid var(--cpp-border)}.control-people__sources h2{margin:0 0 5px;font-size:18px}.control-people__sources p{margin:0;color:var(--cpp-muted);font-size:12px}.control-people__source{display:grid;width:100%;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:14px 16px;border:0;border-bottom:1px solid #eef1f5;background:#fff;text-align:left}.control-people__source:hover,.control-people__source.is-active{background:var(--control-accent-soft,#eef6ff)}.control-people__source.is-active{box-shadow:inset 3px 0 var(--control-primary,#0b1f3b)}.control-people__source-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;background:#eef4ff;color:var(--control-primary,#0b1f3b)}.control-people__source>span:nth-child(2){display:flex;min-width:0;flex-direction:column}.control-people__source strong{overflow:hidden;text-overflow:ellipsis}.control-people__source small{color:var(--cpp-muted)}.control-people__source-state,.control-people__badge{display:inline-flex;padding:4px 8px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:10px;font-weight:800}.control-people__source-state.is-ready,.control-people__badge.is-ready{background:#dcfce7;color:#166534}.control-people__source-state.is-blocked,.control-people__badge.is-blocked{background:#fee2e2;color:#991b1b}.control-people__source-empty{padding:24px;color:var(--cpp-muted);text-align:center}
.control-people__empty{display:flex;min-height:360px;align-items:center;justify-content:center;flex-direction:column;padding:30px;border:1px dashed var(--cpp-border);border-radius:15px;background:#fff;color:var(--cpp-muted);text-align:center}.control-people__empty i{margin-bottom:10px;color:var(--control-accent,#c8a45c);font-size:38px}.control-people__empty h2{color:var(--control-text,#172033)}
.control-people__detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 24px;border-bottom:1px solid var(--cpp-border)}.control-people__detail-head>div>span{color:var(--control-accent,#9a6c16);font-size:11px;font-weight:800;text-transform:uppercase}.control-people__detail-head h2{margin:4px 0;font-size:24px}.control-people__detail-head p{margin:0;color:var(--cpp-muted)}.control-people__operations{display:flex;justify-content:flex-end;gap:8px;padding:14px 24px;border-bottom:1px solid var(--cpp-border);background:#fbfcfe}
.control-people__health,.control-people__settings{padding:21px 24px;border-bottom:1px solid var(--cpp-border)}.control-people__health>header,.control-people__settings>header{margin-bottom:13px}.control-people__health h3,.control-people__settings h3{margin:0 0 4px;font-size:17px}.control-people__health header p,.control-people__settings header p{margin:0;color:var(--cpp-muted);font-size:12px}.control-people__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.control-people__metrics>div{display:flex;flex-direction:column;gap:4px;padding:13px;border:1px solid var(--cpp-border);border-radius:10px;background:#f8fafc}.control-people__metrics small{color:var(--cpp-muted)}.control-people__metrics strong{font-size:17px}
.control-people__field{display:grid;grid-template-columns:minmax(210px,1fr) minmax(280px,1.2fr);gap:24px;align-items:center;padding:15px 0;border-bottom:1px solid #eef1f5}.control-people__field:last-child{border-bottom:0}.control-people__field label{margin:0 0 4px;font-weight:800}.control-people__field p{margin:0;color:var(--cpp-muted);font-size:12px;line-height:1.45}.control-people__field-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.control-people__badge.is-override{background:#fff4e5;color:#9a5b00}.control-people__credential{display:flex;align-items:center;gap:10px;padding:12px;border:1px dashed var(--cpp-border);border-radius:10px;background:#f8fafc}.control-people__credential>i{color:#166534}.control-people__credential>span{display:flex;flex-direction:column}.control-people__credential small{color:var(--cpp-muted)}
.control-people__toggle{display:flex;align-items:center;gap:9px}.control-people__toggle input{position:absolute;opacity:0}.control-people__toggle>span{position:relative;width:42px;height:24px;border-radius:999px;background:#d0d5dd}.control-people__toggle>span:after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:.2s}.control-people__toggle input:checked+span{background:var(--control-primary,#0b1f3b)}.control-people__toggle input:checked+span:after{transform:translateX(18px)}
.control-people__memberships{display:grid;grid-template-columns:1fr 1fr;gap:8px}.control-people__membership{display:flex;align-items:flex-start;gap:9px;padding:11px;border:1px solid var(--cpp-border);border-radius:9px;background:#fff}.control-people__membership input{margin-top:4px}.control-people__membership span{display:flex;min-width:0;flex-direction:column}.control-people__membership small{color:var(--cpp-muted)}.control-people__membership.is-disabled{opacity:.55}.control-people__save{padding:20px 24px;background:#fbfcfe}.control-people__save .form-group{max-width:720px}.control-people__plan{margin-top:14px;padding:15px;border:1px solid #bfdbfe;border-radius:10px;background:#eff6ff}.control-people__retire{margin:20px 24px;border:1px solid #fecaca;border-radius:10px;background:#fff7f7}.control-people__retire>summary{padding:13px 15px;color:#991b1b;font-weight:800;cursor:pointer}.control-people__retire>div{padding:0 15px 15px}
.control-people__setup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}.control-people__setup-grid .form-group{margin:0}.control-people__setup-grid p{margin-top:6px;color:var(--cpp-muted);font-size:12px}.control-people__setup-warning{display:flex;align-items:flex-start;gap:9px;margin-top:16px;padding:13px 14px;border:1px solid #fed7aa;border-radius:10px;background:#fff7ed;color:#9a3412}.control-people__setup-warning i{margin-top:2px}.control-people__sheet-contract{display:flex;align-items:flex-start;gap:14px;padding:20px 24px;border-bottom:1px solid var(--cpp-border);background:#f8fafc}.control-people__sheet-contract>i{display:grid;flex:0 0 38px;height:38px;place-items:center;border-radius:10px;background:#e0ecff;color:var(--control-primary,#0b1f3b)}.control-people__sheet-contract h3{margin:0 0 4px;font-size:17px}.control-people__sheet-contract p{margin:0;color:var(--cpp-muted);font-size:12px}.control-people__sheet-columns{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.control-people__sheet-columns span{padding:4px 8px;border:1px solid #dbe4ef;border-radius:999px;background:#fff;color:#475569;font-size:11px;font-weight:700}
.control-people__mapping-row{display:grid;grid-template-columns:minmax(150px,1.2fr) minmax(120px,1fr) minmax(140px,1fr) minmax(110px,.75fr) auto auto;gap:8px;align-items:center;margin-bottom:8px}.control-people__mapping-row>label{margin:0;white-space:nowrap}.control-people__mapping-row .btn{justify-self:end}.control-people__settings>[data-channel-binding-rows],.control-people__settings>[data-mapping-rows],.control-people__settings>[data-rule-rows]{margin-bottom:10px}@media(max-width:1100px){.control-people__mapping-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.control-people__mapping-row{grid-template-columns:1fr}}
.control-people__mapping-head{display:grid;grid-template-columns:minmax(150px,1.2fr) minmax(120px,1fr) minmax(140px,1fr) minmax(110px,.75fr) auto auto;gap:8px;padding:8px 0;color:#64748b;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.control-people__mapping-head+div{border-top:1px solid #e2e8f0;padding-top:10px}@media(max-width:1100px){.control-people__mapping-head{display:none}}
.control-people__prerequisites{padding:0 14px 12px}.control-people__prerequisites details{border:1px solid var(--cpp-border);border-radius:10px;background:#f8fafc}.control-people__prerequisites summary{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;cursor:pointer}.control-people__prerequisites summary span{font-weight:800}.control-people__prerequisites summary b{color:var(--cpp-muted);font-size:11px}.control-people__prerequisites details>div{display:flex;max-height:260px;flex-direction:column;overflow:auto;border-top:1px solid var(--cpp-border)}.control-people__prerequisites article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid #e8edf3}.control-people__prerequisites article>span{display:flex;min-width:0;flex-direction:column}.control-people__prerequisites article small{color:var(--cpp-muted);font-size:10px}.control-people__prerequisites article em{grid-column:1/-1;color:#9a3412;font-size:10px;font-style:normal}.control-people__prerequisites article.is-ready em{color:#166534}@media(max-width:640px){.control-people__prerequisites article{grid-template-columns:1fr 1fr}}
.control-people__tabs{display:flex;gap:6px;padding:7px;border:1px solid var(--cpp-border);border-radius:12px;background:#fff;box-shadow:0 6px 20px rgba(15,23,42,.05)}.control-people__tabs button{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border:0;border-radius:8px;background:transparent;color:#475569;font-weight:750}.control-people__tabs button.is-active,.control-people__tabs button:hover{background:var(--control-primary,#0b1f3b);color:#fff}.control-people [hidden]{display:none!important}
.control-people__directory{display:grid;grid-template-columns:minmax(310px,.42fr) minmax(0,1fr);gap:18px;align-items:start}.control-people__directory-list,.control-people__person-detail>article{overflow:hidden;border:1px solid var(--cpp-border);border-radius:15px;background:#fff;box-shadow:0 8px 28px rgba(15,23,42,.05)}.control-people__directory-list>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px;border-bottom:1px solid var(--cpp-border)}.control-people__directory-list h2{margin:0 0 4px;font-size:18px}.control-people__directory-list p{margin:0;color:var(--cpp-muted);font-size:12px}.control-people__search{display:grid;grid-template-columns:145px 1fr;gap:8px;padding:12px;border-bottom:1px solid var(--cpp-border);background:#fbfcfe}.control-people__search>div{position:relative}.control-people__search>div i{position:absolute;right:11px;top:10px;color:#94a3b8}.control-people__person{display:grid;width:100%;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:13px 15px;border:0;border-bottom:1px solid #eef1f5;background:#fff;text-align:left}.control-people__person:hover,.control-people__person.is-active{background:var(--control-accent-soft,#eef6ff)}.control-people__person.is-active{box-shadow:inset 3px 0 var(--control-primary,#0b1f3b)}.control-people__person>span:nth-child(2){display:flex;min-width:0;flex-direction:column}.control-people__person small{overflow:hidden;color:var(--cpp-muted);text-overflow:ellipsis}.control-people__avatar{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:#eef4ff;color:var(--control-primary,#0b1f3b)}.control-people__directory-list>footer{padding:10px}
.control-people__person-actions{display:flex;flex-wrap:wrap;gap:8px;padding:13px 22px;border-bottom:1px solid var(--cpp-border);background:#fbfcfe}.control-people__person-section{padding:19px 22px;border-bottom:1px solid var(--cpp-border)}.control-people__person-section h3{margin:0 0 12px;font-size:16px}.control-people__records{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.control-people__records article{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:9px;padding:11px;border:1px solid var(--cpp-border);border-radius:9px;background:#f8fafc}.control-people__records article>i{display:grid;width:30px;height:30px;place-items:center;border-radius:8px;background:#fff;color:var(--control-primary,#0b1f3b)}.control-people__records article>span{display:flex;min-width:0;flex-direction:column}.control-people__records small{overflow:hidden;color:var(--cpp-muted);text-overflow:ellipsis}.control-people__records b{color:#64748b;font-size:10px;text-transform:uppercase}.control-people__none{padding:12px;border:1px dashed var(--cpp-border);border-radius:8px;color:var(--cpp-muted);text-align:center}
.control-people__command-editor,.control-people__command-review{margin:18px 22px;padding:18px;border:1px solid #bfdbfe;border-radius:11px;background:#f8fbff}.control-people__command-editor>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.control-people__command-editor h3,.control-people__command-review h3{margin:0;font-size:17px}.control-people__form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.control-people__form-grid .form-group{margin:0}.control-people__command-editor>.btn{margin-top:15px}.control-people__subject-results{display:flex;max-height:280px;flex-direction:column;overflow:auto;margin-top:14px;border:1px solid var(--cpp-border);border-radius:9px;background:#fff}.control-people__subject-results button{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;border:0;border-bottom:1px solid #eef1f5;background:#fff;text-align:left}.control-people__subject-results button:hover{background:var(--control-accent-soft,#eef6ff)}.control-people__subject-results span{display:flex;flex-direction:column}.control-people__subject-results small{color:var(--cpp-muted)}
@media(max-width:991px){.control-people__layout,.control-people__directory{grid-template-columns:1fr}.control-people__sources [data-control-people-sources]{display:grid;grid-template-columns:1fr 1fr}.control-people__source{border-right:1px solid #eef1f5}.control-people__hero{flex-direction:column}.control-people__truth{max-width:none}}
@media(max-width:640px){.control-people__sources [data-control-people-sources],.control-people__memberships,.control-people__metrics,.control-people__setup-grid,.control-people__records,.control-people__form-grid{grid-template-columns:1fr}.control-people__search{grid-template-columns:1fr}.control-people__directory-list>header,.control-people__person-actions{align-items:stretch;flex-direction:column}.control-people__field{grid-template-columns:1fr;gap:9px}.control-people__operations{align-items:stretch;flex-direction:column}.control-people__truth{width:100%}}
@media(max-width:640px){.control-people__tabs{display:grid;grid-template-columns:minmax(0,1fr)}.control-people__tabs button{box-sizing:border-box;justify-content:flex-start;width:100%;min-width:0;text-align:left}[dir="rtl"] .control-people__tabs button{text-align:right}}
/* Tenant runtime is a focused operations workspace. Adjacent bounded domains
 * remain discoverable without duplicating their editors inside CP02. */
.operon-ui .otrm-domain-switcher {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin: 0 0 16px;
  padding: 12px;
}

.operon-ui .otrm-domain-switcher .op-btn {
  margin: 0;
}

/* Platform-governance tools and tenant accounting mappings. */
.op-config-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.op-config-tool{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:14px;padding:18px;border:1px solid var(--control-border,#e4e7ec);border-radius:12px;background:#fff;color:var(--op-config-ink);box-shadow:0 7px 22px rgba(15,23,42,.05)}.op-config-tool:hover{border-color:var(--control-primary,#2563eb);color:var(--op-config-ink)}.op-config-tool>i:first-child{display:grid;width:42px;height:42px;place-items:center;border-radius:11px;background:var(--control-accent-soft,#eef6ff);color:var(--control-primary,#2563eb);font-size:18px}.op-config-tool span{display:flex;flex-direction:column;gap:4px}.op-config-tool small{color:var(--op-config-muted);line-height:1.35}.op-config-tool>i:last-child{color:var(--op-config-muted)}
.control-account-mapping-grid{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(260px,1.2fr);align-items:center;margin-top:14px;border:1px solid var(--cb-border);border-radius:11px;overflow:hidden;background:#fff}.control-account-mapping-grid>div{min-height:62px;padding:12px 14px;border-bottom:1px solid var(--cb-border)}.control-account-mapping-grid>div:nth-last-child(-n+2){border-bottom:0}.control-account-mapping-grid>div:nth-child(even){border-inline-start:1px solid var(--cb-border)}.control-account-mapping-heading{min-height:auto!important;background:#f1f5f9;color:#475569;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.control-account-mapping-grid small{display:block;margin-top:4px;color:var(--cb-muted);word-break:break-all}.control-account-mapping-grid select[disabled]{cursor:not-allowed;background:#f8fafc;color:#64748b}.control-commercial-configuration [data-promotion-fields][hidden],.control-commercial-configuration [data-promotion-cap-fields][hidden]{display:none!important}
@media(max-width:640px){.op-config-tool-grid{grid-template-columns:1fr}.control-account-mapping-grid{grid-template-columns:1fr}.control-account-mapping-grid>div{border-bottom:1px solid var(--cb-border)!important}.control-account-mapping-grid>div:nth-child(even){border-inline-start:0}.control-account-mapping-grid>div:last-child{border-bottom:0!important}.control-account-mapping-heading:nth-child(2){display:none}}
/* Control-owned operator accounting governance */
.control-operator-accounting{--operator-border:rgba(15,23,42,.12);display:grid;grid-template-columns:minmax(0,1fr);max-width:100%;min-width:0;gap:20px}
.control-operator-accounting__hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:28px;border-radius:18px;background:linear-gradient(135deg,var(--op-primary,#1f4f7a),#18324a);color:#fff;box-shadow:0 18px 40px rgba(15,23,42,.16)}
.control-operator-accounting__hero h1{margin:5px 0 8px;color:#fff}.control-operator-accounting__hero p{max-width:820px;margin:0;color:rgba(255,255,255,.84)}
.control-operator-accounting__credential-options{display:flex;flex-wrap:wrap;gap:10px 20px;padding:11px 14px;border:1px solid var(--operator-border);border-radius:8px;background:#f8fafc}
.control-operator-accounting__mapping-table{border:1px solid var(--operator-border);border-radius:12px;overflow:visible}
.control-operator-accounting__mapping-head,.control-operator-accounting__mapping-row{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(300px,1.2fr);gap:20px;align-items:center;padding:12px 16px}
.control-operator-accounting__mapping-head{background:#f1f5f9;border-radius:12px 12px 0 0}.control-operator-accounting__mapping-row{border-top:1px solid var(--operator-border)}
.control-operator-accounting__catalog-picker{position:relative}.control-operator-accounting__results{position:absolute;z-index:30;top:100%;left:0;right:0;max-height:280px;overflow:auto;background:#fff;border-radius:0 0 8px 8px;box-shadow:0 12px 30px rgba(15,23,42,.18)}
.control-operator-accounting__result{display:flex;width:100%;flex-direction:column;gap:3px;padding:10px 12px;text-align:start;border:0;border-bottom:1px solid var(--operator-border);background:#fff}.control-operator-accounting__result:hover,.control-operator-accounting__result:focus{background:#eef6ff}.control-operator-accounting__result small{color:#64748b}
@media(max-width:767px){.control-operator-accounting__hero{flex-direction:column}.control-operator-accounting__hero>*{min-width:0;max-width:100%}.control-operator-accounting__hero>.control-inline-actions{display:flex;width:100%;min-width:0;flex-direction:column;gap:8px}.control-operator-accounting__hero>.control-inline-actions .btn{width:100%;white-space:normal}.control-operator-accounting__mapping-head,.control-operator-accounting__mapping-row{grid-template-columns:1fr}}

/* Shared catalog-first tenant selection. */
.control-catalog-picker{container-type:inline-size;border:1px solid var(--control-border,#dce2ea);border-radius:var(--control-radius,12px);padding:14px;background:var(--control-surface,#fff)}
.control-catalog-picker>label{display:block;font-weight:700;margin-bottom:8px}.control-catalog-picker__selection{display:flex;align-items:center;gap:8px;padding:9px 11px;margin-bottom:10px;border-radius:9px;background:var(--control-accent-soft,#eef6ff);color:var(--control-primary,#2563eb)}.control-catalog-picker__selection[hidden]{display:none!important}
.control-catalog-picker__tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);gap:10px}.control-catalog-picker__row{width:100%;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--control-border,#dce2ea);background:var(--control-surface,#fff);border-radius:9px;padding:9px 11px;text-align:start;margin-top:7px}
.control-catalog-picker__row span{display:flex;flex-direction:column}.control-catalog-picker__row small{color:var(--control-text-muted,#64748b);font-weight:400}.control-catalog-picker__row:hover,.control-catalog-picker__row:focus{border-color:var(--control-primary,#2563eb);box-shadow:0 0 0 3px var(--control-accent-soft,#eef6ff)}
.control-catalog-picker__pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:9px}.control-catalog-picker__empty,.control-catalog-picker__error{padding:10px;color:var(--control-text-muted,#64748b)}.control-catalog-picker__error{color:var(--control-danger,#b91c1c)}
.control-catalog-picker__tools .input-group-btn>.btn{min-width:72px;white-space:nowrap}
@container (max-width:560px){.control-catalog-picker__tools{grid-template-columns:minmax(0,1fr)}.control-catalog-picker__tools .input-group{width:100%}}
@media(max-width:767px){.control-catalog-picker__tools{grid-template-columns:1fr}}
.control-workflow-governance .panel-body{display:grid;gap:16px}.control-workflow-governance header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.control-workflow-governance header h2{margin:4px 0 6px}.control-workflow-governance header p{margin:0;color:var(--control-muted,#64748b)}.control-workflow-governance__activation{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:#eef2ff;color:#3730a3;font-weight:600;white-space:nowrap}.control-workflow-governance__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.control-workflow-governance__grid>a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;border:1px solid #dbe4ef;border-radius:12px;background:#fff;color:#172033;text-decoration:none}.control-workflow-governance__grid>a:hover{border-color:#7c8cff;box-shadow:0 8px 22px rgba(37,51,89,.08)}.control-workflow-governance__grid>a>i:first-child{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#eef2ff;color:#4f46e5}.control-workflow-governance__grid strong,.control-workflow-governance__grid small{display:block}.control-workflow-governance__grid small{margin-top:3px;color:#64748b;line-height:1.35}.control-workflow-dependency-summary{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding-top:12px;border-top:1px solid #e5eaf1}.control-workflow-dependency-summary>span{padding:6px 9px;border-radius:8px;background:#f8fafc;color:#475569}.control-workflow-dependency-field{padding:12px;border:1px solid #dbe4ef;border-radius:10px;background:#f8fafc}.control-workflow-dependency-field .alert{margin:10px 0 0;padding:9px}@media(max-width:991px){.control-workflow-governance__grid{grid-template-columns:1fr}.control-workflow-governance header{display:block}.control-workflow-governance__activation{margin-top:10px}}

/* CRM-backed tenant user lifecycle inside People and access. */
.control-people__section-head,.control-people__crm-row{display:flex;align-items:center;gap:14px}.control-people__section-head{justify-content:space-between;margin-bottom:18px}.control-people__section-head h2,.control-people__section-head p{margin:0}.control-people__section-head p{margin-top:4px;color:var(--control-text-muted,#64748b)}
.control-people__crm-row{margin-top:10px;padding:12px 14px;border:1px solid var(--control-border,#e2e8f0);border-radius:12px;background:#fff}.control-people__crm-row>span:nth-child(2){display:flex;min-width:0;flex:1;flex-direction:column}.control-people__crm-row small{overflow:hidden;color:var(--control-text-muted,#64748b);text-overflow:ellipsis;white-space:nowrap}.control-people__crm-row.is-inactive{background:#f8fafc;opacity:.78}.control-people__crm-actions{display:inline-flex;gap:6px}
@media(max-width:767px){.control-people__section-head,.control-people__crm-row{align-items:flex-start;flex-wrap:wrap}.control-people__crm-actions{width:100%}}
/* AI assurance governance: bounded Control Center composition. */
.op-ai-assurance__hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px}.op-ai-assurance__hero h1{margin:10px 0 6px;color:var(--operon-navy,#0b1f3b)}.op-ai-assurance__hero>i{font-size:52px;color:var(--operon-gold,#c8a45c)}.op-ai-assurance__selector{max-width:560px;margin:20px 0}.op-ai-assurance__status,.op-ai-assurance__nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.op-ai-assurance__status{justify-content:space-between}.op-ai-assurance__nav{margin:18px 0}.op-ai-assurance__cards article{display:flex;min-height:122px;flex-direction:column;gap:8px;padding:18px;margin-bottom:15px;border:1px solid #e6e9ee;border-inline-start:4px solid var(--operon-gold,#c8a45c);border-radius:6px;background:#fff}.op-ai-assurance__cards article span,.op-ai-assurance__cards article small{color:#687386}.op-ai-assurance__cards article strong{font-size:16px;color:var(--operon-navy,#0b1f3b)}@media(max-width:767px){.op-ai-assurance__hero>i{display:none}}

/* AI assurance operations console: in-flow, bounded and small-screen safe. */
.op-ai-assurance-console{--assurance-border:#dfe5ed;--assurance-muted:#64748b;min-width:0}.op-ai-assurance-console__context{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:13px 15px;border:1px solid var(--assurance-border);border-radius:10px;background:#f8fafc}.op-ai-assurance-console__context code{max-width:100%;overflow-wrap:anywhere}.op-ai-assurance-console__context span{margin-inline-start:auto;color:var(--assurance-muted)}
.op-ai-assurance-console__nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:15px 0;padding:9px;border:1px solid var(--assurance-border);border-radius:11px;background:#fff}.op-ai-assurance-console__nav .btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin:0;padding:9px 10px;line-height:1.25;white-space:normal}.op-ai-assurance-console__coverage .well{display:flex;min-height:118px;flex-direction:column;gap:8px;margin-bottom:14px}.op-ai-assurance-console__coverage .label{align-self:flex-start}.op-ai-assurance-console__coverage code{overflow-wrap:anywhere;white-space:normal}
@media(min-width:1200px){.op-ai-assurance-console__nav{grid-template-columns:repeat(7,minmax(0,1fr))}}
.op-ai-assurance-console__filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 14px;margin-bottom:18px;padding:16px;border:1px solid var(--assurance-border);border-radius:11px;background:#f8fafc}.op-ai-assurance-console__filters .form-group{margin:0}.op-ai-assurance-console__filters .control-form-actions{grid-column:1/-1;margin-top:4px}
.op-ai-assurance-console__records{margin-top:20px;padding:18px;border:1px solid var(--assurance-border);border-radius:12px;background:#fff}.op-ai-assurance-console__records>h2{margin:0 0 14px;font-size:20px}.op-ai-assurance-console__records table code{white-space:normal;overflow-wrap:anywhere}.op-ai-assurance-console__form{margin-top:18px;padding-top:18px;border-top:1px solid var(--assurance-border)}.op-ai-assurance-console__form h3{font-size:17px}.op-ai-assurance-console__form textarea{resize:vertical}.op-ai-assurance-console__form [data-assurance-review-panel]{margin-top:14px}.op-ai-assurance-console__form [data-assurance-review-panel] dl{display:grid;grid-template-columns:minmax(150px,.35fr) minmax(0,1fr);gap:8px 14px}.op-ai-assurance-console__form [data-assurance-review-panel] dt{text-transform:capitalize}.op-ai-assurance-console__form [data-assurance-review-panel] dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.op-ai-assurance-console__form button{margin:4px 6px 4px 0}.op-ai-assurance-console [aria-busy=true]{opacity:.72}
@media(max-width:767px){.op-ai-assurance-console__context{align-items:flex-start;flex-direction:column}.op-ai-assurance-console__context span{margin-inline-start:0}.op-ai-assurance-console__nav{grid-template-columns:1fr}.op-ai-assurance-console__nav .btn{min-height:44px}.op-ai-assurance-console__filters{grid-template-columns:1fr}.op-ai-assurance-console__records{padding:14px}.op-ai-assurance-console__form .form-group{width:100%}.op-ai-assurance-console__form button{width:100%;min-height:44px;margin:5px 0}.op-ai-assurance-console__form [data-assurance-review-panel] dl{grid-template-columns:1fr;gap:3px}.op-ai-assurance-console__form [data-assurance-review-panel] dd{margin-bottom:10px}}

/* Perfex does not add a dir attribute to every Arabic client page. Keep the
   customer-facing Control Center consistently right-to-left from the locale. */
html[lang="ar"],html[lang="ar"] body{direction:rtl;text-align:right}
html[lang="ar"] .operon-ui,html[lang="ar"] .operon-control-portal{direction:rtl;text-align:right}

/* Final cascade authority for tenant runtime action bars. The consolidated
 * bundle is the deployed asset, so no domain-local fallback may be required
 * to keep actions full-width and in normal document flow. */
.operon-ui .otrm-launchpad-nav-actions,
.operon-ui .otrm-workbench-footer {
  position: static !important;
  inset: auto !important;
  bottom: auto !important;
  z-index: auto !important;
  width: 100%;
  max-width: none;
  margin: 18px 0 0 !important;
}
.operon-ui.otrm-launchpad { padding-bottom: 24px; }

/* Tenant commercial plan catalogue. Native Perfex panels, forms, labels and
 * buttons remain the interaction primitives; these rules only compose them. */
.control-plan-catalog{--cpc-border:var(--control-border,#dfe7f1);--cpc-muted:var(--control-text-muted,#64748b)}
.control-role-catalog{margin:0 0 24px}.control-role-catalog>header{margin-bottom:14px}.control-role-catalog h2,.control-plan-step-heading h2{margin:5px 0 4px;color:var(--control-primary,#0b1f3b)}.control-role-catalog header p{margin:0;color:var(--cpc-muted)}.control-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.control-role-card{margin:0;color:inherit;text-decoration:none}.control-role-card:hover,.control-role-card:focus{text-decoration:none}.control-role-card>.panel-body{display:flex;min-height:104px;align-items:center;gap:13px;border:1px solid var(--cpc-border);border-radius:4px}.control-role-card.is-selected>.panel-body{border-color:var(--control-accent,#c8a45c);box-shadow:0 8px 24px rgba(11,31,59,.1)}.control-role-icon{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border-radius:50%;background:var(--control-accent-soft,#f7f1e6);color:var(--control-primary,#0b1f3b)}.control-role-card span span:nth-child(2){display:flex;min-width:0;flex:1;flex-direction:column;gap:4px}.control-role-card strong{color:var(--control-primary,#0b1f3b);font-size:15px}.control-role-card small{color:var(--cpc-muted);line-height:1.4}.control-role-arrow{color:var(--control-accent,#c8a45c)}.control-plan-step-heading{margin:0 0 14px}
.control-plan-trust{display:flex;max-width:340px;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(255,255,255,.08)}.control-plan-trust>i{margin-top:3px;color:var(--control-accent,#c8a45c);font-size:20px}.control-plan-trust span{display:flex;flex-direction:column;gap:3px}.control-plan-trust small{color:rgba(255,255,255,.76);line-height:1.4}
.control-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}.control-plan-card{height:100%;margin:0}.control-plan-card>.panel-body{display:flex;height:100%;min-width:0;flex-direction:column;padding:22px;border:1px solid transparent;border-radius:4px}.control-plan-card.is-current>.panel-body{border-color:var(--control-accent,#c8a45c);box-shadow:0 10px 30px rgba(11,31,59,.12)}.control-plan-card.is-pending>.panel-body{border-color:#6ea8da}.control-plan-card header{min-height:144px}.control-plan-card h2{margin:12px 0 8px;color:var(--control-primary,#0b1f3b);font-size:22px}.control-plan-card header p{margin:0;color:var(--cpc-muted);line-height:1.55}.control-plan-state{display:inline-block}
.control-plan-price{display:flex;align-items:baseline;gap:8px;margin:18px 0;padding-bottom:16px;border-bottom:1px solid var(--cpc-border)}.control-plan-price strong{color:var(--control-primary,#0b1f3b);font-size:32px;line-height:1}.control-plan-price span{color:var(--cpc-muted);font-size:12px}.control-plan-value{display:flex;align-items:flex-start;gap:10px;padding:13px;border-radius:9px;background:var(--control-accent-soft,#eef6ff)}.control-plan-value>i{margin-top:4px;color:var(--control-primary,#0b1f3b)}.control-plan-value span{display:flex;flex-direction:column;gap:3px}.control-plan-value small{color:var(--cpc-muted)}.control-plan-value strong{line-height:1.45}
.control-plan-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0}.control-plan-metrics>div{display:flex;min-width:0;flex-direction:column-reverse;gap:4px;padding:10px;border:1px solid var(--cpc-border);border-radius:8px;text-align:center}.control-plan-metrics dt{color:var(--cpc-muted);font-size:10px;font-weight:600}.control-plan-metrics dd{margin:0;color:var(--control-primary,#0b1f3b);font-size:20px;font-weight:800}.control-plan-details{display:flex;flex:1;flex-direction:column;gap:10px;margin:0 0 18px;padding:0;list-style:none}.control-plan-details li{display:flex;align-items:flex-start;gap:9px;color:#475569;line-height:1.4}.control-plan-details i{width:14px;margin-top:3px;color:var(--control-accent,#c8a45c);text-align:center}.control-plan-request{margin-top:auto}.control-plan-request .checkbox{margin:0 0 14px}.control-plan-request .checkbox label{color:#475569;font-size:12px;line-height:1.4}.control-plan-disclaimer{display:block;margin-top:9px;color:var(--cpc-muted);line-height:1.4;text-align:center}
@media(max-width:1100px){.control-plan-grid,.control-role-grid{grid-template-columns:1fr}.control-plan-card header{min-height:0}.control-plan-trust{max-width:none}}
@media(max-width:767px){.control-plan-catalog .control-billing-hero{flex-direction:column}.control-plan-trust{width:100%}.control-plan-metrics{grid-template-columns:1fr}.control-plan-request .btn{min-height:44px;white-space:normal}}
html[lang="ar"] .control-plan-catalog .fa-arrow-left,[dir="rtl"] .control-plan-catalog .fa-arrow-left{transform:rotate(180deg)}
html[lang="ar"] .control-role-arrow,[dir="rtl"] .control-role-arrow{transform:rotate(180deg)}
.control-billing-status.is-ended,.control-billing-status.is-inactive{background:#e2e8f0;color:#475569}.control-billing-status.is-scheduled{background:#fef3c7;color:#92400e}

/* Final small-screen authority for guided Control workspaces. Later desktop
 * composition rules must never restore a side rail or multi-column journey on
 * a handset. Keep this at the end of the consolidated cascade. */
@media (max-width: 767px) {
  .operon-ui.otrm-workspace .otrm-step-row {
    grid-template-columns: minmax(0, 1fr);
  }
  .operon-ui.otrm-workspace .otrm-workbench-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .operon-ui.otrm-workspace .otrm-workbench-main,
  .operon-ui.otrm-workspace .otrm-side-summary {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }
  .operon-ui.otrm-workspace .otrm-side-summary {
    position: static;
    top: auto;
  }
}