:root {
  --simr-bg: #0f1217;
  --simr-card: #12161d;
  --simr-muted: #7a8699;
  --simr-text: #e6edf3;
  --simr-accent: #4ba3ff;
  --simr-accent-2: #ff3d71;
  --simr-border: #1f2630;
}

.simr-event, .simr-card, .simr-form, .simr-section { color: var(--simr-text); }

.simr-header {
  background-size: cover;
  background-position: center;
  min-height: 320px;
  position: relative;
  background-color: #0b0d10;
}
.simr-header-overlay {
  position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.35) 0%, rgba(0,0,0,.75) 100%);
  display: flex; flex-direction: column; justify-content: flex-end; padding: 1.25rem;
}
.simr-title { margin: 0 0 .25rem; font-size: 1.8rem; }
.simr-sub { display: flex; gap: .75rem; align-items: center; }
.simr-badge { background: var(--simr-accent-2); color: #fff; padding: .2rem .5rem; border-radius: .25rem; font-size: .8rem; }
.simr-link { color: #fff; text-decoration: underline; }

.simr-body { background: var(--simr-bg); padding: 1.25rem; }
.simr-section { margin: 1.25rem 0; }
.simr-card {
  background: var(--simr-card); border: 1px solid var(--simr-border);
  border-radius: 8px; padding: 1rem; margin-bottom: 1rem;
}
.simr-info-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: .75rem; }
.simr-grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
.simr-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
@media (max-width: 900px){ .simr-grid-2, .simr-grid-3 { grid-template-columns: 1fr; } }

.simr-table { width: 100%; border-collapse: collapse; }
.simr-table th, .simr-table td { padding: .5rem .6rem; border-bottom: 1px solid var(--simr-border); text-align: left; }
.simr-table th { color: var(--simr-muted); font-weight: 600; width: 50%; }

.simr-kv { list-style: none; margin: 0; padding: 0; }
.simr-kv li { display: flex; justify-content: space-between; gap: 1rem; padding: .4rem 0; border-bottom: 1px dashed var(--simr-border); }
.simr-kv li span:first-child { color: var(--simr-muted); }

.simr-btn {
  background: var(--simr-accent); color: #001428; border: 0; padding: .6rem 1rem; border-radius: 6px;
  cursor: pointer; font-weight: 600; text-decoration: none; display: inline-flex; align-items: center; gap: .5rem;
}
.simr-btn.is-loading { opacity: .7; cursor: wait; }

.simr-participants { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1rem; }
.simr-list { list-style: none; margin: 0; padding: 0; }
.simr-list li { padding: .35rem 0; border-bottom: 1px solid var(--simr-border); }

.simr-form input[type="text"],
.simr-form input[type="url"],
.simr-form input[type="number"],
.simr-form input[type="time"],
.simr-form input[type="datetime-local"],
.simr-form textarea,
.simr-form select {
  width: 100%; background: #0b0f15; color: #ffffff;
  border: 1px solid #ffffff; border-radius: 6px; padding: .5rem;
}
.simr-fieldset { border: 1px solid #ffffff; border-radius: 8px; padding: .75rem; margin: .75rem 0; }
.simr-fieldset legend { padding: 0 .4rem; color: #ffffff; }
.simr-multi { display: flex; flex-wrap: wrap; gap: .6rem 1rem; align-items: center; }
.simr-join-wrap { display: flex; justify-content: center; }

/* Force same layout when rendered via shortcode page */
.simr-event {
  background: var(--simr-bg);
  color: var(--simr-text);
}

.simr-event .simr-body {
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  background: var(--simr-bg);
}

.simr-event .simr-card {
  background: var(--simr-card);
  border: 1px solid var(--simr-border);
}

.simr-schedule-spacer{
  visibility:hidden;
  height:1.2rem;
  margin:0 0 .5rem;
}

.simr-badge.upcoming,
.simr-status.upcoming,
.simr-badge.is-upcoming{
  background:#338500 !important;
}

.simr-day-tabs{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap;}
.simr-day-tab{background:#1a1f29;color:#fff;border:1px solid #2a3342;padding:.4rem .7rem;border-radius:6px;cursor:pointer;}
.simr-day-tab.is-active{background:#2e3747;}
.simr-day-panel{display:none;}
.simr-day-panel.is-active{display:block;}

.simr-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;}
.simr-tile{background:#12161d;border:1px solid #1f2630;border-radius:10px;overflow:hidden;}
.simr-tile-img{display:block;height:160px;background-size:cover;background-position:center;}
.simr-tile-body{padding:.75rem;}
.simr-tile-title{font-weight:700;margin-bottom:.25rem;}
.simr-tile-meta{color:#7a8699;font-size:.9rem;margin-bottom:.5rem;}