.dste-management-product-v2 {
  --dmp-primary: #3869ad;
  --dmp-primary-dark: #285794;
  --dmp-ink: #13233b;
  --dmp-text: #344054;
  --dmp-muted: #667085;
  --dmp-border: #d9e0e9;
  --dmp-soft-border: #e8edf3;
  --dmp-surface: #fff;
  --dmp-page: #f5f7fb;
  display: grid;
  gap: 14px;
  padding: 0 0 72px;
  color: var(--dmp-text);
  letter-spacing: 0;
}

.dste-management-product-v2 *,
.dmp-drawer *,
.dmp-confirm * { box-sizing: border-box; letter-spacing: 0; }
.dste-management-product-v2 button,
.dste-management-product-v2 input,
.dste-management-product-v2 select,
.dste-management-product-v2 textarea,
.dmp-drawer button,
.dmp-drawer input,
.dmp-drawer select,
.dmp-drawer textarea,
.dmp-confirm button,
.dmp-confirm input,
.dmp-confirm select,
.dmp-confirm textarea { font: inherit; }

.dmp-page-head {
  min-height: 86px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  padding: 16px 0 14px;
  border-bottom: 1px solid var(--dmp-border);
}
.dmp-page-head > div:first-child > span,
.dmp-object-title > span { color: var(--dmp-primary); font-size: 11px; font-weight: 700; }
.dmp-page-head h1 { margin: 4px 0 0; color: var(--dmp-ink); font-size: 24px; line-height: 1.35; }
.dmp-page-head p { margin: 6px 0 0; color: var(--dmp-muted); font-size: 13px; line-height: 1.55; }
.dmp-head-controls { display: flex; align-items: flex-end; gap: 10px; }
.dmp-list-controls { justify-content: flex-end; padding-top: 2px; }
.dmp-head-controls label { display: grid; gap: 5px; color: var(--dmp-muted); font-size: 11px; font-weight: 700; }
.dmp-head-controls select,
.dmp-search input,
.dmp-search select {
  height: 36px;
  border: 1px solid #cbd5e1;
  border-radius: 5px;
  background: #fff;
  color: var(--dmp-text);
  padding: 0 10px;
  outline: 0;
}
.dmp-head-controls select { min-width: 166px; }
.dmp-head-controls select:focus,
.dmp-search input:focus,
.dmp-search select:focus { border-color: var(--dmp-primary); box-shadow: 0 0 0 3px rgba(56,105,173,.12); }

