/* ===== inbox.ky login ===== */
body { background:#FFFBF2 !important; }

/* pull logo, tagline and form together, centered as one block */
#layout {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
/* default (desktop): show wordmark, hide mark */
.logo-mark { display: none; }
.logo-full { display: block; width: 220px; max-width: 80vw; height: auto; }

/* mobile: show mark, hide wordmark */
@media (max-width: 490px) {
  .logo-full { display: none; }
  .logo-mark {
    display: block;
    width: 72px;
    height: 72px;
    border-radius: 16px;
  }
}
#layout-content {
  min-height: auto;       /* stop it eating full height on its own */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#login-form{
  background:#fff; border:1px solid #e7e0d2; border-radius:14px;
  padding:26px; width:340px; max-width:90vw; box-shadow:0 6px 24px rgba(13,42,51,.06);
  top: 5vh !important;
}

#login-form table{ width:100%; }
#login-form tbody,#login-form tr{ display:block; width:100%; }
#login-form tr{ margin-bottom:14px; }
#login-form td.title{ display:none !important; }

/* the cell that holds icon + input: force a single horizontal row */
#login-form td.input{
  display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important;
  align-items:stretch; width:100%; padding:0;
}

/* hide duplicate icon */
#login-form .input-group-prepend + .input-group-prepend{ display:none !important; }

/* icon box: fixed width, never grows, never wraps */
#login-form .input-group-prepend{
  display:flex !important; flex:0 0 auto !important; width:auto; margin:0;
}
#login-form .input-group-text{
  height:100%; display:flex; align-items:center; justify-content:center;
  background:#f4efe3; border:1px solid #e7e0d2; border-right:none;
  border-radius:8px 0 0 8px; padding:0 14px; margin:0;
}

/* input: fill remaining space on the SAME row */
#login-form .form-control{
  flex:1 1 auto !important; min-width:0 !important; width:auto !important;
  border:1px solid #e7e0d2; border-left:none; border-radius:0 8px 8px 0;
  padding:12px; font-size:1rem; background:#fff; box-shadow:none; height:auto;
}

/* button */
#login-form .btn-primary,#login-form #rcmloginsubmit{
  background:#0A6A7B !important; border-color:#0A6A7B !important; color:#fff !important;
  border-radius:10px; padding:12px; font-size:1rem; width:100%; margin-top:4px;
}
#login-form .formbuttons{ margin:0; }

#login-footer{ margin-top:20px; text-align:center; color:#0D2A33; opacity:.6; font-size:.8rem; }