/* Die With Zero Calculator styles
 * Scoped with .dwz-
 * Enhanced with comparison view and charts
 */

.dwz-container {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    border: 2px solid #083141;
    border-radius: 16px;
    padding: 24px;
    background: #ffffff;
    max-width: 1200px !important;
    width: 100% !important;
    margin: 24px auto 32px !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);
    box-sizing: border-box;
}

/* Override any WordPress theme container constraints */
.dwz-root,
.dwz-root .dwz-container {
    max-width: 1200px !important;
    width: 100% !important;
}

/* Ensure parent containers don't constrain width */
.dwz-root {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box;
    overflow-x: hidden;
}

.dwz-title {
    font-size: 1.8rem;
    margin: 0 0 8px;
    color: #083141;
    font-weight: 700;
}

.dwz-intro {
    margin: 0 0 20px;
    color: #44515a;
    font-size: 1rem;
    line-height: 1.6;
}

.dwz-strategy-toggle {
    display: flex;
    gap: 12px;
    margin-bottom: 24px;
    padding: 16px;
    background: #f7fafb;
    border-radius: 12px;
    border: 1px solid #e3edf2;
}

.dwz-strategy-toggle label {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-weight: 600;
    color: #22303a;
}

.dwz-strategy-toggle input[type="radio"] {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.dwz-comparison-view {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 24px;
}

@media (max-width: 1024px) {
    .dwz-comparison-view {
        grid-template-columns: 1fr;
    }
}

.dwz-steps {
    border-top: 1px solid #e3edf2;
    padding-top: 16px;
    margin-top: 8px;
}

/* Steps */

.dwz-step {
    margin-bottom: 20px;
    padding: 14px 12px 16px;
    border-radius: 10px;
    background: #f7fafb;
    border: 1px solid #e3edf2;
}

.dwz-step-title {
    font-size: 1.05rem;
    margin: 0 0 10px;
    color: #093648;
    font-weight: 800;
}

.dwz-step-help {
    margin: 0 0 12px;
    font-size: 0.9rem;
    color: #5b6770;
}

/* Grid */

.dwz-grid {
    display: grid;
    gap: 12px 18px;
}

.dwz-grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.dwz-grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 1024px) {
    .dwz-grid-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.dwz-asset-summary {
    margin-top: 16px;
    padding: 12px;
    background: #f0f9ff;
    border: 1px solid #7dd3fc;
    border-radius: 8px;
}

.dwz-asset-summary > div:last-child {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

@media (max-width: 768px) {
    .dwz-asset-summary > div:last-child {
        grid-template-columns: 1fr;
        gap: 4px;
    }
}

@media (max-width: 768px) {
    .dwz-container {
        padding: 16px;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .dwz-grid-2,
    .dwz-grid-3 {
        grid-template-columns: 1fr;
    }

    .dwz-step > div[style*="grid-template-columns"] {
        grid-template-columns: 1fr !important;
    }

    .dwz-experiences-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }

    .dwz-experience-card {
        padding: 10px;
    }

    .dwz-experience-icon {
        font-size: 1.5rem;
    }

    .dwz-happiness-meter {
        flex-direction: column;
        gap: 8px;
    }

    .dwz-happiness-value {
        text-align: center;
        min-width: auto;
    }
}

/* Fields */

.dwz-field {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.dwz-label {
    font-size: 0.85rem;
    font-weight: 600;
    color: #22303a;
}

.dwz-input-wrap {
    display: flex;
    align-items: center;
    border-radius: 8px;
    border: 1px solid #cfd8de;
    background: #ffffff;
    padding: 0 8px;
}

.dwz-input {
    flex: 1;
    border: none;
    padding: 6px 4px;
    font-size: 0.92rem;
    background: transparent;
    outline: none;
    min-width: 0;
}

.dwz-input-prefix,
.dwz-input-suffix {
    font-size: 0.86rem;
    color: #7b8791;
    white-space: nowrap;
}

.dwz-input-prefix {
    margin-right: 4px;
}

.dwz-input-suffix {
    margin-left: 4px;
}

.dwz-input:focus {
    outline: none;
}

/* Results */

.dwz-results {
    margin-top: 18px;
    border-top: 1px solid #e3edf2;
    padding-top: 14px;
}

/* Download lives outside .dwz-results so it always mounts (not cleared with charts) */
.dwz-download-anchor {
    display: block !important;
    clear: both;
    width: 100%;
    margin-top: 2rem;
    padding-top: 0.5rem;
    scroll-margin-top: 5rem;
    position: relative;
    z-index: 2;
}

.dwz-download-pointer {
    margin: 0.35rem 0 1rem;
    padding: 0.65rem 0.9rem;
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.45;
    color: #0c4a6e;
    background: linear-gradient(90deg, rgba(14, 165, 233, 0.12), rgba(251, 191, 36, 0.12));
    border-left: 4px solid #f59e0b;
    border-radius: 0 10px 10px 0;
}

.dwz-results-title {
    font-size: 1.05rem;
    margin: 0 0 8px;
    color: #093648;
}

/* Badge summary */

.dwz-summary {
    margin-bottom: 14px;
}

.dwz-badge {
    border-radius: 10px;
    padding: 10px 12px;
    margin-bottom: 12px;
    font-size: 0.9rem;
}

.dwz-badge-title {
    font-weight: 600;
    margin-bottom: 4px;
}

.dwz-badge-body {
    margin: 0;
}

.dwz-badge-good {
    background: #e5f6ef;
    border: 1px solid #35a56b;
    color: #123828;
}

.dwz-badge-warn {
    background: #fff7e5;
    border: 1px solid #d49b26;
    color: #4a3610;
}

.dwz-badge-bad {
    background: #fdeaea;
    border: 1px solid #e55a5a;
    color: #4f1515;
}

.dwz-badge-info {
    background: #ebf2f7;
    border: 1px solid #7c9ab3;
    color: #263648;
}

/* Summary cards */

.dwz-summary-totals {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.dwz-summary-card {
    flex: 1 1 160px;
    border-radius: 10px;
    border: 1px dashed #c2d2dd;
    padding: 8px 10px;
    background: #ffffff;
}

.dwz-summary-label {
    display: block;
    font-size: 0.8rem;
    color: #6b7781;
    margin-bottom: 2px;
}

.dwz-summary-value {
    font-weight: 600;
    color: #083141;
    font-size: 0.95rem;
}

/* Table */

.dwz-table-wrap {
    margin-top: 10px;
    border-radius: 10px;
    border: 1px solid #dde7ef;
    background: #ffffff;
    padding: 10px 10px 12px;
}

.dwz-table-wrap h3 {
    margin-top: 0;
}

.dwz-table-wrap p.dwz-table-footnote {
    margin: 8px 0 0;
    font-size: 0.78rem;
    color: #6c7882;
}

.dwz-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8rem;
    margin-top: 6px;
}

.dwz-table thead {
    background: #ebf2f4;
}

.dwz-table th,
.dwz-table td {
    padding: 4px 6px;
    border: 1px solid #dde7ef;
    text-align: right;
}

.dwz-table th:first-child,
.dwz-table td:first-child {
    text-align: left;
}

.dwz-table-wrap {
    overflow-x: auto;
}

/* Charts */
.dwz-chart-container {
    margin: 20px 0;
    padding: 16px;
    background: #ffffff;
    border: 1px solid #dde7ef;
    border-radius: 12px;
}

.dwz-chart-legend {
    display: flex;
    gap: 16px;
    justify-content: center;
    margin-top: 12px;
    flex-wrap: wrap;
}

.dwz-chart-legend-item {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.85rem;
    color: #44515a;
}

.dwz-chart-legend-color {
    width: 16px;
    height: 16px;
    border-radius: 3px;
    display: inline-block;
}

.dwz-chart-title {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0 0 12px;
    color: #093648;
}

.dwz-chart-canvas {
    width: 100%;
    height: 300px;
    max-height: 400px;
    display: block;
}

@media (max-width: 768px) {
    .dwz-chart-canvas {
        height: 250px;
    }
}

.dwz-charts-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 20px;
}

@media (max-width: 1024px) {
    .dwz-charts-grid {
        grid-template-columns: 1fr;
    }
}

.dwz-comparison-card {
    border: 1px solid #dde7ef;
    border-radius: 12px;
    padding: 16px;
    background: #fafbfc;
}

.dwz-comparison-card h3 {
    margin: 0 0 12px;
    font-size: 1.15rem;
    color: #083141;
    font-weight: 700;
}

.dwz-comparison-metrics {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    margin-top: 12px;
}

.dwz-metric {
    padding: 10px;
    background: #ffffff;
    border-radius: 8px;
    border: 1px solid #e3edf2;
}

.dwz-metric-label {
    font-size: 0.8rem;
    color: #6b7781;
    margin-bottom: 4px;
}

.dwz-metric-value {
    font-size: 1.1rem;
    font-weight: 700;
    color: #083141;
}

.dwz-metric-diff {
    font-size: 0.85rem;
    margin-top: 4px;
    padding-top: 4px;
    border-top: 1px solid #e3edf2;
}

.dwz-metric-diff.positive {
    color: #065f46;
}

.dwz-metric-diff.negative {
    color: #b45309;
}

.dwz-insights {
    margin-top: 24px;
    padding: 16px;
    background: #ebf2f7;
    border: 1px solid #7c9ab3;
    border-radius: 12px;
}

.dwz-insights h3 {
    margin: 0 0 12px;
    font-size: 1.1rem;
    color: #263648;
    font-weight: 700;
}

.dwz-insights ul {
    margin: 0;
    padding-left: 20px;
}

.dwz-insights li {
    margin-bottom: 8px;
    color: #263648;
    line-height: 1.5;
}

/* Experience Visualization */
.dwz-experiences-section {
    margin-top: 20px;
    padding: 16px;
    background: #f7fafb;
    border: 1px solid #e3edf2;
    border-radius: 12px;
}

.dwz-experiences-title {
    font-size: 1.05rem;
    font-weight: 800;
    margin: 0 0 12px;
    color: #093648;
}

.dwz-experiences-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
    margin-top: 12px;
}

.dwz-experience-card {
    background: #ffffff;
    border: 1px solid #dde7ef;
    border-radius: 10px;
    padding: 12px;
    transition: transform 0.2s, box-shadow 0.2s;
}

.dwz-experience-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.dwz-experience-card.affordable {
    border-color: #35a56b;
    background: #f0fdf4;
}

.dwz-experience-card.partial {
    border-color: #d49b26;
    background: #fffbeb;
}

.dwz-experience-card.unaffordable {
    border-color: #e3edf2;
    background: #f9fafb;
    opacity: 0.6;
}

.dwz-experience-icon {
    font-size: 2rem;
    margin-bottom: 8px;
    text-align: center;
}

.dwz-experience-name {
    font-weight: 700;
    font-size: 0.9rem;
    color: #083141;
    margin-bottom: 4px;
    text-align: center;
}

.dwz-experience-cost {
    font-size: 0.85rem;
    color: #6b7781;
    text-align: center;
    margin-bottom: 8px;
}

.dwz-experience-status {
    font-size: 0.75rem;
    text-align: center;
    padding: 4px 8px;
    border-radius: 6px;
    font-weight: 600;
}

.dwz-experience-status.affordable {
    background: #d1fae5;
    color: #065f46;
}

.dwz-experience-status.partial {
    background: #fef3c7;
    color: #92400e;
}

.dwz-experience-status.unaffordable {
    background: #f3f4f6;
    color: #6b7280;
}

.dwz-happiness-section {
    margin-top: 20px;
    padding: 16px;
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
    border: 1px solid #7dd3fc;
    border-radius: 12px;
}

.dwz-happiness-title {
    font-size: 1.05rem;
    font-weight: 800;
    margin: 0 0 12px;
    color: #083141;
}

.dwz-happiness-meter {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 12px;
}

.dwz-happiness-bar-container {
    flex: 1;
    height: 24px;
    background: #e3edf2;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}

.dwz-happiness-bar {
    height: 100%;
    background: linear-gradient(90deg, #fbbf24 0%, #f59e0b 50%, #d97706 100%);
    border-radius: 12px;
    transition: width 0.5s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
}

.dwz-happiness-value {
    font-size: 1.2rem;
    font-weight: 800;
    color: #083141;
    min-width: 60px;
    text-align: right;
}

.dwz-happiness-label {
    font-size: 0.85rem;
    color: #44515a;
    margin-top: 8px;
    text-align: center;
}

.dwz-experience-summary {
    margin-top: 16px;
    padding: 12px;
    background: #ffffff;
    border-radius: 8px;
    border: 1px solid #dde7ef;
}

.dwz-experience-summary-title,
.dwz-experience-summary-title h3 {
    font-size: 0.9rem;
    font-weight: 700;
    color: #083141;
    margin-bottom: 8px;
}

.dwz-experience-summary-list {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0.85rem;
    color: #44515a;
    line-height: 1.6;
}

.dwz-experience-summary-list li {
    padding: 4px 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.dwz-experience-summary-list li:before {
    content: "✓";
    color: #35a56b;
    font-weight: 700;
    font-size: 1rem;
}

/* Strategy Cards */
.dwz-strategy-card {
    position: relative;
}

.dwz-strategy-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

.dwz-strategies-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin-top: 24px;
}

@media (max-width: 768px) {
    .dwz-strategies-grid {
        grid-template-columns: 1fr !important;
    }
    
    .dwz-strategy-card {
        grid-column: 1 / -1;
    }
}

/* Experience Type Cards */
.dwz-experience-type-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

@media (max-width: 768px) {
    .dwz-experience-types-grid {
        grid-template-columns: 1fr !important;
    }
}

/* Bottom: Die With Zero summary download (MailerLite + .txt) */
.dwz-summary-download {
    margin-top: 3rem;
    padding: 0;
    border-radius: 20px;
    overflow: hidden;
    box-shadow:
        0 16px 48px rgba(8, 49, 65, 0.14),
        0 0 0 1px rgba(251, 191, 36, 0.25);
    background: linear-gradient(152deg, #0c4a6e 0%, #083141 38%, #0f172a 100%);
}

.dwz-summary-download__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.5rem 2rem;
    padding: 2rem 1.75rem 2.25rem;
    max-width: 920px;
    margin: 0 auto;
}

.dwz-summary-download__icon {
    font-size: 2.85rem;
    line-height: 1;
    flex-shrink: 0;
    filter: drop-shadow(0 2px 10px rgba(251, 191, 36, 0.45));
}

.dwz-summary-download__copy {
    flex: 1 1 260px;
    min-width: 0;
}

.dwz-summary-download__title {
    color: #fff;
    font-size: clamp(1.2rem, 2.5vw, 1.45rem);
    font-weight: 800;
    margin: 0 0 0.55rem;
    letter-spacing: -0.02em;
    line-height: 1.25;
}

.dwz-summary-download__sub {
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.98rem;
    line-height: 1.62;
    margin: 0 0 0.65rem;
}

.dwz-btn--summary-download {
    flex: 1 1 100%;
    width: 100%;
    max-width: 340px;
    margin: 0 auto;
    padding: 1.05rem 1.35rem;
    font-size: 1rem;
    font-weight: 800;
    border-radius: 14px;
    border: none;
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 45%, #d97706 100%);
    color: #0f172a;
    box-shadow: 0 8px 24px rgba(245, 158, 11, 0.38);
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    font-family: inherit;
    text-align: center;
    line-height: 1.3;
}

.dwz-btn--summary-download:hover:not(:disabled) {
    transform: translateY(-2px);
    box-shadow: 0 12px 32px rgba(245, 158, 11, 0.48);
}

.dwz-btn--summary-download:disabled {
    opacity: 0.48;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

@media (min-width: 720px) {
    .dwz-summary-download__inner {
        flex-wrap: nowrap;
        padding: 2.25rem 2.25rem 2.5rem;
    }

    .dwz-btn--summary-download {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
        margin: 0;
        align-self: center;
    }
}

/* Legacy CTA class (kept for any older markup) */
.dwz-csv-cta {
    margin-top: 0;
    padding: 30px 24px;
    border-top: 3px solid #083141;
    border-radius: 16px;
    text-align: center;
    background: linear-gradient(180deg, rgba(8, 49, 65, 0.08) 0%, rgba(8, 49, 65, 0.02) 100%);
}

.dwz-csv-cta-title {
    margin: 0 0 0.35rem 0;
    color: #083141;
    font-size: 1.15rem;
    font-weight: 800;
}

.dwz-csv-cta-sub {
    margin: 0 0 1rem 0;
    color: #334155;
    font-size: 0.95rem;
    line-height: 1.5;
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
}

.dwz-btn {
    font-family: inherit;
    cursor: pointer;
    border: none;
    border-radius: 8px;
}

.dwz-btn--csv-cta {
    padding: 18px 36px;
    font-size: 18px;
    font-weight: 800;
    min-height: 56px;
    width: 100%;
    max-width: 420px;
}

.dwz-export-btn-row .dwz-btn--csv-cta {
    flex: 1 1 180px;
    width: auto;
    max-width: 420px;
    border-radius: 14px;
    border: 3px solid #083141;
    background: linear-gradient(135deg, #083141 0%, #0a4a63 100%);
    color: #fff;
    box-shadow: 0 6px 20px rgba(8, 49, 65, 0.25);
    transition: transform 0.2s, box-shadow 0.2s;
}

.dwz-btn--csv-cta:hover:not(:disabled) {
    background: linear-gradient(135deg, #0a4a63 0%, #062a38 100%);
    border-color: #062a38;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(8, 49, 65, 0.3);
}

.dwz-btn--csv-cta:disabled {
    opacity: 0.45;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.dwz-modal-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999999;
    padding: 20px;
}

.dwz-modal {
    background: #fff;
    border: 3px solid #9333ea;
    border-radius: 20px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
    max-width: 540px;
    width: 100%;
    z-index: 1000000;
}

.dwz-modal--dwz {
    border-color: #0284c7;
    border-width: 2px;
    box-shadow:
        0 24px 64px rgba(8, 49, 65, 0.35),
        0 0 0 1px rgba(14, 165, 233, 0.2);
}

.dwz-modal--dwz .dwz-modal-header {
    background: linear-gradient(135deg, #0c4a6e 0%, #0369a1 50%, #075985 100%);
}

.dwz-modal-lead {
    font-size: 0.95rem;
    line-height: 1.65;
    color: #334155;
    margin: 0 0 1.1rem;
}

.dwz-modal--dwz .dwz-modal-footer {
    border-top-color: rgba(14, 165, 233, 0.25);
    background: linear-gradient(180deg, #f0f9ff 0%, #e0f2fe 100%);
}

.dwz-modal--dwz .dwz-modal-submit {
    border-color: #d97706;
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 55%, #d97706 100%);
    color: #0f172a;
}

.dwz-modal--dwz .dwz-modal-submit:hover:not(:disabled) {
    background: linear-gradient(135deg, #fcd34d 0%, #fbbf24 50%, #f59e0b 100%);
    border-color: #b45309;
}

.dwz-modal--dwz .dwz-modal-input {
    border-color: #0284c7;
}

.dwz-modal--dwz .dwz-modal-trust {
    background: #e0f2fe;
    color: #0c4a6e;
}

.dwz-modal-header {
    padding: 28px;
    background: linear-gradient(135deg, #9333ea, #7e22ce);
    border-radius: 20px 20px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dwz-modal-header h3 {
    margin: 0;
    font-size: 24px;
    font-weight: 800;
    color: #fff;
}

.dwz-modal-close {
    background: rgba(255, 255, 255, 0.2);
    border: none;
    font-size: 28px;
    color: #fff;
    cursor: pointer;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    line-height: 1;
}

.dwz-modal-body {
    padding: 28px;
}

.dwz-modal-label {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 10px;
    display: block;
}

.dwz-modal-input {
    font-size: 16px;
    padding: 14px 16px;
    border: 3px solid #9333ea;
    width: 100%;
    border-radius: 12px;
    box-sizing: border-box;
}

.dwz-modal-trust {
    background: #f3e8ff;
    padding: 16px;
    border-radius: 12px;
    margin-top: 24px;
    font-size: 14px;
}

.dwz-modal-footer {
    padding: 24px 28px;
    border-top: 3px solid #e9d5ff;
    display: flex;
    gap: 14px;
    justify-content: flex-end;
    background: #f3e8ff;
    flex-wrap: wrap;
}

.dwz-modal-submit {
    min-width: 220px;
    min-height: 48px;
    border: 3px solid #9333ea;
    background: #9333ea;
    color: #fff;
    padding: 16px 32px;
    border-radius: 14px;
    font-weight: 800;
    cursor: pointer;
}

.dwz-modal-submit:hover:not(:disabled) {
    background: #7e22ce;
}

.dwz-modal-btn-secondary {
    border: 2px solid #e9d5ff;
    background: #fff;
    color: #0f172a;
    padding: 14px 24px;
    border-radius: 12px;
    font-weight: 600;
    cursor: pointer;
    min-height: 48px;
}

.dwz-modal-error {
    color: #dc2626;
    font-size: 14px;
    margin-top: 8px;
}

.dwz-modal-success {
    font-size: 18px;
    font-weight: 700;
    color: #059669;
    text-align: center;
    padding: 24px;
}

@media (max-width: 540px) {
    .dwz-modal {
        max-width: 100%;
        margin: 0 8px;
    }

    .dwz-modal-footer {
        flex-direction: column;
    }

    .dwz-modal-submit,
    .dwz-modal-btn-secondary {
        min-width: 100%;
    }
}

/* Print */

@media print {
    .dwz-download-pointer,
    .dwz-download-anchor,
    .dwz-summary-download,
    .dwz-csv-cta,
    .dwz-modal-overlay {
        display: none !important;
    }

    .dwz-container {
        box-shadow: none;
        border: none;
        max-width: 100%;
        padding: 0;
    }

    .dwz-step {
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .dwz-summary-totals {
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .dwz-table-wrap {
        page-break-inside: avoid;
    }

    .dwz-chart-container {
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .dwz-comparison-view {
        break-inside: avoid;
        page-break-inside: avoid;
    }
}