:root{
  --bg:#050814;
  --panel:rgba(10,16,34,.84);
  --line:rgba(255,255,255,.08);
  --text:#eef3ff;
  --muted:#97a4c5;
  --cyan:#2ee6ff;
  --pink:#ff47b5;
  --violet:#8b5cf6;
  --green:#1fe996;
  --red:#ff4f7a;
  --amber:#ffbd59;
  --shadow:0 24px 70px rgba(0,0,0,.48);
  --max:1280px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:
radial-gradient(circle at 15% 10%, rgba(46,230,255,.12), transparent 24%),
radial-gradient(circle at 85% 8%, rgba(255,71,181,.11), transparent 24%),
radial-gradient(circle at 50% 100%, rgba(139,92,246,.10), transparent 30%),
linear-gradient(180deg,#03050c,#07111f 44%,#03060d 100%);min-height:100vh;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
button,input,textarea{font:inherit}
.wrap{width:min(var(--max),calc(100% - 28px));margin:0 auto;position:relative;z-index:2}
.grid-bg,.glow,.scan{position:fixed;inset:0;pointer-events:none;z-index:0}
.grid-bg{opacity:.08;background-image:linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle at center, black 30%, transparent 100%)}
.glow{background:radial-gradient(circle at 0% 20%, rgba(46,230,255,.08), transparent 24%),radial-gradient(circle at 100% 0%, rgba(255,71,181,.08), transparent 20%)}
.scan{background:linear-gradient(to bottom, transparent, rgba(46,230,255,.03), transparent);animation:scan 10s linear infinite}
@keyframes scan{0%{transform:translateY(-100%)}100%{transform:translateY(100%)}}
.topbar{position:sticky;top:0;z-index:50;backdrop-filter:blur(16px);background:rgba(4,7,16,.68);border-bottom:1px solid rgba(255,255,255,.06)}
.topbar-inner{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:12px}
.brand-mark{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;font-weight:900;background:linear-gradient(135deg,var(--cyan),var(--pink) 55%,var(--violet));box-shadow:0 0 24px rgba(46,230,255,.18)}
.brand-copy strong{display:block;letter-spacing:.12em;font-size:.96rem}
.brand-copy span{display:block;color:var(--muted);font-size:.8rem}
.nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.nav a{color:var(--muted);padding:9px 12px;border-radius:999px;font-size:.92rem;transition:.18s ease}
.nav a:hover{color:var(--text);background:rgba(255,255,255,.05)}
.hero,.section,.footer{position:relative;z-index:2}
.hero{padding:26px 0 12px}
.card,.hero-box{background:var(--panel);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);backdrop-filter:blur(12px)}
.hero-box{padding:28px;position:relative;overflow:hidden}
.eyebrow{display:inline-flex;padding:8px 12px;border-radius:999px;font-size:.76rem;letter-spacing:.04em;color:#ffe9f6;border:1px solid rgba(255,71,181,.22);background:rgba(255,71,181,.08);margin-bottom:14px;font-weight:800}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px}
h1{margin:0;line-height:.88;letter-spacing:-.06em;font-size:clamp(2.8rem,7vw,6.2rem);text-transform:uppercase}
.gradient{background:linear-gradient(135deg,#fff 0%, #7df2ff 28%, #ff6bc4 66%, #b995ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-sub{margin:14px 0 0;max-width:720px;color:var(--muted);font-size:1rem;line-height:1.5}
.top-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.chip{display:inline-flex;align-items:center;justify-content:center;min-width:90px;padding:11px 16px;border-radius:14px;font-size:.84rem;font-weight:900;color:#eff4ff;background:rgba(12,18,36,.92);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 26px rgba(0,0,0,.25);transition:.2s ease}
.chip:hover{transform:translateY(-2px)}
.chip-amp{box-shadow:0 0 0 1px rgba(255,98,196,.22),0 0 18px rgba(255,98,196,.12)}
.chip-cloud{box-shadow:0 0 0 1px rgba(88,186,255,.22),0 0 18px rgba(88,186,255,.12)}
.chip-files{box-shadow:0 0 0 1px rgba(249,103,209,.18),0 0 18px rgba(249,103,209,.1)}
.chip-backup{box-shadow:0 0 0 1px rgba(176,124,255,.2),0 0 18px rgba(176,124,255,.1)}
.chip-monitor{box-shadow:0 0 0 1px rgba(67,255,160,.18),0 0 18px rgba(67,255,160,.1)}
.chip-mirror{box-shadow:0 0 0 1px rgba(255,109,160,.18),0 0 18px rgba(255,109,160,.1)}
.chip-support{box-shadow:0 0 0 1px rgba(153,177,255,.18),0 0 18px rgba(153,177,255,.08)}
.chip-extra{box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.google-search{display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:10px;margin-top:14px}
.google-search input,.admin-login-form input,.server-form-grid input,.server-form-grid textarea,.video-form input,.video-form textarea{width:100%;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);color:var(--text);outline:none}
.google-search input:focus,.admin-login-form input:focus,.server-form-grid input:focus,.server-form-grid textarea:focus,.video-form input:focus,.video-form textarea:focus{border-color:rgba(46,230,255,.35);box-shadow:0 0 0 3px rgba(46,230,255,.08)}
.google-search button,.mini-cta{min-height:50px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(46,230,255,.18),rgba(255,71,181,.18));color:#fff;font-weight:900;cursor:pointer}
.mini-cta.full{width:100%}
.links-stack{margin-top:14px;display:grid;gap:14px}
.link-block{padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.03)}
.link-block h3{margin:0 0 10px;font-size:.88rem;letter-spacing:.08em;text-transform:uppercase;color:#dfe8ff}
.link-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.hero-link,.static-chip{padding:10px 14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:var(--text);font-size:.86rem;border-radius:14px}
.admin-login-form{display:flex;gap:10px;flex-wrap:wrap}
.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.quick-card{padding:16px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);position:relative;overflow:hidden}
.quick-card strong{display:block;font-size:.95rem;margin-bottom:4px}
.quick-card span{color:var(--muted);font-size:.88rem}
.holo-card::after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle, rgba(46,230,255,.18), transparent 40%);opacity:0;transform:scale(.8);transition:.35s ease;pointer-events:none}
.holo-card:hover::after{opacity:1;transform:scale(1)}
.time-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.time-card{padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03)}
.time-card span{display:block;font-size:.74rem;letter-spacing:.08em;color:var(--muted);margin-bottom:5px}
.time-card strong{display:block;font-size:1.2rem;line-height:1}
.time-card.wide{grid-column:1/-1}
.flash{margin-bottom:12px;padding:12px 14px;border-radius:14px}
.flash-ok{background:rgba(36,209,119,.12);border:1px solid rgba(36,209,119,.22);color:#d6ffeb}
.flash-err{background:rgba(255,90,122,.12);border:1px solid rgba(255,90,122,.22);color:#ffe0e7}
.section{padding:14px 0}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-bottom:14px;flex-wrap:wrap}
.section-head h2{margin:0;font-size:1.08rem;letter-spacing:.08em;text-transform:uppercase}
.section-head p{margin:0;color:var(--muted);font-size:.9rem}
.server-layout{display:grid;grid-template-columns:320px 1fr;gap:16px}
.server-form-panel,.server-list-panel,.video-admin-card,.video-card,.domain-card,.footer-box{padding:16px}
.server-form-grid,.video-form{display:grid;gap:10px}
.server-form-grid textarea,.video-form textarea{min-height:96px;resize:vertical}
.status-picker{display:flex;gap:10px;flex-wrap:wrap}
.status-pick{padding:10px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:#f2f6ff;font-weight:900;cursor:pointer}
.status-pick input{display:none}
.status-pick.active.on{background:rgba(31,233,150,.15);border-color:rgba(31,233,150,.22)}
.status-pick.active.off{background:rgba(255,79,122,.15);border-color:rgba(255,79,122,.22)}
.status-pick.active.paused{background:rgba(255,189,89,.15);border-color:rgba(255,189,89,.22)}
.server-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.server-toolbar-left,.server-toolbar-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.filter-btn,.layout-btn{padding:10px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#f1f4ff;font-weight:800;cursor:pointer}
.filter-btn.active,.layout-btn.active{background:linear-gradient(135deg,rgba(103,215,255,.88),rgba(255,99,198,.9));color:#fff;box-shadow:0 10px 24px rgba(151,96,255,.24)}
.servers-board{display:grid;gap:14px}
.servers-board.grid-layout{grid-template-columns:repeat(2,minmax(0,1fr))}
.servers-board.rows-layout{grid-template-columns:1fr}
.empty-state{padding:16px;border:1px dashed rgba(255,255,255,.12);border-radius:16px;color:var(--muted)}
.server-card{padding:14px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(11,18,38,.96),rgba(8,12,24,.94));box-shadow:0 12px 30px rgba(0,0,0,.2)}
.server-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.server-identity{display:flex;gap:12px;min-width:0}
.server-logo{width:72px;height:72px;border-radius:16px;object-fit:cover;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);flex-shrink:0}
.server-copy h4{margin:0 0 4px;font-size:1.02rem}
.server-game{color:var(--muted);font-size:.88rem}
.server-note{font-size:.82rem;color:#c9d3f1;margin-top:4px}
.server-controls-top{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}
.server-status{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04)}
.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block}
.status-dot.is-on{background:var(--green);box-shadow:0 0 10px var(--green);animation:pulseGreen 1.5s infinite}
.status-dot.is-off{background:var(--red);box-shadow:0 0 10px var(--red);animation:pulseRed 1.5s infinite}
.status-dot.is-paused{background:var(--amber);box-shadow:0 0 10px var(--amber);animation:pulseAmber 1.5s infinite}
@keyframes pulseGreen{0%{box-shadow:0 0 5px var(--green)}50%{box-shadow:0 0 16px var(--green)}100%{box-shadow:0 0 5px var(--green)}}
@keyframes pulseRed{0%{box-shadow:0 0 5px var(--red)}50%{box-shadow:0 0 16px var(--red)}100%{box-shadow:0 0 5px var(--red)}}
@keyframes pulseAmber{0%{box-shadow:0 0 5px var(--amber)}50%{box-shadow:0 0 16px var(--amber)}100%{box-shadow:0 0 5px var(--amber)}}
.admin-actions-top{display:flex;gap:6px;flex-wrap:wrap}
.admin-actions-top form{margin:0}
.small-admin-btn,.switch-btn,.copy-icon,.audio-controls button,#playlistToggle,.audio-hide-btn{padding:8px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:#edf2ff;font-weight:800;cursor:pointer}
.small-admin-btn.danger{background:rgba(255,79,122,.14)}
.server-address{margin-top:12px;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.035);display:flex;justify-content:space-between;align-items:center;gap:10px}
.server-host{font-size:1rem;font-weight:900;word-break:break-word}
.copy-icon{width:40px;height:40px;display:grid;place-items:center;padding:0;flex-shrink:0}
.copy-icon.copied{background:rgba(31,233,150,.16);border-color:rgba(31,233,150,.24)}
.server-meta-line{margin-top:12px;display:flex;gap:18px;flex-wrap:wrap;color:#d6def4;font-size:.92rem}
.server-meta-line strong{color:#fff;margin-right:4px}
.server-status-switch{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}
.server-status-switch form{margin:0}
.switch-btn.active.on{background:rgba(31,233,150,.15);border-color:rgba(31,233,150,.22)}
.switch-btn.active.off{background:rgba(255,79,122,.15);border-color:rgba(255,79,122,.22)}
.switch-btn.active.paused{background:rgba(255,189,89,.15);border-color:rgba(255,189,89,.22)}
.domain-grid,.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.domain-card strong{display:block;font-size:1rem;margin-bottom:6px}
.domain-card span{display:inline-block;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);font-size:.72rem;font-weight:800;margin-bottom:8px}
.domain-card p{margin:0;color:var(--muted)}
.video-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.video-actions{display:flex;gap:8px;flex-wrap:wrap}
.video-actions form{margin:0}
.video-frame{aspect-ratio:16/9;width:100%;border:none;border-radius:16px;background:#000;margin-top:12px}
.video-card p{margin:10px 0 0;color:var(--muted);font-size:.84rem;line-height:1.42}
.footer{padding:16px 0 40px}
.footer-box{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.footer-box p{margin:0;color:var(--muted);font-size:.88rem}
.footer-links{display:flex;gap:8px;flex-wrap:wrap}
.footer-links a{padding:9px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04)}
.audio-player{position:fixed;right:16px;bottom:16px;z-index:60;width:min(400px,calc(100% - 24px));border-radius:18px;border:1px solid rgba(255,255,255,.1);background:rgba(8,12,28,.92);backdrop-filter:blur(16px);box-shadow:0 24px 70px rgba(0,0,0,.52);padding:14px;transition:.25s ease}
.audio-player.hidden-panel{transform:translateY(calc(100% + 30px));opacity:0;pointer-events:none}
.audio-dock{position:fixed;right:16px;bottom:16px;z-index:61;display:none;align-items:center;justify-content:center;padding:12px 14px;border-radius:14px;cursor:pointer;font-weight:900;color:#fff;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,#2ee6ff,#ff47b5 55%,#8b5cf6);box-shadow:0 18px 45px rgba(0,0,0,.45)}
.audio-dock.show{display:inline-flex}
.audio-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.audio-meta strong{display:block;font-size:.92rem}
.audio-meta span{display:block;font-size:.78rem;color:var(--muted)}
.audio-controls{display:flex;gap:8px;flex-wrap:wrap}
.audio-controls .primary{background:linear-gradient(135deg,var(--cyan),var(--pink) 55%,var(--violet))}
.progress-wrap{display:grid;grid-template-columns:40px 1fr 40px;gap:8px;align-items:center;margin-top:10px}
.progress-wrap span{font-size:.78rem;color:var(--muted)}
.progress-wrap input,.audio-actions input{width:100%;accent-color:#ff47b5}
.audio-actions{display:grid;grid-template-columns:140px 1fr;gap:10px;align-items:center;margin-top:10px}
.playlist{max-height:220px;overflow:auto;margin-top:10px}
.playlist.hidden{display:none}
.playlist-item{display:block;width:100%;text-align:left;margin-bottom:8px;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);color:#eef3ff;cursor:pointer}
.playlist-item.active{border-color:rgba(46,230,255,.35);box-shadow:inset 0 0 0 1px rgba(46,230,255,.15)}
@media (max-width:1200px){.hero-grid,.server-layout{grid-template-columns:1fr}.servers-board.grid-layout,.domain-grid,.video-grid{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.nav{display:none}.google-search{grid-template-columns:1fr}.quick-grid,.domain-grid,.video-grid,.servers-board.grid-layout{grid-template-columns:1fr}.server-top{flex-direction:column}.audio-player{left:12px;right:12px;width:auto}}

/* ===================== HERO COMMUNITY LINKS ===================== */
.link-block-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.link-note{font-size:.82rem;color:var(--muted)}
.compact-links-block{padding:14px 14px 12px}
.admin-inline-state{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:10px}
.mini-cta-small{min-height:40px;padding:0 14px;border-radius:12px;font-size:.8rem}
.link-add-form{display:grid;grid-template-columns:170px minmax(0,1fr) 120px;gap:10px;margin-bottom:12px}
.community-link-cloud{display:flex;flex-wrap:wrap;gap:10px}
.community-link-wrap{position:relative;display:inline-flex;align-items:center;gap:6px}
.community-link-pill{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border-radius:999px;font-size:.78rem;font-weight:900;letter-spacing:.03em;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);box-shadow:0 8px 20px rgba(0,0,0,.18)}
.community-link-pill:hover{transform:translateY(-1px)}
.community-link-pill.style-a{background:linear-gradient(180deg,rgba(19,22,44,.95),rgba(19,22,44,.85));border-color:rgba(80,208,255,.25);box-shadow:0 0 0 1px rgba(80,208,255,.12),0 0 18px rgba(80,208,255,.1)}
.community-link-pill.style-b{background:linear-gradient(180deg,rgba(28,18,44,.95),rgba(28,18,44,.85));border-color:rgba(255,92,188,.25);box-shadow:0 0 0 1px rgba(255,92,188,.12),0 0 18px rgba(255,92,188,.1)}
.community-link-pill.style-c{background:linear-gradient(180deg,rgba(24,28,44,.95),rgba(24,28,44,.85));border-color:rgba(120,120,255,.25);box-shadow:0 0 0 1px rgba(120,120,255,.12),0 0 18px rgba(120,120,255,.1)}
.community-link-pill.style-d{background:linear-gradient(180deg,rgba(25,34,33,.95),rgba(25,34,33,.85));border-color:rgba(65,255,180,.22);box-shadow:0 0 0 1px rgba(65,255,180,.12),0 0 18px rgba(65,255,180,.08)}
.community-link-pill.style-e{background:linear-gradient(180deg,rgba(39,27,29,.95),rgba(39,27,29,.85));border-color:rgba(255,170,84,.22);box-shadow:0 0 0 1px rgba(255,170,84,.12),0 0 18px rgba(255,170,84,.08)}
.community-link-pill.style-f{background:linear-gradient(180deg,rgba(26,30,44,.95),rgba(26,30,44,.85));border-color:rgba(189,139,255,.22);box-shadow:0 0 0 1px rgba(189,139,255,.12),0 0 18px rgba(189,139,255,.08)}
.delete-link-form{margin:0}
.delete-link-btn{width:24px;height:24px;border:none;border-radius:999px;background:rgba(255,78,120,.18);color:#ffd7e3;font-weight:900;cursor:pointer;line-height:1}

/* ===================== COMPACT SERVER BOARD ===================== */
.compact-layout{grid-template-columns:290px 1fr}
.compact-admin-panel{padding:14px}
.server-panel-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.compact-login-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap;width:100%}
.compact-login-form input{flex:1;min-width:130px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:var(--text)}
.micro-admin-pill{padding:9px 12px;border:none;border-radius:999px;background:linear-gradient(135deg,rgba(90,216,255,.22),rgba(255,104,196,.22));color:#fff;font-weight:900;cursor:pointer}
.small-admin-inline{margin:0}
.server-form-grid{gap:9px}
.server-form-grid input,.server-form-grid textarea{padding:11px 12px;border-radius:12px}
.server-card{padding:12px}
.compact-server-card .server-card-shell{display:grid;gap:10px}
.server-main-line{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.compact-identity{gap:10px}
.compact-logo{width:74px;height:74px;border-radius:14px}
.compact-copy h4{margin:0 0 4px;font-size:1rem;line-height:1.15}
.compact-copy .server-game{font-size:.9rem}
.compact-copy .server-note{font-size:.85rem;line-height:1.25}
.compact-top-actions{gap:6px}
.compact-dot-wrap{min-width:auto;padding:0;background:none;border:none}
.compact-admin-actions{gap:6px}
.small-admin-btn.ghost{min-width:30px;padding:8px 9px}
.compact-address-row{margin-top:0;padding:10px 12px;border-radius:16px}
.compact-address-row .server-host{font-size:1rem}
.compact-meta-line{margin-top:0;font-size:.92rem;gap:16px}
.server-list-panel{padding:14px}
.server-toolbar{margin-bottom:12px}
.servers-board.grid-layout{grid-template-columns:repeat(2,minmax(280px,1fr))}
.servers-board.rows-layout .compact-server-card .server-card-shell{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px}
.servers-board.rows-layout .server-main-line{display:contents}
.servers-board.rows-layout .compact-identity{min-width:0}
.servers-board.rows-layout .compact-copy .server-note{max-width:340px}
.servers-board.rows-layout .compact-address-row{margin:0;padding:0;background:none;border:none;display:flex;align-items:center;gap:10px}
.servers-board.rows-layout .compact-address-row .server-host{font-size:1.02rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:340px}
.servers-board.rows-layout .compact-meta-line{margin:0;justify-content:flex-start}
.servers-board.rows-layout .compact-top-actions{justify-content:flex-end}
.servers-board.rows-layout .compact-server-card{padding:12px 14px}
.copy-icon{width:36px;height:36px;border-radius:12px}

/* ===================== RESPONSIVE ===================== */
@media (max-width:1200px){
  .compact-layout{grid-template-columns:1fr}
  .link-add-form{grid-template-columns:1fr}
}
@media (max-width:820px){
  .servers-board.grid-layout{grid-template-columns:1fr}
  .servers-board.rows-layout .server-card-shell{grid-template-columns:1fr !important}
  .servers-board.rows-layout .compact-address-row .server-host{max-width:none}
  .compact-top-actions{flex-wrap:wrap}
}


/* ===================== FINAL OVERRIDES ===================== */
.link-add-form input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.05);color:var(--text);outline:none;}
.link-add-form input::placeholder{color:#9ba6c7}
.link-add-form input:focus{border-color:rgba(46,230,255,.35);box-shadow:0 0 0 3px rgba(46,230,255,.08)}
.community-link-cloud{gap:8px}
.community-link-pill{padding:8px 11px;font-size:.75rem}
.compact-layout{grid-template-columns:280px 1fr}
.server-form-grid input,.server-form-grid textarea{width:100%;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.05);color:var(--text);outline:none;}
.server-form-grid textarea{min-height:88px;resize:vertical}
.server-form-grid input::placeholder,.server-form-grid textarea::placeholder{color:#9ba6c7}
.server-form-grid input:focus,.server-form-grid textarea:focus{border-color:rgba(46,230,255,.35);box-shadow:0 0 0 3px rgba(46,230,255,.08)}
.compact-server-card{padding:12px}
.compact-server-card .server-card-shell{display:grid;gap:10px}
.server-main-line{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.compact-identity{display:flex;gap:10px;align-items:flex-start}
.compact-logo{width:74px;height:74px;border-radius:14px}
.compact-copy h4{margin:0;font-size:1rem;line-height:1.15}
.server-title-inline{display:flex;align-items:center;gap:8px;margin-bottom:4px}
.compact-copy .server-game{font-size:.9rem;margin-bottom:4px}
.compact-copy .server-note{font-size:.85rem;line-height:1.25}
.compact-admin-actions{display:flex;gap:6px;flex-wrap:wrap}
.small-admin-btn{min-width:30px;height:30px;padding:0 10px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:#fff;display:inline-grid;place-items:center;font-weight:900;text-decoration:none;}
.small-admin-btn.ghost{min-width:30px}
.small-admin-btn.danger{background:rgba(255,78,120,.18);border-color:rgba(255,78,120,.24)}
.compact-address-row{margin-top:0;padding:10px 12px;border-radius:16px}
.compact-address-row .server-host{font-size:1rem;font-weight:900}
.servers-board.grid-layout{grid-template-columns:repeat(2,minmax(300px,1fr))}
.servers-board.rows-layout .compact-server-card .server-card-shell{grid-template-columns:minmax(0,1fr) auto;align-items:center}
.servers-board.rows-layout .server-main-line{display:flex;align-items:center;justify-content:space-between}
.servers-board.rows-layout .compact-address-row{background:none;border:none;padding:0;justify-content:flex-end}
.servers-board.rows-layout .compact-address-row .server-host{white-space:nowrap}
@media (max-width:1200px){.compact-layout{grid-template-columns:1fr}.link-add-form{grid-template-columns:1fr 1fr auto}}
@media (max-width:900px){.servers-board.grid-layout{grid-template-columns:1fr}.servers-board.rows-layout .compact-server-card .server-card-shell{grid-template-columns:1fr}.servers-board.rows-layout .compact-address-row{justify-content:space-between;padding-top:8px}}
@media (max-width:760px){.link-add-form{grid-template-columns:1fr}}


/* ============================================================
   FINAL POLISH OVERRIDES — COMPACT LINKS + LIVE SERVER DOTS
   ============================================================ */

/* ---- animated electric accents ---- */
.chip,
.mini-cta,
.filter-btn,
.layout-btn,
.community-link-pill,
.server-card,
.link-block,
.quick-card {
  position: relative;
  isolation: isolate;
}

.chip::after,
.mini-cta::after,
.filter-btn::after,
.layout-btn::after,
.community-link-pill::after {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  background: linear-gradient(110deg, transparent 0%, rgba(255,255,255,.22) 35%, transparent 70%);
  opacity: 0;
  transform: translateX(-80%);
  pointer-events: none;
}

.chip:hover::after,
.mini-cta:hover::after,
.filter-btn:hover::after,
.layout-btn:hover::after,
.community-link-pill:hover::after {
  opacity: 1;
  animation: electricSheen .75s ease forwards;
}

@keyframes electricSheen {
  from { transform: translateX(-90%); }
  to { transform: translateX(90%); }
}

.chip:hover,
.community-link-pill:hover,
.server-card:hover,
.quick-card:hover {
  transform: translateY(-2px);
  box-shadow:
    0 0 0 1px rgba(46,230,255,.10),
    0 0 22px rgba(46,230,255,.08),
    0 18px 42px rgba(0,0,0,.38);
}

/* ---- community links clean layout ---- */
.compact-links-block {
  padding: 14px 16px;
}

.link-block-top {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.link-block-top h3 {
  margin: 0;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.link-note {
  color: var(--text);
  opacity: .92;
}

.link-add-form {
  display: grid;
  grid-template-columns: minmax(160px, 1fr) minmax(220px, 1.4fr) auto;
  gap: 8px;
  margin-bottom: 12px;
}

.link-add-form input {
  width: 100%;
  min-height: 42px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(8, 13, 29, .88);
  color: var(--text);
  padding: 0 14px;
  outline: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}

.link-add-form input::placeholder {
  color: rgba(201,211,239,.55);
}

.link-add-form input:focus {
  border-color: rgba(46,230,255,.32);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 0 0 3px rgba(46,230,255,.07);
}

.community-link-cloud {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
  min-height: 0;
}

.community-link-wrap {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.community-link-pill {
  min-height: 35px;
  padding: 8px 14px;
  border-radius: 999px;
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .02em;
  color: #edf4ff;
  border: 1px solid rgba(255,255,255,.10);
  background: linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.025));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}

.community-link-pill.style-a { border-color: rgba(46,230,255,.18); background: linear-gradient(135deg, rgba(46,230,255,.13), rgba(139,92,246,.08)); }
.community-link-pill.style-b { border-color: rgba(255,71,181,.18); background: linear-gradient(135deg, rgba(255,71,181,.12), rgba(46,230,255,.06)); }
.community-link-pill.style-c { border-color: rgba(34,197,94,.18); background: linear-gradient(135deg, rgba(34,197,94,.12), rgba(46,230,255,.06)); }
.community-link-pill.style-d { border-color: rgba(245,158,11,.18); background: linear-gradient(135deg, rgba(245,158,11,.13), rgba(139,92,246,.06)); }
.community-link-pill.style-e { border-color: rgba(139,92,246,.22); background: linear-gradient(135deg, rgba(139,92,246,.14), rgba(255,71,181,.07)); }
.community-link-pill.style-f { border-color: rgba(148,163,184,.18); background: linear-gradient(135deg, rgba(148,163,184,.12), rgba(46,230,255,.05)); }

.delete-link-btn,
.edit-link-btn {
  width: 25px;
  height: 25px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  color: #e8efff;
  font-size: .72rem;
  font-weight: 900;
  cursor: pointer;
}

.delete-link-form {
  margin: 0;
}

.delete-link-btn {
  background: rgba(255,79,122,.12);
  color: #ffd9e2;
}

/* ---- server panel becomes true admin access until logged in ---- */
.compact-login-form {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
  width: 100%;
  margin-top: 12px;
}

.compact-login-form input {
  min-width: 0;
  min-height: 38px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(8,13,29,.88);
  color: var(--text);
  padding: 0 12px;
}

.micro-admin-pill {
  min-height: 38px;
  white-space: nowrap;
}

/* ---- remove manual server status selector from old builds if present ---- */
.status-picker {
  display: none !important;
}

/* ---- ultra compact server cards ---- */
.servers-board.grid-layout {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.servers-board.rows-layout {
  grid-template-columns: 1fr;
  gap: 10px;
}

.server-card.compact-server-card {
  padding: 10px 12px;
  border-radius: 16px;
  min-height: 0;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.server-card-shell {
  display: grid;
  gap: 8px;
}

.server-main-line {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: flex-start;
}

.compact-identity {
  display: flex;
  gap: 10px;
  min-width: 0;
}

.compact-logo {
  width: 54px;
  height: 54px;
  border-radius: 13px;
  object-fit: cover;
  flex-shrink: 0;
}

.server-title-inline {
  display: flex;
  align-items: center;
  gap: 7px;
}

.server-title-inline h4 {
  margin: 0;
  font-size: .96rem;
  line-height: 1.12;
}

.server-game,
.server-note {
  font-size: .80rem;
  line-height: 1.25;
}

.server-game {
  color: var(--muted);
}

.server-note {
  color: #d5ddf7;
  margin-top: 3px;
}

.compact-admin-actions {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.compact-admin-actions form {
  margin: 0;
}

.small-admin-btn {
  min-width: 30px;
  height: 30px;
  padding: 0 9px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.09);
  background: rgba(255,255,255,.045);
  color: #edf4ff;
  display: inline-grid;
  place-items: center;
  font-size: .76rem;
  font-weight: 900;
  cursor: pointer;
}

.small-admin-btn:hover {
  background: rgba(255,255,255,.08);
  border-color: rgba(46,230,255,.20);
}

.small-admin-btn.danger {
  background: rgba(255,79,122,.12);
  color: #ffd7e1;
}

.server-address.compact-address-row {
  margin-top: 0;
  min-height: 40px;
  padding: 8px 9px 8px 12px;
  border-radius: 13px;
}

.server-host {
  font-size: .88rem;
  font-weight: 900;
  word-break: break-word;
}

.copy-icon {
  width: 32px;
  height: 32px;
  border-radius: 10px;
  flex-shrink: 0;
}

/* ---- live dots ---- */
.status-dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  display: inline-block;
  flex-shrink: 0;
}

.status-dot.is-on {
  background: #1ff0a0;
  box-shadow: 0 0 10px rgba(31,240,160,.95), 0 0 22px rgba(31,240,160,.28);
  animation: pulseOnline 1.45s ease-in-out infinite;
}

.status-dot.is-off {
  background: #ff4f7a;
  box-shadow: 0 0 10px rgba(255,79,122,.9), 0 0 22px rgba(255,79,122,.25);
  animation: pulseOffline 1.65s ease-in-out infinite;
}

.status-dot.is-checking {
  background: #ffbd59;
  box-shadow: 0 0 10px rgba(255,189,89,.85), 0 0 22px rgba(255,189,89,.22);
  animation: pulseChecking 1s ease-in-out infinite;
}

@keyframes pulseOnline {
  0%,100% { transform: scale(.86); opacity: .82; }
  50% { transform: scale(1.22); opacity: 1; }
}

@keyframes pulseOffline {
  0%,100% { transform: scale(.88); opacity: .72; }
  50% { transform: scale(1.12); opacity: 1; }
}

@keyframes pulseChecking {
  0%,100% { transform: scale(.86); opacity: .55; }
  50% { transform: scale(1.2); opacity: 1; }
}

.server-card[data-status="on"] {
  border-color: rgba(31,240,160,.13);
}

.server-card[data-status="off"] {
  border-color: rgba(255,79,122,.12);
}

/* ---- responsive ---- */
@media (max-width: 1120px) {
  .servers-board.grid-layout {
    grid-template-columns: 1fr;
  }
  .link-add-form {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .compact-login-form {
    grid-template-columns: 1fr;
  }
  .server-main-line {
    flex-direction: column;
  }
  .compact-admin-actions {
    justify-content: flex-start;
  }
}


/* ============================================================
   A-PATCH: LIVE STATUS CACHE + ELECTRIC CYBER POLISH
   ============================================================ */
.status-dot.is-checking{
  background:#7a88aa;
  box-shadow:0 0 10px rgba(154,169,205,.55);
  animation:pulseNeutral 1.2s infinite;
}
.status-dot.is-on{
  position:relative;
  background:#00ff9c;
  box-shadow:0 0 10px #00ff9c,0 0 22px rgba(0,255,156,.28);
}
.status-dot.is-on::after{
  content:"";
  position:absolute;
  inset:-7px;
  border-radius:999px;
  border:1px solid rgba(0,255,156,.28);
  animation:dotWave 1.65s infinite;
}
.status-dot.is-off{
  background:#ff3b6b;
  box-shadow:0 0 10px #ff3b6b,0 0 18px rgba(255,59,107,.22);
}
@keyframes pulseNeutral{0%,100%{opacity:.5}50%{opacity:1}}
@keyframes dotWave{0%{transform:scale(.6);opacity:.55}100%{transform:scale(1.65);opacity:0}}

.server-card{
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.server-card:hover{
  border-color:rgba(46,230,255,.18);
  background:linear-gradient(180deg,rgba(13,23,48,.98),rgba(8,12,24,.96));
}
.server-card::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 0%,rgba(46,230,255,.07) 32%,rgba(255,71,181,.06) 48%,transparent 68%);
  opacity:0;
  transform:translateX(-45%);
}
.server-card:hover::after{
  opacity:1;
  animation:cardSweep .9s ease forwards;
}
@keyframes cardSweep{to{transform:translateX(45%)}}

.copy-icon:hover,
.small-admin-btn:hover,
.micro-admin-pill:hover,
.mini-cta:hover,
.chip:hover{
  box-shadow:0 0 16px rgba(46,230,255,.16),0 0 22px rgba(255,71,181,.08);
}


/* ============================================================
   FINAL PILL PANELS + FULL WIDTH SERVER BOARD PATCH
   ============================================================ */

.hero-box-final {
  min-height: auto;
}

.hero-final-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 390px;
  gap: 28px;
  align-items: start;
}

.hero-control-side {
  display: grid;
  gap: 10px;
  align-content: start;
}

.time-grid-topline {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.side-pill-panel {
  padding: 10px 12px;
  border-radius: 18px;
  border: 1px solid rgba(255,71,181,.22);
  background:
    radial-gradient(circle at 0 0, rgba(46,230,255,.09), transparent 36%),
    linear-gradient(180deg, rgba(8,13,29,.82), rgba(8,13,29,.58));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 10px 28px rgba(0,0,0,.26),
    0 0 0 1px rgba(255,71,181,.05);
}

.side-pill-title {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 6px 12px;
  margin-bottom: 8px;
  border-radius: 999px;
  border: 1px solid rgba(255,71,181,.30);
  background: rgba(255,71,181,.08);
  color: #ffe9f6;
  font-size: .76rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
}

.side-login-form {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 8px;
  align-items: center;
}

.side-login-form input,
.side-compact-form input,
.side-compact-form textarea,
.side-compact-form select {
  width: 100%;
  min-height: 34px;
  padding: 8px 11px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(3,8,22,.70);
  color: var(--text);
  outline: none;
}

.side-compact-form select {
  color: #eef3ff;
}

.side-compact-form textarea {
  min-height: 54px;
  resize: vertical;
}

.side-login-form button,
.side-wide-button {
  min-height: 34px;
  padding: 8px 13px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(46,230,255,.20), rgba(255,71,181,.22));
  color: #fff;
  font-weight: 900;
  cursor: pointer;
}

.side-wide-button {
  width: 100%;
}

.side-compact-form {
  display: grid;
  grid-template-columns: 1fr;
  gap: 7px;
}

.admin-login-panel {
  margin-top: 2px;
}

/* Hide old server/video form panels when older CSS/partials remain */
.server-layout.compact-layout {
  grid-template-columns: 1fr;
}

.server-layout.compact-layout > .server-form-panel {
  display: none !important;
}

.video-admin-card {
  display: none !important;
}

/* Search + links cleanup */
.google-search {
  margin-bottom: 18px;
}

.link-block.compact-links-block {
  margin-top: 0;
}

.link-row-main {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.link-title-inline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}

.link-title-inline strong {
  letter-spacing: .08em;
  font-size: .88rem;
}

.link-title-inline span {
  color: #eef3ff;
  opacity: .95;
  font-size: .86rem;
}

.link-add-inline {
  display: grid !important;
  grid-template-columns: minmax(130px, .75fr) minmax(220px, 1.35fr) auto !important;
  gap: 8px !important;
  margin: 0 !important;
  align-items: center;
}

/* Full width server board */
.full-server-panel {
  width: 100%;
}

.split-server-board {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px;
  align-items: stretch;
}

.server-section-column {
  min-width: 0;
  padding: 12px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.025);
}

.server-section-head {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 10px;
  margin-bottom: 10px;
}

.server-section-head h4 {
  margin: 0;
  font-size: .84rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.server-section-head span {
  color: var(--muted);
  font-size: .74rem;
  line-height: 1.25;
  text-align: right;
}

.server-section-list {
  display: grid;
  gap: 9px;
}

.compact-empty {
  min-height: 72px;
  display: grid;
  place-items: center;
}

/* Even more compact cards */
.server-card.compact-server-card {
  padding: 9px 10px;
  border-radius: 15px;
}

.compact-logo {
  width: 48px !important;
  height: 48px !important;
  border-radius: 12px !important;
}

.server-title-inline h4 {
  font-size: .92rem !important;
}

.server-game,
.server-note {
  font-size: .76rem !important;
}

.server-address.compact-address-row {
  min-height: 36px;
  padding: 7px 9px 7px 11px;
  border-radius: 12px;
}

.server-host {
  font-size: .82rem !important;
}

.copy-icon {
  width: 30px !important;
  height: 30px !important;
}

.small-admin-btn {
  min-width: 27px !important;
  height: 27px !important;
  padding: 0 8px !important;
  font-size: .70rem !important;
}

/* Domains framed and stronger */
.domain-card {
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(circle at 100% 100%, rgba(255,71,181,.10), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.025));
  box-shadow: 0 18px 48px rgba(0,0,0,.28);
  min-height: 118px;
}

.domain-card p {
  color: #fff;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

/* Responsive */
@media (max-width: 1180px) {
  .hero-final-grid {
    grid-template-columns: 1fr;
  }

  .hero-control-side {
    grid-template-columns: 1fr;
  }

  .split-server-board {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  .link-row-main {
    grid-template-columns: 1fr;
  }

  .link-add-inline {
    grid-template-columns: 1fr !important;
  }

  .side-login-form {
    grid-template-columns: 1fr;
  }
}


/* ============================================================
   TOP CLOCKS + MICRO ADMIN PANELS + MOVING NEON SEARCH
   ============================================================ */

.ultra-hero-box { padding-top: 18px; }

.top-clock-strip {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
}

.clock-pill-row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: nowrap;
  min-width: 0;
}

.clock-pill {
  min-width: 116px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,71,181,.25);
  background: rgba(255,71,181,.055);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 0 18px rgba(255,71,181,.05);
  white-space: nowrap;
}

.clock-pill span {
  display: block;
  color: #b9c4e5;
  font-size: .64rem;
  line-height: 1;
  letter-spacing: .08em;
}

.clock-pill strong {
  display: block;
  margin-top: 4px;
  color: #f5f7ff;
  font-size: .82rem;
  line-height: 1;
}

.clock-pill-wide { min-width: 210px; }

.hero-final-grid {
  grid-template-columns: minmax(0, 1fr) 360px !important;
  align-items: start;
}

.compact-control-side {
  display: grid;
  gap: 8px;
  align-content: start;
}

.micro-pill-box {
  padding: 8px 10px;
  border-radius: 18px;
  border: 1px solid rgba(255,71,181,.22);
  background: rgba(255,71,181,.045);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 10px 24px rgba(0,0,0,.22);
}

.micro-pill-title {
  display: inline-flex;
  align-items: center;
  min-height: 25px;
  padding: 6px 11px;
  margin-bottom: 7px;
  border-radius: 999px;
  border: 1px solid rgba(255,71,181,.32);
  background: rgba(255,71,181,.075);
  color: #ffe9f6;
  font-size: .70rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.micro-inline-form {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 7px;
  align-items: center;
}

.micro-compact-form { display: grid; gap: 6px; }

.micro-inline-form input,
.micro-compact-form input,
.micro-compact-form textarea,
.micro-compact-form select {
  width: 100%;
  min-height: 31px;
  padding: 7px 10px;
  border-radius: 11px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(3,8,22,.72);
  color: var(--text);
  outline: none;
}

.micro-compact-form textarea {
  min-height: 44px;
  resize: vertical;
}

.micro-inline-form button,
.micro-wide {
  min-height: 31px;
  padding: 7px 12px;
  border-radius: 11px;
  border: 1px solid rgba(255,255,255,.10);
  background: linear-gradient(135deg, rgba(46,230,255,.18), rgba(255,71,181,.22));
  color: #fff;
  font-size: .75rem;
  font-weight: 900;
  cursor: pointer;
}

.micro-wide { width: 100%; }

.server-layout.compact-layout > .server-form-panel,
.video-admin-card,
.side-pill-panel { display: none !important; }

.neon-search-frame {
  position: relative;
  isolation: isolate;
  padding: 2px;
  border-radius: 18px;
  overflow: hidden;
  background: transparent;
}

.neon-search-frame::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 2px;
  background: conic-gradient(from var(--search-angle, 0deg), #2ee6ff, #366cff, #ff47b5, #ffd84d, #21f0a0, #2ee6ff);
  animation: searchNeonSpin 2.8s linear infinite;
  pointer-events: none;
  z-index: -1;
}

.neon-search-frame::after {
  content: "";
  position: absolute;
  inset: 2px;
  border-radius: 16px;
  background: rgba(10,16,34,.88);
  pointer-events: none;
  z-index: -1;
}

.neon-search-frame input,
.neon-search-frame button { position: relative; z-index: 1; }

.neon-search-frame input {
  border-color: rgba(255,255,255,.06) !important;
  background: rgba(13,19,39,.92) !important;
}

@keyframes searchNeonSpin { to { --search-angle: 360deg; } }

@property --search-angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

.google-search { margin-bottom: 16px !important; }

@media (max-width: 1180px) {
  .top-clock-strip {
    align-items: flex-start;
    flex-direction: column;
  }
  .clock-pill-row {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .hero-final-grid { grid-template-columns: 1fr !important; }
}

@media (max-width: 760px) {
  .clock-pill { min-width: calc(50% - 5px); }
  .clock-pill-wide { min-width: 100%; }
  .micro-inline-form { grid-template-columns: 1fr; }
}


/* ============================================================
   ADMIN TABS + STREAMS + GRID EXPLORER LOGO + REAL STATUS POLISH
   ============================================================ */

.grid-explorer-brand .brand-copy strong {
  background: linear-gradient(135deg,#fff,#80f4ff 35%,#ff68c7 75%,#b99bff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  animation: explorerTextGlow 3s ease-in-out infinite;
}

.explorer-mark {
  position: relative;
  overflow: hidden;
  animation: explorerMarkPulse 2.6s ease-in-out infinite;
}

.explorer-mark::after {
  content: "";
  position: absolute;
  inset: -40%;
  background: linear-gradient(120deg, transparent 30%, rgba(255,255,255,.45), transparent 70%);
  transform: translateX(-100%) rotate(20deg);
  animation: explorerMarkSweep 2.8s ease-in-out infinite;
}

@keyframes explorerTextGlow {
  0%,100% { filter: drop-shadow(0 0 4px rgba(46,230,255,.08)); }
  50% { filter: drop-shadow(0 0 12px rgba(255,71,181,.22)); }
}

@keyframes explorerMarkPulse {
  0%,100% { box-shadow: 0 0 20px rgba(46,230,255,.16); }
  50% { box-shadow: 0 0 28px rgba(255,71,181,.28), 0 0 40px rgba(46,230,255,.10); }
}

@keyframes explorerMarkSweep {
  0%,35% { transform: translateX(-100%) rotate(20deg); }
  70%,100% { transform: translateX(100%) rotate(20deg); }
}

.admin-mode-buttons {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 7px;
  margin-bottom: 8px;
}

.admin-tab-btn {
  min-height: 31px;
  border-radius: 999px;
  border: 1px solid rgba(46,230,255,.18);
  background: rgba(46,230,255,.08);
  color: #dffaff;
  font-size: .72rem;
  font-weight: 950;
  letter-spacing: .04em;
  cursor: pointer;
  transition: .18s ease;
}

.admin-tab-btn:hover,
.admin-tab-btn.is-active {
  background: linear-gradient(135deg, rgba(46,230,255,.20), rgba(139,92,246,.18));
  box-shadow: 0 0 14px rgba(46,230,255,.13);
}

.admin-logout-row { margin-top: 6px; }

.admin-tab-panel { display: none !important; }
.admin-tab-panel.is-open { display: block !important; }

.hero-button-editor,
.hero-button-edit-grid {
  max-height: 330px;
  overflow: auto;
}

.hero-button-edit-grid {
  display: grid;
  gap: 6px;
}

.hero-button-edit-row {
  display: grid;
  grid-template-columns: 42px 82px minmax(0, 1fr);
  gap: 5px;
}

.hero-button-edit-row input {
  min-height: 28px;
  padding: 5px 7px;
  border-radius: 9px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(3,8,22,.72);
  color: var(--text);
  font-size: .72rem;
}

.editable-hero-chips .hero-editable-chip {
  gap: 7px;
  overflow: hidden;
}

.chip-icon {
  display: inline-grid;
  place-items: center;
  min-width: 18px;
  opacity: .95;
  filter: drop-shadow(0 0 6px rgba(46,230,255,.25));
}

.hero-editable-chip {
  animation: heroGlowBreath 3.2s ease-in-out infinite;
}

.hero-editable-chip:nth-child(2n) { animation-delay: .35s; }
.hero-editable-chip:nth-child(3n) { animation-delay: .7s; }
.hero-editable-chip:nth-child(5n) { animation-delay: 1.1s; }

@keyframes heroGlowBreath {
  0%, 100% {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 8px 22px rgba(0,0,0,.22), 0 0 0 1px rgba(255,255,255,.06);
    filter: brightness(.98);
  }
  50% {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 0 18px rgba(46,230,255,.12), 0 0 22px rgba(255,71,181,.10);
    filter: brightness(1.12);
  }
}

.hero-editable-chip.is-empty-link { opacity: .68; }

.homepage-btn.is-dim {
  opacity: .48;
  filter: saturate(.45);
}

.footer-homepage-btn {
  min-width: 190px;
}

.stream-open-card {
  min-height: 86px;
  display: grid;
  place-items: center;
  margin-top: 12px;
  border-radius: 16px;
  color: #fff;
  font-weight: 950;
  letter-spacing: .06em;
}

.domain-card p {
  color: #dce6ff !important;
  font-weight: 700 !important;
  letter-spacing: .01em !important;
  text-transform: none !important;
  line-height: 1.45;
  font-size: .88rem;
}

.domain-card { min-height: 210px; }

@media (max-width: 760px) {
  .admin-mode-buttons { grid-template-columns: 1fr; }
  .hero-button-edit-row { grid-template-columns: 1fr; }
}

/* ============================================================
   FINAL: SMALL WOW GRID EXPLORER + CORE DOMAINS + 3 COL SERVERS
   ============================================================ */
.grid-explorer-title{font-size:clamp(1.8rem,3.5vw,3.2rem)!important;line-height:.9!important;letter-spacing:-.045em!important;position:relative;display:inline-block;text-shadow:0 0 18px rgba(46,230,255,.16),0 0 28px rgba(255,71,181,.12);animation:gridTitlePulse 3.2s ease-in-out infinite}.grid-explorer-title::after{content:"";position:absolute;left:-4%;right:-4%;top:46%;height:2px;background:linear-gradient(90deg,transparent,rgba(46,230,255,.8),rgba(255,71,181,.75),transparent);filter:blur(.2px);opacity:0;animation:titleGlitchLine 3.8s linear infinite}@keyframes gridTitlePulse{0%,100%{filter:brightness(1);transform:translateX(0)}48%{filter:brightness(1.24) saturate(1.2)}50%{transform:translateX(.7px)}52%{transform:translateX(-.7px)}}@keyframes titleGlitchLine{0%,88%,100%{opacity:0;transform:translateY(0)}90%{opacity:.95;transform:translateY(-8px)}92%{opacity:.35;transform:translateY(9px)}94%{opacity:.8;transform:translateY(0)}}
.grid-explorer-brand .brand-copy strong{background:linear-gradient(135deg,#fff,#80f4ff 35%,#ff68c7 75%,#b99bff);-webkit-background-clip:text;background-clip:text;color:transparent;animation:explorerTextGlow 3s ease-in-out infinite}.explorer-mark{position:relative;overflow:hidden;animation:explorerMarkPulse 2.6s ease-in-out infinite}.explorer-mark::after{content:"";position:absolute;inset:-40%;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.45),transparent 70%);transform:translateX(-100%) rotate(20deg);animation:explorerMarkSweep 2.8s ease-in-out infinite}@keyframes explorerTextGlow{0%,100%{filter:drop-shadow(0 0 4px rgba(46,230,255,.08))}50%{filter:drop-shadow(0 0 12px rgba(255,71,181,.22))}}@keyframes explorerMarkPulse{0%,100%{box-shadow:0 0 20px rgba(46,230,255,.16)}50%{box-shadow:0 0 28px rgba(255,71,181,.28),0 0 40px rgba(46,230,255,.10)}}@keyframes explorerMarkSweep{0%,35%{transform:translateX(-100%) rotate(20deg)}70%,100%{transform:translateX(100%) rotate(20deg)}}
.admin-mode-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:8px}.admin-tab-btn{min-height:31px;border-radius:999px;border:1px solid rgba(46,230,255,.18);background:rgba(46,230,255,.08);color:#dffaff;font-size:.72rem;font-weight:950;letter-spacing:.04em;cursor:pointer;transition:.18s ease}.admin-tab-btn:hover,.admin-tab-btn.is-active{background:linear-gradient(135deg,rgba(46,230,255,.20),rgba(139,92,246,.18));box-shadow:0 0 14px rgba(46,230,255,.13)}.admin-tab-panel{display:none!important}.admin-tab-panel.is-open{display:block!important}.hero-button-edit-grid{display:grid;gap:6px;max-height:330px;overflow:auto}.hero-button-edit-row{display:grid;grid-template-columns:48px 38px 78px minmax(0,1fr);gap:5px;align-items:center}.hero-button-edit-row label,.hero-mini-check{font-size:.68rem;color:#dffaff;font-weight:900}.hero-button-edit-row input[type="text"]{min-height:28px;padding:5px 7px;border-radius:9px;border:1px solid rgba(255,255,255,.10);background:rgba(3,8,22,.72);color:var(--text);font-size:.72rem}
.split-server-board.three-server-board{display:grid;grid-template-columns:1.15fr 1fr 1fr!important;gap:12px}.server-section-column{min-width:0;padding:12px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 0 0,rgba(46,230,255,.06),transparent 38%),rgba(255,255,255,.025)}.server-section-list{display:grid;gap:9px}.server-separator-card{min-height:34px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-radius:999px;border:1px solid rgba(255,71,181,.24);background:linear-gradient(90deg,rgba(255,71,181,.10),rgba(46,230,255,.07));color:#ffe9f6;font-size:.74rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.separator-actions{flex-shrink:0}.server-card.compact-server-card{padding:8px 9px!important}.compact-logo{width:42px!important;height:42px!important}.server-title-inline h4{font-size:.84rem!important}.server-game,.server-note{font-size:.72rem!important}.server-address.compact-address-row{min-height:32px!important;padding:6px 8px!important}.server-host{font-size:.76rem!important}
.domain-card{position:relative;overflow:hidden;min-height:230px;border-radius:22px!important;border:1px solid rgba(46,230,255,.18)!important;background:linear-gradient(135deg,rgba(46,230,255,.075),rgba(255,71,181,.055)),rgba(255,255,255,.028)!important;box-shadow:0 22px 56px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.04)!important}.domain-card::before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(120deg,transparent,rgba(46,230,255,.22),rgba(255,71,181,.18),transparent);opacity:.25;transform:translateX(-70%);animation:domainSweep 5s ease-in-out infinite;pointer-events:none}@keyframes domainSweep{0%,35%{transform:translateX(-85%);opacity:0}50%{opacity:.5}75%,100%{transform:translateX(85%);opacity:0}}.domain-card strong{font-size:1.1rem!important;text-shadow:0 0 16px rgba(46,230,255,.18)}.domain-card p{color:#dce6ff!important;font-weight:700!important;letter-spacing:.01em!important;text-transform:none!important;line-height:1.45;font-size:.88rem}.stream-open-card{min-height:86px;display:grid;place-items:center;margin-top:12px;border-radius:16px;color:#fff;font-weight:950;letter-spacing:.06em}.homepage-btn.is-dim{opacity:.48;filter:saturate(.45)}.homepage-btn-top{min-width:165px;min-height:36px;padding:0 14px;border:0;color:#fff;font-weight:950;letter-spacing:.04em;cursor:pointer}.footer-homepage-btn{min-width:190px}@media(max-width:1280px){.split-server-board.three-server-board{grid-template-columns:1fr 1fr!important}}@media(max-width:860px){.split-server-board.three-server-board{grid-template-columns:1fr!important}.hero-button-edit-row{grid-template-columns:1fr}.admin-mode-buttons{grid-template-columns:1fr}}


/* ============================================================
   FINAL FIX: LOGO IMAGE, ADMIN TABS, HOME TOGGLE, ELECTRIC CHIPS
   ============================================================ */

.logo-mark {
  overflow: hidden;
  padding: 0 !important;
  background: transparent !important;
}
.logo-mark img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  filter: drop-shadow(0 0 10px rgba(46,230,255,.35)) drop-shadow(0 0 18px rgba(255,71,181,.22));
  animation: logoImagePulse 2.8s ease-in-out infinite;
}
@keyframes logoImagePulse {
  0%,100% { transform: scale(1); filter: drop-shadow(0 0 8px rgba(46,230,255,.25)); }
  50% { transform: scale(1.08); filter: drop-shadow(0 0 16px rgba(255,71,181,.42)) drop-shadow(0 0 24px rgba(46,230,255,.18)); }
}

.grid-title-one-line {
  white-space: nowrap !important;
  display: inline-block !important;
}
.one-line-hero-title {
  white-space: nowrap !important;
  display: inline-block !important;
  font-size: clamp(2.2rem, 5.4vw, 5.4rem) !important;
  line-height: .92 !important;
  letter-spacing: -.055em !important;
}
.one-line-hero-title .gradient { display: inline !important; }

.admin-tab-panel { display: none !important; }
.admin-tab-panel.is-open { display: block !important; }
.admin-mode-buttons {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 7px;
  margin-bottom: 8px;
}
.admin-tab-btn {
  min-height: 31px;
  border-radius: 999px;
  border: 1px solid rgba(46,230,255,.18);
  background: rgba(46,230,255,.08);
  color: #dffaff;
  font-size: .72rem;
  font-weight: 950;
  letter-spacing: .04em;
  cursor: pointer;
  transition: .18s ease;
}
.admin-tab-btn:hover,
.admin-tab-btn.is-active {
  background: linear-gradient(135deg, rgba(46,230,255,.22), rgba(255,71,181,.16));
  box-shadow: 0 0 18px rgba(46,230,255,.16);
}

.homepage-btn.neon-off::before {
  animation-play-state: paused !important;
  opacity: .18 !important;
  filter: grayscale(.8);
}
.homepage-btn.neon-off {
  opacity: .74 !important;
  filter: saturate(.55) brightness(.85) !important;
}

.electric-chip, .hero-editable-chip {
  position: relative;
  overflow: hidden;
}
.electric-chip::before, .hero-editable-chip::before {
  content: "";
  position: absolute;
  inset: -2px;
  background: linear-gradient(115deg, transparent 0%, rgba(46,230,255,0) 30%, rgba(46,230,255,.8) 48%, rgba(255,71,181,.75) 52%, rgba(46,230,255,0) 70%, transparent 100%);
  transform: translateX(-140%) skewX(-18deg);
  opacity: 0;
  pointer-events: none;
  animation: electricPass 5.2s ease-in-out infinite;
}
.electric-chip:nth-child(2n)::before, .hero-editable-chip:nth-child(2n)::before { animation-delay: .7s; }
.electric-chip:nth-child(3n)::before, .hero-editable-chip:nth-child(3n)::before { animation-delay: 1.6s; }
.electric-chip:nth-child(5n)::before, .hero-editable-chip:nth-child(5n)::before { animation-delay: 2.4s; }

.electric-chip::after, .hero-editable-chip::after {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  border: 1px solid transparent;
  pointer-events: none;
  opacity: 0;
  box-shadow: 0 0 18px rgba(46,230,255,.28), inset 0 0 14px rgba(255,71,181,.08);
  animation: randomChipGlitch 4.6s steps(1,end) infinite;
}
.electric-chip:nth-child(4n)::after, .hero-editable-chip:nth-child(4n)::after { animation-delay: 1.1s; }
.electric-chip:nth-child(7n)::after, .hero-editable-chip:nth-child(7n)::after { animation-delay: 2.2s; }

@keyframes electricPass {
  0%,72%,100% { transform: translateX(-140%) skewX(-18deg); opacity: 0; }
  76% { opacity: .85; }
  84% { transform: translateX(140%) skewX(-18deg); opacity: .25; }
  86% { opacity: 0; }
}
@keyframes randomChipGlitch {
  0%,86%,100% { opacity: 0; transform: translate(0,0); }
  87% { opacity: .85; transform: translate(1px,-1px); }
  88% { opacity: .18; transform: translate(-1px,1px); }
  89% { opacity: .65; transform: translate(0,0); }
  90% { opacity: 0; }
}

.logo-edit-form {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.footer-homepage-btn {
  min-width: 220px;
  min-height: 42px;
  border: 0;
  color: #fff;
  font-weight: 950;
  letter-spacing: .04em;
  cursor: pointer;
  margin: 8px 0;
}

.homepage-help {
  position: fixed;
  inset: auto 18px 18px auto;
  z-index: 9999;
  max-width: 440px;
  padding: 16px;
  border-radius: 18px;
  border: 1px solid rgba(255,71,181,.24);
  background: rgba(8,13,29,.96);
  color: #eef3ff;
  box-shadow: 0 24px 70px rgba(0,0,0,.55), 0 0 28px rgba(46,230,255,.10);
}
.homepage-help strong { display: block; margin-bottom: 8px; }
.homepage-help p { margin: 0 0 10px; color: #b9c4e5; line-height: 1.45; }
.homepage-help button {
  min-height: 34px;
  padding: 7px 12px;
  border-radius: 11px;
  border: 1px solid rgba(255,255,255,.10);
  background: linear-gradient(135deg, rgba(46,230,255,.20), rgba(255,71,181,.22));
  color: #fff;
  font-weight: 900;
  cursor: pointer;
}

@media (max-width: 760px) {
  .one-line-hero-title {
    white-space: normal !important;
    font-size: clamp(2.4rem, 14vw, 4rem) !important;
  }
  .admin-mode-buttons { grid-template-columns: 1fr; }
}


/* ============================================================
   PATCH: SERVER PASSWORD + BIG ADDRESS + LOGO 2X + TOP AUDIO
   ============================================================ */

.logo-mark,
.brand-mark.logo-mark {
  width: 80px !important;
  height: 80px !important;
  min-width: 80px !important;
  border-radius: 22px !important;
}

.logo-mark img { object-fit: contain !important; }

.topbar-inner { min-height: 96px !important; }

.server-address.big-address-row,
.compact-address-row.big-address-row {
  min-height: 46px !important;
  padding: 10px 12px !important;
  border-radius: 15px !important;
  background: linear-gradient(135deg, rgba(46,230,255,.06), rgba(255,71,181,.04)), rgba(255,255,255,.045) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
}

.big-server-host {
  font-size: .96rem !important;
  font-weight: 950 !important;
  letter-spacing: .01em;
}

.big-server-host em {
  color: #ff8bd5;
  font-style: normal;
  margin-left: 8px;
  margin-right: 4px;
  text-shadow: 0 0 10px rgba(255,71,181,.24);
}

.move-up-btn {
  border-color: rgba(46,230,255,.28) !important;
  background: rgba(46,230,255,.12) !important;
  color: #bff8ff !important;
}

.move-down-btn {
  border-color: rgba(255,216,77,.28) !important;
  background: rgba(255,216,77,.12) !important;
  color: #ffe69a !important;
}

.move-up-btn:hover { box-shadow: 0 0 14px rgba(46,230,255,.22); }
.move-down-btn:hover { box-shadow: 0 0 14px rgba(255,216,77,.22); }

.homepage-btn { opacity: 1 !important; }

.homepage-btn.neon-off {
  opacity: .72 !important;
  filter: saturate(.45) brightness(.82) !important;
}

.homepage-btn.neon-off::before {
  animation-play-state: paused !important;
  opacity: .16 !important;
}

/* PNG/JPG/SVG logo all work. Put file in assets/img/logo.png and set that path in admin. */

/* Move existing audio player toward top as compact dock */
.audio-player,
.music-player,
#audioPlayer,
#gridAudioPlayer {
  position: sticky !important;
  top: 96px !important;
  z-index: 49 !important;
  margin: 8px auto !important;
  width: min(var(--max), calc(100% - 28px)) !important;
  border-radius: 18px !important;
}

.audio-player,
.music-player {
  bottom: auto !important;
  right: auto !important;
  left: auto !important;
}

@media (max-width: 760px) {
  .logo-mark,
  .brand-mark.logo-mark {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
  }

  .topbar-inner { min-height: 76px !important; }

  .audio-player,
  .music-player,
  #audioPlayer,
  #gridAudioPlayer { top: 76px !important; }
}


/* ============================================================
   FINAL OVERRIDE 2026-04-25
   LOGO 128px + TOP AUDIO DOCK + HOMEPAGE NEON TOGGLE
   ============================================================ */

/* 1) MAIN LOGO — max 128px. PNG/JPG/SVG works.
   Put transparent PNG here: /srv/web/assets/img/logo.png
   In admin logo field use: assets/img/logo.png
*/
.logo-mark,
.brand-mark.logo-mark {
  width: 128px !important;
  height: 128px !important;
  min-width: 128px !important;
  max-width: 128px !important;
  max-height: 128px !important;
  border-radius: 30px !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
}

.logo-mark img,
.brand-mark.logo-mark img {
  width: 100% !important;
  height: 100% !important;
  max-width: 128px !important;
  max-height: 128px !important;
  object-fit: contain !important;
  display: block !important;
  filter:
    drop-shadow(0 0 12px rgba(46,230,255,.44))
    drop-shadow(0 0 22px rgba(255,71,181,.28)) !important;
  animation: logo128Pulse 3s ease-in-out infinite !important;
}

@keyframes logo128Pulse {
  0%,100% {
    transform: scale(1);
    filter:
      drop-shadow(0 0 10px rgba(46,230,255,.34))
      drop-shadow(0 0 18px rgba(255,71,181,.20));
  }
  50% {
    transform: scale(1.045);
    filter:
      drop-shadow(0 0 18px rgba(46,230,255,.58))
      drop-shadow(0 0 30px rgba(255,71,181,.38));
  }
}

.topbar-inner {
  min-height: 146px !important;
  align-items: center !important;
}

/* GRID Explorer in one line */
.grid-title-one-line,
.grid-explorer-brand .brand-copy strong {
  white-space: nowrap !important;
}

.one-line-hero-title,
.grid-explorer-title {
  white-space: nowrap !important;
  display: inline-block !important;
}

.one-line-hero-title .gradient,
.grid-explorer-title .gradient {
  display: inline !important;
}

/* 2) TOP AUDIO PLAYER DOCK */
.audio-player,
.music-player,
#audioPlayer,
#gridAudioPlayer {
  position: sticky !important;
  top: 146px !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 60 !important;

  width: min(var(--max), calc(100% - 28px)) !important;
  max-width: min(var(--max), calc(100% - 28px)) !important;
  margin: 10px auto 14px !important;

  padding: 9px 12px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(46,230,255,.20) !important;

  background:
    radial-gradient(circle at 0 0, rgba(46,230,255,.11), transparent 42%),
    radial-gradient(circle at 100% 0, rgba(255,71,181,.10), transparent 38%),
    linear-gradient(135deg, rgba(10,16,34,.95), rgba(10,16,34,.74)) !important;

  box-shadow:
    0 18px 44px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.04) !important;

  backdrop-filter: blur(16px) !important;
  overflow: hidden !important;
}

/* Kill old bottom dock behavior */
.audio-player.hidden-panel {
  transform: none !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

.audio-dock,
.audio-dock.show {
  display: none !important;
}

/* Neon flow over player */
.audio-player::before,
.music-player::before,
#audioPlayer::before,
#gridAudioPlayer::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: inherit;
  background: linear-gradient(
    100deg,
    transparent 0%,
    rgba(46,230,255,.00) 28%,
    rgba(46,230,255,.45) 45%,
    rgba(255,71,181,.40) 55%,
    rgba(46,230,255,.00) 72%,
    transparent 100%
  );
  opacity: .30;
  transform: translateX(-120%);
  animation: topPlayerFlow 5.5s linear infinite;
  pointer-events: none;
}

@keyframes topPlayerFlow {
  0% { transform: translateX(-120%); }
  100% { transform: translateX(120%); }
}

/* Make player internals more compact */
.audio-top { margin-bottom: 7px !important; }
.audio-meta strong { font-size: .86rem !important; }
.audio-meta span { font-size: .70rem !important; }
.audio-controls { gap: 6px !important; }

.audio-controls button,
#playlistToggle,
.audio-hide-btn {
  min-height: 30px !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  font-size: .72rem !important;
}

.progress-wrap { margin-top: 7px !important; }
.audio-actions { margin-top: 7px !important; }

/* 3) SET AS HOMEPAGE — visible, click toggles neon via JS */
.homepage-btn,
.homepage-btn-top,
.footer-homepage-btn {
  opacity: 1 !important;
  filter: none !important;
  visibility: visible !important;
}

.homepage-btn.neon-off,
.homepage-btn-top.neon-off,
.footer-homepage-btn.neon-off {
  opacity: .72 !important;
  filter: saturate(.45) brightness(.82) !important;
}

.homepage-btn.neon-off::before,
.homepage-btn-top.neon-off::before,
.footer-homepage-btn.neon-off::before {
  animation-play-state: paused !important;
  opacity: .16 !important;
  filter: grayscale(.8) !important;
}

/* 4) Server address/password readability */
.server-address.big-address-row,
.compact-address-row.big-address-row {
  min-height: 46px !important;
  padding: 10px 12px !important;
  border-radius: 15px !important;
  background:
    linear-gradient(135deg, rgba(46,230,255,.07), rgba(255,71,181,.045)),
    rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
}

.big-server-host {
  font-size: .96rem !important;
  font-weight: 950 !important;
  letter-spacing: .01em !important;
}

.big-server-host em {
  color: #ff8bd5 !important;
  font-style: normal !important;
  margin-left: 8px !important;
  margin-right: 4px !important;
  text-shadow: 0 0 10px rgba(255,71,181,.25) !important;
}

/* 5) Move buttons colors */
.move-up-btn {
  border-color: rgba(46,230,255,.28) !important;
  background: rgba(46,230,255,.12) !important;
  color: #bff8ff !important;
}

.move-down-btn {
  border-color: rgba(255,216,77,.28) !important;
  background: rgba(255,216,77,.12) !important;
  color: #ffe69a !important;
}

.move-up-btn:hover { box-shadow: 0 0 14px rgba(46,230,255,.22) !important; }
.move-down-btn:hover { box-shadow: 0 0 14px rgba(255,216,77,.22) !important; }

/* Responsive logo/player */
@media (max-width: 760px) {
  .logo-mark,
  .brand-mark.logo-mark {
    width: 72px !important;
    height: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
    max-height: 72px !important;
    border-radius: 20px !important;
  }

  .topbar-inner {
    min-height: 92px !important;
  }

  .audio-player,
  .music-player,
  #audioPlayer,
  #gridAudioPlayer {
    top: 92px !important;
    width: calc(100% - 20px) !important;
    max-width: calc(100% - 20px) !important;
    margin: 8px auto 10px !important;
  }
}
/* LOGO 128 */
.logo-mark {
  width: 128px;
  height: 128px;
}

/* MENU BUTTONY */
.nav-buttons {
  display:flex;
  gap:10px;
}

.nav-buttons a {
  padding:10px 15px;
  border-radius:20px;
  background:#111;
  color:#fff;
}



/* STATUS BUTTONY */
.manual-status-btn {
  padding:5px 10px;
  margin:2px;
  border-radius:10px;
}
/* ===================== TOP PLAYER HARD ===================== */

.audio-player {
  position: fixed !important;
  top: 0 !important;
  left: 0;
  width: 100%;

  height: 52px;
  padding: 6px 14px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  background: linear-gradient(90deg, #0b0f1f, #111a33);
  border-bottom: 1px solid rgba(46,230,255,0.2);

  z-index: 9999;

  backdrop-filter: blur(10px);
}

/* przesuwamy ca�� stron� w d� �eby player nie zakrywa� */
body {
  padding-top: 60px;
}

/* PREFINAL HARD OVERRIDE — PLAYER IN HEADER CENTER */
body{padding-top:0!important}.final-topbar,.topbar{position:sticky!important;top:0!important;z-index:9999!important;background:rgba(5,9,20,.96)!important;border-bottom:1px solid rgba(46,230,255,.12)!important;backdrop-filter:blur(18px)!important}.final-topbar-inner,.topbar-inner{display:grid!important;grid-template-columns:128px minmax(420px,1fr) auto!important;align-items:center!important;gap:18px!important;min-height:150px!important;padding-top:10px!important;padding-bottom:10px!important}.final-brand,.grid-explorer-brand,.brand{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;text-decoration:none!important}.final-brand-copy,.brand-copy{display:none!important}.logo-mark,.brand-mark.logo-mark,.final-logo-mark{width:128px!important;height:128px!important;min-width:128px!important;max-width:128px!important;max-height:128px!important;padding:0!important;border-radius:28px!important;overflow:hidden!important;background:transparent!important}.logo-mark img,.brand-mark.logo-mark img,.final-logo-mark img{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important;filter:drop-shadow(0 0 14px rgba(46,230,255,.32)) drop-shadow(0 0 24px rgba(255,71,181,.22))!important}.top-media-slot{min-width:0!important;align-self:center!important}.audio-player,.music-player,#audioPlayer,#gridAudioPlayer{position:relative!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;opacity:1!important;pointer-events:auto!important;width:100%!important;max-width:100%!important;min-height:0!important;height:auto!important;max-height:118px!important;margin:0 auto!important;padding:8px 10px!important;display:grid!important;grid-template-columns:minmax(160px,1.1fr) minmax(230px,1.4fr) minmax(180px,.9fr)!important;grid-template-areas:"meta controls actions" "progress progress progress" "playlist playlist playlist"!important;align-items:center!important;gap:7px 10px!important;border-radius:18px!important;border:1px solid rgba(46,230,255,.22)!important;background:radial-gradient(circle at 0 0,rgba(46,230,255,.13),transparent 42%),radial-gradient(circle at 100% 0,rgba(255,71,181,.11),transparent 38%),linear-gradient(135deg,rgba(10,16,34,.96),rgba(10,16,34,.74))!important;box-shadow:0 18px 44px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.04)!important;backdrop-filter:blur(16px)!important;overflow:visible!important;z-index:1!important}.audio-player.hidden-panel{transform:none!important;opacity:1!important;pointer-events:auto!important}.audio-dock,.audio-dock.show,.audio-hide-btn,#hideAudioPanelBtn{display:none!important}.audio-top{grid-area:meta!important;margin:0!important;min-width:0!important;display:block!important}.audio-meta{min-width:0!important}.audio-meta strong{display:block!important;font-size:.78rem!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.audio-meta span{display:block!important;margin-top:2px!important;font-size:.66rem!important;line-height:1.1!important;color:var(--muted)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.audio-controls{grid-area:controls!important;display:flex!important;gap:5px!important;flex-wrap:nowrap!important;justify-content:center!important}.audio-controls button,#playlistToggle,.audio-actions button{min-height:27px!important;padding:5px 8px!important;border-radius:999px!important;font-size:.64rem!important;line-height:1!important;white-space:nowrap!important}.progress-wrap{grid-area:progress!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) 42px!important;gap:8px!important;align-items:center!important;margin:0!important;font-size:.62rem!important;color:var(--muted)!important}.progress-wrap input,.audio-actions input{width:100%!important;min-width:0!important;height:4px!important;accent-color:#ff47b5!important}.audio-actions{grid-area:actions!important;display:grid!important;grid-template-columns:auto minmax(80px,1fr)!important;gap:8px!important;align-items:center!important;margin:0!important;min-width:0!important}.playlist{grid-area:playlist!important;max-height:140px!important;overflow:auto!important;margin-top:4px!important}.playlist.hidden{display:none!important}.playlist-item{padding:8px!important;margin-bottom:5px!important;border-radius:10px!important}.final-nav-buttons,.nav.nav-buttons,.nav-buttons{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:wrap!important}.final-nav-buttons a,.nav.nav-buttons a,.nav-buttons a{min-height:32px!important;padding:8px 11px!important;border-radius:999px!important;border:1px solid rgba(46,230,255,.24)!important;background:linear-gradient(135deg,#2ee6ff,#ff47b5)!important;color:#06101d!important;font-size:.62rem!important;font-weight:950!important;letter-spacing:.06em!important;text-decoration:none!important;box-shadow:0 0 12px rgba(46,230,255,.25),0 0 16px rgba(255,71,181,.18)!important;transition:transform .18s ease,filter .18s ease!important}.final-nav-buttons a:hover,.nav.nav-buttons a:hover,.nav-buttons a:hover{transform:translateY(-2px) scale(1.03)!important;filter:brightness(1.14)!important}.manual-status-row{display:flex!important;gap:7px!important;flex-wrap:wrap!important;align-items:center!important;margin-top:2px!important}.manual-status-row form{margin:0!important}.manual-status-btn{min-height:28px!important;padding:6px 10px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.10)!important;color:#fff!important;font-size:.70rem!important;font-weight:950!important;cursor:pointer!important;background:rgba(255,255,255,.045)!important}.manual-status-btn.manual-on{border-color:rgba(31,240,160,.28)!important;color:#baffdf!important}.manual-status-btn.manual-off{border-color:rgba(255,79,122,.30)!important;color:#ffd9e2!important}.manual-status-btn.manual-pause{border-color:rgba(255,189,89,.30)!important;color:#ffe2ad!important}.manual-status-btn.manual-on.active{background:rgba(31,240,160,.18)!important;box-shadow:0 0 14px rgba(31,240,160,.16)!important}.manual-status-btn.manual-off.active{background:rgba(255,79,122,.18)!important;box-shadow:0 0 14px rgba(255,79,122,.16)!important}.manual-status-btn.manual-pause.active{background:rgba(255,189,89,.18)!important;box-shadow:0 0 14px rgba(255,189,89,.16)!important}.status-dot.is-paused{background:var(--amber)!important;box-shadow:0 0 10px var(--amber),0 0 22px rgba(255,189,89,.24)!important;animation:pulseAmber 1.5s infinite!important}.server-address.big-address-row,.compact-address-row.big-address-row{min-height:46px!important;padding:10px 12px!important;border-radius:15px!important;background:linear-gradient(135deg,rgba(46,230,255,.07),rgba(255,71,181,.045)),rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.12)!important}.big-server-host{font-size:.96rem!important;font-weight:950!important;letter-spacing:.01em!important}.big-server-host em{color:#ff8bd5!important;font-style:normal!important;margin-left:8px!important;margin-right:4px!important;text-shadow:0 0 10px rgba(255,71,181,.25)!important}.move-up-btn{border-color:rgba(46,230,255,.28)!important;background:rgba(46,230,255,.12)!important;color:#bff8ff!important}.move-down-btn{border-color:rgba(255,216,77,.28)!important;background:rgba(255,216,77,.12)!important;color:#ffe69a!important}.stream-load-card{min-height:160px!important;width:100%!important;display:grid!important;place-items:center!important;border:0!important;color:#fff!important;font-weight:950!important;letter-spacing:.06em!important;cursor:pointer!important}@media(max-width:1180px){.final-topbar-inner,.topbar-inner{grid-template-columns:92px minmax(0,1fr)!important;grid-template-areas:"logo nav" "player player"!important;min-height:auto!important}.final-brand,.brand{grid-area:logo!important}.top-media-slot{grid-area:player!important}.final-nav-buttons,.nav.nav-buttons,.nav-buttons{grid-area:nav!important}.logo-mark,.brand-mark.logo-mark,.final-logo-mark{width:92px!important;height:92px!important;min-width:92px!important}.audio-player,#audioPlayer{grid-template-columns:1fr!important;grid-template-areas:"meta" "controls" "progress" "actions" "playlist"!important;max-height:none!important}.audio-controls{flex-wrap:wrap!important;justify-content:flex-start!important}}@media(max-width:760px){.final-topbar-inner,.topbar-inner{grid-template-columns:68px 1fr!important;gap:10px!important}.logo-mark,.brand-mark.logo-mark,.final-logo-mark{width:68px!important;height:68px!important;min-width:68px!important;border-radius:18px!important}.final-nav-buttons a,.nav.nav-buttons a,.nav-buttons a{padding:7px 9px!important;font-size:.56rem!important}}


/* ============================================================
   FINAL CLEAN PATCH - current merged site
   ============================================================ */
.final-topbar,
.topbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  background: rgba(5,9,20,.96) !important;
  border-bottom: 1px solid rgba(46,230,255,.12) !important;
  backdrop-filter: blur(18px) !important;
  overflow: visible !important;
}

.final-topbar-inner,
.topbar-inner {
  display: grid !important;
  grid-template-columns: 128px minmax(560px, 1fr) 260px !important;
  align-items: center !important;
  gap: 18px !important;
  min-height: 150px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  overflow: visible !important;
}

.final-brand-copy,
.brand-copy {
  display: none !important;
}

.logo-mark,
.final-logo-mark,
.brand-mark.logo-mark {
  width: 128px !important;
  height: 128px !important;
  min-width: 128px !important;
  max-width: 128px !important;
  max-height: 128px !important;
  border-radius: 28px !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
  box-shadow: 0 0 28px rgba(46,230,255,.12) !important;
}

.logo-mark img,
.final-logo-mark img,
.brand-mark.logo-mark img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

.top-media-slot {
  position: relative !important;
  z-index: 30 !important;
  min-width: 0 !important;
}

.audio-player,
.top-audio-player,
#audioPlayer {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 128px !important;
  height: 128px !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  display: grid !important;
  grid-template-columns: minmax(180px,1fr) minmax(270px,1.15fr) minmax(190px,.8fr) !important;
  grid-template-areas:
    "meta controls actions"
    "progress progress progress"
    "playlist playlist playlist" !important;
  align-items: center !important;
  gap: 8px 12px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(46,230,255,.24) !important;
  background:
    radial-gradient(circle at 0 0, rgba(46,230,255,.15), transparent 42%),
    radial-gradient(circle at 100% 0, rgba(255,71,181,.12), transparent 38%),
    linear-gradient(135deg, rgba(10,16,34,.98), rgba(20,12,35,.82)) !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.04) !important;
  backdrop-filter: blur(16px) !important;
  overflow: visible !important;
}

.audio-top { grid-area: meta !important; margin: 0 !important; min-width: 0 !important; }
.audio-meta strong { display: block !important; font-size: .9rem !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
.audio-meta span { display: block !important; margin-top: 3px !important; font-size: .70rem !important; color: var(--muted) !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
.audio-badge { display: inline-flex !important; margin-top: 8px !important; padding: 5px 8px !important; border-radius: 999px !important; border: 1px solid rgba(46,230,255,.18) !important; background: rgba(46,230,255,.08) !important; color: #dffbff !important; font-weight: 950 !important; font-size: .62rem !important; letter-spacing: .06em !important; }

.audio-controls { grid-area: controls !important; display: flex !important; gap: 6px !important; flex-wrap: wrap !important; justify-content: center !important; }
.audio-controls button,
#playlistToggle,
.audio-actions button { min-height: 29px !important; padding: 6px 9px !important; border-radius: 999px !important; font-size: .66rem !important; line-height: 1 !important; white-space: nowrap !important; border: 1px solid rgba(255,255,255,.10) !important; background: rgba(255,255,255,.055) !important; color: var(--text) !important; cursor: pointer !important; }

.progress-wrap { grid-area: progress !important; display: grid !important; grid-template-columns: 44px minmax(0,1fr) 44px !important; gap: 8px !important; align-items: center !important; margin: 0 !important; font-size: .64rem !important; color: var(--muted) !important; }
.progress-wrap input,
.audio-actions input { width: 100% !important; min-width: 0 !important; height: 5px !important; accent-color: #ff47b5 !important; }

.audio-actions { grid-area: actions !important; display: grid !important; grid-template-columns: auto minmax(90px,1fr) !important; gap: 8px !important; align-items: center !important; margin: 0 !important; min-width: 0 !important; }

.playlist {
  grid-area: playlist !important;
  position: absolute !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  right: 0 !important;
  max-height: min(420px, 62vh) !important;
  overflow: auto !important;
  margin: 0 !important;
  padding: 10px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(46,230,255,.20) !important;
  background: rgba(7,12,28,.98) !important;
  box-shadow: 0 30px 80px rgba(0,0,0,.62), 0 0 30px rgba(46,230,255,.08) !important;
  z-index: 10000 !important;
}
.playlist.hidden { display: none !important; }
.playlist-album { border-radius: 14px !important; border: 1px solid rgba(255,255,255,.08) !important; background: rgba(255,255,255,.03) !important; margin-bottom: 8px !important; overflow: hidden !important; }
.playlist-album-head { width: 100% !important; min-height: 38px !important; padding: 10px 12px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; border: 0 !important; background: rgba(255,255,255,.04) !important; color: #eef3ff !important; cursor: pointer !important; font-weight: 950 !important; }
.playlist-album.open .playlist-album-head { background: linear-gradient(135deg, rgba(46,230,255,.12), rgba(255,71,181,.08)) !important; }
.playlist-album-head em { color: var(--muted) !important; font-style: normal !important; font-size: .72rem !important; font-weight: 800 !important; }
.playlist-album-body { display: grid !important; gap: 6px !important; padding: 8px !important; }
.playlist-item { display: grid !important; width: 100% !important; text-align: left !important; margin: 0 !important; padding: 10px 11px !important; border-radius: 12px !important; border: 1px solid rgba(255,255,255,.08) !important; background: rgba(255,255,255,.035) !important; color: #eef3ff !important; cursor: pointer !important; }
.playlist-item strong { font-size: .82rem !important; }
.playlist-item span { margin-top: 2px !important; color: var(--muted) !important; font-size: .70rem !important; }
.playlist-item.active { border-color: rgba(46,230,255,.45) !important; box-shadow: inset 0 0 0 1px rgba(46,230,255,.18),0 0 16px rgba(46,230,255,.10) !important; background: rgba(46,230,255,.08) !important; }

.top-right-stack { display: grid !important; gap: 10px !important; justify-items: end !important; align-items: center !important; }
.final-nav-buttons { display: flex !important; justify-content: flex-end !important; gap: 8px !important; flex-wrap: wrap !important; }
.final-nav-buttons a { min-height: 34px !important; padding: 8px 12px !important; border-radius: 999px !important; border: 1px solid rgba(46,230,255,.26) !important; background: linear-gradient(135deg,#2ee6ff,#ff47b5) !important; color: #06101d !important; font-size: .64rem !important; font-weight: 950 !important; letter-spacing: .06em !important; box-shadow: 0 0 12px rgba(46,230,255,.25),0 0 16px rgba(255,71,181,.18) !important; }

.header-socials { display: flex !important; justify-content: flex-end !important; gap: 7px !important; flex-wrap: wrap !important; max-width: 252px !important; }
.social-icon-btn { width: 32px !important; height: 32px !important; display: grid !important; place-items: center !important; border-radius: 999px !important; border: 1px solid rgba(255,255,255,.10) !important; background: rgba(255,255,255,.045) !important; color: #eef3ff !important; font-weight: 950 !important; box-shadow: 0 0 16px rgba(46,230,255,.08) !important; }
.social-icon-btn:hover { transform: translateY(-2px) scale(1.05) !important; background: linear-gradient(135deg,rgba(46,230,255,.16),rgba(255,71,181,.14)) !important; }

.hero-side { position: relative !important; }
.support-visual-panel { margin-bottom: 12px !important; display: grid !important; justify-items: center !important; gap: 8px !important; }
.hero-support-shield { width: min(260px, 100%) !important; max-height: 260px !important; object-fit: contain !important; opacity: .78 !important; filter: drop-shadow(0 0 26px rgba(255,71,181,.28)) drop-shadow(0 0 18px rgba(46,230,255,.18)) !important; }
.visit-counter-card { width: 100% !important; border: 1px solid rgba(46,230,255,.18) !important; background: rgba(255,255,255,.045) !important; border-radius: 16px !important; padding: 9px 10px !important; text-align: center !important; }
.visit-counter-card strong { display: block !important; font-size: 1.05rem !important; }
.visit-counter-card span { color: var(--muted) !important; font-size: .68rem !important; font-weight: 900 !important; }
.country-flags { display: flex !important; justify-content: center !important; gap: 5px !important; margin-top: 5px !important; flex-wrap: wrap !important; font-size: 1rem !important; }

.admin-tab-panel { display: none !important; }
.admin-tab-panel.is-open { display: block !important; }

.social-edit-grid { margin: 10px 0 !important; padding: 10px 0 !important; border-top: 1px solid rgba(255,255,255,.08) !important; border-bottom: 1px solid rgba(255,255,255,.08) !important; }
.mini-subtitle { margin-bottom: 6px !important; }

.three-server-board,
.servers-board.three-server-board {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 14px !important;
}
.server-section-column { min-width: 0 !important; height: 100% !important; display: flex !important; flex-direction: column !important; }
.server-section-list { flex: 1 !important; }
.server-card { width: 100% !important; }

@media (max-width:1180px) {
  .final-topbar-inner,
  .topbar-inner {
    grid-template-columns: 92px minmax(0,1fr) !important;
    grid-template-areas: "logo nav" "player player" !important;
    min-height: auto !important;
  }
  .final-brand { grid-area: logo !important; }
  .top-media-slot { grid-area: player !important; }
  .top-right-stack { grid-area: nav !important; }
  .logo-mark,.final-logo-mark { width: 92px !important; height: 92px !important; min-width: 92px !important; }
  .audio-player,#audioPlayer { height: auto !important; min-height: 132px !important; grid-template-columns: 1fr !important; grid-template-areas: "meta" "controls" "progress" "actions" "playlist" !important; }
  .three-server-board,.servers-board.three-server-board { grid-template-columns: 1fr !important; }
}

/* ===== FORTeca requested patch 2026-04-28 ===== */
.server-toolbar{display:grid!important;grid-template-columns:auto minmax(260px,1fr)!important;align-items:center!important;gap:14px!important}
.server-list-note{margin:0!important;color:#dce6ff!important;font-size:.82rem!important;line-height:1.35!important;font-weight:800!important;text-align:left!important;padding:8px 12px!important;border-radius:14px!important;background:rgba(46,230,255,.055)!important;border:1px solid rgba(46,230,255,.13)!important}
.split-server-board.three-server-board{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:start!important}
.server-section-column{align-self:start!important;height:auto!important;min-height:0!important}
.server-section-list{display:grid!important;gap:10px!important;align-content:start!important}
.server-card.compact-server-card{min-height:154px!important;padding:10px!important;border-radius:20px!important;position:relative!important;overflow:hidden!important}
.compact-server-card .server-card-shell{gap:10px!important}
.compact-identity{gap:12px!important;align-items:flex-start!important}
.compact-logo,.server-logo.compact-logo{width:96px!important;height:76px!important;border-radius:14px!important;object-fit:cover!important;border-color:rgba(46,230,255,.22)!important;box-shadow:0 0 18px rgba(46,230,255,.08)!important}
.server-title-inline h4{font-size:1rem!important;line-height:1.12!important;color:#fff!important;text-shadow:0 0 12px rgba(46,230,255,.16)!important}
.server-game{font-size:.84rem!important;color:#aebbe0!important;margin-top:3px!important}
.server-note{font-size:.82rem!important;color:#e8eeff!important;margin-top:4px!important;font-weight:800!important}
.server-address.big-address-row,.compact-address-row.big-address-row{min-height:42px!important;margin-top:2px!important}
.status-dot.is-on,.status-dot.is-off,.status-dot.is-paused{animation-duration:1.25s!important}
.manual-status-btn{position:relative!important;overflow:visible!important}
.manual-status-btn.active::after{content:"";position:absolute;inset:-4px;border-radius:999px;opacity:.55;animation:statusButtonBlink 1.1s ease-in-out infinite!important}
.manual-status-btn.manual-on.active::after{box-shadow:0 0 18px rgba(31,240,160,.7)!important}
.manual-status-btn.manual-off.active::after{box-shadow:0 0 18px rgba(255,79,122,.7)!important}
.manual-status-btn.manual-pause.active::after{box-shadow:0 0 18px rgba(255,189,89,.75)!important}
@keyframes statusButtonBlink{0%,100%{opacity:.25;transform:scale(.96)}50%{opacity:.85;transform:scale(1.05)}}
.audio-controls{flex-wrap:nowrap!important;white-space:nowrap!important;justify-content:center!important;align-items:center!important}
.audio-controls button,#loopBtn,#shuffleBtn{white-space:nowrap!important;flex:0 0 auto!important}
.hero-button-edit-row{grid-template-columns:52px 42px 82px minmax(130px,1fr) minmax(180px,1.6fr)!important}
.hero-button-edit-row input[name$="[url]"]{min-width:180px!important;width:100%!important}
.social-edit-row{grid-template-columns:52px 42px 82px minmax(130px,1fr) minmax(180px,1.6fr)!important}
.domain-edit-grid{max-height:430px!important;overflow:auto!important}
.domain-edit-row{display:grid!important;grid-template-columns:minmax(90px,.7fr) 76px minmax(160px,1fr);gap:6px!important;margin-bottom:8px!important}
.domain-edit-row textarea{grid-column:1 / -1;min-height:74px!important;resize:vertical!important}
.domain-edit-row input,.domain-edit-row textarea{border-radius:10px!important;border:1px solid rgba(255,255,255,.10)!important;background:rgba(3,8,22,.72)!important;color:var(--text)!important;padding:7px 9px!important;font-size:.74rem!important}
.creation-grid{margin-top:10px!important}
.country-flags{max-width:100%!important;min-height:22px!important}
.country-flags span{display:inline-flex!important;filter:drop-shadow(0 0 6px rgba(46,230,255,.25))!important}
@media(max-width:1280px){.split-server-board.three-server-board{grid-template-columns:1fr 1fr!important}.server-toolbar{grid-template-columns:1fr!important}.hero-button-edit-row,.social-edit-row{grid-template-columns:1fr!important}}
@media(max-width:860px){.split-server-board.three-server-board{grid-template-columns:1fr!important}.compact-logo,.server-logo.compact-logo{width:88px!important;height:70px!important}.domain-edit-row{grid-template-columns:1fr!important}}


/* ============================================================
   PATCH 4 REAL — final server cards, footer logo, game types
   ============================================================ */
.footer-box{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:22px!important;
}
.footer-box p{margin:0!important;}
.footer-fehu-logo{display:grid!important;place-items:center!important;}
.footer-fehu-logo img{width:112px!important;height:112px!important;object-fit:contain!important;filter:drop-shadow(0 0 18px rgba(255,71,181,.48)) drop-shadow(0 0 28px rgba(46,230,255,.16))!important;}
.footer-links{justify-content:flex-end!important;}

.country-flags{display:flex!important;justify-content:center!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;font-size:1rem!important;line-height:1!important;}
.country-flags span{display:inline-flex!important;min-width:18px!important;min-height:18px!important;align-items:center!important;justify-content:center!important;}

.server-toolbar{display:grid!important;grid-template-columns:auto minmax(320px,1fr)!important;align-items:center!important;gap:14px!important;margin-bottom:14px!important;}
.server-list-note{max-width:none!important;margin:0!important;}
.split-server-board.three-server-board{grid-template-columns:repeat(3,minmax(360px,1fr))!important;align-items:start!important;}
.server-section-column{height:auto!important;align-self:start!important;}
.server-section-list{align-content:start!important;}

.server-card.compact-server-card.forteca-server-card{min-height:112px!important;padding:10px!important;border-radius:20px!important;overflow:hidden!important;position:relative!important;}
.forteca-server-shell{display:grid!important;gap:9px!important;}
.forteca-server-main{display:grid!important;grid-template-columns:179px minmax(0,1fr)!important;gap:12px!important;align-items:start!important;position:relative!important;min-height:84px!important;}
.forteca-game-image,.compact-logo.forteca-game-image,.server-logo.compact-logo.forteca-game-image{width:179px!important;height:84px!important;min-width:179px!important;max-width:179px!important;border-radius:0!important;object-fit:cover!important;border:1px solid rgba(46,230,255,.26)!important;background:#050915!important;box-shadow:0 0 18px rgba(46,230,255,.08)!important;}
.forteca-server-copy{min-width:0!important;padding-right:0!important;}
.forteca-server-title{display:flex!important;align-items:center!important;gap:7px!important;margin-bottom:3px!important;}
.forteca-server-title h4{margin:0!important;font-size:1rem!important;line-height:1.1!important;color:#fff!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;}
.forteca-server-address{display:flex!important;align-items:center!important;gap:7px!important;margin:3px 0 5px!important;color:#eef5ff!important;font-size:.86rem!important;font-weight:900!important;line-height:1.12!important;overflow-wrap:normal!important;word-break:normal!important;}
.forteca-server-address span{min-width:0!important;overflow-wrap:normal!important;word-break:normal!important;}
.forteca-server-address .copy-icon{width:26px!important;height:26px!important;border-radius:9px!important;}
.forteca-server-game{font-size:.82rem!important;color:#aebbe0!important;line-height:1.15!important;margin:0 0 3px!important;word-break:normal!important;}
.server-game-type{display:inline-flex!important;width:max-content!important;max-width:100%!important;margin:1px 0 3px!important;padding:3px 8px!important;border-radius:999px!important;background:rgba(46,230,255,.08)!important;border:1px solid rgba(46,230,255,.16)!important;color:#dff8ff!important;font-size:.66rem!important;font-weight:900!important;line-height:1!important;letter-spacing:.03em!important;}
.forteca-server-note{font-size:.78rem!important;line-height:1.18!important;color:#f1f5ff!important;margin-top:2px!important;font-weight:800!important;word-break:normal!important;overflow-wrap:break-word!important;}
.forteca-card-admin-actions{position:absolute!important;right:0!important;top:0!important;z-index:4!important;max-width:112px!important;}
.forteca-card-admin-actions .small-admin-btn{height:24px!important;min-width:24px!important;font-size:.66rem!important;padding:0 7px!important;}
.forteca-manual-status-row{margin-top:4px!important;display:flex!important;gap:8px!important;flex-wrap:wrap!important;}
.forteca-separator-card{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:8px 10px!important;border-radius:999px!important;border:1px solid rgba(255,71,181,.34)!important;background:linear-gradient(135deg,rgba(46,230,255,.13),rgba(255,71,181,.24))!important;color:#fff!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.05em!important;}

.game-kind-pills{display:flex!important;gap:7px!important;flex-wrap:wrap!important;margin:2px 0 5px!important;}
.game-kind-pill{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:34px!important;padding:0!important;border-radius:999px!important;cursor:pointer!important;user-select:none!important;}
.game-kind-pill input{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;}
.game-kind-pill span{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:34px!important;padding:8px 13px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.12)!important;background:linear-gradient(135deg,rgba(46,230,255,.16),rgba(255,71,181,.18))!important;color:#eef6ff!important;font-size:.72rem!important;font-weight:900!important;letter-spacing:.05em!important;text-transform:uppercase!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;}
.game-kind-pill input:checked + span{box-shadow:0 0 18px rgba(255,71,181,.38),0 0 24px rgba(46,230,255,.16)!important;border-color:rgba(255,255,255,.24)!important;transform:translateY(-1px)!important;}
.kind-server span{background:linear-gradient(135deg,rgba(46,230,255,.28),rgba(35,91,255,.20))!important;}
.kind-separator span{background:linear-gradient(135deg,rgba(255,189,89,.28),rgba(255,71,181,.18))!important;}
.kind-color-1 span{background:linear-gradient(135deg,rgba(31,240,160,.26),rgba(46,230,255,.14))!important;}
.kind-color-2 span{background:linear-gradient(135deg,rgba(255,79,122,.26),rgba(111,33,64,.22))!important;}
.kind-color-3 span{background:linear-gradient(135deg,rgba(163,111,255,.28),rgba(255,71,181,.16))!important;}
.kind-color-4 span{background:linear-gradient(135deg,rgba(255,95,95,.28),rgba(255,189,89,.14))!important;}
.kind-color-5 span{background:linear-gradient(135deg,rgba(255,189,89,.30),rgba(255,71,181,.18))!important;}
.kind-color-6 span{background:linear-gradient(135deg,rgba(46,230,255,.26),rgba(38,120,255,.16))!important;}
.kind-color-7 span{background:linear-gradient(135deg,rgba(40,220,180,.25),rgba(31,240,160,.13))!important;}
.kind-color-8 span{background:linear-gradient(135deg,rgba(255,140,64,.28),rgba(255,189,89,.12))!important;}
.kind-color-9 span{background:linear-gradient(135deg,rgba(180,190,210,.24),rgba(46,230,255,.12))!important;}
.kind-color-10 span{background:linear-gradient(135deg,rgba(255,102,204,.30),rgba(255,71,181,.16))!important;}

@media(max-width:1380px){.split-server-board.three-server-board{grid-template-columns:repeat(2,minmax(360px,1fr))!important;}}
@media(max-width:900px){.split-server-board.three-server-board{grid-template-columns:1fr!important}.server-toolbar{grid-template-columns:1fr!important}.footer-box{grid-template-columns:1fr!important;text-align:center!important}.footer-links{justify-content:center!important}.forteca-card-admin-actions{position:static!important;max-width:none!important;justify-content:flex-start!important}.forteca-server-main{grid-template-columns:179px minmax(0,1fr)!important}}
@media(max-width:560px){.forteca-server-main{grid-template-columns:1fr!important}.forteca-game-image,.compact-logo.forteca-game-image,.server-logo.compact-logo.forteca-game-image{width:100%!important;max-width:none!important;height:auto!important;aspect-ratio:179/84!important}.game-kind-pills{max-height:280px!important;overflow:auto!important}}

/* ============================================================
   PATCH 5 — admin server card cleanup, hero overflow, separator categories
   ============================================================ */
html, body { max-width: 100% !important; overflow-x: hidden !important; }
.wrap, .hero, .hero-box, .hero-box-final, .ultra-hero-box { max-width: 100% !important; box-sizing: border-box !important; }
.hero-final-grid { width: 100% !important; max-width: 100% !important; min-width: 0 !important; grid-template-columns: minmax(0,1fr) minmax(300px,420px) !important; overflow: hidden !important; }
.hero-main, .hero-side, .hero-control-side, .compact-control-side { min-width: 0 !important; max-width: 100% !important; }
.hero-side { justify-self: stretch !important; }
.hero-button-edit-grid, .social-edit-grid, .domain-edit-grid, .micro-compact-form { max-width: 100% !important; overflow-x: auto !important; }
.logo-edit-form input[name="logo"] { width: 100% !important; min-width: 0 !important; }

.forteca-server-main { grid-template-columns: 179px minmax(0,1fr) !important; }
.forteca-server-copy { padding-right: 0 !important; }
.forteca-card-admin-actions { position: static !important; max-width: none !important; }
.forteca-card-bottom-actions { display: flex !important; align-items: center !important; gap: 7px !important; flex-wrap: wrap !important; width: 100% !important; margin-top: 8px !important; }
.forteca-card-bottom-actions .server-bottom-spacer { flex: 1 1 auto !important; min-width: 8px !important; }
.forteca-card-bottom-actions form { margin: 0 !important; display: inline-flex !important; }
.forteca-card-bottom-actions .small-admin-btn { height: 28px !important; min-height: 28px !important; min-width: 28px !important; padding: 0 8px !important; border-radius: 999px !important; font-size: .66rem !important; line-height: 1 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; }
.forteca-server-title h4, .forteca-server-address, .forteca-server-game, .forteca-server-note { overflow-wrap: normal !important; word-break: normal !important; hyphens: none !important; }
.forteca-server-address span { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }

.game-kind-pills { display: flex !important; gap: 8px !important; flex-wrap: wrap !important; align-items: center !important; }
.game-category-pills { display: none !important; flex: 1 1 100% !important; gap: 8px !important; flex-wrap: wrap !important; margin-top: 4px !important; }
.game-kind-pills.is-separator-mode .game-category-pills { display: flex !important; }
.game-kind-pills.is-server-mode .game-category-pills { display: none !important; }
.game-kind-pill span { position: relative !important; overflow: hidden !important; }
.game-kind-pill span::before { content: "" !important; position: absolute !important; inset: -2px !important; border-radius: inherit !important; border: 2px solid currentColor !important; opacity: .44 !important; animation: fortecaSpinBorder 2.8s linear infinite !important; pointer-events: none !important; }
.game-kind-pill span::after { content: "" !important; position: absolute !important; inset: 1px !important; border-radius: inherit !important; border: 1px solid rgba(255,255,255,.16) !important; pointer-events:none !important; }
@keyframes fortecaSpinBorder { 0% { transform: rotate(0deg) scale(1); filter: hue-rotate(0deg); } 50% { transform: rotate(180deg) scale(1.04); filter: hue-rotate(55deg); } 100% { transform: rotate(360deg) scale(1); filter: hue-rotate(0deg); } }
.kind-server span { color: #9bf7ff !important; }
.kind-separator span { color: #ffd27a !important; }
.kind-color-1 span { color: #6cffbd !important; }
.kind-color-2 span { color: #ff6f91 !important; }
.kind-color-3 span { color: #c79aff !important; }
.kind-color-4 span { color: #ff8c8c !important; }
.kind-color-5 span { color: #ffd176 !important; }
.kind-color-6 span { color: #7fd9ff !important; }
.kind-color-7 span { color: #69f0d2 !important; }
.kind-color-8 span { color: #ffaf66 !important; }
.kind-color-9 span { color: #d5def0 !important; }
.kind-color-10 span { color: #ff9add !important; }

@media (max-width: 980px) {
  .hero-final-grid { grid-template-columns: 1fr !important; overflow: visible !important; }
  .hero-side { justify-self: stretch !important; }
}
@media (max-width: 560px) {
  .forteca-card-bottom-actions .server-bottom-spacer { flex-basis: 100% !important; height: 0 !important; }
}
/* =========================================================
   PATCH 6 — FINAL DROP-IN FIXES
   fixes admin edit rows overflow, upgraded buttons, server cards and separators
   ========================================================= */
*, *::before, *::after { box-sizing: border-box; }
html, body { max-width: 100%; overflow-x: hidden !important; }
.wrap, .hero-box-final, .ultra-hero-box, .card, .server-list-panel, .full-server-panel { max-width: 100% !important; }
.hero-final-grid {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  grid-template-columns: minmax(0,1fr) minmax(300px, min(420px, 42vw)) !important;
  gap: 22px !important;
  overflow: hidden !important;
}
.hero-main, .hero-side, .hero-control-side, .compact-control-side { min-width: 0 !important; max-width: 100% !important; }
.compact-control-side { overflow: hidden !important; }
.support-visual-panel, .visit-counter-card, .compact-admin-panel, .micro-pill-box { max-width: 100% !important; min-width: 0 !important; }

/* Admin edit rows: URL always goes to the next line. No horizontal scrollbar, no broken page. */
.hero-button-edit-grid, .social-edit-grid {
  max-width: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding-right: 4px !important;
}
.hero-button-edit-row, .social-edit-row {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 52px 42px minmax(64px,84px) minmax(0,1fr) !important;
  gap: 7px !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: 8px 0 10px !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}
.hero-button-edit-row:last-child, .social-edit-row:last-child { border-bottom: 0 !important; }
.hero-button-edit-row input[type="text"], .social-edit-row input[type="text"] {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
.hero-button-edit-row > input[type="text"]:last-child,
.social-edit-row > input[type="text"]:last-child {
  grid-column: 1 / -1 !important;
  margin-top: 2px !important;
  min-height: 34px !important;
  border-color: rgba(46,230,255,.20) !important;
  background: rgba(3,8,22,.86) !important;
}
.hero-button-edit-row > input[type="text"]:last-child::placeholder,
.social-edit-row > input[type="text"]:last-child::placeholder { color: rgba(220,230,255,.56) !important; }
.hero-mini-check { white-space: nowrap !important; }

/* Doped neon navigation buttons — top right + lower nav buttons */
.final-nav-buttons a, .nav.nav-buttons a, .nav-buttons a,
.admin-tab-btn, .homepage-btn-top, .footer-homepage-btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  color: #06101d !important;
  font-weight: 950 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.18) !important;
  box-shadow: 0 0 13px rgba(46,230,255,.30), 0 0 19px rgba(255,71,181,.20), inset 0 1px 0 rgba(255,255,255,.18) !important;
}
.final-nav-buttons a::before, .nav.nav-buttons a::before, .nav-buttons a::before,
.admin-tab-btn::before, .homepage-btn-top::before, .footer-homepage-btn::before {
  content: "" !important;
  position: absolute !important;
  inset: -2px !important;
  border-radius: inherit !important;
  padding: 2px !important;
  background: conic-gradient(from 0deg, rgba(46,230,255,.0), rgba(46,230,255,.9), rgba(255,71,181,.95), rgba(255,216,77,.8), rgba(46,230,255,.0)) !important;
  animation: fortecaButtonRing 3.2s linear infinite !important;
  z-index: -2 !important;
}
.final-nav-buttons a::after, .nav.nav-buttons a::after, .nav-buttons a::after,
.admin-tab-btn::after, .homepage-btn-top::after, .footer-homepage-btn::after {
  content: "" !important;
  position: absolute !important;
  inset: 1px !important;
  border-radius: inherit !important;
  background: inherit !important;
  z-index: -1 !important;
}
.final-nav-buttons a:nth-child(1), .nav-buttons a:nth-child(1), .admin-mode-buttons .admin-tab-btn:nth-child(1){background:linear-gradient(135deg,#5ee7ff,#bb7cff)!important;}
.final-nav-buttons a:nth-child(2), .nav-buttons a:nth-child(2), .admin-mode-buttons .admin-tab-btn:nth-child(2){background:linear-gradient(135deg,#6ae6ff,#ff5dc8)!important;}
.final-nav-buttons a:nth-child(3), .nav-buttons a:nth-child(3), .admin-mode-buttons .admin-tab-btn:nth-child(3){background:linear-gradient(135deg,#63ffc7,#5aa7ff)!important;}
.final-nav-buttons a:nth-child(4), .nav-buttons a:nth-child(4), .admin-mode-buttons .admin-tab-btn:nth-child(4){background:linear-gradient(135deg,#b77cff,#ff5dc8)!important;}
.final-nav-buttons a:nth-child(5), .nav-buttons a:nth-child(5), .admin-mode-buttons .admin-tab-btn:nth-child(5){background:linear-gradient(135deg,#7af0ff,#6e7bff)!important;}
.final-nav-buttons a:nth-child(6), .nav-buttons a:nth-child(6), .admin-mode-buttons .admin-tab-btn:nth-child(6){background:linear-gradient(135deg,#ffd66b,#ff5da8)!important;}
.final-nav-buttons a:hover, .nav.nav-buttons a:hover, .nav-buttons a:hover, .admin-tab-btn:hover {
  transform: translateY(-2px) scale(1.035) !important;
  filter: brightness(1.12) saturate(1.2) !important;
}
@keyframes fortecaButtonRing { to { transform: rotate(360deg); } }

/* Server list ALL/ON/OFF buttons — no more flat buttons */
.server-toolbar-left .filter-btn, .filter-btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  min-height: 40px !important;
  padding: 9px 16px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  background: linear-gradient(135deg, rgba(18,31,55,.96), rgba(21,25,47,.96)) !important;
  color: #eef6ff !important;
  font-size: .78rem !important;
  font-weight: 950 !important;
  letter-spacing: .05em !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 10px 22px rgba(0,0,0,.22) !important;
}
.filter-btn::before {
  content:"" !important;
  position:absolute !important;
  inset:-2px !important;
  border-radius:inherit !important;
  background:linear-gradient(120deg, transparent, rgba(46,230,255,.75), rgba(255,71,181,.72), transparent) !important;
  opacity:.24 !important;
  transform:translateX(-70%) !important;
  transition:.22s ease !important;
  z-index:-1 !important;
}
.filter-btn:hover::before, .filter-btn.active::before { transform:translateX(0) !important; opacity:.9 !important; }
.filter-btn.active {
  color:#06101d !important;
  background:linear-gradient(135deg,#65eaff,#ff62c8) !important;
  box-shadow:0 0 18px rgba(46,230,255,.32),0 0 24px rgba(255,71,181,.26), inset 0 1px 0 rgba(255,255,255,.24) !important;
}

/* Server cards: clean admin layout, image 179x84, no buttons over title. */
.forteca-server-card, .compact-server-card { overflow: hidden !important; }
.forteca-server-shell, .server-card-shell {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 11px !important;
  width: 100% !important;
  min-width: 0 !important;
}
.forteca-server-main {
  display: grid !important;
  grid-template-columns: 179px minmax(0,1fr) !important;
  gap: 12px !important;
  align-items: start !important;
  width: 100% !important;
  min-width: 0 !important;
}
.forteca-game-image, .compact-logo.forteca-game-image, .server-logo.compact-logo.forteca-game-image {
  width: 179px !important;
  height: 84px !important;
  min-width: 179px !important;
  max-width: 179px !important;
  object-fit: cover !important;
  border-radius: 0 !important;
}
.forteca-server-copy { min-width: 0 !important; max-width: 100% !important; padding-right: 0 !important; }
.forteca-server-title { display:flex !important; align-items:center !important; gap:7px !important; min-width:0 !important; }
.forteca-server-title h4 {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  line-height: 1.12 !important;
}
.forteca-server-address {
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  margin-top:4px !important;
  min-width:0 !important;
}
.forteca-server-address span {
  display:block !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  font-weight:950 !important;
  font-size:.82rem !important;
}
.copy-icon { flex: 0 0 auto !important; }
.forteca-card-bottom-actions, .manual-status-row.forteca-card-bottom-actions {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  width: 100% !important;
  margin-top: 0 !important;
  padding-top: 2px !important;
  z-index: 1 !important;
}
.forteca-card-bottom-actions form { margin:0 !important; flex:0 0 auto !important; }
.server-bottom-spacer { flex: 1 1 auto !important; min-width: 8px !important; }
.forteca-card-bottom-actions .small-admin-btn, .forteca-card-bottom-actions .manual-status-btn {
  min-height: 28px !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  white-space: nowrap !important;
}

/* Add server/separator buttons and categories: categories only in separator mode. */
.game-kind-pills { overflow: visible !important; }
.game-kind-pills.is-server-mode .game-category-pills { display:none !important; }
.game-kind-pills.is-separator-mode .game-category-pills { display:flex !important; width:100% !important; gap:8px !important; flex-wrap:wrap !important; }
.game-kind-pill span {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow: 0 0 14px rgba(46,230,255,.14), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.game-kind-pill span::before {
  content:"" !important;
  position:absolute !important;
  inset:-3px !important;
  border-radius:inherit !important;
  border:2px solid currentColor !important;
  opacity:.54 !important;
  animation: fortecaButtonRing 2.8s linear infinite !important;
  pointer-events:none !important;
}
.kind-server span { color:#9df5ff !important; background:linear-gradient(135deg,rgba(46,230,255,.34),rgba(75,110,255,.22)) !important; }
.kind-separator span { color:#ffdf8b !important; background:linear-gradient(135deg,rgba(255,189,89,.34),rgba(255,71,181,.20)) !important; }
.kind-color-1 span{color:#7dffbc!important;background:linear-gradient(135deg,rgba(31,240,160,.28),rgba(46,230,255,.14))!important;}
.kind-color-2 span{color:#ff8fae!important;background:linear-gradient(135deg,rgba(255,79,122,.28),rgba(255,189,89,.12))!important;}
.kind-color-3 span{color:#d4a6ff!important;background:linear-gradient(135deg,rgba(158,106,255,.28),rgba(255,71,181,.12))!important;}
.kind-color-4 span{color:#ffb0b0!important;background:linear-gradient(135deg,rgba(255,78,78,.25),rgba(255,189,89,.15))!important;}
.kind-color-5 span{color:#ffd18a!important;background:linear-gradient(135deg,rgba(255,184,77,.26),rgba(255,71,181,.13))!important;}
.kind-color-6 span{color:#9fdcff!important;background:linear-gradient(135deg,rgba(46,150,255,.26),rgba(46,230,255,.13))!important;}
.kind-color-7 span{color:#93ffe9!important;background:linear-gradient(135deg,rgba(20,220,190,.26),rgba(68,113,255,.13))!important;}
.kind-color-8 span{color:#ffca82!important;background:linear-gradient(135deg,rgba(255,140,57,.27),rgba(255,216,77,.12))!important;}
.kind-color-9 span{color:#d4dcff!important;background:linear-gradient(135deg,rgba(150,165,190,.28),rgba(83,118,255,.12))!important;}
.kind-color-10 span{color:#ff9fe0!important;background:linear-gradient(135deg,rgba(255,71,181,.28),rgba(164,102,255,.12))!important;}

/* Separators in server list: stronger, animated, obviously different. */
.forteca-separator-card, .server-separator-card {
  position: relative !important;
  overflow: hidden !important;
  min-height: 46px !important;
  padding: 10px 12px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255,216,77,.38) !important;
  background:
    radial-gradient(circle at 0% 50%, rgba(255,216,77,.25), transparent 36%),
    radial-gradient(circle at 100% 50%, rgba(255,71,181,.24), transparent 34%),
    linear-gradient(135deg, rgba(46,230,255,.11), rgba(255,71,181,.18)) !important;
  box-shadow: 0 0 18px rgba(255,71,181,.22), 0 0 22px rgba(255,216,77,.13), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.forteca-separator-card::before, .server-separator-card::before {
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(110deg, transparent 0%, rgba(255,255,255,.16) 44%, transparent 60%) !important;
  transform:translateX(-120%) !important;
  animation: fortecaSeparatorSweep 3.6s ease-in-out infinite !important;
  pointer-events:none !important;
}
.forteca-separator-card > span, .server-separator-card > span {
  position: relative !important;
  z-index:1 !important;
  text-shadow: 0 0 12px rgba(255,216,77,.25), 0 0 16px rgba(255,71,181,.22) !important;
}
@keyframes fortecaSeparatorSweep { 0%,35%{transform:translateX(-120%)} 60%,100%{transform:translateX(120%)} }

@media (max-width: 1280px) {
  .hero-final-grid { grid-template-columns: 1fr !important; overflow: visible !important; }
  .hero-side, .compact-control-side { overflow: visible !important; }
}
@media (max-width: 560px) {
  .hero-button-edit-row, .social-edit-row { grid-template-columns: 1fr !important; }
  .hero-button-edit-row > input[type="text"]:last-child, .social-edit-row > input[type="text"]:last-child { grid-column: 1 !important; }
  .forteca-server-main { grid-template-columns: 1fr !important; }
  .forteca-game-image, .compact-logo.forteca-game-image, .server-logo.compact-logo.forteca-game-image { width:100% !important; max-width:none !important; height:auto !important; aspect-ratio:179/84 !important; }
}

/* ============================================================
   PATCH 7 — PREMIUM OUTLINE NAV, STATUS FILTERS, FOOTER ADMIN + DIR IFRAME
   ============================================================ */

/* Header right nav: transparent center, animated premium border */
.final-nav-buttons a,
.nav.nav-buttons a,
.nav-buttons a{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  color:#eaf7ff!important;
  min-height:40px!important;
  padding:10px 16px!important;
  text-shadow:0 0 8px rgba(46,230,255,.45)!important;
  box-shadow:0 0 18px rgba(46,230,255,.10), inset 0 0 0 1px rgba(255,255,255,.06)!important;
}
.final-nav-buttons a::before,
.nav.nav-buttons a::before,
.nav-buttons a::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  padding:2px!important;
  background:linear-gradient(120deg,#2ee6ff,#8f6bff,#ff47b5,#ffbd59,#2ee6ff)!important;
  background-size:320% 320%!important;
  animation:fortecaBorderRun 3.6s linear infinite!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask-composite:exclude!important;
  z-index:-1!important;
}
.final-nav-buttons a::after,
.nav.nav-buttons a::after,
.nav-buttons a::after{
  content:""!important;
  position:absolute!important;
  inset:2px!important;
  border-radius:inherit!important;
  background:rgba(6,11,25,.94)!important;
  z-index:-2!important;
}
.final-nav-buttons a:hover,
.nav.nav-buttons a:hover,
.nav-buttons a:hover{
  transform:translateY(-2px) scale(1.03)!important;
  color:#fff!important;
  text-shadow:0 0 10px #fff,0 0 20px rgba(46,230,255,.78)!important;
  box-shadow:0 0 22px rgba(46,230,255,.24),0 0 24px rgba(255,71,181,.18)!important;
}
@keyframes fortecaBorderRun{0%{background-position:0% 50%}100%{background-position:320% 50%}}

/* Server list filter buttons: ALL rainbow outline, ON/OFF/PAUSE same premium style as chooser buttons */
.server-toolbar-left{gap:9px!important;flex-wrap:wrap!important;}
.server-toolbar-left .filter-btn,
.filter-btn{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:999px!important;
  min-height:40px!important;
  padding:10px 18px!important;
  background:rgba(7,12,27,.82)!important;
  color:#eaf3ff!important;
  font-weight:950!important;
  letter-spacing:.04em!important;
  text-shadow:0 0 8px rgba(255,255,255,.20)!important;
  box-shadow:none!important;
}
.server-toolbar-left .filter-btn::before,
.filter-btn::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  padding:2px!important;
  background:linear-gradient(120deg,#2ee6ff,#ff47b5,#ffbd59,#2ee6ff)!important;
  background-size:300% 300%!important;
  animation:fortecaBorderRun 3.3s linear infinite!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask-composite:exclude!important;
  z-index:-1!important;
}
.server-toolbar-left .filter-btn::after,
.filter-btn::after{
  content:""!important;
  position:absolute!important;
  inset:2px!important;
  border-radius:inherit!important;
  background:rgba(9,14,31,.96)!important;
  z-index:-2!important;
}
.filter-btn.active[data-filter="all"]::before{background:linear-gradient(120deg,#2ee6ff,#5377ff,#ff47b5,#ffbd59,#2ee6ff)!important;background-size:360% 360%!important;}
.filter-btn.filter-on::before{background:linear-gradient(120deg,#00ff99,#2ee6ff,#00ff99)!important;background-size:260% 260%!important;}
.filter-btn.filter-off::before{background:linear-gradient(120deg,#ff3b6b,#ff47b5,#ff3b6b)!important;background-size:260% 260%!important;}
.filter-btn.filter-pause::before{background:linear-gradient(120deg,#ffbd59,#fff06a,#ff7a1a,#ffbd59)!important;background-size:260% 260%!important;}
.filter-btn.active{color:#fff!important;text-shadow:0 0 10px rgba(255,255,255,.65)!important;box-shadow:0 0 18px rgba(46,230,255,.18)!important;}
.filter-btn.filter-on.active{box-shadow:0 0 20px rgba(0,255,153,.28)!important;}
.filter-btn.filter-off.active{box-shadow:0 0 20px rgba(255,59,107,.30)!important;}
.filter-btn.filter-pause.active{box-shadow:0 0 20px rgba(255,189,89,.32)!important;}

/* Card status buttons ON/OFF/PAUSE — premium outline, no wrong OFF/PAUSE mix */
.manual-status-btn{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(7,12,27,.88)!important;
  color:#fff!important;
  min-height:30px!important;
  padding:7px 12px!important;
  font-weight:950!important;
}
.manual-status-btn::before{
  content:""!important;position:absolute!important;inset:0!important;border-radius:inherit!important;padding:2px!important;background:rgba(255,255,255,.24)!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;-webkit-mask-composite:xor!important;mask-composite:exclude!important;z-index:-1!important;
}
.manual-status-btn::after{content:""!important;position:absolute!important;inset:2px!important;border-radius:inherit!important;background:rgba(9,14,31,.95)!important;z-index:-2!important;animation:none!important;box-shadow:none!important;}
.manual-status-btn.manual-on{color:#aaffd8!important;text-shadow:0 0 8px rgba(0,255,153,.34)!important;}
.manual-status-btn.manual-on::before{background:linear-gradient(120deg,#00ff99,#2ee6ff,#00ff99)!important;background-size:260% 260%!important;animation:fortecaBorderRun 2.9s linear infinite!important;}
.manual-status-btn.manual-off{color:#ffd6df!important;text-shadow:0 0 8px rgba(255,59,107,.34)!important;}
.manual-status-btn.manual-off::before{background:linear-gradient(120deg,#ff3b6b,#ff47b5,#ff3b6b)!important;background-size:260% 260%!important;animation:fortecaBorderRun 2.9s linear infinite!important;}
.manual-status-btn.manual-pause{color:#ffe6ad!important;text-shadow:0 0 8px rgba(255,189,89,.42)!important;}
.manual-status-btn.manual-pause::before{background:linear-gradient(120deg,#ffbd59,#fff06a,#ff7a1a,#ffbd59)!important;background-size:260% 260%!important;animation:fortecaBorderRun 2.9s linear infinite!important;}
.manual-status-btn.active{transform:translateY(-1px)!important;}
.manual-status-btn.manual-on.active{box-shadow:0 0 18px rgba(0,255,153,.35)!important;}
.manual-status-btn.manual-off.active{box-shadow:0 0 18px rgba(255,59,107,.38)!important;}
.manual-status-btn.manual-pause.active{box-shadow:0 0 18px rgba(255,189,89,.38)!important;}
.manual-status-btn.active::after{animation:none!important;opacity:1!important;transform:none!important;}

/* Better separators in server list */
.server-separator-card.forteca-separator-card{
  position:relative!important;isolation:isolate!important;overflow:hidden!important;border:0!important;border-radius:18px!important;padding:12px 14px!important;background:rgba(8,13,29,.92)!important;box-shadow:0 0 22px rgba(255,71,181,.12)!important;
}
.server-separator-card.forteca-separator-card::before{content:""!important;position:absolute!important;inset:0!important;border-radius:inherit!important;padding:2px!important;background:linear-gradient(120deg,#ff47b5,#2ee6ff,#ffbd59,#8f6bff,#ff47b5)!important;background-size:360% 360%!important;animation:fortecaBorderRun 4s linear infinite!important;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;-webkit-mask-composite:xor!important;mask-composite:exclude!important;z-index:-1!important;}
.server-separator-card.forteca-separator-card span{color:#fff!important;text-shadow:0 0 10px rgba(255,71,181,.60),0 0 18px rgba(46,230,255,.30)!important;font-weight:950!important;letter-spacing:.05em!important;}

/* Footer premium layout, editable admin block and Forteca Web text */
.premium-footer-box{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;gap:24px!important;align-items:center!important;overflow:hidden!important;}
.footer-copy{min-width:0!important;line-height:1.35!important;}
.footer-center-brand{display:grid!important;place-items:center!important;gap:4px!important;}
.footer-web-title{font-size:1.04rem!important;font-weight:950!important;letter-spacing:.10em!important;text-transform:uppercase!important;color:#eaf7ff!important;text-shadow:0 0 12px rgba(46,230,255,.45),0 0 20px rgba(255,71,181,.28)!important;white-space:nowrap!important;}
.premium-footer-links{display:flex!important;justify-content:flex-end!important;gap:10px!important;flex-wrap:wrap!important;}
.premium-footer-links a{
  position:relative!important;isolation:isolate!important;overflow:hidden!important;border:0!important;border-radius:999px!important;min-height:38px!important;padding:10px 15px!important;background:transparent!important;color:#f1fbff!important;text-decoration:none!important;font-weight:950!important;text-shadow:0 0 9px rgba(46,230,255,.44)!important;
}
.premium-footer-links a::before{content:""!important;position:absolute!important;inset:0!important;border-radius:inherit!important;padding:2px!important;background:conic-gradient(from 0deg,#2ee6ff,#5377ff,#ff47b5,#ffbd59,#2ee6ff)!important;animation:fortecaConicSpin 2.8s linear infinite!important;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;-webkit-mask-composite:xor!important;mask-composite:exclude!important;z-index:-1!important;}
.premium-footer-links a::after{content:""!important;position:absolute!important;inset:2px!important;border-radius:inherit!important;background:rgba(6,11,25,.94)!important;z-index:-2!important;}
.premium-footer-links a:hover{transform:translateY(-2px)!important;text-shadow:0 0 12px #fff,0 0 22px rgba(255,71,181,.60)!important;}
@keyframes fortecaConicSpin{to{transform:rotate(360deg)}}
.footer-admin-editor{margin-top:14px!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important;}
.footer-edit-form{display:grid!important;gap:8px!important;}
.footer-edit-form input{width:100%!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.10)!important;background:rgba(3,8,22,.78)!important;color:#fff!important;padding:10px 12px!important;}
.footer-button-editor{display:grid!important;gap:8px!important;}
.footer-button-row{display:grid!important;grid-template-columns:58px minmax(90px,.45fr) minmax(0,1fr)!important;gap:8px!important;align-items:center!important;padding:7px!important;border-radius:14px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.06)!important;}
.footer-button-row label,.footer-button-row span{font-size:.72rem!important;font-weight:900!important;color:#dce6ff!important;}
.dir-iframe-shell{margin-top:16px!important;border-radius:22px!important;border:1px solid rgba(46,230,255,.18)!important;background:rgba(6,11,25,.78)!important;box-shadow:0 0 28px rgba(46,230,255,.08), inset 0 1px 0 rgba(255,255,255,.05)!important;overflow:hidden!important;}
.dir-iframe-shell iframe{display:block!important;width:100%!important;height:520px!important;border:0!important;background:#050b18!important;}
@media(max-width:900px){.premium-footer-box{grid-template-columns:1fr!important;text-align:center!important}.premium-footer-links{justify-content:center!important}.footer-button-row{grid-template-columns:1fr!important}.dir-iframe-shell iframe{height:420px!important}}

/* ===== PATCH 8: PREMIUM NAV/FILTER/FOOTER FINAL ===== */
:root{--ft-cyan:#2ee6ff;--ft-pink:#ff47b5;--ft-violet:#8b6bff;--ft-green:#00ff99;--ft-red:#ff3b6b;--ft-yellow:#ffbd59;}
@keyframes ftBorderSlide{0%{background-position:0% 50%}100%{background-position:320% 50%}}
@keyframes ftConicSpin{to{transform:rotate(360deg)}}

/* top-right main buttons: transparent middle, animated premium border, two rows */
.top-right-stack{display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:10px!important;min-width:0!important;}
.final-nav-buttons,.nav.nav-buttons,.nav-buttons{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(88px,1fr))!important;
  gap:10px 12px!important;
  justify-content:end!important;
  align-items:center!important;
  max-width:330px!important;
  width:330px!important;
}
.final-nav-buttons a,.nav.nav-buttons a,.nav-buttons a{
  position:relative!important;isolation:isolate!important;overflow:hidden!important;
  display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;
  min-width:0!important;width:100%!important;min-height:38px!important;padding:0 14px!important;
  border:0!important;border-radius:999px!important;background:transparent!important;color:#eaf8ff!important;
  font-size:.66rem!important;font-weight:950!important;letter-spacing:.075em!important;text-decoration:none!important;
  text-shadow:0 0 9px rgba(255,255,255,.28),0 0 16px rgba(46,230,255,.22)!important;
  box-shadow:0 0 14px rgba(46,230,255,.13), inset 0 1px 0 rgba(255,255,255,.05)!important;
  transition:transform .18s ease,text-shadow .18s ease!important;
}
.final-nav-buttons a::before,.nav.nav-buttons a::before,.nav-buttons a::before{
  content:""!important;position:absolute!important;inset:0!important;border-radius:inherit!important;padding:2px!important;
  background:linear-gradient(120deg,#2ee6ff,#8b6bff,#ff47b5,#ffbd59,#2ee6ff)!important;background-size:320% 320%!important;
  animation:ftBorderSlide 3.2s linear infinite!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;-webkit-mask-composite:xor!important;mask-composite:exclude!important;z-index:-1!important;
}
.final-nav-buttons a::after,.nav.nav-buttons a::after,.nav-buttons a::after{
  content:""!important;position:absolute!important;inset:2px!important;border-radius:inherit!important;background:rgba(5,10,24,.96)!important;z-index:-2!important;
}
.final-nav-buttons a:nth-child(1)::before,.nav-buttons a:nth-child(1)::before{background:linear-gradient(120deg,#2ee6ff,#5a7cff,#2ee6ff)!important;background-size:260% 260%!important;}
.final-nav-buttons a:nth-child(2)::before,.nav-buttons a:nth-child(2)::before{background:linear-gradient(120deg,#59ffda,#2ee6ff,#ff47b5,#59ffda)!important;background-size:300% 300%!important;}
.final-nav-buttons a:nth-child(3)::before,.nav-buttons a:nth-child(3)::before{background:linear-gradient(120deg,#ff47b5,#ffbd59,#2ee6ff,#ff47b5)!important;background-size:300% 300%!important;}
.final-nav-buttons a:nth-child(4)::before,.nav-buttons a:nth-child(4)::before{background:linear-gradient(120deg,#8b6bff,#ff47b5,#2ee6ff,#8b6bff)!important;background-size:300% 300%!important;}
.final-nav-buttons a:nth-child(5)::before,.nav-buttons a:nth-child(5)::before{background:linear-gradient(120deg,#2ee6ff,#00ff99,#8b6bff,#2ee6ff)!important;background-size:300% 300%!important;}
.final-nav-buttons a:nth-child(6)::before,.nav-buttons a:nth-child(6)::before{background:linear-gradient(120deg,#ffbd59,#ff47b5,#8b6bff,#ffbd59)!important;background-size:300% 300%!important;}
.final-nav-buttons a:hover,.nav.nav-buttons a:hover,.nav-buttons a:hover{transform:translateY(-2px) scale(1.035)!important;text-shadow:0 0 10px #fff,0 0 22px rgba(46,230,255,.65)!important;}

/* admin mode buttons: same premium outline style and centered text */
.admin-mode-buttons{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
.admin-mode-buttons .admin-tab-btn{
  position:relative!important;isolation:isolate!important;overflow:hidden!important;border:0!important;border-radius:999px!important;background:transparent!important;color:#f3fbff!important;
  min-height:34px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;font-weight:950!important;letter-spacing:.06em!important;text-shadow:0 0 9px rgba(255,255,255,.26)!important;
}
.admin-mode-buttons .admin-tab-btn::before{content:""!important;position:absolute!important;inset:0!important;border-radius:inherit!important;padding:2px!important;background:linear-gradient(120deg,#2ee6ff,#8b6bff,#ff47b5,#2ee6ff)!important;background-size:300% 300%!important;animation:ftBorderSlide 3.3s linear infinite!important;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;-webkit-mask-composite:xor!important;mask-composite:exclude!important;z-index:-1!important;}
.admin-mode-buttons .admin-tab-btn::after{content:""!important;position:absolute!important;inset:2px!important;border-radius:inherit!important;background:rgba(8,13,29,.94)!important;z-index:-2!important;}
.admin-mode-buttons .admin-tab-btn.is-active{box-shadow:0 0 18px rgba(255,71,181,.22)!important;color:#fff!important;}

/* Server list filter buttons: ALL rainbow, ON green, OFF red, PAUSE yellow */
.server-toolbar-left{gap:9px!important;align-items:center!important;}
.server-toolbar-left .filter-btn,.filter-btn{
  position:relative!important;isolation:isolate!important;overflow:hidden!important;border:0!important;border-radius:999px!important;background:transparent!important;color:#eef8ff!important;
  min-height:40px!important;min-width:70px!important;padding:0 16px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;
  font-weight:950!important;letter-spacing:.06em!important;text-shadow:0 0 8px rgba(255,255,255,.25)!important;box-shadow:0 0 12px rgba(0,0,0,.20)!important;
}
.server-toolbar-left .filter-btn::before,.filter-btn::before{content:""!important;position:absolute!important;inset:0!important;border-radius:inherit!important;padding:2px!important;background:linear-gradient(120deg,#2ee6ff,#8b6bff,#ff47b5,#ffbd59,#2ee6ff)!important;background-size:330% 330%!important;animation:ftBorderSlide 3s linear infinite!important;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;-webkit-mask-composite:xor!important;mask-composite:exclude!important;z-index:-1!important;}
.server-toolbar-left .filter-btn::after,.filter-btn::after{content:""!important;position:absolute!important;inset:2px!important;border-radius:inherit!important;background:rgba(8,13,29,.96)!important;z-index:-2!important;}
.filter-btn.filter-on::before{background:linear-gradient(120deg,#00ff99,#2ee6ff,#00ff99)!important;background-size:260% 260%!important;}
.filter-btn.filter-off::before{background:linear-gradient(120deg,#ff3b6b,#ff47b5,#ff3b6b)!important;background-size:260% 260%!important;}
.filter-btn.filter-pause::before{background:linear-gradient(120deg,#ffbd59,#fff06a,#ff7a1a,#ffbd59)!important;background-size:260% 260%!important;}
.filter-btn.active[data-filter="all"]{box-shadow:0 0 18px rgba(46,230,255,.24),0 0 18px rgba(255,71,181,.14)!important;}
.filter-btn.filter-on.active{box-shadow:0 0 20px rgba(0,255,153,.28)!important;color:#d8ffed!important;}
.filter-btn.filter-off.active{box-shadow:0 0 20px rgba(255,59,107,.32)!important;color:#ffe1e8!important;}
.filter-btn.filter-pause.active{box-shadow:0 0 20px rgba(255,189,89,.32)!important;color:#fff0c8!important;}

/* Per-card status buttons */
.manual-status-row{display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important;margin-top:7px!important;}
.manual-status-btn{position:relative!important;isolation:isolate!important;overflow:hidden!important;border:0!important;border-radius:999px!important;background:transparent!important;color:#fff!important;min-height:31px!important;min-width:58px!important;padding:0 12px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:950!important;font-size:.68rem!important;}
.manual-status-btn::before{content:""!important;position:absolute!important;inset:0!important;border-radius:inherit!important;padding:2px!important;background:rgba(255,255,255,.26)!important;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;-webkit-mask-composite:xor!important;mask-composite:exclude!important;z-index:-1!important;}
.manual-status-btn::after{content:""!important;position:absolute!important;inset:2px!important;border-radius:inherit!important;background:rgba(8,13,29,.96)!important;z-index:-2!important;}
.manual-status-btn.manual-on{color:#caffea!important;text-shadow:0 0 8px rgba(0,255,153,.4)!important;}
.manual-status-btn.manual-on::before{background:linear-gradient(120deg,#00ff99,#2ee6ff,#00ff99)!important;background-size:260% 260%!important;animation:ftBorderSlide 2.8s linear infinite!important;}
.manual-status-btn.manual-off{color:#ffd8e1!important;text-shadow:0 0 8px rgba(255,59,107,.44)!important;}
.manual-status-btn.manual-off::before{background:linear-gradient(120deg,#ff3b6b,#ff47b5,#ff3b6b)!important;background-size:260% 260%!important;animation:ftBorderSlide 2.8s linear infinite!important;}
.manual-status-btn.manual-pause{color:#ffe8b0!important;text-shadow:0 0 8px rgba(255,189,89,.46)!important;}
.manual-status-btn.manual-pause::before{background:linear-gradient(120deg,#ffbd59,#fff06a,#ff7a1a,#ffbd59)!important;background-size:260% 260%!important;animation:ftBorderSlide 2.8s linear infinite!important;}
.manual-status-btn.active{transform:translateY(-1px)!important;}
.manual-status-btn.manual-on.active{box-shadow:0 0 18px rgba(0,255,153,.36)!important;}
.manual-status-btn.manual-off.active{box-shadow:0 0 18px rgba(255,59,107,.38)!important;}
.manual-status-btn.manual-pause.active{box-shadow:0 0 18px rgba(255,189,89,.38)!important;}

/* Footer: text on the right side of center logo, premium editable from admin mode */
.premium-footer-box{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;gap:24px!important;align-items:center!important;overflow:hidden!important;}
.footer-center-brand{display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;min-width:max-content!important;}
.footer-fehu-logo{flex:0 0 auto!important;}
.footer-web-title{font-size:1.08rem!important;font-weight:950!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#eaf7ff!important;text-shadow:0 0 12px rgba(46,230,255,.48),0 0 22px rgba(255,71,181,.34)!important;white-space:nowrap!important;}
.premium-footer-links{display:flex!important;justify-content:flex-end!important;gap:10px!important;flex-wrap:wrap!important;}
.premium-footer-links a,.footer-frame-pill{position:relative!important;isolation:isolate!important;overflow:hidden!important;border:0!important;border-radius:999px!important;min-height:38px!important;padding:10px 15px!important;background:transparent!important;color:#f1fbff!important;text-decoration:none!important;font-weight:950!important;text-shadow:0 0 9px rgba(46,230,255,.44)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;}
.premium-footer-links a::before,.footer-frame-pill::before{content:""!important;position:absolute!important;inset:0!important;border-radius:inherit!important;padding:2px!important;background:conic-gradient(from 0deg,#2ee6ff,#5377ff,#ff47b5,#ffbd59,#2ee6ff)!important;animation:ftConicSpin 2.8s linear infinite!important;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;-webkit-mask-composite:xor!important;mask-composite:exclude!important;z-index:-1!important;}
.premium-footer-links a::after,.footer-frame-pill::after{content:""!important;position:absolute!important;inset:2px!important;border-radius:inherit!important;background:rgba(6,11,25,.94)!important;z-index:-2!important;}
.footer-admin-tab-panel .footer-edit-form{display:grid!important;gap:9px!important;}
.footer-admin-tab-panel input{width:100%!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.10)!important;background:rgba(3,8,22,.78)!important;color:#fff!important;padding:10px 12px!important;}
.footer-button-editor,.footer-iframe-editor{display:grid!important;gap:8px!important;max-height:260px!important;overflow:auto!important;padding-right:4px!important;}
.footer-button-row,.footer-iframe-row{display:grid!important;grid-template-columns:58px minmax(90px,.45fr) minmax(0,1fr)!important;gap:8px!important;align-items:center!important;padding:8px!important;border-radius:14px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.06)!important;}
.footer-button-row label,.footer-button-row span,.footer-iframe-row label,.footer-iframe-row span{font-size:.72rem!important;font-weight:900!important;color:#dce6ff!important;}
.footer-iframe-area{margin-top:18px!important;}
.footer-iframe-nav{display:flex!important;gap:10px!important;flex-wrap:wrap!important;justify-content:center!important;margin-bottom:12px!important;}
.dir-iframe-shell{margin-top:14px!important;border-radius:22px!important;border:1px solid rgba(46,230,255,.18)!important;background:rgba(6,11,25,.78)!important;box-shadow:0 0 28px rgba(46,230,255,.08), inset 0 1px 0 rgba(255,255,255,.05)!important;overflow:hidden!important;}
.dir-iframe-title{padding:10px 14px!important;font-weight:950!important;letter-spacing:.08em!important;color:#eaf8ff!important;border-bottom:1px solid rgba(46,230,255,.14)!important;background:rgba(255,255,255,.035)!important;text-align:center!important;}
.dir-iframe-shell iframe{display:block!important;width:100%!important;height:100vh!important;min-height:720px!important;border:0!important;background:#050b18!important;overflow:hidden!important;}
@media(max-width:1180px){.final-nav-buttons,.nav.nav-buttons,.nav-buttons{grid-template-columns:repeat(3,minmax(76px,1fr))!important;width:300px!important;max-width:300px!important;gap:8px!important}.final-nav-buttons a,.nav.nav-buttons a,.nav-buttons a{font-size:.58rem!important;padding:0 9px!important;}}
@media(max-width:900px){.premium-footer-box{grid-template-columns:1fr!important;text-align:center!important}.footer-center-brand{min-width:0!important}.premium-footer-links{justify-content:center!important}.footer-button-row,.footer-iframe-row{grid-template-columns:1fr!important}.dir-iframe-shell iframe{min-height:620px!important}.final-nav-buttons,.nav.nav-buttons,.nav-buttons{width:100%!important;max-width:100%!important;justify-content:center!important;}}


/* ===== PATCH 9 — FINAL PREMIUM NAV / PLAYER WIDTH / IFRAME TOGGLE ===== */

/* Music player: smaller so it does not cover right nav buttons */
.final-topbar-inner{
  display:grid!important;
  grid-template-columns: minmax(150px, 230px) minmax(420px, 860px) minmax(300px, 380px)!important;
  gap:18px!important;
  align-items:center!important;
}
.top-media-slot{
  width:100%!important;
  max-width:860px!important;
  min-width:0!important;
}
.audio-player,
.grid-audio-player,
.music-player,
.player-card{
  max-width:860px!important;
  width:100%!important;
  min-width:0!important;
}

/* Right top nav: exactly two rows, centered text, transparent inside, animated premium borders */
.top-right-stack{
  justify-self:end!important;
  width:360px!important;
  max-width:360px!important;
  display:grid!important;
  justify-items:center!important;
  gap:10px!important;
}
.final-nav-buttons,
.nav.nav-buttons.final-nav-buttons,
.nav-buttons{
  width:100%!important;
  max-width:360px!important;
  display:grid!important;
  grid-template-columns:repeat(3, minmax(104px, 1fr))!important;
  grid-auto-rows:44px!important;
  gap:10px!important;
  justify-content:center!important;
  align-items:center!important;
}
.final-nav-buttons a,
.nav.nav-buttons.final-nav-buttons a,
.nav-buttons a{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  min-width:0!important;
  min-height:44px!important;
  padding:0 12px!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  color:#f7fbff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1!important;
  font-size:.72rem!important;
  font-weight:950!important;
  letter-spacing:.075em!important;
  text-decoration:none!important;
  text-shadow:0 0 8px rgba(255,255,255,.28),0 0 14px rgba(46,230,255,.18)!important;
  box-shadow:0 0 14px rgba(0,0,0,.28)!important;
}
.final-nav-buttons a::before,
.nav.nav-buttons.final-nav-buttons a::before,
.nav-buttons a::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  padding:2px!important;
  background:conic-gradient(from 0deg,#2ee6ff,#5377ff,#ff47b5,#ffbd59,#2ee6ff)!important;
  animation:navPremiumSpin 3.8s linear infinite!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask-composite:exclude!important;
  z-index:-1!important;
}
.final-nav-buttons a::after,
.nav.nav-buttons.final-nav-buttons a::after,
.nav-buttons a::after{
  content:""!important;
  position:absolute!important;
  inset:2px!important;
  border-radius:inherit!important;
  background:rgba(5,10,24,.96)!important;
  z-index:-2!important;
}
.final-nav-buttons a:nth-child(1)::before{background:conic-gradient(from 0deg,#2ee6ff,#5a7cff,#9b5cff,#2ee6ff)!important;animation-duration:3.2s!important;}
.final-nav-buttons a:nth-child(2)::before{background:conic-gradient(from 40deg,#00ffe0,#31ff9b,#2ee6ff,#00ffe0)!important;animation-duration:4.1s!important;}
.final-nav-buttons a:nth-child(3)::before{background:conic-gradient(from 80deg,#ff47b5,#ff7a1a,#fff06a,#ff47b5)!important;animation-duration:3.5s!important;}
.final-nav-buttons a:nth-child(4)::before{background:conic-gradient(from 120deg,#9b5cff,#ff47b5,#2ee6ff,#9b5cff)!important;animation-duration:4.6s!important;}
.final-nav-buttons a:nth-child(5)::before{background:conic-gradient(from 160deg,#2ee6ff,#00ff99,#5377ff,#2ee6ff)!important;animation-duration:3.9s!important;}
.final-nav-buttons a:nth-child(6)::before{background:conic-gradient(from 200deg,#ffbd59,#ff3b6b,#ff47b5,#ffbd59)!important;animation-duration:4.9s!important;}
@keyframes navPremiumSpin{to{transform:rotate(360deg)}}

/* Server list filter buttons: same premium style as SERVER/SEPARATOR, but colors match status */
.server-toolbar-left .filter-btn,
.filter-btn{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  min-height:42px!important;
  min-width:74px!important;
  padding:0 16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  color:#f4fbff!important;
  font-weight:950!important;
  letter-spacing:.055em!important;
  text-shadow:0 0 8px rgba(255,255,255,.25)!important;
}
.server-toolbar-left .filter-btn::before,
.filter-btn::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  padding:2px!important;
  background:conic-gradient(from 0deg,#2ee6ff,#5377ff,#ff47b5,#ffbd59,#2ee6ff)!important;
  animation:filterPremiumSpin 3.6s linear infinite!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask-composite:exclude!important;
  z-index:-1!important;
}
.server-toolbar-left .filter-btn::after,
.filter-btn::after{
  content:""!important;
  position:absolute!important;
  inset:2px!important;
  border-radius:inherit!important;
  background:rgba(7,13,29,.96)!important;
  z-index:-2!important;
}
.filter-btn[data-filter="all"]::before{background:conic-gradient(from 0deg,#2ee6ff,#5377ff,#ff47b5,#ffbd59,#2ee6ff)!important;animation-duration:3.1s!important;}
.filter-btn.filter-on::before{background:conic-gradient(from 0deg,#00ff99,#2ee6ff,#31ff9b,#00ff99)!important;animation-duration:3.4s!important;}
.filter-btn.filter-off::before{background:conic-gradient(from 0deg,#ff3b6b,#ff47b5,#ff738f,#ff3b6b)!important;animation-duration:3.7s!important;}
.filter-btn.filter-pause::before{background:conic-gradient(from 0deg,#ffbd59,#fff06a,#ff7a1a,#ffbd59)!important;animation-duration:4s!important;}
.filter-btn.active{transform:translateY(-1px)!important;}
.filter-btn[data-filter="all"].active{box-shadow:0 0 18px rgba(46,230,255,.26),0 0 20px rgba(255,71,181,.18)!important;}
.filter-btn.filter-on.active{box-shadow:0 0 20px rgba(0,255,153,.34)!important;color:#d8ffed!important;}
.filter-btn.filter-off.active{box-shadow:0 0 20px rgba(255,59,107,.34)!important;color:#ffe1e8!important;}
.filter-btn.filter-pause.active{box-shadow:0 0 20px rgba(255,189,89,.34)!important;color:#fff0c8!important;}
@keyframes filterPremiumSpin{to{transform:rotate(360deg)}}

/* Footer text placement and matching size */
.footer-center-brand{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:16px!important;
}
.footer-web-title{
  font-size:.88rem!important;
  font-weight:950!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}

/* Footer iframe buttons: same vibe as SERVER / SEPARATOR */
.footer-frame-pill,
.forteca-frame-toggle{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:999px!important;
  min-height:40px!important;
  padding:0 18px!important;
  background:transparent!important;
  color:#fff!important;
  font-weight:950!important;
  letter-spacing:.055em!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  cursor:pointer!important;
  text-shadow:0 0 8px rgba(255,255,255,.25)!important;
}
.footer-frame-pill::before,
.forteca-frame-toggle::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  padding:2px!important;
  background:linear-gradient(120deg,#2ee6ff,#5377ff,#ff47b5,#ffbd59,#2ee6ff)!important;
  background-size:300% 300%!important;
  animation:frameBtnFlow 3.2s linear infinite!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask-composite:exclude!important;
  z-index:-1!important;
}
.footer-frame-pill::after,
.forteca-frame-toggle::after{
  content:""!important;
  position:absolute!important;
  inset:2px!important;
  border-radius:inherit!important;
  background:rgba(7,13,29,.96)!important;
  z-index:-2!important;
}
.footer-frame-pill:nth-child(even)::before{background:linear-gradient(120deg,#ffbd59,#ff47b5,#7b5cff,#ffbd59)!important;background-size:300% 300%!important;animation-duration:3.9s!important;}
.footer-frame-pill.is-open{box-shadow:0 0 22px rgba(255,189,89,.22),0 0 18px rgba(255,71,181,.18)!important;}
@keyframes frameBtnFlow{0%{background-position:0% 50%}100%{background-position:300% 50%}}

/* Iframe: collapsed until clicked, then tall enough for page scroll instead of iframe scrollbar */
.forteca-frame-shell{
  overflow:hidden!important;
  margin-top:14px!important;
}
.forteca-frame-title{
  width:100%!important;
  border:0!important;
  cursor:pointer!important;
}
.forteca-frame-body{
  display:none!important;
}
.forteca-frame-shell.is-open .forteca-frame-body{
  display:block!important;
}
.forteca-frame-shell iframe{
  display:block!important;
  width:100%!important;
  height:2200px!important;
  min-height:calc(100vh - 30px)!important;
  border:0!important;
  overflow:hidden!important;
  background:#050b18!important;
}

/* Responsive: keep top buttons two rows before mobile, then 3x2 still centered */
@media(max-width:1220px){
  .final-topbar-inner{grid-template-columns:160px minmax(360px,760px) 340px!important;gap:14px!important;}
  .top-media-slot{max-width:760px!important;}
}
@media(max-width:1050px){
  .final-topbar-inner{grid-template-columns:1fr!important;}
  .top-right-stack{justify-self:center!important;width:360px!important;max-width:100%!important;}
  .top-media-slot{max-width:100%!important;}
}

/* ===== PATCH 10 FINAL — PLAYER LABELS, NAV FREEZE, SEPARATOR ON/OFF, PREMIUM SEPARATORS ===== */

/* Audio player: volume lower, labels, timers inside frame */
.audio-player,
.top-audio-player,
#audioPlayer{
  overflow:hidden!important;
  max-height:132px!important;
  grid-template-columns:minmax(160px,1.05fr) minmax(240px,1.3fr) minmax(150px,.7fr)!important;
  grid-template-areas:"meta controls controls" "progress progress progress" "actions actions actions" "playlist playlist playlist"!important;
  gap:6px 10px!important;
}
.audio-track-time-row{
  grid-template-columns:auto 44px minmax(0,1fr) 44px!important;
  gap:7px!important;
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}
.audio-mini-label{
  font-size:.58rem!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  color:#9fb0d4!important;
  white-space:nowrap!important;
}
.time-chip,
#currentTime,
#durationTime{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:40px!important;
  max-width:44px!important;
  overflow:hidden!important;
  font-size:.62rem!important;
  color:#dfeaff!important;
  white-space:nowrap!important;
}
.audio-volume-row{
  grid-template-columns:auto minmax(170px,1fr)!important;
  width:100%!important;
  align-items:end!important;
  margin-top:0!important;
}
.volume-control-label{
  display:grid!important;
  grid-template-rows:auto 1fr!important;
  gap:3px!important;
  min-width:0!important;
  width:100%!important;
}
.volume-control-label span{
  font-size:.58rem!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  color:#9fb0d4!important;
  line-height:1!important;
}
.volume-control-label input{width:100%!important;min-width:0!important;}

/* Top right nav: clicking freezes animation and leaves clean colored ring */
.final-nav-buttons a.is-selected::before,
.nav-buttons a.is-selected::before{
  animation:none!important;
  transform:none!important;
  background:conic-gradient(from 0deg,#2ee6ff,#ff47b5,#ffbd59,#31ff9b,#2ee6ff)!important;
}
.final-nav-buttons a.is-selected,
.nav-buttons a.is-selected{
  color:#fff!important;
  text-shadow:0 0 10px #fff,0 0 18px rgba(46,230,255,.55)!important;
  box-shadow:0 0 20px rgba(46,230,255,.20),0 0 22px rgba(255,71,181,.16)!important;
}

/* Entry ON checkbox in admin add/edit server panel */
.entry-enabled-toggle{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:9px 12px!important;
  border-radius:999px!important;
  background:rgba(31,240,160,.08)!important;
  border:1px solid rgba(31,240,160,.22)!important;
  color:#d8ffed!important;
  font-weight:950!important;
  font-size:.72rem!important;
  letter-spacing:.06em!important;
}
.entry-enabled-toggle input{width:auto!important;accent-color:#00ff99!important;}
.is-disabled-entry{opacity:.44!important;filter:grayscale(.5)!important;}
.disabled-entry-badge{
  margin-left:8px!important;
  padding:3px 7px!important;
  border-radius:999px!important;
  color:#ffb6c5!important;
  background:rgba(255,59,107,.12)!important;
  border:1px solid rgba(255,59,107,.28)!important;
  font-size:.62rem!important;
  font-style:normal!important;
  font-weight:950!important;
}

/* Categories stay hidden while SERVER is selected, show only in SEPARATOR mode */
.game-kind-pills.is-server-mode .game-category-pills{display:none!important;}
.game-kind-pills.is-separator-mode .game-category-pills{display:flex!important;}

/* Server list separators: strong visual, still matches site */
.server-separator-card.forteca-separator-card,
.forteca-separator-card{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  min-height:50px!important;
  padding:12px 14px!important;
  border:0!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,rgba(8,13,29,.96),rgba(20,12,35,.94))!important;
  box-shadow:0 0 24px rgba(255,71,181,.16),0 0 28px rgba(46,230,255,.10),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.server-separator-card.forteca-separator-card::before,
.forteca-separator-card::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  padding:2px!important;
  background:conic-gradient(from 0deg,#ffbd59,#ff47b5,#8b6bff,#2ee6ff,#31ff9b,#ffbd59)!important;
  animation:separatorPremiumSpin 5s linear infinite!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask-composite:exclude!important;
  z-index:-1!important;
}
.server-separator-card.forteca-separator-card::after,
.forteca-separator-card::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.14) 42%,transparent 58%)!important;
  transform:translateX(-130%)!important;
  animation:separatorSweep 4.2s ease-in-out infinite!important;
  pointer-events:none!important;
}
.server-separator-card.forteca-separator-card > span,
.forteca-separator-card > span{
  position:relative!important;
  z-index:1!important;
  display:inline-flex!important;
  align-items:center!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  color:#fff!important;
  font-weight:950!important;
  text-shadow:0 0 12px rgba(255,189,89,.42),0 0 22px rgba(255,71,181,.34),0 0 18px rgba(46,230,255,.24)!important;
}
@keyframes separatorPremiumSpin{to{transform:rotate(360deg)}}
@keyframes separatorSweep{0%,35%{transform:translateX(-130%)}65%,100%{transform:translateX(130%)}}

@media(max-width:1180px){
  .audio-player,.top-audio-player,#audioPlayer{max-height:none!important;grid-template-columns:1fr!important;grid-template-areas:"meta" "controls" "progress" "actions" "playlist"!important;}
  .audio-track-time-row{grid-template-columns:auto 44px minmax(0,1fr) 44px!important;}
}

/* =========================================================
   PATCH 11: requested final visual fixes
   - stop rotating top-right nav button borders
   - server list ON/OFF/PAUSE buttons styled like SET AS HOMEPAGE
   - separators/category rows are strongly highlighted again
   ========================================================= */

/* 1) RIGHT TOP NAV: static premium outline, no spinning/rotation */
.final-nav-buttons a,
.nav.nav-buttons.final-nav-buttons a,
.nav-buttons a {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(5,10,24,.96) !important;
  color: #f7fbff !important;
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
  text-shadow: 0 0 8px rgba(255,255,255,.35) !important;
}
.final-nav-buttons a::before,
.nav.nav-buttons.final-nav-buttons a::before,
.nav-buttons a::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  padding: 2px !important;
  animation: none !important;
  transform: none !important;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
  z-index: -1 !important;
}
.final-nav-buttons a::after,
.nav.nav-buttons.final-nav-buttons a::after,
.nav-buttons a::after {
  content: "" !important;
  position: absolute !important;
  inset: 2px !important;
  border-radius: inherit !important;
  background: rgba(5,10,24,.97) !important;
  z-index: -2 !important;
}
.final-nav-buttons a:nth-child(1)::before{background:linear-gradient(120deg,#2ee6ff,#6f7cff,#b96bff,#2ee6ff)!important;}
.final-nav-buttons a:nth-child(2)::before{background:linear-gradient(120deg,#00ffe0,#31ff9b,#2ee6ff,#00ffe0)!important;}
.final-nav-buttons a:nth-child(3)::before{background:linear-gradient(120deg,#ff47b5,#ff7a1a,#fff06a,#ff47b5)!important;}
.final-nav-buttons a:nth-child(4)::before{background:linear-gradient(120deg,#a16bff,#ff47b5,#2ee6ff,#a16bff)!important;}
.final-nav-buttons a:nth-child(5)::before{background:linear-gradient(120deg,#2ee6ff,#00ff99,#5377ff,#2ee6ff)!important;}
.final-nav-buttons a:nth-child(6)::before{background:linear-gradient(120deg,#ffbd59,#ff3b6b,#ff47b5,#ffbd59)!important;}
.final-nav-buttons a:hover,
.nav.nav-buttons.final-nav-buttons a:hover,
.nav-buttons a:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 0 18px rgba(46,230,255,.22), 0 0 18px rgba(255,71,181,.16) !important;
}

/* 2) SERVER LIST FILTERS: SET-AS-HOMEPAGE style, clear ON/OFF/PAUSE colors, no rotation */
.server-toolbar-left .filter-btn,
.filter-btn {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 999px !important;
  min-height: 42px !important;
  min-width: 76px !important;
  padding: 0 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  color: #fff !important;
  font-weight: 950 !important;
  letter-spacing: .055em !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.35), 0 0 9px rgba(255,255,255,.22) !important;
  background: linear-gradient(135deg, rgba(21,33,60,.98), rgba(47,32,74,.98)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 0 12px rgba(46,230,255,.10) !important;
}
.server-toolbar-left .filter-btn::before,
.filter-btn::before {
  content: "" !important;
  position: absolute !important;
  inset: -35% !important;
  border-radius: inherit !important;
  padding: 0 !important;
  background: linear-gradient(115deg, transparent 34%, rgba(255,255,255,.42) 48%, transparent 62%) !important;
  animation: none !important;
  transform: translateX(-55%) rotate(8deg) !important;
  opacity: .45 !important;
  -webkit-mask: none !important;
  mask: none !important;
  z-index: -1 !important;
  pointer-events: none !important;
}
.server-toolbar-left .filter-btn::after,
.filter-btn::after {
  content: "" !important;
  position: absolute !important;
  inset: 1px !important;
  border-radius: inherit !important;
  background: inherit !important;
  z-index: -2 !important;
}
.filter-btn[data-filter="all"] {
  background: linear-gradient(135deg,#5ee7ff 0%,#7c8bff 44%,#ff5dc8 100%) !important;
  box-shadow: 0 0 18px rgba(46,230,255,.22), 0 0 16px rgba(255,71,181,.18), inset 0 1px 0 rgba(255,255,255,.20) !important;
}
.filter-btn.filter-on {
  background: linear-gradient(135deg,#00e887 0%,#2ee6ff 100%) !important;
  color:#062016!important;
  text-shadow:0 1px 0 rgba(255,255,255,.20)!important;
  box-shadow:0 0 17px rgba(0,255,153,.24), inset 0 1px 0 rgba(255,255,255,.22)!important;
}
.filter-btn.filter-off {
  background: linear-gradient(135deg,#ff315d 0%,#ff47b5 100%) !important;
  color:#fff!important;
  box-shadow:0 0 17px rgba(255,59,107,.26), inset 0 1px 0 rgba(255,255,255,.18)!important;
}
.filter-btn.filter-pause {
  background: linear-gradient(135deg,#ffbd59 0%,#fff06a 54%,#ff7a1a 100%) !important;
  color:#2a1700!important;
  text-shadow:0 1px 0 rgba(255,255,255,.28)!important;
  box-shadow:0 0 17px rgba(255,189,89,.28), inset 0 1px 0 rgba(255,255,255,.22)!important;
}
.filter-btn:not(.active) {
  opacity: .72 !important;
  filter: saturate(.72) brightness(.82) !important;
}
.filter-btn.active {
  opacity: 1 !important;
  filter: saturate(1.12) brightness(1.06) !important;
  transform: translateY(-1px) !important;
}
.filter-btn:hover::before { transform: translateX(42%) rotate(8deg) !important; opacity: .72 !important; transition: transform .45s ease, opacity .45s ease !important; }

/* 3) SEPARATORS/CATEGORIES: make them impossible to miss and fit the site */
.server-separator-card,
.server-separator-card.forteca-separator-card,
.forteca-separator-card,
.category-separator-card,
.separator-row {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  min-height: 44px !important;
  padding: 10px 14px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255,189,89,.38) !important;
  background:
    radial-gradient(circle at 0 50%, rgba(255,189,89,.24), transparent 38%),
    radial-gradient(circle at 100% 50%, rgba(46,230,255,.16), transparent 34%),
    linear-gradient(135deg, rgba(255,71,181,.20), rgba(20,29,59,.96) 45%, rgba(255,189,89,.14)) !important;
  box-shadow: 0 0 18px rgba(255,189,89,.16), 0 0 18px rgba(255,71,181,.12), inset 0 1px 0 rgba(255,255,255,.08) !important;
  color: #fff3c7 !important;
}
.server-separator-card::before,
.server-separator-card.forteca-separator-card::before,
.forteca-separator-card::before,
.category-separator-card::before,
.separator-row::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  padding: 2px !important;
  background: linear-gradient(120deg,#ffbd59,#ff47b5,#2ee6ff,#fff06a,#ffbd59) !important;
  background-size: 300% 300% !important;
  animation: fortecaSeparatorGlow 4.8s ease-in-out infinite !important;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
  z-index: -1 !important;
}
.server-separator-card::after,
.server-separator-card.forteca-separator-card::after,
.forteca-separator-card::after,
.category-separator-card::after,
.separator-row::after {
  content: "" !important;
  position: absolute !important;
  left: -25% !important;
  top: 0 !important;
  width: 24% !important;
  height: 100% !important;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent) !important;
  transform: skewX(-18deg) !important;
  animation: fortecaSeparatorSweepStrong 5.5s ease-in-out infinite !important;
  pointer-events: none !important;
}
.server-separator-card span,
.server-separator-card.forteca-separator-card span,
.forteca-separator-card span,
.category-separator-card span,
.separator-row span {
  color: #fff !important;
  font-weight: 950 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  text-shadow: 0 0 10px rgba(255,189,89,.62), 0 0 20px rgba(255,71,181,.32), 0 0 22px rgba(46,230,255,.20) !important;
}
@keyframes fortecaSeparatorGlow {
  0%,100% { background-position: 0% 50%; filter: brightness(1); }
  50% { background-position: 100% 50%; filter: brightness(1.18); }
}
@keyframes fortecaSeparatorSweepStrong {
  0%,42% { left:-28%; opacity:0; }
  50% { opacity:.9; }
  72%,100% { left:108%; opacity:0; }
}

/* =========================================================
   PATCH 13 AUDIO ULTRA PRO
   - playlist button under song name
   - GRID AUDIO badge left corner
   - volume in Prev/Play line with short slider
   - track time clean and aligned
   ========================================================= */
.audio-player.top-audio-player,
#audioPlayer.audio-player,
#audioPlayer.top-audio-player{
  max-height:none!important;
  min-height:112px!important;
  height:auto!important;
  overflow:visible!important;
  display:grid!important;
  grid-template-columns:minmax(170px, .95fr) minmax(390px, 2.1fr)!important;
  grid-template-areas:"meta main" "meta track" "playlist playlist"!important;
  align-items:center!important;
  gap:8px 16px!important;
  padding:12px 14px!important;
  border-radius:18px!important;
}
#audioPlayer .audio-top{grid-area:meta!important;align-self:stretch!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;align-items:flex-start!important;gap:8px!important;min-width:0!important;margin:0!important;}
#audioPlayer .audio-meta{width:100%!important;min-width:0!important;display:flex!important;flex-direction:column!important;gap:3px!important;align-items:flex-start!important;}
#audioPlayer .audio-meta strong{width:100%!important;max-width:100%!important;font-size:.82rem!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#audioPlayer .audio-meta span{width:100%!important;max-width:100%!important;margin:0!important;font-size:.68rem!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#audioPlayer .audio-badge{order:2!important;margin:0!important;align-self:flex-start!important;padding:6px 10px!important;border-radius:999px!important;font-size:.62rem!important;line-height:1!important;}
#audioPlayer .audio-playlist-under-title,
#audioPlayer #playlistToggle{order:1!important;margin-top:5px!important;min-height:28px!important;padding:6px 12px!important;border-radius:999px!important;font-size:.64rem!important;line-height:1!important;white-space:nowrap!important;}
#audioPlayer .audio-main-controls{grid-area:main!important;display:grid!important;grid-template-columns:auto minmax(130px, 220px)!important;align-items:center!important;justify-content:end!important;gap:12px!important;min-width:0!important;}
#audioPlayer .audio-controls{display:flex!important;align-items:center!important;justify-content:end!important;gap:6px!important;flex-wrap:nowrap!important;min-width:0!important;}
#audioPlayer .audio-controls button{min-height:29px!important;padding:6px 10px!important;border-radius:999px!important;font-size:.64rem!important;line-height:1!important;white-space:nowrap!important;flex:0 0 auto!important;}
#audioPlayer .audio-volume-inline,
#audioPlayer .volume-control-label.audio-volume-inline{display:grid!important;grid-template-columns:auto minmax(85px, 150px)!important;grid-template-rows:1fr!important;align-items:center!important;gap:8px!important;width:auto!important;min-width:0!important;}
#audioPlayer .volume-control-label span{font-size:.58rem!important;font-weight:950!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#aebbe0!important;line-height:1!important;white-space:nowrap!important;}
#audioPlayer .volume-control-label input,
#audioPlayer #volumeSlider{width:140px!important;max-width:140px!important;min-width:85px!important;height:5px!important;}
#audioPlayer .audio-track-time-row{grid-area:track!important;display:grid!important;grid-template-columns:72px 42px minmax(170px, 1fr) 42px!important;align-items:center!important;gap:8px!important;width:100%!important;min-width:0!important;margin:0!important;overflow:hidden!important;}
#audioPlayer .audio-mini-label{font-size:.58rem!important;font-weight:950!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#aebbe0!important;line-height:1!important;white-space:nowrap!important;}
#audioPlayer .time-chip,
#audioPlayer #currentTime,
#audioPlayer #durationTime{min-width:38px!important;max-width:42px!important;font-size:.61rem!important;line-height:1!important;text-align:center!important;justify-content:center!important;overflow:hidden!important;white-space:nowrap!important;}
#audioPlayer #progressSlider{width:100%!important;min-width:0!important;height:5px!important;}
#audioPlayer .playlist{grid-area:playlist!important;width:100%!important;margin-top:8px!important;max-height:260px!important;overflow:auto!important;border-radius:14px!important;padding:8px!important;background:rgba(3,8,20,.88)!important;border:1px solid rgba(46,230,255,.16)!important;box-shadow:0 16px 36px rgba(0,0,0,.28)!important;}
#audioPlayer .playlist.hidden{display:none!important;}
@media(max-width:1180px){.audio-player.top-audio-player,#audioPlayer.audio-player,#audioPlayer.top-audio-player{grid-template-columns:1fr!important;grid-template-areas:"meta" "main" "track" "playlist"!important;min-height:0!important;}#audioPlayer .audio-main-controls{grid-template-columns:1fr!important;justify-content:stretch!important;}#audioPlayer .audio-controls{justify-content:flex-start!important;flex-wrap:wrap!important;}#audioPlayer .audio-volume-inline{grid-template-columns:72px minmax(120px,1fr)!important;width:100%!important;}#audioPlayer .volume-control-label input,#audioPlayer #volumeSlider{width:100%!important;max-width:100%!important;}}

/* ===== PATCH 14 — FOOTER URL FULL WIDTH + AUDIO POLISH ===== */
.footer-admin-tab-panel .footer-button-row,
.footer-admin-tab-panel .footer-iframe-row{
  display:grid!important;
  grid-template-columns:auto auto minmax(120px, 1fr)!important;
  gap:7px!important;
  align-items:center!important;
  padding:9px!important;
  border-radius:15px!important;
  background:linear-gradient(135deg,rgba(46,230,255,.045),rgba(255,71,181,.035)),rgba(255,255,255,.025)!important;
  border:1px solid rgba(255,255,255,.075)!important;
  overflow:hidden!important;
}
.footer-admin-tab-panel .footer-button-row input[name$="[url]"],
.footer-admin-tab-panel .footer-iframe-row input[name$="[url]"],
.footer-admin-tab-panel .footer-button-row-new input[name="new_button[url]"],
.footer-admin-tab-panel .footer-iframe-row-new input[name="new_iframe[url]"]{
  grid-column:1 / -1!important;
  width:100%!important;
  min-width:0!important;
  min-height:34px!important;
  margin-top:1px!important;
  font-size:.76rem!important;
  border-color:rgba(46,230,255,.16)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important;
}
.footer-admin-tab-panel .footer-button-row input[name$="[label]"],
.footer-admin-tab-panel .footer-iframe-row input[name$="[label]"],
.footer-admin-tab-panel .footer-button-row-new input[name="new_button[label]"],
.footer-admin-tab-panel .footer-iframe-row-new input[name="new_iframe[label]"]{
  width:100%!important;
  min-width:0!important;
}
.footer-admin-tab-panel .footer-button-row-new,
.footer-admin-tab-panel .footer-iframe-row-new{grid-template-columns:58px minmax(120px,1fr)!important;}
.footer-admin-tab-panel .footer-button-row-new input[name="new_button[url]"],
.footer-admin-tab-panel .footer-iframe-row-new input[name="new_iframe[url]"]{grid-column:1 / -1!important;}
.top-audio-player .audio-track-time-row,.top-audio-player .audio-volume-row{max-width:100%!important;overflow:hidden!important;}
.top-audio-player .time-chip{flex:0 0 auto!important;min-width:42px!important;text-align:center!important;white-space:nowrap!important;}
.top-audio-player #progressSlider,.top-audio-player #volumeSlider{min-width:0!important;}


/* ===== PATCH 15 — CLEAN FOOTER / IFRAME ADMIN ROWS LIKE HERO ===== */
.footer-admin-tab-panel .footer-button-editor,
.footer-admin-tab-panel .footer-iframe-editor{
  display:grid!important;
  gap:10px!important;
  max-height:360px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:6px 7px 6px 2px!important;
}
.footer-admin-tab-panel .footer-button-row,
.footer-admin-tab-panel .footer-iframe-row,
.footer-admin-tab-panel .footer-admin-clean-row{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  padding:10px!important;
  border-radius:18px!important;
  border:1px solid rgba(46,230,255,.14)!important;
  background:linear-gradient(135deg,rgba(46,230,255,.055),rgba(255,71,181,.04)),rgba(255,255,255,.035)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
  overflow:hidden!important;
}
.footer-admin-tab-panel .footer-admin-topline{
  display:grid!important;
  grid-template-columns:58px 58px minmax(0,1fr)!important;
  gap:8px!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
}
.footer-admin-tab-panel .footer-button-row-new .footer-admin-topline,
.footer-admin-tab-panel .footer-iframe-row-new .footer-admin-topline{
  grid-template-columns:58px minmax(0,1fr)!important;
}
.footer-admin-tab-panel .hero-mini-check,
.footer-admin-tab-panel .footer-admin-topline span{
  min-width:0!important;
  font-size:.72rem!important;
  font-weight:950!important;
  letter-spacing:.045em!important;
  color:#eaf7ff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  white-space:nowrap!important;
}
.footer-admin-tab-panel input[type="text"],
.footer-admin-tab-panel .footer-label-input,
.footer-admin-tab-panel .footer-url-input{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  border-radius:12px!important;
  border:1px solid rgba(46,230,255,.22)!important;
  background:#050a18!important;
  color:#fff!important;
  padding:10px 12px!important;
  outline:none!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.22)!important;
}
.footer-admin-tab-panel .footer-url-input{
  display:block!important;
  grid-column:1 / -1!important;
  min-height:38px!important;
  border-color:rgba(46,230,255,.36)!important;
  box-shadow:0 0 0 1px rgba(46,230,255,.08), inset 0 0 0 1px rgba(0,0,0,.25)!important;
}
.footer-admin-tab-panel .footer-label-input:focus,
.footer-admin-tab-panel .footer-url-input:focus{
  border-color:rgba(255,71,181,.72)!important;
  box-shadow:0 0 18px rgba(255,71,181,.12), 0 0 10px rgba(46,230,255,.08)!important;
}
@media(max-width:520px){
  .footer-admin-tab-panel .footer-admin-topline{grid-template-columns:1fr 1fr!important;}
  .footer-admin-tab-panel .footer-label-input{grid-column:1 / -1!important;}
}


/* ===== PATCH 17 REAL RESTORE + FOOTER BUTTON URL FIX ===== */
.footer-admin-tab-panel .footer-button-editor,
.footer-admin-tab-panel .footer-iframe-editor{
  display:grid!important;
  gap:10px!important;
  max-height:420px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:6px 7px 6px 2px!important;
}
.footer-admin-tab-panel .footer-button-row,
.footer-admin-tab-panel .footer-iframe-row,
.footer-admin-tab-panel .footer-admin-clean-row{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  padding:10px!important;
  border-radius:18px!important;
  border:1px solid rgba(46,230,255,.16)!important;
  background:linear-gradient(135deg,rgba(46,230,255,.06),rgba(255,71,181,.045)),rgba(255,255,255,.035)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
  overflow:visible!important;
}
.footer-admin-tab-panel .footer-admin-topline{
  display:grid!important;
  grid-template-columns:58px 58px minmax(0,1fr)!important;
  gap:8px!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
}
.footer-admin-tab-panel .footer-button-row-new .footer-admin-topline,
.footer-admin-tab-panel .footer-iframe-row-new .footer-admin-topline{
  grid-template-columns:58px minmax(0,1fr)!important;
}
.footer-admin-tab-panel .hero-mini-check,
.footer-admin-tab-panel .footer-admin-topline span{
  min-width:0!important;
  font-size:.72rem!important;
  font-weight:950!important;
  letter-spacing:.045em!important;
  color:#eaf7ff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  white-space:nowrap!important;
}
.footer-admin-tab-panel .footer-label-input,
.footer-admin-tab-panel .footer-url-input{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  border-radius:12px!important;
  background:#050a18!important;
  color:#fff!important;
  padding:10px 12px!important;
  outline:none!important;
}
.footer-admin-tab-panel .footer-label-input{
  border:1px solid rgba(46,230,255,.22)!important;
}
.footer-admin-tab-panel .footer-url-input{
  display:block!important;
  grid-column:1 / -1!important;
  min-height:38px!important;
  border:1px solid rgba(46,230,255,.36)!important;
  box-shadow:0 0 0 1px rgba(46,230,255,.08), inset 0 0 0 1px rgba(0,0,0,.25)!important;
}
.footer-admin-tab-panel .footer-url-input:focus,
.footer-admin-tab-panel .footer-label-input:focus{
  border-color:rgba(255,71,181,.72)!important;
  box-shadow:0 0 18px rgba(255,71,181,.12), 0 0 10px rgba(46,230,255,.08)!important;
}
@media(max-width:520px){
  .footer-admin-tab-panel .footer-admin-topline{grid-template-columns:1fr 1fr!important;}
  .footer-admin-tab-panel .footer-label-input{grid-column:1 / -1!important;}
}


/* ===== FOOTER IFRAMES FINAL SIZE FIX v2 =====
   Fix: oba dolne panele nie są ucinane na dole.
   Forteca DIR: wyższy iframe bez wewnętrznego suwaka.
   The Truth/mapa: wyższy iframe, żeby dół obrazka był widoczny. */
.footer-frame-dock,
.footer-iframe-area{
  margin-top:12px!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}
.forteca-frame-shell,
.dir-iframe-shell{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  margin-top:12px!important;
}
.forteca-frame-body{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}
.forteca-frame-shell iframe,
.dir-iframe-shell iframe,
.forteca-embed{
  display:block!important;
  width:100%!important;
  border:0!important;
  background:#050b18!important;
  overflow:hidden!important;
}
.forteca-frame-shell.forteca-frame-dir iframe,
.forteca-embed-dir{
  height:1180px!important;
  min-height:1180px!important;
  max-height:none!important;
}
.forteca-frame-shell.forteca-frame-truth iframe,
.forteca-embed-truth{
  height:980px!important;
  min-height:980px!important;
  max-height:none!important;
}
@media (max-width:900px){
  .forteca-frame-shell.forteca-frame-dir iframe,
  .forteca-embed-dir{
    height:1080px!important;
    min-height:1080px!important;
  }
  .forteca-frame-shell.forteca-frame-truth iframe,
  .forteca-embed-truth{
    height:860px!important;
    min-height:860px!important;
  }
}
@media (max-width:560px){
  .forteca-frame-shell.forteca-frame-dir iframe,
  .forteca-embed-dir{
    height:1000px!important;
    min-height:1000px!important;
  }
  .forteca-frame-shell.forteca-frame-truth iframe,
  .forteca-embed-truth{
    height:720px!important;
    min-height:720px!important;
  }
}