/* ===================================
   Service Enhanced Layout
   Shared base styling for service pages with defined boundaries
   Note: Service-specific colors are handled by the unified theme system in services.css
   =================================== */

/* Main Content Wrapper - Creates visible container with boundaries */
.service-main-content-wrapper {
    background: white;
    border-radius: 20px;
    padding: 2rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    border: 1px solid #e2e8f0;
}

/* Default dark mode - overridden by service-specific styles in services.css */
[data-bs-theme="dark"] .service-main-content-wrapper {
    background: #1a1020;
    border-color: #2a1f35;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

/* Section Divider - Visual separator between sections */
.service-section-divider {
    height: 1px;
    background: linear-gradient(90deg, transparent, #e2e8f0, transparent);
    margin: 1.5rem 0;
}

[data-bs-theme="dark"] .service-section-divider {
    background: linear-gradient(90deg, transparent, #2a1f35, transparent);
}

/* Enhanced Upload Zone within wrapper */
.service-main-content-wrapper .service-upload-zone {
    background: #f8fafc;
    border-color: #cbd5e1;
}

[data-bs-theme="dark"] .service-main-content-wrapper .service-upload-zone {
    background: rgba(15, 10, 18, 0.6);
    border-color: rgba(255, 255, 255, 0.1);
}

/* Action Button - Full width inside wrapper */
.service-main-content-wrapper .service-action-btn {
    width: 100%;
    margin-top: 1.5rem;
}

/* Features Section - Better spacing */
.service-main-content-wrapper .service-features {
    margin-top: 0;
    padding-top: 1.5rem;
}

/* Usage Card - Transparent inside wrapper */
.service-main-content-wrapper .service-usage-card {
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
    margin-bottom: 1.5rem;
}

.service-main-content-wrapper .service-usage-header {
    padding: 0.75rem 1rem;
    background: #f1f5f9;
    border-radius: 10px;
}

[data-bs-theme="dark"] .service-main-content-wrapper .service-usage-header {
    background: rgba(15, 10, 18, 0.6);
}

/* Result Card - Success styling */
.service-main-content-wrapper .service-result {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 16px;
    padding: 2rem;
    margin-top: 1.5rem;
}

[data-bs-theme="dark"] .service-main-content-wrapper .service-result {
    background: rgba(34, 197, 94, 0.1);
    border-color: rgba(34, 197, 94, 0.3);
}

/* Progress - Better spacing */
.service-main-content-wrapper .service-progress {
    margin-top: 1.5rem;
}

/* File List (for merge/multiple uploads) - Better styling */
.service-main-content-wrapper .service-files-list {
    background: #f8fafc;
    border-radius: 12px;
    padding: 1rem;
    margin-top: 1rem;
}

[data-bs-theme="dark"] .service-main-content-wrapper .service-files-list {
    background: rgba(15, 10, 18, 0.6);
}

/* Formats Section - Better integration */
.service-main-content-wrapper .service-formats-section {
    background: transparent;
    border: none;
    padding: 0.75rem 0 0;
}