@charset "UTF-8";
/* WPC login.css 完全再設計版（参考画像寄せ） */

html,
body,
div,
p,
ul,
li {
  margin: 0;
  padding: 0;
}

html,
body,
body.login {
  overflow-x: hidden;
}

body.login {
  min-height: 100vh;
  background: linear-gradient(135deg, #9ad8ff 0%, #77c8fb 15%, #4db0f4 35%, #379eea 55%, #488ff0 74%, #77afff 100%);
  color: #ffffff;
}

body.login::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.16) 0 18%, transparent 18.5%),
    linear-gradient(160deg, transparent 0 44%, rgba(98,184,246,0.20) 44.4% 59%, transparent 59.4%),
    linear-gradient(208deg, transparent 0 57%, rgba(77,119,220,0.22) 57.4% 79%, transparent 79.4%);
  z-index: 0;
}

#login {
  width: 440px;
  max-width: calc(100vw - 32px);
  padding: 0;
  margin: 34px auto 0;
  position: relative;
  z-index: 50;
}

body.login h1 {
  margin: 0 0 10px;
}

body.login h1 a {
  width: 100%;
  max-width: none;
  height: 100px;
  margin: 0 auto 10px;
}

#loginform {
  background: rgba(233, 239, 246, 0.96) !important;
  border: 1px solid rgba(255,255,255,0.24) !important;
  border-radius: 18px !important;
  box-shadow:
    0 16px 42px rgba(33, 78, 142, 0.18),
    inset 0 1px 0 rgba(255,255,255,0.48) !important;
  padding: 26px 30px 22px !important;
}

.login form .input,
.login input[type=password],
.login input[type=text] {
  background: #f5f5f7 !important;
  border: 2px solid #d4dce7 !important;
  border-radius: 20px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.85) !important;
  color: #4b5360 !important;
  font-size: 17px !important;
  padding: 14px 18px !important;
}

.login label,
.user-pass-wrap,
#login form p {
  color: #566171 !important;
  font-weight: 600;
}

.aiowps-captcha-equation.hide-when-displaying-tfa-input {
  color: #566171 !important;
  line-height: 1.6;
  margin-top: 4px;
  font-weight: 700;
}

.wp-core-ui .button-primary {
  background: #2f3046 !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 20px rgba(39, 41, 66, 0.18) !important;
  color: #fff !important;
  font-weight: 700 !important;
  min-height: 48px !important;
  padding: 0 30px !important;
}

.wp-core-ui .button-primary:hover {
  background: #26273c !important;
}

.login .button.wp-hide-pw {
  color: #5186d7;
}

#nav {
  margin-top: 10px !important;
  border: 1px solid rgba(255,255,255,0.66) !important;
  border-radius: 4px;
  background: transparent;
}

#backtoblog,
#nav,
#backtoblog a,
#nav a {
  color: rgba(255,255,255,0.95) !important;
}

#backtoblog {
  margin-top: 6px;
}

#language-switcher {
  margin-top: 10px;
}

/* note and banner */
#dhwpc-login-note {
  width: 440px;
  max-width: calc(100vw - 32px);
  margin: 12px auto 0;
  position: relative;
  z-index: 60;
}

.dhwpc-login-note__inner {
  background: rgba(208, 220, 235, 0.88);
  color: #4c5970;
  border: 1px solid rgba(255,255,255,0.42);
  border-radius: 14px;
  box-shadow:
    0 12px 28px rgba(47, 103, 175, 0.16),
    inset 0 1px 0 rgba(255,255,255,0.34);
  padding: 14px 16px;
  min-height: 54px;
}

#dhwpc-login-banner {
  width: 420px;
  max-width: calc(100vw - 32px);
  margin: 14px auto 0;
  text-align: center;
  position: relative;
  z-index: 60;
}

#dhwpc-login-banner img.wp-concierge {
  width: 100%;
  max-width: none;
  border-radius: 0;
  box-shadow: 0 10px 22px rgba(22, 41, 88, 0.24);
}

/* background stage */
#dhwpc-login-stage,
.dhwpc-login-stage {
  position: fixed;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}

