/* Manage My Site of the Day — whole widget stands out as its own card */
.slb-sod-manage {
  background: #FBF1DC;
  border: 2px solid #E8622C;
  border-radius: 12px;
  padding: 1.25rem 1.5rem 1.5rem;
}
.slb-sod-slots { font-size: 0.9rem; color: #5A5448; }
.slb-sod-list { display: flex; flex-direction: column; gap: 0.75rem; margin-bottom: 1.5rem; }
.slb-sod-list__item { display: flex; gap: 0.9rem; padding: 0.8rem; border: 1px solid rgba(0,0,0,0.1); border-radius: 10px; }
.slb-sod-list__img { width: 80px; height: 60px; object-fit: cover; border-radius: 6px; flex-shrink: 0; }
.slb-sod-list__title { font-weight: 700; display: flex; align-items: center; gap: 0.5rem; }
.slb-sod-list__reason { font-size: 0.82rem; color: #C62828; margin: 0.25rem 0; }
.slb-sod-list__actions { font-size: 0.82rem; margin-top: 0.35rem; }
.slb-sod-list__actions a { text-decoration: none; }

.slb-sod-status {
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  padding: 0.15rem 0.5rem;
  border-radius: 20px;
}
.slb-sod-status--pending  { background: #FFF3CD; color: #8A6D00; }
.slb-sod-status--approved { background: #E8F5E9; color: #2E7D32; }
.slb-sod-status--rejected { background: #FFEBEE; color: #C62828; }

.slb-sod-notice {
  padding: 0.6rem 0.9rem;
  border-radius: 8px;
  margin-bottom: 1rem;
  font-size: 0.9rem;
}
.slb-sod-notice--success { background: #E8F5E9; color: #2E7D32; }
.slb-sod-notice--error   { background: #FFEBEE; color: #C62828; }
.slb-sod-notice--info    { background: #FFF3CD; color: #8A6D00; }

.slb-sod-form { display: flex; flex-direction: column; gap: 0.9rem; max-width: 480px; }
.slb-sod-form label { display: flex; flex-direction: column; gap: 0.3rem; font-weight: 600; font-size: 0.85rem; }
.slb-sod-form input[type="text"],
.slb-sod-form input[type="url"],
.slb-sod-form textarea {
  font-weight: 400;
  padding: 0.55rem 0.7rem;
  border: 1px solid rgba(0,0,0,0.15);
  border-radius: 6px;
  font-size: 0.9rem;
}
.slb-sod-form__hint { font-weight: 400; color: #8A8278; font-size: 0.75rem; }
.slb-sod-form__current-img { max-width: 100px; border-radius: 6px; margin-top: 0.4rem; }
.slb-sod-form__cancel { align-self: flex-start; font-size: 0.85rem; margin-top: -0.4rem; }

/* Display box */
.slb-sod-box {
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 12px;
  padding: 1.25rem;
  max-width: 360px;
  text-align: center;
  background: var(--slb-white, #fff);
}
.slb-sod-box__img { width: 100%; max-height: 160px; object-fit: cover; border-radius: 8px; margin-bottom: 0.75rem; }
.slb-sod-box__title { margin: 0 0 0.4rem; font-size: 1.1rem; }
.slb-sod-box__desc { margin: 0 0 0.9rem; font-size: 0.9rem; color: #5A5448; }
.slb-sod-box__empty { color: #8A8278; font-style: italic; }

/* Footer link */
.slb-sod-footer-link {
  font-size: 0.85rem;
  text-decoration: none;
}
.slb-sod-footer-link:hover { text-decoration: underline; }

/* Mystery banner — generic teaser, same every day, links to reveal page */
.slb-sod-mystery-banner {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.4rem;
  max-width: 200px;
  padding: 1.1rem 1rem;
  border: 2px solid #E8622C;
  border-radius: 12px;
  background: #FBF1DC;
  text-decoration: none;
  transition: transform 0.15s ease;
}
.slb-sod-mystery-banner:hover {
  transform: translateY(-2px);
}
.slb-sod-mystery-banner__icon {
  font-size: 1.8rem;
  line-height: 1;
}
.slb-sod-mystery-banner__title {
  font-weight: 700;
  font-size: 0.9rem;
  color: #2A2620;
  line-height: 1.3;
}
.slb-sod-mystery-banner__cta {
  font-size: 0.75rem;
  font-weight: 600;
  color: #E8622C;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.slb-sod-mystery-banner--custom {
  padding: 0;
  border-width: 2px;
  overflow: hidden;
}
.slb-sod-mystery-banner__custom-img {
  display: block;
  width: 100%;
  max-width: 200px;
  height: auto;
  border-radius: 9px;
}