/* ============================================================
   Success
   ============================================================ */

.nerdhub-quality-success {
    padding: var(--nh-space-5);
    display: flex;
    align-items: center;
    gap: var(--nh-space-4);
    background: var(--nh-surface);
    border: 1px solid rgba(34, 197, 94, 0.25);
    border-radius: var(--nh-radius-lg);
    box-shadow: var(--nh-shadow-sm);
}

.nerdhub-quality-success-icon {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--nh-radius-md);
    background: var(--nh-success-surface);
    color: var(--nh-success);
}

    .nerdhub-quality-success-icon svg {
        width: 20px !important;
        height: 20px !important;
    }

.nerdhub-quality-success strong {
    display: block;
    color: var(--nh-text);
    font-size: var(--nh-font-size-md);
    font-weight: 650;
}

.nerdhub-quality-success span {
    display: block;
    margin-top: var(--nh-space-1);
    color: var(--nh-text-muted);
    font-size: var(--nh-font-size-sm);
}


/* ============================================================
   Summary
   ============================================================ */

.nerdhub-quality-summary {
    padding: var(--nh-space-5);
    display: flex;
    align-items: center;
    gap: var(--nh-space-4);
    margin-bottom: var(--nh-space-8);
    border: 1px solid var(--nh-border);
    border-radius: var(--nh-radius-lg);
    background: var(--nh-surface);
}

.nerdhub-quality-summary-icon {
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--nh-radius-md);
    background: var(--nh-warning-surface);
    color: var(--nh-warning);
}

    .nerdhub-quality-summary-icon svg {
        width: 21px !important;
        height: 21px !important;
    }

.nerdhub-quality-summary-content {
    min-width: 0;
    flex: 1;
}

    .nerdhub-quality-summary-content strong {
        display: block;
        color: var(--nh-text);
        font-size: var(--nh-font-size-md);
        font-weight: 650;
    }

    .nerdhub-quality-summary-content span {
        display: block;
        margin-top: var(--nh-space-1);
        color: var(--nh-text-muted);
        font-size: var(--nh-font-size-sm);
    }

.nerdhub-quality-summary-status {
    flex-shrink: 0;
    color: var(--nh-warning);
    font-size: var(--nh-font-size-sm);
    font-weight: 650;
}


/* ============================================================
   Results
   ============================================================ */

.nerdhub-quality-results {
    display: flex;
    flex-direction: column;
}

.nerdhub-quality-results-header {
    margin-bottom: var(--nh-space-4);
    display: flex;
    justify-content: space-between;
}

    .nerdhub-quality-results-header h2 {
        margin: 0;
        color: var(--nh-text);
        font-size: var(--nh-font-size-lg);
        font-weight: 700;
    }



.nerdhub-quality-results-count {
    display: block;
    margin-top: var(--nh-space-1);
    color: var(--nh-text-muted);
    font-size: var(--nh-font-size-sm);
    line-height: var(--nh-line-height-normal);
}

.nerdhub-inconsistency-results {
    display: flex;
    flex-direction: column;
    gap: var(--nh-space-3);
}

/* ============================================================
   Summary Severity
   ============================================================ */

.nerdhub-quality-summary.severity-error {
    border-color: rgba(239, 68, 68, 0.25);
}

    .nerdhub-quality-summary.severity-error
    .nerdhub-quality-summary-icon {
        background: var(--nh-error-surface);
        color: var(--nh-error);
    }

    .nerdhub-quality-summary.severity-error
    .nerdhub-quality-summary-status {
        color: var(--nh-error);
    }


.nerdhub-quality-summary.severity-warning {
    border-color: rgba(245, 158, 11, 0.25);
}

    .nerdhub-quality-summary.severity-warning
    .nerdhub-quality-summary-icon {
        background: var(--nh-warning-surface);
        color: var(--nh-warning);
    }

    .nerdhub-quality-summary.severity-warning
    .nerdhub-quality-summary-status {
        color: var(--nh-warning);
    }


.nerdhub-quality-summary.severity-info {
    border-color: rgba(59, 130, 246, 0.25);
}

    .nerdhub-quality-summary.severity-info
    .nerdhub-quality-summary-icon {
        background: var(--nh-info-surface);
        color: var(--nh-info);
    }

    .nerdhub-quality-summary.severity-info
    .nerdhub-quality-summary-status {
        color: var(--nh-info);
    }


.nerdhub-quality-summary.finding-potential {
    border-color: rgba(129, 140, 248, 0.25);
}

    .nerdhub-quality-summary.finding-potential
    .nerdhub-quality-summary-icon {
        background: var(--nh-potential-surface);
        color: var(--nh-potential);
    }

    .nerdhub-quality-summary.finding-potential
    .nerdhub-quality-summary-status {
        color: var(--nh-potential);
    }


/* ============================================================
   Responsive
   ============================================================ */

@media (max-width: 600px) {

    .nerdhub-quality-summary {
        align-items: flex-start;
    }

    .nerdhub-quality-summary-status {
        display: none;
    }
}