{"version":3,"file":"popup-admin.css","mappings":";;;AAII;EACI;AAHR;AAMI;;;;;EAKI;AAJR;AAQQ;EACI;AANZ;AAoBI;;EAEI;AAlBR;AAoBQ;;EACI;EACA;EACA;AAjBZ;AAoBQ;;EACI;EACA;EACA;AAjBZ;AAsBI;EACI;AApBR;AAuBI;EACI;AArBR;AA0BQ;EACI;AAxBZ;AA4BI;EACI;EACA;EACA;EACA;AA1BR;AA6BQ;EACI;EACA;EACA;EACA;EACA;EACA;AA3BZ;AA6BY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AA3BhB;AA+BQ;EACI;EACA;EACA;EACA;EAEA;AA9BZ;AAiCQ;;EAEI;EACA;EACA;EACA;EACA;EACA;AA/BZ;AAkCQ;EACI;AAhCZ;AAoCY;EACI;EACA;AAlChB;AAoCgB;EACI;AAlCpB;AAsCY;EACI;AApChB;AAuCY;;EAEI;EACA;EACA;EACA;AArChB;AA0CI;EACI;AAxCR;AA2CI;EACI;AAzCR,C","sources":["webpack://popup-maker/core/./packages/popup-admin/src/index.scss?"],"sourcesContent":["// Popup Analytics Table Styles\n.wp-list-table {\n\n    // Enabled column\n    th.column-enabled {\n        width: 80px;\n    }\n\n    th.column-views,\n    th.column-interactions,\n    th.column-conversions,\n    th.column-purchases,\n    th.column-revenue {\n        width: 150px;\n    }\n\n    td.column-conversions {\n        .pum-col-content {\n            max-width: 15ch;\n        }\n    }\n\n\n    // Analytics column headers - center the text\n    th.column-views,\n    th.column-conversions {\n\n        // Handle sortable columns\n        >a {}\n    }\n\n    // Analytics column content - center the container, left-align the content\n    td.column-views,\n    td.column-conversions {\n        line-height: 1.2;\n\n        strong {\n            display: block;\n            font-size: 16px;\n            margin-bottom: 2px;\n        }\n\n        span {\n            display: block;\n            font-size: 12px;\n            color: #6b7280;\n        }\n    }\n\n    // Column-specific colors\n    td.column-views>.pum-col-content>strong {\n        color: #1e3a8a;\n    }\n\n    td.column-conversions>.pum-col-content>strong {\n        color: #581c87;\n    }\n\n    // Conversion rate progress bar\n    td.column-conversions {\n        .pum-progress-bar {\n            max-width: 150px;\n        }\n    }\n\n    .pum-progress-bar {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        position: relative;\n        // margin-bottom: 4px;\n\n        &__inner {\n            flex-grow: 1;\n            position: relative;\n            height: 8px;\n            background-color: #cccccc;\n            border-radius: 8px;\n            overflow: hidden;\n\n            .pum-progress-fill {\n                position: absolute;\n                left: 0;\n                top: 0;\n                background-color: #374151;\n                height: 100%;\n                border-radius: 8px;\n                transition: width 0.3s ease;\n            }\n        }\n\n        strong {\n            flex-shrink: 0;\n            color: #6b7280;\n            font-size: 14px;\n            margin-bottom: 0;\n            // min-width: 35px;\n            text-align: right;\n        }\n\n        i,\n        i::before {\n            margin-left: -4px;\n            font-size: 16px;\n            line-height: 14px;\n            width: 16px;\n            height: 16px;\n            color: #6b7280;\n        }\n\n        &--small {\n            font-size: 12px;\n\n            // gap: 4px;\n\n            .pum-progress-bar__inner {\n                height: 4px;\n                border-radius: 4px;\n\n                .pum-progress-fill {\n                    border-radius: 4px;\n                }\n            }\n\n            strong {\n                font-size: 1em !important;\n            }\n\n            i,\n            i::before {\n                font-size: 1em;\n                line-height: .95em;\n                width: 1em;\n                height: 1em;\n            }\n        }\n    }\n\n    td.column-views>.pum-col-content>strong {\n        color: #1e3a8a;\n    }\n\n    td.column-conversions .pum-progress-bar>strong {\n        color: #581c87;\n    }\n}"],"names":[],"sourceRoot":""}