/*
 * MEO NextGen Candidate Theme
 * Derived from approved/frozen Claude MEO design.
 * DEV USER only.
 */

:root {
    --meo-ink: #132038;
    --meo-ink-muted: #5B6578;
    --meo-ink-faint: #8891A3;

    --meo-line: #E1E6EF;
    --meo-line-strong: #C7CFDD;

    --meo-surface: #FFFFFF;
    --meo-bg: #F3F5FA;

    --meo-brand: #1E63AE;
    --meo-brand-dark: #154C87;
    --meo-brand-tint: #E8F1FB;

    --meo-success: #1F8A52;
    --meo-success-tint: #E4F5EC;

    --meo-warning: #B4690E;
    --meo-warning-tint: #FBEEDC;

    --meo-danger: #C23B3B;
    --meo-danger-tint: #FBEAEA;

    --meo-radius: 14px;
    --meo-radius-sm: 9px;

    --meo-shadow-sm:
        0 1px 2px rgba(19, 32, 56, .05),
        0 1px 1px rgba(19, 32, 56, .03);

    --meo-shadow-md:
        0 6px 18px rgba(19, 32, 56, .08),
        0 2px 6px rgba(19, 32, 56, .05);

    --meo-shadow-lg:
        0 16px 40px rgba(19, 32, 56, .14),
        0 4px 14px rgba(19, 32, 56, .08);

    --meo-font:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Helvetica,
        Arial,
        sans-serif;

    --meo-content-width: 1180px;
}

.meo-nextgen {
    margin: 0;
    color: var(--meo-ink);
    background: var(--meo-bg);
    font-family: var(--meo-font);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.meo-container {
    width: min(calc(100% - 40px), var(--meo-content-width));
    margin-inline: auto;
}

.meo-card {
    background: var(--meo-surface);
    border: 1px solid var(--meo-line);
    border-radius: var(--meo-radius);
    box-shadow: var(--meo-shadow-md);
}

.meo-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 10px 18px;
    border: 1px solid transparent;
    border-radius: var(--meo-radius-sm);
    font: inherit;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    cursor: pointer;
    transition:
        transform .15s ease,
        box-shadow .15s ease,
        background-color .15s ease,
        border-color .15s ease;
}

.meo-btn:hover {
    transform: translateY(-1px);
}

.meo-btn-primary {
    color: #fff;
    background: var(--meo-brand);
    border-color: var(--meo-brand);
    box-shadow: var(--meo-shadow-sm);
}

.meo-btn-primary:hover {
    color: #fff;
    background: var(--meo-brand-dark);
    border-color: var(--meo-brand-dark);
}

.meo-btn-secondary {
    color: var(--meo-ink);
    background: var(--meo-surface);
    border-color: var(--meo-line-strong);
}

.meo-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: .875rem;
    font-weight: 600;
}

.meo-pill-brand {
    color: var(--meo-brand-dark);
    background: var(--meo-brand-tint);
}

.meo-success {
    color: var(--meo-success);
}

.meo-warning {
    color: var(--meo-warning);
}

.meo-danger {
    color: var(--meo-danger);
}

@media (max-width: 767px) {
    .meo-container {
        width: min(calc(100% - 24px), var(--meo-content-width));
    }

    .meo-btn {
        min-height: 46px;
    }
}