/* --- Event Edit View Modern Styles --- */

#event-explorer-modal {
    #explorer-view-edit {
        #explorer-edit-event-form.explorer-scroll-area {

            padding: 0 !important;

            .ios-emoji-preview-wrapper {
                box-shadow: none;
                text-align: center;
            }

            .ios-emoji-header {
                background: #282b3e !important;
                border: 1px solid rgba(255, 255, 255, 0.08) !important;
                margin-bottom: 15px;
                border-radius: 12px;
                padding: 0 10px 10px 10px;

                #edit-emoji-preview {
                    font-size: 48px;
                }
            }
        }
    }
}

#explorer-view-edit {
    &:not(.hidden) {
        display: flex !important;
        flex-direction: column !important;
        flex: 1 1 auto !important;
        height: 100% !important;
        width: 100% !important;
        min-height: 0;
    }

    .event-edit-card {
        background: #282b3e !important;
        border-radius: 12px;
        overflow: hidden;
        margin-bottom: 15px;
        border: 1px solid rgba(255, 255, 255, 0.08) !important;
    }

    .event-edit-row,
    .ios-form-row {
        display: flex;
        align-items: center;
        padding: 14px 16px;
        position: relative;
        min-height: 52px;
        gap: 12px;
        background: #282b3e;
        transition: background 0.2s ease;
        flex-wrap: wrap;
    }

    .event-edit-row:not(:last-child)::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 16px;
        right: 0;
        height: 0.5px;
        background: rgba(255, 255, 255, 0.06);
    }

    .event-edit-row.no-border::after {
        display: none;
    }

    .edit-row-icon {
        width: 32px;
        height: 32px;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        color: #fff;
    }

    /* Icon Colors */
    .edit-row-icon.blue {
        background: #007aff;
    }

    .edit-row-icon.gray {
        background: #8e8e93;
    }

    .edit-row-icon.orange {
        background: #ff9500;
    }

    .edit-row-icon.purple {
        background: #af52de;
    }

    .edit-row-icon.green {
        background: #34c759;
    }

    .edit-row-icon.red {
        background: #ff3b30;
    }

    .edit-row-label {
        font-size: 19px;
        color: #fff;
        font-weight: 400;
        flex: 1;
    }

    .edit-row-content,
    .ios-row-content {
        flex: 1;
        display: flex;
        align-items: center;
        gap: 0.5rem;

        &.flex-row {
            flex-wrap: nowrap;
            flex-direction: row;
        }
    }

    .edit-row-content input,
    .ios-row-content input {
        background: transparent !important;
        border: none !important;
        color: #fff !important;
        font-size: 17px !important;
        width: 100% !important;
        padding: 0 !important;
        outline: none !important;
        background: #202232 !important;
        border: 1px solid rgba(255, 255, 255, 0.08) !important;
        border-radius: 12px;
        padding: 10px !important;
    }

    .edit-row-content input::placeholder {
        color: rgba(255, 255, 255, 0.3);
    }

    /* Section Toggle Row */
    .edit-section-toggle {
        cursor: pointer;
        width: 100%;
        border: none;
        text-align: left;
    }

    .edit-section-toggle:active {
        background: rgba(255, 255, 255, 0.05);
    }

    .edit-chevron {
        color: rgba(255, 255, 255, 0.3);
        transition: transform 0.3s ease;
    }

    .edit-section-toggle.active .edit-chevron {
        transform: rotate(90deg);
    }

    /* Inner Forms */
    .edit-inner-container {
        padding: 0 0 15px 0;
    }

    .edit-textarea {
        background: rgba(0, 0, 0, 0.2) !important;
        color: #ffffff !important;
        border: 1px solid rgba(255, 255, 255, 0.1) !important;
        border-radius: 12px !important;
        padding: 12px !important;
        font-size: 16px !important;
        width: calc(100% - 32px) !important;
        margin: 0 16px !important;
        resize: none;
        outline: none;
    }

    .edit-row-hint {
        padding: 8px 16px;
        font-size: 13px;
        color: rgba(255, 255, 255, 0.5);
        line-height: 1.4;
    }

    /* Sticky Footer Buttons */
    .edit-submit-bar {
        padding: 20px 16px;
        background: #1c1c1e;
        border-top: 0.5px solid rgba(255, 255, 255, 0.1);
    }

    .edit-submit-btn {
        background: var(--accent) !important;
        color: #000 !important;
        border-radius: 12px !important;
        padding: 16px !important;
        font-weight: 700 !important;
        font-size: 17px !important;
        width: 100% !important;
        border: none !important;
        transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .edit-submit-btn:active {
        transform: scale(0.97);
    }
}

.date-poll-row {

    .event-edit-row,
    .ios-form-row {
        flex-wrap: wrap;

        .edit-row-label,
        .ios-row-label {
            flex: none !important;
        }
    }
}

#edit-date-poll-section,
#edit-items-optional,
#edit-bring-along-optional {

    #edit-add-date-option-btn,
    #explorer-edit-add-item-btn,
    #explorer-edit-add-bring-along-btn {
        border-radius: 10px;
        margin: 0 15px;
        width: auto !important;
    }
}