/* Patch v22: mobile 1CC Social Club popup top clipping fix + logged-in-only Set Checklist user columns */
@media (max-width: 780px){
  html body #protipPopupOverlay.protip-popup-overlay.is-1cc-social-club-popup,
  html body #protipPopupOverlay.protip-popup-overlay.open.is-1cc-social-club-popup{
    position:fixed !important;
    inset:0 !important;
    width:100vw !important;
    height:100vh !important;
    height:100dvh !important;
    z-index:2147483640 !important;
    align-items:flex-start !important;
    justify-content:center !important;
    box-sizing:border-box !important;
    padding-top:calc(max(12px, env(safe-area-inset-top)) + 8px) !important;
    padding-right:max(12px, env(safe-area-inset-right)) !important;
    padding-bottom:max(12px, env(safe-area-inset-bottom)) !important;
    padding-left:max(12px, env(safe-area-inset-left)) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch !important;
  }

  html body #protipPopupOverlay.is-1cc-social-club-popup #protipPopup.protip-popup{
    width:calc(100vw - max(24px, env(safe-area-inset-left) + env(safe-area-inset-right) + 24px)) !important;
    max-width:920px !important;
    max-height:calc(100dvh - max(12px, env(safe-area-inset-top)) - max(12px, env(safe-area-inset-bottom)) - 16px) !important;
    margin:0 auto !important;
    position:relative !important;
    z-index:2147483641 !important;
    overflow:hidden !important;
  }

  html body #protipPopupOverlay.is-1cc-social-club-popup #protipPopup .protip-popup-header{
    flex:0 0 auto !important;
  }

  html body #protipPopupOverlay.is-1cc-social-club-popup #protipPopup .protip-popup-body{
    min-height:0 !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch !important;
  }
}

.set-checklist-list.set-checklist-list--logged-in .comic-cuts-head,
.set-checklist-list.set-checklist-list--logged-in .comic-cuts-row{
  grid-template-columns:minmax(0,2.6fr) minmax(84px,.9fr) minmax(84px,.9fr) repeat(3, minmax(72px,.75fr));
}

.set-checklist-list.set-checklist-list--logged-out .comic-cuts-head,
.set-checklist-list.set-checklist-list--logged-out .comic-cuts-row{
  grid-template-columns:minmax(0,2.6fr) minmax(84px,.9fr) minmax(84px,.9fr) !important;
}

@media (min-width: 768px){
  .set-checklist-list.set-checklist-list--logged-in .comic-cuts-head div:nth-child(4),
  .set-checklist-list.set-checklist-list--logged-in .comic-cuts-head div:nth-child(5),
  .set-checklist-list.set-checklist-list--logged-in .comic-cuts-head div:nth-child(6),
  .set-checklist-list.set-checklist-list--logged-in .comic-cuts-row div:nth-child(4),
  .set-checklist-list.set-checklist-list--logged-in .comic-cuts-row div:nth-child(5),
  .set-checklist-list.set-checklist-list--logged-in .comic-cuts-row div:nth-child(6){
    text-align:center;
    justify-self:center;
  }
}

@media (max-width: 780px){
  .set-checklist-list.set-checklist-list--logged-in .comic-cuts-head,
  .set-checklist-list.set-checklist-list--logged-in .comic-cuts-row{
    grid-template-columns:minmax(0,1.9fr) minmax(44px,.52fr) minmax(50px,.56fr) repeat(3, minmax(34px,.38fr));
  }

  .set-checklist-list.set-checklist-list--logged-out .comic-cuts-head,
  .set-checklist-list.set-checklist-list--logged-out .comic-cuts-row{
    grid-template-columns:minmax(0,1.9fr) minmax(48px,.52fr) minmax(58px,.58fr) !important;
  }
}