/* ============================================================
   SLIMEREAD / MANGA ONLINE — INTERFACE GLOBAL 2026
   Unifica o visual de todas as telas com a identidade da home.
   ============================================================ */
:root{
  --sr-bg:#05070d;
  --sr-bg-soft:#080c14;
  --sr-panel:#0b1019;
  --sr-panel-2:#0e1521;
  --sr-panel-3:#141b2b;
  --sr-border:#232b39;
  --sr-border-soft:rgba(255,255,255,.07);
  --sr-text:#f4f6fb;
  --sr-muted:#8f98aa;
  --sr-pink:#ff326b;
  --sr-pink-2:#ff4c7f;
  --sr-purple:#8b35e8;
  --sr-blue:#3d8ad8;
  --sr-radius:12px;
  --sr-shadow:0 18px 45px rgba(0,0,0,.24);
  --sr-max:1330px;
}
html{background:var(--sr-bg);}
body{
  background:
    radial-gradient(circle at 92% 8%,rgba(91,44,155,.11),transparent 24rem),
    radial-gradient(circle at 6% 28%,rgba(255,50,107,.055),transparent 28rem),
    var(--sr-bg)!important;
  color:var(--sr-text);
}
body,button,input,select,textarea{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;}
a{transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease;}

/* Cabeçalho: mesma linguagem visual da página inicial */
.site-header{
  background:rgba(5,7,13,.96)!important;
  border-bottom:1px solid var(--sr-border-soft)!important;
  box-shadow:none!important;
  backdrop-filter:blur(16px);
}
.header-container{max-width:1440px!important;padding-left:34px!important;padding-right:34px!important;}
.site-title,.site-title a{
  color:var(--sr-pink)!important;
  background:none!important;
  -webkit-text-fill-color:initial!important;
  letter-spacing:1.4px!important;
  font-weight:900!important;
}
.nav-menu li a{color:#aeb6c8!important;font-size:.86rem!important;}
.nav-menu li a:hover,.nav-menu li.current-menu-item>a{color:#fff!important;}
.search-toggle,.user-menu-toggle,.mobile-menu-toggle{
  border-color:var(--sr-border)!important;
  background:#0b1019!important;
  color:#dce3ef!important;
}
.search-toggle:hover,.user-menu-toggle:hover,.mobile-menu-toggle:hover{border-color:#3a465c!important;background:#111827!important;}
.dropdown-overlay{background:rgba(0,0,0,.64)!important;backdrop-filter:blur(4px);}
.search-dropdown-content,.user-dropdown-content,.mobile-menu{
  background:#0b1019!important;
  border:1px solid var(--sr-border)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.55)!important;
}
.user-dropdown-item,.mobile-menu a{color:#cbd3e1!important;}
.user-dropdown-item:hover,.mobile-menu a:hover{background:#111827!important;color:#fff!important;}

/* Largura, títulos e painéis comuns */
body:not(.home) #content{min-height:65vh;}
body:not(.home) #content>.container,
body:not(.home) .site-main>.container,
body:not(.home) .site-main.container,
body:not(.home) .search-page,
body:not(.home) .search-results-page,
body:not(.home) .profile-container{
  max-width:var(--sr-max)!important;
}
body:not(.home) .site-main{color:var(--sr-text);}
.page-title,.entry-title,.section-title,.results-title,.profile-name,.comments-title{
  color:var(--sr-text)!important;
  font-weight:850!important;
  letter-spacing:-.02em;
}
.page-header,.search-header{
  border:1px solid var(--sr-border)!important;
  background:linear-gradient(135deg,#0c111c,#090d15 64%,#151126)!important;
  border-radius:14px!important;
  padding:24px!important;
  box-shadow:var(--sr-shadow);
}

/* Inputs, filtros e paginação */
input[type="text"],input[type="search"],input[type="email"],input[type="password"],input[type="number"],input[type="url"],textarea,select,
.search-field,.filter-select{
  background:#0b111c!important;
  color:#eef2f8!important;
  border:1px solid #273043!important;
  border-radius:10px!important;
  outline:none!important;
}
input:focus,textarea:focus,select:focus,.search-field:focus{
  border-color:#9f356d!important;
  box-shadow:0 0 0 3px rgba(255,50,107,.10)!important;
}
button,.button,.btn,.search-submit-btn,.apply-filters-btn,.reset-search-btn{
  border-radius:999px!important;
}
.search-submit-btn,.apply-filters-btn,.button-primary,
.profile-form input[type="submit"],.profile-form button[type="submit"]{
  background:linear-gradient(90deg,var(--sr-pink),var(--sr-purple))!important;
  color:#fff!important;
  border:0!important;
  font-weight:800!important;
}
.pagination a,.pagination span{
  background:#101726!important;
  color:#cdd5e2!important;
  border:1px solid var(--sr-border)!important;
  border-radius:8px!important;
}
.pagination .current{background:linear-gradient(135deg,var(--sr-pink),#9e2a9d)!important;color:#fff!important;border-color:transparent!important;}

/* Cards de mangá: mesmos materiais visuais dos cards da home */
.manga-grid{gap:14px!important;}
.manga-card,.related-grid .manga-card,.search-results-grid .manga-card{
  background:var(--sr-panel)!important;
  border:1px solid var(--sr-border)!important;
  border-radius:10px!important;
  overflow:hidden!important;
  box-shadow:0 8px 24px rgba(0,0,0,.16)!important;
}
.manga-card:hover{transform:translateY(-3px);border-color:#3c475a!important;}
.manga-card-image{background:#111827!important;overflow:hidden!important;}
.manga-card-image img,.manga-cover-img{transition:transform .35s ease;}
.manga-card:hover .manga-card-image img{transform:scale(1.035);}
.manga-card-content{background:linear-gradient(180deg,#0b1019,#0a0f18)!important;}
.manga-card-title,.manga-card-title a{color:#f4f6fb!important;}
.manga-card-meta,.manga-card-genres{color:#7f899a!important;}
.manga-status,.latest-chapter,.new-tag{border-radius:999px!important;}
.new-tag{background:var(--sr-pink)!important;color:#fff!important;font-weight:900!important;}

/* Página do mangá */
body.single-manga .site-main{max-width:none!important;width:100%!important;margin:0!important;}
body.single-manga .site-main>.container{padding-top:24px!important;padding-bottom:30px!important;}
body.single-manga .manga-single{
  border-radius:16px!important;
  overflow:hidden;
}
body.single-manga .manga-header{
  position:relative;
  border:1px solid var(--sr-border)!important;
  border-radius:16px!important;
  background:linear-gradient(120deg,rgba(10,15,25,.98),rgba(12,17,29,.94) 62%,rgba(35,20,57,.82))!important;
  box-shadow:0 24px 60px rgba(0,0,0,.30)!important;
  padding:24px!important;
  overflow:hidden;
}
body.single-manga .manga-header:after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 90% 16%,rgba(139,53,232,.16),transparent 34%),radial-gradient(circle at 8% 90%,rgba(255,50,107,.08),transparent 28%);
}
body.single-manga .manga-header>*{position:relative;z-index:1;}
body.single-manga .manga-cover{border-radius:12px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.15)!important;box-shadow:0 18px 45px rgba(0,0,0,.35)!important;}
body.single-manga .manga-title{color:#fff!important;font-weight:900!important;letter-spacing:-.035em!important;}
body.single-manga .manga-synopsis,
body.single-manga .manga-meta-grid,
body.single-manga .manga-tags{
  background:#0c1320!important;
  border:1px solid #243047!important;
  border-radius:10px!important;
}
body.single-manga .synopsis-content{color:#b8c0cf!important;line-height:1.7!important;}
body.single-manga .manga-tag{background:#182238!important;border:1px solid #2e3b55!important;color:#d8e3f4!important;border-radius:999px!important;}
body.single-manga .start-reading-btn{
  background:linear-gradient(90deg,var(--sr-pink),var(--sr-purple))!important;
  border:0!important;color:#fff!important;border-radius:999px!important;
  box-shadow:0 8px 24px rgba(255,50,107,.18);
}
body.single-manga .favorite-btn,body.single-manga .share-btn{
  background:#121a2a!important;border:1px solid #29354a!important;color:#ecf1f8!important;border-radius:999px!important;
}
body.single-manga .manga-content{margin-top:18px!important;}
body.single-manga .manga-chapters,
body.single-manga .related-manga{
  background:#090f18!important;
  border:1px solid var(--sr-border)!important;
  border-radius:14px!important;
  box-shadow:0 16px 40px rgba(0,0,0,.20)!important;
}
body.single-manga .chapters-title{color:#f4f6fb!important;}
body.single-manga .chapter-grid-item,
body.single-manga .chapter-item{
  background:#0b121e!important;border:1px solid #273247!important;border-radius:11px!important;
}
body.single-manga .chapter-grid-item:hover,body.single-manga .chapter-item:hover{border-color:#43516b!important;background:#0e1726!important;}
body.single-manga .chapter-action,body.single-manga .view-toggle-btn,body.single-manga .chapter-add-button,body.single-manga .chapters-load-more{
  border-radius:999px!important;
}
body.single-manga .view-toggle-btn.active{background:linear-gradient(135deg,#6e2347,#4d1f56)!important;border-color:#a54377!important;color:#fff!important;}
body.single-manga .chapters-load-more{background:#151e31!important;border:1px solid #28364d!important;color:#e3e9f3!important;}

/* Pesquisa e catálogo/gêneros */
body.search .search-results-page,body.page-template-page-pesquisa .search-page,body.tax-genre .site-main>.container{padding-top:28px!important;padding-bottom:34px!important;}
.search-form-container,.manga-filters,.search-results-container{
  background:var(--sr-panel)!important;
  border:1px solid var(--sr-border)!important;
  border-radius:14px!important;
  box-shadow:0 14px 38px rgba(0,0,0,.18)!important;
}
.filters-container{background:transparent!important;}
.filter-label,.search-field-group label{color:#9ea8b9!important;font-weight:700!important;}
.search-description,.genre-description,.results-count{color:var(--sr-muted)!important;}
.no-results{background:var(--sr-panel)!important;border:1px solid var(--sr-border)!important;border-radius:14px!important;color:#aab4c4!important;}

/* Perfil */
body.page-template-page-perfil .site-main>.container{padding-top:28px!important;padding-bottom:36px!important;}
.profile-container{
  background:transparent!important;
  color:var(--sr-text)!important;
}
.profile-header,.profile-section,.profile-tab-content{
  background:var(--sr-panel)!important;
  border:1px solid var(--sr-border)!important;
  border-radius:14px!important;
  box-shadow:0 14px 38px rgba(0,0,0,.18)!important;
}
.profile-avatar img,.avatar-image{border:2px solid #313d51!important;box-shadow:0 10px 30px rgba(0,0,0,.25)!important;}
.profile-meta,.profile-avatar-hint{color:var(--sr-muted)!important;}
.profile-tabs{background:#090e17!important;border:1px solid var(--sr-border)!important;border-radius:12px!important;padding:5px!important;}
.profile-tab{color:#9da7b7!important;border-radius:9px!important;}
.profile-tab:hover{background:#111927!important;color:#fff!important;}
.profile-tab.active{background:linear-gradient(135deg,#6f1f46,#4d205c)!important;color:#fff!important;}
.profile-form .form-group label{color:#aab4c4!important;}

/* 404, conteúdo genérico e widgets */
.error-404,.not-found,.entry-content,.widget{
  color:#c8d0dc;
}
body.error404 .site-main{max-width:var(--sr-max)!important;margin:0 auto!important;padding:55px 20px!important;}
body.error404 .error-404{background:var(--sr-panel)!important;border:1px solid var(--sr-border)!important;border-radius:16px!important;padding:42px!important;text-align:center;}
.widget{background:var(--sr-panel)!important;border:1px solid var(--sr-border)!important;border-radius:12px!important;}
.widget-title{color:#f0f3f8!important;}

/* Leitor: mantém foco nas imagens, mas usa os mesmos controles e painéis */
body.single-chapter{background:#03050a!important;}
body.single-chapter .chapter-header{
  background:rgba(5,7,13,.96)!important;
  border-bottom:1px solid var(--sr-border)!important;
  color:#f1f4f8!important;
}
body.single-chapter .chapter-title-bar .manga-title,body.single-chapter .chapter-title-bar a{color:#f4f6fb!important;}
body.single-chapter .chapter-footer,body.single-chapter .chapter-comments{
  max-width:1000px!important;margin-left:auto!important;margin-right:auto!important;
  background:#090f18!important;border:1px solid var(--sr-border)!important;border-radius:14px!important;
}
body.single-chapter .chapter-nav-btn{
  background:#111a2a!important;border:1px solid #2c394f!important;color:#e7edf6!important;border-radius:999px!important;
}
body.single-chapter .chapter-nav-btn:hover{background:linear-gradient(135deg,#6f2447,#4e205e)!important;border-color:#a13d72!important;}
body.single-chapter .reader-mobile-bar{background:rgba(6,10,18,.97)!important;border-color:#293750!important;}
body.single-chapter .reader-mobile-bar__item{background:#101827!important;border-color:#2b3a52!important;}

/* Rodapé com a mesma identidade da home em todo o site */
.site-footer{
  margin-top:34px!important;
  background:linear-gradient(180deg,#090c12,#11101a)!important;
  border-top:1px solid #242936!important;
  color:#959eaf!important;
}
.site-footer>.container{max-width:var(--sr-max)!important;}
.site-stats{margin:0!important;padding:20px 0!important;border:0!important;}
.stats-wrapper{gap:8px!important;}
.stats-divider{display:none!important;}
.stats-group{gap:8px!important;}
.stats-item{background:#151923!important;border:1px solid #252a35!important;border-radius:8px!important;padding:9px 12px!important;min-width:132px!important;}
.stats-label{font-size:.62rem!important;color:#7f8796!important;}
.stats-value{font-size:.95rem!important;color:#f1f4f8!important;}
.footer-widgets{border-top:1px solid rgba(255,255,255,.05)!important;padding-top:22px!important;gap:22px!important;}
.footer-widget{background:#0d1119!important;border:1px solid #202734!important;border-radius:10px!important;padding:18px!important;}
.footer-widget-title{color:#f4f6fb!important;font-size:.86rem!important;}
.footer-menu a{color:#8f99aa!important;}
.footer-menu a:hover{color:#fff!important;}

/* Scrollbar sutil no mesmo tom neon da home */
@media (hover:hover){
  *{scrollbar-color:#8d285e #080b11;scrollbar-width:thin;}
  ::-webkit-scrollbar{width:8px;height:8px;}
  ::-webkit-scrollbar-track{background:#080b11;}
  ::-webkit-scrollbar-thumb{background:linear-gradient(var(--sr-pink),#7f2db0);border-radius:999px;}
}

@media (max-width:900px){
  .header-container{padding-left:18px!important;padding-right:18px!important;}
  body:not(.home) #content>.container,body:not(.home) .site-main>.container,body:not(.home) .site-main.container{padding-left:16px!important;padding-right:16px!important;}
  body.single-manga .manga-header{padding:16px!important;border-radius:13px!important;}
  .page-header,.search-header{padding:18px!important;}
  .footer-widgets{grid-template-columns:1fr!important;}
}
@media (max-width:680px){
  .header-container{padding-left:14px!important;padding-right:14px!important;}
  body:not(.home) #content>.container,body:not(.home) .site-main>.container,body:not(.home) .site-main.container{padding-left:12px!important;padding-right:12px!important;}
  .page-header,.search-header,.search-form-container,.manga-filters,.search-results-container,.profile-header,.profile-section,.profile-tab-content{border-radius:11px!important;}
  .stats-wrapper,.stats-group{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;}
  .stats-item{min-width:0!important;}
}

/* Mobile single manga polish — 2026-08-19 */
@media (max-width: 680px) {
  body.single-manga,
  body.single-manga #page,
  body.single-manga #content,
  body.single-manga .site-main,
  body.single-manga .site-main > .container,
  body.single-manga .manga-single {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  body.single-manga .site-main > .container {
    padding: 10px 10px 24px !important;
  }

  body.single-manga .manga-single {
    margin-top: 8px !important;
    padding-bottom: 18px !important;
    border-radius: 14px !important;
  }

  body.single-manga .manga-header,
  body.single-manga .manga-header.has-background {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    border-radius: 14px !important;
    background-attachment: scroll !important;
    background-position: center top !important;
    background-size: cover !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.single-manga .manga-header-overlay {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 16px 14px 18px !important;
    box-sizing: border-box !important;
    text-align: left !important;
    background: linear-gradient(180deg, rgba(7,10,18,.80), rgba(7,10,18,.97) 36%, rgba(7,10,18,.99)) !important;
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
  }

  body.single-manga .manga-cover,
  body.single-manga .manga-header.has-background .manga-cover {
    width: min(52vw, 176px) !important;
    max-width: 176px !important;
    min-width: 0 !important;
    margin: 0 auto 2px !important;
    border-radius: 12px !important;
    aspect-ratio: 7 / 10 !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.42) !important;
  }

  body.single-manga .manga-cover-image {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    object-fit: cover !important;
  }

  body.single-manga .manga-info {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  body.single-manga .manga-title {
    width: 100% !important;
    max-width: 100% !important;
    margin: 2px 0 10px !important;
    padding: 0 !important;
    font-size: clamp(1.45rem, 7vw, 1.85rem) !important;
    line-height: 1.12 !important;
    letter-spacing: -.025em !important;
    text-align: center !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  body.single-manga .manga-stats {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 0 12px !important;
    color: #a9b4c7 !important;
  }

  body.single-manga .manga-rating,
  body.single-manga .manga-chapters-count,
  body.single-manga .manga-readers,
  body.single-manga .manga-views {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    min-height: 38px !important;
    padding: 7px 8px !important;
    margin: 0 !important;
    border: 1px solid #263249 !important;
    border-radius: 10px !important;
    background: rgba(12,19,32,.88) !important;
    font-size: .78rem !important;
    line-height: 1.2 !important;
    text-align: center !important;
  }

  body.single-manga .manga-synopsis {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 12px !important;
    padding: 14px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    text-align: left !important;
  }

  body.single-manga .manga-synopsis h3 {
    margin: 0 0 9px !important;
    font-size: 1rem !important;
    line-height: 1.25 !important;
    color: #dce4f1 !important;
  }

  body.single-manga .synopsis-content,
  body.single-manga .synopsis-content p {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 0 !important;
    margin-bottom: 8px !important;
    font-size: .93rem !important;
    line-height: 1.58 !important;
    text-align: left !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  body.single-manga .synopsis-content p:last-child { margin-bottom: 0 !important; }

  body.single-manga .manga-tags {
    width: 100% !important;
    margin: 0 0 12px !important;
    padding: 10px !important;
    gap: 7px !important;
    box-sizing: border-box !important;
    justify-content: flex-start !important;
  }

  body.single-manga .manga-tag {
    padding: 5px 9px !important;
    font-size: .72rem !important;
    line-height: 1.1 !important;
  }

  body.single-manga .manga-meta-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 0 12px !important;
    padding: 10px !important;
    box-sizing: border-box !important;
  }

  body.single-manga .manga-meta-item {
    min-width: 0 !important;
    align-items: flex-start !important;
    padding: 8px !important;
    border-radius: 8px !important;
    background: rgba(20,29,46,.56) !important;
    text-align: left !important;
  }

  body.single-manga .meta-label { margin-bottom: 3px !important; font-size: .7rem !important; }
  body.single-manga .meta-value { max-width: 100% !important; font-size: .82rem !important; overflow-wrap: anywhere !important; }

  body.single-manga .manga-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
  }

  body.single-manga .start-reading-btn {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-height: 46px !important;
    padding: 10px 14px !important;
    box-sizing: border-box !important;
  }

  body.single-manga .favorite-btn,
  body.single-manga .share-btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    padding: 9px 10px !important;
    box-sizing: border-box !important;
    font-size: .8rem !important;
  }

  body.single-manga .manga-content,
  body.single-manga .manga-tab-content,
  body.single-manga .manga-tab-content.manga-chapters-section {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 390px) {
  body.single-manga .site-main > .container { padding-left: 8px !important; padding-right: 8px !important; }
  body.single-manga .manga-header-overlay { padding: 14px 12px 16px !important; }
  body.single-manga .manga-cover,
  body.single-manga .manga-header.has-background .manga-cover { width: min(50vw, 160px) !important; }
  body.single-manga .manga-title { font-size: 1.4rem !important; }
  body.single-manga .manga-meta-grid { grid-template-columns: 1fr 1fr !important; }
  body.single-manga .manga-actions { grid-template-columns: 1fr !important; }
  body.single-manga .start-reading-btn { grid-column: auto !important; }
}

/* Identidade do site: logo de imagem + nome configurável */
.site-branding{display:flex;align-items:center;gap:10px;min-width:0}
.site-branding .site-logo{display:flex;align-items:center;flex:0 0 auto}
.site-branding .site-title{margin:0;min-width:0;white-space:nowrap}
.site-branding .site-title a{text-decoration:none}
@media (max-width:480px){.site-branding{gap:7px}.site-branding .site-title{font-size:1rem}}

/* ============================================================
   LOGIN / CADASTRO RESPONSIVO + CABEÇALHO 2026-08-19
   Corrige modal excessivamente largo e logo cortada em PC/mobile.
   ============================================================ */

/* O header nunca deve empurrar a marca para fora da viewport. */
.site-header,
.header-container{
  box-sizing:border-box!important;
}
.header-container{
  width:100%!important;
  margin-inline:auto!important;
  gap:18px!important;
}
.site-branding{
  flex:0 1 auto!important;
  max-width:min(34vw,360px)!important;
  overflow:hidden!important;
}
.site-branding .site-title{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:100%!important;
  line-height:1.1!important;
}
.site-branding .site-title a{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.main-navigation{
  min-width:0!important;
  flex:1 1 auto!important;
  justify-content:center!important;
}
.header-actions{
  flex:0 0 auto!important;
}

/* Login/cadastro sempre como card central, nunca como painel de tela cheia. */
.login-dropdown{
  position:fixed!important;
  top:50%!important;
  left:50%!important;
  right:auto!important;
  bottom:auto!important;
  width:min(92vw,480px)!important;
  max-width:480px!important;
  max-height:min(88vh,760px)!important;
  margin:0!important;
  padding:0!important;
  transform:translate(-50%,-50%) scale(.97)!important;
  overflow:hidden!important;
  border:1px solid var(--sr-border, #232b39)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#0c121d 0%,#090e17 100%)!important;
  box-shadow:0 28px 90px rgba(0,0,0,.62)!important;
  z-index:10050!important;
}
.login-dropdown.active{
  opacity:1!important;
  visibility:visible!important;
  transform:translate(-50%,-50%) scale(1)!important;
}
.login-dropdown-content{
  padding:24px 26px 26px!important;
  max-height:min(88vh,760px)!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-width:thin;
}
.login-dropdown .modal-close{
  top:10px!important;
  right:12px!important;
  width:34px!important;
  height:34px!important;
  border-radius:10px!important;
  background:#111827!important;
  border:1px solid #283247!important;
  color:#cbd5e1!important;
  font-size:22px!important;
}
.login-dropdown .login-tabs{
  margin:4px 42px 20px 0!important;
}
.login-dropdown .login-tab-btn{
  min-height:42px!important;
  padding:10px 12px!important;
  font-size:.92rem!important;
}
.login-dropdown .form-group{
  margin-bottom:14px!important;
}
.login-dropdown .form-group label{
  display:block!important;
  margin-bottom:7px!important;
  color:#e7edf7!important;
  font-size:.88rem!important;
  font-weight:700!important;
}
.login-dropdown .form-group input[type="text"],
.login-dropdown .form-group input[type="email"],
.login-dropdown .form-group input[type="password"]{
  width:100%!important;
  min-width:0!important;
  height:46px!important;
  padding:0 14px!important;
  box-sizing:border-box!important;
  border-radius:11px!important;
}
.login-dropdown .remember-me{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-height:28px!important;
}
.login-dropdown .remember-me input{
  width:16px!important;
  height:16px!important;
  margin:0!important;
}
.login-dropdown .remember-me label{
  margin:0!important;
  font-weight:600!important;
}
.login-dropdown .login-submit,
.login-dropdown .register-submit,
.login-dropdown .discord-login-button{
  width:100%!important;
  min-height:46px!important;
  padding:10px 16px!important;
  border-radius:11px!important;
  box-sizing:border-box!important;
  font-size:.96rem!important;
  font-weight:800!important;
}
.login-dropdown .login-submit,
.login-dropdown .register-submit{
  border:0!important;
  background:linear-gradient(90deg,var(--primary,#ff326b),var(--secondary,#26b6ed))!important;
  color:#fff!important;
}
.login-dropdown .discord-login-button{
  background:#5865f2!important;
}
.login-dropdown .social-login-divider{
  margin:16px 0!important;
}
.login-dropdown .login-footer{
  padding-top:16px!important;
  text-align:center!important;
}

/* Overlay real no desktop e mobile para dar foco e impedir clique no conteúdo. */
.modal-overlay.active{
  display:block!important;
  position:fixed!important;
  inset:0!important;
  background:rgba(2,5,10,.72)!important;
  backdrop-filter:blur(7px)!important;
  -webkit-backdrop-filter:blur(7px)!important;
  z-index:10040!important;
}

@media (max-width:1100px){
  .header-container{
    padding-left:20px!important;
    padding-right:20px!important;
    gap:12px!important;
  }
  .site-branding{max-width:250px!important;}
  .nav-menu li a{padding-left:9px!important;padding-right:9px!important;}
}

@media (max-width:768px){
  .site-header{height:58px!important;}
  .header-container{
    padding-left:12px!important;
    padding-right:12px!important;
    gap:8px!important;
  }
  .site-branding{
    flex:1 1 auto!important;
    max-width:calc(100vw - 150px)!important;
    min-width:0!important;
  }
  .site-branding .site-logo img,
  .site-branding .custom-logo{
    max-height:34px!important;
    width:auto!important;
  }
  .site-branding .site-title{
    font-size:1.02rem!important;
    letter-spacing:.8px!important;
  }
  .header-actions{gap:4px!important;}
  .search-toggle,.login-menu-toggle,.user-menu-toggle,.mobile-menu-toggle{
    width:38px!important;
    height:38px!important;
    padding:8px!important;
  }

  .login-dropdown{
    width:min(calc(100vw - 24px),430px)!important;
    max-width:none!important;
    max-height:calc(100dvh - 28px)!important;
    border-radius:16px!important;
  }
  .login-dropdown-content{
    padding:20px 18px 22px!important;
    max-height:calc(100dvh - 28px)!important;
  }
}

@media (max-width:480px){
  .header-container{padding-left:10px!important;padding-right:10px!important;}
  .site-branding{max-width:calc(100vw - 138px)!important;gap:6px!important;}
  .site-branding .site-title{font-size:.94rem!important;letter-spacing:.5px!important;}
  .site-branding .site-logo img,.site-branding .custom-logo{max-height:30px!important;max-width:72px!important;object-fit:contain!important;}

  .login-dropdown{
    width:calc(100vw - 16px)!important;
    max-height:calc(100dvh - 16px)!important;
    border-radius:14px!important;
  }
  .login-dropdown-content{
    padding:18px 14px 20px!important;
    max-height:calc(100dvh - 16px)!important;
  }
  .login-dropdown .login-tabs{margin-right:38px!important;margin-bottom:16px!important;}
  .login-dropdown .login-tab-btn{font-size:.88rem!important;padding:9px 8px!important;}
  .login-dropdown .form-group{margin-bottom:11px!important;}
  .login-dropdown .form-group input[type="text"],
  .login-dropdown .form-group input[type="email"],
  .login-dropdown .form-group input[type="password"]{height:44px!important;}
  .login-dropdown .login-submit,
  .login-dropdown .register-submit,
  .login-dropdown .discord-login-button{min-height:44px!important;font-size:.91rem!important;}
  .login-dropdown .social-login-divider{margin:13px 0!important;}
}

@media (max-width:360px){
  .site-branding{max-width:calc(100vw - 128px)!important;}
  .site-branding .site-title{font-size:.86rem!important;}
  .site-branding .site-logo img,.site-branding .custom-logo{max-width:58px!important;}
  .login-dropdown-content{padding-left:12px!important;padding-right:12px!important;}
}