/* cRAED / CREATOR DASHBOARD V6 -- navigation, real channel overview, portrait cards. */
.header-shell{gap:12px;}
.brand{gap:11px;min-width:180px;}
.site-creator-logo{width:38px;height:38px;object-fit:cover;border-radius:10px;display:block;filter:drop-shadow(0 2px 9px #e8234e77)}
.site-header .brand-bat{background:#10070d;padding:2px;display:grid;place-items:center;width:47px;height:47px;border:1px solid #f0325977;}
.broadcast-dot{width:8px;height:8px;min-width:8px;border-radius:50%;background:#75656a;display:inline-block;border:1px solid #ffffff3b;}
.broadcast-dot.live{background:#29ff65;box-shadow:0 0 13px #2fff6b;}
.broadcast-dot.offline{background:#b73f4f;}
.broadcast-dot.checking{background:#f4b15b;}
.site-nav{gap:2px;flex-wrap:nowrap;}
.site-nav a{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:10px 7px;font-size:10px;}
.nav-icon{width:13px;height:13px;flex:none;color:#ff7892;opacity:.85;}
.site-nav .nav-current .nav-icon{color:white}
.site-actions{display:flex;align-items:center;gap:7px;flex-shrink:0;direction:ltr;}
.site-actions .watch-top{order:0;direction:rtl;padding:10px 13px;}
.ui-tool{height:39px;min-width:40px;border-radius:12px;background:#1b0b13;border:1px solid #8b2c435c;color:#f0d2d9;display:inline-flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;font:700 11px Rajdhani,'Cairo',sans-serif;letter-spacing:.2px;transition:background .18s,border .18s,color .18s;}
.ui-tool:hover,.ui-tool:focus-visible{background:#421629;border-color:#ff537c;}
.ui-tool[disabled]{opacity:.55;cursor:wait}
.ui-tool.refreshing svg{animation:creator-spin 850ms linear infinite;}
@keyframes creator-spin{to{transform:rotate(360deg)}}
.language-tool{min-width:52px;}
.refresh-tool{order:1;}
.language-tool{order:2;}
/* Poster/editorial moderator layout */
.moderators-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.mod-profile-v6{min-height:354px;overflow:hidden;border:1px solid #ff56784b;border-radius:20px;background:linear-gradient(165deg,#1c0d13,#0e0c11 74%);position:relative;}
.mod-profile-v6 .mod-cover{height:205px!important;position:relative;background:#140d15;overflow:hidden;}
.mod-profile-v6 .mod-cover .mod-wide{width:100%;height:100%;object-fit:cover;filter:brightness(.79) saturate(.93);transition:transform .28s ease;}
.mod-profile-v6:hover .mod-cover .mod-wide{transform:scale(1.045);filter:brightness(.91) saturate(1.08);}
.mod-profile-v6 .mod-cover:before{z-index:2;background:linear-gradient(0deg,#13060dba,#14091205 70%)}
.mod-profile-v6 .mod-cover-shade{z-index:2;background:linear-gradient(0deg,#0c050cbf,transparent 65%)}
.mod-profile-v6 .mod-profile-avatar{position:absolute;bottom:12px;right:19px;width:76px;height:76px;display:grid;place-items:center;background:#0b080d;border:3px solid #e5224c;border-radius:50%;box-shadow:0 0 0 5px #16080de8,0 0 20px #ef3d5b50;z-index:6;overflow:hidden}
.mod-profile-v6 .mod-profile-photo{width:100%;height:100%;display:block;object-fit:cover}
.mod-profile-v6 .mod-banner-badge{position:absolute;left:15px;top:15px;z-index:4;font:700 10px Rajdhani,'Cairo',sans-serif;letter-spacing:1.1px;color:#ffe1e7;padding:6px 12px;background:#090608c9;border:1px solid #f16f8a69;border-radius:20px;direction:ltr}
.mod-profile-v6 .mod-info{position:relative!important;inset:auto!important;padding:15px 20px 19px!important;background:linear-gradient(160deg,#1e0e18,#0c0b10 88%)!important;display:flex;flex-direction:column;align-items:flex-start;min-height:146px}
.mod-profile-v6 .mod-info h3{font:800 27px/1.1 Rajdhani,'Cairo',sans-serif;direction:ltr;text-align:left;color:#fff;}
.mod-profile-v6 .mod-info p{font-size:10px;color:#f7a1b4;margin:5px 0 4px;}
.mod-source-note{font-size:9px;color:#ad939c;min-height:22px;display:block;}
.mod-profile-v6 .mod-links{margin-top:auto;gap:9px;}
.mod-profile-v6 .mod-links a{border-radius:9px;border-color:#cc3a5e74;padding:7px 15px;font-weight:900;font-size:11px;background:#180a12b5;}
.mod-profile-v6 .mod-links a:hover{background:#a31237;}
/* Real followers + subscriber badges on one cohesive horizontal panel */
#hall .hall-card{
 display:grid!important;
 grid-template-columns:minmax(0,1fr) minmax(0,1.23fr)!important;
 align-items:center;
 gap:0!important;
 padding:clamp(18px,2.2vw,35px)!important;
 border-radius:25px;
 background:linear-gradient(116deg,#120b0f 0%,#140810 59%,#0b080c 100%);
 border:1px solid #c92d5052;
 box-shadow:0 16px 46px #0009,inset 0 1px #ff9da511;
}
#hall .hall-count{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding-left:22px;min-width:0;}
#hall .hall-count .kick-square{width:84px;height:84px;flex:none;background:linear-gradient(135deg,#53fc18,#13a60e)!important;border-radius:19px;border-color:#86ff4f99;}
#hall .kick-square img{width:55px;height:55px;filter:brightness(.08);}
#hall .hall-count>div:nth-child(2){display:flex;flex:1;align-items:flex-start;gap:2px;min-width:150px}
#hall #followers-count{font-size:clamp(39px,4vw,63px);font-family:Rajdhani,'Cairo',sans-serif;line-height:1.15;direction:ltr;color:white;}
#hall .subtle-label{font-size:12px;color:#d0adb9;font-weight:800;}
#hall #followers-note{font-size:10px;line-height:1.4;color:#b89aa3;}
#hall .hall-count .button{margin-top:12px;min-height:43px;padding:10px 21px;border-radius:10px;background:linear-gradient(#ee1f4d,#9e0e34);border:1px solid #f75b7a8d;color:white;white-space:nowrap;}
#hall .hall-badges{
 margin:0!important;
 padding:0 23px 0 0!important;
 border-top:0!important;
 border-right:1px solid #f3445a2f;
 min-width:0;
}
#hall .mini-heading{display:flex;justify-content:space-between;align-items:center;gap:9px;margin-bottom:14px;font-size:12px;}
#hall .badge-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;}
#hall .real-badge{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;min-width:0;padding:7px 2px 5px;border-radius:12px;border:1px solid #9b4e5f4d;background:linear-gradient(130deg,#221319,#110d12);box-shadow:none;}
#hall .real-badge img{width:38px;height:38px;object-fit:contain;}
#hall .real-badge small{font-size:8px;color:#d1b8c0;text-align:center;white-space:nowrap;}
.hall-live-status{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:6px 12px;border:1px solid #6d434b8c;border-radius:99px;background:#120a0ec7;font-size:10px;font-weight:800;color:#cbb2ba;}
.hall-live-status.live{color:#8cffb0;background:#092414ba;border-color:#2a9a4b}
.hall-live-status.offline{color:#ffc0cc;background:#280d17b5;border-color:#ad3852}
.hall-live-status.pending{color:#d4b4c0}
/* Mobile: badges move beneath count, avoid sideways overflow. */
@media(max-width:1350px){
 .site-nav a{font-size:9px;padding:8px 4px;gap:3px}
 .brand{min-width:155px;}
 .site-actions .watch-top{padding:9px 10px;font-size:10px;}
}
@media(max-width:1120px){
 .header-shell{gap:7px}
 .site-actions{order:2;}
 .menu-button{order:1;}
 .site-nav{order:3;flex-wrap:wrap;gap:4px}
 .site-nav a{font-size:12px;padding:11px 8px}
 .moderators-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #hall .hall-card{grid-template-columns:1fr!important;gap:26px!important}
 #hall .hall-count{padding:0}
 #hall .hall-badges{border-right:0;border-top:1px solid #f3445a2f!important;padding:22px 0 0!important}
 #hall .badge-row{grid-template-columns:repeat(6,minmax(0,1fr))}
}
@media(max-width:650px){
 .header-shell{gap:5px;flex-wrap:wrap}
 .brand{min-width:0;max-width:150px}
 .site-header .brand-bat{width:39px;height:39px}
 .site-creator-logo{width:31px;height:31px}
 .brand-text{font-size:19px;}
 .brand-text small{font-size:6px;}
 .site-actions{gap:4px}
 .ui-tool{min-width:33px;height:35px;border-radius:9px}
 .language-tool{min-width:40px;font-size:10px}
 .site-actions .watch-top{padding:9px;font-size:10px}
 .menu-button{width:36px;height:35px;padding:8px}
 .moderators-grid{grid-template-columns:1fr;gap:14px}
 .mod-profile-v6 .mod-cover{height:200px!important}
 .mod-profile-v6 .mod-info{min-height:136px}
 #hall .hall-card{padding:19px!important}
 #hall .hall-count .kick-square{width:70px;height:70px}
 #hall .kick-square img{width:45px;height:45px}
 #hall #followers-count{font-size:43px}
 #hall .hall-count .button{width:100%}
 #hall .badge-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
 #hall .real-badge img{width:45px;height:45px}
 #hall .real-badge small{font-size:9px}
}
@media(max-width:410px){
 .watch-top{font-size:0!important;padding:8px!important;min-width:34px}
 .watch-top span{font-size:12px!important;display:inline-block!important}
 .site-nav a{font-size:11px;}
 .brand-text{font-size:17px}
}
/* For EN locale retain RTL component geometry, but keep English copy legible and right-aligned. */
html[lang="en"] .section-heading h2,html[lang="en"] .hero-description,
html[lang="en"] .feature-card p,html[lang="en"] .hall-live-status{text-align:inherit;}
html[lang="en"] .mod-info h3{direction:ltr}
@media(prefers-reduced-motion:reduce){
 .ui-tool,.mod-card img{transition:none!important}
 .ui-tool.refreshing svg{animation:none!important}
}