/* SCOTT Dashboard v31 — server-first home + reliable image rendering */
body.scott-v30 .content{padding-top:22px}
body.scott-v30 #view-home{max-width:1500px;margin:0 auto}
body.scott-v30 #view-home .hero-card,
body.scott-v30 #view-home .stats-grid,
body.scott-v30 #view-home .section-card{display:none!important}

.v30-home{display:flex;flex-direction:column;gap:14px}
.v30-server-hub{
  display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:14px;
  align-items:stretch
}
.v30-server-main,.v30-mini-banner,.v30-menu-card{
  border:1px solid #293340;background:linear-gradient(145deg,#11161d,#0d1117);border-radius:18px;
  box-shadow:0 12px 34px rgba(0,0,0,.14)
}
.v30-server-main{padding:20px 22px;position:relative;overflow:hidden}
.v30-server-main:after{
  content:"";position:absolute;width:230px;height:230px;border-radius:50%;inset-inline-end:-85px;top:-110px;
  background:radial-gradient(circle,rgba(212,180,85,.16),transparent 68%);pointer-events:none
}
.v30-kicker{font-size:10px;color:#d8ba61;letter-spacing:.15em;font-weight:900;margin-bottom:6px}
.v30-server-main h2{font-size:26px;margin:0 0 5px;line-height:1.25}
.v30-server-main p{font-size:12px;color:#8793a1;margin:0 0 15px}
.v30-server-select-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center}
.v30-server-icon{
  width:52px;height:52px;border-radius:15px;background:#202936 center/cover no-repeat;border:1px solid #394654;
  display:grid;place-items:center;font-weight:900;color:#fff;overflow:hidden
}
.v30-server-select-box{min-width:0}
.v30-server-select-box label{display:block;font-size:10px;color:#74808e;margin-bottom:5px}
#homeGuildSelect{
  width:100%;height:44px;background:#090d12;border:1px solid #344151;border-radius:12px;color:#eef2f6;
  padding:0 12px;font-weight:800;outline:none
}
#homeGuildSelect:focus{border-color:#8c7331;box-shadow:0 0 0 3px rgba(212,180,85,.08)}
.v30-online{padding:7px 9px;border:1px solid #20583a;background:#10231a;color:#72dfa5;border-radius:999px;font-size:9px;font-weight:900;white-space:nowrap}
.v30-selected-info{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.v30-selected-info span{font-size:10px;color:#a6b0bc;background:#0a0f15;border:1px solid #273240;border-radius:999px;padding:6px 9px}

/* The banner no longer depends on a separate missing image file.
   dashboard-home-v30.js copies the already-loaded selected-server artwork here. */
.v30-mini-banner{
  min-height:150px;position:relative;overflow:hidden;padding:18px 20px;display:flex;align-items:flex-end;
  background-color:#070b10;
  background-repeat:no-repeat!important;
  background-size:auto 132%!important;
  background-position:12% center!important;
  isolation:isolate
}
.v30-mini-banner:before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(5,8,12,.06) 0%,rgba(5,8,12,.18) 38%,rgba(5,8,12,.9) 78%,#070b10 100%)
}
.v30-mini-banner:after{content:"";position:absolute;inset:0;z-index:1;box-shadow:inset 0 0 55px rgba(0,0,0,.38);pointer-events:none}
.v30-mini-banner:not(.has-art){background-image:radial-gradient(circle at 24% 50%,rgba(43,91,160,.28),transparent 24%),radial-gradient(circle at 36% 40%,rgba(212,180,85,.17),transparent 31%)!important}
.v30-banner-copy{position:relative;z-index:2;text-shadow:0 3px 16px rgba(0,0,0,.85);margin-inline-start:auto;text-align:end}
.v30-banner-copy strong{display:block;font-size:18px;letter-spacing:.12em}
.v30-banner-copy span{font-size:10px;color:#dec166;letter-spacing:.1em}

/* Brand artwork uses the working server artwork as a reliable fallback.
   Hide any failed <img> injected by older dashboard code. */
.brand-crown.scott-brand-fallback{
  background-color:#070b10!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:cover!important;
}
.brand-crown.scott-brand-fallback>img{display:none!important}

#userAvatar,#userAvatarMenu{
  background-color:#151d27;
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover
}

.v30-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:2px}
.v30-section-title h3{margin:0;font-size:17px}
.v30-section-title p{margin:2px 0 0;color:#798592;font-size:11px}
.v30-section-title small{color:#6f7a87;font-size:10px}

.v30-menu-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.v30-menu-card{
  min-height:118px;padding:15px;text-align:start;color:#eef2f5;cursor:pointer;transition:.18s ease;position:relative;overflow:hidden
}
.v30-menu-card:hover{transform:translateY(-2px);border-color:#5d4e27;background:linear-gradient(145deg,#151b23,#11140e)}
.v30-menu-card:after{content:"";position:absolute;width:72px;height:72px;border-radius:50%;inset-inline-end:-25px;bottom:-28px;background:rgba(212,180,85,.055)}
.v30-menu-icon{width:38px;height:38px;border-radius:11px;background:#19212b;border:1px solid #293541;display:grid;place-items:center;font-size:17px;margin-bottom:10px}
.v30-menu-card strong{display:block;font-size:14px;margin-bottom:3px}
.v30-menu-card span{display:block;color:#7f8b98;font-size:10px;line-height:1.6;max-width:90%}
.v30-menu-card.featured{border-color:#4d411f;background:linear-gradient(145deg,#141a21,#17150e)}

.v30-bottom-row{display:grid;grid-template-columns:1.4fr .6fr;gap:10px}
.v30-info-card{background:#0f141b;border:1px solid #25303c;border-radius:16px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.v30-info-card b{font-size:12px}.v30-info-card span{font-size:10px;color:#74808c}.v30-info-card .ok{color:#6ee0a2}

body.scott-v30:not(.v30-home-active) .content{padding-top:24px}
body.scott-v30:not(.v30-home-active) .topbar{margin-bottom:14px}
body.scott-v30:not(.v30-home-active) .view.active{max-width:1600px;margin:0 auto}

@media(max-width:1180px){
  .v30-server-hub{grid-template-columns:1fr 340px}
  .v30-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .v30-server-hub{grid-template-columns:1fr}
  .v30-mini-banner{min-height:130px;background-size:auto 145%!important}
  .v30-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v30-bottom-row{grid-template-columns:1fr}
}
@media(max-width:560px){
  .v30-server-main{padding:16px}
  .v30-server-main h2{font-size:21px}
  .v30-server-select-row{grid-template-columns:auto minmax(0,1fr)}
  .v30-online{display:none}
  .v30-menu-grid{grid-template-columns:1fr 1fr;gap:8px}
  .v30-menu-card{min-height:105px;padding:13px}
  .v30-menu-card span{display:none}
  .v30-mini-banner{min-height:112px;background-position:8% center!important;background-size:auto 155%!important}
}