/* Google access additions. Keep the approved BBBBAA components everywhere else. */
.wm-access-card .wm-google-divider{
  display:flex;
  align-items:center;
  gap:12px;
  margin:22px 0;
  color:var(--wmp-muted,#526175);
  font-size:13px;
}
.wm-access-card .wm-google-divider::before,
.wm-access-card .wm-google-divider::after{
  content:"";
  flex:1;
  height:1px;
  background:var(--wm-component-line,#d9d3c9);
}
.wm-access-card .wm-google-form,
.wm-google-connections .wm-google-form{margin:0;}

/* Specificity intentionally overrides legacy global button and text styles. */
html[data-theme="light"] body.auth-page.wm-access-page .wm-access-card form.wm-google-form button.wm-google-button,
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main form.wm-google-form button.wm-google-button{
  appearance:none;
  box-sizing:border-box;
  display:grid;
  grid-template-columns:20px minmax(0,1fr) 20px;
  align-items:center;
  gap:12px;
  width:100%;
  min-width:0;
  min-height:44px;
  height:auto;
  margin:0;
  padding:10px 12px;
  border:1px solid #747775!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#1f1f1f!important;
  -webkit-text-fill-color:#1f1f1f!important;
  box-shadow:none!important;
  font-family:Arial,sans-serif;
  font-size:14px;
  font-weight:500;
  line-height:20px;
  letter-spacing:normal!important;
  text-transform:none!important;
  text-shadow:none!important;
  text-decoration:none!important;
  text-align:center;
  filter:none!important;
  cursor:pointer;
  transition:background-color 140ms,box-shadow 140ms;
}
html[data-theme="light"] body.auth-page.wm-access-page .wm-access-card .wm-google-button>span,
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main .wm-google-button>span{
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
  font:inherit!important;
  letter-spacing:normal!important;
  text-transform:none!important;
  overflow-wrap:break-word;
}
.wm-google-form .wm-google-button>img{
  display:block;
  width:20px;
  height:20px;
  max-width:none;
  margin:0;
  object-fit:contain;
}
html[data-theme="light"] body.auth-page.wm-access-page .wm-access-card form.wm-google-form button.wm-google-button:hover,
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main form.wm-google-form button.wm-google-button:hover{
  background:#f7f8f8!important;
  box-shadow:0 1px 3px rgba(60,64,67,.18)!important;
}
html[data-theme="light"] body.auth-page.wm-access-page .wm-access-card form.wm-google-form button.wm-google-button:focus-visible,
html[data-theme="light"] body.product-private:not(.auth-page) .mp-main.mp-main form.wm-google-form button.wm-google-button:focus-visible{
  outline:3px solid #245ca6!important;
  outline-offset:3px;
}
.wm-access-form .wm-google-field-note{
  margin:8px 0 0;
  color:var(--wmp-muted,#526175);
  font-size:13px;
  line-height:1.6;
}
.wm-google-connections .wm-google-connection-panel{max-width:760px;}
.wm-google-connections .wm-google-connection-panel>h2{margin-top:0;}
.wm-google-connections .wm-google-connection-panel>p{line-height:1.6;}
.wm-google-connections .wm-google-account-list{
  margin:20px 0;
  padding:0;
  list-style:none;
}
.wm-google-connections .wm-google-account-list>li{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:8px 16px;
  padding:14px 0;
  border-bottom:1px solid var(--wm-component-line,#d9d3c9);
  overflow-wrap:anywhere;
}
.wm-google-connections .wm-google-status{color:#365947;font-size:13px;}
.wm-google-connections .wm-google-help{margin:20px 0;color:var(--wmp-muted,#526175);}
.wm-google-connections .wm-google-form{max-width:400px;margin-top:24px;}
.wm-google-connections .wm-google-disconnect-form{margin:24px 0;}
.wm-google-connections .wm-google-disconnect-form fieldset{
  min-width:0;
  margin:0;
  padding:0;
  border:0;
}
.wm-google-connections .wm-google-disconnect-form legend{margin-bottom:10px;font-weight:600;}
.wm-google-connections .wm-google-disconnect-form fieldset label{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:44px;
  overflow-wrap:anywhere;
  cursor:pointer;
}
.wm-google-connections .wm-google-disconnect-form input[type="radio"]{
  flex:0 0 auto;
  width:20px;
  height:20px;
  margin:0;
  accent-color:var(--wmp-accent,#a63e38);
}
.wm-google-connections .errorlist{color:#a12d27;font-size:14px;}
@media(prefers-reduced-motion:reduce){
  .wm-google-form .wm-google-button{transition:none!important;}
}
