/* ==========================================================
   WINNING LINE AI - DASHBOARD MEMBER PAGE
   Dark visual treatment matching member racing/history pages.
   Does not alter the shared master header.
   ========================================================== */

html,
body.wla-dashboard-member {
    background: #061824 !important;
}

body.wla-dashboard-member {
    color: #e8f0f5 !important;
}

/* Keep the shared master header completely untouched */
body.wla-dashboard-member .wla-header {
    color: initial;
}

/* Main dashboard content area */
body.wla-dashboard-member main,
body.wla-dashboard-member .app-shell,
body.wla-dashboard-member .page-shell,
body.wla-dashboard-member .dashboard-shell {
    background: #061824 !important;
}

/* Account / membership outer section */
body.wla-dashboard-member .dashboard-account-section,
body.wla-dashboard-member main > section,
body.wla-dashboard-member main > .section {
    width: min(calc(100% - 42px), 1235px) !important;
    max-width: 1235px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Main membership card */
body.wla-dashboard-member .dashboard-account-card,
body.wla-dashboard-member main .card {
    background: #082637 !important;
    border: 1px solid #28526a !important;
    border-radius: 18px !important;
    box-shadow: none !important;
    color: #e8f0f5 !important;
}

/* Headings */
body.wla-dashboard-member .dashboard-account-card h1,
body.wla-dashboard-member .dashboard-account-card h2,
body.wla-dashboard-member .dashboard-account-card h3,
body.wla-dashboard-member main h1,
body.wla-dashboard-member main h2,
body.wla-dashboard-member main h3 {
    color: #ffffff !important;
}

/* General copy */
body.wla-dashboard-member .dashboard-account-card p,
body.wla-dashboard-member .dashboard-account-card span,
body.wla-dashboard-member .dashboard-account-card label,
body.wla-dashboard-member .dashboard-account-card small {
    color: #9eb6c5 !important;
}

/* Important values */
body.wla-dashboard-member .dashboard-account-card strong,
body.wla-dashboard-member .dashboard-account-card b,
body.wla-dashboard-member .dashboard-account-card [class*="value"] {
    color: #ffffff !important;
}

/* Membership summary tiles */
body.wla-dashboard-member .dashboard-account-card [class*="stat"],
body.wla-dashboard-member .dashboard-account-card [class*="summary"],
body.wla-dashboard-member .dashboard-account-card [class*="tile"],
body.wla-dashboard-member .dashboard-account-card [class*="item"],
body.wla-dashboard-member .dashboard-account-card [class*="row"] {
    background-color: #0b2d3f !important;
    border-color: #31586e !important;
}

/* Account setting rows */
body.wla-dashboard-member .dashboard-account-card [class*="setting"],
body.wla-dashboard-member .dashboard-account-card [class*="account-row"],
body.wla-dashboard-member .dashboard-account-card [class*="detail-row"] {
    background: #0b2d3f !important;
    border: 1px solid #31586e !important;
}

/* Labels */
body.wla-dashboard-member .dashboard-account-card [class*="label"],
body.wla-dashboard-member .dashboard-account-card small {
    color: #83a3b6 !important;
}

/* Gold accents */
body.wla-dashboard-member .dashboard-account-card [class*="badge"],
body.wla-dashboard-member .dashboard-account-card [class*="pill"],
body.wla-dashboard-member .dashboard-account-card [class*="eyebrow"] {
    color: #f2b632 !important;
    background: rgba(242,182,50,.08) !important;
    border-color: rgba(242,182,50,.45) !important;
}

/* Normal dashboard buttons */
body.wla-dashboard-member .dashboard-account-card button:not(#wlaSignOut),
body.wla-dashboard-member .dashboard-account-card .button {
    background: #092333 !important;
    color: #e5eef3 !important;
    border: 1px solid #416c85 !important;
    box-shadow: none !important;
}

body.wla-dashboard-member .dashboard-account-card button:not(#wlaSignOut):hover,
body.wla-dashboard-member .dashboard-account-card .button:hover {
    background: #103248 !important;
    color: #ffffff !important;
    border-color: #5e8ca8 !important;
}

/* Cancel subscription */
body.wla-dashboard-member .dashboard-account-card [class*="cancel"],
body.wla-dashboard-member .dashboard-account-card [class*="danger"] {
    color: #ffb8ae !important;
    background: rgba(125,35,30,.20) !important;
    border-color: #914c44 !important;
}

/* Development status panel */
body.wla-dashboard-member .dashboard-account-card [class*="development"],
body.wla-dashboard-member .dashboard-account-card [class*="notice"],
body.wla-dashboard-member .dashboard-account-card [class*="status"] {
    background: #071f2d !important;
    border-color: #31586e !important;
    color: #91adbd !important;
}

/* Separators */
body.wla-dashboard-member .dashboard-account-card hr {
    border-color: #284b5e !important;
}

/* Remove AI assistant from Dashboard even if markup somehow remains */
body.wla-dashboard-member .wla-ai-launcher,
body.wla-dashboard-member .wla-assistant-fab,
body.wla-dashboard-member .wla-assistant-launcher,
body.wla-dashboard-member .wla-ai-bubble,
body.wla-dashboard-member .ai-bubble,
body.wla-dashboard-member .ai-fab,
body.wla-dashboard-member #wlaAssistantRoot,
body.wla-dashboard-member #wlaAssistantFab,
body.wla-dashboard-member [data-wla-assistant] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

@media (max-width: 900px) {
    body.wla-dashboard-member .dashboard-account-section,
    body.wla-dashboard-member main > section,
    body.wla-dashboard-member main > .section {
        width: calc(100% - 24px) !important;
    }
}
/* ==========================================================
   WLA DASHBOARD TEXT SIZE REFINEMENT
   ========================================================== */

body.wla-dashboard-member main {
    font-size: 16px !important;
}

body.wla-dashboard-member main p,
body.wla-dashboard-member main li,
body.wla-dashboard-member main label,
body.wla-dashboard-member main span {
    font-size: 16px !important;
    line-height: 1.55 !important;
}

body.wla-dashboard-member main small,
body.wla-dashboard-member main [class*="label"] {
    font-size: 13px !important;
}

body.wla-dashboard-member main strong,
body.wla-dashboard-member main b,
body.wla-dashboard-member main [class*="value"] {
    font-size: 17px !important;
}

body.wla-dashboard-member main h1 {
    font-size: 31px !important;
}

body.wla-dashboard-member main h2 {
    font-size: 22px !important;
}

body.wla-dashboard-member main h3 {
    font-size: 18px !important;
}

body.wla-dashboard-member main button,
body.wla-dashboard-member main .button {
    font-size: 14px !important;
}

/* END WLA DASHBOARD TEXT SIZE REFINEMENT */

/* ==========================================================
   WLA DASHBOARD ALIGNMENT CONTRAST REFINEMENT
   ========================================================== */

/* Move $20/month and Sign Out inward on Dashboard only */
html body.wla-dashboard-member .wla-header .wla-header-actions {
    position: relative !important;
    left: -30px !important;
}

/* Make Account settings heading clearly visible */
html body.wla-dashboard-member .wla-dashboard-section-title-fix {
    color: #ffffff !important;
    background: transparent !important;
    opacity: 1 !important;

    font-size: 18px !important;
    font-weight: 850 !important;
    line-height: 1.25 !important;

    margin: 0 !important;
    padding: 14px 0 12px 0 !important;
}

/* Force development-status panel into dark member styling */
html body.wla-dashboard-member .wla-dashboard-status-panel-fix {
    background: #0b2d3f !important;
    border: 1px solid #31586e !important;
    border-radius: 12px !important;

    color: #d9e6ed !important;

    padding: 14px 16px !important;

    box-shadow: none !important;
}

/* Make every piece of text in the status panel readable */
html body.wla-dashboard-member .wla-dashboard-status-panel-fix,
html body.wla-dashboard-member .wla-dashboard-status-panel-fix * {
    color: #d9e6ed !important;
    opacity: 1 !important;
}

/* Make its title brighter */
html body.wla-dashboard-member .wla-dashboard-status-panel-fix strong,
html body.wla-dashboard-member .wla-dashboard-status-panel-fix b,
html body.wla-dashboard-member .wla-dashboard-status-title-fix {
    color: #ffffff !important;
    font-weight: 850 !important;
}

/* Keep explanatory text slightly softer but still easy to read */
html body.wla-dashboard-member .wla-dashboard-status-panel-fix p,
html body.wla-dashboard-member .wla-dashboard-status-panel-fix span,
html body.wla-dashboard-member .wla-dashboard-status-panel-fix small {
    color: #b8ccd8 !important;
}

/* END WLA DASHBOARD ALIGNMENT CONTRAST REFINEMENT */