/* Kirchhoff brand layer — loaded after enterprise.css.
   The Claude desktop gallery is the visual baseline: Kirchhoff yellow is the
   identity color, while the product's operational action color remains the
   confident blue defined in tokens.css. */
:root {
  --kirchhoff-yellow: #ffd400;
  --kirchhoff-yellow-strong: #e0b900;
  --kirchhoff-yellow-soft: rgba(255, 212, 0, 0.14);
  --kirchhoff-yellow-border: rgba(255, 212, 0, 0.42);
  /* Compatibility aliases for older page fragments. */
  --kd-border: var(--border-default);
  --border: var(--border-default);
}

.kd-sidebar-brand .kd-mark {
  width: 28px;
  height: 28px;
  flex: none;
  background-color: #08100d;
  background-image: url("../assets/app-icon.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  color: transparent;
  border-radius: 5px;
  box-shadow: none;
  overflow: hidden;
  user-select: none;
}

/* The selected shield and yellow identity stay visible without turning every
   primary workflow action yellow. Primary buttons/tabs intentionally continue
   to use the blue operational accent from tokens.css, matching the gallery. */
.kd-sidebar-brand {
  box-shadow: inset 0 -1px 0 var(--sidebar-border);
}

.kd-sidebar-brand .kd-brand-name {
  letter-spacing: -0.01em;
}

.kd-sidebar-brand .kd-brand-tag {
  letter-spacing: 0.085em;
}

/* Yellow is reserved for identity details and explicit Kirchhoff-brand cues. */
.kd-brand-accent,
[data-kirchhoff-brand-accent="true"] {
  color: var(--kirchhoff-yellow) !important;
}

/* Visible keyboard focus across the ERP shell. */
.kd-nav-item:focus-visible,
.kd-sidebar-footer:focus-visible,
.kd-topbar-search:focus-visible,
.kd-collapse-btn:focus-visible,
.kd-btn:focus-visible,
.kd-tab:focus-visible,
.kd-enterprise-center-tab:focus-visible,
.kd-erp-subtab:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: -2px;
}

:root[data-theme="light"] .kd-sidebar-brand .kd-mark {
  outline: 1px solid rgba(15, 23, 42, 0.14);
}

:root[data-theme="dark"] .kd-sidebar-brand .kd-mark {
  outline: 1px solid rgba(255, 255, 255, 0.10);
}