.dhwpc-login-bg.area {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.dhwpc-login-bg .dhwpc-form-clear {
  position: absolute;
  left: 50%;
  top: 146px;
  width: 700px;
  height: 560px;
  transform: translateX(-50%);
  border-radius: 44px;
  background: radial-gradient(circle at center, rgba(73, 167, 235, 0.16) 0%, rgba(73, 167, 235, 0.07) 34%, rgba(73, 167, 235, 0.02) 58%, rgba(73, 167, 235, 0) 76%);
}

.dhwpc-gradient-orb {
  position: absolute;
  border-radius: 50%;
}

.dhwpc-gradient-orb-1 {
  width: 370px;
  height: 370px;
  left: -8px;
  top: -10px;
  background: radial-gradient(circle at 36% 32%, rgba(255,255,255,0.31) 0%, rgba(255,255,255,0.12) 40%, rgba(255,255,255,0.03) 56%, rgba(255,255,255,0) 68%);
}

.dhwpc-gradient-orb-2 {
  width: 440px;
  height: 440px;
  right: -78px;
  top: 40%;
  background: radial-gradient(circle at 34% 34%, rgba(127,170,255,0.22) 0%, rgba(127,170,255,0.10) 40%, rgba(127,170,255,0.02) 60%, rgba(127,170,255,0) 74%);
}

.dhwpc-background-lines {
  position: absolute;
  inset: 0;
  overflow: hidden;
  background-image:
    radial-gradient(circle, rgba(255,255,255,0.62) 2.7px, transparent 2.8px),
    radial-gradient(circle, rgba(255,255,255,0.30) 2px, transparent 2.1px),
    linear-gradient(122deg, rgba(255,255,255,0.14) 0 2px, transparent 2px 100%),
    linear-gradient(122deg, rgba(255,255,255,0.10) 0 2px, transparent 2px 100%);
  background-size: 22px 22px, 22px 22px, 360px 360px, 460px 460px;
  background-position: 79% 15%, 12% 86%, 11% 88%, 80% 14%;
  background-repeat: no-repeat;
}

.dhwpc-background-lines::before,
.dhwpc-background-lines::after {
  content: "";
  position: absolute;
  border-radius: 50%;
}

.dhwpc-background-lines::before {
  width: 152vmax;
  height: 152vmax;
  left: -122vmax;
  top: 4vmax;
  border: 2px solid rgba(255,255,255,0.22);
}

.dhwpc-background-lines::after {
  width: 148vmax;
  height: 148vmax;
  right: -124vmax;
  top: -28vmax;
  border: 2px solid rgba(255,255,255,0.18);
}

/* objects */
.circles.dhwpc-floaters {
  position: absolute;
  inset: 0;
  list-style: none;
}

.circles.dhwpc-floaters li {
  position: absolute;
  display: block;
  list-style: none;
  pointer-events: none;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-fill-mode: both;
  will-change: transform, opacity;
}

.obj.sphere,
.obj.sphere-white,
.obj.sphere-purple,
.obj.sphere-purple-large,
.obj.sphere-cyan {
  border-radius: 50%;
}

.obj.glass-square,
.obj.square-outline,
.obj.square-soft,
.obj.square-neon {
  border-radius: 14px;
}

.obj.sphere-white {
  width: 72px;
  height: 72px;
  border: 1.6px solid rgba(255,255,255,0.56);
  background: radial-gradient(circle at 34% 28%, rgba(255,255,255,0.42), rgba(255,255,255,0.12) 52%, rgba(255,255,255,0.02) 72%, transparent 74%);
  box-shadow: inset -8px -10px 18px rgba(102,173,225,0.14), inset 8px 8px 16px rgba(255,255,255,0.22), 0 18px 30px rgba(54,122,199,0.16);
}

.obj.sphere-purple {
  width: 58px;
  height: 58px;
  background: radial-gradient(circle at 34% 28%, rgba(255,255,255,0.26), rgba(235,150,255,0.86) 22%, rgba(168,129,255,0.40) 58%, rgba(160,128,255,0) 76%);
  box-shadow: 0 0 30px rgba(214,132,255,0.34), 0 12px 24px rgba(103,118,210,0.18);
}

.obj.sphere-purple-large {
  width: 110px;
  height: 110px;
  background: radial-gradient(circle at 32% 28%, rgba(255,255,255,0.34), rgba(240,154,255,0.92) 22%, rgba(170,132,255,0.42) 58%, rgba(160,128,255,0) 76%);
  box-shadow: 0 0 42px rgba(217,134,255,0.44), 0 14px 28px rgba(113,122,220,0.22);
}

.obj.sphere-cyan {
  width: 48px;
  height: 48px;
  background: radial-gradient(circle at 34% 28%, rgba(255,255,255,0.54), rgba(147,223,255,0.84) 26%, rgba(116,179,255,0.22) 62%, rgba(116,179,255,0) 78%);
  box-shadow: 0 0 20px rgba(140,227,255,0.30);
}

.obj.glass-square {
  width: 86px;
  height: 86px;
  background: linear-gradient(145deg, rgba(255,255,255,0.16), rgba(255,255,255,0.03));
  border: 2.2px solid rgba(255,255,255,0.24);
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.30), inset -22px -22px 26px rgba(70,129,198,0.12), 0 24px 34px rgba(55,112,182,0.18);
}

