/* EventCrafter Builder Styles */

#ec-builder-app {
    background: #fff;
    padding: 15px;
}

.ec-toolbar {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.ec-event-card {
    background: #f9f9f9;
    border: 1px solid #ccd0d4;
    border-radius: 4px;
    margin-bottom: 10px;
}

.ec-event-header {
    padding: 10px 15px;
    display: flex;
    align-items: center;
    cursor: move; /* If we add sortable later */
}

.ec-drag-handle {
    color: #a0a5aa;
    margin-right: 15px;
    font-size: 16px;
    cursor: grab;
}

.ec-event-preview-title {
    font-weight: 600;
    margin-right: 10px;
    font-size: 14px;
}

.ec-event-preview-date {
    color: #646970;
    font-size: 12px;
    background: #fff;
    padding: 2px 6px;
    border-radius: 3px;
    border: 1px solid #e5e5e5;
}

.ec-event-actions {
    margin-left: auto;
}

.ec-event-body {
    padding: 15px;
    border-top: 1px solid #e5e5e5;
    background: #fff;
}

.ec-field-row {
    margin-bottom: 15px;
}

.ec-field-row label {
    display: block;
    margin-bottom: 5px;
    font-weight: 500;
}

.ec-empty-state {
    text-align: center;
    color: #646970;
    font-style: italic;
    padding: 30px;
    background: #f0f0f1;
    border: 2px dashed #dcdcde;
}