/* =========================================================
   METEOR PREDIKSI TOGEL v1.3.6 — Cross-template compatible
   - Scoped to .mpg-wrap[data-mpg]
   - Auto-fit grid; input hardening; anti-theme overrides
   ========================================================= */
.mpg-wrap[data-mpg]{
  --mpg-radius: 16px;
  --mpg-card: #ffffff;
  --mpg-border: #e8eef5;
  --mpg-shadow: 0 12px 30px rgba(16,24,40,.06);
  --mpg-text: #0f172a;
  --mpg-muted: #344054;
  --mpg-soft: #f7faff;
  --mpg-soft-2: #fbfdff;
  --mpg-accent: #22c55e;
  --mpg-accent-2: #4ade80;
  --mpg-accent-3: #a7f3d0;
  isolation:isolate;
  max-width:980px; width:100%; margin-left:auto; margin-right:auto;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
.mpg-wrap[data-mpg] *, .mpg-wrap[data-mpg] *::before, .mpg-wrap[data-mpg] *::after{ box-sizing:border-box; }
.mpg-wrap[data-mpg] .mpg-card{ background:var(--mpg-card); border:1px solid var(--mpg-border); border-radius:18px; box-shadow:var(--mpg-shadow); overflow:hidden; }
.mpg-wrap[data-mpg] .mpg-head{ display:flex; align-items:center; gap:12px; padding:12px 12px 0; }
.mpg-wrap[data-mpg] .mpg-market img{ width:60px; height:60px; object-fit:contain; background:var(--mpg-soft); border:1px solid var(--mpg-border); border-radius:14px; }
.mpg-wrap[data-mpg] .mpg-title h2{ margin:0; font-size:26px; letter-spacing:.02em; font-weight:800; color:var(--mpg-text); }

/* Grid: auto-fit biar rapi di semua lebar container */
.mpg-wrap[data-mpg] .mpg-grid{
  display:grid; grid-template-columns:repeat(auto-fit, minmax(220px,1fr));
  gap:12px; margin:12px;
}
/* label */
.mpg-wrap[data-mpg] .mpg-field label{ color:var(--mpg-muted); font-weight:700; margin:8px 0 6px; display:block; }

/* Inputs hardened */
.mpg-wrap[data-mpg] .mpg-field select,
.mpg-wrap[data-mpg] .mpg-field input[type="date"],
.mpg-wrap[data-mpg] .mpg-field input[type="number"]{
  width:100%; min-width:0; height:46px !important;
  padding:10px 12px !important; padding-right:36px;
  color:var(--mpg-text) !important; background:var(--mpg-soft) !important;
  border:1px solid #dbe4ef !important; border-radius:12px !important;
  appearance:none !important; -webkit-appearance:none !important; -moz-appearance:none !important;
  line-height:1.25; font: inherit;
  box-shadow:none !important; outline:none !important;
}
/* Date/Select icon space fix */
.mpg-wrap[data-mpg] .mpg-field select{ background-image:none !important; }
.mpg-wrap[data-mpg] .mpg-field input[type="date"]::-webkit-calendar-picker-indicator{ opacity:0.7; }
.mpg-wrap[data-mpg] .mpg-field input[type="number"]{ -moz-appearance:textfield !important; }
.mpg-wrap[data-mpg] .mpg-field input[type="number"]::-webkit-outer-spin-button,
.mpg-wrap[data-mpg] .mpg-field input[type="number"]::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }

/* Options */
.mpg-wrap[data-mpg] .mpg-options{ margin:8px 12px; padding:12px; border:1px dashed #e6eef7; border-radius:12px; background:var(--mpg-soft-2); color:var(--mpg-muted); }
.mpg-wrap[data-mpg] .mpg-options legend{ font-weight:900; color:var(--mpg-text); }
.mpg-wrap[data-mpg] .mpg-options label{ display:inline-flex; align-items:center; gap:6px; margin:6px 12px 0 0; }
.mpg-wrap[data-mpg] .mpg-options input[type="checkbox"]{ width:16px; height:16px; }

/* Buttons */
.mpg-wrap[data-mpg] .mpg-actions, .mpg-wrap[data-mpg] .mpg-bulk{ display:flex; flex-wrap:wrap; gap:10px; margin:8px 12px; }
.mpg-wrap[data-mpg] .mpg-btn{ display:inline-flex; align-items:center; justify-content:center; min-height:42px; padding:10px 16px; gap:8px; background:var(--mpg-accent-2); color:#0b3a2d; border:0; border-radius:12px; font-weight:800; cursor:pointer; text-decoration:none; }
.mpg-wrap[data-mpg] .mpg-btn.ghost{ background:#fff; color:var(--mpg-accent); border:1px solid var(--mpg-accent-3); }
.mpg-wrap[data-mpg] .mpg-btn:hover{ filter:brightness(1.05); }

/* Output */
.mpg-wrap[data-mpg] #mpg-output{
  display:block; width:calc(100% - 24px);
  min-height:240px; margin:8px 12px; padding:12px;
  color:var(--mpg-text); background:var(--mpg-soft);
  border:1px solid #dbe4ef; border-radius:12px;
  font-family: ui-monospace, Menlo, Consolas, monospace; white-space:pre-wrap;
}

/* Layout guards */
.mpg-wrap[data-mpg]{ align-self:center; float:none; }