.obj.square-outline {
  width: 64px;
  height: 64px;
  border: 2.4px solid rgba(255,255,255,0.92);
  background: linear-gradient(145deg, rgba(255,255,255,0.10), rgba(255,255,255,0.00));
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.20), 0 18px 28px rgba(55,112,182,0.18);
}

.obj.square-soft {
  width: 58px;
  height: 58px;
  background: linear-gradient(145deg, rgba(255,255,255,0.12), rgba(255,255,255,0.02));
  border: 2px solid rgba(255,255,255,0.16);
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.18), 0 18px 28px rgba(49,108,177,0.14);
}

.obj.square-neon {
  width: 30px;
  height: 30px;
  background: linear-gradient(145deg, rgba(245,174,255,0.92), rgba(177,126,255,0.70));
  border: 2px solid rgba(255,255,255,0.30);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.26), 0 0 18px rgba(212,132,255,0.26);
}

.obj.square-neon.square-purple {
  background: linear-gradient(145deg, rgba(241,166,255,0.94), rgba(171,122,255,0.72));
}

.obj.triangle {
  width: 0;
  height: 0;
  border-left: 22px solid transparent;
  border-right: 22px solid transparent;
  filter: drop-shadow(0 0 18px rgba(228,146,255,0.28));
}

.obj.triangle-purple {
  border-bottom: 36px solid rgba(229,146,255,0.76);
}

.obj.triangle-neon {
  border-bottom: 38px solid rgba(255,150,255,0.30);
  filter: drop-shadow(0 0 10px rgba(255,145,255,0.36));
}

.obj.dot-grid {
  width: 86px;
  height: 86px;
  background-image: radial-gradient(circle, rgba(255,255,255,0.72) 1.9px, transparent 2px);
  background-size: 20px 20px;
}

.obj.dot-grid-right {
  opacity: 0.9;
}

.obj.dot-grid-left {
  opacity: 0.8;
}

.obj.dot-white {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255,255,255,0.80);
  box-shadow: 0 0 10px rgba(255,255,255,0.18);
}

/* placements */
.obj-l1 { left: -12vw; top: 14%; animation: pass-ltr-1 20.8s infinite; }
.obj-l2 { left: -16vw; top: 30%; transform: rotate(18deg); animation: pass-ltr-2 26.5s infinite; }
.obj-l3 { left: -12vw; top: 24%; animation: pass-ltr-3 16.8s infinite; }
.obj-l4 { left: -14vw; top: 66%; animation: pass-ltr-4 20.4s infinite; }
.obj-l5 { left: -10vw; top: 70%; animation: pass-ltr-5 24.6s infinite; }
.obj-l6 { left: -10vw; top: 78%; animation: pass-ltr-6 31.4s infinite; }
.obj-l7 { left: -16vw; top: 58%; transform: rotate(-18deg); animation: pass-ltr-7 33.8s infinite; }
.obj-l8 { left: -12vw; top: 82%; animation: pass-ltr-8 36.2s infinite; }
.obj-l9 { left: -8vw; top: 10%; animation: pass-ltr-9 19.6s infinite; }
.obj-l10 { left: -6vw; top: 88%; animation: pass-ltr-10 25.8s infinite; }
.obj-l11 { left: -14vw; top: 18%; animation: pass-ltr-11 17.4s infinite; }
.obj-l12 { left: -18vw; top: 46%; animation: pass-ltr-12 18.9s infinite; }

