/* =========================================================
   TOTOSLOTJP — TOGEL VIEW
   Isolated UI patch. Existing catalog/API styles remain untouched.
   ========================================================= */

body.togel-view{
  background:#000 !important;
  overflow-x:hidden !important;
}

/* Keep only the source-like topbar + main navigation + togel panel. */
body.togel-view .jp-hero,
body.togel-view .jp-results-strip,
body.togel-view .jp-coupon,
body.togel-view .coupon-widget,
body.togel-view .football-widget,
body.togel-view .jp-info-visual,
body.togel-view .jp-safe-note,
body.togel-view .home-extra,
body.togel-view .jp-service-art,
body.togel-view main.page,
body.togel-view .footer,
body.togel-view .slot-catalog,
body.togel-view #casinoCatalog,
body.togel-view .sport-catalog,
body.togel-view .sabung-catalog,
body.togel-view .arcade-catalog,
body.togel-view .interactive-catalog,
body.togel-view .jp-contact-tab,
body.togel-view .jp-info-badge,
body.togel-view .floating,
body.togel-view .bottom,
body.togel-view #jpRegisterModal{
  display:none !important;
}

.togel-view-panel{
  display:none;
  width:100%;
  max-width:970px;
  margin:8px auto 0;
  padding:0 5px 28px;
  box-sizing:border-box;
  color:#fff;
}

body.togel-view .togel-view-panel{
  display:block !important;
}

.togel-register-card{
  width:100%;
  background:#090909;
  border:1px solid rgba(255,193,50,.12);
  border-radius:8px;
  box-sizing:border-box;
  padding:9px 10px 10px;
}

.togel-register-title{
  height:35px;
  display:flex;
  align-items:center;
  gap:5px;
  padding:0 4px;
  margin:0 0 7px;
  font-size:16px;
  line-height:35px;
  font-weight:900;
  color:#fff;
}

.togel-register-title-icon{
  font-size:16px;
  line-height:1;
}

.togel-register-field{
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:0;
}

.togel-register-field > span{
  font-size:12px;
  line-height:1;
  color:#fff;
}

.togel-register-field input,
.togel-register-field select{
  width:100%;
  height:30px;
  padding:0 10px;
  border:1px solid #bbb;
  border-radius:3px;
  background:#fff;
  color:#333;
  box-sizing:border-box;
  outline:none;
  font:12px Arial,Helvetica,sans-serif;
}

.togel-register-field input::placeholder{
  color:#7a7a7a;
}

.togel-register-full{
  margin-bottom:11px;
}

.togel-register-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:11px 18px;
}

.togel-register-consent{
  display:flex;
  align-items:flex-start;
  gap:4px;
  margin-top:15px;
  font-size:12px;
  line-height:16px;
  color:#fff;
}

.togel-register-consent input{
  margin:1px 0 0;
  width:12px;
  height:12px;
  accent-color:#aaa;
}

.togel-register-consent b{
  color:#ffc735;
  font-weight:900;
}

.togel-register-actions{
  margin-top:19px;
}

.togel-register-submit{
  width:180px;
  height:36px;
  border:0;
  border-radius:3px;
  background:linear-gradient(#ff6868,#ff4d52);
  color:#fff;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
}

.togel-register-submit:hover{
  filter:brightness(1.05);
}

.togel-results{
  width:100%;
  margin:7px auto 0;
  overflow:hidden;
}

.togel-results .jp-results-strip{
  display:block !important;
  width:100%;
  max-width:none;
  margin:0;
  padding:0 5px;
  box-sizing:border-box;
}

.togel-results .jp-market-row{
  justify-content:flex-start;
}

@media(max-width:700px){
  .togel-view-panel{
    margin-top:5px;
    padding:0 7px 20px;
  }

  .togel-register-grid{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }

  .togel-register-field > span{
    font-size:10px;
  }

  .togel-register-field input,
  .togel-register-field select{
    height:30px;
    font-size:10px;
  }

  .togel-register-consent{
    font-size:9px;
    line-height:13px;
  }

  .togel-register-submit{
    width:180px;
  }
}

@media(max-width:430px){
  .togel-register-grid{
    grid-template-columns:1fr;
  }
}