/* ref-media ログイン画面（アプリ本体と同系統のティール配色） */

body.login{
  background:#eceff3;
  font-family:"Hiragino Kaku Gothic ProN","Hiragino Sans","Noto Sans JP",Meiryo,system-ui,sans-serif;
}

#login{
  width:380px;
  max-width:92vw;
  padding-top:6vh;
}

/* 見出し（サイト名テキスト） */
.login h1{ margin-bottom:8px; }
.login h1 a{
  background-image:none !important;
  width:auto !important;
  height:auto !important;
  text-indent:0 !important;
  font-size:22px;
  font-weight:800;
  letter-spacing:.02em;
  color:#1b2430;
  line-height:1.35;
}

/* 案内文 */
.refm-login-note{
  background:#e6f2f0;
  border:1px solid #cfe3df;
  border-left:4px solid #12726b;
  border-radius:8px;
  padding:12px 14px;
  margin:0 0 16px;
}
.refm-login-note__title{ margin:0 0 4px;font-weight:700;color:#0d5b55;font-size:14px; }
.refm-login-note__text{ margin:0;font-size:12px;color:#3a4753;line-height:1.6; }

/* フォームカード */
.login form{
  border:1px solid #dde2e8;
  border-top:3px solid #12726b;
  border-radius:12px;
  box-shadow:0 6px 20px rgba(20,30,40,.06);
  padding:26px 24px;
}
.login label{ color:#1b2430;font-size:14px; }

.login input[type="text"],
.login input[type="password"]{
  border:1px solid #dde2e8;
  border-radius:8px;
  padding:10px 12px;
  font-size:15px;
  background:#fff;
}
.login input[type="text"]:focus,
.login input[type="password"]:focus{
  border-color:#12726b;
  box-shadow:0 0 0 3px #e6f2f0;
  outline:none;
}

/* ログインボタン */
.wp-core-ui .button-primary{
  background:#12726b !important;
  border-color:#12726b !important;
  border-radius:8px !important;
  box-shadow:none !important;
  text-shadow:none !important;
  font-weight:600;
  padding:6px 18px;
  transition:background .15s ease;
}
.wp-core-ui .button-primary:hover{
  background:#0d5b55 !important;
  border-color:#0d5b55 !important;
}

/* リンク類 */
.login #nav a,
.login #nav{ color:#5a6672; }
.login #nav a{ color:#12726b; }
.login #nav a:hover{ color:#0d5b55; }

/* 新規登録リンク・サイトへ戻るリンクは非表示 */
.login #nav a[href*="action=register"]{ display:none !important; }
.login #registerform{ display:none !important; }
.login #backtoblog{ display:none !important; }

/* エラー/メッセージのアクセント */
.login #login_error,
.login .message,
.login .notice{
  border-left-color:#12726b;
  border-radius:8px;
}