/* MUNSANG GOOGLE LOGIN PUBLISH R1 - login page scoped only */
.ms-google-login-entry{
  width:100%;
  max-width:520px;
  margin:34px auto 30px;
}
.ms-google-login-entry .ms-google-btn{
  width:100%;
  min-height:62px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:0 24px;
  border:1px solid #dedede;
  border-radius:22px;
  background:#fff;
  color:#171717;
  font-size:17px;
  font-weight:700;
  letter-spacing:-.02em;
  box-shadow:0 9px 28px rgba(0,0,0,.055);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
  text-decoration:none;
}
.ms-google-login-entry .ms-google-btn:hover{
  transform:translateY(-1px);
  border-color:#cfc3c1;
  box-shadow:0 13px 32px rgba(76,22,16,.10);
}
.ms-google-login-entry .ms-google-icon{
  width:25px;height:25px;display:grid;place-items:center;flex:0 0 25px;
}
.ms-google-login-entry .ms-google-icon svg{width:25px;height:25px;display:block}
.ms-google-login-entry .ms-google-copy{display:flex;align-items:baseline;gap:5px}
.ms-google-login-entry .ms-google-copy b{font-weight:800}

#msGoogleCompleteModal[hidden]{display:none!important}
#msGoogleCompleteModal{
  position:fixed;inset:0;z-index:99999;
  display:grid;place-items:center;padding:20px;
}
#msGoogleCompleteModal .ms-gm-backdrop{
  position:absolute;inset:0;
  background:rgba(20,12,11,.55);
  backdrop-filter:blur(6px);
}
#msGoogleCompleteModal .ms-gm-card{
  position:relative;
  width:min(520px,100%);
  max-height:calc(100vh - 40px);
  overflow:auto;
  background:#fff;
  border-radius:28px;
  box-shadow:0 30px 90px rgba(35,9,7,.28);
  padding:34px 32px 30px;
}
#msGoogleCompleteModal .ms-gm-topline{
  width:44px;height:5px;border-radius:999px;background:#4a0905;margin-bottom:26px;
}
#msGoogleCompleteModal .ms-gm-close{
  position:absolute;right:20px;top:18px;
  width:40px;height:40px;border:0;border-radius:50%;
  background:#f6f2f1;color:#3c1714;font-size:22px;cursor:pointer;
}
#msGoogleCompleteModal .ms-gm-eyebrow{
  color:#9b3c34;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
}
#msGoogleCompleteModal h3{
  margin:7px 0 9px;color:#211312;font-size:28px;line-height:1.25;font-weight:900;letter-spacing:-.04em;
}
#msGoogleCompleteModal .ms-gm-desc{
  margin:0 0 25px;color:#756864;font-size:14px;line-height:1.65;
}
#msGoogleCompleteModal .ms-gm-grid{display:grid;gap:15px}
#msGoogleCompleteModal .ms-gm-field label{
  display:block;margin-bottom:7px;color:#382321;font-size:13px;font-weight:800;
}
#msGoogleCompleteModal .ms-gm-field label em{
  color:#b34238;font-style:normal;font-size:11px;margin-left:4px;
}
#msGoogleCompleteModal .ms-gm-row{
  display:grid;grid-template-columns:1fr auto;gap:9px;
}
#msGoogleCompleteModal input{
  width:100%;height:52px;border:1px solid #e4ddda;border-radius:15px;
  padding:0 15px;background:#fff;color:#171717;font-size:14px;outline:none;
  box-sizing:border-box;
}
#msGoogleCompleteModal input:focus{
  border-color:#7a211a;box-shadow:0 0 0 3px rgba(122,33,26,.08);
}
#msGoogleCompleteModal .ms-gm-small-btn{
  min-width:112px;height:52px;border:0;border-radius:15px;
  background:#f1e8e6;color:#671710;font-size:13px;font-weight:800;cursor:pointer;padding:0 14px;
}
#msGoogleCompleteModal .ms-gm-refnote{
  margin-top:7px;color:#9a8b87;font-size:11px;line-height:1.45;
}
#msGoogleCompleteModal .ms-gm-status{
  min-height:20px;margin-top:5px;font-size:12px;color:#8b433d;
}
#msGoogleCompleteModal .ms-gm-submit{
  width:100%;height:56px;margin-top:22px;border:0;border-radius:17px;
  background:#3b0502;color:#fff;font-size:15px;font-weight:900;cursor:pointer;
  box-shadow:0 12px 28px rgba(59,5,2,.18);
}
#msGoogleCompleteModal .ms-gm-foot{
  margin-top:13px;text-align:center;color:#a2938f;font-size:11px;
}
body.ms-google-modal-open{overflow:hidden}
@media(max-width:640px){
  .ms-google-login-entry{margin-top:24px}
  .ms-google-login-entry .ms-google-btn{min-height:58px;border-radius:18px;font-size:15px}
  #msGoogleCompleteModal{padding:12px}
  #msGoogleCompleteModal .ms-gm-card{padding:29px 20px 24px;border-radius:24px}
  #msGoogleCompleteModal h3{font-size:24px}
  #msGoogleCompleteModal .ms-gm-row{grid-template-columns:1fr}
  #msGoogleCompleteModal .ms-gm-small-btn{width:100%}
}