/* =========================================================
   PrepsNext Premium Layer — Mature Threads Style
   Scope: Feed page only
   Goal: black, editorial, social, premium, not neon/gaming
   ========================================================= */


/* =========================================================
   1. DESIGN TOKENS / GLOBAL RESET
   ========================================================= */

html,
body {
    background: #000000 !important;
}

html body #pnt-app.pnx-feed-page,
html body .pnt-app.pnx-feed-page,
html body .pnx-feed-page {
    --pnx-bg: #000000;
    --pnx-main: #101010;
    --pnx-card: #101010;
    --pnx-card-hover: #151515;
    --pnx-panel: #101010;
    --pnx-panel-2: #181818;
    --pnx-chip: #202020;

    --pnx-border: rgba(255,255,255,.08);
    --pnx-border-soft: rgba(255,255,255,.06);
    --pnx-border-strong: rgba(255,255,255,.12);

    --pnx-text: #f4f4f5;
    --pnx-muted: #8a8a8a;
    --pnx-dim: #666666;

    --pnx-accent: #f4f4f5;
    --pnx-lime-muted: rgba(170,255,0,.55);

    background: #000000 !important;
    background-image: none !important;
    color: var(--pnx-text) !important;
}

/* Remove old glow layers */
html body #pnt-app.pnx-feed-page::before,
html body #pnt-app.pnx-feed-page::after,
html body .pnx-feed-page::before,
html body .pnx-feed-page::after {
    display: none !important;
    content: none !important;
}


/* =========================================================
   2. TOP NAV
   ========================================================= */

html body #pnt-app.pnx-feed-page .pnt-nav,
html body .pnx-feed-page .pnt-nav {
    background: #000000 !important;
    background-image: none !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

html body #pnt-app.pnx-feed-page .pnt-nav-tab,
html body .pnx-feed-page .pnt-nav-tab {
    color: var(--pnx-muted) !important;
    background: transparent !important;
    border-radius: 999px !important;
    box-shadow: none !important;
}

html body #pnt-app.pnx-feed-page .pnt-nav-tab:hover,
html body #pnt-app.pnx-feed-page .pnt-nav-tab--active,
html body #pnt-app.pnx-feed-page .pnt-nav-tab.is-active,
html body .pnx-feed-page .pnt-nav-tab:hover,
html body .pnx-feed-page .pnt-nav-tab--active,
html body .pnx-feed-page .pnt-nav-tab.is-active {
    color: var(--pnx-text) !important;
    background: #151515 !important;
    box-shadow: none !important;
}


/* =========================================================
   3. MAIN LAYOUT
   ========================================================= */

html body #pnt-app.pnx-feed-page .pnt-layout,
html body .pnx-feed-page .pnt-layout,
html body .pnx-feed-page .pnx-feed-layout {
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding: 0 14px !important;
    gap: 16px !important;
    background: #000000 !important;
    background-image: none !important;
}

/* Center feed column */
html body #pnt-app.pnx-feed-page .pnt-main,
html body .pnx-feed-page .pnt-main,
html body .pnx-feed-page .pnx-feed-main {
    background: var(--pnx-main) !important;
    background-image: none !important;
    border-left: 1px solid var(--pnx-border) !important;
    border-right: 1px solid var(--pnx-border) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding-top: 0 !important;
    overflow: hidden !important;
}

/* Sidebars */
html body #pnt-app.pnx-feed-page .pnt-sidebar,
html body .pnx-feed-page .pnt-sidebar,
html body .pnx-feed-page .pnx-sidebar {
    background: #000000 !important;
}


/* =========================================================
   4. LEFT SIDEBAR / NAV
   ========================================================= */

html body #pnt-app.pnx-feed-page .pnt-sidebar-link,
html body .pnx-feed-page .pnt-sidebar-link {
    color: var(--pnx-muted) !important;
    background: transparent !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    box-shadow: none !important;
}

html body #pnt-app.pnx-feed-page .pnt-sidebar-link:hover,
html body #pnt-app.pnx-feed-page .pnt-sidebar-link--active,
html body .pnx-feed-page .pnt-sidebar-link:hover,
html body .pnx-feed-page .pnt-sidebar-link--active {
    color: var(--pnx-text) !important;
    background: #151515 !important;
}

html body #pnt-app.pnx-feed-page .pnt-sidebar-link svg,
html body .pnx-feed-page .pnt-sidebar-link svg {
    color: currentColor !important;
    stroke: currentColor !important;
}

/* Small left cards/widgets */
html body #pnt-app.pnx-feed-page .pnt-nav-card,
html body #pnt-app.pnx-feed-page .pnt-side-card,
html body .pnx-feed-page .pnt-nav-card,
html body .pnx-feed-page .pnt-side-card {
    background: #101010 !important;
    background-image: none !important;
    border: 1px solid var(--pnx-border) !important;
    border-radius: 16px !important;
    box-shadow: none !important;
}


/* =========================================================
   5. HERO — MATURE EDITORIAL HEADER
   ========================================================= */

html body #pnt-app.pnx-feed-page .pnx-feed-hero,
html body .pnx-feed-page .pnx-feed-hero {
    position: relative !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 22px 24px 20px !important;
    border-radius: 0 !important;
    border: none !important;
    border-bottom: 1px solid var(--pnx-border) !important;
    background: var(--pnx-main) !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* Remove grid/glow */
html body #pnt-app.pnx-feed-page .pnx-feed-hero::before,
html body #pnt-app.pnx-feed-page .pnx-feed-hero::after,
html body .pnx-feed-page .pnx-feed-hero::before,
html body .pnx-feed-page .pnx-feed-hero::after {
    display: none !important;
    content: none !important;
}

/* Hide neon kicker */
html body #pnt-app.pnx-feed-page .pnx-feed-hero-kicker,
html body .pnx-feed-page .pnx-feed-hero-kicker {
    display: none !important;
}

html body #pnt-app.pnx-feed-page .pnx-live-dot,
html body .pnx-feed-page .pnx-live-dot {
    display: none !important;
}

html body #pnt-app.pnx-feed-page .pnx-feed-hero-title,
html body .pnx-feed-page .pnx-feed-hero-title {
    margin: 0 !important;
    color: var(--pnx-text) !important;
    font-family: var(--pn-font-body, Inter, system-ui, sans-serif) !important;
    font-size: 24px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
    letter-spacing: -0.035em !important;
    text-transform: none !important;
}

html body #pnt-app.pnx-feed-page .pnx-feed-hero-subtitle,
html body .pnx-feed-page .pnx-feed-hero-subtitle {
    max-width: 640px !important;
    margin: 6px 0 0 !important;
    color: var(--pnx-muted) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}

html body #pnt-app.pnx-feed-page .pnx-feed-hero-actions,
html body .pnx-feed-page .pnx-feed-hero-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-top: 14px !important;
}

/* Mature hero buttons */
html body #pnt-app.pnx-feed-page .pnx-hero-btn,
html body .pnx-feed-page .pnx-hero-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 34px !important;
    min-width: auto !important;
    padding: 8px 13px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    text-transform: none !important;
    text-decoration: none !important;
    background: #181818 !important;
    color: var(--pnx-text) !important;
    border: 1px solid var(--pnx-border-strong) !important;
    box-shadow: none !important;
}

html body #pnt-app.pnx-feed-page .pnt-btn--accent.pnx-hero-btn,
html body .pnx-feed-page .pnt-btn--accent.pnx-hero-btn {
    background: var(--pnx-text) !important;
    color: #050505 !important;
    border-color: var(--pnx-text) !important;
}

html body #pnt-app.pnx-feed-page .pnt-btn--ghost.pnx-hero-btn,
html body .pnx-feed-page .pnt-btn--ghost.pnx-hero-btn {
    background: #181818 !important;
    color: var(--pnx-text) !important;
    border-color: var(--pnx-border-strong) !important;
}


