/* ==========================================================
   RTP + POLA (MOBILE) - SLOT ONLY (ANTI BOCOR TOTAL)
   CSS (dipisah dari JS) - JANGAN UBAH
   ========================================================== */

[data-rp-card="1"]{
  position:relative !important;
  z-index:0 !important;
  isolation:isolate !important;
}
.rtp-inline{
  display:flex;align-items:center;gap:8px;
  margin-top:6px;padding:7px 9px;
  background:rgba(0,0,0,.62);
  border:1px solid rgba(255,255,255,.14);
  border-radius:12px;
  font:900 11px/1 Arial,sans-serif;
  color:#eaf7ff;
  pointer-events:none;
  position:relative;
  z-index:1;
}
.rtp-inline .rtp-txt{white-space:nowrap;opacity:.95}
.rtp-inline .rtp-bar{flex:1;height:6px;background:rgba(255,255,255,.18);border-radius:999px;overflow:hidden}
.rtp-inline .rtp-bar i{display:block;height:100%;border-radius:999px}
.rtp-inline.rtp-low  .rtp-bar i{background:linear-gradient(90deg,#ff4d4d,#ffb300)}
.rtp-inline.rtp-mid  .rtp-bar i{background:linear-gradient(90deg,#ffd000,#00c8ff)}
.rtp-inline.rtp-high .rtp-bar i{background:linear-gradient(90deg,#00ff88,#00b4ff)}

.pola-overlay{position:relative;z-index:1 !important;pointer-events:auto;}
.pola-overlay *{pointer-events:auto;}

.pola-btn{
  display:block;width:100%;
  margin-top:8px;padding:10px 10px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.18);
  background:linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.55));
  color:#fff;
  font:900 11px/1 Arial,sans-serif;
  letter-spacing:.8px;text-transform:uppercase;
  cursor:pointer;user-select:none;
  pointer-events:auto !important;
  position:relative;z-index:2 !important;
  box-shadow:0 10px 22px rgba(0,0,0,.25);
  transition:.15s ease;
  touch-action:manipulation;
}
.pola-btn:active{transform:scale(.985)}
.pola-btn:focus{outline:none}

.pola-modal-backdrop{
  position:fixed; inset:0;
  background:rgba(0,0,0,.74);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:2147483647;
  padding:12px;
}
.pola-modal{
  width:min(520px, 100%);
  max-height:88vh;
  background:#fff;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 20px 90px rgba(0,0,0,.65);
  font-family:Arial,sans-serif;
  display:flex;
  flex-direction:column;
}
.pola-modal .head{
  background:linear-gradient(180deg,#0f5871,#0b455a);
  color:#fff;
  padding:12px 14px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}
.pola-modal .head .title{font-weight:900;font-size:15px;line-height:1.1;}
.pola-modal .head .subtitle{font-weight:700;font-size:11px;opacity:.9;margin-top:4px;}
.pola-modal .close{
  width:36px;height:36px;border-radius:12px;border:0;cursor:pointer;
  background:rgba(255,255,255,.18);color:#fff;font-size:18px;line-height:1;
}
.pola-modal .body{padding:12px;overflow:auto;}
.pola-top{display:flex;flex-direction:column;gap:10px;}
.pola-thumb{
  border:1px solid #eef1f6;background:#fbfcff;border-radius:16px;
  padding:12px;display:flex;align-items:center;justify-content:center;
}
.pola-thumb img{width:148px;height:148px;border-radius:14px;object-fit:cover;display:block;}
.pola-info{
  border:1px solid #eef1f6;background:#fbfcff;border-radius:16px;
  padding:10px 12px;display:grid;gap:8px;
}
.pola-row{display:grid;grid-template-columns:86px 1fr;gap:10px;align-items:start;}
.pola-k{font-weight:900;color:#2b2b2b;font-size:12px;}
.pola-v{font-weight:800;color:#111;font-size:12px;text-align:right;min-width:0;word-break:break-word;}
.pola-v.name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.pola-note{margin-top:2px;font-size:11px;color:#6b7280;font-weight:700;}
.pola-rtp-mini{
  display:inline-flex;align-items:center;justify-content:center;
  padding:4px 12px;border-radius:999px;background:#eaf2ff;border:1px solid #cfe0ff;
  font-weight:900;white-space:nowrap;
}
.pola-steps{
  margin-top:12px;border:1px solid #e8e8e8;border-radius:16px;overflow:hidden;background:#fff;
}
.pola-steps table{width:100%;border-collapse:collapse;table-layout:fixed;}
.pola-steps th,.pola-steps td{font-size:12px;padding:10px 10px;border-bottom:1px solid #eee;color:#111 !important;}
.pola-steps tr:last-child td{border-bottom:0}
.pola-steps th{background:#f7f8fb;text-align:left;font-weight:900;color:#222 !important;}
.pola-steps .col-step{width:74px}
.pola-steps .col-ok,.pola-steps .col-no{width:52px;text-align:center}
.pola-steps td.mode{font-weight:800;white-space:normal;word-break:break-word;}
.pola-steps td.c{text-align:center;font-weight:900;}
.pola-steps .ok{color:#11a44b !important}
.pola-steps .no{color:#e23b3b !important}
.pola-actions{
  padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:10px;
  background:#fafafa;border-top:1px solid #eee;
}
.pola-actions .btn{
  width:100%;padding:12px 12px;border-radius:14px;border:0;cursor:pointer;
  font-weight:900;font-size:14px;box-shadow:0 10px 22px rgba(0,0,0,.12);
  touch-action:manipulation;
}
.pola-actions .btn:active{transform:scale(.99)}
.btn-primary{background:linear-gradient(180deg,#2a73ff,#1f5fe0);color:#fff;}
.btn-secondary{background:linear-gradient(180deg,#e3e3e3,#cfcfcf);color:#222;}