/* Mobile/Brand Tweaks */
.navbar .navbar-brand img { display: none !important; } /* Logo komplett ausblenden */
.navbar .navbar-brand { font-weight: 600; letter-spacing: .2px; }

/* Responsive Tabellen für kleine Screens */
@media (max-width: 576px) {
  .table td, .table th { padding: .35rem .5rem; font-size: .92rem; }
  .col-sm-hide { display: none !important; }
  /* Lange Wörter umbrechen */
  .table { table-layout: fixed; }
  .table td, .table th { word-wrap: break-word; word-break: break-word; }
  /* Abkürzung für bekannte Header */
  th, td { vertical-align: middle; }
  th.abrechnungsmonat, th.th-abrechnungsmonat { }
  /* Falls im Markup "Abrechnungsmonat" steht, kann JS es in 'Monat' ändern (siehe app-mobile.js) */
}

/* Utilities */
.text-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


/* --- Stechuhr mobile message wrapping --- */
.msg-pre { white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; }
@media (max-width: 576px){
  #msg { font-size: 0.98rem; }
  .btn.btn-lg.flex-fill { width: 100%; }
}


/* --- Dropdown Lesbarkeit (Web & Mobile) --- */
.navbar .dropdown-menu {
  background-color: #ffffff !important;
  color: #212529 !important;
  border: 1px solid rgba(0,0,0,.15) !important;
}
.navbar .dropdown-item { color: #212529 !important; }
.navbar .dropdown-item:hover, .navbar .dropdown-item:focus {
  color: #1e2125 !important;
  background-color: #f8f9fa !important;
}
.navbar .dropdown-divider { border-top-color: rgba(0,0,0,.15) !important; }