/* =========================================================
   6. TICKER — QUIET NEWS STRIP
   ========================================================= */

html body #pnt-app.pnx-feed-page .pnx-breaking-ticker,
html body .pnx-feed-page .pnx-breaking-ticker {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 11px 24px !important;
    border-radius: 0 !important;
    border: none !important;
    border-bottom: 1px solid var(--pnx-border) !important;
    background: var(--pnx-main) !important;
    background-image: none !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

html body #pnt-app.pnx-feed-page .pnx-breaking-label,
html body .pnx-feed-page .pnx-breaking-label {
    flex: 0 0 auto !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    border: none !important;
    color: var(--pnx-text) !important;
    box-shadow: none !important;
    font-size: 11px !important;
    font-weight: 750 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body #pnt-app.pnx-feed-page .pnx-breaking-track,
html body .pnx-feed-page .pnx-breaking-track {
    color: var(--pnx-muted) !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}


/* =========================================================
   7. COMPOSER
   ========================================================= */

html body #pnt-app.pnx-feed-page .pnt-compose-card,
html body .pnx-feed-page .pnt-compose-card,
html body .pnx-feed-page .pnx-compose-card {
    margin: 0 !important;
    padding: 16px 24px !important;
    border-radius: 0 !important;
    border: none !important;
    border-bottom: 1px solid var(--pnx-border) !important;
    background: var(--pnx-main) !important;
    background-image: none !important;
    box-shadow: none !important;
}

html body #pnt-app.pnx-feed-page .pnt-compose-inner,
html body .pnx-feed-page .pnt-compose-inner {
    gap: 12px !important;
}

html body #pnt-app.pnx-feed-page .pnt-compose-textarea,
html body .pnx-feed-page .pnt-compose-textarea,
html body .pnx-feed-page .pnx-compose-textarea {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    color: var(--pnx-text) !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    min-height: 44px !important;
    padding: 0 !important;
    box-shadow: none !important;
}

html body #pnt-app.pnx-feed-page .pnt-compose-textarea::placeholder,
html body .pnx-feed-page .pnt-compose-textarea::placeholder {
    color: var(--pnx-dim) !important;
}

html body #pnt-app.pnx-feed-page .pnt-compose-toolbar,
html body .pnx-feed-page .pnt-compose-toolbar {
    border-top: 1px solid var(--pnx-border-soft) !important;
}

/* Post button */
html body #pnt-app.pnx-feed-page .pnt-compose-card .pnt-btn,
html body .pnx-feed-page .pnt-compose-card .pnt-btn {
    background: var(--pnx-text) !important;
    color: #050505 !important;
    border: none !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}


/* =========================================================
   8. THREAD LIST / THREAD CARD
   ========================================================= */

html body #pnt-app.pnx-feed-page .pnt-thread-list,
html body .pnx-feed-page .pnt-thread-list,
html body .pnx-feed-page .pnx-thread-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    background: var(--pnx-main) !important;
    background-image: none !important;
}

html body #pnt-app.pnx-feed-page .pnt-thread-card,
html body .pnx-feed-page .pnt-thread-card,
html body .pnx-feed-page .pnx-thread-card {
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-bottom: 1px solid var(--pnx-border) !important;
    border-radius: 0 !important;
    background: var(--pnx-card) !important;
    background-image: none !important;
    box-shadow: none !important;
    overflow: visible !important;
    transform: none !important;
}

html body #pnt-app.pnx-feed-page .pnt-thread-card:hover,
html body .pnx-feed-page .pnt-thread-card:hover,
html body .pnx-feed-page .pnx-thread-card:hover {
    background: var(--pnx-card-hover) !important;
    border-bottom-color: var(--pnx-border-strong) !important;
    box-shadow: none !important;
    transform: none !important;
}

/* Remove all old accent bars/glows */
html body #pnt-app.pnx-feed-page .pnt-thread-card::before,
html body #pnt-app.pnx-feed-page .pnt-thread-card::after,
html body .pnx-feed-page .pnt-thread-card::before,
html body .pnx-feed-page .pnt-thread-card::after,
html body .pnx-feed-page .pnx-thread-card::before,
html body .pnx-feed-page .pnx-thread-card::after {
    display: none !important;
    content: none !important;
}


/* =========================================================
   9. THREAD CARD STRUCTURE
   Requires PHP wrapper:
   .pnt-thread-inner > .pnt-thread-left + .pnt-thread-right
   ========================================================= */

html body #pnt-app.pnx-feed-page .pnt-thread-inner,
html body .pnx-feed-page .pnt-thread-inner,
html body .pnx-feed-page .pnx-thread-inner {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    column-gap: 12px !important;
    align-items: start !important;
    padding: 15px 18px !important;
}

/* Left avatar rail */
html body #pnt-app.pnx-feed-page .pnt-thread-left,
html body .pnx-feed-page .pnt-thread-left,
html body .pnx-feed-page .pnx-thread-left {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    position: relative !important;
}

/* Remove timeline rail completely */
html body #pnt-app.pnx-feed-page .pnt-thread-line,
html body .pnx-feed-page .pnt-thread-line,
html body #pnt-app.pnx-feed-page .pnt-thread-left::before,
html body #pnt-app.pnx-feed-page .pnt-thread-left::after,
html body .pnx-feed-page .pnt-thread-left::before,
html body .pnx-feed-page .pnt-thread-left::after {
    display: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Avatar link */
html body #pnt-app.pnx-feed-page .pnt-thread-card .pnt-avatar-link,
html body .pnx-feed-page .pnt-thread-card .pnt-avatar-link,
html body .pnx-feed-page .pnt-thread-card .pnx-avatar-link {
    display: block !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 999px !important;
}

/* Avatar */
html body #pnt-app.pnx-feed-page .pnt-thread-card .pnt-avatar,
html body .pnx-feed-page .pnt-thread-card .pnt-avatar,
html body .pnx-feed-page .pnt-thread-card .pnx-thread-avatar {
    display: block !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    max-width: 42px !important;
    max-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 999px !important;
    object-fit: cover !important;
    overflow: hidden !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    box-shadow: none !important;
    background: #181818 !important;
}

/* Right content */
html body #pnt-app.pnx-feed-page .pnt-thread-right,
html body .pnx-feed-page .pnt-thread-right,
html body .pnx-feed-page .pnx-thread-right {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   10. THREAD HEADER
   ========================================================= */

html body #pnt-app.pnx-feed-page .pnt-thread-header,
html body .pnx-feed-page .pnt-thread-header,
html body .pnx-feed-page .pnx-thread-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    width: 100% !important;
    min-height: 22px !important;
    margin: 0 0 7px 0 !important;
    padding: 0 !important;
}

html body #pnt-app.pnx-feed-page .pnt-author-info,
html body .pnx-feed-page .pnt-author-info,
html body .pnx-feed-page .pnx-author-info {
    display: flex !important;
    align-items: center !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body #pnt-app.pnx-feed-page .pnt-author-name,
html body .pnx-feed-page .pnt-author-name {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--pnx-text) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.01em !important;
}

/* Time/share/delete */
html body #pnt-app.pnx-feed-page .pnt-thread-meta,
html body .pnx-feed-page .pnt-thread-meta,
html body .pnx-feed-page .pnx-thread-meta {
    display: inline-flex !important;
    align-items: center !important;
    gap: 11px !important;
    margin-left: auto !important;
    color: var(--pnx-muted) !important;
    font-size: 12px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

html body #pnt-app.pnx-feed-page .pnt-time,
html body .pnx-feed-page .pnt-time {
    color: var(--pnx-muted) !important;
}


/* =========================================================
   11. CHIPS / SPORT / ENTITY
   ========================================================= */

html body #pnt-app.pnx-feed-page .pnt-sport-tag,
html body #pnt-app.pnx-feed-page .pnt-entity-chip,
html body #pnt-app.pnx-feed-page .pnt-entity-attribution-chip,
html body .pnx-feed-page .pnt-sport-tag,
html body .pnx-feed-page .pnt-entity-chip,
html body .pnx-feed-page .pnt-entity-attribution-chip {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    height: 19px !important;
    margin: 0 !important;
    padding: 3px 7px !important;
    border-radius: 999px !important;
    background: var(--pnx-chip) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    color: var(--pnx-muted) !important;
    font-size: 10px !important;
    font-weight: 650 !important;
    line-height: 1 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    box-shadow: none !important;
}

html body #pnt-app.pnx-feed-page .pnt-sport-tag svg,
html body #pnt-app.pnx-feed-page .pnt-entity-chip svg,
html body #pnt-app.pnx-feed-page .pnt-entity-attribution-chip svg,
html body .pnx-feed-page .pnt-sport-tag svg,
html body .pnx-feed-page .pnt-entity-chip svg,
html body .pnx-feed-page .pnt-entity-attribution-chip svg {
    color: currentColor !important;
    stroke: currentColor !important;
}


/* =========================================================
   12. SIGNAL BADGES / STAT PILL
   ========================================================= */

html body #pnt-app.pnx-feed-page .pnx-thread-signal-row,
html body .pnx-feed-page .pnx-thread-signal-row {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin: 6px 0 8px !important;
}

html body #pnt-app.pnx-feed-page .pnx-post-type,
html body .pnx-feed-page .pnx-post-type {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 20px !important;
    min-height: 20px !important;
    padding: 3px 8px !important;
    border-radius: 999px !important;
    background: var(--pnx-chip) !important;
    background-image: none !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    color: #d4d4d8 !important;
    box-shadow: none !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    text-transform: none !important;
}

/* Override all type colors to mature gray */
html body #pnt-app.pnx-feed-page .pnx-post-type--commitment,
html body #pnt-app.pnx-feed-page .pnx-post-type--offer,
html body #pnt-app.pnx-feed-page .pnx-post-type--milestone,
html body #pnt-app.pnx-feed-page .pnx-post-type--stat-line,
html body #pnt-app.pnx-feed-page .pnx-post-type--training,
html body #pnt-app.pnx-feed-page .pnx-post-type--highlight,
html body .pnx-feed-page .pnx-post-type--commitment,
html body .pnx-feed-page .pnx-post-type--offer,
html body .pnx-feed-page .pnx-post-type--milestone,
html body .pnx-feed-page .pnx-post-type--stat-line,
html body .pnx-feed-page .pnx-post-type--training,
html body .pnx-feed-page .pnx-post-type--highlight {
    background: var(--pnx-chip) !important;
    background-image: none !important;
    border-color: rgba(255,255,255,.10) !important;
    color: #d4d4d8 !important;
    box-shadow: none !important;
}

html body #pnt-app.pnx-feed-page .pnx-stat-pill,
html body .pnx-feed-page .pnx-stat-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    height: 20px !important;
    min-height: 20px !important;
    padding: 3px 8px !important;
    border-radius: 999px !important;
    background: var(--pnx-chip) !important;
    background-image: none !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    color: var(--pnx-text) !important;
    box-shadow: none !important;
}

html body #pnt-app.pnx-feed-page .pnx-stat-pill strong,
html body .pnx-feed-page .pnx-stat-pill strong {
    color: var(--pnx-text) !important;
    font-family: var(--pn-font-body, Inter, system-ui, sans-serif) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
}

html body #pnt-app.pnx-feed-page .pnx-stat-pill em,
html body .pnx-feed-page .pnx-stat-pill em {
    color: var(--pnx-muted) !important;
    font-size: 9px !important;
    font-style: normal !important;
    font-weight: 650 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}


/* =========================================================
   13. THREAD BODY / MEDIA
   ========================================================= */

html body #pnt-app.pnx-feed-page .pnt-thread-body,
html body .pnx-feed-page .pnt-thread-body,
html body .pnx-feed-page .pnx-thread-body {
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    color: #f1f1f1 !important;
    font-size: 13.5px !important;
    line-height: 1.48 !important;
    letter-spacing: 0 !important;
}

html body #pnt-app.pnx-feed-page .pnt-thread-media,
html body .pnx-feed-page .pnt-thread-media {
    margin-top: 10px !important;
    overflow: hidden !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    background: #000000 !important;
    background-image: none !important;
    box-shadow: none !important;
}

html body #pnt-app.pnx-feed-page .pnt-thread-media img,
html body #pnt-app.pnx-feed-page .pnt-thread-img,
html body .pnx-feed-page .pnt-thread-media img,
html body .pnx-feed-page .pnt-thread-img {
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
    background: #000000 !important;
    box-shadow: none !important;
}


/* =========================================================
   14. ACTION ROW
   ========================================================= */

html body #pnt-app.pnx-feed-page .pnt-thread-actions,
html body .pnx-feed-page .pnt-thread-actions,
html body .pnx-feed-page .pnx-thread-actions {
    display: flex !important;
    align-items: center !important;
    gap: 22px !important;
    margin: 8px 0 0 0 !important;
    padding: 0 !important;
    border: none !important;
    border-top: none !important;
    color: var(--pnx-muted) !important;
}

html body #pnt-app.pnx-feed-page .pnt-action-btn,
html body #pnt-app.pnx-feed-page .pnt-share-btn,
html body #pnt-app.pnx-feed-page .pnt-btn-icon,
html body .pnx-feed-page .pnt-action-btn,
html body .pnx-feed-page .pnt-share-btn,
html body .pnx-feed-page .pnt-btn-icon {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    min-height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--pnx-muted) !important;
    font-size: 12px !important;
    line-height: 1 !important;
    border-radius: 0 !important;
}

html body #pnt-app.pnx-feed-page .pnt-action-btn svg,
html body #pnt-app.pnx-feed-page .pnt-share-btn svg,
html body #pnt-app.pnx-feed-page .pnt-btn-icon svg,
html body .pnx-feed-page .pnt-action-btn svg,
html body .pnx-feed-page .pnt-share-btn svg,
html body .pnx-feed-page .pnt-btn-icon svg {
    color: currentColor !important;
    stroke: currentColor !important;
}

html body #pnt-app.pnx-feed-page .pnt-action-btn:hover,
html body #pnt-app.pnx-feed-page .pnt-share-btn:hover,
html body #pnt-app.pnx-feed-page .pnt-btn-icon:hover,
html body .pnx-feed-page .pnt-action-btn:hover,
html body .pnx-feed-page .pnt-share-btn:hover,
html body .pnx-feed-page .pnt-btn-icon:hover {
    color: var(--pnx-text) !important;
    background: transparent !important;
}

/* Props button: mature, no green pill */
html body #pnt-app.pnx-feed-page .pn-props-button,
html body .pnx-feed-page .pn-props-button {
    background: transparent !important;
    border: none !important;
    color: var(--pnx-muted) !important;
    box-shadow: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

html body #pnt-app.pnx-feed-page .pn-props-button svg,
html body .pnx-feed-page .pn-props-button svg {
    color: currentColor !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}

html body #pnt-app.pnx-feed-page .pn-props-count,
html body .pnx-feed-page .pn-props-count {
    color: var(--pnx-muted) !important;
}

html body #pnt-app.pnx-feed-page .pn-props-button:hover,
html body .pnx-feed-page .pn-props-button:hover,
html body #pnt-app.pnx-feed-page .pn-props-button--active,
html body .pnx-feed-page .pn-props-button--active {
    color: var(--pnx-text) !important;
}

/* Heat badge: remove arcade orange style */
html body #pnt-app.pnx-feed-page .pn-heat-badge,
html body .pnx-feed-page .pn-heat-badge {
    background: transparent !important;
    background-image: none !important;
    border: none !important;
    color: var(--pnx-muted) !important;
    box-shadow: none !important;
    padding: 0 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

html body #pnt-app.pnx-feed-page .pn-heat-badge svg,
html body .pnx-feed-page .pn-heat-badge svg {
    color: currentColor !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}


/* =========================================================
   15. RIGHT/LEFT WIDGETS
   ========================================================= */

html body #pnt-app.pnx-feed-page .pnt-widget,
html body .pnx-feed-page .pnt-widget,
html body .pnx-feed-page .pnx-widget,
html body .pnx-feed-page .pnt-sidebar-section,
html body .pnx-feed-page .pnt-newest-users-widget {
    position: relative !important;
    overflow: hidden !important;
    background: var(--pnx-panel) !important;
    background-image: none !important;
    border: 1px solid var(--pnx-border) !important;
    border-radius: 16px !important;
    box-shadow: none !important;
    padding: 14px !important;
    color: var(--pnx-text) !important;
}

/* Remove rainbow widget bar */
html body #pnt-app.pnx-feed-page .pnx-widget::before,
html body .pnx-feed-page .pnx-widget::before,
html body .pnx-feed-page .pnt-widget::before {
    display: none !important;
    content: none !important;
}

html body #pnt-app.pnx-feed-page .pnt-widget-title,
html body .pnx-feed-page .pnt-widget-title,
html body .pnx-feed-page .pnx-widget-title {
    color: var(--pnx-text) !important;
    font-family: var(--pn-font-body, Inter, system-ui, sans-serif) !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    margin-bottom: 10px !important;
}

html body #pnt-app.pnx-feed-page .pnt-widget a,
html body .pnx-feed-page .pnt-widget a,
html body .pnx-feed-page .pnx-widget a {
    color: var(--pnx-text) !important;
}

html body #pnt-app.pnx-feed-page .pnt-widget a:hover,
html body .pnx-feed-page .pnt-widget a:hover,
html body .pnx-feed-page .pnx-widget a:hover {
    color: var(--pnx-text) !important;
    opacity: .82 !important;
}

/* Widget items */
html body #pnt-app.pnx-feed-page .pnt-widget-athlete,
html body .pnx-feed-page .pnt-widget-athlete,
html body .pnx-feed-page .pn-risers-item,
html body .pnx-feed-page .pn-top-props-item {
    border-bottom: 1px solid var(--pnx-border-soft) !important;
    background: transparent !important;
    box-shadow: none !important;
}

html body #pnt-app.pnx-feed-page .pnt-widget-athlete-meta,
html body #pnt-app.pnx-feed-page .pnt-widget-empty,
html body .pnx-feed-page .pnt-widget-athlete-meta,
html body .pnx-feed-page .pnt-widget-empty {
    color: var(--pnx-muted) !important;
}

/* Rank numbers muted */
html body #pnt-app.pnx-feed-page .pnx-rank-num,
html body .pnx-feed-page .pnx-rank-num {
    background: #181818 !important;
    border: 1px solid var(--pnx-border) !important;
    color: var(--pnx-muted) !important;
    box-shadow: none !important;
}


/* =========================================================
   16. REACTION TRAY / SMALL POPOVERS
   ========================================================= */

html body #pnt-app.pnx-feed-page .pn-reaction-tray,
html body .pnx-feed-page .pn-reaction-tray {
    background: #181818 !important;
    border: 1px solid var(--pnx-border-strong) !important;
    box-shadow: 0 16px 45px rgba(0,0,0,.45) !important;
}

html body #pnt-app.pnx-feed-page .pn-reaction-option,
html body .pnx-feed-page .pn-reaction-option {
    color: var(--pnx-muted) !important;
    background: transparent !important;
}

html body #pnt-app.pnx-feed-page .pn-reaction-option:hover,
html body .pnx-feed-page .pn-reaction-option:hover {
    color: var(--pnx-text) !important;
    background: #202020 !important;
}


/* =========================================================
   17. QUOTE / REPOST
   ========================================================= */

html body #pnt-app.pnx-feed-page .pnt-quote-thread,
html body .pnx-feed-page .pnt-quote-thread {
    background: #151515 !important;
    background-image: none !important;
    border: 1px solid var(--pnx-border) !important;
    border-radius: 14px !important;
    box-shadow: none !important;
}

html body #pnt-app.pnx-feed-page .pnt-quote-body,
html body .pnx-feed-page .pnt-quote-body {
    color: #e5e5e5 !important;
}


/* =========================================================
   18. MOBILE
   ========================================================= */

@media (max-width: 900px) {
    html body #pnt-app.pnx-feed-page .pnt-layout,
    html body .pnx-feed-page .pnt-layout,
    html body .pnx-feed-page .pnx-feed-layout {
        padding: 0 !important;
        gap: 0 !important;
    }

    html body #pnt-app.pnx-feed-page .pnt-main,
    html body .pnx-feed-page .pnt-main,
    html body .pnx-feed-page .pnx-feed-main {
        border-left: none !important;
        border-right: none !important;
    }
}

@media (max-width: 768px) {
    html body #pnt-app.pnx-feed-page .pnx-feed-hero,
    html body .pnx-feed-page .pnx-feed-hero {
        padding: 18px 16px !important;
    }

    html body #pnt-app.pnx-feed-page .pnx-feed-hero-title,
    html body .pnx-feed-page .pnx-feed-hero-title {
        font-size: 22px !important;
    }

    html body #pnt-app.pnx-feed-page .pnx-feed-hero-subtitle,
    html body .pnx-feed-page .pnx-feed-hero-subtitle {
        font-size: 12.5px !important;
    }

    html body #pnt-app.pnx-feed-page .pnx-breaking-ticker,
    html body .pnx-feed-page .pnx-breaking-ticker {
        padding: 10px 16px !important;
        align-items: flex-start !important;
    }

    html body #pnt-app.pnx-feed-page .pnx-breaking-track,
    html body .pnx-feed-page .pnx-breaking-track {
        white-space: normal !important;
    }

    html body #pnt-app.pnx-feed-page .pnt-compose-card,
    html body .pnx-feed-page .pnt-compose-card,
    html body .pnx-feed-page .pnx-compose-card {
        padding: 14px 16px !important;
    }

    html body #pnt-app.pnx-feed-page .pnt-thread-inner,
    html body .pnx-feed-page .pnt-thread-inner,
    html body .pnx-feed-page .pnx-thread-inner {
        grid-template-columns: 38px minmax(0, 1fr) !important;
        column-gap: 10px !important;
        padding: 14px 16px !important;
    }

    html body #pnt-app.pnx-feed-page .pnt-thread-left,
    html body .pnx-feed-page .pnt-thread-left,
    html body .pnx-feed-page .pnx-thread-left,
    html body #pnt-app.pnx-feed-page .pnt-thread-card .pnt-avatar-link,
    html body .pnx-feed-page .pnt-thread-card .pnt-avatar-link,
    html body #pnt-app.pnx-feed-page .pnt-thread-card .pnt-avatar,
    html body .pnx-feed-page .pnt-thread-card .pnt-avatar {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        min-height: 38px !important;
        max-width: 38px !important;
        max-height: 38px !important;
    }

    html body #pnt-app.pnx-feed-page .pnt-thread-actions,
    html body .pnx-feed-page .pnt-thread-actions,
    html body .pnx-feed-page .pnx-thread-actions {
        gap: 18px !important;
    }
}
/* =========================================================
   PREPSNEXT PREMIUM — COLOR ACCENTS RESTORED
   Keep mature black layout, restore controlled color to tags/buttons/chips
   Paste at VERY BOTTOM of prepsnext-premium.css
   ========================================================= */

html body #pnt-app.pnx-feed-page,
html body .pnx-feed-page {
    --pnx-lime: #AAFF00;
    --pnx-lime-soft: rgba(170,255,0,.12);
    --pnx-lime-border: rgba(170,255,0,.28);

    --pnx-gold: #f5c542;
    --pnx-gold-soft: rgba(245,197,66,.14);
    --pnx-gold-border: rgba(245,197,66,.30);

    --pnx-blue: #38bdf8;
    --pnx-blue-soft: rgba(56,189,248,.13);
    --pnx-blue-border: rgba(56,189,248,.30);

    --pnx-orange: #ff6b00;
    --pnx-orange-soft: rgba(255,107,0,.13);
    --pnx-orange-border: rgba(255,107,0,.30);

    --pnx-purple: #a855f7;
    --pnx-purple-soft: rgba(168,85,247,.13);
    --pnx-purple-border: rgba(168,85,247,.30);

    --pnx-green: #22c55e;
    --pnx-green-soft: rgba(34,197,94,.13);
    --pnx-green-border: rgba(34,197,94,.30);

    --pnx-red: #ef4444;
    --pnx-red-soft: rgba(239,68,68,.13);
    --pnx-red-border: rgba(239,68,68,.30);
}
/* =========================================================
   SPORT TAGS / ENTITY CHIPS — COLOR RESTORED
   ========================================================= */

html body #pnt-app.pnx-feed-page .pnt-sport-tag,
html body .pnx-feed-page .pnt-sport-tag {
    background: rgba(170,255,0,.09) !important;
    border: 1px solid rgba(170,255,0,.22) !important;
    color: #AAFF00 !important;
    box-shadow: none !important;
}

html body #pnt-app.pnx-feed-page .pnt-sport-tag svg,
html body .pnx-feed-page .pnt-sport-tag svg {
    color: #AAFF00 !important;
    stroke: currentColor !important;
}

/* School chip */
html body #pnt-app.pnx-feed-page .pnt-entity-chip--school,
html body .pnx-feed-page .pnt-entity-chip--school {
    background: rgba(56,189,248,.10) !important;
    border-color: rgba(56,189,248,.24) !important;
    color: #7dd3fc !important;
}

/* Team chip */
html body #pnt-app.pnx-feed-page .pnt-entity-chip--team-feed,
html body .pnx-feed-page .pnt-entity-chip--team-feed {
    background: rgba(245,197,66,.11) !important;
    border-color: rgba(245,197,66,.26) !important;
    color: #f8d76b !important;
}

/* Entity attribution chip */
html body #pnt-app.pnx-feed-page .pnt-entity-attribution-chip,
html body .pnx-feed-page .pnt-entity-attribution-chip {
    background: rgba(255,255,255,.055) !important;
    border-color: rgba(255,255,255,.11) !important;
    color: #d4d4d8 !important;
}
/* =========================================================
   POST TYPE BADGES — COLOR RESTORED, MUTED PREMIUM
   ========================================================= */

html body #pnt-app.pnx-feed-page .pnx-post-type,
html body .pnx-feed-page .pnx-post-type {
    height: 21px !important;
    min-height: 21px !important;
    padding: 4px 8px !important;
    border-radius: 999px !important;
    font-size: 9px !important;
    font-weight: 850 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
}

/* Commitment */
html body #pnt-app.pnx-feed-page .pnx-post-type--commitment,
html body .pnx-feed-page .pnx-post-type--commitment {
    background: rgba(34,197,94,.14) !important;
    border-color: rgba(34,197,94,.34) !important;
    color: #86efac !important;
}

/* Offer */
html body #pnt-app.pnx-feed-page .pnx-post-type--offer,
html body .pnx-feed-page .pnx-post-type--offer {
    background: rgba(56,189,248,.14) !important;
    border-color: rgba(56,189,248,.34) !important;
    color: #7dd3fc !important;
}

/* Milestone */
html body #pnt-app.pnx-feed-page .pnx-post-type--milestone,
html body .pnx-feed-page .pnx-post-type--milestone {
    background: rgba(168,85,247,.15) !important;
    border-color: rgba(168,85,247,.36) !important;
    color: #d8b4fe !important;
}

/* Stat Line */
html body #pnt-app.pnx-feed-page .pnx-post-type--stat-line,
html body .pnx-feed-page .pnx-post-type--stat-line {
    background: rgba(170,255,0,.12) !important;
    border-color: rgba(170,255,0,.30) !important;
    color: #AAFF00 !important;
}

/* Training */
html body #pnt-app.pnx-feed-page .pnx-post-type--training,
html body .pnx-feed-page .pnx-post-type--training {
    background: rgba(245,197,66,.14) !important;
    border-color: rgba(245,197,66,.34) !important;
    color: #f8d76b !important;
}

/* Highlight */
html body #pnt-app.pnx-feed-page .pnx-post-type--highlight,
html body .pnx-feed-page .pnx-post-type--highlight {
    background: rgba(255,107,0,.14) !important;
    border-color: rgba(255,107,0,.34) !important;
    color: #ffb86b !important;
}
/* =========================================================
   STAT PILL — COLOR RESTORED
   ========================================================= */

html body #pnt-app.pnx-feed-page .pnx-stat-pill,
html body .pnx-feed-page .pnx-stat-pill {
    background: rgba(255,255,255,.06) !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    color: #f4f4f5 !important;
    box-shadow: none !important;
}

html body #pnt-app.pnx-feed-page .pnx-stat-pill strong,
html body .pnx-feed-page .pnx-stat-pill strong {
    color: #ffffff !important;
    font-weight: 900 !important;
}

html body #pnt-app.pnx-feed-page .pnx-stat-pill em,
html body .pnx-feed-page .pnx-stat-pill em {
    color: #AAFF00 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: .05em !important;
}
/* =========================================================
   BUTTONS — COLOR RESTORED, CLEAN
   ========================================================= */

/* Main accent buttons */
html body #pnt-app.pnx-feed-page .pnt-btn--accent,
html body .pnx-feed-page .pnt-btn--accent,
html body #pnt-app.pnx-feed-page .pnt-compose-card .pnt-btn,
html body .pnx-feed-page .pnt-compose-card .pnt-btn {
    background: #AAFF00 !important;
    border: 1px solid #AAFF00 !important;
    color: #050505 !important;
    box-shadow: none !important;
}

/* Hover */
html body #pnt-app.pnx-feed-page .pnt-btn--accent:hover,
html body .pnx-feed-page .pnt-btn--accent:hover,
html body #pnt-app.pnx-feed-page .pnt-compose-card .pnt-btn:hover,
html body .pnx-feed-page .pnt-compose-card .pnt-btn:hover {
    background: #c7ff3d !important;
    border-color: #c7ff3d !important;
    color: #050505 !important;
}

/* Hero primary button */
html body #pnt-app.pnx-feed-page .pnt-btn--accent.pnx-hero-btn,
html body .pnx-feed-page .pnt-btn--accent.pnx-hero-btn {
    background: #AAFF00 !important;
    border-color: #AAFF00 !important;
    color: #050505 !important;
}

/* Hero secondary button */
html body #pnt-app.pnx-feed-page .pnt-btn--ghost.pnx-hero-btn,
html body .pnx-feed-page .pnt-btn--ghost.pnx-hero-btn {
    background: rgba(170,255,0,.08) !important;
    border: 1px solid rgba(170,255,0,.26) !important;
    color: #AAFF00 !important;
}

/* Tool buttons/icons */
html body #pnt-app.pnx-feed-page .pnt-tool-btn,
html body .pnx-feed-page .pnt-tool-btn {
    color: #AAFF00 !important;
}

html body #pnt-app.pnx-feed-page .pnt-tool-btn:hover,
html body .pnx-feed-page .pnt-tool-btn:hover {
    background: rgba(170,255,0,.10) !important;
}
/* =========================================================
   PROPS BUTTON — BRAND COLOR RESTORED
   ========================================================= */

html body #pnt-app.pnx-feed-page .pn-props-button,
html body .pnx-feed-page .pn-props-button {
    color: #AAFF00 !important;
    background: rgba(170,255,0,.08) !important;
    border: 1px solid rgba(170,255,0,.22) !important;
    border-radius: 999px !important;
    padding: 5px 10px !important;
    box-shadow: none !important;
}

html body #pnt-app.pnx-feed-page .pn-props-button svg,
html body .pnx-feed-page .pn-props-button svg {
    color: #AAFF00 !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}

html body #pnt-app.pnx-feed-page .pn-props-count,
html body .pnx-feed-page .pn-props-count {
    color: #AAFF00 !important;
    font-weight: 750 !important;
}

html body #pnt-app.pnx-feed-page .pn-props-button:hover,
html body .pnx-feed-page .pn-props-button:hover,
html body #pnt-app.pnx-feed-page .pn-props-button--active,
html body .pnx-feed-page .pn-props-button--active {
    background: rgba(170,255,0,.14) !important;
    border-color: rgba(170,255,0,.34) !important;
    color: #AAFF00 !important;
}
/* =========================================================
   HEAT BADGE — COLOR RESTORED
   ========================================================= */

html body #pnt-app.pnx-feed-page .pn-heat-badge,
html body .pnx-feed-page .pn-heat-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    background: rgba(255,107,0,.10) !important;
    border: 1px solid rgba(255,107,0,.28) !important;
    color: #ffb86b !important;
    border-radius: 999px !important;
    padding: 5px 9px !important;
    box-shadow: none !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: .05em !important;
}

html body #pnt-app.pnx-feed-page .pn-heat-badge svg,
html body .pnx-feed-page .pn-heat-badge svg {
    color: currentColor !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}
/* =========================================================
   ACTIVE NAV / SIDEBAR — COLOR RESTORED
   ========================================================= */

html body #pnt-app.pnx-feed-page .pnt-sidebar-link:hover,
html body #pnt-app.pnx-feed-page .pnt-sidebar-link--active,
html body .pnx-feed-page .pnt-sidebar-link:hover,
html body .pnx-feed-page .pnt-sidebar-link--active {
    color: #AAFF00 !important;
    background: rgba(170,255,0,.08) !important;
}

html body #pnt-app.pnx-feed-page .pnt-nav-tab:hover,
html body #pnt-app.pnx-feed-page .pnt-nav-tab--active,
html body #pnt-app.pnx-feed-page .pnt-nav-tab.is-active,
html body .pnx-feed-page .pnt-nav-tab:hover,
html body .pnx-feed-page .pnt-nav-tab--active,
html body .pnx-feed-page .pnt-nav-tab.is-active {
    color: #AAFF00 !important;
    background: rgba(170,255,0,.08) !important;
}
/* =========================================================
   SIDEBAR WIDGET COLOR DETAILS
   ========================================================= */

html body #pnt-app.pnx-feed-page .pnt-widget-title,
html body .pnx-feed-page .pnt-widget-title,
html body .pnx-feed-page .pnx-widget-title {
    color: #f4f4f5 !important;
}

/* Small rank numbers */
html body #pnt-app.pnx-feed-page .pnx-rank-num,
html body .pnx-feed-page .pnx-rank-num {
    background: rgba(170,255,0,.10) !important;
    border: 1px solid rgba(170,255,0,.25) !important;
    color: #AAFF00 !important;
}

/* Top Props count */
html body #pnt-app.pnx-feed-page .pn-top-props-count,
html body .pnx-feed-page .pn-top-props-count {
    color: #AAFF00 !important;
}

/* Risers count */
html body #pnt-app.pnx-feed-page .pn-risers-count,
html body .pnx-feed-page .pn-risers-count {
    color: #86efac !important;
}

/* Featured/top prospect style chips */
html body #pnt-app.pnx-feed-page .pnt-badge,
html body .pnx-feed-page .pnt-badge {
    color: #AAFF00 !important;
}
/* =========================================================
   COMPOSER SELECT / SPORT SELECT
   ========================================================= */

html body #pnt-app.pnx-feed-page .pnt-sport-select,
html body .pnx-feed-page .pnt-sport-select {
    background: #181818 !important;
    border: 1px solid rgba(170,255,0,.22) !important;
    color: #f4f4f5 !important;
    border-radius: 999px !important;
}

html body #pnt-app.pnx-feed-page .pnt-sport-select:focus,
html body .pnx-feed-page .pnt-sport-select:focus {
    border-color: #AAFF00 !important;
    outline: none !important;
}
/* =========================================================
   SPORT TAGS BACK TO GREY + MOBILE RESPONSIVE FIX
   Paste at VERY BOTTOM of prepsnext-premium.css
   ========================================================= */


/* =========================================================
   1. SPORT TAGS — GREY, NOT GREEN
   For: track, swimming, basketball, football, etc.
   ========================================================= */

html body #pnt-app.pnx-feed-page .pnt-sport-tag,
html body .pnx-feed-page .pnt-sport-tag,
html body #pnt-app.pnx-feed-page .pnx-sport-tag,
html body .pnx-feed-page .pnx-sport-tag {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;

    height: 19px !important;
    min-height: 19px !important;
    max-height: 19px !important;

    padding: 3px 7px !important;
    margin: 0 !important;

    border-radius: 999px !important;
    background: rgba(255,255,255,.075) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    color: #9ca3af !important;

    font-size: 10px !important;
    font-weight: 650 !important;
    line-height: 1 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;

    box-shadow: none !important;
    white-space: nowrap !important;
}

/* Sport icon inside chip */
html body #pnt-app.pnx-feed-page .pnt-sport-tag svg,
html body .pnx-feed-page .pnt-sport-tag svg,
html body #pnt-app.pnx-feed-page .pnx-sport-tag svg,
html body .pnx-feed-page .pnx-sport-tag svg {
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
    color: #8a8a8a !important;
    stroke: currentColor !important;
}

/* Hover can stay subtle grey */
html body #pnt-app.pnx-feed-page .pnt-sport-tag:hover,
html body .pnx-feed-page .pnt-sport-tag:hover {
    background: rgba(255,255,255,.10) !important;
    border-color: rgba(255,255,255,.14) !important;
    color: #d4d4d8 !important;
}
/* =========================================================
   2. MOBILE THREAD CARD RESPONSIVE FIX
   Makes avatar, name, sport chip, time, badges fit properly
   ========================================================= */

@media (max-width: 768px) {

    /* Main app should never overflow horizontally */
    html,
    body,
    html body #pnt-app.pnx-feed-page,
    html body .pnx-feed-page {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    /* Layout full width on mobile */
    html body #pnt-app.pnx-feed-page .pnt-layout,
    html body .pnx-feed-page .pnt-layout,
    html body .pnx-feed-page .pnx-feed-layout {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        gap: 0 !important;
        overflow-x: hidden !important;
    }

    /* Center feed full width */
    html body #pnt-app.pnx-feed-page .pnt-main,
    html body .pnx-feed-page .pnt-main,
    html body .pnx-feed-page .pnx-feed-main {
        width: 100% !important;
        max-width: 100% !important;
        border-left: none !important;
        border-right: none !important;
        overflow-x: hidden !important;
    }

    /* Thread card should not overflow */
    html body #pnt-app.pnx-feed-page .pnt-thread-card,
    html body .pnx-feed-page .pnt-thread-card,
    html body .pnx-feed-page .pnx-thread-card {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    /* Smaller mobile grid */
    html body #pnt-app.pnx-feed-page .pnt-thread-inner,
    html body .pnx-feed-page .pnt-thread-inner,
    html body .pnx-feed-page .pnx-thread-inner {
        display: grid !important;
        grid-template-columns: 36px minmax(0, 1fr) !important;
        column-gap: 10px !important;
        align-items: start !important;
        padding: 14px 14px !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Avatar column */
    html body #pnt-app.pnx-feed-page .pnt-thread-left,
    html body .pnx-feed-page .pnt-thread-left,
    html body .pnx-feed-page .pnx-thread-left {
        width: 36px !important;
        min-width: 36px !important;
        max-width: 36px !important;
    }

    /* Avatar itself */
    html body #pnt-app.pnx-feed-page .pnt-thread-card .pnt-avatar-link,
    html body .pnx-feed-page .pnt-thread-card .pnt-avatar-link,
    html body #pnt-app.pnx-feed-page .pnt-thread-card .pnt-avatar,
    html body .pnx-feed-page .pnt-thread-card .pnt-avatar,
    html body .pnx-feed-page .pnt-thread-card .pnx-thread-avatar {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        min-height: 36px !important;
        max-width: 36px !important;
        max-height: 36px !important;
    }

    /* Content column must shrink correctly */
    html body #pnt-app.pnx-feed-page .pnt-thread-right,
    html body .pnx-feed-page .pnt-thread-right,
    html body .pnx-feed-page .pnx-thread-right {
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    /* Header row can wrap on mobile */
    html body #pnt-app.pnx-feed-page .pnt-thread-header,
    html body .pnx-feed-page .pnt-thread-header,
    html body .pnx-feed-page .pnx-thread-header {
        display: flex !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
        gap: 8px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 6px !important;
    }

    /* Name + sport tag area */
    html body #pnt-app.pnx-feed-page .pnt-author-info,
    html body .pnx-feed-page .pnt-author-info,
    html body .pnx-feed-page .pnx-author-info {
        display: flex !important;
        align-items: center !important;
        flex-wrap: wrap !important;
        gap: 5px !important;
        min-width: 0 !important;
        max-width: calc(100% - 78px) !important;
    }

    /* Name should truncate if too long */
    html body #pnt-app.pnx-feed-page .pnt-author-name,
    html body .pnx-feed-page .pnt-author-name {
        max-width: 145px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        font-size: 13.5px !important;
        line-height: 1.15 !important;
    }

    /* Sport tag smaller on mobile */
    html body #pnt-app.pnx-feed-page .pnt-sport-tag,
    html body .pnx-feed-page .pnt-sport-tag,
    html body #pnt-app.pnx-feed-page .pnx-sport-tag,
    html body .pnx-feed-page .pnx-sport-tag {
        height: 18px !important;
        min-height: 18px !important;
        max-height: 18px !important;
        padding: 3px 6px !important;
        font-size: 9px !important;
        gap: 3px !important;
        max-width: 96px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    html body #pnt-app.pnx-feed-page .pnt-sport-tag svg,
    html body .pnx-feed-page .pnt-sport-tag svg {
        width: 11px !important;
        height: 11px !important;
        min-width: 11px !important;
    }

    /* Time/share/delete area */
    html body #pnt-app.pnx-feed-page .pnt-thread-meta,
    html body .pnx-feed-page .pnt-thread-meta,
    html body .pnx-feed-page .pnx-thread-meta {
        flex: 0 0 auto !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        margin-left: auto !important;
        font-size: 11px !important;
        white-space: nowrap !important;
    }

    html body #pnt-app.pnx-feed-page .pnt-share-btn,
    html body .pnx-feed-page .pnt-share-btn,
    html body #pnt-app.pnx-feed-page .pnt-btn-icon,
    html body .pnx-feed-page .pnt-btn-icon {
        width: 18px !important;
        height: 18px !important;
        min-width: 18px !important;
    }

    html body #pnt-app.pnx-feed-page .pnt-share-btn svg,
    html body .pnx-feed-page .pnt-share-btn svg,
    html body #pnt-app.pnx-feed-page .pnt-btn-icon svg,
    html body .pnx-feed-page .pnt-btn-icon svg {
        width: 14px !important;
        height: 14px !important;
    }

    /* Signal row should wrap nicely */
    html body #pnt-app.pnx-feed-page .pnx-thread-signal-row,
    html body .pnx-feed-page .pnx-thread-signal-row {
        gap: 5px !important;
        margin: 6px 0 8px !important;
        max-width: 100% !important;
    }

    html body #pnt-app.pnx-feed-page .pnx-post-type,
    html body .pnx-feed-page .pnx-post-type {
        height: 19px !important;
        min-height: 19px !important;
        padding: 3px 7px !important;
        font-size: 8px !important;
        max-width: 120px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    html body #pnt-app.pnx-feed-page .pnx-stat-pill,
    html body .pnx-feed-page .pnx-stat-pill {
        height: 19px !important;
        min-height: 19px !important;
        padding: 3px 7px !important;
        max-width: 130px !important;
    }

    html body #pnt-app.pnx-feed-page .pnx-stat-pill strong,
    html body .pnx-feed-page .pnx-stat-pill strong {
        font-size: 12px !important;
    }

    html body #pnt-app.pnx-feed-page .pnx-stat-pill em,
    html body .pnx-feed-page .pnx-stat-pill em {
        font-size: 8px !important;
    }

    /* Body text */
    html body #pnt-app.pnx-feed-page .pnt-thread-body,
    html body .pnx-feed-page .pnt-thread-body,
    html body .pnx-feed-page .pnx-thread-body {
        font-size: 13px !important;
        line-height: 1.45 !important;
        overflow-wrap: anywhere !important;
        word-break: normal !important;
    }

    /* Action row responsive */
    html body #pnt-app.pnx-feed-page .pnt-thread-actions,
    html body .pnx-feed-page .pnt-thread-actions,
    html body .pnx-feed-page .pnx-thread-actions {
        display: flex !important;
        align-items: center !important;
        flex-wrap: wrap !important;
        gap: 12px !important;
        row-gap: 8px !important;
        max-width: 100% !important;
        overflow: visible !important;
    }

    html body #pnt-app.pnx-feed-page .pnt-action-btn,
    html body .pnx-feed-page .pnt-action-btn,
    html body #pnt-app.pnx-feed-page .pn-props-button,
    html body .pnx-feed-page .pn-props-button,
    html body #pnt-app.pnx-feed-page .pn-heat-badge,
    html body .pnx-feed-page .pn-heat-badge {
        font-size: 11px !important;
        max-width: 135px !important;
        white-space: nowrap !important;
    }

    html body #pnt-app.pnx-feed-page .pn-props-button,
    html body .pnx-feed-page .pn-props-button {
        padding: 4px 8px !important;
    }

    html body #pnt-app.pnx-feed-page .pn-heat-badge,
    html body .pnx-feed-page .pn-heat-badge {
        padding: 4px 7px !important;
    }

    /* Media/images cannot overflow */
    html body #pnt-app.pnx-feed-page .pnt-thread-media,
    html body .pnx-feed-page .pnt-thread-media {
        max-width: 100% !important;
        border-radius: 12px !important;
        overflow: hidden !important;
    }

    html body #pnt-app.pnx-feed-page .pnt-thread-media img,
    html body #pnt-app.pnx-feed-page .pnt-thread-img,
    html body .pnx-feed-page .pnt-thread-media img,
    html body .pnx-feed-page .pnt-thread-img {
        max-width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
    }
}
/* =========================================================
   EXTRA SMALL MOBILE — 420px AND BELOW
   ========================================================= */

@media (max-width: 420px) {

    html body #pnt-app.pnx-feed-page .pnt-thread-inner,
    html body .pnx-feed-page .pnt-thread-inner,
    html body .pnx-feed-page .pnx-thread-inner {
        grid-template-columns: 34px minmax(0, 1fr) !important;
        column-gap: 9px !important;
        padding: 13px 12px !important;
    }

    html body #pnt-app.pnx-feed-page .pnt-thread-left,
    html body .pnx-feed-page .pnt-thread-left,
    html body .pnx-feed-page .pnx-thread-left,
    html body #pnt-app.pnx-feed-page .pnt-thread-card .pnt-avatar-link,
    html body .pnx-feed-page .pnt-thread-card .pnt-avatar-link,
    html body #pnt-app.pnx-feed-page .pnt-thread-card .pnt-avatar,
    html body .pnx-feed-page .pnt-thread-card .pnt-avatar {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        min-height: 34px !important;
        max-width: 34px !important;
        max-height: 34px !important;
    }

    html body #pnt-app.pnx-feed-page .pnt-author-name,
    html body .pnx-feed-page .pnt-author-name {
        max-width: 118px !important;
        font-size: 13px !important;
    }

    html body #pnt-app.pnx-feed-page .pnt-sport-tag,
    html body .pnx-feed-page .pnt-sport-tag {
        max-width: 82px !important;
        font-size: 8.5px !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    html body #pnt-app.pnx-feed-page .pnt-thread-meta,
    html body .pnx-feed-page .pnt-thread-meta {
        gap: 6px !important;
        font-size: 10.5px !important;
    }

    html body #pnt-app.pnx-feed-page .pnt-thread-body,
    html body .pnx-feed-page .pnt-thread-body,
    html body .pnx-feed-page .pnx-thread-body {
        font-size: 12.75px !important;
    }

    html body #pnt-app.pnx-feed-page .pnt-thread-actions,
    html body .pnx-feed-page .pnt-thread-actions,
    html body .pnx-feed-page .pnx-thread-actions {
        gap: 10px !important;
    }

    html body #pnt-app.pnx-feed-page .pn-props-button,
    html body .pnx-feed-page .pn-props-button {
        padding: 4px 7px !important;
    }
}
/* =========================================================
   MOBILE BOTTOM STICKY MENU FIX
   Restores PrepsNext mobile tabs behavior
   Paste at VERY BOTTOM of prepsnext-premium.css
   ========================================================= */

@media (max-width: 900px) {

    /* Keep the bottom tabs fixed and clickable */
    html body #pnt-app.pnx-feed-page .pnt-mobile-tabs-wrap,
    html body .pnx-feed-page .pnt-mobile-tabs-wrap {
        display: flex !important;
        position: fixed !important;
        top: auto !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: 100vw !important;
        z-index: 9999 !important;

        background: rgba(0,0,0,.96) !important;
        border-top: 1px solid rgba(255,255,255,.10) !important;
        border-bottom: none !important;
        box-shadow: 0 -8px 30px rgba(0,0,0,.45) !important;

        transform: translateY(0) !important;
        opacity: 1 !important;
        visibility: visible !important;

        overflow: hidden !important;
        pointer-events: auto !important;

        padding-bottom: env(safe-area-inset-bottom, 0px) !important;
    }

    /* The horizontal tab track must remain scrollable/touchable */
    html body #pnt-app.pnx-feed-page .pnt-mobile-tabs,
    html body .pnx-feed-page .pnt-mobile-tabs {
        display: flex !important;
        flex: 1 1 auto !important;
        flex-direction: row !important;
        align-items: stretch !important;
        flex-wrap: nowrap !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;

        touch-action: pan-x !important;
        pointer-events: auto !important;

        position: relative !important;
        z-index: 10000 !important;
    }

    html body #pnt-app.pnx-feed-page .pnt-mobile-tabs::-webkit-scrollbar,
    html body .pnx-feed-page .pnt-mobile-tabs::-webkit-scrollbar {
        display: none !important;
    }

    /* Each tab must be clickable */
    html body #pnt-app.pnx-feed-page .pnt-mobile-tab,
    html body .pnx-feed-page .pnt-mobile-tab {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 auto !important;

        min-width: 72px !important;
        min-height: 54px !important;

        padding: 8px 12px 9px !important;

        background: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;

        color: #8a8a8a !important;
        cursor: pointer !important;

        pointer-events: auto !important;
        touch-action: manipulation !important;

        position: relative !important;
        z-index: 10001 !important;

        -webkit-tap-highlight-color: transparent !important;
    }

    /* Icon */
    html body #pnt-app.pnx-feed-page .pnt-mobile-tab-icon,
    html body .pnx-feed-page .pnt-mobile-tab-icon {
        color: currentColor !important;
        font-size: 18px !important;
        line-height: 1 !important;
        pointer-events: none !important;
    }

    /* Label */
    html body #pnt-app.pnx-feed-page .pnt-mobile-tab-label,
    html body .pnx-feed-page .pnt-mobile-tab-label {
        color: currentColor !important;
        font-size: 10px !important;
        font-weight: 700 !important;
        line-height: 1.15 !important;
        letter-spacing: .02em !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
        pointer-events: none !important;
    }

    /* Active tab — only the real active tab should be lime */
    html body #pnt-app.pnx-feed-page .pnt-mobile-tab--active,
    html body .pnx-feed-page .pnt-mobile-tab--active {
        color: #AAFF00 !important;
        background: transparent !important;
    }

    html body #pnt-app.pnx-feed-page .pnt-mobile-tab--active .pnt-mobile-tab-icon,
    html body #pnt-app.pnx-feed-page .pnt-mobile-tab--active .pnt-mobile-tab-label,
    html body .pnx-feed-page .pnt-mobile-tab--active .pnt-mobile-tab-icon,
    html body .pnx-feed-page .pnt-mobile-tab--active .pnt-mobile-tab-label {
        color: #AAFF00 !important;
    }

    /* Non-active tabs stay grey */
    html body #pnt-app.pnx-feed-page .pnt-mobile-tab:not(.pnt-mobile-tab--active),
    html body .pnx-feed-page .pnt-mobile-tab:not(.pnt-mobile-tab--active) {
        color: #8a8a8a !important;
    }

    /* Tab indicator */
    html body #pnt-app.pnx-feed-page .pnt-mobile-tab-indicator,
    html body .pnx-feed-page .pnt-mobile-tab-indicator {
        display: block !important;
        position: absolute !important;
        top: 0 !important;
        bottom: auto !important;
        height: 2px !important;
        background: #AAFF00 !important;
        border-radius: 0 0 2px 2px !important;
        z-index: 10002 !important;
        pointer-events: none !important;
    }

    /* Make sure feed content has bottom padding so tabs don't cover posts */
    html body #pnt-app.pnx-feed-page .pnt-main,
    html body .pnx-feed-page .pnt-main {
        padding-bottom: calc(70px + env(safe-area-inset-bottom, 0px)) !important;
    }
}
/* =========================================================
   PREVENT DESKTOP NAV RULES FROM AFFECTING MOBILE TABS
   ========================================================= */

@media (max-width: 900px) {

    html body #pnt-app.pnx-feed-page .pnt-mobile-tabs .pnt-mobile-tab:hover,
    html body .pnx-feed-page .pnt-mobile-tabs .pnt-mobile-tab:hover {
        background: transparent !important;
    }

    html body #pnt-app.pnx-feed-page .pnt-mobile-tabs .pnt-mobile-tab:active,
    html body .pnx-feed-page .pnt-mobile-tabs .pnt-mobile-tab:active {
        opacity: .72 !important;
        transform: scale(.96) !important;
    }

    /* If JS removes active class, do not force Highlights active through CSS */
    html body #pnt-app.pnx-feed-page .pnt-mobile-tab[data-filter="highlights"]:not(.pnt-mobile-tab--active),
    html body .pnx-feed-page .pnt-mobile-tab[data-filter="highlights"]:not(.pnt-mobile-tab--active),
    html body #pnt-app.pnx-feed-page .pnt-mobile-tab[data-tab="highlights"]:not(.pnt-mobile-tab--active),
    html body .pnx-feed-page .pnt-mobile-tab[data-tab="highlights"]:not(.pnt-mobile-tab--active) {
        color: #8a8a8a !important;
        background: transparent !important;
    }
}