/* JAK – Alapadatok oldal */
.jak-event-settings {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    box-sizing: border-box;
}

.jak-event-settings > h3 {
    margin: 0 0 20px;
}

.jak-event-settings-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px;
    align-items: start;
    width: 100%;
}

.jak-event-settings-column {
    display: block;
    min-width: 0;
    padding: 16px;
    border: 1px solid #d8d8d8;
    border-radius: 9px;
    background: #fff;
    box-sizing: border-box;
}

.jak-event-settings-column > h4 {
    margin: 0 0 15px;
    padding-bottom: 9px;
    border-bottom: 1px solid #e2e2e2;
    font-size: 20px;
    font-weight: 600;
}

.jak-field {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 5px;
    margin: 0 0 14px;
}

.jak-field > span {
    display: block;
    font-weight: 600;
}

.jak-field input,
.jak-field textarea,
.jak-field select {
    display: block;
    width: 100% !important;
    min-width: 0;
    max-width: none !important;
    box-sizing: border-box;
}

.jak-field-row {
    display: grid;
    grid-template-columns: 185px minmax(150px, 1fr);
    gap: 16px;
    align-items: start;
}

/* Kezdő dátum + időtartam */
.jak-field-row input[type="date"][name="event_start_date"] {
    width: 145px !important;
    max-width: 145px !important;
}
.jak-field--duration { display:block !important; min-width:0; }
.jak-field--duration > span { display:block; margin-bottom:10px; font-weight:600; }
.jak-duration-options { display:flex; flex-direction:column; align-items:flex-start; gap:5px; }
.jak-duration-option {
    display:flex !important; flex-direction:row !important; align-items:center !important;
    gap:7px; width:max-content !important; max-width:100%; margin:0 !important;
    white-space:nowrap; cursor:pointer;
}
.jak-duration-option > input[type="radio"] {
    width:auto !important; min-width:0 !important; margin:0 !important; flex:0 0 auto;
}
.jak-duration-option > span {
    display:inline-flex !important; align-items:center; width:auto !important; margin:0 !important;
}
.jak-duration-or { margin-left:22px; font-size:12px; line-height:1.1; color:#777; }
.jak-duration-night-input {
    display:inline-flex !important; align-items:center !important; gap:6px; white-space:nowrap;
}
.jak-duration-night-input input[type="number"] {
    width:52px !important; min-width:52px !important; max-width:52px !important;
    height:36px; margin:0 !important; padding:5px 7px !important; text-align:center;
}

.jak-input-unit {
    display: flex;
    align-items: center;
    gap: 8px;
}

.jak-input-unit input {
    width: 150px !important;
}

.jak-stops-block {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #e2e2e2;
}

.jak-stops-block h5,
.jak-stop-list h5 {
    margin: 0 0 11px;
    font-size: 16px;
}

.jak-stop-add-form {
    margin: 0;
}

.jak-stop-list {
    margin-top: 18px;
}

.jak-stop-card {
    margin-bottom: 9px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 7px;
}

.jak-stop-card form {
    margin: 8px 0 0;
}

.jak-organizer-readonly {
    margin-bottom: 18px;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: #f7f7f7;
}

.jak-organizer-list {
    display: grid;
    gap: 5px;
    margin-top: 8px;
}

.jak-contact-modes {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 9px;
    margin-bottom: 14px;
}

.jak-contact-modes label,
.jak-contact-list label {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
    margin: 0;
}

.jak-contact-modes input,
.jak-contact-list input {
    flex: 0 0 auto;
    width: auto !important;
    margin-top: 3px;
}

.jak-contact-panel {
    margin-top: 12px;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
}

.jak-contact-panel small {
    display: block;
    margin-top: 4px;
    color: #666;
}

.jak-contact-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px;
    max-height: 360px;
    margin-top: 12px;
    overflow-y: auto;
}

.jak-contact-list label {
    padding: 5px 0;
    border-bottom: 1px solid #eee;
}

.jak-contact-list label:last-child {
    border-bottom: 0;
}

.jak-event-settings-save {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.jak-event-settings-save .jak-btn {
    min-width: 230px;
}

.jak-system-settings-details {
    margin-top: 26px;
    padding-top: 14px;
    border-top: 1px solid #ddd;
}

.jak-system-settings-details summary {
    cursor: pointer;
    font-weight: 700;
}

.jak-system-settings-form {
    display: grid;
    gap: 12px;
    max-width: 520px;
    margin-top: 14px;
}

/* Kisebb laptop: két oszlop. */
@media (max-width: 980px) {
    .jak-event-settings-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .jak-event-settings-column:nth-child(3) {
        grid-column: 1 / -1;
    }
}

/* Telefon és keskeny tablet: egy oszlop. */
@media (max-width: 700px) {
    .jak-event-settings-grid {
        grid-template-columns: 1fr !important;
    }

    .jak-event-settings-column:nth-child(3) {
        grid-column: auto;
    }

    .jak-field-row {
        grid-template-columns: 1fr;
    }
}

/* Alapadatok fejléc: a fő mentés mindig rögtön elérhető. */
.jak-event-settings-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
}

.jak-event-settings-head h3 {
    margin: 0;
}

.jak-event-settings-head .jak-btn {
    flex: 0 0 auto;
    white-space: nowrap;
}

@media (max-width: 700px) {
    .jak-event-settings-head {
        align-items: flex-start;
        flex-direction: column;
    }
}