body {
  background: #F7F8FA;
  font-family: 'Segoe UI', Arial, sans-serif;
}
.niceLayout {
  max-width: 480px;
  margin: 40px auto;
  padding: 24px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(30,39,97,0.12);
}
.wideLayout {
  max-width: 960px;
  margin: 40px auto;
  padding: 24px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(30,39,97,0.12);
}
h1, h2 {
  color: #1E2761;
}
.btn-navy {
  background: #1E2761;
  color: #fff;
  border: none;
}
.btn-navy:hover {
  background: #141A44;
  color: #fff;
}
table.schedule-table thead th {
  background: #1E2761;
  color: #fff;
}
.badge-warning {
  background: #E8664C;
  color: #fff;
}

.calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 6px;
  margin-bottom: 1rem;
}
.weekday-header {
  font-weight: bold;
  text-align: center;
  color: #1E2761;
  font-size: 12px;
  padding: 4px 0;
}
.calendar-cell {
  border: 1px solid #e5e7ec;
  border-radius: 6px;
  padding: 6px;
  min-height: 92px;
  font-size: 11.5px;
  background: #fff;
}
.calendar-cell.empty {
  border: none;
  background: transparent;
}
.date-num {
  font-weight: bold;
  color: #1E2761;
  margin-bottom: 3px;
}
.cell-label {
  overflow-wrap: break-word;
}
.cell-label-duty { color: #1E2761; font-weight: 600; }
.cell-label-reserve { color: #8a5a00; }
.cell-label-commitment { color: #c62828; font-weight: 600; }
.cell-reason { font-size: 10.5px; color: #999; margin-top: 2px; }
.cell-flag { font-size: 10px; color: #E8664C; margin-top: 2px; }
.cell-duty { background: #e8f5e9; border: 2px solid #4caf50; }
.cell-reserve { background: #fff8e1; border: 2px solid #f0ad4e; }
.cell-commitment { background: #ffebee; border: 2px solid #ef5350; }
.cell-dim { background: #f9f9f9; opacity: 0.55; }
.cell-locks {
  margin-top: 6px;
  display: flex;
  gap: 6px;
}
.cell-lock-label {
  font-size: 10px;
  color: #888;
  margin-bottom: 0;
  cursor: pointer;
}
.legend-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 2px;
  margin-right: 2px;
}
.legend-duty { background: #4caf50; }
.legend-reserve { background: #f0ad4e; }
.legend-commitment { background: #ef5350; }