/* 
 * Hausverwaltung Wasser/Kanal
 * Version: 1.1.1
 * Date: 2025-10-04
 * File: style.css
 * Description: Stylesheet
 */

body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif; }
table td, table th { vertical-align: middle; }
.form-actions { display:flex; gap: .5rem; align-items:center; }
.badge-role { text-transform: uppercase; }


/* Simulation Zählwerk */
.counter-display {
  display: inline-flex;
  align-items: center;
  font-family: monospace;
  gap: 2px;
}

.counter-black, .counter-red {
  width: 70px;
  text-align: center;
  font-size: 1.2em;
  padding: 4px 6px;
  border-radius: 4px;
  color: white;
  font-weight: bold;
  letter-spacing: 2px;
}

.counter-black {
  background: black;
}

.counter-red {
  background: red;
}

.comma {
  font-weight: bold;
  font-size: 1.2em;
  margin: 0 4px;
}

.unit {
  margin-left: 6px;
  font-weight: bold;
  color: #444;
}

/* Kreis Warm- Kaltwasser */
.circle-icon {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 6px;
}

.circle-icon.warm {
  background-color: #ff2e2e; /* Rot */
}

.circle-icon.cold {
  background-color: #007bff; /* Blau */
}

.cost-red {
    color: #b30000 !important;
    font-weight: bold !important;
}