.aoj-suite-card{background:#fff;border:1px solid #dcdcde;border-radius:12px;padding:20px;margin:0 0 20px;box-shadow:0 3px 14px rgba(0,0,0,.06)}
.aoj-suite-card h2{margin-top:0}.aoj-suite-form{display:grid;gap:14px}.aoj-suite-form label,.aoj-suite-preferences label{display:grid;gap:5px}.aoj-suite-form input,.aoj-suite-form textarea{width:100%;max-width:100%;box-sizing:border-box}.aoj-suite-form textarea{min-height:110px}.aoj-suite-form fieldset{display:grid;gap:8px;border:1px solid #dcdcde;border-radius:8px;padding:12px}.aoj-suite-form fieldset label,.aoj-suite-preferences label{grid-template-columns:auto 1fr;align-items:center}.aoj-suite-card button{border:0;border-radius:7px;background:#18212b;color:#fff;padding:9px 14px;cursor:pointer}.aoj-suite-list-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid #eee}.aoj-suite-list-item:last-child{border-bottom:0}.aoj-suite-list-item.is-unread{border-left:4px solid #2271b1;padding-left:10px}.aoj-suite-list-item time{font-size:.8rem;color:#646970}.aoj-rank-progress__bar{height:12px;background:#e8eaed;border-radius:999px;overflow:hidden}.aoj-rank-progress__bar span{display:block;height:100%;background:#2271b1}.aoj-upcoming-events ul{list-style:none;padding:0}.aoj-upcoming-events li{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid #eee}.aoj-mobile-member-menu{display:none}
.aoj-admin-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:20px 0}.aoj-admin-metrics>div{background:#fff;border:1px solid #dcdcde;border-radius:8px;padding:16px}.aoj-admin-metrics strong{display:block;font-size:1.7rem}.aoj-admin-metrics span{color:#50575e}
@media(max-width:782px){.aoj-suite-list-item,.aoj-upcoming-events li{align-items:flex-start;flex-direction:column}.aoj-mobile-member-menu{position:fixed;z-index:9999;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);background:#161d25;box-shadow:0 -3px 16px rgba(0,0,0,.25)}.aoj-mobile-member-menu a{color:#fff;text-align:center;text-decoration:none;padding:12px 5px;font-size:.78rem}.aoj-mobile-member-menu a:focus,.aoj-mobile-member-menu a:hover{background:#2c3743}.logged-in body{padding-bottom:58px}}


.aoj-account-settings{font-family:inherit;color:inherit;max-width:none}
.aoj-account-settings .aoj-suite-form{display:grid;gap:1rem}
.aoj-account-settings fieldset{display:grid;gap:.65rem;padding:1rem;border:1px solid rgba(127,127,127,.3)}
.aoj-account-settings input[type="text"],.aoj-account-settings input[type="email"],.aoj-account-settings select{width:100%;max-width:42rem;box-sizing:border-box;font:inherit}
.aoj-account-settings button{font:inherit;width:max-content}

/* 1.5.4: frontend account, message and utility panels inherit the theme. */
.aoj-suite-card {
  width: 100%;
  max-width: none;
  min-width: 0;
  box-sizing: border-box;
  margin: 0 0 1.5em;
  padding: 0;
  background: transparent;
  color: inherit;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  font: inherit;
}
.aoj-suite-card button,
.aoj-suite-card input,
.aoj-suite-card select,
.aoj-suite-card textarea { font: inherit; }
.aoj-upcoming-events li { width: 100%; box-sizing: border-box; }