.sidebar-brand.technology-brand-active #sidebarBrandName {
  font-size: 16px;
  font-weight: 750;
}

#sidebarBrandVisual.unified-brand-logo {
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

#sidebarUnifiedLogo {
  display: block;
  width: 36px;
  height: 36px;
  object-fit: contain;
}

#sidebarUnifiedLogo[hidden] { display: none; }

.technology-dashboard {
  min-height: 100%;
  padding: 0;
  background: #f4f8fb;
}

.technology-dashboard-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding: 24px 32px;
  border: 1px solid #cce7df;
  border-radius: 20px;
  background: linear-gradient(125deg, #ffffff 0%, #edf9f5 54%, #eaf4ff 100%);
  box-shadow: 0 16px 36px rgba(13, 67, 83, .08);
}

.technology-dashboard-hero-copy h2 {
  margin: 6px 0 8px;
  color: #092d45;
  font-size: 30px;
  line-height: 1.15;
}

.technology-dashboard-hero-copy p { margin: 0; color: #5b7488; font-size: 15px; }
.technology-dashboard-eyebrow { color: #008b70; font-size: 12px; font-weight: 800; letter-spacing: .15em; }
.technology-dashboard-hero > img { width: 112px; height: 112px; object-fit: contain; filter: drop-shadow(0 12px 18px rgba(0, 116, 98, .16)); }

.technology-dashboard-hero-side { display: flex; align-items: center; gap: 24px; color: #73889a; }
.technology-dashboard-hero-side img { width: 92px; height: 92px; object-fit: contain; filter: drop-shadow(0 10px 16px rgba(0,116,98,.15)); }
.technology-dashboard-tags { display: flex; gap: 8px; margin-top: 14px; }
.technology-dashboard-tags span { padding: 5px 10px; border: 1px solid #cfe8df; border-radius: 999px; color: #08745f; background: rgba(255,255,255,.72); font-size: 12px; }

.technology-metric-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 12px; margin-top: 12px; }
.technology-metric-grid button { display: flex; align-items: center; gap: 12px; min-height: 98px; padding: 15px; border: 1px solid #dbe8e7; border-radius: 15px; background: #fff; color: #15394e; text-align: left; cursor: pointer; }
.technology-metric-grid button > b { display: grid; flex: 0 0 42px; height: 42px; place-items: center; border-radius: 12px; color: #087d67; background: #e6f6f1; font-size: 17px; }
.technology-metric-grid button > span { display: grid; flex: 1; gap: 2px; }
.technology-metric-grid small,.technology-metric-grid em { color: #70869a; font-size: 12px; font-style: normal; }
.technology-metric-grid strong { color: #0c344b; font-size: 25px; line-height: 1.05; }
.technology-metric-grid button > i { align-self: flex-start; color: #4f9d8e; font-style: normal; }
.technology-metric-grid .tone-red > b { color: #c54a55; background: #fff0f1; }
.technology-metric-grid .tone-blue > b { color: #376fc0; background: #edf4ff; }
.technology-metric-grid .tone-violet > b { color: #7758b7; background: #f3effc; }

.technology-overview-grid { display: grid; grid-template-columns: 1.35fr 1fr; gap: 12px; margin-top: 12px; }
.technology-bottom-grid { display: grid; grid-template-columns: 1.25fr 1fr 1fr; gap: 12px; margin-top: 12px; padding-bottom: 16px; }
.technology-panel { overflow: hidden; border: 1px solid #dbe7e6; border-radius: 16px; background: #fff; }
.technology-panel > header { display: flex; min-height: 67px; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 17px; border-bottom: 1px solid #e8efee; }
.technology-panel > header small { color: #748d90; font-size: 11px; font-weight: 800; letter-spacing: .12em; }
.technology-panel > header h3 { margin: 3px 0 0; color: #11374d; font-size: 18px; }
.technology-panel > header button { border: 0; color: #07836a; background: transparent; cursor: pointer; }
.technology-panel > header > span { color: #80919e; font-size: 12px; }

.technology-delivery-panel > div { padding: 16px; }
.technology-delivery-stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.technology-delivery-stats article { position: relative; display: grid; min-height: 112px; align-content: center; padding: 16px 17px; overflow: hidden; border: 1px solid #dfeae8; border-radius: 14px; background: linear-gradient(145deg,#fbfdfd,#f4f9f8); }
.technology-delivery-stats article::before { position: absolute; top: 0; right: 0; left: 0; height: 3px; content: ""; background: #43a98d; }
.technology-delivery-stats article.tone-blue::before { background: #5d8fd4; }
.technology-delivery-stats article.tone-red::before { background: #df6971; }
.technology-delivery-stats article.tone-amber::before { background: #dda23c; }
.technology-delivery-stats small,.technology-delivery-stats span { color: #778d9b; font-size: 12px; }
.technology-delivery-stats strong { margin: 4px 0 3px; color: #123b50; font-size: 26px; line-height: 1; }

#technologyTodoList { padding: 8px 15px; }
#technologyTodoList button { display: flex; width: 100%; align-items: center; gap: 12px; padding: 10px 2px; border: 0; border-bottom: 1px solid #edf2f1; background: transparent; text-align: left; cursor: pointer; }
#technologyTodoList time { flex: 0 0 76px; color: #07836a; font-size: 12px; font-weight: 700; } #technologyTodoList span { display: grid; flex: 1; gap: 3px; } #technologyTodoList strong { color: #183d50; } #technologyTodoList small { color: #7a8d9a; } #technologyTodoList i { color: #71958e; font-style: normal; }

.technology-resource-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; padding: 13px; }
.technology-resource-grid button { display: flex; align-items: center; gap: 9px; min-height: 70px; padding: 10px; border: 1px solid #e1ebe9; border-radius: 11px; background: #f9fbfb; text-align: left; cursor: pointer; }
.technology-resource-grid button > b { display: grid; flex: 0 0 34px; height: 34px; place-items: center; border-radius: 9px; color: #087b66; background: #e6f5f0; }.technology-resource-grid button > span { display: grid; flex: 1; }.technology-resource-grid small { color: #7d909d; }.technology-resource-grid em { color: #0c775f; font-size: 12px; font-style: normal; }

#technologyRiskList,#technologyActivityList { padding: 8px 14px; }
#technologyRiskList button { display: flex; width: 100%; align-items: center; gap: 10px; padding: 11px 2px; border: 0; border-bottom: 1px solid #edf2f1; background: transparent; text-align: left; cursor: pointer; }
#technologyRiskList button > i { width: 8px; height: 8px; border-radius: 50%; background: #e8a82b; } #technologyRiskList .tone-red > i { background: #e45b64; } #technologyRiskList .tone-blue > i { background: #4a86d4; } #technologyRiskList .tone-green > i { background: #2c9b72; } #technologyRiskList span { display: grid; flex: 1; gap: 3px; } #technologyRiskList strong { color: #193c50; } #technologyRiskList small { color: #7d909c; } #technologyRiskList b { color: #7b9992; }
#technologyActivityList article { display: flex; align-items: center; gap: 10px; padding: 10px 2px; border-bottom: 1px solid #edf2f1; } #technologyActivityList article > b { display: grid; flex: 0 0 34px; height: 34px; place-items: center; border-radius: 9px; color: #17745f; background: #e8f5f1; } #technologyActivityList article span { display: grid; gap: 3px; min-width: 0; } #technologyActivityList article strong { overflow: hidden; color: #193c50; text-overflow: ellipsis; white-space: nowrap; } #technologyActivityList article small { color: #7c8f9b; }
.technology-empty { display: grid; min-height: 96px; place-items: center; padding: 20px; color: #84939d; }

.technology-dashboard-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 20px;
}

.technology-dashboard-grid button {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 112px;
  padding: 20px;
  border: 1px solid #d7e7e5;
  border-radius: 16px;
  color: #123b51;
  background: #fff;
  text-align: left;
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.technology-dashboard-grid button:hover { transform: translateY(-2px); border-color: #70cdb8; box-shadow: 0 12px 24px rgba(14, 87, 90, .10); }
.technology-dashboard-grid button > b { display: grid; flex: 0 0 48px; height: 48px; place-items: center; border-radius: 14px; color: #007b63; background: #e4f7f0; font-size: 20px; }
.technology-dashboard-grid button > span { display: grid; flex: 1; gap: 6px; }
.technology-dashboard-grid strong { font-size: 16px; }
.technology-dashboard-grid small { color: #71879a; font-size: 13px; }
.technology-dashboard-grid i { color: #008c72; font-size: 20px; font-style: normal; }

@media (max-width: 1100px) {
  .technology-metric-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .technology-overview-grid,.technology-bottom-grid { grid-template-columns: 1fr; }
  .technology-dashboard-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .technology-delivery-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 720px) {
  .technology-dashboard { padding: 0; }
  .technology-dashboard-hero { padding: 26px 24px; }
  .technology-dashboard-hero-side small { display: none; }
  .technology-metric-grid { grid-template-columns: 1fr; }
  .technology-delivery-stats { grid-template-columns: 1fr; }
  .technology-dashboard-hero > img { width: 78px; height: 78px; }
  .technology-dashboard-grid { grid-template-columns: 1fr; }
}