{"version":3,"file":"dashboard.css","mappings":";;;AAGA;EAEE;AAHF;AAKE;EACE;EACA;AAHJ;AAKI;EAEE;EACA;AAJN;;AASA;EACE;EACA;EACA;EACA;EACA;EACA;AANF;AAQE;EACE;EACA;AANJ;;AAUA;EACE;AAPF;AASE;EACE;AAPJ;;AAcA;EACE;EACA;EACA;EACA;EACA;AAXF;AAaE;EACE;EACA;EACA;EACA;AAXJ;AAcE;EACE;AAZJ;AAeE;EACE;EACA;EACA;AAbJ;AAgBE;EACE;EACA;EACA;EACA;AAdJ;AAiBE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAfJ;AAiBI;EAEE;EACA;EACA;EACA;EACA;AAhBN;;AA0BA;EACE;EACA;EACA;EACA;AAvBF;AAyBE;EACE;EACA;AAvBJ;;AA4BA;EACE;AAzBF;AA2BE;EACE;EACA;EACA;EACA;AAzBJ;AA4BE;EACE;EACA;EACA;EACA;EACA;AA1BJ;AA4BI;EACE;AA1BN;AA6BI;EACE;AA3BN;AA+BE;EACE;EACA;AA7BJ;;AAkCA;EACE;EACA;EACA;AA/BF;AAiCE;EACE;EACA;EACA;EACA;AA/BJ;AAkCE;EACE;EACA;AAhCJ;;AAqCA;EACE;EACA;AAlCF;AAoCE;EACE;EACA;EACA;AAlCJ;AAqCE;EACE;EACA;EACA;AAnCJ;;AAwCA;EACE;EACA;AArCF;AAuCE;EACE;EACA;EACA;EACA;AArCJ;AAwCE;EACE;AAtCJ;AAwCI;EACE;AAtCN;AA0CE;EACE;EACA;EACA;EACA;AAxCJ;AA2CE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAzCJ;AA4CE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AA1CJ;AA6CE;EACE;EACA;EACA;EACA;EACA;AA3CJ;;AAgDA;EACE;IACE;EA7CF;EAgDA;IACE;IACA;EA9CF;EAiDA;IACE;IACA;EA/CF;AACF,C","sources":["webpack://popup-maker/core/./packages/dashboard/src/index.scss?"],"sourcesContent":["// Popup Maker Dashboard Widget Styles\n\n// Main widget container\n.pum-dashboard-widget {\n  // Reset any custom styling to match WP defaults\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n  \n  a {\n    color: #2271b1;\n    text-decoration: underline;\n    \n    &:hover,\n    &:focus {\n      color: #135e96;\n      text-decoration: none;\n    }\n  }\n}\n\n.pum-widget-badge {\n  background: #f0f0f1; // WP admin gray\n  color: #646970; // WP admin text muted\n  font-size: 12px;\n  font-weight: 500;\n  padding: 4px 12px;\n  border-radius: 3px; // WP standard radius\n\n  &.pum-badge-pro {\n    background: #2271b1; // WP admin blue\n    color: white;\n  }\n}\n\n#pum_analytics_basic .postbox-header h2 {\n  gap: 1em;\n\n  .pum-widget-badge {\n    margin-right: auto;\n  }\n}\n\n\n\n// Upgrade box\n.pum-upgrade-box {\n  margin: 20px;\n  padding: 15px;\n  background: #f6f7f7; // WP admin light background\n  border-radius: 3px;\n  border-left: 4px solid #2271b1; // WP admin blue accent\n\n  .pum-upgrade-header {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 8px;\n  }\n\n  .pum-upgrade-icon {\n    font-size: 20px;\n  }\n\n  .pum-upgrade-title {\n    font-size: 14px;\n    font-weight: 600;\n    color: #1d2327; // WP admin text primary\n  }\n\n  .pum-upgrade-text {\n    margin: 0 0 16px 0;\n    color: #50575e; // WP admin text secondary\n    font-size: 13px;\n    line-height: 1.5;\n  }\n\n  .pum-upgrade-button {\n    display: inline-block;\n    padding: 6px 14px;\n    background: #2271b1; // WP admin blue\n    color: white;\n    text-align: center;\n    text-decoration: none;\n    font-size: 13px;\n    font-weight: normal;\n    border-radius: 3px;\n    border: 1px solid #2271b1;\n    cursor: pointer;\n    transition: background 0.05s ease-in-out;\n\n    &:hover,\n    &:focus {\n      background: #135e96; // WP admin blue hover\n      border-color: #135e96;\n      color: white;\n      outline: 2px solid transparent;\n      outline-offset: 0;\n    }\n  }\n}\n\n\n\n\n\n// Stats grid\n.pum-stats-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 20px;\n  padding: 20px;\n\n  &.pum-stats-grid-2x2 {\n    grid-template-columns: 1fr 1fr;\n    grid-template-rows: auto auto;\n  }\n}\n\n// Individual stat styles\n.pum-stat {\n  text-align: center;\n\n  &.pum-stat-with-chart {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    text-align: left;\n  }\n\n  .pum-stat-value {\n    font-size: 32px;\n    font-weight: 600;\n    line-height: 1;\n    margin-bottom: 4px;\n    color: #1d2327; // WP admin text primary\n\n    &.pum-stat-views {\n      color: #1d2327; // Standard text color for views\n    }\n\n    &.pum-stat-conversions {\n      color: #00a32a; // WP admin success green for conversions\n    }\n  }\n\n  .pum-stat-label {\n    color: #646970; // WP admin text muted\n    font-size: 13px;\n  }\n}\n\n// Conversion rate section\n.pum-conversion-rate {\n  text-align: center;\n  padding: 20px;\n  background: #f6f7f7; // WP admin light background\n\n  .pum-rate-value {\n    font-size: 36px;\n    font-weight: 600;\n    color: #00a32a; // WP admin success green for conversion rate\n    margin-bottom: 4px;\n  }\n\n  .pum-rate-label {\n    color: #646970; // WP admin text muted\n    font-size: 13px;\n  }\n}\n\n// Top performer section\n.pum-top-performer {\n  padding: 20px;\n  border-top: 1px solid #c3c4c7; // WP admin border\n\n  .pum-performer-label {\n    color: #646970; // WP admin text muted\n    font-size: 13px;\n    margin-bottom: 4px;\n  }\n\n  .pum-performer-name {\n    font-size: 14px;\n    font-weight: 600;\n    color: #1d2327; // WP admin text primary\n  }\n}\n\n// Top performers list\n.pum-top-performers {\n  padding: 20px;\n  border-top: 1px solid #c3c4c7; // WP admin border\n\n  h4 {\n    margin: 0 0 12px 0;\n    font-size: 14px;\n    font-weight: 600;\n    color: #1d2327; // WP admin text primary\n  }\n\n  .pum-performer-item {\n    margin-bottom: 12px;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  .pum-performer-name {\n    display: block;\n    font-size: 13px;\n    color: #1d2327; // WP admin text primary\n    margin-bottom: 4px;\n  }\n\n  .pum-performer-bar {\n    position: relative;\n    background: #dcdcde; // WP admin light gray\n    height: 20px;\n    border-radius: 3px;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    padding-right: 8px;\n  }\n\n  .pum-performer-fill {\n    position: absolute;\n    left: 0;\n    top: 0;\n    height: 100%;\n    background: #2271b1; // WP admin blue\n    border-radius: 3px;\n    transition: width 0.3s ease;\n  }\n\n  .pum-performer-rate {\n    position: relative;\n    z-index: 1;\n    font-size: 12px;\n    font-weight: 600;\n    color: #1d2327; // WP admin text primary\n  }\n}\n\n// Responsive adjustments for smaller dashboard layouts\n@media (max-width: 782px) {\n  .pum-stats-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .pum-device-grid {\n    grid-template-columns: 1fr;\n    gap: 12px;\n  }\n\n  .pum-widget-footer {\n    flex-direction: column;\n    gap: 8px;\n  }\n}"],"names":[],"sourceRoot":""}