/* =========================================================
   MisterBongkar login botanical — isolated skin only.
   Authentication, CSRF, rate-limit, redirect, and role rules
   remain in login.php/core and are intentionally untouched.
========================================================= */
html,body{min-height:100%}
body.mb-botanical-login-page{
  min-height:100vh;
  margin:0;
  overflow-x:hidden;
  background:#fff;
  color:#20364c;
  font-family:"Roboto Condensed","Arial Narrow",Arial,sans-serif;
}
.mb-botanical-login-page *{box-sizing:border-box}
.mb-botanical-login-bg{
  position:fixed;
  inset:0;
  z-index:0;
  background:#fff url('../images/login-botanical-scene-blue.svg?v=20260921-v1') center bottom/cover no-repeat;
  pointer-events:none;
}
.mb-botanical-nav{
  position:relative;
  z-index:5;
  width:min(1380px,calc(100% - 64px));
  height:76px;
  margin:0 auto;
  display:grid;
  grid-template-columns:220px 1fr 120px;
  align-items:center;
  gap:24px;
}
.mb-botanical-brand{display:inline-flex;align-items:center;text-decoration:none;width:max-content}
.mb-botanical-brand img{display:block;max-width:185px;max-height:52px;object-fit:contain}
.mb-botanical-nav-links{display:flex;align-items:center;justify-content:center;gap:31px;min-width:0}
.mb-botanical-nav-links a,.mb-botanical-nav-links span,.mb-botanical-contact{
  position:relative;
  color:#22384d;
  text-decoration:none;
  text-transform:uppercase;
  font-size:.67rem;
  font-weight:700;
  letter-spacing:.035em;
  white-space:nowrap;
}
.mb-botanical-nav-links a:hover,.mb-botanical-nav-links .is-active{color:#0b9f98}
.mb-botanical-nav-links .is-active:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-8px;
  width:4px;
  height:4px;
  border-radius:50%;
  transform:translateX(-50%);
  background:#0b9f98;
}
.mb-botanical-contact{justify-self:end;color:#0a936f}
.mb-botanical-login-main{
  position:relative;
  z-index:3;
  min-height:calc(100vh - 76px);
  width:min(1380px,calc(100% - 64px));
  margin:0 auto;
  display:flex;
  align-items:flex-start;
  padding:66px 0 310px 20.5%;
}
.mb-botanical-login-panel{
  width:min(370px,100%);
  min-width:0;
  padding:0;
  background:transparent;
}
.mb-botanical-login-heading{margin-bottom:18px}
.mb-botanical-welcome{
  display:block;
  margin:0 0 31px;
  color:#173e51;
  font-size:1.95rem;
  line-height:1;
  font-weight:500;
  letter-spacing:-.025em;
}
.mb-botanical-welcome b{color:#0f9f96;font-weight:700}
.mb-botanical-login-heading h1{
  margin:0 0 7px;
  color:#445c69;
  font-size:.88rem;
  line-height:1;
  font-weight:700;
  letter-spacing:.045em;
}
.mb-botanical-login-heading p{
  margin:0;
  max-width:325px;
  color:#819099;
  font-size:.72rem;
  line-height:1.45;
}
.mb-botanical-alert{
  width:100%;
  margin:0 0 13px;
  padding:10px 12px;
  border-radius:8px;
  font-size:.72rem;
  box-shadow:0 8px 20px rgba(17,55,70,.06);
}
.mb-botanical-form{display:flex;flex-direction:column;gap:11px}
.mb-botanical-field{display:flex;flex-direction:column;gap:6px}
.mb-botanical-field>span{
  color:#526a75;
  font-size:.61rem;
  font-weight:700;
  letter-spacing:.025em;
}
.mb-botanical-input-wrap{position:relative}
.mb-botanical-input-wrap>i{
  position:absolute;
  left:12px;
  top:50%;
  z-index:2;
  transform:translateY(-50%);
  color:rgba(255,255,255,.9);
  font-size:.84rem;
}
.mb-botanical-field input{
  display:block;
  width:100%;
  height:39px;
  padding:0 43px 0 34px;
  border:1px solid #448e91;
  border-radius:7px;
  outline:0;
  background:#57979a;
  color:#fff;
  font-size:.72rem;
  font-weight:500;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.mb-botanical-field input::placeholder{color:rgba(255,255,255,.82);opacity:1}
.mb-botanical-field input:focus{
  border-color:#146f73;
  background:#4c8d90;
  box-shadow:0 0 0 3px rgba(15,159,150,.14);
}
.mb-botanical-input-wrap button{
  position:absolute;
  right:4px;
  top:4px;
  width:31px;
  height:31px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:6px;
  background:transparent;
  color:#fff;
  opacity:.86;
}
.mb-botanical-input-wrap button:hover{background:rgba(255,255,255,.12);opacity:1}
.mb-botanical-options{
  min-height:27px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:0 3px;
  color:#6a7981;
  font-size:.56rem;
  font-weight:600;
  letter-spacing:.02em;
}
.mb-botanical-options span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.mb-botanical-options span i{color:#0b9f98;font-size:.7rem}
.mb-botanical-options a{color:#6a7981;text-decoration:none;white-space:nowrap}
.mb-botanical-options a:hover{color:#0b9f98}
.mb-botanical-submit{
  align-self:flex-start;
  min-width:138px;
  height:38px;
  margin-top:3px;
  padding:0 18px;
  border:0;
  border-radius:6px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  background:#183c50;
  color:#fff;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.045em;
  box-shadow:0 9px 20px rgba(24,60,80,.14);
  transition:transform .18s ease,background .18s ease,box-shadow .18s ease;
}
.mb-botanical-submit:hover{transform:translateY(-1px);background:#102f42;box-shadow:0 12px 24px rgba(24,60,80,.19)}
.mb-botanical-install-link{
  display:inline-block;
  margin-top:13px;
  color:#0a8f87;
  text-decoration:none;
  font-size:.65rem;
  font-weight:700;
}
.mb-botanical-security{
  display:flex;
  align-items:center;
  gap:6px;
  margin-top:18px;
  color:#849198;
  font-size:.59rem;
}
.mb-botanical-security i{color:#0c9f85}

@media(max-width:1180px){
  .mb-botanical-login-main{padding-left:13%;padding-top:58px}
  .mb-botanical-welcome{font-size:1.72rem}
}
@media(max-width:900px){
  .mb-botanical-nav{width:calc(100% - 36px);grid-template-columns:190px 1fr 82px}
  .mb-botanical-nav-links{gap:19px}
  .mb-botanical-nav-links a:nth-child(2),.mb-botanical-nav-links a:nth-child(3){display:none}
  .mb-botanical-login-main{width:calc(100% - 36px);padding:72px 0 330px 8%}
  .mb-botanical-login-panel{width:345px}
}
@media(max-width:620px){
  .mb-botanical-login-bg{background-position:62% bottom;background-size:auto 100%;opacity:.98}
  .mb-botanical-nav{height:70px;width:calc(100% - 28px);grid-template-columns:1fr auto;gap:12px}
  .mb-botanical-brand img{max-width:160px;max-height:46px}
  .mb-botanical-nav-links{display:none}
  .mb-botanical-contact{font-size:.61rem}
  .mb-botanical-login-main{
    min-height:calc(100vh - 70px);
    width:100%;
    padding:42px 18px 270px;
    justify-content:center;
  }
  .mb-botanical-login-panel{
    width:min(390px,100%);
    padding:24px 22px;
    border:1px solid rgba(215,229,227,.9);
    border-radius:18px;
    background:rgba(255,255,255,.9);
    box-shadow:0 22px 55px rgba(19,54,64,.09);
    backdrop-filter:blur(6px);
  }
  .mb-botanical-welcome{margin-bottom:26px;font-size:1.55rem}
  .mb-botanical-login-heading p{font-size:.69rem}
  .mb-botanical-submit{width:100%}
}
@media(max-width:390px){
  .mb-botanical-login-panel{padding:21px 17px}
  .mb-botanical-welcome{font-size:1.38rem}
  .mb-botanical-options{align-items:flex-start;flex-direction:column;gap:5px;padding-top:3px;padding-bottom:3px}
}