html {
    font-size: 14px;
}

body {
    font-family: "Segoe UI", Tahoma, Arial, sans-serif;
    background: #f4f6f9;
}

.card {
    border-radius: 1rem;
}

.table > :not(caption) > * > * {
    padding: 0.95rem 0.75rem;
}

.form-control,
.form-select,
.btn {
    border-radius: 0.75rem;
}

textarea.form-control {
    resize: vertical;
}

.navbar-brand {
    letter-spacing: 0.3px;
    font-weight: 700;
}

.table-hover tbody tr:hover {
    background-color: #f8f9fa;
}

.btn {
    font-weight: 500;
}
.dashboard-card {
    background: linear-gradient(180deg, #ffffff 0%, #f8f9fb 100%);
}

.dashboard-title {
    font-size: 0.95rem;
    color: #6c757d;
    margin-bottom: 0.75rem;
}

.dashboard-number {
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1;
}

.ampel {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.15);
}

.ampel-red {
    background: #dc3545;
}

.ampel-orange {
    background: #fd7e14;
}

.ampel-green {
    background: #198754;
}