/* Melde-Uhr Widget — Mag. Eiler & Partner OG (Stand Oktober 2026) */
#melde-uhr {
  border: 1px solid var(--grey-10, #e9eef1);
  border-radius: var(--radius, 16px);
  background: var(--white, #fff);
  box-shadow: 0 2px 12px rgba(0,0,0,0.05);
  padding: 26px;
  margin-top: 22px;
}
#melde-uhr .mu-intro { font-size: 0.95rem; margin-bottom: 16px; }
#melde-uhr .mu-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 22px; }
#melde-uhr .mu-grid > div { min-width: 0; }
#melde-uhr label { display: block; font-size: 0.86rem; font-weight: 700; color: var(--primary-dark, #2c6d8a); margin-bottom: 6px; }
#melde-uhr input[type="datetime-local"], #melde-uhr select {
  width: 100%; font: inherit; font-size: 0.95rem; padding: 9px 11px;
  border: 1px solid var(--grey-10, #e9eef1); border-radius: 10px; background: var(--grey-5, #f5f5f5); color: var(--text-dark, #1a1a1a);
}
#melde-uhr input:focus-visible, #melde-uhr select:focus-visible, #melde-uhr button:focus-visible { outline: 3px solid var(--primary-light, #d6eaf5); outline-offset: 2px; }
#melde-uhr .mu-check { display: flex; align-items: center; gap: 10px; grid-column: 1 / -1; }
#melde-uhr .mu-check label { margin: 0; }
#melde-uhr .mu-check input { width: 18px; height: 18px; accent-color: var(--primary, #4894b6); }
#melde-uhr .mu-dora { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: 14px 22px; padding: 16px; background: var(--accent, #e8f4f9); border-radius: 12px; }
#melde-uhr .mu-dora label { grid-column: auto; }
#melde-uhr .mu-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 18px; }
#melde-uhr .mu-btn {
  font: inherit; font-weight: 700; font-size: 0.95rem; padding: 11px 22px; border-radius: 20px; cursor: pointer;
  border: 1.5px solid var(--primary, #4894b6); background: var(--primary, #4894b6); color: var(--white, #fff);
}
#melde-uhr .mu-btn-light { background: var(--white, #fff); color: var(--primary-dark, #2c6d8a); }
#melde-uhr .mu-out { margin-top: 18px; }
#melde-uhr .mu-out .table-wrap { margin: 14px 0; }
#melde-uhr .mu-table { min-width: 520px; }
#melde-uhr .mu-table th:first-child { width: 42%; }
#melde-uhr .mu-table td:nth-child(2) { font-weight: 700; color: var(--text-dark, #1a1a1a); white-space: nowrap; }
#melde-uhr .mu-table td:nth-child(3) { font-size: 0.88rem; }
#melde-uhr .mu-err { color: var(--warning, #8f2b2b); font-weight: 700; }
#melde-uhr .mu-note { font-size: 0.84rem; margin-top: 12px; color: var(--text-mid, #444); }
@media (max-width: 680px) {
  #melde-uhr { padding: 18px; }
  #melde-uhr .mu-grid, #melde-uhr .mu-dora { grid-template-columns: 1fr; }
}