/* WP MD Exporter — Progress Bar & Download Panel */

/* Outer progress container */
.wme-progress-wrap {
    background: #fff;
    border: 1px solid #c3c4c7;
    border-radius: 4px;
    padding: 20px 24px;
    margin-top: 24px;
    max-width: 860px;
}

/* Header row: title + counter */
.wme-progress-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    font-size: 14px;
}

/* Track and fill */
.wme-progress-bar-track {
    background: #f0f0f0;
    border-radius: 4px;
    height: 14px;
    overflow: hidden;
    margin-bottom: 10px;
}
.wme-progress-bar-fill {
    background: linear-gradient(90deg, #2271b1, #135e96);
    height: 100%;
    border-radius: 4px;
    transition: width 0.35s ease;
}
.wme-progress-bar-fill.is-complete {
    background: linear-gradient(90deg, #16a34a, #15803d);
}

#wme-progress-status { font-size: 13px; color: #787c82; margin: 4px 0 0; }

/* Download area (shown after chunked export completes) */
.wme-download-wrap {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid #e0e0e0;
}
.wme-download-btn {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    height: 44px !important;
    padding: 0 22px !important;
    font-size: 15px !important;
    animation: wme-pulse 1s ease 0s 3;
}
.wme-download-btn .dashicons { font-size: 20px; line-height: 44px; }

@keyframes wme-pulse {
    0%   { box-shadow: 0 0 0 0 rgba(34,113,177,0.45); }
    70%  { box-shadow: 0 0 0 9px rgba(34,113,177,0); }
    100% { box-shadow: 0 0 0 0 rgba(34,113,177,0); }
}