/* WoonRadar — definitive compact sign-in card (account page only).
   Keep the wider signed-in dashboard and search-profile layouts untouched. */
html[data-view="account"] body #authPanel:has(#authForm:not([hidden])) {
  box-sizing:border-box!important;
  width:calc(100% - 40px)!important;
  max-width:660px!important;
  min-width:0!important;
  margin:28px auto 34px!important;
  padding:clamp(23px,3.4vw,34px)!important;
  background:#fffdfa!important;
  border:1px solid #e8dfd3!important;
  border-radius:20px!important;
  box-shadow:0 12px 32px rgba(12,37,58,.045)!important;
  color:#102f49!important;
}
html[data-view="account"] body #authPanel:has(#authForm:not([hidden])) > h1 {
  margin:0 0 4px!important;
  font:600 clamp(30px,3.4vw,38px)/1.14 'Cormorant Garamond',Georgia,serif!important;
  letter-spacing:-.015em!important;
  color:#0a2b47!important;
}
html[data-view="account"] body #authPanel:has(#authForm:not([hidden])) > p {
  margin:0 0 20px!important;
  font:400 14px/1.5 'DM Sans',Arial,sans-serif!important;
  color:#667889!important;
}
html[data-view="account"] body #authPanel #authForm:not([hidden]) {
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
html[data-view="account"] body #authPanel #authForm .auth-mode {
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  align-items:stretch!important;
  gap:4px!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin:0 0 18px!important;
  padding:4px!important;
  border:1px solid #e9e1d5!important;
  border-radius:11px!important;
  background:#f7f3eb!important;
}
html[data-view="account"] body #authPanel #authForm .auth-mode > button {
  box-sizing:border-box!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  float:none!important;
  width:100%!important;
  min-width:0!important;
  min-height:40px!important;
  margin:0!important;
  padding:9px 12px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#52677a!important;
  -webkit-text-fill-color:#52677a!important;
  font:650 14px/1.3 'DM Sans',Arial,sans-serif!important;
  text-align:center!important;
  box-shadow:none!important;
}
html[data-view="account"] body #authPanel #authForm .auth-mode > button[aria-pressed="true"] {
  background:#fffdfa!important;
  color:#102f49!important;
  -webkit-text-fill-color:#102f49!important;
  box-shadow:0 1px 5px rgba(10,35,55,.10)!important;
}
html[data-view="account"] body #authPanel #authForm .oauth-buttons:not([hidden]) {
  display:block!important;
  margin:0 0 16px!important;
}
html[data-view="account"] body #authPanel #authForm #oauthGoogle:not([hidden]) {
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  min-height:46px!important;
  padding:11px 15px!important;
  margin:0!important;
  border:1px solid #dce2e3!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#102f49!important;
  -webkit-text-fill-color:#102f49!important;
  font:650 14px/1.4 'DM Sans',Arial,sans-serif!important;
}
html[data-view="account"] body #authPanel #authForm #oauthGoogle:hover {
  border-color:#b2c0c9!important;
  background:#f8f9f9!important;
}
html[data-view="account"] body #authPanel #authForm .fields {
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:12px!important;
  margin:0!important;
}
html[data-view="account"] body #authPanel #authForm .fields > div {
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}
html[data-view="account"] body #authPanel #authForm label {
  display:block!important;
  margin:0 0 5px!important;
  font:600 13px/1.4 'DM Sans',Arial,sans-serif!important;
  color:#304e65!important;
}
html[data-view="account"] body #authPanel #authForm input:not([type="checkbox"]) {
  box-sizing:border-box!important;
  width:100%!important;
  height:46px!important;
  min-height:46px!important;
  margin:0!important;
  padding:9px 13px!important;
  border:1px solid #d5dedb!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#112f49!important;
  font:400 15px/1.4 'DM Sans',Arial,sans-serif!important;
}
html[data-view="account"] body #authPanel #authForm input:focus-visible,
html[data-view="account"] body #authPanel #authForm button:focus-visible {
  outline:2px solid #b99c65!important;
  outline-offset:2px!important;
}
html[data-view="account"] body #authPanel #authForm #loginBtn {
  box-sizing:border-box!important;
  width:100%!important;
  min-height:47px!important;
  margin:3px 0 0!important;
  padding:11px 16px!important;
  border:0!important;
  border-radius:10px!important;
  background:#05083F!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font:700 14px/1.4 'DM Sans',Arial,sans-serif!important;
  box-shadow:none!important;
}
html[data-view="account"] body #authPanel #authForm #loginBtn:hover {
  background:#10165C!important;
}
html[data-view="account"] body #authPanel #authForm #forgotPasswordBtn {
  display:block!important;
  width:auto!important;
  min-height:30px!important;
  justify-self:center!important;
  margin:0!important;
  padding:3px 6px!important;
  color:#49687f!important;
  -webkit-text-fill-color:#49687f!important;
  font:500 13px/1.5 'DM Sans',Arial,sans-serif!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
}
html[data-view="account"] body #authPanel:has(#authForm:not([hidden])) #accountMessage:empty,
html[data-view="account"] body #authPanel:has(#authForm:not([hidden])) #confirmationHelp[hidden] {
  display:none!important;
}
html[data-view="account"] body #authPanel:has(#authForm:not([hidden])) #accountMessage:not(:empty) {
  margin:12px 0 0!important;
  font-size:13px!important;
  line-height:1.5!important;
}
@media(max-width:640px){
  html[data-view="account"] body #authPanel:has(#authForm:not([hidden])) {
    width:calc(100% - 28px)!important;
    margin:16px auto 26px!important;
    padding:22px 18px!important;
    border-radius:16px!important;
  }
  html[data-view="account"] body #authPanel #authForm .auth-mode > button {font-size:13px!important}
}

