/* Paginaspecifieke full-bleed shell. Dit bestand staat bewust ná de
   gedeelde platformstylesheet; de fotografie volgt de viewport, terwijl
   de inhoud binnen .nbmb-dashboard-main gecentreerd blijft. */
.nbmb-page .nbmb-dashboard-preview.nbmb-dashboard-app {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border-right: 0 !important;
  border-left: 0 !important;
  border-radius: 0 !important;
}

.nbmb-page .nbmb-dashboard-main {
  width: 100% !important;
  max-width: none !important;
}

@media (min-width: 901px) {
  .nbmb-page .nbmb-dashboard-preview.nbmb-dashboard-app {
    height: calc(100dvh - 72px) !important;
    overflow: hidden !important;
  }
}

/* Laatste verfijning van de vier cockpitkaarten. */
.nbmb-page .nbmb-ov-card {
  background: var(--platform-photo-surface) !important;
}

.nbmb-ov-grid-primary .nbmb-ov-card:last-child .nbmb-ov-empty-title {
  color: var(--color-budget-strong);
}

.nbmb-ov-grid-secondary .nbmb-ov-card:first-child #ovNextDeadline > strong {
  color: var(--color-planning-strong);
}

.nbmb-ov-route-support {
  color: #7b716c;
  font-size: 10.75px;
  letter-spacing: .005em;
}

.nbmb-page .nbmb-ov-card > .nbmb-ov-link {
  display: inline-flex;
  min-height: 31px;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: max-content;
  margin-top: auto;
  padding: 5px 11px !important;
  border: 1px solid currentColor;
  border-radius: 999px;
  background: rgba(255, 252, 249, .48);
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  transition: color .18s ease, background-color .18s ease, border-color .18s ease;
}

.nbmb-page .nbmb-ov-card > .nbmb-ov-link svg {
  transition: transform .18s ease;
}

.nbmb-page .nbmb-ov-grid-primary .nbmb-ov-card > .nbmb-ov-link {
  border-color: rgba(164, 95, 81, .38);
  background: rgba(245, 229, 222, .46);
  color: var(--color-budget-strong);
}

.nbmb-page .nbmb-ov-grid-secondary .nbmb-ov-card > .nbmb-ov-link {
  border-color: rgba(64, 93, 107, .34);
  background: rgba(231, 238, 241, .5);
  color: var(--color-planning-strong);
}

.nbmb-page .nbmb-ov-grid-primary .nbmb-ov-card > .nbmb-ov-link:hover {
  border-color: rgba(164, 95, 81, .58);
  background: rgba(245, 229, 222, .72);
  color: #754236;
}

.nbmb-page .nbmb-ov-grid-secondary .nbmb-ov-card > .nbmb-ov-link:hover {
  border-color: rgba(64, 93, 107, .54);
  background: rgba(231, 238, 241, .76);
  color: #334e5a;
}

.nbmb-page .nbmb-ov-card > .nbmb-ov-link:hover svg {
  transform: translateX(3px);
}

.nbmb-page .nbmb-ov-card > .nbmb-ov-link:focus-visible {
  outline: 3px solid rgba(183, 111, 95, .28);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  .nbmb-page .nbmb-ov-card > .nbmb-ov-link,
  .nbmb-page .nbmb-ov-card > .nbmb-ov-link svg {
    transition: none;
  }
}
.nbmb-ov-project-details {
  margin: 2px 0 4px !important;
  color: var(--nbmb-muted);
  font-size: 14px;
  font-weight: 600;
}