.dmp-lifecycle {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid var(--dmp-border);
  border-radius: 7px;
  background: #fff;
}
.dmp-life-tab {
  min-width: 0;
  min-height: 56px;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) auto;
  grid-template-rows: auto auto;
  column-gap: 8px;
  align-content: center;
  padding: 8px 11px;
  border: 0;
  border-right: 1px solid var(--dmp-soft-border);
  border-bottom: 3px solid transparent;
  background: #fff;
  color: #475467;
  text-align: left;
  cursor: pointer;
}
.dmp-life-tab:last-child { border-right: 0; }
.dmp-life-tab:hover { background: #f8fbff; }
.dmp-life-tab.active { border-bottom-color: var(--dmp-primary); background: #f2f6fc; color: var(--dmp-primary-dark); }
.dmp-life-tab.complete { background: #f7fbf9; }
.dmp-life-tab > span {
  grid-row: 1 / 3;
  width: 22px;
  height: 22px;
  align-self: center;
  display: grid;
  place-items: center;
  border-radius: 4px;
  background: #e9eef5;
  color: #526174;
  font-size: 11px;
  font-weight: 800;
}
.dmp-life-tab.active > span { background: var(--dmp-primary); color: #fff; }
.dmp-life-tab.complete > span { background: #21845e; color: #fff; }
.dmp-life-tab b { overflow: hidden; font-size: 13px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.dmp-life-tab small { overflow: hidden; color: var(--dmp-muted); font-size: 10px; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; }
.dmp-life-tab em {
  grid-column: 3;
  grid-row: 1 / 3;
  align-self: center;
  display: inline-flex;
  min-height: 22px;
  align-items: center;
  padding: 2px 6px;
  border: 1px solid #d2dae5;
  border-radius: 4px;
  background: #fff;
  color: var(--dmp-muted);
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  white-space: nowrap;
}
.dmp-life-tab.active em { border-color: #b8ccec; background: #fff; color: var(--dmp-primary-dark); }

.dmp-summary,
.dmp-object-meta,
.dmp-inline-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid var(--dmp-border);
  border-radius: 7px;
  background: #fff;
}
.dmp-summary > div,
.dmp-object-meta > div,
.dmp-inline-summary > div { min-width: 0; padding: 14px 16px; border-right: 1px solid var(--dmp-soft-border); }
.dmp-summary > div:last-child,
.dmp-object-meta > div:last-child,
.dmp-inline-summary > div:last-child { border-right: 0; }
.dmp-summary small,
.dmp-object-meta small,
.dmp-inline-summary small { display: block; color: var(--dmp-muted); font-size: 11px; }
.dmp-summary b { display: block; margin-top: 5px; color: var(--dmp-ink); font-size: 22px; line-height: 1.2; }
.dmp-summary span { display: block; margin-top: 4px; color: var(--dmp-muted); font-size: 11px; }
.dmp-object-meta b,
.dmp-inline-summary b { display: block; overflow-wrap: anywhere; margin-top: 5px; color: var(--dmp-ink); font-size: 13px; }
.dmp-inline-summary > .danger { border-top: 3px solid #d33d3d; background: #fff8f7; }
.dmp-inline-summary > .danger b { color: #b42318; }
.dmp-inline-summary > .ok { border-top: 3px solid #21845e; background: #f7fcf9; }

.dmp-panel,
.dmp-workspace-panel {
  overflow: hidden;
  border: 1px solid var(--dmp-border);
  border-radius: 7px;
  background: #fff;
}
.dmp-panel-head {
  min-height: 58px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 13px 16px;
  border-bottom: 1px solid var(--dmp-soft-border);
}
.dmp-panel-head h2 { margin: 0; color: var(--dmp-ink); font-size: 15px; line-height: 1.35; }
.dmp-panel-head p { margin: 4px 0 0; color: var(--dmp-muted); font-size: 11px; line-height: 1.45; }
.dmp-panel-head-tools { align-items: center; }
.dmp-panel-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.dmp-btn {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #cbd5e1;
  border-radius: 5px;
  background: #fff;
  color: #344054;
  padding: 6px 11px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
.dmp-btn:hover { border-color: #9bb2d0; background: #f8fbff; }
.dmp-btn.primary { border-color: var(--dmp-primary); background: var(--dmp-primary); color: #fff; }
.dmp-btn.primary:hover { border-color: var(--dmp-primary-dark); background: var(--dmp-primary-dark); }
.dmp-btn.danger { border-color: #e4a5a1; background: #fff7f6; color: #b42318; }
.dmp-btn:disabled { cursor: not-allowed; opacity: .45; }

.dmp-table-wrap { width: 100%; overflow: auto; }
.dmp-table { width: 100%; min-width: 900px; border-collapse: collapse; table-layout: auto; }
.dmp-table th {
  height: 38px;
  padding: 7px 11px;
  border-bottom: 1px solid var(--dmp-border);
  background: #f6f8fb;
  color: #526072;
  font-size: 11px;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
}
.dmp-table td { padding: 10px 11px; border-bottom: 1px solid var(--dmp-soft-border); color: #344054; font-size: 11px; line-height: 1.45; vertical-align: middle; }
.dmp-table tbody tr:last-child td { border-bottom: 0; }
.dmp-table tbody tr:hover { background: #fbfcfe; }
.dmp-table td > b,
.dmp-table td > small { display: block; }
.dmp-table td > small,
.dmp-object-link small { margin-top: 3px; color: var(--dmp-muted); font-size: 10px; }
.dmp-object-link {
  max-width: 320px;
  display: block;
  border: 0;
  background: transparent;
  color: var(--dmp-ink);
  padding: 0;
  text-align: left;
  cursor: pointer;
}
.dmp-object-link b { display: block; line-height: 1.4; }
.dmp-object-link:hover b { color: var(--dmp-primary); text-decoration: underline; text-underline-offset: 2px; }
.dmp-table-action { border: 0; background: transparent; color: var(--dmp-primary); padding: 2px 4px; font-size: 11px; font-weight: 700; cursor: pointer; white-space: nowrap; }
.dmp-table-action + .dmp-table-action { margin-left: 6px; }
.dmp-table-action:hover { color: var(--dmp-primary-dark); text-decoration: underline; }
.dmp-due { color: #b42318 !important; font-weight: 700; }
.dmp-truncate { max-width: 360px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.dmp-status { min-height: 22px; display: inline-flex; align-items: center; padding: 2px 7px; border: 1px solid #d3dbe5; border-radius: 10px; background: #f8fafc; color: #526072; font-size: 10px; font-weight: 700; white-space: nowrap; }
.dmp-status.green { border-color: #b2ddc8; background: #eef9f4; color: #16704e; }
.dmp-status.amber { border-color: #ecd291; background: #fff9e9; color: #8a5a08; }
.dmp-status.orange { border-color: #e9bc94; background: #fff3e9; color: #9a4e0d; }
.dmp-status.red { border-color: #efbbb7; background: #fff2f1; color: #b42318; }
.dmp-status.blue { border-color: #bfd0e7; background: #f1f6fc; color: #285f9b; }

.dmp-filters { display: flex; align-items: center; gap: 6px; padding: 9px 12px; border-bottom: 1px solid var(--dmp-soft-border); background: #fbfcfe; }
.dmp-filters button,
.dmp-view-tabs button,
.dmp-view-tabs span {
  min-height: 30px;
  border: 1px solid #d4dce7;
  border-radius: 4px;
  background: #fff;
  color: #526072;
  padding: 5px 10px;
  font-size: 11px;
  cursor: pointer;
}
.dmp-filters button.active,
.dmp-view-tabs button.active,
.dmp-view-tabs span.active { border-color: #9ebbe0; background: #f0f5fc; color: var(--dmp-primary-dark); font-weight: 700; }
.dmp-search { display: flex; align-items: center; gap: 8px; }
.dmp-search input { width: 280px; }

.dmp-empty { min-height: 120px; display: grid; place-content: center; gap: 5px; color: var(--dmp-muted); text-align: center; }
.dmp-empty b { color: var(--dmp-text); font-size: 13px; }
.dmp-empty span { font-size: 11px; }
.dmp-empty button { justify-self: center; border: 0; background: transparent; color: var(--dmp-primary); font-size: 11px; font-weight: 700; cursor: pointer; }
.dmp-empty.compact { min-height: 52px; }

.dmp-object-head {
  min-height: 82px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 0 14px;
  border-bottom: 1px solid var(--dmp-border);
}
.dmp-back { width: 34px; height: 34px; flex: 0 0 34px; border: 1px solid #d3dbe5; border-radius: 5px; background: #fff; color: #475467; font-size: 24px; line-height: 1; cursor: pointer; }
.dmp-back:hover { border-color: #9eb7d6; color: var(--dmp-primary); }
.dmp-object-title { min-width: 0; flex: 1; }
.dmp-object-title h1 { margin: 4px 0 0; overflow: hidden; color: var(--dmp-ink); font-size: 21px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.dmp-object-title p { margin: 4px 0 0; color: var(--dmp-muted); font-size: 11px; }
.dmp-object-head-actions { display: flex; align-items: center; gap: 8px; }

.dmp-workbench-tabs {
  min-height: 54px;
  display: flex;
  align-items: stretch;
  overflow-x: auto;
  border: 1px solid var(--dmp-border);
  border-radius: 7px;
  background: #fff;
}
.dmp-workbench-tabs button {
  position: relative;
  min-width: 150px;
  flex: 1 0 150px;
  padding: 9px 12px 10px;
  border: 0;
  border-right: 1px solid var(--dmp-soft-border);
  border-bottom: 3px solid transparent;
  background: #fff;
  color: #526072;
  text-align: left;
  cursor: pointer;
}
.dmp-workbench-tabs button:last-child { border-right: 0; }
.dmp-workbench-tabs button:hover { background: #f8fbff; }
.dmp-workbench-tabs button.active { border-bottom-color: var(--dmp-primary); background: #f3f7fc; color: var(--dmp-primary-dark); }
.dmp-workbench-tabs b { display: block; font-size: 12px; }
.dmp-workbench-tabs small { display: block; overflow: hidden; margin-top: 3px; color: var(--dmp-muted); font-size: 9px; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; }

.dmp-stage-context {
  min-height: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between;
  padding: 9px 14px !important;
  border-radius: 7px !important;
}
.dmp-stage-context > div:first-child { display: flex; align-items: center; gap: 8px; }
.dmp-stage-context small { color: var(--dmp-muted); font-size: 10px; }
.dmp-stage-context h2 { margin: 0; font-size: 14px !important; }
.dmp-stage-context b { display: block; margin-top: 2px; font-size: 11px; }
.dste-management-product-v2 .v3-stage-workflow { padding: 10px 14px; border: 1px solid var(--dmp-border); border-radius: 7px; background: #fff; }
.dste-management-product-v2 .v3-stage-primary-action { display: none; }
.dste-management-product-v2 .v3-flow-node { min-width: 128px; }
.dste-management-product-v2 .v3-flow-node b { font-size: 11px; }
.dste-management-product-v2 .v3-flow-node small { font-size: 9px; }

.dmp-workspace { display: grid; gap: 12px; }
.dmp-workspace-grid { display: grid; gap: 12px; }
.dmp-canvas-body { padding: 16px; }
.dmp-house { max-width: 1100px; margin: 0 auto; }
.dmp-house-roof {
  min-height: 88px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding: 18px 10% 14px;
  background: #a82429;
  clip-path: polygon(50% 0,100% 72%,96% 100%,4% 100%,0 72%);
  color: #fff;
  text-align: center;
}
.dmp-house-roof small { font-size: 10px; font-weight: 700; }
.dmp-house-roof b { margin-top: 4px; font-size: 16px; }
.dmp-house-row { display: grid; grid-template-columns: 94px minmax(0, 1fr); border: 1px solid #d6dee8; border-top: 0; }
.dmp-house-row > span { display: grid; place-items: center; padding: 10px; border-right: 1px solid #d6dee8; background: #f3f5f8; color: #475467; font-size: 11px; font-weight: 700; }
.dmp-house-goals,
.dmp-house-initiatives { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; padding: 8px; }
.dmp-house-goals > div,
.dmp-house-initiatives > button { min-width: 0; padding: 9px 10px; border: 1px solid #d8e0e9; border-radius: 4px; background: #fff; color: var(--dmp-text); text-align: left; }
.dmp-house-goals b,
.dmp-house-goals strong,
.dmp-house-goals small,
.dmp-house-initiatives b,
.dmp-house-initiatives span,
.dmp-house-initiatives small { display: block; }
.dmp-house-goals b,
.dmp-house-initiatives b { color: var(--dmp-ink); font-size: 11px; }
.dmp-house-goals strong { margin-top: 4px; color: var(--dmp-primary-dark); font-size: 16px; }
.dmp-house-goals small,
.dmp-house-initiatives small { margin-top: 4px; color: var(--dmp-muted); font-size: 9px; }
.dmp-house-initiatives button { cursor: pointer; }
.dmp-house-initiatives button:hover { border-color: #9eb7d6; background: #f8fbff; }
.dmp-house-initiatives span { height: 34px; overflow: hidden; margin-top: 4px; color: #526072; font-size: 10px; line-height: 1.45; }
.dmp-house-foundation { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; padding: 8px; border: 1px solid #d6dee8; border-top: 0; }
.dmp-house-foundation span { padding: 8px; border-left: 3px solid #21845e; background: #f3faf6; color: #315d4d; font-size: 10px; font-weight: 700; text-align: center; }

.dmp-progress { width: 110px; height: 6px; overflow: hidden; border-radius: 3px; background: #e7ebf0; }
.dmp-progress span { display: block; height: 100%; background: var(--dmp-primary); }

/* Content-rich annual strategy workbenches */
.dmp-content-overview {
  display: grid;
  gap: 10px;
  min-width: 0;
  margin-bottom: 12px;
}
.dmp-content-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 22px;
  padding: 14px 16px;
  border: 1px solid var(--dmp-border);
  border-left: 4px solid var(--dmp-primary);
  border-radius: 6px;
  background: #fff;
}
.dmp-content-head > div { min-width: 0; }
.dmp-content-head > div:first-child { flex: 1; }
.dmp-content-head span,
.dmp-content-head small,
.dmp-content-head b,
.dmp-content-head h2,
.dmp-content-head p { display: block; }
.dmp-content-head span {
  color: var(--dmp-primary-dark);
  font-size: 11px;
  font-weight: 800;
}
.dmp-content-head h2 {
  margin: 4px 0 3px;
  color: var(--dmp-ink);
  font-size: 16px;
  letter-spacing: 0;
}
.dmp-content-head p {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin: 0;
  color: var(--dmp-text);
  font-size: 12px;
  line-height: 1.65;
}
.dmp-content-head > div:last-child {
  width: min(360px, 38%);
  padding-left: 15px;
  border-left: 1px solid var(--dmp-soft-border);
  text-align: right;
}
.dmp-content-head > div:last-child small {
  color: var(--dmp-muted);
  font-size: 10px;
  line-height: 1.5;
}
.dmp-content-head > div:last-child b {
  margin-top: 6px;
  color: var(--dmp-ink);
  font-size: 11px;
}
.dmp-rich-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid var(--dmp-border);
  border-radius: 6px;
  background: #fff;
}
.dmp-rich-kpis > button {
  position: relative;
  min-width: 0;
  min-height: 78px;
  padding: 12px 15px;
  border: 0;
  border-right: 1px solid var(--dmp-soft-border);
  background: transparent;
  color: var(--dmp-text);
  text-align: left;
  cursor: pointer;
}
.dmp-rich-kpis > button:last-child { border-right: 0; }
.dmp-rich-kpis > button:hover { background: #f7fafe; }
.dmp-rich-kpis span,
.dmp-rich-kpis b,
.dmp-rich-kpis small { display: block; }
.dmp-rich-kpis span { color: var(--dmp-muted); font-size: 10px; }
.dmp-rich-kpis b { margin-top: 4px; color: var(--dmp-ink); font-size: 18px; }
.dmp-rich-kpis small { overflow: hidden; margin-top: 5px; color: var(--dmp-text); font-size: 10px; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }
.dmp-rich-kpis i {
  position: absolute;
  top: 15px;
  right: 14px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--dmp-primary);
}
.dmp-rich-kpis i.green,
.dmp-line-kind i.green,
.dmp-risk-matrix i.green,
.dmp-portfolio-legend i.green { background: #21845e; }
.dmp-rich-kpis i.amber,
.dmp-line-kind i.amber,
.dmp-risk-matrix i.amber,
.dmp-portfolio-legend i.amber { background: #c38a24; }
.dmp-rich-kpis i.orange,
.dmp-line-kind i.orange,
.dmp-risk-matrix i.orange,
.dmp-portfolio-legend i.orange { background: #c66a2b; }
.dmp-rich-kpis i.red,
.dmp-line-kind i.red,
.dmp-risk-matrix i.red,
.dmp-portfolio-legend i.red { background: #c43c35; }
.dmp-rich-kpis i.blue,
.dmp-line-kind i.blue,
.dmp-risk-matrix i.blue,
.dmp-portfolio-legend i.blue { background: var(--dmp-primary); }
.dmp-viz-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  min-width: 0;
}
.dmp-viz-panel {
  display: grid;
  grid-template-rows: auto minmax(220px, 1fr);
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--dmp-border);
  border-radius: 6px;
  background: #fff;
}
.dmp-viz-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  min-height: 58px;
  padding: 12px 14px 9px;
  border-bottom: 1px solid var(--dmp-soft-border);
}
.dmp-viz-head h3 { margin: 0; color: var(--dmp-ink); font-size: 13px; }
.dmp-viz-head p { margin: 4px 0 0; color: var(--dmp-muted); font-size: 10px; line-height: 1.5; }
.dmp-viz-head > button,
.dmp-management-panel > button {
  flex: 0 0 auto;
  padding: 6px 9px;
  border: 1px solid #c9d8e8;
  border-radius: 4px;
  background: #fff;
  color: var(--dmp-primary-dark);
  font-size: 10px;
  font-weight: 700;
  cursor: pointer;
}
.dmp-viz-head > button:hover,
.dmp-management-panel > button:hover { border-color: var(--dmp-primary); background: #f4f8fc; }
.dmp-viz-body { min-width: 0; padding: 12px 14px; }
.dmp-viz-foot {
  min-height: 38px;
  padding: 10px 16px;
  border-top: 1px solid var(--dmp-soft-border);
  background: #f8fafc;
  color: var(--dmp-text);
  font-size: 10px;
  line-height: 1.5;
}
.dmp-bar-list { display: grid; gap: 10px; }
.dmp-bar-row {
  display: grid;
  grid-template-columns: minmax(130px, 1.2fr) minmax(100px, 1fr) 76px;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 7px 0;
  border: 0;
  background: transparent;
  color: var(--dmp-text);
  text-align: left;
  cursor: pointer;
}
.dmp-bar-row:hover .dmp-bar-label b { color: var(--dmp-primary-dark); }
.dmp-bar-label b,
.dmp-bar-label small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dmp-bar-label b { color: var(--dmp-ink); font-size: 11px; }
.dmp-bar-label small { margin-top: 3px; color: var(--dmp-muted); font-size: 9px; }
.dmp-bar-track {
  display: block;
  height: 8px;
  overflow: hidden;
  border-radius: 4px;
  background: #e9eef4;
}
.dmp-bar-track i { display: block; height: 100%; background: var(--dmp-primary); }
.dmp-bar-track i.green { background: #21845e; }
.dmp-bar-track i.amber { background: #c38a24; }
.dmp-bar-track i.orange { background: #c66a2b; }
.dmp-bar-track i.red { background: #c43c35; }
.dmp-bar-row > strong { color: var(--dmp-ink); font-size: 11px; text-align: right; }
.dmp-portfolio-chart svg { display: block; width: 100%; min-height: 190px; }
.dmp-portfolio-chart svg > line { stroke: #9dadbf; stroke-width: 1; }
.dmp-portfolio-chart svg > line.guide { stroke: #e1e7ee; stroke-dasharray: 4 4; }
.dmp-portfolio-chart circle { fill: rgba(53, 104, 168, .16); stroke: #3568a8; stroke-width: 1.5; cursor: pointer; }
.dmp-portfolio-chart g.green circle { fill: rgba(33, 132, 94, .15); stroke: #21845e; }
.dmp-portfolio-chart g.amber circle { fill: rgba(195, 138, 36, .15); stroke: #c38a24; }
.dmp-portfolio-chart g.orange circle { fill: rgba(198, 106, 43, .15); stroke: #c66a2b; }
.dmp-portfolio-chart g.red circle { fill: rgba(196, 60, 53, .13); stroke: #c43c35; }
.dmp-portfolio-chart g:focus circle { stroke-width: 3; }
.dmp-portfolio-chart text { fill: var(--dmp-ink); font-size: 9px; font-weight: 700; pointer-events: none; }
.dmp-portfolio-chart .axis-label { fill: var(--dmp-muted); font-size: 9px; font-weight: 500; }
.dmp-portfolio-legend,
.dmp-chart-legend,
.dmp-cascade-chart > footer,
.dmp-budget-chart > footer { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 5px; color: var(--dmp-muted); font-size: 9px; }
.dmp-portfolio-legend span,
.dmp-chart-legend span,
.dmp-cascade-chart > footer span,
.dmp-budget-chart > footer span { display: inline-flex; align-items: center; gap: 5px; }
.dmp-portfolio-legend i,
.dmp-cascade-chart > footer i,
.dmp-budget-chart > footer i { width: 8px; height: 8px; border-radius: 2px; background: var(--dmp-primary); }
.dmp-trend-chart { min-width: 0; }
.dmp-trend-chart svg { display: block; width: 100%; min-height: 185px; }
.dmp-trend-chart .grid { stroke: #e8eef5; stroke-width: 1; }
.dmp-trend-chart .tick { fill: var(--dmp-muted); font-size: 8px; }
.dmp-trend-chart .series { fill: none; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.dmp-trend-chart .series.plan { stroke: #8aa4c2; stroke-dasharray: 5 4; }
.dmp-trend-chart .series.actual { stroke: #3568a8; }
.dmp-trend-chart .series.forecast { stroke: #7d91aa; stroke-dasharray: 2 4; }
.dmp-trend-chart .actual-dot { fill: #fff; stroke: #3568a8; stroke-width: 2; }
.dmp-chart-legend { justify-content: flex-end; margin: 0; }
.dmp-chart-legend span::before { content: ""; width: 15px; border-top: 2px solid #3568a8; }
.dmp-chart-legend span.plan::before { border-color: #8aa4c2; border-top-style: dashed; }
.dmp-chart-legend span.forecast::before { border-color: #7d91aa; border-top-style: dotted; }
.dmp-chart-axis { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 2px; margin: -8px 0 0 38px; color: var(--dmp-muted); font-size: 8px; text-align: center; }
.dmp-chart-empty { display: grid; min-height: 190px; place-items: center; color: var(--dmp-muted); font-size: 11px; }
.dmp-metric-status { display: grid; gap: 5px; }
.dmp-metric-status > button {
  display: grid;
  grid-template-columns: minmax(130px, 1.3fr) minmax(160px, 1.4fr) minmax(90px, 1fr) 38px;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 8px 0;
  border: 0;
  border-bottom: 1px solid var(--dmp-soft-border);
  background: transparent;
  color: var(--dmp-text);
  text-align: left;
  cursor: pointer;
}
.dmp-metric-status > button:last-child { border-bottom: 0; }
.dmp-metric-status b,
.dmp-metric-status small { display: block; }
.dmp-metric-status b { color: var(--dmp-ink); font-size: 10px; }
.dmp-metric-status small { margin-top: 3px; color: var(--dmp-muted); font-size: 8px; }
.dmp-metric-values { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; }
.dmp-metric-status > button > strong { color: var(--dmp-primary-dark); font-size: 10px; text-align: right; }
.dmp-cascade-chart { display: grid; gap: 4px; }
.dmp-cascade-chart > button {
  display: grid;
  grid-template-columns: minmax(125px, 1.1fr) minmax(150px, 1.5fr) 86px;
  align-items: center;
  gap: 12px;
  padding: 8px 0;
  border: 0;
  border-bottom: 1px solid var(--dmp-soft-border);
  background: transparent;
  color: var(--dmp-text);
  text-align: left;
  cursor: pointer;
}
.dmp-cascade-unit b,
.dmp-cascade-unit small,
.dmp-cascade-values b,
.dmp-cascade-values small { display: block; }
.dmp-cascade-unit b,
.dmp-cascade-values b { color: var(--dmp-ink); font-size: 10px; }
.dmp-cascade-unit small,
.dmp-cascade-values small { margin-top: 3px; color: var(--dmp-muted); font-size: 8px; }
.dmp-cascade-values { text-align: right; }
.dmp-cascade-bars { display: grid; gap: 3px; }
.dmp-cascade-bars > span { display: block; height: 5px; overflow: hidden; border-radius: 3px; background: #edf1f5; }
.dmp-cascade-bars i { display: block; height: 100%; }
.dmp-cascade-bars i.target,
.dmp-cascade-chart > footer i.target { background: #a9b8ca; }
.dmp-cascade-bars i.accepted,
.dmp-cascade-chart > footer i.accepted { background: #3568a8; }
.dmp-cascade-bars i.actual,
.dmp-cascade-chart > footer i.actual { background: #21845e; }
.dmp-budget-chart { display: grid; gap: 4px; }
.dmp-budget-chart > button {
  display: grid;
  grid-template-columns: minmax(140px, 1.25fr) minmax(150px, 1.5fr) 62px minmax(92px, .8fr);
  align-items: center;
  gap: 10px;
  padding: 8px 0;
  border: 0;
  border-bottom: 1px solid var(--dmp-soft-border);
  background: transparent;
  color: var(--dmp-text);
  text-align: left;
  cursor: pointer;
}
.dmp-budget-chart b,
.dmp-budget-chart small { display: block; }
.dmp-budget-chart b { color: var(--dmp-ink); font-size: 10px; }
.dmp-budget-chart small { margin-top: 3px; color: var(--dmp-muted); font-size: 8px; }
.dmp-budget-track { position: relative; display: block; height: 10px; border-radius: 3px; background: #edf1f5; }
.dmp-budget-track i { position: absolute; left: 0; height: 100%; border-radius: 3px; }
.dmp-budget-track i.approved,
.dmp-budget-chart > footer i.approved { background: #c7d5e5; }
.dmp-budget-track i.actual,
.dmp-budget-chart > footer i.actual { background: #3568a8; }
.dmp-budget-track em { position: absolute; top: -3px; width: 2px; height: 16px; background: #c66a2b; }
.dmp-budget-chart > footer i.forecast { width: 2px; height: 11px; border-radius: 0; background: #c66a2b; }
.dmp-triple-line { display: grid; gap: 6px; }
.dmp-triple-line > button {
  display: grid;
  grid-template-columns: minmax(135px, 1.15fr) minmax(130px, 1fr) minmax(100px, 1.1fr) 42px;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
  border: 0;
  border-bottom: 1px solid var(--dmp-soft-border);
  background: transparent;
  color: var(--dmp-text);
  text-align: left;
  cursor: pointer;
}
.dmp-line-kind { position: relative; padding-left: 14px; }
.dmp-line-kind i { position: absolute; top: 3px; left: 0; width: 7px; height: 7px; border-radius: 50%; }
.dmp-line-kind b,
.dmp-line-kind small,
.dmp-line-value b,
.dmp-line-value small { display: block; }
.dmp-line-kind b,
.dmp-line-value b { color: var(--dmp-ink); font-size: 10px; }
.dmp-line-kind small,
.dmp-line-value small { margin-top: 3px; color: var(--dmp-muted); font-size: 8px; }
.dmp-triple-line > button > strong { color: var(--dmp-primary-dark); font-size: 11px; text-align: right; }
.dmp-risk-matrix { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.dmp-risk-matrix > button {
  min-width: 0;
  padding: 11px;
  border: 1px solid var(--dmp-soft-border);
  border-radius: 5px;
  background: #fbfcfe;
  color: var(--dmp-text);
  text-align: left;
  cursor: pointer;
}
.dmp-risk-matrix > button:hover { border-color: #b7c9dd; background: #f6f9fc; }
.dmp-risk-matrix > button > span { display: flex; align-items: center; gap: 7px; }
.dmp-risk-matrix > button > span i { width: 7px; height: 7px; border-radius: 50%; }
.dmp-risk-matrix b { color: var(--dmp-ink); font-size: 10px; }
.dmp-risk-matrix dl { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; margin: 9px 0 6px; }
.dmp-risk-matrix dl div { min-width: 0; padding: 5px; background: #fff; }
.dmp-risk-matrix dt { color: var(--dmp-muted); font-size: 8px; }
.dmp-risk-matrix dd { overflow: hidden; margin: 3px 0 0; color: var(--dmp-text); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.dmp-risk-matrix > button > small { color: var(--dmp-muted); font-size: 8px; line-height: 1.4; }
.dmp-scorecard-chart { display: grid; gap: 5px; }
.dmp-scorecard-chart > button {
  display: grid;
  grid-template-columns: minmax(135px, 1.25fr) minmax(150px, 1.5fr) minmax(92px, .8fr);
  align-items: center;
  gap: 12px;
  padding: 9px 0;
  border: 0;
  border-bottom: 1px solid var(--dmp-soft-border);
  background: transparent;
  color: var(--dmp-text);
  text-align: left;
  cursor: pointer;
}
.dmp-scorecard-chart b,
.dmp-scorecard-chart small { display: block; }
.dmp-scorecard-chart b { color: var(--dmp-ink); font-size: 10px; }
.dmp-scorecard-chart small { margin-top: 3px; color: var(--dmp-muted); font-size: 8px; }
.dmp-score-bar { position: relative; display: block; height: 8px; border-radius: 4px; background: #e9eef4; }
.dmp-score-bar i { display: block; height: 100%; border-radius: 4px; background: #3568a8; }
.dmp-score-bar em { position: absolute; top: -3px; width: 2px; height: 14px; background: #102846; }
.dmp-content-overview.is-executing .dmp-viz-grid > .dmp-viz-panel:last-child:nth-child(odd) { grid-column: 1 / -1; }
.dmp-attainment-chart { display: grid; gap: 4px; }
.dmp-attainment-chart > button {
  display: grid;
  grid-template-columns: minmax(150px, 1.2fr) minmax(170px, 1.5fr) minmax(120px, .9fr);
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 9px 0;
  border: 0;
  border-bottom: 1px solid var(--dmp-soft-border);
  background: transparent;
  color: var(--dmp-text);
  text-align: left;
  cursor: pointer;
}
.dmp-attainment-chart > button:last-of-type { border-bottom: 0; }
.dmp-attainment-chart b,
.dmp-attainment-chart small { display: block; }
.dmp-attainment-chart b { overflow: hidden; color: var(--dmp-ink); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.dmp-attainment-chart small { margin-top: 3px; color: var(--dmp-muted); font-size: 8px; line-height: 1.45; }
.dmp-attainment-bars { position: relative; display: block; height: 10px; border-radius: 3px; background: #edf1f5; }
.dmp-attainment-bars i.actual { position: absolute; top: 0; left: 0; height: 100%; border-radius: 3px; background: var(--dmp-primary); }
.dmp-attainment-bars i.actual.green { background: #21845e; }
.dmp-attainment-bars i.actual.amber { background: #c38a24; }
.dmp-attainment-bars i.actual.red { background: #c43c35; }
.dmp-attainment-bars em.target { position: absolute; top: -3px; left: 83.333%; width: 2px; height: 16px; background: #102846; }
.dmp-attainment-bars u.forecast { position: absolute; top: -3px; width: 2px; height: 16px; background: #c66a2b; text-decoration: none; }
.dmp-attainment-chart > footer { display: flex; justify-content: flex-end; gap: 12px; margin-top: 8px; color: var(--dmp-muted); font-size: 8px; }
.dmp-attainment-chart > footer span { display: inline-flex; align-items: center; gap: 4px; }
.dmp-attainment-chart > footer i { width: 9px; height: 7px; border-radius: 2px; background: var(--dmp-primary); }
.dmp-attainment-chart > footer i.target { width: 2px; height: 10px; border-radius: 0; background: #102846; }
.dmp-attainment-chart > footer i.forecast { width: 2px; height: 10px; border-radius: 0; background: #c66a2b; }
.dmp-donut-chart { display: grid; grid-template-columns: minmax(150px, .75fr) minmax(210px, 1.25fr); align-items: center; gap: 22px; min-height: 210px; }
.dmp-donut-chart svg { display: block; width: min(100%, 190px); margin: 0 auto; overflow: visible; transform: rotate(-90deg); }
.dmp-donut-chart circle { fill: none; stroke-width: 15px; }
.dmp-donut-chart circle.track { stroke: #edf1f5; }
.dmp-donut-chart circle.blue { stroke: var(--dmp-primary); }
.dmp-donut-chart circle.green { stroke: #21845e; }
.dmp-donut-chart circle.amber { stroke: #c38a24; }
.dmp-donut-chart circle.orange { stroke: #c66a2b; }
.dmp-donut-chart circle.red { stroke: #c43c35; }
.dmp-donut-chart text { fill: var(--dmp-ink); transform: rotate(90deg); transform-origin: 58px 58px; }
.dmp-donut-chart text.value { font-size: 18px; font-weight: 800; }
.dmp-donut-chart text.label { fill: var(--dmp-muted); font-size: 7px; }
.dmp-donut-legend { display: grid; gap: 4px; }
.dmp-donut-legend > button { display: grid; grid-template-columns: 8px minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: 9px 0; border: 0; border-bottom: 1px solid var(--dmp-soft-border); background: transparent; color: var(--dmp-text); text-align: left; cursor: pointer; }
.dmp-donut-legend > button > i { width: 7px; height: 7px; border-radius: 50%; background: var(--dmp-primary); }
.dmp-donut-legend > button > i.green { background: #21845e; }
.dmp-donut-legend > button > i.amber { background: #c38a24; }
.dmp-donut-legend > button > i.orange { background: #c66a2b; }
.dmp-donut-legend > button > i.red { background: #c43c35; }
.dmp-donut-legend b,
.dmp-donut-legend small { display: block; }
.dmp-donut-legend b { color: var(--dmp-ink); font-size: 10px; }
.dmp-donut-legend small { margin-top: 2px; color: var(--dmp-muted); font-size: 8px; }
.dmp-donut-legend strong { color: var(--dmp-ink); font-size: 12px; }
.dmp-variance-chart { display: grid; gap: 4px; }
.dmp-variance-chart > button { display: grid; grid-template-columns: minmax(150px, 1.2fr) minmax(180px, 1.5fr) 70px; align-items: center; gap: 12px; padding: 9px 0; border: 0; border-bottom: 1px solid var(--dmp-soft-border); background: transparent; color: var(--dmp-text); text-align: left; cursor: pointer; }
.dmp-variance-chart b,
.dmp-variance-chart small { display: block; }
.dmp-variance-chart b { overflow: hidden; color: var(--dmp-ink); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.dmp-variance-chart small { margin-top: 3px; overflow: hidden; color: var(--dmp-muted); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.dmp-variance-track { position: relative; display: block; height: 12px; border-radius: 3px; background: #f0f3f7; }
.dmp-variance-track i.axis { position: absolute; top: -3px; bottom: -3px; left: 50%; width: 1px; background: #9caabd; }
.dmp-variance-track em { position: absolute; top: 2px; height: 8px; border-radius: 2px; }
.dmp-variance-track em.positive { background: #21845e; }
.dmp-variance-track em.negative { background: #c43c35; }
.dmp-variance-chart strong { font-size: 10px; text-align: right; }
.dmp-variance-chart strong.positive { color: #176b4d; }
.dmp-variance-chart strong.negative { color: #a62d28; }
.dmp-variance-chart > footer { display: flex; justify-content: space-between; margin: 8px 70px 0 162px; color: var(--dmp-muted); font-size: 8px; }
.dmp-radar-chart { display: grid; grid-template-columns: minmax(220px, .9fr) minmax(200px, 1.1fr); align-items: center; gap: 12px; }
.dmp-radar-chart svg { width: min(100%, 250px); margin: 0 auto; overflow: visible; }
.dmp-radar-chart polygon.grid { fill: none; stroke: #dfe6ee; stroke-width: 1; }
.dmp-radar-chart line.axis { stroke: #e5ebf2; stroke-width: 1; }
.dmp-radar-chart polygon.actual { fill: rgba(53, 104, 168, .13); stroke: #3568a8; stroke-width: 2; }
.dmp-radar-chart polygon.forecast { fill: rgba(33, 132, 94, .08); stroke: #21845e; stroke-width: 2; stroke-dasharray: 4 3; }
.dmp-radar-chart text { fill: var(--dmp-muted); font-size: 8px; }
.dmp-radar-legend { grid-column: 1; display: flex; justify-content: center; gap: 14px; margin-top: -12px; color: var(--dmp-muted); font-size: 8px; }
.dmp-radar-legend span::before { display: inline-block; width: 14px; margin-right: 5px; border-top: 2px solid #3568a8; content: ""; vertical-align: middle; }
.dmp-radar-legend span.forecast::before { border-color: #21845e; border-top-style: dashed; }
.dmp-radar-values { grid-column: 2; grid-row: 1 / span 2; display: grid; gap: 4px; }
.dmp-radar-values button { display: flex; justify-content: space-between; gap: 10px; padding: 9px 0; border: 0; border-bottom: 1px solid var(--dmp-soft-border); background: transparent; color: var(--dmp-text); font-size: 9px; cursor: pointer; }
.dmp-radar-values b { color: var(--dmp-ink); }
.dmp-chart-focus { padding: 14px; border: 1px solid #c8d8ea; border-left: 4px solid var(--dmp-primary); background: #f5f8fc; }
.dmp-chart-focus > div > span { color: var(--dmp-primary-dark); font-size: 9px; font-weight: 800; }
.dmp-chart-focus h3 { margin-top: 4px; }
.dmp-chart-focus p { margin: 4px 0 0; color: var(--dmp-muted); font-size: 10px; }
.dmp-chart-entity-table { margin-top: 12px; background: #fff; }
.dmp-chart-entity-table td:first-child { width: 112px; color: var(--dmp-muted); }
.dmp-content-scope {
  display: grid;
  grid-template-columns: auto minmax(0, auto) minmax(240px, 1fr);
  align-items: center;
  gap: 10px;
  min-height: 38px;
  padding: 7px 13px;
  border: 1px solid #d8e2ee;
  border-left: 3px solid var(--dmp-primary);
  border-radius: 5px;
  background: #f7f9fc;
}
.dmp-content-scope > span { color: var(--dmp-primary-dark); font-size: 9px; font-weight: 800; }
.dmp-content-scope > b { overflow: hidden; color: var(--dmp-ink); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.dmp-content-scope > small { overflow: hidden; color: var(--dmp-muted); font-size: 9px; text-align: right; text-overflow: ellipsis; white-space: nowrap; }
.dmp-content-scope.is-overview { border-left-color: #8594a8; background: #fafbfc; }
.dmp-risk-heatmap { position: relative; min-height: 225px; padding: 2px 0 0 28px; }
.dmp-risk-grid { display: grid; grid-template-columns: 22px repeat(5, minmax(0, 1fr)); grid-template-rows: repeat(5, 31px) 17px; gap: 4px; }
.dmp-risk-axis-label { display: grid; place-items: center; color: var(--dmp-muted); font-size: 8px; font-weight: 700; }
.dmp-risk-cell { min-width: 0; overflow: hidden; border: 1px solid rgba(96, 112, 132, .09); border-radius: 3px; padding: 2px; }
.dmp-risk-cell.low { background: #edf7f1; }
.dmp-risk-cell.medium { background: #fff8e7; }
.dmp-risk-cell.high { background: #fff0df; }
.dmp-risk-cell.critical { background: #feeceb; }
.dmp-risk-cell button { width: 100%; height: 100%; min-width: 0; display: flex; align-items: center; gap: 4px; overflow: hidden; border: 0; border-radius: 2px; background: rgba(255,255,255,.82); padding: 2px 4px; color: var(--dmp-text); text-align: left; cursor: pointer; }
.dmp-risk-cell button i { flex: 0 0 auto; width: 6px; height: 6px; border-radius: 50%; background: var(--dmp-primary); }
.dmp-risk-cell button.green i { background: #21845e; }
.dmp-risk-cell button.amber i { background: #c38a24; }
.dmp-risk-cell button.orange i { background: #c66a2b; }
.dmp-risk-cell button.red i { background: #c43c35; }
.dmp-risk-cell button span { overflow: hidden; font-size: 7px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.dmp-risk-y-title { position: absolute; top: 69px; left: 0; color: var(--dmp-muted); font-size: 8px; writing-mode: vertical-rl; }
.dmp-risk-x-title { margin: 3px 0 0; color: var(--dmp-muted); font-size: 8px; text-align: center; }
.dmp-risk-heatmap > footer { display: flex; justify-content: flex-end; gap: 10px; margin-top: 8px; color: var(--dmp-muted); font-size: 8px; }
.dmp-risk-heatmap > footer span { display: inline-flex; align-items: center; gap: 4px; }
.dmp-risk-heatmap > footer i { width: 10px; height: 7px; border-radius: 2px; }
.dmp-risk-heatmap > footer i.low { background: #d8eee2; }
.dmp-risk-heatmap > footer i.medium { background: #f4dfaa; }
.dmp-risk-heatmap > footer i.high { background: #efc28d; }
.dmp-risk-heatmap > footer i.critical { background: #e9aaa6; }
.dmp-waterfall-chart svg { display: block; width: 100%; min-height: 210px; overflow: visible; }
.dmp-waterfall-chart .axis { stroke: #d9e2ec; stroke-width: 1; }
.dmp-waterfall-chart .connector { stroke: #9daabd; stroke-width: 1; stroke-dasharray: 3 2; }
.dmp-waterfall-chart g[role="button"] { cursor: pointer; }
.dmp-waterfall-chart g rect { rx: 2px; fill: #607892; }
.dmp-waterfall-chart g.positive rect { fill: #21845e; }
.dmp-waterfall-chart g.negative rect { fill: #c43c35; }
.dmp-waterfall-chart g.total rect { fill: var(--dmp-primary); }
.dmp-waterfall-chart text.value { fill: var(--dmp-ink); font-size: 8px; font-weight: 800; }
.dmp-waterfall-chart text.label { fill: var(--dmp-muted); font-size: 7px; }
.dmp-waterfall-chart > footer { display: flex; justify-content: flex-end; gap: 12px; margin-top: -4px; color: var(--dmp-muted); font-size: 8px; }
.dmp-waterfall-chart > footer span { display: inline-flex; align-items: center; gap: 4px; }
.dmp-waterfall-chart > footer i { width: 10px; height: 7px; border-radius: 2px; background: var(--dmp-primary); }
.dmp-waterfall-chart > footer i.positive { background: #21845e; }
.dmp-waterfall-chart > footer i.negative { background: #c43c35; }
.dmp-close-progress { display: grid; grid-template-columns: repeat(6, minmax(48px, 1fr)); gap: 10px; min-height: 220px; align-items: end; padding: 12px 6px 0; }
.dmp-close-progress > button { min-width: 0; display: grid; gap: 5px; justify-items: center; border: 0; background: transparent; color: var(--dmp-text); cursor: pointer; }
.dmp-close-bar { position: relative; width: 34px; height: 130px; overflow: hidden; border-radius: 3px 3px 0 0; background: #edf1f5; }
.dmp-close-bar i { position: absolute; right: 0; bottom: 0; left: 0; background: var(--dmp-primary); }
.dmp-close-bar em { position: absolute; right: 0; bottom: 6px; left: 0; color: #fff; font-size: 7px; font-style: normal; font-weight: 800; text-align: center; }
.dmp-close-progress b { font-size: 8px; }
.dmp-close-progress small { min-width: 42px; border-radius: 10px; background: #eaf7f1; padding: 3px 5px; color: #176b4d; font-size: 7px; text-align: center; }
.dmp-close-progress small.has-open { background: #fff3e8; color: #a1531c; }
.dmp-close-progress > footer { grid-column: 1 / -1; display: flex; justify-content: flex-end; gap: 12px; color: var(--dmp-muted); font-size: 8px; }
.dmp-close-progress > footer span { display: inline-flex; align-items: center; gap: 4px; }
.dmp-close-progress > footer i { width: 10px; height: 7px; background: var(--dmp-primary); }
.dmp-close-progress > footer em { width: 10px; height: 7px; border-radius: 8px; background: #f3c89c; }
.dmp-milestone-list { display: grid; gap: 5px; }
.dmp-milestone-list > button {
  display: grid;
  grid-template-columns: 27px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 9px 0;
  border: 0;
  border-bottom: 1px solid var(--dmp-soft-border);
  background: transparent;
  color: var(--dmp-text);
  text-align: left;
  cursor: pointer;
}
.dmp-milestone-list > button > i { display: grid; width: 25px; height: 25px; place-items: center; border-radius: 50%; background: #edf4fb; color: var(--dmp-primary-dark); font-size: 9px; font-style: normal; font-weight: 800; }
.dmp-milestone-list > button > i.green { background: #eaf7f1; color: #176b4d; }
.dmp-milestone-list > button > i.amber { background: #fff7e6; color: #956718; }
.dmp-milestone-list > button > i.red { background: #fff0ef; color: #a62d28; }
.dmp-milestone-list b,
.dmp-milestone-list small { display: block; }
.dmp-milestone-list b { color: var(--dmp-ink); font-size: 10px; }
.dmp-milestone-list small { margin-top: 3px; color: var(--dmp-muted); font-size: 8px; }
.dmp-management-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
  align-items: stretch;
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--dmp-border);
  border-radius: 6px;
  background: #fff;
}
.dmp-management-panel > div { min-width: 0; padding: 14px 17px; border-right: 1px solid var(--dmp-soft-border); }
.dmp-management-panel header b { display: block; color: var(--dmp-ink); font-size: 11px; }
.dmp-management-panel ol,
.dmp-management-panel ul { display: grid; gap: 6px; margin: 10px 0 0; padding: 0; list-style: none; }
.dmp-management-panel ol { counter-reset: conclusion; }
.dmp-management-panel ol li { position: relative; padding-left: 20px; color: var(--dmp-text); font-size: 10px; line-height: 1.55; }
.dmp-management-panel ol li::before { position: absolute; top: 0; left: 0; counter-increment: conclusion; content: counter(conclusion, decimal-leading-zero); color: var(--dmp-primary-dark); font-size: 9px; font-weight: 800; }
.dmp-management-panel ul li { display: flex; align-items: flex-start; gap: 8px; }
.dmp-management-panel ul li > i { flex: 0 0 auto; width: 6px; height: 6px; margin-top: 5px; border-radius: 50%; background: #21845e; }
.dmp-management-panel ul b,
.dmp-management-panel ul small { display: block; }
.dmp-management-panel ul b { color: var(--dmp-text); font-size: 10px; line-height: 1.45; }
.dmp-management-panel ul small { margin-top: 2px; color: var(--dmp-muted); font-size: 8px; }
.dmp-management-panel > button { align-self: center; margin: 14px; max-width: 126px; line-height: 1.5; }
.dmp-dashboard-view { min-width: 0; padding-top: 10px; }
.dmp-object-insights {
  overflow: hidden;
  border: 1px solid var(--dmp-border);
  border-radius: 6px;
  background: #fff;
}
.dmp-object-insights > summary {
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 10px 14px;
  color: var(--dmp-ink);
  cursor: pointer;
  list-style: none;
}
.dmp-object-insights > summary::-webkit-details-marker { display: none; }
.dmp-object-insights > summary::after { content: "⌄"; color: var(--dmp-muted); font-size: 14px; }
.dmp-object-insights[open] > summary { border-bottom: 1px solid var(--dmp-soft-border); }
.dmp-object-insights[open] > summary::after { transform: rotate(180deg); }
.dmp-object-insights > summary span { font-size: 12px; font-weight: 700; }
.dmp-object-insights > summary small { margin-left: auto; color: var(--dmp-muted); font-size: 9px; }
.dmp-object-insights > .dmp-content-overview { margin: 12px; }
.dmp-drawer-conclusions { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.dmp-drawer-conclusions li { display: grid; grid-template-columns: 24px 1fr; gap: 9px; align-items: flex-start; color: var(--dmp-text); font-size: 12px; line-height: 1.6; }
.dmp-drawer-conclusions i { display: grid; width: 22px; height: 22px; place-items: center; border-radius: 50%; background: #edf4fb; color: var(--dmp-primary-dark); font-size: 9px; font-style: normal; font-weight: 800; }
.dmp-drawer-actions { display: grid; gap: 8px; }
.dmp-drawer-action { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; border: 1px solid var(--dmp-soft-border); border-radius: 5px; background: #fbfcfe; }
.dmp-drawer-action b,
.dmp-drawer-action small { display: block; }
.dmp-drawer-action b { color: var(--dmp-ink); font-size: 11px; }
.dmp-drawer-action small { margin-top: 4px; color: var(--dmp-muted); font-size: 9px; }

@media (max-width: 1180px) {
  .dmp-rich-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dmp-rich-kpis > button:nth-child(2n) { border-right: 0; }
  .dmp-rich-kpis > button:nth-child(-n+2) { border-bottom: 1px solid var(--dmp-soft-border); }
  .dmp-viz-grid { grid-template-columns: 1fr; }
  .dmp-content-overview.is-executing .dmp-viz-grid > .dmp-viz-panel:last-child:nth-child(odd) { grid-column: auto; }
  .dmp-donut-chart,
  .dmp-radar-chart { grid-template-columns: 1fr; }
  .dmp-radar-values { grid-column: 1; grid-row: auto; }
  .dmp-radar-legend { grid-column: 1; }
  .dmp-content-scope { grid-template-columns: auto minmax(0, 1fr); }
  .dmp-content-scope > small { grid-column: 1 / -1; text-align: left; }
  .dmp-management-panel { grid-template-columns: 1fr 1fr; }
  .dmp-management-panel > button { grid-column: 1 / -1; max-width: none; }
}

.dmp-command-bar {
  position: sticky;
  z-index: 40;
  bottom: 0;
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 2px;
  padding: 10px 14px;
  border: 1px solid var(--dmp-border);
  border-radius: 7px;
  background: rgba(255,255,255,.98);
  box-shadow: 0 -8px 22px rgba(23,35,55,.08);
}
.dmp-command-bar > div { display: flex; align-items: center; gap: 8px; }
.dmp-command-bar b { font-size: 11px; }
.dmp-command-bar small { color: var(--dmp-muted); font-size: 10px; }
.dmp-save-dot { width: 8px; height: 8px; border-radius: 50%; background: #21845e; box-shadow: 0 0 0 3px #e7f5ee; }

.dmp-drawer-backdrop,
.dmp-confirm-backdrop { position: fixed; inset: 0; z-index: 2100; background: rgba(18,29,46,.34); }
.dmp-drawer-backdrop { display: flex; justify-content: flex-end; }
.dmp-drawer {
  width: min(940px, 76vw);
  height: 100vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #fff;
  box-shadow: -18px 0 48px rgba(15,23,42,.2);
}
.dmp-drawer > header { min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 14px 22px; border-bottom: 1px solid var(--dmp-border); }
.dmp-drawer > header small { display: block; color: var(--dmp-primary); font-size: 10px; font-weight: 700; }
.dmp-drawer > header h2 { margin: 4px 0 0; color: var(--dmp-ink); font-size: 19px; }
.dmp-drawer > header > button { width: 34px; height: 34px; border: 1px solid #d7dee7; border-radius: 5px; background: #f7f9fb; color: #526072; font-size: 21px; cursor: pointer; }
.dmp-drawer-body { flex: 1; min-height: 0; display: grid; align-content: start; gap: 14px; overflow: auto; padding: 18px 22px; }
.dmp-drawer > footer { min-height: 58px; display: flex; align-items: center; justify-content: flex-end; gap: 8px; padding: 10px 22px; border-top: 1px solid var(--dmp-border); background: #fafbfc; }
.dmp-drawer-section { display: grid; gap: 10px; }
.dmp-drawer-section + .dmp-drawer-section { padding-top: 14px; border-top: 1px solid var(--dmp-soft-border); }
.dmp-drawer-section h3 { margin: 0; color: var(--dmp-ink); font-size: 13px; }
.dmp-drawer-tabs { display: flex; border-bottom: 1px solid var(--dmp-border); }
.dmp-drawer-tabs button { min-height: 34px; border: 0; border-bottom: 2px solid var(--dmp-primary); background: transparent; color: var(--dmp-primary-dark); font-size: 11px; font-weight: 700; }
.dmp-comment { padding: 10px 12px; border: 1px solid var(--dmp-soft-border); border-radius: 5px; background: #fbfcfe; }
.dmp-comment b { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: var(--dmp-ink); font-size: 11px; }
.dmp-comment small { color: var(--dmp-muted); font-size: 9px; font-weight: 400; }
.dmp-comment p { margin: 6px 0 0; color: #475467; font-size: 11px; line-height: 1.6; }
.dmp-comment-compose { display: grid; gap: 8px; }
.dmp-comment-compose textarea,
.dmp-form-field textarea,
.dmp-form-grid textarea { min-height: 84px; resize: vertical; }
.dmp-comment-compose textarea,
.dmp-form-field textarea,
.dmp-form-field input,
.dmp-form-field select,
.dmp-form-grid input,
.dmp-form-grid select,
.dmp-form-grid textarea {
  width: 100%;
  border: 1px solid #cbd5e1;
  border-radius: 5px;
  background: #fff;
  color: #344054;
  padding: 8px 10px;
  outline: 0;
}
.dmp-comment-compose textarea:focus,
.dmp-form-field textarea:focus,
.dmp-form-field input:focus,
.dmp-form-grid input:focus,
.dmp-form-grid textarea:focus { border-color: var(--dmp-primary); box-shadow: 0 0 0 3px rgba(56,105,173,.12); }
.dmp-comment-compose > span { display: flex; justify-content: flex-end; gap: 8px; }
.dmp-upload { min-height: 34px; display: inline-flex; align-items: center; border: 1px solid #cbd5e1; border-radius: 5px; background: #fff; padding: 6px 11px; color: #344054; font-size: 11px; font-weight: 700; cursor: pointer; }
.dmp-upload input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.dmp-file { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 9px 10px; border: 1px solid var(--dmp-soft-border); border-radius: 5px; }
.dmp-file > span { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 4px; background: #eef4fb; color: var(--dmp-primary); font-size: 9px; font-weight: 800; }
.dmp-file b,
.dmp-file small { display: block; }
.dmp-file b { color: var(--dmp-ink); font-size: 11px; }
.dmp-file small { margin-top: 3px; color: var(--dmp-muted); font-size: 9px; }
.dmp-file button { border: 0; background: transparent; color: var(--dmp-primary); font-size: 10px; font-weight: 700; cursor: pointer; }
.dmp-timeline { display: grid; gap: 0; }
.dmp-timeline-item { position: relative; display: grid; grid-template-columns: 14px minmax(0, 1fr); gap: 9px; padding: 0 0 14px; }
.dmp-timeline-item:not(:last-child)::before { content: ""; position: absolute; left: 5px; top: 10px; bottom: 0; border-left: 1px solid #d6dee8; }
.dmp-timeline-item i { width: 11px; height: 11px; margin-top: 2px; border: 2px solid #fff; border-radius: 50%; background: var(--dmp-primary); box-shadow: 0 0 0 1px #aac0dc; }
.dmp-timeline-item b,
.dmp-timeline-item span { display: block; }
.dmp-timeline-item b { color: var(--dmp-ink); font-size: 11px; }
.dmp-timeline-item span { margin-top: 3px; color: var(--dmp-muted); font-size: 9px; }
.dmp-timeline-item p { margin: 4px 0 0; color: #526072; font-size: 10px; line-height: 1.5; }

.dmp-version-head { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: hidden; border: 1px solid var(--dmp-border); border-radius: 6px; }
.dmp-version-head > div { padding: 12px 14px; }
.dmp-version-head > div + div { border-left: 1px solid var(--dmp-border); }
.dmp-version-head small,
.dmp-version-head b,
.dmp-version-head span { display: block; }
.dmp-version-head small { color: var(--dmp-muted); font-size: 9px; }
.dmp-version-head b { margin-top: 4px; color: var(--dmp-ink); font-size: 15px; }
.dmp-version-head span { margin-top: 3px; color: var(--dmp-muted); font-size: 10px; }
.dmp-diff-table { width: 100%; border-collapse: collapse; }
.dmp-diff-table th,
.dmp-diff-table td { padding: 9px 10px; border: 1px solid var(--dmp-border); font-size: 10px; line-height: 1.5; text-align: left; vertical-align: top; }
.dmp-diff-table th { background: #f6f8fb; color: #526072; }
.dmp-diff-table ins { background: #eaf8f1; color: #176346; text-decoration: none; }
.dmp-callout { padding: 11px 12px; border-left: 3px solid var(--dmp-primary); background: #f2f6fb; color: #475467; font-size: 11px; line-height: 1.6; }
.dmp-callout.warning { border-left-color: #c98219; background: #fff8e9; color: #765013; }
.dmp-lineage { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 10px; }
.dmp-lineage > div { display: grid; gap: 7px; }
.dmp-lineage > i { color: #8794a5; font-style: normal; }
.dmp-lineage small { color: var(--dmp-muted); font-size: 9px; font-weight: 700; }
.dmp-lineage button { padding: 10px; border: 1px solid var(--dmp-border); border-radius: 5px; background: #fff; text-align: left; }
.dmp-lineage .current button { border-color: #9eb9dc; background: #f2f6fb; }
.dmp-lineage b,
.dmp-lineage span { display: block; }
.dmp-lineage b { color: var(--dmp-ink); font-size: 10px; }
.dmp-lineage span { margin-top: 3px; color: var(--dmp-muted); font-size: 9px; line-height: 1.4; }
.dmp-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
.dmp-form-grid label,
.dmp-form-field { display: grid; gap: 5px; }
.dmp-form-grid label.wide { grid-column: 1 / -1; }
.dmp-form-grid label > span,
.dmp-form-field > span { color: #526072; font-size: 10px; font-weight: 700; }
.dmp-form-grid [readonly] { background: #f3f5f7; color: #667085; }
.dmp-lock-banner { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 10px 12px; border: 1px solid #dbe3ed; border-left: 3px solid var(--dmp-primary); background: #f5f8fc; }
.dmp-lock-banner b { color: var(--dmp-ink); font-size: 11px; }
.dmp-lock-banner span { color: var(--dmp-muted); font-size: 10px; }

.dmp-confirm-backdrop { display: grid; place-items: center; padding: 24px; }
.dmp-confirm { width: min(560px, calc(100vw - 48px)); overflow: hidden; border-radius: 7px; background: #fff; box-shadow: 0 22px 60px rgba(15,23,42,.25); }
.dmp-confirm > header { padding: 17px 20px; border-bottom: 1px solid var(--dmp-border); }
.dmp-confirm > header span { color: var(--dmp-primary); font-size: 10px; font-weight: 700; }
.dmp-confirm > header h2 { margin: 5px 0 0; color: var(--dmp-ink); font-size: 18px; }
.dmp-confirm-body { display: grid; gap: 13px; padding: 17px 20px; }
.dmp-confirm-check { display: flex; align-items: flex-start; gap: 8px; color: #475467; font-size: 11px; line-height: 1.5; }
.dmp-confirm-check input { margin-top: 2px; }
.dmp-confirm > footer { display: flex; justify-content: flex-end; gap: 8px; padding: 10px 20px; border-top: 1px solid var(--dmp-border); background: #fafbfc; }

body.dmp-drawer-open { overflow: hidden; }

@media (max-width: 1280px) {
  .dmp-life-tab { grid-template-columns: 22px minmax(0, 1fr); }
  .dmp-life-tab em { display: none; }
  .dmp-search input { width: 220px; }
  .dmp-drawer { width: min(900px, 84vw); }
}

@media (max-width: 1080px) {
  .dmp-page-head { align-items: stretch; flex-direction: column; }
  .dmp-head-controls { justify-content: flex-start; }
  .dmp-lifecycle { grid-template-columns: repeat(5, minmax(150px, 1fr)); overflow-x: auto; }
  .dmp-summary,
  .dmp-object-meta,
  .dmp-inline-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dmp-summary > div:nth-child(2),
  .dmp-object-meta > div:nth-child(2),
  .dmp-inline-summary > div:nth-child(2) { border-right: 0; }
  .dmp-summary > div:nth-child(-n+2),
  .dmp-object-meta > div:nth-child(-n+2),
  .dmp-inline-summary > div:nth-child(-n+2) { border-bottom: 1px solid var(--dmp-soft-border); }
  .dmp-panel-head-tools { align-items: stretch; flex-direction: column; }
  .dmp-search { width: 100%; }
  .dmp-search input { min-width: 0; flex: 1; width: auto; }
}