/* Paramount Distribution Analytics — minimal custom styling over Bootstrap 5. */
:root {
  --paramount-navy: #16324f;
  --paramount-navy-2: #1f4568;
  --paramount-accent: #2f80ed;
}

.app-navbar {
  background: linear-gradient(90deg, var(--paramount-navy), var(--paramount-navy-2));
}

.brand-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.6rem; height: 1.6rem;
  background: #fff; color: var(--paramount-navy);
  border-radius: .35rem; font-weight: 700;
  margin-right: .25rem;
}
.brand-mark-lg { width: 3rem; height: 3rem; font-size: 1.5rem; border: 2px solid var(--paramount-navy); }

.tile { transition: transform .08s ease, box-shadow .08s ease; color: inherit; }
.tile:hover { transform: translateY(-2px); box-shadow: 0 .5rem 1rem rgba(0,0,0,.08) !important; }

.run-log {
  background: #0e1726; color: #d7e3f4;
  padding: 1rem; border-radius: .5rem;
  font-size: .82rem; line-height: 1.45;
  max-height: 460px; overflow: auto;
  white-space: pre-wrap; word-break: break-word;
}

.btn-primary { --bs-btn-bg: var(--paramount-accent); --bs-btn-border-color: var(--paramount-accent); }