/* Form wrapper */
.ms-form {max-width: 640px; margin: 0 auto; padding: 16px; background:#fff;
  border:1px solid #eee; border-radius:12px; box-shadow:0 2px 8px rgba(0,0,0,.05);}
.ms-form-title {text-align:center; margin: 0 0 8px; color:#e63946;}
.ms-help {text-align:center; color:#555; margin: 0 0 16px;}

/* Fields */
.ms-field {margin-bottom: 14px;}
.ms-field input[type="text"], .ms-field input[type="date"],
.ms-field textarea, .ms-field select {
  width:100%; max-width:100%; padding:10px; border:1px solid #ddd; border-radius:8px;
}
.ms-note {font-size:.9rem; color:#666; margin-top:6px;}

/* ---- Single view layout ---- */
.ms-single { max-width: 980px; margin: 0 auto; padding: 12px; }
.ms-nav { display:flex; gap:12px; margin-bottom:12px; }

/* Soft color background panel */
.ms-single-bg {
  background: linear-gradient(180deg, #f7fbff 0%, #f0f7ff 100%);
  border-radius: 16px;
  padding: 14px;
}

/* Card wrapper */
.ms-single-card {
  background: #fff;
  border: 2px solid #eee;
  border-radius: 14px;
  box-shadow: 0 6px 16px rgba(0,0,0,.07);
  padding: 14px;
}

/* Centered title */
.ms-title {
  text-align: center;
  margin: 8px 0 16px;
  font-size: 1.4rem;
  color: #e63946;
  font-weight: 700;
}

/* Content area */
.ms-single-wrap {
  display: grid;
  grid-template-columns: minmax(300px, 1fr) 1.2fr;
  gap: 20px;
  align-items: start;
}

/* 4:3 image box, no crop */
.ms-single-image {
  width: 100%;
  aspect-ratio: 4 / 3;       /* keeps consistent box */
  background: #fafafa;
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 8px;

  display: flex;
  align-items: center;
  justify-content: center;
}
.ms-single-image img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;       /* show whole image, no cropping */
  display: block;
}

.ms-single-meta p { margin: 6px 0; font-size: .98rem; color:#333; }

.ms-actions { margin-top: 14px; display:flex; gap:12px; flex-wrap:wrap; }

.ms-comments { margin-top: 16px; }

/* Responsive: stack on small screens */
@media (max-width: 720px) {
  .ms-single-wrap { grid-template-columns: 1fr; }
}

/* --- Add entry form card --- */
.ms-form-card {
  max-width: 640px;
  margin: 0 auto;
  background: #fff;
  border: 2px solid #eee;
  border-radius: 14px;
  box-shadow: 0 4px 12px rgba(0,0,0,.07);
  padding: 20px;
}

.ms-form-title {
  text-align: center;
  margin: 0 0 8px;
  font-size: 1.3rem;
  font-weight: bold;
  color: #e63946;
}

.ms-form-help {
  text-align: center;
  color: #555;
  margin: 0 0 20px;
}

.ms-field {
  margin-bottom: 16px;
}

.ms-field input[type="text"],
.ms-field input[type="date"],
.ms-field textarea,
.ms-field select {
  width: 100%;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 1rem;
}

.ms-note {
  font-size: .9rem;
  color: #666;
  margin-top: 4px;
}