/* WP MD Exporter — Form Elements */

/* Folder / directory row */
.wme-dir-row { display: flex; gap: 8px; align-items: center; }

.wme-dir-input {
    flex: 1;
    font-size: 13px !important;
    font-family: 'Consolas', 'Monaco', monospace !important;
}

.wme-dir-status {
    margin-top: 8px;
    padding: 8px 12px;
    border-radius: 3px;
    font-size: 13px;
}
.wme-dir-status.is-success { background: #f0fdf4; border: 1px solid #bbf7d0; color: #166534; }
.wme-dir-status.is-error   { background: #fef2f2; border: 1px solid #fecaca; color: #991b1b; }

/* Checkbox groups */
.wme-checkboxes { display: flex; flex-wrap: wrap; gap: 6px 20px; }

.wme-checkbox-label {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    cursor: pointer;
    padding: 4px 0;
}
.wme-checkbox-label input[type="checkbox"] { margin: 0; cursor: pointer; }
.wme-pt-slug { color: #787c82; font-size: 12px; }

/* Date range row */
.wme-date-row  { display: flex; gap: 16px; flex-wrap: wrap; }
.wme-date-group { display: flex; flex-direction: column; gap: 4px; }
.wme-date-group label { font-size: 12px; color: #787c82; font-weight: 500; }
.wme-date-group input[type="date"] {
    padding: 6px 10px;
    border: 1px solid #8c8f94;
    border-radius: 3px;
    font-size: 13px;
    background: #fff;
}

/* Count preview box */
.wme-count-row    { display: flex; flex-direction: column; gap: 10px; }
.wme-count-preview {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #f0f6fc;
    border: 1px solid #c3c4c7;
    border-radius: 4px;
    padding: 10px 14px;
    font-size: 13px;
}
.wme-count-icon           { font-size: 18px; line-height: 1; }
#wme-count-text           { flex: 1; color: #1d2327; }
#wme-count-text.is-loading { color: #787c82; font-style: italic; }
#wme-count-text.is-ready   { font-weight: 600; color: #2271b1; }
.wme-overwrite-label      { font-size: 12px !important; color: #50575e; }

/* Export action buttons */
.wme-actions {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid #e0e0e0;
}
.wme-export-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 40px !important;
    padding: 0 18px !important;
    font-size: 14px !important;
}
.wme-export-btn .dashicons { font-size: 18px; line-height: 40px; }
.wme-export-btn:disabled   { opacity: 0.5; cursor: not-allowed; }
.wme-actions-hint          { font-size: 12px; color: #787c82; font-style: italic; }