/*
 * Locked Mission Data summary for mission.php and adv_mission.php.
 *
 * Lock Mission Data:
 * - hides the editable Map, Parameters, Description, Options, and Randomizer
 *   status;
 * - displays a compact read-only summary;
 * - leaves Staff Unlock in the Mission Data header.
 *
 * Staff Unlock:
 * - restores the complete form view.
 */

.mission-data-summary[hidden],
.mission-data-summary-group[hidden] {
    display: none !important;
}

.mission-data-summary {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 8px;
    margin: 5px 0 0;
    min-width: 0;
}

.mission-data-summary-parameters-only {
    grid-template-columns: minmax(0, 1fr);
}

.mission-data-summary-group {
    min-width: 0;
    padding: 7px;
    border: 1px solid var(--panel-border, #555);
    background: rgba(0, 0, 0, 0.12);
}

.mission-data-summary-group > h3 {
    margin: 0 0 5px;
    padding: 0 0 4px;
    border-bottom: 1px solid var(--panel-border, #555);
    font-size: 0.78rem;
    line-height: 1;
    text-align: center;
}

.mission-data-summary-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2px 7px;
    margin: 0;
}

.mission-option-summary-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.mission-data-summary-item {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: baseline;
    gap: 4px;
    min-width: 0;
    padding: 2px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    font-size: 0.68rem;
    line-height: 1.08;
}

.mission-data-summary-item dt {
    min-width: 0;
    color: var(--muted, #bbb);
    font-weight: 600;
    white-space: nowrap;
}

.mission-data-summary-item dd {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
    font-weight: 700;
}

.mission-summary-value-on {
    color: var(--success, #73d998);
}

.mission-summary-value-off {
    color: var(--muted, #aaa);
}

/*
 * Hide the editable Mission Data form while locked.
 */
#missionDataPanel.mission-data-collapsed
    .mission-configuration-layout,
#missionDataPanel.mission-data-collapsed
    .basic-mission-data-layout,
#missionDataPanel.mission-data-collapsed
    #missionRandomizerStatus {
    display: none !important;
}

#missionDataPanel.mission-data-collapsed {
    grid-template-rows: auto auto auto !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
}

#missionDataPanel.mission-data-collapsed
    .mission-data-summary {
    display: grid;
}

#missionDataPanel.mission-data-collapsed
    #randomizeMissionBtn,
#missionDataPanel.mission-data-collapsed
    #lockMissionDataBtn {
    display: none !important;
}

#missionDataPanel.mission-data-collapsed
    #missionDataState {
    margin-bottom: 0;
}

/*
 * Make the collapsed panel compact inside the iPad single-frame layout.
 */
body.mission-data-is-collapsed
    .mission-device-layout
    .ems-main {
    grid-template-rows: auto minmax(0, 1fr) !important;
}

body.mission-data-is-collapsed
    .mission-device-layout
    #missionDataPanel {
    max-height: none !important;
}

@media (max-width: 1100px) {
    .mission-data-summary-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mission-option-summary-list {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (orientation: landscape)
    and (min-width: 900px)
    and (max-width: 1100px)
    and (max-height: 820px) {
    .mission-data-summary {
        gap: 5px;
        margin-top: 3px;
    }

    .mission-data-summary-group {
        padding: 5px;
    }

    .mission-data-summary-group > h3 {
        margin-bottom: 3px;
        padding-bottom: 3px;
        font-size: 0.68rem;
    }

    .mission-data-summary-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1px 5px;
    }

    .mission-option-summary-list {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .mission-data-summary-item {
        gap: 3px;
        padding: 1px 0;
        font-size: 0.6rem;
        line-height: 1;
    }
}

@media (max-width: 760px) {
    .mission-data-summary {
        grid-template-columns: 1fr;
    }

    .mission-data-summary-list,
    .mission-option-summary-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}