/* LUZMU V131 — final mobile dashboard + Castle Siege frame correction */

/* Castle Siege uses ONE outer card frame only. Restore the shared card interior. */
.is-home .dashboard-grid .siege-panel{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
.is-home .dashboard-grid .siege-panel::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  display:block!important;
  background:url('../assets/ui/frame-card-premium.svg?v=15') center/100% 100% no-repeat!important;
  pointer-events:none!important;
}
.is-home .dashboard-grid .siege-panel::after{
  content:""!important;
  position:absolute!important;
  inset:24px!important;
  z-index:0!important;
  display:block!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(160deg,rgba(8,20,29,.96),rgba(2,8,12,.985))!important;
  pointer-events:none!important;
}
.is-home .dashboard-grid .siege-panel > *{position:relative!important;z-index:1!important}

/* Artwork lives inside the CONTENT area, never on top of the card rails. */
.is-home .dashboard-grid .siege-panel .siege-content,
.is-home .dashboard-grid .siege-panel .siege-content-v72{
  width:auto!important;
  max-width:none!important;
  margin:0 24px 24px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  background:
    linear-gradient(0deg,rgba(2,7,11,.96) 0%,rgba(2,7,11,.18) 70%),
    url('../assets/backgrounds/castle-siege-premium.webp') center top/cover no-repeat!important;
}

/* neutral decorative placeholder must not introduce a second artwork/frame */
.is-home .dashboard-grid .siege-neutral-castle-v118{
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}

/* Tablet/mobile: dashboard cards become a true single column. */
@media(max-width:980px){
  .is-home .dashboard-grid,
  .is-home.home-command-ready-v44 .dashboard-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:calc(100% - 24px)!important;
    max-width:680px!important;
    gap:16px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .is-home .dashboard-grid > .section-card,
  .is-home.home-command-ready-v44 .dashboard-grid > .home-panel-v44{
    grid-column:1!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:auto!important;
    height:auto!important;
    box-sizing:border-box!important;
  }
  .is-home .dashboard-grid .section-heading{
    grid-template-columns:minmax(36px,1fr) auto minmax(36px,1fr)!important;
  }
  .is-home .dashboard-grid .section-heading h2{
    white-space:nowrap!important;
    font-size:16px!important;
  }
  .is-home .dashboard-grid .siege-panel{min-height:auto!important}
  .is-home .dashboard-grid .siege-panel .siege-content,
  .is-home .dashboard-grid .siege-panel .siege-content-v72{
    min-height:430px!important;
    margin:0 20px 20px!important;
    padding:18px 18px 26px!important;
  }
}

@media(max-width:560px){
  .is-home .dashboard-grid{width:calc(100% - 16px)!important;gap:12px!important}
  .is-home .dashboard-grid .section-card::after,
  .is-home .dashboard-grid .siege-panel::after{inset:18px!important}
  .is-home .dashboard-grid .section-heading{
    min-height:58px!important;
    margin:8px 10px 0!important;
    padding:0 10px!important;
    grid-template-columns:minmax(28px,1fr) auto minmax(28px,1fr)!important;
  }
  .is-home .dashboard-grid .section-heading h2{font-size:15px!important;padding:0 8px!important}
  .is-home .dashboard-grid .section-heading a{font-size:7px!important;max-width:42px!important;padding:4px!important}
  .is-home .dashboard-grid .siege-panel .siege-content,
  .is-home .dashboard-grid .siege-panel .siege-content-v72{
    min-height:390px!important;
    margin:0 18px 18px!important;
    padding:14px 12px 22px!important;
    background-position:center top!important;
  }
}