.version-import-form {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) 240px 240px auto;
    align-items: end;
    gap: 16px;
    margin-top: 22px;
    padding: 22px;
    border: 1px solid #9bcbb0;
    border-radius: 13px;
    background: #f2fbf6;
}

.version-rule {
    display: flex;
    gap: 16px;
    align-items: center;
    margin-bottom: 20px;
    padding: 15px 18px;
    border: 1px solid #bdd5ed;
    border-radius: 12px;
    color: #294866;
    background: #eef6fd;
}

.version-rule strong { white-space: nowrap; color: #123f68; }
.version-current td { background: #effaf4 !important; }
.version-state { display: inline-block; padding: 4px 9px; border-radius: 999px; color: #536174; font-size: 11px; font-weight: 700; background: #e8edf3; }
.version-state--current { color: #087040; background: #d8f5e6; }
.version-state--future { color: #73520c; background: #fff0c7; }

.version-import-form h2,
.version-import-form p {
    margin: 0 0 5px;
}

.version-import-form p,
.version-import-form small {
    color: var(--muted);
}

@media (max-width: 1000px) {
    .version-import-form {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .version-import-form {
        grid-template-columns: 1fr;
    }

    .version-rule { align-items: flex-start; flex-direction: column; gap: 5px; }
}