/* NyusziNevelde css */
/* Created by & date: YzarcYmot (2026.05.20 16:28:22) */
body{margin:0;/* font-family:Arial; */background:#00ccff38}

/* TOPBAR */
.topbar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #ffffff40;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    box-shadow: 0 2px 10px #00bbff4a;
    z-index: 1000;
    box-sizing: border-box;
}

.menu{
    display:flex;
    align-items:center;
    gap:20px;
}

.dropdown{
    position:relative;
}

.dropdown > a{
    text-decoration:none;
    color:#333;
    font-weight:bold;
    padding:10px;
    display:block;
}

.dropdown-content{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    min-width:220px;
    background:white;
    border-radius:10px;
    box-shadow:0 5px 15px rgba(0,0,0,.15);
    overflow:hidden;
    z-index:9999;
}

.dropdown-content a{
    display:block;
    padding:12px;
    text-decoration:none;
    color:#333;
}

.dropdown-content a:hover{
    background:#ff4fa0;
    color:white;
}

.dropdown:hover .dropdown-content{
    display:block;
}

/* MOBILE */
.hamburger{
display:none;
cursor:pointer;
font-size:28px;
    text-align:end;
}

.profile-card{background:#03a9f400;border-radius:18px;padding:20px;box-shadow:0 4px 12px rgb(33 150 243 / 61%);display:flex;gap: 20px;align-items:flex-start;max-width:100%;margin-top: 20px;}

.profile-img{
width:140px;
height:140px;
object-fit:contain;
flex-shrink:0;
}

.profile-info{
flex:1;
}

.profile-info p{
margin:7px 0;
}

.bemutatkozas{
margin-top:15px;
background:#03a9f412;
border-radius:14px;
padding:15px;
}

.bemutatkozas h3{
margin-top:0;
color:#012;
}

.profile-actions{
margin-top:15px;
display:flex;
gap:10px;
flex-wrap:wrap;
}

.mini-btn.danger{
background:#ffdddd;
color:#b30000;
}

@media(max-width:768px){

.profile-card{
flex-direction:column;
text-align:justify;
align-items:center;
}

.profile-img{
width:120px;
height:120px;
}

.profile-actions{
justify-content:center;
}

}

@media(max-width:768px){

.menu{
display:none;
position:absolute;
top:60px;
left:0;
width:100%;
background:#001122db;
flex-direction:column;
padding:10px;
box-sizing:border-box;
}

.menu.active{
display:flex;
}

.dropdown{
    position:relative;
    text-decoration:none;
}

.dropdown > a{
    font-family:Arial,Tahoma,Verdana;
    text-decoration:none;
    color: #040000;
    font-weight:bold;
    padding:10px;
    display:block;
}

.dropdown-content{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    min-width:220px;
    background:#00ccffa6;
    border-radius:10px;
    box-shadow:0 5px 15px rgba(0,0,0,.15);
    overflow:hidden;
    z-index:9999;
}

.dropdown-content a{
    display:block;
    padding:12px;
    text-decoration:none;
    color:#333;
}

.dropdown-content a:hover{
    background:#3cd2ff52;
    color:#011a26;
}

.dropdown:hover .dropdown-content{
    display:block;
}
    
.hamburger{
display:block;
}

.app{
flex-direction:column;
}

.left{
width:100% !important;
box-sizing:border-box;
}

.right{
padding:20px;
}
}

/* AUTH */
.auth-wrap{
height:100vh;
display:flex;
justify-content:center;
align-items:center;
padding:20px;
box-sizing:border-box;
}

.card{
width:360px;
background:#ffffff1f;
padding:25px;
border-radius:20px;
box-shadow:0 10px 30px rgba(0,0,0,0.15);
text-align:center;
}

.tabs{
display:flex;
gap:10px;
margin-bottom:15px;
}

.tab{
flex:1;
padding:10px;
border:none;
background:#00bbff40;
cursor:pointer;
border-radius:10px;
}

.tab.active{
background:#00ccff85;
color:white;
}

input,select{
width:100%;
padding:10px;
margin-bottom:10px;
border-radius:10px;
border:1px solid #ddd;
box-sizing:border-box;
}

button.main{
width:100%;
padding:12px;
margin-top: 10px;
border:none;
border-radius:10px;
background:linear-gradient(to bottom,#83deff,#f1f1f1);
color:#333;
cursor:pointer;
}

.profil-nev{
    margin-top:0;
    margin-bottom: 20px;
    text-align:center;
}

.profile-card{
    display:flex;
    flex-direction:column;
}

.profile-img {
    width: 260px;
    height: 260px;
    object-fit: contain;
    text-align: left;
    margin-top: -25px;
}

.profile-actions{
    display:flex;
    justify-content:center;
    gap: 5px;
    margin: 0px 0 0px 0;
    flex-wrap:wrap;
}

.profile-info{
    width:100%;
}

/* GAME */
.app{
padding-top:0px;
}

/* FIX BAL OLDAL */
.left{position:fixed;top: 60px;left:0;width:320px;height:calc(100vh - 60px);background:#ffffff52;padding:20px;box-shadow:2px 0 15px rgba(0,0,0,0.1);overflow-y:auto;}

/* JOBB OLDAL MOZOG */
.right{margin-left:320px;padding:0px;min-height: 0vh; gap:10px;position: inherit;}

/* MOBIL */
@media(max-width:768px){

.left{
position:relative;
top:0;
width:100%;
height:auto;
}

.right{
margin-left:0;
padding:20px;
}

}

.stat{
display:flex;
align-items:center;
gap:10px;
margin-bottom:10px;
width:100%;
}

.stat span{
width:25px;
min-width:25px;
font-size:20px;
}

.csik{
flex:1;
height:14px;
background:linear-gradient(to bottom,#3cd2ff,#f1f1f1);
border-radius:10px;
overflow:hidden;
display:block;
}

.belso{
height:100%;
background:#ff4fa0;
}

.right{flex:1;padding:61px;}

.nyuszi-kep{
width:280px;
display:block;
margin:auto;
border-radius:50%;    
}

.nyuszi-kep2{
width:220px;
display:block;
margin:auto;
border-radius:50%;       
}

.csik{
height:12px;
background:linear-gradient(to bottom,#3cd2ff,#f1f1f1);
border-radius:10px;
overflow:hidden;
margin-bottom:10px;
}

.belso{
height:100%;
background:#00ccff;
}

button.action{
width:100%;
margin-top:8px;
padding:10px;
border:none;
border-radius:10px;
background:#ff4fa0;
color:white;
cursor:pointer;
}
.back-actions {
    text-align:right;
    margin-top:15px;
}
/* NYUSZI LISTA */
.lista{
background:#00bbff38;
padding:15px;
border-radius:15px;
margin-bottom:12px;
box-shadow:0 3px 10px rgba(0,0,0,0.1);

display:flex;
align-items:center;
gap:15px;
}

.nyuszi-grid{grid-template-columns: repeat(4,1fr);gap:15px;padding:10px;margin-top:-20px;display:grid;}


.lista{
max-width:none;
padding:10px;
flex-direction:column;
text-align:center;
box-sizing:border-box;
}

.lista-kep{
width:200px;
height:2000px;
border-radius:50%;    
}

.lista-info{
font-size:16px;
}
.lista:hover{
transform:translateY(-2px);
}

/* KÉP */
.lista-kep{
width:160px;
height:160px;
border-radius:50%;    
}

/* INFÓ */
.lista-info{
flex:1;
font-size:18px;
line-height:1.2;
margin-top:0px;    
}

/* GOMBOK */
.lista-gombok{
margin-top:0px;
display:flex;
flex-direction:column;
gap:6px;
}

.mini-btn{
padding:7px;
border-radius:9px;
background:#f1f1f1;
text-decoration:none;
color:#333;
font-size:12px;
text-align:center;
}

.mini-btn.pink{
background:#1677ff;
color:white;
}

.inventory{
display:flex;
gap:5px;
flex-wrap:wrap;
margin-top:10px;
}

.item-btn{
border:none;
padding:12px;
border-radius:12px;
background:#2f54eb;
cursor:pointer;
font-size:16px;
box-shadow:0 3px 10px rgba(0,0,0,0.1);
transition:0.2s;
}

.item-btn:hover{
transform:scale(1.05);
}

.admin-btn{
display:block;
text-align:center;
text-decoration:none;
box-sizing:border-box;
}

.action{
width:100%;
margin-top:8px;
padding:10px;
border:none;
border-radius:10px;
background:#1677ff;
color:000;
cursor:pointer;
display:block;
text-align:center;
text-decoration:none;
box-sizing:border-box;
font-weight:bolder;
}

/* MOBIL */
@media(max-width: 768px){

.nyuszi-grid{grid-template-columns: repeat(1,1fr);gap:6px;padding:0px;}

.lista{
max-width:none;
padding:10px;
flex-direction:column;
text-align:center;
box-sizing:border-box;
}

.lista-kep{
width:160px;
height:160px;
}

.lista-info{
font-size:16px;
}


.edit-btn{
display:block;
text-align:center;
text-decoration:none;
box-sizing:border-box;
}

/* LENYÍLÓ MENÜ */
.dropdown{
position:relative;
padding-bottom:10px;
}

.dropdown-content{
display:none;
position:absolute;
top:30px;
left:0;
background:#ffffff40;
min-width:220px;
border-radius:12px;
box-shadow:0 5px 15px #1677ff9c;
padding:10px 0;
z-index:999;
}

.dropdown-content a{
display:block;
padding:12px 16px;
text-decoration:none;
color:#0c0d19;
font-weight:normal;
}

.dropdown-content a:hover{
background:#00bbff2b;
color:#666;
}

.dropdown:hover .dropdown-content,
.dropdown-content:hover{
display:block;
}

/* MOBIL */

@media(max-width:768px){

.dropdown-content{
position:relative;
top:0;
box-shadow:none;
padding-left:10px;
background:#fafafa;
margin-top:5px;
}r

/* HIPERMARKET */

.shop-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:20px;
margin-top:20px;
}

.shop-item{
background:white;
padding:20px;
border-radius:20px;
box-shadow:0 5px 15px rgba(0,0,0,0.08);
text-align:center;
transition:0.2s;
}

.shop-item:hover{
transform:translateY(-3px);
}

.shop-kep{
width:100px;
height:100px;
object-fit:contain;
margin-bottom:10px;
}

.buy-btn{
width:100%;
padding:12px;
border:none;
border-radius:12px;
background:#ff4fa0;
color:white;
font-weight:bold;
cursor:pointer;
margin-top:10px;
}

.buy-btn:hover {
opacity:0.9;
}
}


/* =========================================================
   NYUSZI NEVELDE 2.0 - DARK THEME FINAL PASS
   Egységes sötét mód a maradék fehér elemekhez
========================================================= */
body.nn-dark,
body.nn-dark .right{
    color:#f7f8ff!important;
}

body.nn-dark .game-card,
body.nn-dark .game-box,
body.nn-dark .game-body,
body.nn-dark .game-note,
body.nn-dark .last-draw,
body.nn-dark .lotto-num,
body.nn-dark .club,
body.nn-dark .club-card,
body.nn-dark .create-form,
body.nn-dark .forum-panel,
body.nn-dark .forum-cat,
body.nn-dark .forum-topic-row,
body.nn-dark .forum-post,
body.nn-dark .pm-panel,
body.nn-dark .pm-list a,
body.nn-dark .pm-thread,
body.nn-dark .pm-bubble,
body.nn-dark .notice,
body.nn-dark .system-msg,
body.nn-dark .profile-card,
body.nn-dark .profile-info,
body.nn-dark .profile-referral-box,
body.nn-dark .bemutatkozas,
body.nn-dark .ref-link,
body.nn-dark .ref-modal-box,
body.nn-dark .invite-card,
body.nn-dark .invite-auth-note,
body.nn-dark .nyuszi-card,
body.nn-dark .rabbit-card,
body.nn-dark .report-card,
body.nn-dark .modal-box,
body.nn-dark .modal-content,
body.nn-dark .card,
body.nn-dark .box,
body.nn-dark .alert:not(.danger){
    background:linear-gradient(135deg,rgba(255,255,255,.060),rgba(255,255,255,.025))!important;
    color:#f7f8ff!important;
    border:1px solid rgba(255,255,255,.15)!important;
    box-shadow:0 16px 34px rgba(0,0,0,.24)!important;
    opacity:1!important;
}

body.nn-dark .game-card *,
body.nn-dark .game-box *,
body.nn-dark .game-body *,
body.nn-dark .game-note *,
body.nn-dark .last-draw *,
body.nn-dark .club *,
body.nn-dark .club-card *,
body.nn-dark .create-form *,
body.nn-dark .forum-panel *,
body.nn-dark .forum-cat *,
body.nn-dark .forum-topic-row *,
body.nn-dark .forum-post *,
body.nn-dark .pm-panel *,
body.nn-dark .pm-list a *,
body.nn-dark .pm-thread *,
body.nn-dark .pm-bubble *,
body.nn-dark .notice *,
body.nn-dark .system-msg *,
body.nn-dark .profile-card *,
body.nn-dark .profile-info *,
body.nn-dark .profile-referral-box *,
body.nn-dark .bemutatkozas *,
body.nn-dark .ref-link *,
body.nn-dark .ref-modal-box *,
body.nn-dark .invite-card *,
body.nn-dark .invite-auth-note *,
body.nn-dark .nyuszi-card *,
body.nn-dark .rabbit-card *,
body.nn-dark .report-card *,
body.nn-dark .modal-box *,
body.nn-dark .modal-content *,
body.nn-dark .card *,
body.nn-dark .box *{
    color:#f7f8ff!important;
    opacity:1!important;
}

body.nn-dark input,
body.nn-dark textarea,
body.nn-dark select{
    background:#101735!important;
    color:#f7f8ff!important;
    border:1px solid rgba(255,255,255,.18)!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)!important;
}

body.nn-dark input::placeholder,
body.nn-dark textarea::placeholder{
    color:rgba(247,248,255,.62)!important;
}

body.nn-dark .lotto-num{
    background:#121a3c!important;
    color:#f7f8ff!important;
    border:2px solid rgba(255,255,255,.18)!important;
}

body.nn-dark .lotto-num:hover{
    background:linear-gradient(135deg,rgba(240,68,164,.30),rgba(22,184,232,.20))!important;
}

body.nn-dark .lotto-num.active{
    background:linear-gradient(135deg,#f044a4,#7c4dff)!important;
    color:#ffffff!important;
    border-color:transparent!important;
}

body.nn-dark .game-modal{
    background:rgba(0,0,0,.70)!important;
}

body.nn-dark .game-head,
body.nn-dark .ref-modal-head{
    background:linear-gradient(135deg,#f044a4,#7c4dff,#16b8e8)!important;
}

body.nn-dark .game-btn.gray,
body.nn-dark .forum-btn.gray,
body.nn-dark .mini-btn.gray{
    background:#202747!important;
    color:#f7f8ff!important;
}

body.nn-dark .forum-meta,
body.nn-dark .pm-bubble small,
body.nn-dark .game-card p{
    color:#cbd3ee!important;
}

body.nn-dark .forum-post.deleted{
    background:rgba(255,255,255,.035)!important;
}

body.nn-dark .pm-bubble.me{
    background:linear-gradient(135deg,rgba(240,68,164,.22),rgba(22,184,232,.14))!important;
}

body.nn-dark a.club-btn{
    background:#202747!important;
    color:#f7f8ff!important;
}

body.nn-dark .dropdown-content,
body.nn-dark .nn-dropdown-content{
    background:#111735!important;
    border:1px solid rgba(255,255,255,.14)!important;
    box-shadow:0 16px 34px rgba(0,0,0,.35)!important;
}

body.nn-dark .dropdown-content a,
body.nn-dark .nn-dropdown-content a{
    color:#f7f8ff!important;
    background:transparent!important;
}

body.nn-dark .dropdown-content a:hover,
body.nn-dark .nn-dropdown-content a:hover{
    background:linear-gradient(135deg,#f044a4,#7c4dff)!important;
    color:#fff!important;
}

/* Életciklus panel: tisztálkodás csík ne vágódjon le */
body.nn-dark .rabbit-status-panel.open,
.rabbit-status-panel.open{
    max-height:none!important;
    overflow:visible!important;
    padding-bottom:24px!important;
}

.left{
    overflow:visible!important;
}

.rabbit-status-panel .stat{
    min-height:40px!important;
}

.rabbit-status-panel .stat:last-child{
    margin-bottom:10px!important;
}

#tisztasagBar{
    min-width:6px;
}



/* =========================================================
   NYUSZI NEVELDE 2.0 - DARK THEME MISSED AREAS PATCH
   Klub chat, közösségi chat, klub adatdobozok, barátok
========================================================= */

/* Közösségi chat és klub chat ablakok */
body.nn-dark .global-chat-window,
body.nn-dark .club-chat-window,
body.nn-dark .global-chat-layout,
body.nn-dark .club-chat-layout,
body.nn-dark .global-chat-main,
body.nn-dark .club-chat-main,
body.nn-dark .global-chat-messages,
body.nn-dark .club-chat-messages,
body.nn-dark .global-chat-users,
body.nn-dark .club-chat-users,
body.nn-dark .global-chat-form,
body.nn-dark .club-chat-form{
    background:#0d1024!important;
    color:#f7f8ff!important;
    border-color:rgba(255,255,255,.14)!important;
}

body.nn-dark .global-chat-window,
body.nn-dark .club-chat-window{
    border:1px solid rgba(255,255,255,.16)!important;
    box-shadow:0 22px 70px rgba(0,0,0,.48)!important;
}

body.nn-dark .global-chat-msg,
body.nn-dark .club-chat-msg,
body.nn-dark .chat-msg,
body.nn-dark .chat-system-msg,
body.nn-dark .system-chat-msg{
    background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;
    color:#f7f8ff!important;
    border:1px solid rgba(255,255,255,.13)!important;
    box-shadow:0 10px 24px rgba(0,0,0,.22)!important;
}

body.nn-dark .global-chat-msg *,
body.nn-dark .club-chat-msg *,
body.nn-dark .chat-msg *,
body.nn-dark .chat-system-msg *,
body.nn-dark .system-chat-msg *{
    color:#f7f8ff!important;
    opacity:1!important;
}

body.nn-dark .global-chat-msg small,
body.nn-dark .club-chat-msg small,
body.nn-dark .chat-msg small{
    color:#aeb8d5!important;
}

body.nn-dark .global-online-count,
body.nn-dark .club-online-count,
body.nn-dark .online-count{
    background:rgba(34,199,118,.12)!important;
    color:#7dffb3!important;
    border:1px solid rgba(34,199,118,.25)!important;
}

body.nn-dark .global-user:hover,
body.nn-dark .club-user:hover{
    background:rgba(255,255,255,.07)!important;
}

body.nn-dark .global-chat-form textarea,
body.nn-dark .club-chat-form textarea,
body.nn-dark .chat-form textarea{
    background:#101735!important;
    color:#f7f8ff!important;
    border:1px solid rgba(255,255,255,.18)!important;
}

body.nn-dark .global-chat-form textarea::placeholder,
body.nn-dark .club-chat-form textarea::placeholder,
body.nn-dark .chat-form textarea::placeholder{
    color:rgba(247,248,255,.62)!important;
}

/* Klub oldal: fehéren maradt adatdobozok */
body.nn-dark .club-profile-card,
body.nn-dark .club-data-box,
body.nn-dark .club-data-grid > *,
body.nn-dark .club-members,
body.nn-dark .member-card,
body.nn-dark .club-alert,
body.nn-dark .club-info2{
    background:linear-gradient(135deg,rgba(255,255,255,.065),rgba(255,255,255,.025))!important;
    color:#f7f8ff!important;
    border:1px solid rgba(255,255,255,.15)!important;
    box-shadow:0 14px 32px rgba(0,0,0,.24)!important;
}

body.nn-dark .club-profile-card *,
body.nn-dark .club-data-box *,
body.nn-dark .club-data-grid > *,
body.nn-dark .member-card *,
body.nn-dark .club-alert *,
body.nn-dark .club-info2 *{
    color:#f7f8ff!important;
    opacity:1!important;
}

body.nn-dark .club-profile-head{
    border-bottom-color:rgba(255,255,255,.14)!important;
}

body.nn-dark .club-sub,
body.nn-dark .club-info{
    color:#cbd3ee!important;
}

body.nn-dark .club-action-btn.gray,
body.nn-dark .club-action-btn.disabled{
    background:#202747!important;
    color:#f7f8ff!important;
}

body.nn-dark .club-action-btn.red{
    background:rgba(255,75,95,.16)!important;
    color:#ff96a4!important;
}

/* Barátok oldal */
body.nn-dark .community-card,
body.nn-dark .community-grid,
body.nn-dark .friend-card{
    background:linear-gradient(135deg,rgba(255,255,255,.065),rgba(255,255,255,.025))!important;
    color:#f7f8ff!important;
    border:1px solid rgba(255,255,255,.15)!important;
    box-shadow:0 14px 32px rgba(0,0,0,.24)!important;
    opacity:1!important;
}

body.nn-dark .community-card *,
body.nn-dark .community-grid *,
body.nn-dark .friend-card *{
    color:#f7f8ff!important;
    opacity:1!important;
}

body.nn-dark .friend-btn.gray{
    background:#202747!important;
    color:#f7f8ff!important;
}

body.nn-dark .friend-btn.red{
    background:rgba(255,75,95,.16)!important;
    color:#ff96a4!important;
}

body.nn-dark .notice{
    background:rgba(34,199,118,.10)!important;
    color:#dfffea!important;
    border-left-color:#22c776!important;
}

/* Képtörés kevésbé csúnya legyen */
body.nn-dark img[src=""],
body.nn-dark img:not([src]){
    background:#202747!important;
    border-radius:10px;
}