/* WO27 Repair: safe polish only. Do not hide archives or break interactions. */

:root {
    --odos-bg: #070a10;
    --odos-panel: #111722;
    --odos-line: rgba(255,255,255,0.10);
    --odos-gold: #e0b253;
    --odos-green: #81c784;
    --odos-text: #f7f0e3;
    --odos-muted: rgba(247,240,227,0.70);
}

.odos-polish-repair .odos-old-stage-hidden {
    display: revert !important;
}

.odos-polish-stage-strip {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border: 1px solid var(--odos-line);
    border-radius: 16px;
    overflow: hidden;
    margin: 1rem 0 1.2rem;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.012)),
        var(--odos-panel);
}

.odos-polish-stage-strip__cell {
    padding: 1rem 1.1rem;
    border-right: 1px solid var(--odos-line);
}

.odos-polish-stage-strip__cell:last-child {
    border-right: 0;
}

.odos-polish-stage-strip strong {
    display: block;
    font-size: 1.05rem;
    margin-top: 0.15rem;
}

.odos-polish-stage-strip small {
    color: var(--odos-muted);
}

.odos-polish-progress-safe {
    border-radius: 18px;
    border: 1px solid var(--odos-line);
    background:
        linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.012)),
        var(--odos-panel);
}

.odos-stage-complete {
    border-color: rgba(129,199,132,0.35) !important;
    background:
        linear-gradient(180deg, rgba(61,112,65,0.22), rgba(24,55,35,0.12)) !important;
}

.odos-stage-current {
    border-color: rgba(224,178,83,0.65) !important;
    background:
        linear-gradient(180deg, rgba(224,178,83,0.22), rgba(224,178,83,0.06)) !important;
    box-shadow: 0 0 0 1px rgba(224,178,83,0.12);
}

.odos-polish-generated-drawer,
.odos-archive-shell {
    border-radius: 16px;
}

.odos-polish-generated-drawer.odos-approved:not([open]) {
    border-color: rgba(129,199,132,0.35) !important;
    background:
        linear-gradient(180deg, rgba(61,112,65,0.22), rgba(24,55,35,0.12)) !important;
}

.odos-archive-restored {
    display: block !important;
    visibility: visible !important;
}

.odos-archive-restored > summary,
.odos-polish-generated-drawer > summary {
    cursor: pointer;
}

/* Raw code drawer is allowed to be quiet, but still accessible. */
.odos-raw-generated-assets {
    margin: 0.75rem 0 1.25rem;
    border: 1px solid rgba(255,255,255,0.09);
    border-radius: 14px;
    background: rgba(0,0,0,0.18);
}

.odos-raw-generated-assets > summary {
    cursor: pointer;
    padding: 0.75rem 1rem;
    color: rgba(255,255,255,0.72);
    font-weight: 700;
}

.odos-raw-generated-assets__body {
    padding: 0 1rem 1rem;
    color: rgba(255,255,255,0.62);
    font-size: 0.84rem;
    max-height: 280px;
    overflow: auto;
    border-top: 1px solid rgba(255,255,255,0.08);
}

/* Re-enable pointer interactions in case old polish accidentally suppressed them. */
.odos-polish-repair button,
.odos-polish-repair a,
.odos-polish-repair summary,
.odos-polish-repair input,
.odos-polish-repair textarea,
.odos-polish-repair select,
.odos-polish-repair form {
    pointer-events: auto !important;
}

@media (max-width: 850px) {
    .odos-polish-stage-strip {
        grid-template-columns: 1fr;
    }

    .odos-polish-stage-strip__cell {
        border-right: 0;
        border-bottom: 1px solid var(--odos-line);
    }

    .odos-polish-stage-strip__cell:last-child {
        border-bottom: 0;
    }
}