.obj-r1 { left: 108vw; top: 20%; transform: rotate(18deg); animation: pass-rtl-1 24.5s infinite; }
.obj-r2 { left: 106vw; top: 8%; animation: pass-rtl-2 16.2s infinite; }
.obj-r3 { left: 110vw; top: 18%; animation: pass-rtl-3 21.8s infinite; }
.obj-r4 { left: 108vw; top: 30%; animation: pass-rtl-4 23.6s infinite; }
.obj-r5 { left: 112vw; top: 58%; animation: pass-rtl-5 14.2s infinite; }
.obj-r6 { left: 114vw; top: 62%; animation: pass-rtl-6 18.8s infinite; }
.obj-r7 { left: 110vw; top: 72%; transform: rotate(12deg); animation: pass-rtl-7 21.2s infinite; }
.obj-r8 { left: 110vw; top: 14%; animation: pass-rtl-8 31.6s infinite; }
.obj-r9 { left: 108vw; top: 10%; animation: pass-rtl-9 15.8s infinite; }
.obj-r10 { left: 108vw; top: 86%; animation: pass-rtl-10 22.6s infinite; }
.obj-r11 { left: 114vw; top: 66%; animation: pass-rtl-11 29.4s infinite; }

/* animations */
@keyframes pass-ltr-1   { 0% {transform: translate3d(0,16px,0); opacity:0;} 8% {opacity:.58;} 92% {opacity:.72;} 100% {transform: translate3d(128vw,-28px,0); opacity:0;} }
@keyframes pass-ltr-2   { 0% {transform: translate3d(0,18px,0) rotate(18deg); opacity:0;} 8% {opacity:.54;} 92% {opacity:.64;} 100% {transform: translate3d(128vw,-26px,0) rotate(18deg); opacity:0;} }
@keyframes pass-ltr-3   { 0% {transform: translate3d(0,8px,0); opacity:0;} 8% {opacity:.78;} 92% {opacity:.96;} 100% {transform: translate3d(128vw,-18px,0); opacity:0;} }
@keyframes pass-ltr-4   { 0% {transform: translate3d(0,14px,0); opacity:0;} 8% {opacity:.76;} 92% {opacity:.88;} 100% {transform: translate3d(128vw,-20px,0); opacity:0;} }
@keyframes pass-ltr-5   { 0% {transform: translate3d(0,16px,0); opacity:0;} 8% {opacity:.62;} 92% {opacity:.76;} 100% {transform: translate3d(128vw,-18px,0); opacity:0;} }
@keyframes pass-ltr-6   { 0% {transform: translate3d(0,16px,0); opacity:0;} 8% {opacity:.62;} 92% {opacity:.76;} 100% {transform: translate3d(128vw,-18px,0); opacity:0;} }
@keyframes pass-ltr-7   { 0% {transform: translate3d(0,20px,0) rotate(-18deg); opacity:0;} 8% {opacity:.42;} 92% {opacity:.56;} 100% {transform: translate3d(128vw,-24px,0) rotate(-18deg); opacity:0;} }
@keyframes pass-ltr-8   { 0% {transform: translate3d(0,16px,0); opacity:0;} 8% {opacity:.58;} 92% {opacity:.76;} 100% {transform: translate3d(128vw,-12px,0); opacity:0;} }
@keyframes pass-ltr-9   { 0% {transform: translate3d(0,8px,0); opacity:0;} 8% {opacity:.54;} 92% {opacity:.70;} 100% {transform: translate3d(128vw,-16px,0); opacity:0;} }
@keyframes pass-ltr-10  { 0% {transform: translate3d(0,6px,0); opacity:0;} 8% {opacity:.56;} 92% {opacity:.76;} 100% {transform: translate3d(128vw,-10px,0); opacity:0;} }
@keyframes pass-ltr-11  { 0% {transform: translate3d(0,8px,0) scale(.94); opacity:0;} 8% {opacity:.72;} 92% {opacity:.90;} 100% {transform: translate3d(128vw,-20px,0) scale(1.04); opacity:0;} }
@keyframes pass-ltr-12  { 0% {transform: translate3d(0,10px,0) rotate(8deg); opacity:0;} 8% {opacity:.70;} 92% {opacity:.88;} 100% {transform: translate3d(128vw,-18px,0) rotate(8deg); opacity:0;} }