/* Google mark: true multicolour Google G, aligned with the existing OAuth label. */
html[data-view="account"] body #authPanel #oauthGoogle:not([hidden]) {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:11px!important;
}
html[data-view="account"] body #authPanel #oauthGoogle .wr-google-mark {
  display:block!important;
  flex:0 0 20px!important;
  width:20px!important;
  height:20px!important;
  object-fit:contain!important;
}

/* Final compact login: keep the signed-in dashboard at its existing width. */
html[data-view="account"] body #authPanel:has(#authForm:not([hidden])){
 max-width:600px!important;
 margin:20px auto 28px!important;
 padding:23px 25px 24px!important;
 border-radius:18px!important;
 box-shadow:0 10px 30px rgba(5,8,63,.045)!important;
}
html[data-view="account"] body #authPanel:has(#authForm:not([hidden])) > h1{
 font-size:clamp(30px,3vw,36px)!important;
 margin-bottom:3px!important;
}
html[data-view="account"] body #authPanel:has(#authForm:not([hidden])) > p{
 margin-bottom:16px!important;
 font-size:13px!important;
}
html[data-view="account"] body #authPanel #authForm .auth-mode{
 margin-bottom:13px!important;
 padding:3px!important;
 border-radius:10px!important;
}
html[data-view="account"] body #authPanel #authForm .auth-mode > button{
 min-height:40px!important;
 font-size:13px!important;
 border-radius:8px!important;
}
html[data-view="account"] body #authPanel #authForm .auth-mode > button[aria-pressed="true"]{
 color:#05083F!important;
 -webkit-text-fill-color:#05083F!important;
 border:1px solid #e8e1d5!important;
}
html[data-view="account"] body #authPanel #authForm .oauth-buttons:not([hidden]){
 margin:0 0 13px!important;
}
html[data-view="account"] body #authPanel #authForm #oauthGoogle:not([hidden]){
 display:flex!important;
 flex-direction:row!important;
 align-items:center!important;
 justify-content:center!important;
 gap:10px!important;
 min-height:45px!important;
 margin:0!important;
 padding:9px 14px!important;
 border-radius:10px!important;
 border-color:#d9dfe4!important;
 background:#fff!important;
 box-shadow:0 2px 8px rgba(5,8,63,.025)!important;
}
html[data-view="account"] body #authPanel #authForm #oauthGoogle > .wr-google-mark{
 display:block!important;
 position:static!important;
 flex:0 0 20px!important;
 width:20px!important;
 height:20px!important;
 margin:0!important;
 object-fit:contain!important;
}
html[data-view="account"] body #authPanel #authForm #oauthGoogle > span{
 display:inline-block!important;
 position:static!important;
 flex:0 0 auto!important;
 width:auto!important;
 max-width:none!important;
 margin:0!important;
 padding:0!important;
 text-align:left!important;
}
html[data-view="account"] body #authPanel #authForm .fields{gap:10px!important}
html[data-view="account"] body #authPanel #authForm label{margin-bottom:4px!important;font-size:12.5px!important}
html[data-view="account"] body #authPanel #authForm input:not([type="checkbox"]){
 height:44px!important;
 min-height:44px!important;
 padding:8px 12px!important;
 font-size:14px!important;
}
html[data-view="account"] body #authPanel #authForm #loginBtn{
 min-height:45px!important;
 margin-top:2px!important;
 padding:10px 14px!important;
}
html[data-view="account"] body #authPanel #authForm #forgotPasswordBtn{font-size:12.5px!important}
@media(max-width:640px){
 html[data-view="account"] body #authPanel:has(#authForm:not([hidden])){
  width:calc(100% - 28px)!important;
  margin:14px auto 24px!important;
  padding:19px 17px 20px!important;
  border-radius:16px!important;
 }
}