
body.page .c-page-content.madara-user-edit-page .content-area{margin:0}
body.manga-page:not(.reading-manga) .c-page-content.madara-user-edit-page{margin:0}
.madara-user-edit-page .item-title,body.text-ui-light .madara-user-edit-page a:not(:hover),body.text-ui-light .madara-user-edit-page h1,body.text-ui-light .madara-user-edit-page h2,body.text-ui-light .madara-user-edit-page h3,body.text-ui-light .madara-user-edit-page h4,body.text-ui-light .madara-user-edit-page h5,body.text-ui-light .madara-user-edit-page .h1,body.text-ui-light .madara-user-edit-page .h2,body.text-ui-light .madara-user-edit-page .h3,body.text-ui-light .madara-user-edit-page .h4,body.text-ui-light .madara-user-edit-page .h5,body.text-ui-light .madara-user-edit-page h6,body.text-ui-light .madara-user-edit-page .h6{color:#000}
body.text-ui-light .madara-user-edit-page input:not([type]),body.text-ui-light .madara-user-edit-page input[type="color"],body.text-ui-light .madara-user-edit-page input[type="email"],body.text-ui-light .madara-user-edit-page input[type="number"],body.text-ui-light .madara-user-edit-page input[type="password"],body.text-ui-light .madara-user-edit-page input[type="tel"],body.text-ui-light .madara-user-edit-page input[type="url"],body.text-ui-light .madara-user-edit-page input[type="text"],body.text-ui-light .madara-user-edit-page input[type="search"],body.text-ui-light .madara-user-edit-page textarea,body.text-ui-light .madara-user-edit-page select{color:#333}
.text-ui-light .madara-user-edit-page .btn{color:#333}
.madara-user-edit-page .main-col-inner{padding-bottom:0}
body.text-ui-light .madara-user-edit-page .settings-page .tabs-content-wrap .tab-group-item .tab-item{border-color:#ebebeb}
body.manga-page:not(.reading-manga) .madara-user-edit-page.c-page-content .content-area .container{z-index:auto}
body.manga-page .page-content-listing.single-page .listing-chapters_wrap a:hover > span.muu-edit-actions-btn{display:inline-block}
.madara-user-edit-page .listing-chapters_wrap .main,body.manga-page .madara-user-edit-page .page-content-listing.single-page .listing-chapters_wrap ul.sub-chap-list{display:block !important;flex-wrap:unset}
.madara-user-edit-page .listing-chapters_wrap a{display:block !important}
.madara-user-edit-page .listing-chapters_wrap .wp-manga-chapter a:before{display:none}

/* Custom user-settings page */
.nhv-us-page{
  max-width: 1200px;
  margin: 0 auto;
  padding: 18px 14px 34px;
}
.nhv-us-hero{
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  margin-bottom: 14px;
}
.nhv-us-profile,
.nhv-us-card{
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(12,15,35,.62);
  border-radius: 16px;
  padding: 14px;
  color: #eef2ff;
}
.nhv-us-profile{
  display: flex;
  align-items: center;
  gap: 12px;
}
.nhv-us-profile__avatar{
  width: 84px;
  height: 84px;
  border-radius: 18px;
  object-fit: cover;
  border: 1px solid rgba(255,255,255,.16);
}
.nhv-us-profile__name{
  margin: 0;
  font-size: 22px;
  font-weight: 900;
}
.nhv-us-profile__email{
  margin: 4px 0 0;
  opacity: .82;
  font-size: 13px;
}
.nhv-us-profile__membership{
  margin-top: 10px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.05);
  font-size: 12px;
}
.nhv-us-profile__membership strong{
  font-size: 13px;
}
.nhv-us-profile__membership.nhv-membership--vip{
  border-color: rgba(255, 215, 0, .35);
  background: linear-gradient(135deg, rgba(255,215,0,.16), rgba(255,215,0,.04));
}
.nhv-us-profile__levelbox{
  margin-top:12px;
  padding:12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(135deg, rgba(123,129,255,.16), rgba(255,255,255,.04));
  display:flex;
  align-items:center;
  gap:12px;
}
.nhv-us-profile__levelbadge{
  width:62px;
  height:62px;
  flex:0 0 auto;
  object-fit:contain;
  display:block;
}
.nhv-us-profile__levelcopy{min-width:0}
.nhv-us-profile__levelname{
  margin:0;
  font-size:18px;
  font-weight:900;
  line-height:1.2;
}
.nhv-us-profile__levelmeta{
  margin:6px 0 0;
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  font-size:13px;
  opacity:.9;
}
.nhv-us-messages{
  margin-bottom: 14px;
  display: grid;
  gap: 8px;
}
.nhv-us-tabs{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}
.nhv-us-tab{
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.04);
  color: #f4f7ff;
  border-radius: 999px;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 800;
}
.nhv-us-tab:hover{
  background: rgba(255,255,255,.10);
  color: #fff;
}
.nhv-us-tab:focus-visible{
  outline: 2px solid rgba(154,129,255,.75);
  outline-offset: 2px;
}
.nhv-us-tab.is-active{
  border-color: rgba(154,129,255,.65);
  background: linear-gradient(135deg, rgba(154,129,255,.32), rgba(52,37,124,.24));
  color: #fff;
}
.nhv-us-msg{
  border-radius: 12px;
  padding: 10px 12px;
  font-size: 13px;
}
.nhv-us-msg--error{
  border: 1px solid rgba(255,100,100,.35);
  background: rgba(255,80,80,.12);
}
.nhv-us-msg--ok{
  border: 1px solid rgba(99,210,132,.35);
  background: rgba(74,180,106,.12);
}
.nhv-us-panels{
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}
.nhv-us-panel{ display: none; }
.nhv-us-panel.is-active{ display: block; }
.nhv-us-card__head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 12px;
}
.nhv-us-card__head h2{
  margin: 0;
  font-size: 20px;
}
.nhv-us-card__count{
  font-size: 12px;
  font-weight: 800;
  opacity: .86;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.15);
  padding: 4px 10px;
}
.nhv-us-bookmark-table-wrap{
  overflow: auto;
}
.nhv-us-bookmark-table{
  margin-bottom: 0;
}
.nhv-us-bookmark-table th{
  font-size: 12px;
  opacity: .95;
  color: #dce5ff !important;
  border-top: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.10) !important;
}
.nhv-us-bookmark-table td{
  vertical-align: middle !important;
  color: #eef2ff !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
}
.nhv-us-bookmark-table td:nth-child(2){
  color: #d9e2ff !important;
  font-weight: 700;
}
.nhv-us-bookmark-title a{
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: #ffffff !important;
  font-weight: 800;
}
.nhv-us-bookmark-title img{
  width: 40px;
  height: 56px;
  border-radius: 8px;
  object-fit: cover;
}
.nhv-us-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 11px;
  padding: 8px 12px;
  text-decoration: none !important;
  background: rgba(255,255,255,.06);
  font-size: 13px;
  font-weight: 800;
  color: #ffffff !important;
}
.nhv-us-btn *{
  color: #ffffff !important;
}
.nhv-us-btn:hover{
  background: rgba(255,255,255,.12);
  color: #ffffff !important;
}
.nhv-us-bookmark-actions{
  display: flex;
  align-items: center;
  gap: 8px;
}
.nhv-us-inline-form{
  margin: 0;
}
.nhv-us-btn--danger{
  border-color: rgba(255,100,100,.36);
  background: rgba(255,90,90,.16);
}
.nhv-us-btn--danger:hover{
  background: rgba(255,90,90,.26);
}
.nhv-us-btn--big{
  padding: 10px 14px;
  margin-top: 8px;
}
.nhv-us-form{
  display: grid;
  gap: 10px;
}
.nhv-us-form label{
  display: grid;
  gap: 6px;
}
.nhv-us-form label span{
  font-size: 13px;
  font-weight: 700;
}
.nhv-us-form input[type="text"],
.nhv-us-form input[type="password"],
.nhv-us-form input[type="file"]{
  width: 100%;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 10px;
  padding: 9px 10px;
  background: rgba(255,255,255,.04);
  color: #eef2ff;
}
.nhv-us-form small{
  font-size: 12px;
  opacity: .8;
}
.nhv-us-sep{
  border: 0;
  height: 1px;
  background: rgba(255,255,255,.10);
  margin: 16px 0;
}
.nhv-us-actions{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.nhv-us-link{
  font-size: 13px;
  text-decoration: none;
  color: #d8e0ff !important;
}
.nhv-us-empty,
.nhv-us-note{
  margin: 8px 0 0;
  font-size: 13px;
  opacity: .92;
}

@media (max-width: 980px){
  .nhv-us-hero{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px){
  .nhv-us-bookmark-actions{
    flex-direction: column;
    align-items: stretch;
  }
  .nhv-us-btn,
  .nhv-us-btn--big{
    width: 100%;
  }
}
