/* ---- Card ---- */
.re-widget{
  max-width:1100px;margin:0 auto 24px;border-radius:10px;overflow:hidden;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  box-shadow:0 8px 24px rgba(0,0,0,.25),0 12px 36px rgba(0,0,0,.10);
}

/* ---- Header + inline toggle ---- */
.re-header-bar{
  background:#bf0a0a;color:#fff;display:flex;justify-content:space-between;
  align-items:center;padding:16px 20px;
}
.re-header-bar h2{margin:0;font-weight:700;font-size:20px}

.re-toggle-inline{display:flex;gap:4px;background:rgba(255,255,255,.2);border-radius:999px;padding:4px}
.re-toggle-inline button{
  appearance:none;border:0;padding:8px 14px;border-radius:999px;font-weight:700;
  font-size:12px;letter-spacing:.3px;text-transform:uppercase;color:#fff;background:transparent;
  cursor:pointer;transition:background .15s,color .15s
}
.re-toggle-inline button.is-active{background:#fff;color:#bf0a0a}

/* ---- Body ---- */
.re-body{background:#fff;padding:16px 20px 20px}
.re-grid{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:10px}
@media (max-width:960px){.re-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.re-grid{grid-template-columns:1fr}}

.re-button{background:#bf0a0a;color:#fff;border:0;border-radius:6px;font-weight:800;
  letter-spacing:.3px;padding:12px 16px;cursor:pointer;transition:filter .15s,transform .02s}
.re-button:hover{filter:brightness(1.05)} .re-button:active{transform:translateY(1px)}

/* ---- Floating label fields ---- */
.field{position:relative}
.re-select{
  width:100%;appearance:none;background:#f7f7f7;border:1px solid #e5e5e5;border-radius:10px;
  padding:20px 14px 10px;font-size:14px;color:#111;line-height:1.2
}
.fl-label{
  position:absolute;left:14px;top:50%;transform:translateY(-50%);
  pointer-events:none;font-size:14px;color:#6b7280;transition:all .15s ease;
}
.field.is-focus .fl-label,
.field.has-value .fl-label{
  top:2px;             /* raised */
  transform:none;
  font-size:11px;
  color:#374151;
  background:#fff;
  padding:0 2px;       /* tighter */
  border-radius:3px;   /* neater */
}


/* style optgroup label */
.re-select optgroup[label]{font-weight:700}