/* LUZMU V15 — marcos gráficos premium reales */

.dashboard-grid{
  gap:16px!important;
  align-items:stretch!important;
}

/* Remove the flat PowerPoint-style box treatment */
.dashboard-grid .section-card,
.dashboard-grid .premium-panel,
.quick-grid a,
.server-info-panel{
  border:0!important;
  box-shadow:none!important;
}

/* Real graphical frame, stretched as a decorative layer */
.dashboard-grid .section-card{
  position:relative!important;
  min-height:430px!important;
  overflow:hidden!important;
  background:transparent!important;
  isolation:isolate;
}

.dashboard-grid .section-card::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-2!important;
  display:block!important;
  background:url('../assets/ui/frame-card-premium.svg?v=15') center/100% 100% no-repeat!important;
  pointer-events:none!important;
}

.dashboard-grid .section-card::after{
  content:""!important;
  position:absolute!important;
  inset:24px!important;
  z-index:-1!important;
  display:block!important;
  background:linear-gradient(160deg,rgba(8,20,29,.96),rgba(2,8,12,.985))!important;
  pointer-events:none!important;
}

/* Header ornament is part of the visual system */
.dashboard-grid .section-heading{
  position:relative!important;
  min-height:72px!important;
  margin:10px 18px 0!important;
  padding:0 28px!important;
  display:grid!important;
  grid-template-columns:minmax(60px,1fr) auto minmax(60px,1fr)!important;
  align-items:center!important;
  border:0!important;
  background:transparent!important;
}

.dashboard-grid .section-heading::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  display:block!important;
  background:url('../assets/ui/heading-ornament.svg?v=15') center/100% 100% no-repeat!important;
}

.dashboard-grid .section-heading h2{
  grid-column:2!important;
  justify-self:center!important;
  margin:0!important;
  padding:0 14px!important;
  color:#f0c762!important;
  text-align:center!important;
  font:700 18px/1 Georgia,"Times New Roman",serif!important;
  letter-spacing:.5px!important;
  white-space:nowrap!important;
  text-shadow:0 3px 10px rgba(0,0,0,.85)!important;
}

.dashboard-grid .section-heading a{
  grid-column:3!important;
  justify-self:end!important;
  padding:8px!important;
  color:#e9b94d!important;
  font:700 9px Arial,sans-serif!important;
  text-decoration:none!important;
}

/* Remove previous fake corners and box lines */
.card-premium-frame::before,
.card-premium-frame::after{
  border:0!important;
  transform:none!important;
}

/* Shared content spacing */
.top-resets-list-v13,
.premium-events,
.home-ranking-tabs,
.home-ranking-table{
  position:relative!important;
  z-index:2!important;
}

.top-resets-list-v13{padding:4px 30px 28px!important}
.premium-events{padding:4px 28px 28px!important;margin:0!important}
.home-ranking-tabs{margin:0 28px 12px!important}
.home-ranking-table{margin:0 28px!important}
.home-rank-more{margin:14px 28px 28px!important}

/* Top resets rows with more breathing room */
.top-reset-row-v13{
  min-height:58px!important;
  border-bottom:1px solid rgba(255,255,255,.065)!important;
  background:transparent!important;
}
.top-reset-row-v13:hover{
  background:linear-gradient(90deg,rgba(221,163,47,.07),transparent)!important;
}

/* Castle Siege: use the same graphic card frame and a cinematic interior */
.siege-panel{
  background:transparent!important;
}
.siege-panel::after{
  background:
    linear-gradient(0deg,rgba(2,7,11,.96),rgba(2,7,11,.25) 70%),
    url('../assets/backgrounds/castle-siege-premium.webp') center/cover no-repeat!important;
}
.siege-content{
  position:relative!important;
  z-index:2!important;
  min-height:330px!important;
  padding:0 28px 28px!important;
}
.siege-neutral-crest.legendary{
  width:210px!important;
  height:195px!important;
  margin:-6px auto -3px!important;
}
.siege-copy strong{
  max-width:280px!important;
  margin:auto!important;
  color:#f4ca65!important;
  font:700 20px/1.08 Georgia,serif!important;
}

/* Information panel gets its own taller graphic frame */
.server-info-panel{
  position:relative!important;
  overflow:hidden!important;
  padding:22px!important;
  background:transparent!important;
  isolation:isolate;
}
.server-info-panel::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-2!important;
  display:block!important;
  background:url('../assets/ui/frame-info-premium.svg?v=15') center/100% 100% no-repeat!important;
  pointer-events:none!important;
}
.server-info-panel::after{
  content:""!important;
  position:absolute!important;
  inset:24px!important;
  z-index:-1!important;
  display:block!important;
  background:linear-gradient(180deg,rgba(8,20,29,.97),rgba(2,8,12,.99))!important;
  pointer-events:none!important;
}
.server-info-panel .server-card-title,
.server-info-panel h3{
  background:transparent!important;
  border:0!important;
}
.server-info-panel dl{padding-inline:18px!important}
.server-online-footer{margin:10px 14px 10px!important}

/* Bottom shortcuts: subtler cards, no repeated gold boxes */
.quick-grid{
  gap:12px!important;
}
.quick-grid a{
  position:relative!important;
  overflow:hidden!important;
  background:
    linear-gradient(145deg,rgba(9,22,31,.96),rgba(3,9,14,.98))!important;
  border:1px solid rgba(219,160,43,.32)!important;
  border-radius:4px!important;
  box-shadow:0 12px 28px rgba(0,0,0,.28)!important;
}
.quick-grid a::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:3px!important;
  background:linear-gradient(#f3ca65,#704007,#f3ca65)!important;
}
.quick-grid a:hover{
  border-color:rgba(231,178,68,.65)!important;
  transform:translateY(-3px)!important;
}

/* Smaller screens */
@media(max-width:900px){
  .dashboard-grid .section-card{
    min-height:auto!important;
  }
  .dashboard-grid .section-heading{
    grid-template-columns:48px auto 48px!important;
    margin-inline:12px!important;
    padding-inline:12px!important;
  }
  .dashboard-grid .section-heading h2{
    font-size:16px!important;
  }
  .dashboard-grid .section-heading a{
    max-width:48px;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .top-resets-list-v13,
  .premium-events{padding-inline:22px!important}
}

@media(max-width:560px){
  .dashboard-grid .section-card::after{inset:18px!important}
  .server-info-panel{padding:16px!important}
  .server-info-panel::after{inset:18px!important}
}