html { font-size: 14px; }
@media (min-width: 768px) { html { font-size: 16px; } }

html { position: relative; min-height: 100%; }
body { margin-bottom: 60px; display: flex; flex-direction: column; min-height: 100vh; }

/* Red accent overrides */
.btn-primary { --bs-btn-bg: #c0392b; --bs-btn-border-color: #c0392b; --bs-btn-hover-bg: #a93226; --bs-btn-hover-border-color: #a93226; }
.btn-outline-primary { --bs-btn-color: #c0392b; --bs-btn-border-color: #c0392b; --bs-btn-hover-bg: #c0392b; --bs-btn-hover-border-color: #c0392b; }
.text-primary { color: #c0392b !important; }
.border-primary { border-color: #c0392b !important; }
.badge.bg-primary { background-color: #c0392b !important; }

/* Card styling */
.card { border: none; box-shadow: 0 1px 4px rgba(0,0,0,.1); }
.card-header { font-weight: 600; }

/* Table */
.table thead th { background-color: #f8d7da; color: #721c24; border-color: #f5c6cb; font-size: .875rem; }
.table tbody tr:hover { background-color: #fef9f9; }

/* Status badges for work hours */
.badge-ok { background-color: #198754; }
.badge-partial { background-color: #ffc107; color: #000; }
.badge-none { background-color: #dc3545; }

/* Sidebar nav active */
.navbar .nav-link.active, .navbar .nav-link:hover { background: rgba(255,255,255,.15); border-radius: .375rem; }

/* Login card */
.login-card { max-width: 420px; margin: 80px auto; }

/* Portal */
.portal-card { max-width: 480px; margin: 60px auto; }

.status-icon-green  { color: #198754; font-size: 1.3rem; }
.status-icon-yellow { color: #ffc107; font-size: 1.3rem; }
.status-icon-red    { color: #dc3545; font-size: 1.3rem; }

/* Calendar tile */
.termin-tile { border-left: 4px solid #c0392b; }