:root { --fiva: #1d5b73; --fiva-dark: #143f50; }

body { background: #f3f5f7; }

.fiva-nav { background: linear-gradient(90deg, var(--fiva-dark), var(--fiva)); }
.fiva-nav .navbar-brand { letter-spacing: .5px; }
.fiva-nav .nav-link { color: rgba(255,255,255,.85); }
.fiva-nav .nav-link:hover, .fiva-nav .nav-link.active { color: #fff; }
.fiva-stammdaten { max-height: 70vh; overflow-y: auto; }

.fiva-login {
  max-width: 380px; margin: 8vh auto 0; padding: 0 1rem;
}

.fiva-stat-icon {
  width: 52px; height: 52px; border-radius: 12px;
  display: flex; align-items: center; justify-content: center; font-size: 1.5rem;
}

.card { border-radius: .6rem; }
.table > :not(caption) > * > * { padding: .45rem .6rem; }
a { color: var(--fiva); }
.btn-primary { background: var(--fiva); border-color: var(--fiva); }
.btn-primary:hover { background: var(--fiva-dark); border-color: var(--fiva-dark); }
.btn-outline-primary { color: var(--fiva); border-color: var(--fiva); }
.btn-outline-primary:hover { background: var(--fiva); border-color: var(--fiva); }
.nav-tabs .nav-link.active { color: var(--fiva); font-weight: 600; }
.select2-container { width: 100% !important; }
.dataTables_wrapper .row:first-child { margin-bottom: .5rem; }