/* CSGuessr V34 stability/product pass. Presentation only. */

/* Homepage utility row: Trade Up left; Sign in/out + Progress Hub grouped on right. */
.page-home .v33-home-account-tools{
  display:grid!important;
  grid-template-columns:minmax(260px,1fr) minmax(190px,230px) minmax(190px,230px)!important;
  align-items:stretch!important;
  gap:10px!important;
}
.page-home .v33-home-account-tools>.v18-mini-tools{display:contents!important}
.page-home .v33-home-account-tools>.v18-mini-tools>[data-v18-home="trade"]{order:1!important}
.page-home .v33-home-account-tools>.v18-home-auth{order:2!important;display:flex!important}
.page-home .v33-home-account-tools>.v18-mini-tools>[data-v18-home="progress"]{order:3!important}
.page-home .v33-home-account-tools>.v18-home-auth>button,
.page-home .v33-home-account-tools>.v18-mini-tools>button{width:100%!important;min-height:74px!important;margin:0!important}

/* Live queue health: informative but not alarmist. */
.home-pulse[data-v34-health="healthy"]{border-color:#5f786b55!important}
.home-pulse[data-v34-health="low"]{border-color:#d6ad534f!important}
.home-pulse[data-v34-health="empty"],
.home-pulse[data-v34-health="error"]{border-color:#d66b625c!important}
.home-pulse .v34-health-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px;background:#6d7e88;box-shadow:0 0 12px #6d7e8844}
.home-pulse[data-v34-health="healthy"] .v34-health-dot{background:#70c795;box-shadow:0 0 12px #70c79566}
.home-pulse[data-v34-health="low"] .v34-health-dot{background:#f0c35c;box-shadow:0 0 12px #f0c35c66}
.home-pulse[data-v34-health="empty"] .v34-health-dot,
.home-pulse[data-v34-health="error"] .v34-health-dot{background:#ee746b;box-shadow:0 0 12px #ee746b66}
.home-pulse .v34-health-label{font-weight:850;letter-spacing:.04em}

/* Operation reward track: keep horizontal swiping, but make the scrollbar obvious and usable. */
.operation-page .pass-track{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding-bottom:14px!important;
  scrollbar-width:thin;
  scrollbar-color:#51d5b7 #142126;
  scrollbar-gutter:stable;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
}
.operation-page .pass-track::-webkit-scrollbar{
  display:block;
  height:8px;
}
.operation-page .pass-track::-webkit-scrollbar-track{
  background:#142126;
  border:1px solid #26383b;
  border-radius:999px;
}
.operation-page .pass-track::-webkit-scrollbar-thumb{
  min-width:42px;
  background:#51d5b7;
  border:2px solid #142126;
  border-radius:999px;
  box-shadow:0 0 10px #51d5b744;
}
.operation-page .pass-track::-webkit-scrollbar-thumb:hover{background:#6ce4c9}

/* Report is a normal clip action, not a hidden staff-only control. */
.clip-actions .v9-report{border-color:#ffffff18!important;color:#aebbc1!important;background:#0d151a!important}
.clip-actions .v9-report:hover{border-color:#e6b64d66!important;color:#f6c945!important;background:#131b20!important}

/* Theme chooser must visibly have only one active state. */
.v14-theme-card.active{position:relative}
.v14-theme-card.active:before{content:"CURRENT";position:absolute;z-index:6;top:8px;left:8px;padding:4px 6px;border-radius:999px;border:1px solid color-mix(in srgb,var(--yellow,#f6c945) 55%,transparent);background:#070b0ed9;color:var(--yellow,#f6c945);font-size:6px;font-weight:950;letter-spacing:.12em}

/* Low-friction queue error state. */
.v34-queue-warning{margin:10px auto 0;width:min(1120px,100%);padding:9px 12px;border:1px solid #df76524d;border-radius:10px;background:#1a0f0db8;color:#d9b1a9;font-size:9px;font-weight:700;line-height:1.45}
.v34-queue-warning b{color:#f0d3cd}

@media(max-width:900px){
  .page-home .v33-home-account-tools{grid-template-columns:1fr 1fr!important}
  .page-home .v33-home-account-tools>.v18-mini-tools>[data-v18-home="trade"]{grid-column:1/-1!important;order:1!important}
  .page-home .v33-home-account-tools>.v18-home-auth{order:2!important}
  .page-home .v33-home-account-tools>.v18-mini-tools>[data-v18-home="progress"]{order:3!important}
}
@media(max-width:580px){
  .page-home .v33-home-account-tools{grid-template-columns:1fr!important}
  .page-home .v33-home-account-tools>.v18-mini-tools>[data-v18-home="trade"],
  .page-home .v33-home-account-tools>.v18-home-auth,
  .page-home .v33-home-account-tools>.v18-mini-tools>[data-v18-home="progress"]{grid-column:1!important}
}