@keyframes pass-rtl-1   { 0% {transform: translate3d(0,-8px,0) rotate(18deg); opacity:0;} 8% {opacity:.46;} 92% {opacity:.60;} 100% {transform: translate3d(-128vw,24px,0) rotate(18deg); opacity:0;} }
@keyframes pass-rtl-2   { 0% {transform: translate3d(0,-8px,0); opacity:0;} 8% {opacity:.80;} 92% {opacity:.94;} 100% {transform: translate3d(-128vw,18px,0); opacity:0;} }
@keyframes pass-rtl-3   { 0% {transform: translate3d(0,-8px,0); opacity:0;} 8% {opacity:.68;} 92% {opacity:.84;} 100% {transform: translate3d(-128vw,18px,0); opacity:0;} }
@keyframes pass-rtl-4   { 0% {transform: translate3d(0,-10px,0); opacity:0;} 8% {opacity:.60;} 92% {opacity:.76;} 100% {transform: translate3d(-128vw,20px,0); opacity:0;} }
@keyframes pass-rtl-5   { 0% {transform: translate3d(0,-12px,0) scale(.94); opacity:0;} 8% {opacity:.78;} 92% {opacity:.98;} 100% {transform: translate3d(-128vw,18px,0) scale(1.08); opacity:0;} }
@keyframes pass-rtl-6   { 0% {transform: translate3d(0,-8px,0); opacity:0;} 8% {opacity:.70;} 92% {opacity:.90;} 100% {transform: translate3d(-128vw,18px,0); opacity:0;} }
@keyframes pass-rtl-7   { 0% {transform: translate3d(0,-10px,0) rotate(12deg); opacity:0;} 8% {opacity:.62;} 92% {opacity:.76;} 100% {transform: translate3d(-128vw,22px,0) rotate(12deg); opacity:0;} }
@keyframes pass-rtl-8   { 0% {transform: translate3d(0,-8px,0); opacity:0;} 8% {opacity:.62;} 92% {opacity:.80;} 100% {transform: translate3d(-128vw,18px,0); opacity:0;} }
@keyframes pass-rtl-9   { 0% {transform: translate3d(0,-6px,0); opacity:0;} 8% {opacity:.62;} 92% {opacity:.80;} 100% {transform: translate3d(-128vw,16px,0); opacity:0;} }
@keyframes pass-rtl-10  { 0% {transform: translate3d(0,-6px,0); opacity:0;} 8% {opacity:.52;} 92% {opacity:.70;} 100% {transform: translate3d(-128vw,12px,0); opacity:0;} }
@keyframes pass-rtl-11  { 0% {transform: translate3d(0,-8px,0); opacity:0;} 8% {opacity:.34;} 92% {opacity:.46;} 100% {transform: translate3d(-128vw,20px,0); opacity:0;} }

#dhwpc-login-note {
  animation: dhwpcFadeUp .7s ease-out both;
}

#dhwpc-login-banner {
  animation: dhwpcFadeUp .85s ease-out both;
}

#login {
  animation: dhwpcFadeUp .55s ease-out both;
}

body.login.dhwpc-login-ready {
  padding-bottom: 18px;
}

@keyframes dhwpcFadeUp {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}

@media screen and (max-width: 600px) {
  #login,
  #dhwpc-login-note {
    width: calc(100vw - 28px);
  }

  #dhwpc-login-banner {
    width: calc(100vw - 28px);
  }

  .area .dhwpc-form-clear {
    width: 92vw;
    height: 560px;
    top: 150px;
  }
}


#login #dhwpc-login-note {
  width: 100%;
  max-width: 100%;
  margin: 12px 0 0;
}

#login #dhwpc-login-note .dhwpc-login-note__inner {
  min-height: 0;
}

#login #dhwpc-login-banner {
  width: 100%;
  max-width: none;
  margin: 14px auto 0;
}


body.login #login .message:empty,
body.login #login .notice:empty,
body.login #login #login_error:empty,
body.login #login .success:empty {
  display: none !important;
}

/* 3.00.627: late-inserted blank login notices are removed by JS; keep empty wrappers collapsed as fallback. */
body.login #login .message:empty,
body.login #login .notice:empty,
body.login #login #login_error:empty,
body.login #login .success:empty {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  border: 0 !important;
}

/* 3.00.628: collapse blank login message wrappers added by WP/other plugins. */
body.login #login .dhwpc-login-blank-message {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  height: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}


/* 3.00.629: login message areas are hidden only when blank, and styled visibly when actual errors/notices exist. */
body.login #login > .message,
body.login #login > .notice,
body.login #login > #login_error,
body.login #login > .success {
  display: none !important;
}

body.login #login > .dhwpc-login-has-message {
  display: block !important;
  width: auto !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 0 14px !important;
  padding: 12px 14px !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 22px rgba(31, 78, 145, 0.14) !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  text-indent: 0 !important;
  overflow: visible !important;
  color: #415168 !important;
  background: rgba(255, 255, 255, 0.90) !important;
  border: 1px solid rgba(255, 255, 255, 0.58) !important;
}

