/* Company identity: blue rounded tile and white glyph. */
/* Primary groups: a larger quiet tile gives hierarchy without competing with leaves. */
html[data-theme="f"][data-color-theme="blue"] .sidebar :is(.section-nav-row,.management-nav-row,.delivery-nav-row,.quality-governance-nav-row,.system-nav-row,.version-nav-row){
  min-height:44px; margin-top:8px; padding:7px 9px;
  border-top:0; border-radius:12px; gap:8px;
}
html[data-theme="f"][data-color-theme="blue"] .sidebar :is(.section-nav-row,.management-nav-row,.delivery-nav-row,.quality-governance-nav-row,.system-nav-row,.version-nav-row) .node-icon{
  display:inline-flex; align-items:center; justify-content:center;
  width:28px; height:28px; flex:0 0 28px; border-radius:8px;
  background:linear-gradient(145deg,rgba(255,255,255,.64),rgba(0,102,255,.09));
  border:1px solid rgba(0,102,255,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65);
}
html[data-theme="f"][data-color-theme="blue"] .sidebar :is(.section-nav-row,.management-nav-row,.delivery-nav-row,.quality-governance-nav-row,.system-nav-row,.version-nav-row) .node-icon svg{
  width:20px; height:20px; fill:none; stroke:var(--domain-brand-blue);
  stroke-width:1.75; stroke-linecap:round; stroke-linejoin:round;
}
html[data-theme="f"][data-color-theme="blue"] .sidebar :is(.section-nav-row,.management-nav-row,.delivery-nav-row,.quality-governance-nav-row,.system-nav-row,.version-nav-row):hover{
  background:rgba(255,255,255,.32);
}
html[data-theme="f"][data-color-theme="blue"]{
  --domain-brand-blue:#0066ff;
}
html[data-theme="f"][data-color-theme="blue"] .dashboard-card:nth-child(n) .dashboard-icon{
  position:relative; display:inline-flex; align-items:center; justify-content:center;
  width:40px; height:40px; flex:0 0 40px; border-radius:12px;
  color:#fff; background:var(--domain-brand-blue);
  border:1px solid rgba(0,83,224,.12);
  box-shadow:0 3px 7px rgba(0,102,255,.15);
}

html[data-theme="f"][data-color-theme="blue"] .dashboard-card .dashboard-icon .domain-glyph{
  display:block;
  width:24px; height:24px;
  fill:none !important; stroke:currentColor !important; stroke-width:1.8 !important;
  stroke-linecap:round; stroke-linejoin:round;
}
/* Category cards use the same name-based glyph mapping as the dashboard. */
html[data-theme="f"][data-color-theme="blue"] .category-card-icon{
  color:var(--domain-brand-blue);
  background:rgba(0,102,255,.08);
}
html[data-theme="f"][data-color-theme="blue"] .category-card-icon .domain-glyph{
  display:block;
  width:19px; height:19px;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.75 !important;
  stroke-linecap:round;
  stroke-linejoin:round;
}
html[data-theme="f"][data-color-theme="blue"] .sidebar .node-icon:has(.domain-glyph){
  color:var(--domain-brand-blue); background:rgba(0,102,255,.065);
  border-radius:8px; box-shadow:none;
}
html[data-theme="f"][data-color-theme="blue"] .sidebar .node-icon .domain-glyph{
  width:19px; height:19px; fill:none; stroke:var(--domain-brand-blue); stroke-width:1.8;
  stroke-linecap:round; stroke-linejoin:round;
}
/* All functional leaves share the blue mount, including nested brand entries. */
html[data-theme="f"][data-color-theme="blue"] .sidebar .domain-nav-row .node-icon{
  display:inline-flex; align-items:center; justify-content:center;
  width:25px; height:25px; flex:0 0 25px;
  border-radius:8px; background:rgba(0,102,255,.065);
  box-shadow:none;
}
html[data-theme="f"][data-color-theme="blue"] .sidebar .domain-nav-row .node-icon svg{
  width:19px; height:19px; fill:none;
  stroke:var(--domain-brand-blue); stroke-width:1.8;
  stroke-linecap:round; stroke-linejoin:round;
}
/* Overview and catalog categories share the blue icon mount in both appearances. */
html[data-theme="f"][data-color-theme="blue"] .sidebar :is(.dashboard-nav-row,.catalog-kind-nav-row) .node-icon{
  display:inline-flex; align-items:center; justify-content:center;
  width:25px; height:25px; flex:0 0 25px;
  border-radius:8px; background:rgba(0,102,255,.065) !important;
  color:var(--domain-brand-blue) !important; box-shadow:none;
}
html[data-theme="f"][data-color-theme="blue"] .sidebar :is(.dashboard-nav-row,.catalog-kind-nav-row) .node-icon svg{
  width:19px; height:19px; fill:none;
  stroke:var(--domain-brand-blue); stroke-width:1.8;
  stroke-linecap:round; stroke-linejoin:round;
}