/* ===================================
   EVENTS CONFIGURATION MODULE
   ExpandablePanel layout with Opera sync
   =================================== */

/* Last refreshed timestamp */
.config-last-refreshed {
    font-size: var(--text-xs);
    color: var(--text-muted);
    padding: 0 0 var(--space-2) 0;
}

/* Form layout inside modal */
.events-options-form {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

/* Row actions in table */
.row-actions {
    display: flex;
    gap: var(--space-1);
    justify-content: flex-end;
}

/* -- Template Editor Panel -- */
.template-editor-panel {
    display: flex;
    flex-direction: column;
    gap: var(--space-6);
}

.template-editor-panel .proposal-form-section {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.template-editor-panel .proposal-section-heading {
    font-size: var(--text-sm);
    font-weight: var(--font-weight-semibold);
    color: var(--text-secondary);
    margin: 0;
    padding-bottom: var(--space-1);
    border-bottom: var(--border-width-1) solid var(--border-subtle);
}

.template-editor-panel .proposal-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-3);
}

/* Merge field bar styles: shared/components/merge-field-bar.css */

.template-textarea {
    width: 100%;
    font-family: var(--font-mono, monospace);
    font-size: var(--text-sm);
    line-height: var(--line-height-relaxed);
    padding: var(--space-3);
    border: var(--border-width-1) solid var(--border-default);
    border-radius: var(--border-radius-md);
    background: var(--bg-layer-4);
    color: var(--text-body);
    resize: vertical;
    box-sizing: border-box;
}

.template-textarea:focus {
    outline: none;
    border-color: var(--border-focus);
    box-shadow: 0 0 0 2px var(--color-primary-light);
}

.template-actions {
    display: flex;
    justify-content: flex-end;
}