/*
 * Basic Mission unified Parameters / Options cleanup.
 *
 * Tightens the left Mission Data group without changing any controls or
 * Mission Option state logic.
 */

.basic-mission-page
    .mission-compact-controls
    .basic-mission-data-layout {
    display: grid;
    grid-template-columns:
        268px
        minmax(360px, 424px)
        minmax(330px, 365px);
    gap: 8px;
    justify-content: center;
    align-items: start;
}

/* ---------------- Unified left panel ---------------- */

.basic-mission-page
    .mission-compact-controls
    .basic-mission-parameter-cell {
    grid-column: 1;
    grid-row: 1;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    padding: 6px !important;
    align-self: start;
    order: initial !important;
}

.basic-mission-page
    .mission-compact-controls
    .basic-mission-parameter-cell > h3 {
    margin: 0 0 4px !important;
    padding: 0 0 4px !important;
    font-size: 0.72rem !important;
    line-height: 1.05;
}

/* ---------------- Mission Parameters ---------------- */

.basic-mission-page
    .mission-compact-controls
    .basic-mission-parameter-cell
    .mission-listbox-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(3, auto);
    gap: 0 !important;
    margin: 0;
    border-top: 1px solid var(--panel-border, #4b5055);
    border-left: 1px solid var(--panel-border, #4b5055);
}

.basic-mission-page
    .mission-compact-controls
    .basic-mission-parameter-cell
    .mission-listbox-grid > label {
    display: grid !important;
    grid-template-columns: 1fr !important;
    box-sizing: border-box;
    min-width: 0;
    min-height: 34px !important;
    margin: 0;
    padding: 2px 3px !important;
    gap: 1px !important;
    border: 0 !important;
    border-right: 1px solid var(--panel-border, #4b5055) !important;
    border-bottom: 1px solid var(--panel-border, #4b5055) !important;
    font-size: 0.56rem !important;
    font-weight: 700;
    line-height: 1 !important;
}

.basic-mission-page
    .mission-compact-controls
    .basic-mission-parameter-cell
    .mission-listbox-grid select {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 23px !important;
    height: 23px !important;
    margin: 0;
    padding: 1px 3px !important;
    font-size: 0.57rem !important;
    line-height: 1 !important;
}

/* ---------------- Mission Options subsection ---------------- */

.basic-inline-mission-options {
    box-sizing: border-box;
    margin: 5px 0 0;
    padding: 0;
    border: 0;
}

.basic-inline-mission-options > h4 {
    margin: 0 !important;
    padding: 3px 4px !important;
    border: 1px solid var(--panel-border, #4b5055);
    border-bottom: 0;
    color: inherit;
    font-size: 0.59rem !important;
    font-weight: 700;
    line-height: 1.05;
    text-align: center;
}

.basic-option-indicator-table {
    width: 100%;
    margin: 0;
    table-layout: fixed;
    border-collapse: collapse;
    border-top: 1px solid var(--panel-border, #4b5055);
    border-left: 1px solid var(--panel-border, #4b5055);
}

.basic-option-indicator-table td {
    box-sizing: border-box;
    width: 50%;
    height: 27px;
    padding: 2px 3px;
    border-right: 1px solid var(--panel-border, #4b5055);
    border-bottom: 1px solid var(--panel-border, #4b5055);
    vertical-align: middle;
}

.basic-option-indicator-item {
    display: grid;
    grid-template-columns: 9px minmax(0, 1fr);
    align-items: center;
    gap: 4px;
    min-width: 0;
}

.basic-option-state-proxy {
    display: none !important;
}

.mission-option-indicator-light {
    display: block;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    border: 1px solid #7d858c;
    border-radius: 50%;
    background: #25292d;
    box-shadow:
        inset 0 0 0 1px rgba(0, 0, 0, 0.42),
        0 0 2px rgba(255, 255, 255, 0.1);
}

.mission-option-indicator-label {
    min-width: 0;
    overflow: hidden;
    color: #d9dde1;
    font-size: 0.50rem !important;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    text-overflow: clip;
}

.basic-option-state-proxy:checked
    + .mission-option-indicator-light {
    border-color: #8df0ae;
    background: #63d789;
    box-shadow:
        0 0 5px rgba(99, 215, 137, 0.72);
}

.basic-option-no-return
    .basic-option-state-proxy:checked
    + .mission-option-indicator-light {
    border-color: #ff8b8b;
    background: #ff5c5c;
    box-shadow:
        0 0 5px rgba(255, 92, 92, 0.72);
}

/* ---------------- Neighboring columns ---------------- */

.basic-mission-page
    .mission-compact-controls
    .basic-map-preview-cell {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    order: initial !important;
}

.basic-mission-page
    .mission-compact-controls
    .mission-description-cell {
    grid-column: 3;
    grid-row: 1;
    min-width: 0;
    order: initial !important;
}

.basic-readonly-option-panel {
    display: none !important;
}

@media (max-width: 900px) {
    .basic-mission-page
        .mission-compact-controls
        .basic-mission-data-layout {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .basic-mission-page
        .mission-compact-controls
        .basic-mission-parameter-cell {
        grid-column: 1;
        grid-row: 1;
    }

    .basic-mission-page
        .mission-compact-controls
        .basic-map-preview-cell {
        grid-column: 1;
        grid-row: 2;
    }

    .basic-mission-page
        .mission-compact-controls
        .mission-description-cell {
        grid-column: 1;
        grid-row: 3;
    }
}