/* Final scoped patch: desktop detail-card button/notification/thumbnail layout. */
.card .comic-cut-card-action-stack{
  width:100%;
  display:grid;
  gap:8px;
  margin-top:8px;
}
.card .comic-cut-card-counter-slot{
  width:100%;
  min-height:0;
}
.card .comic-cut-card-counter-slot .comic-cut-nav-counters{
  width:100%;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:6px;
  margin:0;
}
.card .comic-cut-card-counter-slot .comic-cut-nav-counters[hidden]{ display:none !important; }
.card .comic-cut-main-actions{
  width:100%;
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:8px !important;
  margin-top:0 !important;
}
.card .comic-cut-main-actions[hidden],
.card .comic-cut-main-actions.comic-cut-main-actions--logged-out-hidden{
  display:none !important;
}
.card .comic-cut-main-actions .icon-btn{
  width:100%;
  min-width:0;
  min-height:44px;
  height:44px;
  padding:0 !important;
  border-radius:12px;
}
.card .comic-cut-card-action-stack > .comic-cut-nav.is-visible{
  width:100% !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:8px !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.card .comic-cut-card-action-stack > .comic-cut-nav .comic-cut-nav-counters{ display:none !important; }
.card .comic-cut-card-action-stack > .comic-cut-nav .comic-cut-nav-btn,
.card .comic-cut-card-action-stack > .comic-cut-nav .comic-cut-nav-btn:first-child,
.card .comic-cut-card-action-stack > .comic-cut-nav .comic-cut-nav-btn:last-child{
  width:100% !important;
  min-width:0 !important;
  min-height:44px !important;
  height:44px !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  border:1px solid var(--border) !important;
  border-radius:12px !important;
  background:var(--panel) !important;
  color:var(--text) !important;
  box-shadow:none !important;
  flex:none !important;
}
.card .comic-cut-card-action-stack > .comic-cut-nav .comic-cut-nav-btn:hover,
.card .comic-cut-card-action-stack > .comic-cut-nav .comic-cut-nav-btn:focus-visible{
  border-color:rgba(255,255,255,.6) !important;
  background:rgba(255,255,255,.08) !important;
  text-decoration:none !important;
}
.card .comic-cut-card-action-stack > .comic-cut-nav .comic-cut-nav-icon-btn::after{ display:none !important; }
.card .comic-cut-card-action-stack > .comic-cut-nav .comic-cut-nav-btn .material-symbols-outlined{ font-size:22px !important; }
.card .altthumbs-wrap--master{
  margin-top:10px;
}
.card .altthumbs-wrap--owners{
  width:100%;
  max-height:260px;
  margin:12px 0 0;
}
.card .altthumbs-wrap--owners .altthumbs{
  grid-template-columns:repeat(6, minmax(0, 1fr));
}
@media (min-width:901px){
  .card .altthumbs-wrap--owners{
    grid-column:1 / -1;
  }
}
@media (min-width:781px) and (max-width:900px){
  .card .altthumbs-wrap--owners .altthumbs{ grid-template-columns:repeat(5, minmax(0, 1fr)); }
}
@media (max-width:780px){
  .card .comic-cut-card-action-stack{ gap:8px; }
  .card .comic-cut-main-actions,
  .card .comic-cut-card-action-stack > .comic-cut-nav.is-visible{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  }
  .card .comic-cut-card-action-stack > .comic-cut-nav.is-visible{
    grid-template-columns:1fr !important;
  }
  .card .comic-cut-main-actions .icon-btn,
  .card .comic-cut-card-action-stack > .comic-cut-nav .comic-cut-nav-btn,
  .card .comic-cut-card-action-stack > .comic-cut-nav .comic-cut-nav-btn:first-child,
  .card .comic-cut-card-action-stack > .comic-cut-nav .comic-cut-nav-btn:last-child{
    height:40px !important;
    min-height:40px !important;
  }
  .card .altthumbs-wrap--owners{
    grid-column:1 / -1;
    max-height:230px;
  }
  .card .altthumbs-wrap--owners .altthumbs{ grid-template-columns:repeat(3, minmax(0, 1fr)); }
}
