.mj-tabs {
  display: flex;
  gap: 10px;
  margin-bottom: 14px;
}

.mj-tab {
  padding: 10px 18px;
  font-size: 17px;
  border: 2px solid #2196f3;
  background: #e3f2fd;
  cursor: pointer;
  border-radius: 6px 6px 0 0;
}

.mj-tab.active {
  background: #2196f3;
  color: #fff;
}

.mj-tab-content { display: none; }
.mj-tab-content.active { display: block; }

.mj-vacation-box {
  background: #e3f2fd;
  border-right: 6px solid #2196f3;
  padding: 24px;
}

.mj-current { border-right-color: #4caf50; }
.mj-next { border-right-color: #2196f3; }

.mj-vacation-title {
  font-size: 26px;
  margin-bottom: 18px;
}

.mj-vacation-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
}

.mj-cell {
  background: #fff;
  padding: 18px;
  font-size: 20px;
  border-radius: 8px;
  text-align: center;
}

.mj-cell-wide {
  grid-column: span 2;
  font-weight: bold;
}

.mj-countdown.active {
  background: #e8f5e9;
  color: #2e7d32;
  font-weight: bold;
}