/*
 * Fold Certification — My Results Sapphire + Gold v0.8.391
 * Presentation only. No sorting, result, certificate, score, status, or gate logic lives here.
 */

/* ------------------------------------------------
   PAGE SHELL AND HERO
   ------------------------------------------------ */

html body:not(.wp-admin) .fold-my-results-page {
    background:
        radial-gradient(circle at 94% 2%, rgba(210, 168, 74, .055), transparent 24%),
        linear-gradient(155deg, rgba(8, 25, 45, .98), rgba(2, 7, 14, .995)) !important;
    border-color: #315b87 !important;
    color: #ffffff !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .34) !important;
}

html body:not(.wp-admin) .fold-my-results-page .fold-my-results-hero {
    background:
        radial-gradient(circle at 88% 10%, rgba(210, 168, 74, .085), transparent 30%),
        linear-gradient(135deg, #0d2947, #07182b 56%, #02070e) !important;
    background-color: #0d2947 !important;
    border: 1px solid #315b87 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045), 0 16px 36px rgba(0, 0, 0, .24) !important;
}

html body:not(.wp-admin) .fold-my-results-page .fold-my-results-hero::after {
    background: radial-gradient(circle, rgba(210, 168, 74, .12), transparent 68%) !important;
}

html body:not(.wp-admin) .fold-my-results-page .fold-my-results-kicker {
    background: rgba(210, 168, 74, .07) !important;
    background-image: none !important;
    border-color: rgba(210, 168, 74, .58) !important;
    color: #e7c979 !important;
    -webkit-text-fill-color: #e7c979 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

html body:not(.wp-admin) .fold-my-results-page .fold-my-results-hero h2 {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html body:not(.wp-admin) .fold-my-results-page .fold-my-results-hero p,
html body:not(.wp-admin) .fold-my-results-page .fold-muted {
    color: #cbd5e1 !important;
    -webkit-text-fill-color: #cbd5e1 !important;
}

/* ------------------------------------------------
   MESSAGES, TOOLBAR, AND SUMMARY
   ------------------------------------------------ */

html body:not(.wp-admin) .fold-my-results-page .fold-message-notice {
    background: #07182b !important;
    background-image: none !important;
    border-color: #315b87 !important;
    color: #ffffff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035) !important;
}

html body:not(.wp-admin) .fold-my-results-page .fold-message-notice.is-unread {
    border-color: #d2a84a !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 0 18px rgba(210, 168, 74, .10) !important;
}

html body:not(.wp-admin) .fold-my-results-page .fold-message-notice-icon,
html body:not(.wp-admin) .fold-my-results-page .fold-message-count {
    background: #6d4d12 !important;
    background-image: none !important;
    border-color: #e7c979 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: none !important;
}

html body:not(.wp-admin) .fold-my-results-page .fold-message-notice-title {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html body:not(.wp-admin) .fold-my-results-page .fold-message-notice-text {
    color: #cbd5e1 !important;
    -webkit-text-fill-color: #cbd5e1 !important;
}

html body:not(.wp-admin) .fold-my-results-page .fold-my-results-toolbar {
    background: #050f1d !important;
    background-image: none !important;
    border-color: #244b73 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025) !important;
}

html body:not(.wp-admin) .fold-my-results-page .fold-summary-tile {
    background: #0d2947 !important;
    background-image: none !important;
    border-color: #315b87 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045), 0 12px 26px rgba(0, 0, 0, .20) !important;
}

html body:not(.wp-admin) .fold-my-results-page .fold-summary-tile .fold-tile-label {
    color: #e7c979 !important;
    -webkit-text-fill-color: #e7c979 !important;
}

html body:not(.wp-admin) .fold-my-results-page .fold-summary-tile .fold-tile-value {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html body:not(.wp-admin) .fold-my-results-page .fold-summary-tile .fold-tile-sub {
    color: #bfdbfe !important;
    -webkit-text-fill-color: #bfdbfe !important;
}

/* ------------------------------------------------
   SAVED RESULT ROWS
   ------------------------------------------------ */

html body:not(.wp-admin) .fold-my-results-page .fold-results-table thead th {
    color: #e7c979 !important;
    -webkit-text-fill-color: #e7c979 !important;
    text-shadow: none !important;
}

html body:not(.wp-admin) .fold-my-results-page .fold-results-table tbody tr,
html body:not(.wp-admin) .fold-my-results-page .fold-results-table tbody td {
    background: #000000 !important;
    background-color: #000000 !important;
    background-image: none !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border-color: #244b73 !important;
    text-shadow: none !important;
}

html body:not(.wp-admin) .fold-my-results-page .fold-results-table tbody tr:hover {
    box-shadow: 0 16px 42px rgba(0, 0, 0, .36), 0 0 0 1px rgba(49, 91, 135, .24) !important;
}

html body:not(.wp-admin) .fold-my-results-page .fold-date-main,
html body:not(.wp-admin) .fold-my-results-page .fold-ai-name {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html body:not(.wp-admin) .fold-my-results-page .fold-framework-name,
html body:not(.wp-admin) .fold-my-results-page .fold-classification-text {
    color: #cbd5e1 !important;
    -webkit-text-fill-color: #cbd5e1 !important;
}

html body:not(.wp-admin) .fold-my-results-page .fold-id-label {
    color: #e7c979 !important;
    -webkit-text-fill-color: #e7c979 !important;
}

html body:not(.wp-admin) .fold-my-results-page .fold-id-value,
html body:not(.wp-admin) .fold-my-results-page .fold-session-mini,
html body:not(.wp-admin) .fold-my-results-page .fold-cert-mini {
    color: #bfdbfe !important;
    -webkit-text-fill-color: #bfdbfe !important;
}

/* Completed steps use sapphire with a gold completion edge. */
html body:not(.wp-admin) .fold-my-results-page .fold-progress-pill.done {
    background: #0d2947 !important;
    background-image: none !important;
    border-color: #d2a84a !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: none !important;
}

html body:not(.wp-admin) .fold-my-results-page .fold-progress-pill.done .fold-step-icon {
    background: #6d4d12 !important;
    border: 1px solid #e7c979 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: none !important;
}

html body:not(.wp-admin) .fold-my-results-page .fold-progress-pill.missing {
    background: #050f1d !important;
    background-image: none !important;
    border-color: #315b87 !important;
    color: #94a3b8 !important;
    -webkit-text-fill-color: #94a3b8 !important;
    opacity: 1 !important;
}

html body:not(.wp-admin) .fold-my-results-page .fold-progress-pill.missing .fold-step-icon {
    background: #02070e !important;
    border-color: #315b87 !important;
    color: #94a3b8 !important;
    -webkit-text-fill-color: #94a3b8 !important;
}

html body:not(.wp-admin) .fold-my-results-page .fold-score-badge {
    background: #0d2947 !important;
    background-image: none !important;
    border-color: #315b87 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .055) !important;
    text-shadow: none !important;
}

/* Complete Fold classifications repeat the certificate's gold achievement cue. */
html body:not(.wp-admin) .fold-my-results-page .fold-complete-profile .fold-classification-text {
    display: inline-flex !important;
    align-items: center !important;
    max-width: 100% !important;
    padding: 7px 10px !important;
    border: 1px solid #e7c979 !important;
    border-radius: 999px !important;
    background: #6d4d12 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-weight: 800 !important;
    text-shadow: none !important;
}

/* Status colors stay semantic: verified gold-edged sapphire, pending blue, failure red. */
html body:not(.wp-admin) .fold-my-results-page .fold-status.verified {
    background: #0d2947 !important;
    background-image: none !important;
    border-color: #d2a84a !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: none !important;
}

html body:not(.wp-admin) .fold-my-results-page .fold-status.pending {
    background: #0d2947 !important;
    background-image: none !important;
    border-color: #315b87 !important;
    color: #dbeafe !important;
    -webkit-text-fill-color: #dbeafe !important;
}

html body:not(.wp-admin) .fold-my-results-page .fold-status.rejected {
    background: #641c25 !important;
    background-image: none !important;
    border-color: #f87171 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* ------------------------------------------------
   NOTICES, FOCUSED ROWS, AND FAILURES
   ------------------------------------------------ */

html body:not(.wp-admin) .fold-my-results-page .fold-notice {
    background: #0d2947 !important;
    border-color: #d2a84a !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: none !important;
}

html body:not(.wp-admin) .fold-my-results-page .fold-warning,
html body:not(.wp-admin) .fold-my-results-page .fold-results-finish-notice,
html body:not(.wp-admin) .fold-my-results-page .fold-results-final-step {
    background: #07182b !important;
    background-image: none !important;
    border-color: #d2a84a !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035) !important;
}

html body:not(.wp-admin) .fold-my-results-page .fold-warning p,
html body:not(.wp-admin) .fold-my-results-page .fold-warning strong,
html body:not(.wp-admin) .fold-my-results-page .fold-results-finish-notice h2,
html body:not(.wp-admin) .fold-my-results-page .fold-results-finish-notice p,
html body:not(.wp-admin) .fold-my-results-page .fold-results-final-step strong {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html body:not(.wp-admin) .fold-my-results-page .fold-results-focus-notice {
    background: #07182b !important;
    background-image: none !important;
    border-color: #d2a84a !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: none !important;
}

html body:not(.wp-admin) .fold-my-results-page .fold-focused-message-session,
html body:not(.wp-admin) .fold-my-results-page .fold-focused-message-session td {
    background: #000000 !important;
    background-color: #000000 !important;
    outline-color: #d2a84a !important;
    box-shadow: none !important;
}

html body:not(.wp-admin) .fold-my-results-page .fold-results-focus-pill {
    background: #6d4d12 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border: 1px solid #e7c979 !important;
}

html body:not(.wp-admin) .fold-my-results-page .fold-integrity-fail-profile,
html body:not(.wp-admin) .fold-my-results-page .fold-integrity-fail-profile td {
    background: #000000 !important;
    background-color: #000000 !important;
    outline-color: #f87171 !important;
}

html body:not(.wp-admin) .fold-my-results-page .fold-results-integrity-pill {
    background: #641c25 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border-color: #f87171 !important;
}

/* ------------------------------------------------
   ACTIONS AND CHALLENGE PANEL
   ------------------------------------------------ */

html body:not(.wp-admin) .fold-my-results-page .fold-action-stack > .fold-button:not(.fold-primary-cta):not(.fold-danger),
html body:not(.wp-admin) .fold-my-results-page .fold-action-stack > a.fold-button:not(.fold-primary-cta):not(.fold-danger),
html body:not(.wp-admin) .fold-my-results-page .fold-action-stack form:not(:last-child) .fold-button,
html body:not(.wp-admin) .fold-my-results-page .fold-button.fold-secondary {
    background: #0d2947 !important;
    background-image: none !important;
    border-color: #315b87 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045) !important;
    text-shadow: none !important;
}

html body:not(.wp-admin) .fold-my-results-page .fold-action-stack > .fold-button:not(.fold-primary-cta):not(.fold-danger):hover,
html body:not(.wp-admin) .fold-my-results-page .fold-action-stack > a.fold-button:not(.fold-primary-cta):not(.fold-danger):hover,
html body:not(.wp-admin) .fold-my-results-page .fold-button.fold-secondary:hover {
    background: #12375e !important;
    border-color: #bfdbfe !important;
}

html body:not(.wp-admin) .fold-my-results-page .fold-action-stack .fold-danger {
    background: #351016 !important;
    background-image: none !important;
    border-color: #f87171 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* The share container stays predominantly blue/black; gold remains the challenge cue. */
html body:not(.wp-admin) .fold-my-results-page .fold-share-panel {
    background:
        radial-gradient(circle at 88% 10%, rgba(210, 168, 74, .065), transparent 31%),
        linear-gradient(145deg, #0d2947, #050f1d 66%, #02070e) !important;
    border-color: #315b87 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}

html body:not(.wp-admin) .fold-my-results-page .fold-share-panel h4 {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html body:not(.wp-admin) .fold-my-results-page .fold-share-panel p {
    color: #cbd5e1 !important;
    -webkit-text-fill-color: #cbd5e1 !important;
}

html body:not(.wp-admin) .fold-my-results-page .fold-share-panel p strong {
    color: #22d3ee !important;
    -webkit-text-fill-color: #22d3ee !important;
}

html body:not(.wp-admin) .fold-my-results-page .fold-share-icon {
    background: linear-gradient(145deg, #2563eb, #3b82f6) !important;
    border: 1px solid #60a5fa !important;
    color: #ff9f1a !important;
    -webkit-text-fill-color: #ff9f1a !important;
    box-shadow: 0 7px 18px rgba(37, 99, 235, .26) !important;
}

html body:not(.wp-admin) .fold-my-results-page .fold-challenge-share {
    background: #02070e !important;
    background-image: none !important;
    border-color: #315b87 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045) !important;
}

html body:not(.wp-admin) .fold-my-results-page .fold-challenge-share::before {
    color: #ff9f1a !important;
    -webkit-text-fill-color: #ff9f1a !important;
}

html body:not(.wp-admin) .fold-my-results-page .fold-challenge-share:hover,
html body:not(.wp-admin) .fold-my-results-page .fold-challenge-share:focus {
    background: #07182b !important;
    border-color: #60a5fa !important;
    box-shadow: 0 0 18px rgba(37, 99, 235, .20) !important;
}

@media (max-width: 900px) {
    html body:not(.wp-admin) .fold-my-results-page .fold-results-table tbody tr {
        border-color: #244b73 !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    html body:not(.wp-admin) .fold-my-results-page .fold-results-table tbody tr {
        transition: none !important;
    }
}
