/*
 * Got Hot Wheels Auctions — Phase 117.2 final authenticated-page density polish
 * Presentation-only. Keeps the Phase 115 backend freeze untouched.
 */

:root {
    --ghw1172-gap: 12px;
    --ghw1172-panel-line: rgba(255, 255, 255, .11);
    --ghw1172-gold-line: rgba(255, 171, 24, .48);
    --ghw1172-muted: #aeb8c6;
}

/* Keep authenticated pages close to their content and footer. */
.ghw1172-body .ghw1172-dashboard .ghw-dash-main {
    padding-bottom: 24px !important;
}
.ghw1172-body .ghw1172-seller-plan-page {
    padding-bottom: 28px !important;
}
.ghw1172-body .ghw1172-owner-hub {
    padding-bottom: 28px !important;
}

/* Dashboard: compact welcome band and account identity into one useful row. */
.ghw1172-body .ghw1172-dash-hero {
    padding: 16px 0 !important;
}
.ghw1172-body .ghw1172-dashboard .ghw-dash-hero-grid {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 360px) !important;
    gap: 14px !important;
    align-items: center !important;
}
.ghw1172-body .ghw1172-dashboard .ghw-dash-kicker {
    margin-bottom: 8px !important;
}
.ghw1172-body .ghw1172-dashboard .ghw-dash-hero h1 {
    font-size: clamp(36px, 3.35vw, 52px) !important;
    line-height: 1 !important;
}
.ghw1172-body .ghw1172-dashboard .ghw-dash-hero p {
    margin-top: 7px !important;
    max-width: 860px !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
}
.ghw1172-body .ghw1172-dashboard .ghw-dash-actions {
    gap: 8px !important;
    margin-top: 13px !important;
}
.ghw1172-body .ghw1172-dashboard .ghw-dash-btn {
    min-height: 38px !important;
    padding-inline: 13px !important;
    font-size: 12px !important;
}
.ghw1172-body .ghw1172-account-card {
    min-height: 92px !important;
    display: grid !important;
    grid-template-columns: 52px minmax(0, 1fr) !important;
    align-items: center !important;
    align-content: center !important;
    gap: 12px !important;
    padding: 13px 15px !important;
}
.ghw1172-body .ghw1172-account-card .ghw-avatar {
    width: 52px !important;
    height: 52px !important;
    margin: 0 !important;
    font-size: 21px !important;
}
.ghw1172-body .ghw1172-account-copy {
    min-width: 0;
}
.ghw1172-body .ghw1172-account-copy strong {
    font-size: 17px !important;
}
.ghw1172-body .ghw1172-account-copy > span {
    margin-top: 2px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ghw1172-body .ghw1172-account-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 7px;
}
.ghw1172-body .ghw1172-account-badges .ghw-admin-chip {
    margin-top: 0 !important;
}
.ghw1172-body .ghw1172-verified-chip {
    display: inline-flex !important;
    align-items: center;
    width: fit-content;
    margin: 0 !important;
    padding: 5px 8px;
    border: 1px solid rgba(53, 240, 131, .45);
    border-radius: 999px;
    background: rgba(30, 154, 82, .14);
    color: #9dffc0 !important;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .05em;
    line-height: 1;
    text-transform: uppercase;
}
.ghw1172-body .ghw1172-dashboard .ghw-dash-main {
    padding-top: 12px !important;
}
.ghw1172-body .ghw1172-dashboard .ghw-dash-card {
    min-height: 82px !important;
    padding: 12px 14px !important;
}
.ghw1172-body .ghw1172-dashboard .ghw-dash-grid {
    grid-template-columns: minmax(0, 1fr) minmax(310px, 380px) !important;
    gap: 12px !important;
    align-items: start !important;
}
.ghw1172-body .ghw1172-dashboard .ghw-dash-panel {
    padding: 14px 16px !important;
}
.ghw1172-body .ghw1172-dashboard .ghw-dash-panel h2 {
    margin-bottom: 7px !important;
}
.ghw1172-body .ghw1172-dashboard .ghw-dash-panel > p {
    margin: 0 0 10px !important;
}
.ghw1172-body .ghw1172-dashboard .ghw-empty-dash {
    min-height: 0 !important;
    padding: 18px !important;
}
.ghw1172-body .ghw1172-dashboard .ghw-empty-dash h3 {
    margin: 0 0 5px !important;
}
.ghw1172-body .ghw1172-dashboard .ghw-empty-dash p {
    margin: 0 0 12px !important;
}
.ghw1172-body .ghw1172-tools-panel .ghw-side-links {
    gap: 7px !important;
}
.ghw1172-body .ghw1172-tools-panel .ghw-side-links a {
    min-height: 41px !important;
    padding-inline: 12px !important;
}

/* Seller Plan & Fees: readable status labels and tables that fit their panels. */
.ghw1172-body .ghw1172-seller-plan-page .ghw99-stats strong {
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
}
.ghw1172-body .ghw1172-membership-stat strong {
    font-size: clamp(16px, 1.25vw, 21px) !important;
    white-space: nowrap;
}
.ghw1172-body .ghw1172-seller-plan-page .ghw1171-ledger-grid {
    grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr) !important;
    gap: 12px !important;
}
.ghw1172-body .ghw1172-seller-plan-page .ghw99-tablewrap {
    width: 100%;
    max-width: 100%;
}
.ghw1172-body .ghw1172-seller-plan-page .ghw1172-ledger-table,
.ghw1172-body .ghw1172-seller-plan-page .ghw1172-snapshot-table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
}
.ghw1172-body .ghw1172-seller-plan-page .ghw1172-ledger-table th,
.ghw1172-body .ghw1172-seller-plan-page .ghw1172-ledger-table td,
.ghw1172-body .ghw1172-seller-plan-page .ghw1172-snapshot-table th,
.ghw1172-body .ghw1172-seller-plan-page .ghw1172-snapshot-table td {
    padding: 8px 6px !important;
    overflow-wrap: anywhere;
    word-break: normal;
}
.ghw1172-body .ghw1172-seller-plan-page .ghw1172-snapshot-table th {
    font-size: 10px !important;
    letter-spacing: .035em !important;
}
.ghw1172-body .ghw1172-seller-plan-page .ghw1172-snapshot-table td {
    font-size: 12px !important;
}

