/* v1.0 interaction repair: simple, explicit hit targets */
.menu,.skab-tool-menu{position:relative}
.dropdown,.skab-tool-dropdown{z-index:10000!important;pointer-events:auto!important}
.menu.open>.dropdown,.skab-tool-menu.open>.skab-tool-dropdown{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
.dropdown a,.skab-tool-dropdown a{pointer-events:auto!important;position:relative!important;z-index:10001!important}

.potato-rating,.detail-potato-rating{position:relative!important;z-index:20!important;isolation:isolate!important;pointer-events:auto!important}
.potato-react-btn,.potato-tray{display:none!important}
.potato-counts,.detail-potato-rating .potato-counts,.spuds{display:grid!important;grid-template-columns:repeat(4,34px)!important;justify-content:start!important;align-items:center!important;gap:clamp(10px,3vw,20px)!important;margin:8px 0 0!important;padding:0!important;overflow:visible!important;border:0!important;background:transparent!important;box-shadow:none!important;pointer-events:auto!important}
.potato-count-icon,.spud{appearance:none!important;-webkit-appearance:none!important;display:grid!important;place-items:center!important;position:relative!important;width:34px!important;height:36px!important;margin:0!important;padding:0!important;border:0!important;border-bottom:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;cursor:pointer!important;overflow:visible!important;transform:none!important;animation:none!important;pointer-events:auto!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;text-decoration:none!important}
.potato-count-icon::before,.potato-count-icon::after,.spud::before,.spud::after{display:none!important;content:none!important}
.potato-count-icon img,.spud img{display:block!important;width:31px!important;height:31px!important;object-fit:contain!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;pointer-events:none!important;user-select:none!important;-webkit-user-drag:none!important}
.potato-count-icon.is-mine,.spud.is-mine{filter:drop-shadow(0 0 5px rgba(44,232,255,.72))!important}
.potato-count-badge,.spud em{position:absolute!important;right:-5px!important;top:-4px!important;display:grid!important;place-items:center!important;min-width:15px!important;height:15px!important;padding:0 3px!important;border-radius:999px!important;border:1px solid #071019!important;background:#21cedb!important;color:#031016!important;font:900 7px/1 ui-monospace,monospace!important;font-style:normal!important;box-shadow:0 0 5px rgba(33,206,219,.3)!important;pointer-events:none!important}
/* Never animate a ride card because a nested control was pressed. Navigation feedback stays on explicit links. */
.browse-card:active,.ride-card:active,.media-card-compact:active,.browse-card.spud-interacting,.ride-card.spud-interacting{transform:none!important;scale:1!important;animation:none!important;box-shadow:inherit!important}
.compact-view-link:active,.browse-card-media:active,.title-clickthrough:active{opacity:.8}
@media(max-width:780px){
  .potato-counts,.detail-potato-rating .potato-counts,.spuds{grid-template-columns:repeat(4,30px)!important;gap:clamp(8px,4.5vw,18px)!important}
  .potato-count-icon,.spud{width:30px!important;height:32px!important}
  .potato-count-icon img,.spud img{width:28px!important;height:28px!important}
  .potato-count-badge,.spud em{min-width:14px!important;height:14px!important;font-size:7px!important}
}

/* v1.0.1 — compact Members' Rides Potato Score + remove pink lines */
.member-rides-grid .browse-card,
.member-rides-grid .ride-info,
.member-rides-grid .potato-rating,
.member-rides-grid .potato-score,
.member-rides-grid .potato-counts,
.member-rides-grid .ride-meta,
.member-rides-grid .compact-view-link {
  --member-spud-size: 25px;
}

/* Remove every leftover magenta/pink rule from Members' Rides cards. */
.member-rides-grid .browse-card::before,
.member-rides-grid .browse-card::after,
.member-rides-grid .ride-info::before,
.member-rides-grid .ride-info::after,
.member-rides-grid .potato-rating::before,
.member-rides-grid .potato-rating::after,
.member-rides-grid .potato-score::before,
.member-rides-grid .potato-score::after,
.member-rides-grid .potato-counts::before,
.member-rides-grid .potato-counts::after,
.member-rides-grid .ride-meta::before,
.member-rides-grid .ride-meta::after,
.member-rides-grid .compact-view-link::before,
.member-rides-grid .compact-view-link::after,
.member-rides-grid .potato-count-icon::before,
.member-rides-grid .potato-count-icon::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
}
.member-rides-grid .browse-card,
.member-rides-grid .ride-info,
.member-rides-grid .potato-rating,
.member-rides-grid .potato-score,
.member-rides-grid .potato-counts,
.member-rides-grid .ride-meta,
.member-rides-grid .compact-view-link,
.member-rides-grid .potato-count-icon {
  text-decoration: none !important;
  border-bottom-color: transparent !important;
  background-image: none !important;
}
.member-rides-grid .potato-rating {
  border-top: 1px solid rgba(118,139,166,.14) !important;
}

/* Four equal, compact controls that cannot overflow a two-column mobile card. */
.member-rides-grid .potato-counts {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: center !important;
  justify-items: center !important;
  gap: 2px !important;
  margin: 6px 0 2px !important;
  padding: 0 2px !important;
  overflow: visible !important;
}
.member-rides-grid .potato-count-icon {
  width: var(--member-spud-size) !important;
  height: calc(var(--member-spud-size) + 2px) !important;
  min-width: 0 !important;
  max-width: 100% !important;
  justify-self: center !important;
  filter: none !important;
}
.member-rides-grid .potato-count-icon img {
  width: var(--member-spud-size) !important;
  height: var(--member-spud-size) !important;
  max-width: 100% !important;
}
.member-rides-grid .potato-count-icon.is-mine {
  filter: drop-shadow(0 0 3px rgba(44,232,255,.48)) !important;
}
.member-rides-grid .potato-count-badge {
  right: -3px !important;
  top: -3px !important;
  min-width: 11px !important;
  height: 11px !important;
  padding: 0 2px !important;
  border-width: 1px !important;
  font-size: 5px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  box-shadow: 0 0 3px rgba(33,206,219,.22) !important;
}

@media (max-width: 780px) {
  .member-rides-grid .browse-card,
  .member-rides-grid .ride-info,
  .member-rides-grid .potato-rating,
  .member-rides-grid .potato-score,
  .member-rides-grid .potato-counts,
  .member-rides-grid .ride-meta,
  .member-rides-grid .compact-view-link {
    --member-spud-size: 23px;
  }
  .member-rides-grid .potato-counts {
    gap: 1px !important;
    padding-inline: 1px !important;
  }
  .member-rides-grid .potato-count-badge {
    right: -2px !important;
    top: -2px !important;
    min-width: 10px !important;
    height: 10px !important;
    font-size: 5px !important;
  }
}

@media (max-width: 390px) {
  .member-rides-grid .browse-card,
  .member-rides-grid .ride-info,
  .member-rides-grid .potato-rating,
  .member-rides-grid .potato-score,
  .member-rides-grid .potato-counts,
  .member-rides-grid .ride-meta,
  .member-rides-grid .compact-view-link {
    --member-spud-size: 21px;
  }
}

/* v1.0.2 — static ride cards, compact adaptive count badges, aligned rating rows */
/* Home Members' Rides cards never animate or highlight as a whole. */
.member-rides-grid .browse-card,
.member-rides-grid .browse-card.skab-hover-disabled-v172,
.member-rides-grid .browse-card:focus,
.member-rides-grid .browse-card:focus-within,
.member-rides-grid .browse-card:active,
.member-rides-grid .ride-card,
.member-rides-grid .ride-card.skab-hover-disabled-v172,
.member-rides-grid .ride-card:focus,
.member-rides-grid .ride-card:focus-within,
.member-rides-grid .ride-card:active {
  transform: none !important;
  scale: 1 !important;
  translate: none !important;
  animation: none !important;
  transition-property: border-color, color, opacity !important;
  box-shadow: none !important;
  filter: none !important;
}
.member-rides-grid .browse-card * {
  -webkit-tap-highlight-color: transparent !important;
}

/* Reserve the same content height so scores/spuds align even with two-line titles. */
.member-rides-grid .ride-info {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}
.member-rides-grid .title-clickthrough {
  display: block !important;
  min-height: 2.45em !important;
}
.member-rides-grid .title-clickthrough h4 {
  line-height: 1.08 !important;
  min-height: 2.16em !important;
  max-height: 2.16em !important;
  margin-bottom: 0 !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
}
.member-rides-grid .ride-meta {
  min-height: 34px !important;
  align-content: start !important;
}
.member-rides-grid .potato-rating {
  margin-top: auto !important;
}

/* Smaller notification badges. Single digits stay circular; 10+ become pills. */
.member-rides-grid .potato-count-badge {
  right: -2px !important;
  top: -2px !important;
  width: 9px !important;
  min-width: 9px !important;
  height: 9px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  font-size: 4.5px !important;
  font-weight: 650 !important;
  line-height: 9px !important;
  letter-spacing: 0 !important;
  box-shadow: 0 0 2px rgba(33,206,219,.18) !important;
}
.member-rides-grid .potato-count-badge.is-pill {
  width: auto !important;
  min-width: 12px !important;
  padding: 0 2px !important;
  border-radius: 999px !important;
}

@media (max-width: 780px) {
  .member-rides-grid .title-clickthrough {
    min-height: 2.35em !important;
  }
  .member-rides-grid .title-clickthrough h4 {
    min-height: 2.16em !important;
    max-height: 2.16em !important;
  }
  .member-rides-grid .ride-meta {
    min-height: 31px !important;
  }
  .member-rides-grid .potato-count-badge {
    width: 8px !important;
    min-width: 8px !important;
    height: 8px !important;
    font-size: 4px !important;
    line-height: 8px !important;
  }
  .member-rides-grid .potato-count-badge.is-pill {
    width: auto !important;
    min-width: 11px !important;
    padding-inline: 2px !important;
  }
}