/* Compute (Vanderbilt CCC) overrides for the pinned Backend.AI WebUI 26.8.1 bundle.
   Colours live in theme.json; this file only reaches what theme.json cannot. */

/* Splash / login backdrop: variables are defined on .splash in resources/webui.css. */
.splash {
  --splash-logo: url("/manifest/ccc/vu-ccc-black-660.png");
  --splash-accent: #946E24;
  --splash-warm: rgba(207, 174, 112, 0.25);
}
body.dark-theme .splash {
  --splash-logo: url("/manifest/ccc/vu-ccc-white-660.png");
  --splash-accent: #CFAE70;
  --splash-warm: rgba(207, 174, 112, 0.18);
}
.splash-logo { aspect-ratio: 660 / 100; width: min(330px, 48vmin); }

/* Sidebar logo bar is painted inline with the primary colour (gold under the dark sider theme).
   Every CCC lockup has a metallic-gold V, so keep the bar Vanderbilt Black. */
.bai-sider .logo-and-text-container { background-color: #1C1C1C !important; }

/* The expanded logo bar has 30px side padding inline, which leaves a logo 180px. The horizontal
   college lockup needs all the width it can get to stay legible, so use 12px and show it at 216px. */
.bai-sider:not(.ant-layout-sider-collapsed) .logo-and-text-container { padding: 0 12px !important; }

/* Upstream sets scrollbar colours globally from the page theme (white track on the light page),
   which shows as a white strip inside the always-dark sidebar when scrollbars are visible. */
.bai-sider * { scrollbar-color: #777777 #1C1C1C; }

/* The Start-page action buttons hard-code a white label (token.colorWhite), which ignores
   Button.primaryColor and puts white on gold (2.8:1) on the dark page. Make the label black on
   gold buttons only; other button colours keep the upstream white label.
   rgb(179, 151, 98) is dark colorPrimary #CFAE70 after antd's dark algorithm: update it here if
   that token changes (if it no longer matches, the label falls back to upstream white). */
.ant-btn-variant-solid[style*="rgb(179, 151, 98)"] > .ant-typography { color: #1C1C1C !important; }

/* Upstream bug (also in the stock UI): the Start-page board is declared borderless, but two
   generated classes with equal specificity fight over the card border, and on the dark page the
   1px border wins. Card contents then sit 1px lower and to the right than on the light page, the
   328px content overflows its box, and where scrollbars take up space the icons move about 7px.
   Pin the declared state (no border) so the cards have the same geometry in both modes.
   .acss-12rcir2 is upstream's generated "disableBorder" class (BAIBoard.tsx); it marks boards
   declared borderless, so the dashboards, which ask for borders, are left alone. The hash belongs
   to the pinned bundle: if it changes, this rule stops matching and upstream behaviour returns.
   The class is repeated to outrank upstream's `.x > div:first-child` (0,2,1) whatever the order. */
.acss-12rcir2 > .bai_board_container-override.bai_board_container-override { border: none !important; }