/* Owner Hub: every card sizes to its own content; feature checks use a wide grid. */
.ghw1172-body .ghw1172-owner-hero {
    grid-template-columns: minmax(0, 1fr) auto;
}
.ghw1172-body .ghw1172-owner-primary-actions {
    max-width: 410px;
    justify-content: flex-end;
}
.ghw1172-body .ghw1172-owner-grid {
    grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr) !important;
    align-items: start !important;
}
.ghw1172-body .ghw1172-owner-grid > .ghw72-card {
    align-self: start !important;
    height: auto !important;
    min-height: 0 !important;
}
.ghw1172-body .ghw1172-card-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 11px;
}
.ghw1172-body .ghw1172-card-heading h2 {
    margin: 2px 0 0 !important;
}
.ghw1172-body .ghw1172-eyebrow {
    color: #ffd45a;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.ghw1172-body .ghw1172-heading-link {
    color: #ffd45a;
    font-size: 11px;
    font-weight: 900;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}
.ghw1172-body .ghw1172-owner-groups {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
}
.ghw1172-body .ghw1172-owner-groups > article {
    padding: 11px;
    border: 1px solid var(--ghw1172-panel-line);
    border-radius: 11px;
    background: rgba(0, 0, 0, .22);
}
.ghw1172-body .ghw1172-owner-groups h3 {
    margin: 0 0 8px;
    color: #ffd45a;
    font-size: 12px;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.ghw1172-body .ghw1172-owner-groups .ghw72-link-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
}
.ghw1172-body .ghw1172-owner-groups .ghw72-link-grid a {
    min-height: 32px !important;
    padding: 5px 7px !important;
    font-size: 10px !important;
    line-height: 1.15;
    text-align: center;
}
.ghw1172-body .ghw1172-feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
}
.ghw1172-body .ghw1172-feature-grid article {
    grid-template-columns: 60px minmax(0, 1fr) auto !important;
    min-height: 44px !important;
    gap: 8px !important;
    padding: 8px 9px !important;
}
.ghw1172-body .ghw1172-feature-grid article strong {
    min-width: 0;
    font-size: 12px !important;
    line-height: 1.2;
}
.ghw1172-body .ghw1172-feature-grid article a {
    min-height: 29px !important;
    padding-inline: 8px !important;
    font-size: 9px !important;
}
.ghw1172-body .ghw1172-launch-setup {
    margin-bottom: 0 !important;
}
.ghw1172-body .ghw1172-launch-setup .ghw72-roadmap article {
    min-height: 102px !important;
}

/* Tablet keeps useful two-column information without forcing cramped tables. */
@media (max-width: 1280px) {
    .ghw1172-body .ghw1172-owner-grid,
    .ghw1172-body .ghw1172-dashboard .ghw-dash-grid {
        grid-template-columns: 1fr !important;
    }
    .ghw1172-body .ghw1172-owner-groups,
    .ghw1172-body .ghw1172-feature-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .ghw1172-body .ghw1172-seller-plan-page .ghw1171-ledger-grid {
        grid-template-columns: 1fr !important;
    }
    .ghw1172-body .ghw1172-seller-plan-page .ghw1172-ledger-table,
    .ghw1172-body .ghw1172-seller-plan-page .ghw1172-snapshot-table {
        min-width: 720px !important;
        table-layout: auto !important;
    }
}

@media (max-width: 900px) {
    .ghw1172-body .ghw1172-dashboard .ghw-dash-hero-grid {
        grid-template-columns: 1fr !important;
    }
    .ghw1172-body .ghw1172-account-card {
        max-width: none;
    }
    .ghw1172-body .ghw1172-owner-hero {
        display: block !important;
    }
    .ghw1172-body .ghw1172-owner-primary-actions {
        max-width: none;
        justify-content: flex-start;
    }
}

@media (max-width: 680px) {
    .ghw1172-body .ghw1172-dashboard .ghw-dash-hero h1 {
        font-size: 35px !important;
    }
    .ghw1172-body .ghw1172-dashboard .ghw-dash-actions {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .ghw1172-body .ghw1172-dashboard .ghw-dash-btn {
        width: auto !important;
    }
    .ghw1172-body .ghw1172-owner-groups,
    .ghw1172-body .ghw1172-feature-grid {
        grid-template-columns: 1fr !important;
    }
    .ghw1172-body .ghw1172-card-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }
    .ghw1172-body .ghw1172-membership-stat strong {
        white-space: normal;
    }
    .ghw1172-body .ghwV5-footer {
        padding-top: 24px !important;
    }
    .ghw1172-body .ghwV5-footerGrid {
        gap: 18px !important;
    }
    .ghw1172-body .ghwV5-footerGrid h4,
    .ghw1172-body .ghwV5-footerGrid a,
    .ghw1172-body .ghwV5-footerGrid p,
    .ghw1172-body .ghwV5-footerGrid small,
    .ghw1172-body .ghwV5-footerBottom {
        font-size: 12px !important;
        line-height: 1.45 !important;
    }
}