{"version":3,"file":"./style-dashboard.css","mappings":";;;AAAA;;;;EAAA;AAMA;EACC;EACA;EACA;EACA;AAAD;AAGA;EACC;EACA;EACA;EACA;EACA;EACA;AAAD;AAEC;EACC;EACA;EACA;AAAF;AAEE;EACC;AAAH;AAIC;EACC;EACA;EACA;EACA;EACA;AAFF;AAKC;EACC;EACA;AAHF;AAQC;EACC;EACA;EACA;EACA;EACA;AALF;AAQC;EACC;EACA;AANF;AAUA;EACC;EACA;AAPD;AAYC;EACC;EACA;AATF;AAWE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AATH;AAWG;EACC;AATJ;AAYG;EACC;EACA;EACA;AAVJ;AAgBA;EACC;AAbD;AAiBA;EACC;EACA;EACA;EACA;AAdD;AAgBC;EACC;AAdF;AAiBC;EACC;EACA;EACA;EACA;AAfF;AAiBE;EACC;EACA;AAfH;AAmBC;EACC;EACA;EACA;EACA;AAjBF;AAmBE;EACC;EACA;AAjBH;AAmBG;EACC;AAjBJ;AAmBI;EACC;AAjBL;AAuBA;EACC;EACA;EACA;AApBD;AAwBA;EACC;EACA;EACA;EACA;EACA;EACA;AArBD;AAuBC;EACC;AArBF;AAwBC;EACC;EACA;AAtBF;AA2BA;EACC;EACA;AAxBD;AA0BC;EACC;EACA;EACA;EACA;AAxBF;AA2BC;EACC;EACA;EACA;AAzBF;AA4BC;EACC;AA1BF;AAgCA;EACC;AA7BD;AAgCE;EACC;EACA;EACA;AA9BH;AAoCG;EACC;AAlCJ;AAqCG;EACC;EACA;EACA;AAnCJ;AAyCC;EACC;AAvCF;AAyCE;EACC;EACA;EACA;AAvCH;AAyCG;EACC;AAvCJ;AA2CE;EACC;EACA;EACA;AAzCH;AA2CG;EACC;EACA;AAzCJ;AA2CI;EACC;EACA;AAzCL;AA2CK;EACC;AAzCN;AA6CI;EACC;AA3CL;AA6CK;EACC;AA3CN;AA+CI;EACC;AA7CL;AA+CK;EACC;AA7CN;AAoDC;EACC;AAlDF;AAoDE;EACC;EACA;EACA;EACA;EACA;EACA;AAlDH;AAoDG;EACC;EACA;AAlDJ;AAqDG;EACC;EACA;AAnDJ;AAwDC;EACC;EACA;EACA;EACA;AAtDF;AAwDE;EACC;EACA;EACA;AAtDH;AAwDG;EACC;AAtDJ;AAyDG;EACC;AAvDJ;AA4DC;EACC;EACA;EACA;AA1DF;AA8DC;EACC;AA5DF;AA+DC;EACC;AA7DF;AAgEC;EACC;EACA;AA9DF;AAiEC;EACC;AA/DF;AAoEA;EACC;IACC;IACA;EAjEA;EAmEA;;;;;IAKC;EAjED;EAoEA;IACC;EAlED;EAsEC;IACC;IACA;IACA;EApEF;EAsEE;IACC;IACA;IACA;IACA;EApEH;EAsEG;IACC;IACA;IACA;IACA;IACA;EApEJ;EAwEE;IACC;IACA;EAtEH;EAwEG;IACC;EAtEJ;EA0EE;IACC;IACA;EAxEH;AACF,C","sources":["webpack://topbuddy/./src/dashboard/style.scss"],"sourcesContent":["/**\r\n * Dashboard Styles\r\n * \r\n * @package TopBuddy\r\n */\r\n\r\n.topbuddy-dashboard-wrapper {\r\n\tbackground: #fff;\r\n\tborder: 1px solid #c3c4c7;\r\n\tbox-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);\r\n\tmargin: 50px 15px;\r\n}\r\n\r\n.topbuddy-dashboard-header {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: space-between;\r\n\tpadding: 16px 20px;\r\n\tborder-bottom: 1px solid #c3c4c7;\r\n\tbackground: #fff;\r\n\r\n\t.topbuddy-dashboard-logo {\r\n\t\tdisplay: flex;\r\n\t\tgap: 10px;\r\n\t\talign-items: center;\r\n\r\n\t\timg {\r\n\t\t\tmax-width: 26px;\r\n\t\t}\r\n\t}\r\n\r\n\th1 {\r\n\t\tmargin: 0;\r\n\t\tpadding: 0;\r\n\t\tfont-size: 23px;\r\n\t\tfont-weight: 400;\r\n\t\tline-height: 1.3;\r\n\t}\r\n\r\n\t.topbuddy-header-actions {\r\n\t\tdisplay: flex;\r\n\t\tgap: 8px;\r\n\t}\r\n}\r\n\r\n.topbuddy-notification-bars-list {\r\n\t.components-card__body {\r\n\t\tpadding: 0;\r\n\t\tborder: 0;\r\n\t\tbox-shadow: none;\r\n\t\toutline: none;\r\n\t\tborder-radius: 0 !important;\r\n\t}\r\n\r\n\t.components-card {\r\n\t\tborder-radius: 0;\r\n\t\tbox-shadow: none;\r\n\t}\r\n}\r\n\r\n.topbuddy-dashboard-container {\r\n\tpadding: 20px;\r\n\tmax-width: 100%;\r\n}\r\n\r\n// Tab Panel Styles\r\n.topbuddy-tab-panel {\r\n\t.components-tab-panel__tabs {\r\n\t\tborder-bottom: 1px solid #c3c4c7;\r\n\t\tmargin-bottom: 20px;\r\n\r\n\t\t.components-tab-panel__tabs-item {\r\n\t\t\tpadding: 12px 16px;\r\n\t\t\tfont-size: 14px;\r\n\t\t\tfont-weight: 500;\r\n\t\t\tcolor: #646970;\r\n\t\t\tborder: none;\r\n\t\t\tbackground: transparent;\r\n\t\t\tcursor: pointer;\r\n\t\t\tborder-bottom: 2px solid transparent;\r\n\t\t\tmargin-bottom: -1px;\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tcolor: var(--topbuddy-color-primary);\r\n\t\t\t}\r\n\r\n\t\t\t&.is-active {\r\n\t\t\t\tcolor: var(--topbuddy-color-primary) !important;\r\n\t\t\t\tborder-bottom-color: var(--topbuddy-color-primary) !important;\r\n\t\t\t\tborder-left: 0 !important;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.topbuddy-tab-content {\r\n\tmin-height: 200px;\r\n}\r\n\r\n// Settings\r\n.topbuddy-settings-container {\r\n\tmax-width: 600px;\r\n\tbackground: #fff;\r\n\tborder: 1px solid #e0e0e0;\r\n\tborder-radius: 4px;\r\n\r\n\t.components-panel__body {\r\n\t\tborder: none;\r\n\t}\r\n\r\n\t.topbuddy-roles-list {\r\n\t\tmargin-top: 15px;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tgap: 10px;\r\n\r\n\t\t.components-panel__row {\r\n\t\t\tjustify-content: flex-start;\r\n\t\t\tmargin-bottom: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t.topbuddy-settings-footer {\r\n\t\tpadding: 20px 16px;\r\n\t\tborder-top: 1px solid #e0e0e0;\r\n\t\tdisplay: flex;\r\n\t\tgap: 15px;\r\n\r\n\t\t.topbuddy-settings-notices {\r\n\t\t\tmargin: 0;\r\n\t\t\tflex: 1;\r\n\r\n\t\t\t.components-notice {\r\n\t\t\t\tmargin: 0;\r\n\t\t\t\t\r\n\t\t\t\t.components-notice__content {\r\n\t\t\t\t\tmargin: 5px 10px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n.topbuddy-settings-placeholder {\r\n\tpadding: 40px 20px;\r\n\ttext-align: center;\r\n\tcolor: #646970;\r\n}\r\n\r\n// Loading State\r\n.topbuddy-loading {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tpadding: 60px 20px;\r\n\ttext-align: center;\r\n\r\n\t.components-spinner {\r\n\t\tmargin-bottom: 16px;\r\n\t}\r\n\r\n\tp {\r\n\t\tcolor: #646970;\r\n\t\tmargin: 0;\r\n\t}\r\n}\r\n\r\n// Empty State\r\n.topbuddy-empty-state {\r\n\ttext-align: center;\r\n\tpadding: 40px 20px;\r\n\r\n\th2 {\r\n\t\tfont-size: 20px;\r\n\t\tfont-weight: 600;\r\n\t\tmargin: 0 0 12px;\r\n\t\tcolor: #1d2327;\r\n\t}\r\n\r\n\tp {\r\n\t\tcolor: #646970;\r\n\t\tmargin: 0 0 24px;\r\n\t\tfont-size: 14px;\r\n\t}\r\n\r\n\t.components-button {\r\n\t\tmargin-top: 8px;\r\n\t}\r\n}\r\n\r\n\r\n// Table Styles\r\n.topbuddy-table {\r\n\tbackground: #fff;\r\n\r\n\tthead {\r\n\t\tth {\r\n\t\t\tfont-weight: 600;\r\n\t\t\tpadding: 8px 10px;\r\n\t\t\tborder-bottom: 1px solid #c3c4c7;\r\n\t\t}\r\n\t}\r\n\r\n\ttbody {\r\n\t\ttr {\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-color: #f6f7f7;\r\n\t\t\t}\r\n\r\n\t\t\ttd {\r\n\t\t\t\tpadding: 10px;\r\n\t\t\t\tborder-bottom: 1px solid #c3c4c7;\r\n\t\t\t\tvertical-align: middle;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t// Column specific styles\r\n\t.topbuddy-table-title {\r\n\t\twidth: 40%;\r\n\r\n\t\t.row-title {\r\n\t\t\tfont-weight: 600;\r\n\t\t\tcolor: var(--topbuddy-color-primary);\r\n\t\t\ttext-decoration: none;\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tcolor: #2145e6;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.row-actions {\r\n\t\t\tmargin-top: 4px;\r\n\t\t\tfont-size: 13px;\r\n\t\t\tcolor: #646970;\r\n\r\n\t\t\tspan {\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t\tmargin-right: 8px;\r\n\r\n\t\t\t\ta {\r\n\t\t\t\t\tcolor: var(--topbuddy-color-primary);\r\n\t\t\t\t\ttext-decoration: none;\r\n\r\n\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\tcolor: #2145e6;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.duplicate a {\r\n\t\t\t\t\tcolor: var(--topbuddy-color-primary);\r\n\r\n\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\tcolor: #2145e6;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.trash a {\r\n\t\t\t\t\tcolor: #d32f2f;\r\n\r\n\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\tcolor: #b71c1c;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.topbuddy-table-status {\r\n\t\twidth: 15%;\r\n\r\n\t\t.topbuddy-status-badge {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tpadding: 4px 8px;\r\n\t\t\tfont-size: 12px;\r\n\t\t\tfont-weight: 500;\r\n\t\t\tborder-radius: 4px;\r\n\t\t\tline-height: 1.4;\r\n\r\n\t\t\t&.status-publish {\r\n\t\t\t\tbackground-color: #1c1c1c;\r\n\t\t\t\tcolor: #fff;\r\n\t\t\t}\r\n\r\n\t\t\t&.status-draft {\r\n\t\t\t\tbackground-color: #eeeeee;\r\n\t\t\t\tcolor: #1c1c1c;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.topbuddy-table-active {\r\n\t\twidth: 15%;\r\n\t\ttext-align: center;\r\n\t\tdisplay: table-cell;\r\n\t\tvertical-align: middle;\r\n\r\n\t\t.components-toggle-control {\r\n\t\t\tmargin: 0;\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: center;\r\n\t\t\t\r\n\t\t\t.components-base-control__field {\r\n\t\t\t\tmargin-bottom: 0;\r\n\t\t\t}\r\n\r\n\t\t\t.components-form-toggle {\r\n\t\t\t\tmargin: 0;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.topbuddy-table-date {\r\n\t\twidth: 20%;\r\n\t\tcolor: #646970;\r\n\t\tfont-size: 13px;\r\n\t}\r\n\r\n\t// Header column widths\r\n\t.topbuddy-table-title-header {\r\n\t\twidth: 40%;\r\n\t}\r\n\r\n\t.topbuddy-table-status-header {\r\n\t\twidth: 15%;\r\n\t}\r\n\r\n\t.topbuddy-table-active-header {\r\n\t\twidth: 15%;\r\n\t\ttext-align: center;\r\n\t}\r\n\r\n\t.topbuddy-table-date-header {\r\n\t\twidth: 20%;\r\n\t}\r\n}\r\n\r\n// Responsive Design\r\n@media screen and (max-width: 782px) {\r\n\t.topbuddy-table {\r\n\t\tdisplay: block;\r\n\t\toverflow-x: auto;\r\n\r\n\t\tthead,\r\n\t\ttbody,\r\n\t\ttr,\r\n\t\tth,\r\n\t\ttd {\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\r\n\t\tthead {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\r\n\t\ttbody {\r\n\t\t\ttr {\r\n\t\t\t\tborder-bottom: 2px solid #c3c4c7;\r\n\t\t\t\tmargin-bottom: 16px;\r\n\t\t\t\tpadding-bottom: 8px;\r\n\r\n\t\t\t\ttd {\r\n\t\t\t\t\tborder-bottom: none;\r\n\t\t\t\t\tpadding: 8px;\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\tpadding-left: 40%;\r\n\r\n\t\t\t\t\t&:before {\r\n\t\t\t\t\t\tcontent: attr(data-label);\r\n\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\tleft: 8px;\r\n\t\t\t\t\t\tfont-weight: 600;\r\n\t\t\t\t\t\tcolor: #1d2327;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.topbuddy-table-title {\r\n\t\t\t\t\tpadding-left: 8px;\r\n\t\t\t\t\twidth: 100%;\r\n\r\n\t\t\t\t\t.row-actions {\r\n\t\t\t\t\t\tmargin-left: 0;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.topbuddy-table-active {\r\n\t\t\t\t\ttext-align: left;\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n"],"names":[],"ignoreList":[],"sourceRoot":""}