/* Umbrella edition · glass overlays over the 3D view and the ERP block of the unit card. */
/* ERP block in the 3D unit card (glass). */
.unit-card-erp {
  margin-top: var(--sp-2, 13px);
  padding-top: var(--sp-1, 8px);
  border-top: 1px solid var(--glass-line);
}
.unit-card-erp h3 {
  margin: 0 0 4px;
  color: var(--accent);
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.unit-card-erp p {
  display: flex;
  gap: var(--sp-2, 13px);
  margin: 2px 0;
  color: var(--on-glass-muted);
}
.unit-card-erp b {
  color: var(--on-glass);
}
.unit-card-erp .is-overdue b {
  color: var(--state-alarm);
}
.unit-card-erp .next {
  color: var(--on-glass);
}

/* Overlays over the 3D view keep glass, with a softer lift. */
[data-skin='studio'] :is(.equipment-rail, .rail-flyout, .unit-card, .view-controls > div, .readout) {
  box-shadow: 0 8px 21px rgb(0 0 0 / 0.28);
}
[data-skin='studio'] .view-controls button {
  transition:
    background var(--t-fast) var(--ease),
    color var(--t-fast) var(--ease);
}

@media (prefers-reduced-motion: reduce) {
  [data-skin='studio'] * {
    transition: none !important;
    animation: none !important;
  }
}