body.login #login > #login_error.dhwpc-login-has-message,
body.login #login > .notice-error.dhwpc-login-has-message,
body.login #login > .error.dhwpc-login-has-message {
  color: #7f1d1d !important;
  background: rgba(255, 241, 242, 0.96) !important;
  border: 1px solid rgba(248, 113, 113, 0.62) !important;
  border-left: 5px solid #ef4444 !important;
}

body.login #login > .message.dhwpc-login-has-message,
body.login #login > .notice-info.dhwpc-login-has-message {
  color: #1f4f78 !important;
  background: rgba(239, 248, 255, 0.94) !important;
  border-left: 5px solid #60a5fa !important;
}

body.login #login > .success.dhwpc-login-has-message,
body.login #login > .notice-success.dhwpc-login-has-message {
  color: #14532d !important;
  background: rgba(240, 253, 244, 0.94) !important;
  border-left: 5px solid #22c55e !important;
}

body.login #login > .dhwpc-login-has-message a {
  color: inherit !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
}

/* 3.00.665: keep real login notices visible while blank wrappers remain hidden. */
body.login #login > #login_error:not(.dhwpc-login-blank-message),
body.login #login > .error:not(.dhwpc-login-blank-message),
body.login #login > .notice-error:not(.dhwpc-login-blank-message),
body.login #login > .message:not(.dhwpc-login-blank-message),
body.login #login > .notice:not(.dhwpc-login-blank-message),
body.login #login > .success:not(.dhwpc-login-blank-message) {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 80 !important;
}

body.login #login > .dhwpc-login-blank-message {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* 3.00.665: avoid double vertical scrollbars on the login page. */
html {
  height: auto !important;
  min-height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

body.login {
  height: auto !important;
  min-height: 100vh !important;
  overflow-x: hidden !important;
  overflow-y: visible !important;
}

#login,
body.login #login,
body.login #loginform,
body.login #dhwpc-login-note,
body.login #dhwpc-login-banner {
  overflow: visible !important;
}


/* 3.00.667: keep the login form tall enough for the submit button while preserving the 3.00.665 logo rendering. */
body.login #loginform {
  padding-bottom: 34px !important;
}
body.login #loginform::after {
  content: "";
  display: block;
  clear: both;
}
body.login #loginform .submit {
  margin-bottom: 0 !important;
}

/* 3.00.667: keep page scrolling on a single document scrollbar while preserving normal layout height. */
body.login #login {
  overflow: visible !important;
}
body.login {
  display: block !important;
}

/* 3.03.740: show a short message instead of a blank notice during interim-login completion. */
body.login #login > .dhwpc-login-completing-message {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 0 14px !important;
  padding: 12px 14px !important;
  color: #1f4f78 !important;
  background: rgba(239, 248, 255, 0.94) !important;
  border-left: 5px solid #60a5fa !important;
}


/* 3.07.799: Jetpack SSO / WordPress.com login is not used in WPC operation.
   Hide only the Jetpack SSO area as a fallback; keep normal login messages and other plugin notices visible inside the white box. */
body.login #loginform #jetpack-sso-wrap,
body.login #loginform #jetpack-sso-wrap__action,
body.login #loginform .jetpack-sso-or,
body.login #loginform .jetpack-sso-toggle,
body.login #loginform a[href*="action=jetpack-sso"],
body.login #loginform a[href*="jetpack-sso-show-default-form"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}



/* 3.07.797: keep real login notices/messages inside the white login form visible. */
body.login #loginform > .dhwpc-login-has-message,
body.login #loginform > .message,
body.login #loginform > .notice,
body.login #loginform > #login_error,
body.login #loginform > .success,
body.login #loginform > .error {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 0 14px !important;
  padding: 12px 14px !important;
  color: #1f2937 !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
  text-align: left !important;
  background: rgba(255,255,255,0.82) !important;
  border-left: 5px solid rgba(96,165,250,0.95) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}
body.login #loginform > #login_error,
body.login #loginform > .notice-error,
body.login #loginform > .error {
  border-left-color: #d63638 !important;
}
body.login #loginform > .success,
body.login #loginform > .notice-success {
  border-left-color: #00a32a !important;
}
body.login #loginform > .dhwpc-login-has-message a,
body.login #loginform > .message a,
body.login #loginform > .notice a,
body.login #loginform > #login_error a,
body.login #loginform > .success a,
body.login #loginform > .error a {
  color: #135e96 !important;
  text-decoration: underline !important;
}