{"version":3,"file":"next-steps-portal.css","mappings":";;;AAEI;EACI;EACA;EACA;EACA;AADR;AAGQ;EACI;AADZ;AAIQ;;EAEI;AAFZ;AAKQ;EACI;EACA;EACA;AAHZ;AAOI;;EAEI;EACA;EACA;EACA;EACA;EACA;AALR;AAOQ;;EACI;AAJZ;AAQY;;EACI;AALhB;AAQY;;EACI;AALhB;AAUI;EACI;EACA;AARR;AAWI;EACI;AATR;AAWQ;EACI;AATZ;AAYQ;EACI;AAVZ;AAcI;EACI;EACA;EACA;EACA;EACA;EACA;AAZR;AAcQ;;EAEI;AAZZ;AAeQ;EACI;AAbZ;AAiBI;EACI;EACA;EACA;EACA;AAfR;AAkBI;;;EAGI;EACA;AAhBR;AAoBQ;EACI;AAlBZ;AAqBQ;EACI;AAnBZ;AAyBY;EACI;AAvBhB;AA0BY;EACI;AAxBhB;AA6BI;EACI;EACA;EACA;EACA;EACA;EACA;AA3BR;AA6BQ;EACI;EACA;EACA;EACA;EACA;AA3BZ;AA8BQ;EACI;EACA;EACA;EACA;EACA;EACA;AA5BZ;AAiCY;EACI;AA/BhB;AAqCY;EACI;AAnChB;AAsCY;EACI;EACA;AApChB;AAyCI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAvCR;AAyCQ;EACI;EACA;EACA;AAvCZ;AA0CQ;EACI;EACA;EACA;EACA;EACA;AAxCZ;AA2CQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AAzCZ;AA2CY;EACI;AAzChB;AA6CQ;EACI;EACA;EACA;EACA;EACA;AA3CZ;AA+CI;EACI;EACA;EACA;EACA;EACA;AA7CR;AA+CQ;EACI;EACA;AA7CZ;AA+CY;EACI;AA7ChB;AAkDI;EAEI;EACA;AAjDR;AAmDQ;EACI;AAjDZ;AAqDI;EACI;AAnDR;AAsDI;EACI;AApDR;AAuDI;EACI;EACA;EACA;EACA;EACA;AArDR;AAuDQ;EACI;AArDZ;AAwDQ;EACI;EACA;AAtDZ;AA0DI;EACI;AAxDR;AA0DQ;EACI;AAxDZ;AA4DI;EACI;EACA;AA1DR;AA6DI;EACI;AA3DR;AA8DI;EACI;EACA;AA5DR;AAgEI;;EAEI;EACA;EACA;EACA;EACA;EACA;AA9DR;AAgEQ;;;;EAEI;EACA;AA5DZ;AA8DY;;;;EACI;EACA;EACA;AAzDhB;AA4DY;;;;EACI;EACA;EACA;AAvDhB;AA2DQ;;EACI;EACA;EACA;EACA;EACA;AAxDZ;AA2DQ;;EACI;EACA;EACA;EACA;EACA;EACA;AAxDZ;AA0DY;;EACI;EACA;EACA;EACA;AAvDhB;AAyDgB;;EACI;AAtDpB;AA0DY;;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAvDhB;AA6DI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA3DR;AA6DQ;EACI;AA3DZ;AAgEI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA9DR;AAgEQ;EACI;AA9DZ;AAmEI;EACI;EACA;EACA;EACA;EACA;EACA;AAjER;AAmEQ;EACI;EACA;AAjEZ;AAmEY;EACI;EACA;EACA;AAjEhB;AAoEY;EACI;EACA;EACA;AAlEhB,C","sources":["webpack://@newfold-labs/wp-module-next-steps/./src/components/nextSteps/styles.scss"],"sourcesContent":["#nfd-nextsteps.nfd-nextsteps {\n\n    .nfd-track {\n        border: 1px solid #336AD7;\n        border-radius: 4px;\n        margin-bottom: 1.5rem;\n        transition: all .2s ease;\n\n        &:hover {\n            background-color: #EAF4FB;\n        }\n\n        .nfd-track-header,\n        .nfd-track-sections {\n            padding: 1rem;\n        }\n\n        .nfd-track-title {\n            padding: 0 !important;\n            font-size: 1rem;\n            font-weight: 600;\n        }\n    }\n\n    .nfd-track-header,\n    .nfd-section-header {\n        align-items: center;\n        cursor: pointer;\n        display: flex;\n        color: #121212;\n        justify-content: space-between;\n        transition: background-color .2s ease-in-out;\n\n        .nfd-header-icon {\n            transition: color .2s ease-in-out;\n        }\n\n        &:hover {\n            .nfd-track-title {\n                color: #336AD7;\n            }\n\n            .nfd-header-icon {\n                color: #336AD7\n            }\n        }\n    }\n\n    .nfd-track-header-icon {\n        width: 2rem;\n        transform: rotate(180deg);\n    }\n\n    .nfd-track[open] {\n        background-color: #EAF4FB;\n\n        .nfd-track-title {\n            color: #336AD7;\n        }\n\n        .nfd-track-header-icon {\n            transform: rotate(0deg);\n        }\n    }\n\n    .nfd-section {\n        background-color: #ffffff;\n        border: 1px solid #D1E1FF;\n        border-radius: 1rem;\n        margin-bottom: 1rem;\n        overflow: hidden;\n        position: relative;\n\n        .nfd-section-header,\n        .nfd-section-steps {\n            padding: 1rem;\n        }\n\n        .nfd-section-header {\n            gap: 2rem;\n        }\n    }\n\n    .nfd-section-header h3 {\n        display: flex;\n        align-items: center;\n        gap: 1rem;\n        margin: 0 !important;\n    }\n\n    .nfd-section-header-icon,\n    .nfd-section-header-icon-opened,\n    .nfd-section-header-icon-closed {\n        width: 1.75rem;\n        height: 1.75rem;\n    }\n\n    .nfd-section-header-icon {\n        .nfd-section-header-icon-opened {\n            display: none;\n        }\n\n        .nfd-section-header-icon-closed {\n            display: inline-block;\n        }\n    }\n\n    .nfd-section[open] {\n        .nfd-section-header-icon {\n            .nfd-section-header-icon-opened {\n                display: inline-block;\n            }\n\n            .nfd-section-header-icon-closed {\n                display: none;\n            }\n        }\n    }\n\n    .nfd-progress-bar {\n        background-color: #E0E8EED1;\n        border: 1px solid #D7D7D7;\n        border-radius: 1rem;\n        height: 1rem;\n        max-width: 50%;\n        position: relative;\n\n        .nfd-progress-bar-inner {\n            background-color: #336AD7A8;\n            border-radius: 1rem;\n            height: calc(1rem - 2px);\n            z-index: 1;\n            transition: all .2s ease;\n        }\n\n        .nfd-progress-bar-label {\n            position: absolute;\n            top: -1px;\n            right: 0.75rem;\n            color: #234aa7;\n            z-index: 2;\n            font-size: 11px;\n        }\n\n        // empty style\n        &.nfd-progress-bar-0 {\n            .nfd-progress-bar-label {\n                color: #696969;\n            }\n        }\n\n        // complete style\n        &.nfd-progress-bar-100 {\n            .nfd-progress-bar-inner {\n                background-color: #A0C00F;\n            }\n\n            .nfd-progress-bar-label {\n                color: #fff;\n                text-shadow: 0 0 2px rgba(0, 0, 0, 0.75);\n            }\n        }\n    }\n\n    .nfd-section-complete {\n        align-items: center;\n        background-color: rgba(255, 255, 255, .85);\n        border-radius: 1rem;\n        display: flex;\n        flex-direction: column;\n        height: calc(100% - 4.25rem);\n        justify-content: center;\n        left: 0;\n        max-height: 100%;\n        opacity: 0;\n        padding: 0 1rem 1rem;\n        position: absolute;\n        top: 100%;\n        transition: all .15s ease .15s;\n        width: 100%;\n\n        &[data-complete=\"true\"][data-show-celebration=\"true\"] {\n            opacity: .95;\n            top: 4.25rem;\n            z-index: 1;\n        }\n\n        .nfd-nextsteps-section-close-button {\n            height: 1.75rem;\n            position: absolute;\n            right: 1rem;\n            top: 0.25rem;\n            width: 1.75rem;\n        }\n\n        .nfd-section-celebrate {\n            display: flex;\n            color: #A0C00F;\n            height: 6rem;\n            margin: 0 auto 0;\n            max-height: 100%;\n            min-height: 2rem;\n            width: auto;\n\n            svg path {\n                stroke-width: 1px;\n            }\n        }\n\n        .nfd-section-celebrate-text {\n            color: #121212;\n            font-size: 1rem;\n            font-weight: 600;\n            margin: 0 auto 0;\n            text-align: center;\n        }\n    }\n\n    .nfd-nextsteps-step {\n        border: 1px solid #D7D7D7;\n        border-radius: 1rem;\n        padding: 10px;\n        margin-bottom: 10px;\n        transition: .2s all ease-in-out;\n\n        &:hover {\n            background-color: #EAF4FB;\n            border-color: #336AD7;\n\n            .nfd-nextsteps-button-dismiss {\n                opacity: 1;\n            }\n        }\n    }\n\n    .nfd-nextsteps-step-done {\n        // text-decoration: line-through;\n        background-color: #F6FDE8 !important;\n        border-color: #78AE144A;\n\n        .nfd-nextsteps-step-title {\n            color: #696969;\n        }\n    }\n\n    .nfd-nextsteps-step-dismissed {\n        text-decoration: line-through;\n    }\n\n    .nfd-ml-auto {\n        margin-left: auto;\n    }\n\n    .nfd-nextsteps-button {\n        align-items: center;\n        color: #7E7E7E;\n        display: inline-flex;\n        text-decoration: none;\n        transition: all .2s ease;\n\n        &:hover {\n            color: #336AD7\n        }\n\n        svg {\n            width: 100%;\n            height: auto;\n        }\n    }\n\n    .nfd-nextsteps-button-todo {\n        width: 1.5rem;\n\n        &:hover {\n            color: #ABAE14;\n        }\n    }\n\n    .nfd-nextsteps-button-dismiss {\n        width: 1rem;\n        opacity: 0;\n    }\n\n    .nfd-nextsteps-button-link {\n        width: 1.25rem;\n    }\n\n    .nfd-nextsteps-button-redo {\n        width: 1.5rem;\n        color: #ABAE14;\n    }\n\n    // ✨ Error Boundary Styles\n    .nfd-error-boundary,\n    .nfd-nextsteps-error {\n        padding: 2rem;\n        text-align: center;\n        background: #fff;\n        border: 1px solid #ddd;\n        border-radius: 4px;\n        margin: 1rem 0;\n\n        .nfd-error-boundary-content,\n        .nfd-nextsteps-error-content {\n            max-width: 500px;\n            margin: 0 auto;\n\n            h3 {\n                color: #d63638;\n                margin-bottom: 1rem;\n                font-size: 1.2rem;\n            }\n\n            p {\n                color: #666;\n                margin-bottom: 1.5rem;\n                line-height: 1.5;\n            }\n        }\n\n        .nfd-error-boundary-actions {\n            display: flex;\n            gap: 0.5rem;\n            justify-content: center;\n            flex-wrap: wrap;\n            margin-bottom: 1rem;\n        }\n\n        .nfd-error-boundary-details {\n            margin-top: 1.5rem;\n            text-align: left;\n            background: #f8f9fa;\n            border: 1px solid #e9ecef;\n            border-radius: 4px;\n            padding: 1rem;\n\n            summary {\n                cursor: pointer;\n                font-weight: 600;\n                margin-bottom: 0.5rem;\n                color: #495057;\n\n                &:hover {\n                    color: #007cba;\n                }\n            }\n\n            .nfd-error-boundary-stack {\n                background: #f1f1f1;\n                border: 1px solid #ccc;\n                border-radius: 3px;\n                padding: 0.75rem;\n                font-family: 'Courier New', monospace;\n                font-size: 0.8rem;\n                color: #d63638;\n                white-space: pre-wrap;\n                word-break: break-word;\n                max-height: 200px;\n                overflow-y: auto;\n                margin: 0;\n            }\n        }\n    }\n\n    // Section-level error fallback\n    .nfd-section-error {\n        padding: 1rem;\n        text-align: center;\n        background: #fff3cd;\n        border: 1px solid #ffeaa7;\n        border-radius: 4px;\n        margin: 0.5rem 0;\n        color: #856404;\n        font-size: 0.9rem;\n\n        p {\n            margin: 0;\n        }\n    }\n\n    // Task-level error fallback\n    .nfd-task-error {\n        padding: 0.75rem;\n        text-align: center;\n        background: #f8d7da;\n        border: 1px solid #f5c6cb;\n        border-radius: 4px;\n        margin: 0.25rem 0;\n        color: #721c24;\n        font-size: 0.85rem;\n\n        p {\n            margin: 0;\n        }\n    }\n\n    // API-specific error boundary\n    .nfd-api-error-boundary {\n        padding: 1.5rem;\n        text-align: center;\n        background: #e7f3ff;\n        border: 1px solid #b3d9ff;\n        border-radius: 4px;\n        margin: 1rem 0;\n\n        .nfd-api-error-content {\n            max-width: 400px;\n            margin: 0 auto;\n\n            h4 {\n                color: #0073aa;\n                margin-bottom: 0.75rem;\n                font-size: 1.1rem;\n            }\n\n            p {\n                color: #555;\n                margin-bottom: 1rem;\n                line-height: 1.4;\n            }\n        }\n    }\n\n}"],"names":[],"sourceRoot":""}