/* CPC branding layer: keeps the application bundles and login behavior intact. */
img[src*="/brand-logo.png"] {
  content: url("/_next/static/cpc-brand-20261028-2/cpc-emblem.svg");
  object-fit: contain !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
/* Expanded 240 px navigation displays the full supplied lockup. */
[class~="w-[240px]"] > div:first-child > a:has(img[src*="/brand-logo.png"]) {
  min-width: 0; flex: 1;
}
[class~="w-[240px]"] > div:first-child > a img[src*="/brand-logo.png"],
.ant-layout-sider:not(.ant-layout-sider-collapsed) > .ant-layout-sider-children > a img[src*="/brand-logo.png"] {
  content: url("/_next/static/cpc-brand-20261028-2/cpc-tpim.png");
  width: 164px !important; height: auto !important; max-width: 100%;
}
[class~="w-[240px]"] > div:first-child > div:last-child { flex-shrink: 0; }
/* Keep the complete brand legible in the welcome heading. */
h1:has(img[src*="/brand-logo.png"]) { flex-wrap: wrap; justify-content: center; }
h1 > div:has(> img[src*="/brand-logo.png"]) {
  width: 210px !important; height: auto !important;
  background: transparent !important; border-radius: 0 !important; box-shadow: none !important;
}
h1 img[src*="/brand-logo.png"] {
  content: url("/_next/static/cpc-brand-20261028-2/cpc-tpim.png");
  width: 210px !important; height: auto !important;
}
div[class~="w-20"][class~="h-20"]:has(> img[src*="/brand-logo.png"]) {
  width: 250px !important; height: auto !important; border-radius: 0 !important; box-shadow: none !important;
}
div[class~="w-20"][class~="h-20"] > img[src*="/brand-logo.png"] {
  content: url("/_next/static/cpc-brand-20261028-2/cpc-tpim.png");
  width: 250px !important; height: auto !important;
}
@media (max-width: 700px) {
  h1:has(img[src*="/brand-logo.png"]) { flex-direction: column; font-size: 28px; gap: 15px; }
}

/* White image backgrounds blend into the platform's existing light surfaces. */
img[src*="/brand-logo.png"] { mix-blend-mode: multiply; }
/* Hide the thin screenshot frame while preserving the entire brand text. */
[class~="w-[240px]"] > div:first-child > a img[src*="/brand-logo.png"],
.ant-layout-sider:not(.ant-layout-sider-collapsed) > .ant-layout-sider-children > a img[src*="/brand-logo.png"],
h1 img[src*="/brand-logo.png"],
div[class~="w-20"][class~="h-20"] > img[src*="/brand-logo.png"] {
  clip-path: inset(2% 0.4% 6% 0.4%);
}