.governance-page { --gov-blue: #0078b8; --gov-green: #17806d; --gov-amber: #a96708; --gov-red: #b84a50; --gov-line: #dfe4eb; --gov-soft: #f6f8fb; }
.governance-page .btn-primary { background: var(--gov-blue); box-shadow: none; }
.governance-shell { padding-bottom: 36px; }
.governance-context { margin-bottom: 12px; }
.governance-action-count { display: inline-flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 5px; background: rgba(255,255,255,.2); font-size: 12px; }

.governance-metrics { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin-bottom: 12px; border: solid var(--gov-line); border-width: 1px 0; border-radius: 0; background: transparent; box-shadow: none; }
.governance-metrics article { min-width: 0; padding: 13px 16px; border-right: 1px solid #e8ebf0; }
.governance-metrics article:last-child { border-right: 0; }
.governance-metrics span, .governance-metrics small { display: block; color: #778193; font-size: 12px; line-height: 1.45; }
.governance-metrics strong { display: block; margin: 3px 0 1px; color: #182236; font-size: 22px; line-height: 1.1; }
.governance-metrics .attention { background: #fffaf1; }
.governance-metrics .attention strong { color: var(--gov-amber); }

.governance-tabs { margin-bottom: 12px; overflow-x: auto; }
.governance-tabs .tab { flex: 0 0 auto; }
.governance-panel { overflow: visible; }
.governance-follow-panel { margin-top: 12px; }
.governance-panel-head { gap: 14px; }
.governance-panel-head > div:first-child { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.governance-head-actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }

.governance-org-layout { display: grid; grid-template-columns: minmax(300px, .9fr) minmax(430px, 1.1fr); gap: 12px; padding: 12px; background: #f6f8fb; }
.governance-tree, .governance-detail { min-width: 0; border: 1px solid var(--gov-line); border-radius: 7px; background: #fff; }
.governance-tree { padding: 10px; }
.governance-tree-node { margin: 2px 0; }
.governance-tree-row { display: grid; grid-template-columns: 24px minmax(0, 1fr) auto; align-items: center; width: 100%; min-height: 42px; padding: 5px 8px; border: 1px solid transparent; border-radius: 6px; background: transparent; color: #263248; text-align: left; cursor: pointer; }
.governance-tree-row:hover { background: #f4f6fa; }
.governance-tree-row.active { border-color: #b9dbe8; background: #e8f4f8; color: var(--gov-blue); }
.governance-tree-icon { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 5px; background: #eaf6f3; color: var(--gov-green); font-size: 12px; font-weight: 800; }
.governance-tree-copy { min-width: 0; }
.governance-tree-copy strong, .governance-tree-copy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.governance-tree-copy strong { font-size: 12px; }
.governance-tree-copy small { margin-top: 2px; color: #838c9c; font-size: 12px; }
.governance-tree-level { color: #7c8595; font-size: 12px; }
.governance-tree-children { margin-left: 24px; padding-left: 7px; border-left: 1px dashed #d8dde6; }

.governance-detail { padding: 16px; }
.governance-detail-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding-bottom: 12px; border-bottom: 1px solid #e8ebf0; }
.governance-detail-head h2 { margin: 0; color: #172238; font-size: 16px; }
.governance-detail-head p { margin: 4px 0 0; color: #778193; font-size: 12px; }
.governance-kv { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px 18px; margin: 14px 0; }
.governance-kv div { min-width: 0; }
.governance-kv span, .governance-kv strong { display: block; }
.governance-kv span { color: #80899a; font-size: 12px; }
.governance-kv strong { margin-top: 3px; overflow-wrap: anywhere; color: #283348; font-size: 13px; }
.governance-relation-list { margin: 4px 0 14px; border-top: 1px solid #e8ebf0; }
.governance-relation-list__head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; padding: 11px 0 7px; }
.governance-relation-list__head strong { color: #283348; font-size: 12px; }
.governance-relation-list__head span { color: #80899a; font-size: 12px; text-align: right; }
.governance-relation-item { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 9px; padding: 7px 0; border-top: 1px solid #f0f2f5; }
.governance-relation-item > div { display: grid; min-width: 0; gap: 2px; }
.governance-relation-item strong { overflow: hidden; color: #303b50; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.governance-relation-item small { color: #858e9d; font-size: 12px; }
.governance-relation-item em { color: #778193; font-size: 12px; font-style: normal; }
.governance-relation-summary { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; padding-top: 12px; border-top: 1px solid #e8ebf0; }
.governance-relation-summary div { padding: 9px; border-radius: 6px; background: var(--gov-soft); }
.governance-relation-summary span, .governance-relation-summary strong { display: block; }
.governance-relation-summary span { color: #7c8594; font-size: 12px; }
.governance-relation-summary strong { margin-top: 3px; color: #243047; font-size: 13px; }

.governance-table-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 14px; border-bottom: 1px solid #e6e9ee; color: #788293; font-size: 12px; }
.governance-search { display: flex; align-items: center; gap: 7px; width: min(360px, 100%); padding: 7px 9px; border: 1px solid #dce1e9; border-radius: 6px; background: #fff; }
.governance-search .icon { width: 14px; height: 14px; color: #8791a2; }
.governance-search input { width: 100%; border: 0; outline: 0; background: transparent; color: #273248; font-size: 13px; }
.governance-table-wrap { border: 0; border-radius: 0; box-shadow: none; }
.governance-table { min-width: 900px; }
.governance-table thead th { padding: 9px 11px; font-size: 12px; white-space: nowrap; }
.governance-table tbody td { padding: 9px 11px; font-size: 12px; vertical-align: middle; }
.governance-user { display: flex; align-items: center; gap: 8px; min-width: 150px; }
.governance-avatar { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 29px; height: 29px; border-radius: 6px; background: #e8f4f8; color: var(--gov-blue); font-size: 13px; font-weight: 800; }
.governance-user strong, .governance-user small { display: block; }
.governance-user strong { color: #253047; font-size: 13px; }
.governance-user small { margin-top: 1px; color: #8992a0; font-size: 12px; }
.governance-identity-list { display: grid; min-width: 180px; gap: 6px; }
.governance-identity { padding-left: 7px; border-left: 2px solid #cbd6f5; }
.governance-identity strong, .governance-identity small { display: block; }
.governance-identity strong { color: #344057; font-size: 12px; }
.governance-identity small { margin-top: 2px; color: #8791a1; font-size: 12px; white-space: nowrap; }
.governance-scope-cell { max-width: 230px; color: #566175; line-height: 1.55; }
.governance-inline-actions { display: flex; align-items: center; gap: 5px; white-space: nowrap; }
.governance-text-action { padding: 3px 5px; border: 0; background: transparent; color: var(--gov-blue); font-size: 12px; font-weight: 700; cursor: pointer; }
.governance-text-action.danger { color: var(--gov-red); }
.permission-table select { width: 100%; min-width: 90px; height: 28px; padding: 0 7px; border: 1px solid #d9dee7; border-radius: 5px; background: #fff; color: #344057; font-size: 12px; }
.permission-table th:not(:first-child), .permission-table td:not(:first-child) { text-align: center; }

.governance-knowledge-list, .governance-request-list { display: flex; flex-direction: column; }
.governance-knowledge-row { display: grid; grid-template-columns: minmax(240px, 1.3fr) minmax(190px, .9fr) minmax(180px, .8fr) auto; gap: 14px; align-items: center; min-height: 78px; padding: 12px 14px; border-bottom: 1px solid #e8ebf0; }
.governance-knowledge-row:last-child, .governance-request-row:last-child { border-bottom: 0; }
.governance-knowledge-title strong, .governance-knowledge-title span { display: block; }
.governance-knowledge-title strong { color: #202b40; font-size: 12px; }
.governance-knowledge-title span, .governance-knowledge-meta { margin-top: 4px; color: #7c8595; font-size: 12px; line-height: 1.5; }
.governance-scope-list { display: flex; gap: 4px; flex-wrap: wrap; margin-top: 5px; }
.governance-scope-list span { padding: 3px 6px; border-radius: 4px; background: #edf5f2; color: #26705f; font-size: 12px; }
.governance-request-row { display: grid; grid-template-columns: minmax(240px, 1.2fr) minmax(130px, .5fr) minmax(140px, .5fr) auto; gap: 12px; align-items: center; padding: 11px 14px; border-bottom: 1px solid #e8ebf0; font-size: 12px; }
.governance-empty { padding: 24px; color: #7d8797; font-size: 13px; text-align: center; }

.governance-ai-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.governance-ai-item { min-width: 0; padding: 12px; border: 1px solid #e0e5ec; border-radius: 7px; background: #f8fafc; }
.governance-ai-item span, .governance-ai-item strong, .governance-ai-item small { display: block; }
.governance-ai-item span { color: #7d8797; font-size: 12px; }
.governance-ai-item strong { margin-top: 5px; overflow-wrap: anywhere; color: #202b40; font-size: 12px; }
.governance-ai-item small { margin-top: 4px; color: #778193; font-size: 12px; line-height: 1.45; }
.governance-ai-item.quality { border-color: #cfe4dd; background: #f3faf7; }
.governance-ai-item.quality strong { color: var(--gov-green); font-size: 20px; }
.governance-orchestration { overflow-x: auto; }
.governance-orchestration-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  min-width: 760px;
  padding: 12px 16px;
  border-bottom: 1px solid #e3e7ed;
  background: #f8fafc;
}
.governance-orchestration-summary > div { padding: 0 14px; border-right: 1px solid #e0e5eb; }
.governance-orchestration-summary > div:first-child { padding-left: 0; }
.governance-orchestration-summary > div:last-child { border-right: 0; }
.governance-orchestration-summary span,
.governance-orchestration-summary strong { display: block; }
.governance-orchestration-summary span { color: #7d8797; font-size: 12px; }
.governance-orchestration-summary strong { margin-top: 4px; color: #263247; font-size: 12px; }
.governance-orchestration-head,
.governance-orchestration-row {
  display: grid;
  grid-template-columns: 110px 1.25fr 1.15fr 1fr 1.1fr 78px;
  gap: 12px;
  align-items: center;
  min-width: 980px;
  padding: 10px 16px;
}
.governance-orchestration-head { border-bottom: 1px solid #dfe4ea; color: #7a8494; font-size: 12px; font-weight: 700; }
.governance-orchestration-row { min-height: 54px; border-bottom: 1px solid #edf0f3; color: #596477; font-size: 12px; line-height: 1.5; }
.governance-orchestration-row:last-child { border-bottom: 0; }
.governance-orchestration-row:hover { background: #f9fafc; }
.governance-orchestration-row strong { color: #273348; font-size: 13px; }
.governance-orchestration-row em { justify-self: start; font-style: normal; }
.governance-capability-checks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.governance-capability-check { display: grid; grid-template-columns: 16px minmax(0, 1fr); gap: 8px; align-items: start; padding: 10px; border: 1px solid #dfe4eb; border-radius: 6px; background: #fafbfc; }
.governance-capability-check input { margin-top: 2px; accent-color: var(--product-blue); }
.governance-capability-check span,
.governance-capability-check strong,
.governance-capability-check small { display: block; }
.governance-capability-check strong { color: #2e394d; font-size: 13px; }
.governance-capability-check small { margin-top: 3px; color: #7b8595; font-size: 12px; line-height: 1.5; }

.governance-operations-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr); gap: 12px; }
.governance-dictionary-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.governance-dictionary-group { min-width: 0; border: 1px solid #e0e5ec; border-radius: 7px; overflow: hidden; }
.governance-dictionary-group h3 { display: flex; align-items: center; justify-content: space-between; margin: 0; padding: 9px 10px; border-bottom: 1px solid #e5e9ef; background: #f7f9fb; color: #263148; font-size: 13px; }
.governance-dictionary-item { display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; gap: 7px; align-items: center; padding: 8px 10px; border-bottom: 1px solid #edf0f3; font-size: 12px; }
.governance-dictionary-item:last-child { border-bottom: 0; }
.governance-dictionary-code { color: #768092; font-family: Consolas, monospace; }
.governance-integration-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 12px 14px; border-bottom: 1px solid #e8ebf0; }
.governance-integration-row:last-child { border-bottom: 0; }
.governance-integration-row strong, .governance-integration-row small { display: block; }
.governance-integration-row strong { color: #263148; font-size: 13px; }
.governance-integration-row small { margin-top: 3px; color: #818a9a; font-size: 12px; }
.governance-audit-row { display: grid; grid-template-columns: 128px minmax(220px, 1fr) minmax(120px, .45fr) minmax(140px, .55fr) 70px; gap: 10px; align-items: center; padding: 10px 14px; border-bottom: 1px solid #e8ebf0; color: #596477; font-size: 12px; }
.governance-audit-row:last-child { border-bottom: 0; }
.governance-audit-row strong { color: #273248; font-size: 12px; }
.governance-release-row { display: grid; grid-template-columns: minmax(220px, 1fr) minmax(160px, .7fr) minmax(180px, .8fr) 86px; gap: 12px; align-items: center; min-height: 62px; padding: 10px 14px; border-bottom: 1px solid #e8ebf0; color: #596477; font-size: 12px; }
.governance-release-row:last-child { border-bottom: 0; }
.governance-release-row strong, .governance-release-row small { display: block; }
.governance-release-row strong { color: #273248; font-size: 12px; }
.governance-release-row small { margin-top: 4px; color: #818a9a; font-size: 12px; }
.governance-publish-groups { display: grid; gap: 7px; }
.governance-publish-group { display: grid; grid-template-columns: 20px minmax(0, 1fr) auto; gap: 8px; align-items: center; min-height: 44px; padding: 8px 10px; border: 1px solid #e0e5ec; border-radius: 6px; }
.governance-publish-group input { width: 14px; min-height: 14px; }
.governance-publish-group strong, .governance-publish-group small { display: block; }
.governance-publish-group strong { color: #344057; font-size: 12px; }
.governance-publish-group small { margin-top: 3px; color: #818b9b; font-size: 12px; }

.governance-drawer { width: min(520px, 94vw); }
.drawer__eyebrow { margin-bottom: 3px; color: var(--gov-blue); font-size: 12px; font-weight: 800; }
.governance-form { display: flex; flex-direction: column; gap: 14px; }
.governance-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.governance-form .field { gap: 5px; }
.governance-form .field.full { grid-column: 1 / -1; }
.governance-form input, .governance-form select, .governance-form textarea { width: 100%; min-height: 38px; padding: 8px 10px; border: 1px solid #d9dee7; border-radius: 6px; background: #fff; color: #29354a; font: inherit; font-size: 13px; }
.governance-form textarea { min-height: 82px; resize: vertical; line-height: 1.55; }
.governance-form-note { padding: 10px; border-left: 3px solid var(--gov-blue); border-radius: 4px; background: #f2f8f8; color: #647085; font-size: 12px; line-height: 1.55; }
.governance-check-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.governance-check { display: flex; align-items: center; gap: 7px; min-height: 36px; padding: 7px 9px; border: 1px solid #e0e5ec; border-radius: 6px; color: #465268; font-size: 12px; }
.governance-check input { width: 14px; min-height: 14px; }

.governance-denied { max-width: 560px; margin: 80px auto; padding: 34px; border: 1px solid #ead7d8; border-radius: 8px; background: #fff; text-align: center; }
.governance-denied > .icon { width: 34px; height: 34px; color: var(--gov-red); }
.governance-denied h2 { margin: 14px 0 7px; color: #202b40; font-size: 20px; }
.governance-denied p { margin: 0 0 18px; color: #758092; font-size: 13px; line-height: 1.7; }
.governance-denied > span { display: inline-flex; padding: 7px 10px; border-radius: 5px; background: #f2f4f7; color: #6c7687; font-size: 12px; font-weight: 700; }
.governance-denied > .btn { display: flex; width: max-content; margin: 18px auto 0; }
.governance-readonly [data-governance-action="publish"],
.governance-readonly [data-governance-action^="new-"],
.governance-readonly [data-governance-action="save-permissions"],
.governance-readonly [data-governance-action="edit-ai"] { display: none; }

@media (max-width: 1180px) {
  .governance-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .governance-metrics article:nth-child(3) { border-right: 0; }
  .governance-metrics article:nth-child(n+4) { border-top: 1px solid #e8ebf0; }
  .governance-org-layout, .governance-operations-grid { grid-template-columns: 1fr; }
  .governance-ai-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .governance-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: visible; }
  .governance-tabs .tab { justify-content: center; min-width: 0; height: auto; min-height: 40px; padding: 6px 8px; line-height: 1.3; text-align: center; white-space: normal; }
  .governance-tabs .tab:last-child:nth-child(odd) { grid-column: 1 / -1; }
  .governance-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .governance-metrics article { border-top: 1px solid #e8ebf0; }
  .governance-metrics article:nth-child(-n+2) { border-top: 0; }
  .governance-metrics article:nth-child(2n) { border-right: 0; }
  .governance-metrics article:last-child { grid-column: 1 / -1; }
  .governance-panel-head { align-items: stretch; flex-direction: column; }
  .governance-head-actions { justify-content: flex-start; }
  .governance-head-actions .segmented { width: 100%; overflow-x: auto; }
  .governance-head-actions .segmented button { flex: 1; white-space: nowrap; }
  .governance-org-layout { padding: 8px; }
  .governance-kv, .governance-ai-grid, .governance-dictionary-grid, .governance-form-grid, .governance-capability-checks { grid-template-columns: 1fr; }
  .governance-relation-summary { grid-template-columns: 1fr; }
  .governance-knowledge-row, .governance-request-row { grid-template-columns: 1fr; gap: 7px; }
  .governance-audit-row { grid-template-columns: 1fr 1fr; }
  .governance-audit-row strong { grid-column: 1 / -1; }
  .governance-search { width: 100%; }
  .governance-table-toolbar { align-items: stretch; flex-direction: column; }
  .governance-check-grid { grid-template-columns: 1fr; }
}