{"version":3,"file":"./style-post-settings.css","mappings":";;;AAAA;EACC;AACD;;AAEA;EACC;EACA;EACA;AACD;;AAEA;EACC;AACD;;AAEA;EACC;AACD;;AAIA;EACC;AADD;;AAGC;EACC;AADF;;AAIC;EACC;EACA;AAFF;;AAIE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAFH;;AAIG;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAFJ;;AAII;EACC;AAFL;;AAKI;EACC;EACA;AAHL;;AAMI;EACC;EACA;EACA;EACA;AAJL;;AAOI;EACC;AALL;;AAUE;EACC;EACA;AARH;;AAYC;EACC;EACA;EACA;AAVF;;AAYE;EACC;EACA;EACA;EACA;AAVH;;AAaE;EACC;AAXH;;AAeC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAbF;;AAeE;EACC;EACA;EACA;AAbH;;AAgBE;EACC;EACA;AAdH;;AAiBE;EACC;EACA;AAfH;;AAoBA;;;;EAAA;;AAMA;EACC;EACA;EACA;AAlBD;;AAoBC;EACC;AAlBF;;AAoBE;EACC;EACA;EACA;AAlBH;;AAsBC;EACC;EACA;EACA;EACA;EACA;EACA;AApBF;;AAsBE;EACC;AApBH;;AAwBC;EACC;EACA;EACA;AAtBF;;AAyBC;EACC;EACA;EACA;EACA;EACA;EACA;AAvBF;;AA6BA;EACC;EACA;EACA;EACA;EACA;AA1BD;;AA6BA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA1BD;;AA4BC;EACC;AA1BF;;AA6BC;EACC;EACA;AA3BF;;AA8BC;EACC;EACA;EACA;EACA;EACA;AA5BF;;AA+BC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA7BF;;AA+BE;EACC;AA7BH;;AAgCE;EACC;AA9BH;;AAiCE;EACC;EACA;AA/BH;;AAmCC;EACC;EACA;EACA;EACA;EACA;EACA;AAjCF;;AAoCC;EACC;AAlCF;;AAqCC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAnCF;;AAsCC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AApCF;;AAsCE;EACC;EACA;AApCH;;AAwCC;EACC;EACA;EACA;EACA;AAtCF;;AAyCC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAvCF;;AAyCE;EACC;EACA;EACA;AAvCH;;AA2CG;EACC;EACA;EACA;AAzCJ;;AA6CE;EACC;AA3CH;;AAiDA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA9CD;;AAkDA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA/CD;;AAiDC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA/CF;;AAiDE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA/CH;;AAmDC;EACC;EACA;EACA;EACA;EACA;EACA;AAjDF;;AAoDC;EACC;EACA;EACA;EACA;AAlDF;;AAqDC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAnDF;;AAqDE;EACC;EACA;AAnDH;;AAsDE;EACC;EACA;AApDH;;AAwDC;EACC;AAtDF;;AA0DE;EACC;EACA;EACA;EACA;EACA;EACA;AAxDH;;AA2DE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAzDH;;AA2DG;EACC;AAzDJ;;AA4DG;EACC;EACA;EACA;AA1DJ;;AA+DC;EACC;EACA;AA7DF;;AAgEC;EACC;EACA;EACA;EACA;EACA;AA9DF;;AAmEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAhED;;AAoEA;EACC;AAjED;;AAmEC;EACC;AAjEF;;AAoEC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAlEF;;AAqEC;EACC;EACA;EACA;EACA;AAnEF;;AAsEC;EACC;EACA;AApEF;;AAwEE;EACC;EACA;EACA;EACA;EACA;AAtEH;;AAwEG;EACC;AAtEJ;;AA0EE;EACC;EACA;EACA;AAxEH;;AA6EE;EACC;EACA;EACA;AA3EH;;AA6EG;EACC;AA3EJ;;AAiFE;EACC;EACA;AA/EH;;AAkFE;EACC;EACA;EACA;AAhFH;;AAkFG;EACC;EACA;AAhFJ;;AAoFE;EACC;EACA;AAlFH;;AAqFE;EACC;AAnFH;;AAsFE;EACC;EACA;EACA;EACA;AApFH;;AAwFE;EACC;EACA;EACA;AAtFH;;AA2FE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAzFH;;AA2FG;EACC;EACA;EACA;AAzFJ;;AAgGA;EACC;AA7FD;;AA+FC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA7FF;;AA+FE;EACC;EACA;EACA;EACA;EACA;EACA;AA7FH;;AAiGC;EACC;EACA;EACA;EACA;EACA;AA/FF;;AAkGC;EACC;EACA;EACA;AAhGF;;AAkGE;EACC;AAhGH;;AAmGE;EACC;AAjGH;;AAmGG;EACC;AAjGJ;;AAmGI;EACC;AAjGL;;AAqGG;EACC;AAnGJ;;AAuGE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AArGH;;AAuGG;EACC;AArGJ;;AAwGG;EACC;AAtGJ;;AA0GE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAxGH;;AA0GG;EACC;EACA;AAxGJ;;AA4GE;EACC;EACA;EACA;EACA;EACA;AA1GH;;AA6GE;EACC;EACA;EACA;EACA;EACA;EACA;AA3GH;;AA8GE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA5GH;;AA+GE;EACC;EACA;EACA;AA7GH;;AAkHA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA/GD;;AAiHC;EACC;EACA;AA/GF;;AAkHC;EACC;EACA;AAhHF;;AAmHC;EACC;EACA;AAjHF;;AAsHA;EACC;EACA;EACA;AAnHD;;AAsHA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAnHD;;AAqHC;EACC;EACA;AAnHF;;AAsHC;EACC;EACA;AApHF;;AAuHC;EACC;EACA;EACA;AArHF;;AAyHA;EACC;EACA;EACA;EACA;EACA;AAtHD;;AAwHC;EACC;EACA;EACA;AAtHF;;AA4HA;EACC;EACG;EACA;EACA;EACA;AAzHJ;;AA2HC;EACC;AAzHF;;AA6HE;EACC;AA3HH;;AAiIA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA9HD;;AAgIC;EACC;AA9HF;;AAiIC;EACC;EACA;EACA;AA/HF;;AAkIC;EACC;AAhIF;;AAoIA;EACC;EACA;EACA;EACA;EACA;AAjID;;AAoIA;EACC;AAjID;;AAqIA;EACC;EACA;EACA;AAlID;;AAoIC;EACC;AAlIF;;AAqIC;EACC;EACA;EACA;AAnIF;;AAuIA;;;;EAAA;;AAQC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAvIF;;AA0IC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAxIF;;AA0IE;EACC;AAxIH;;AA2IE;EACC;EACA;EACA;AAzIH;;AA+IC;EACC;AA5IF;;AA+IC;EACC;AA7IF;;AAgJE;;;;;;;;EAQC;AA9IH;;AAiJE;EACC;AA/IH;;AAkJE;EACC;EACA;EACA;AAhJH;;AAkJG;EACC;AAhJJ;;AAsJA;;;;EAAA;;AAMA;EACC;AApJD;;AAsJC;EACC;AApJF;;AAsJE;EACC;AApJH;;AAwJE;;;;;;EAMC;AAtJH;;AAyJE;EACC;EACA;EACA;EACA;AAvJH;;AA2JC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAzJF;;AA2JE;EACC;AAzJH;;AA4JE;EACC;AA1JH;;AA+JE;EACC;AA7JH;;AA+JG;EACC;EACA;EACA;AA7JJ;;AA+JI;EACC;EACA;AA7JL;;AAiKG;EACC;EACA;EACA;EACA;EACA;AA/JJ;;AAiKI;EACC;AA/JL;;AAiKK;EAEC;AAhKN;;AAqKG;EACC;EACA;AAnKJ;;AAuKE;EACC;EACA;EACA;EACA;EACA;EACA;AArKH;;AAyKC;;EAEC;AAvKF;;AA2KA;;;;EAAA;;AAOC;EACC;AA1KF;;AA4KE;EACC;AA1KH;;AA6KE;EACC;AA3KH;;AA+KC;EACC;AA7KF;;AAgLC;EACC;AA9KF,C","sources":["webpack://topbuddy/./src/post-settings/style.scss"],"sourcesContent":[".topbuddy-post-settings {\r\n\tmargin: 20px 0;\r\n}\r\n\r\n#topbuddy-post-settings-root {\r\n\tborder: 1px solid #c3c4c7;\r\n\tbox-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);\r\n\tborder-radius: 4px;\r\n}\r\n\r\n#topbuddy-post-settings-root a {\r\n\tcolor: var(--topbuddy-color-primary);\r\n}\r\n\r\n.topbuddy-component-settings {\r\n\t--wp-admin-theme-color: var(--topbuddy-color-primary);\r\n\r\n}\r\n\r\n\r\n.topbuddy-settings-tabs {\r\n\tposition: relative;\r\n\r\n\thr {\r\n\t\tcolor: #dcdcde;\r\n\t}\r\n\r\n\t.topbuddy-tab-panel {\r\n\t\tdisplay: flex;\r\n\t\tgap: 0;\r\n\t\t\r\n\t\t.components-tab-panel__tabs {\r\n\t\t\tflex: 0 0 200px;\r\n\t\t\tborder-right: 1px solid #ddd;\r\n\t\t\tbackground: #f6f7f7;\r\n\t\t\tmargin: 0;\r\n\t\t\tpadding: 0;\r\n\t\t\tposition: relative;\r\n\t\t\tdisplay: flex;\r\n\t\t\t\r\n\t\t\tbutton.components-tab-panel__tabs-item {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\ttext-align: left;\r\n\t\t\t\tpadding: 12px 20px;\r\n\t\t\t\tborder: none;\r\n\t\t\t\tborder-bottom: 1px solid #ddd;\r\n\t\t\t\tborder-left: 3px solid transparent;\r\n\t\t\t\tbackground: transparent;\r\n\t\t\t\tcolor: #2c3338;\r\n\t\t\t\tcursor: pointer;\r\n\t\t\t\tfont-size: 14px;\r\n\t\t\t\tfont-weight: 600;\r\n\t\t\t\ttransition: all 0.2s ease;\r\n\t\t\t\t\r\n\t\t\t\t.dashicons {\r\n\t\t\t\t\tmargin-right: 8px;\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tbackground: #fff;\r\n\t\t\t\t\tcolor: #1d2327;\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\t&.is-active {\r\n\t\t\t\t\tbackground: #fff;\r\n\t\t\t\t\tcolor: var(--topbuddy-color-primary);\r\n\t\t\t\t\tfont-weight: 600;\r\n\t\t\t\t\tborder-left: 3px solid var(--topbuddy-color-primary);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:after {\r\n\t\t\t\t\tvisibility: hidden;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t\r\n\t\t.components-tab-panel__tab-content {\r\n\t\t\tflex: 1;\r\n\t\t\tpadding: 0;\r\n\t\t}\r\n\t}\r\n\t\r\n\t.topbuddy-tab-content {\r\n\t\tpadding: 20px;\r\n\t\tmin-height: 300px;\r\n\t\tbackground-color: #fff;\r\n\t\t\r\n\t\th3 {\r\n\t\t\tmargin-top: 0;\r\n\t\t\tfont-size: 16px;\r\n\t\t\tfont-weight: 600;\r\n\t\t\tcolor: #1d2327;\r\n\t\t}\r\n\t\t\r\n\t\tp {\r\n\t\t\tcolor: #646970;\r\n\t\t}\r\n\t}\r\n\r\n\t.topbuddy-back-to-dashboard {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tgap: 8px;\r\n\t\tpadding: 12px 20px;\r\n\t\tmargin-top: auto;\r\n\t\tbackground: #f6f7f7;\r\n\t\tborder-top: 1px solid #ddd;\r\n\t\tcolor: #2c3338;\r\n\t\ttext-decoration: none;\r\n\t\tfont-size: 14px;\r\n\t\ttransition: all 0.2s ease;\r\n\r\n\t\t.dashicons {\r\n\t\t\tfont-size: 16px;\r\n\t\t\twidth: 16px;\r\n\t\t\theight: 16px;\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\tbackground: #fff;\r\n\t\t\tcolor: #1d2327;\r\n\t\t}\r\n\r\n\t\t&:focus {\r\n\t\t\tbox-shadow: none;\r\n\t\t\toutline: none;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/**\r\n * Metabox Styles\r\n * \r\n * @package TopBuddy\r\n */\r\n\r\n.topbuddy-metabox {\r\n\tmargin: -6px -12px -12px;\r\n\tpadding: 16px;\r\n\tbackground: #fff;\r\n\r\n\t&__header {\r\n\t\tmargin-bottom: 16px;\r\n\r\n\t\t.description {\r\n\t\t\tmargin: 0;\r\n\t\t\tcolor: #646970;\r\n\t\t\tfont-size: 13px;\r\n\t\t}\r\n\t}\r\n\r\n\t&__empty {\r\n\t\tpadding: 32px 16px;\r\n\t\ttext-align: center;\r\n\t\tcolor: #646970;\r\n\t\tbackground: #f6f7f7;\r\n\t\tborder: 1px dashed #c3c4c7;\r\n\t\tborder-radius: 4px;\r\n\r\n\t\tp {\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t&__footer {\r\n\t\tmargin-top: 16px;\r\n\t\tpadding-top: 16px;\r\n\t\tborder-top: 1px solid #dcdcde;\r\n\t}\r\n\r\n\t&__sortable-list {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: row;\r\n\t\tgap: 12px;\r\n\t\tflex-wrap: wrap;\r\n\t\tpadding: 10px;\r\n\t\tbackground: #f6f6f6;\r\n\t}\r\n}\r\n\r\n// Sortable Item\r\n// Sortable List Container\r\n.topbuddy-metabox__sortable-list {\r\n\tdisplay: flex;\r\n\tflex-direction: row;\r\n\tflex-wrap: wrap;\r\n\tgap: 12px;\r\n\tmargin-bottom: 16px;\r\n}\r\n\r\n.topbuddy-sortable-item {\r\n\tposition: relative;\r\n\tflex: 0 0 auto;\r\n\tmin-width: 200px;\r\n\tmax-width: 250px;\r\n\tbackground: #fff;\r\n\tborder: 1px solid #c3c4c7;\r\n\tborder-radius: 4px;\r\n\ttransition: border-color 0.2s ease, box-shadow 0.2s ease;\r\n\r\n\t&:hover {\r\n\t\tborder-color: var(--topbuddy-color-primary);\r\n\t}\r\n\r\n\t&.is-dragging {\r\n\t\tbox-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\r\n\t\tz-index: 10;\r\n\t}\r\n\r\n\t&__header {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: row;\r\n\t\talign-items: center;\r\n\t\tgap: 8px;\r\n\t\tpadding: 8px 12px;\r\n\t}\r\n\r\n\t&__drag-handle {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\twidth: 20px;\r\n\t\theight: 20px;\r\n\t\tcursor: grab;\r\n\t\tcolor: #8c8f94;\r\n\t\tflex-shrink: 0;\r\n\t\ttransition: color 0.2s ease;\r\n\t\ttouch-action: none;\r\n\r\n\t\t&:hover {\r\n\t\t\tcolor: var(--topbuddy-color-primary);\r\n\t\t}\r\n\r\n\t\t&:active {\r\n\t\t\tcursor: grabbing;\r\n\t\t}\r\n\r\n\t\t.dashicon {\r\n\t\t\twidth: 20px;\r\n\t\t\theight: 20px;\r\n\t\t}\r\n\t}\r\n\r\n\t&__info {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: flex-start;\r\n\t\tgap: 4px;\r\n\t\tflex: 1;\r\n\t\tmin-width: 0;\r\n\t}\r\n\r\n\t&__icon {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t&__name {\r\n\t\tfont-weight: 500;\r\n\t\tfont-size: 13px;\r\n\t\tcolor: #1d2327;\r\n\t\twhite-space: nowrap;\r\n\t\toverflow: hidden;\r\n\t\ttext-overflow: ellipsis;\r\n\t\tmax-width: 100%;\r\n\t}\r\n\r\n\t&__badge {\r\n\t\tdisplay: inline-flex;\r\n\t\talign-items: center;\r\n\t\tpadding: 2px 6px;\r\n\t\tfont-size: 10px;\r\n\t\tfont-weight: 600;\r\n\t\ttext-transform: uppercase;\r\n\t\tborder-radius: 3px;\r\n\t\tflex-shrink: 0;\r\n\r\n\t\t&--pro {\r\n\t\t\tbackground: #f0c33c;\r\n\t\t\tcolor: #1d2327;\r\n\t\t}\r\n\t}\r\n\r\n\t&__actions {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tgap: 4px;\r\n\t\tflex-shrink: 0;\r\n\t}\r\n\r\n\t&__action {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\twidth: 28px;\r\n\t\theight: 28px;\r\n\t\tpadding: 0;\r\n\t\tbackground: transparent;\r\n\t\tborder: 1px solid transparent;\r\n\t\tborder-radius: 3px;\r\n\t\tcursor: pointer;\r\n\t\tcolor: #50575e;\r\n\t\ttransition: all 0.2s ease;\r\n\r\n\t\t&:hover {\r\n\t\t\tbackground: #f0f0f1;\r\n\t\t\tborder-color: #c3c4c7;\r\n\t\t\tcolor: var(--topbuddy-color-primary);\r\n\t\t}\r\n\r\n\t\t&--remove {\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground: #d63638;\r\n\t\t\t\tborder-color: #d63638;\r\n\t\t\t\tcolor: #fff;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.dashicon {\r\n\t\t\tfont-size: 18px;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n// Pro Badge - Reusable component\r\n.topbuddy-pro-badge {\r\n\tdisplay: inline-flex;\r\n\talign-items: center;\r\n\tpadding: 2px 6px;\r\n\tmargin-left: 8px;\r\n\tfont-size: 11px;\r\n\tfont-weight: 600;\r\n\ttext-transform: uppercase;\r\n\tborder-radius: 3px;\r\n\tbackground: #f0b849;\r\n\tcolor: #fff;\r\n\tflex-shrink: 0;\r\n\twhite-space: nowrap;\r\n}\r\n\r\n// Component Settings Panel\r\n.topbuddy-component-settings {\r\n\tposition: absolute;\r\n\ttop: 100%;\r\n\tleft: 50%;\r\n\ttransform: translateX(-50%);\r\n\tz-index: 100;\r\n\tmargin-top: 18px;\r\n\tmin-width: 300px;\r\n\tbackground: #f6f7f7;\r\n\tborder: 1px solid #c3c4c7;\r\n\tborder-radius: 4px;\r\n\tbox-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);\r\n\r\n\t&__arrow {\r\n\t\tposition: absolute;\r\n\t\ttop: -8px;\r\n\t\tleft: 50%;\r\n\t\ttransform: translateX(-50%);\r\n\t\twidth: 0;\r\n\t\theight: 0;\r\n\t\tborder-left: 8px solid transparent;\r\n\t\tborder-right: 8px solid transparent;\r\n\t\tborder-bottom: 8px solid #c3c4c7;\r\n\t\tz-index: 1;\r\n\r\n\t\t&::after {\r\n\t\t\tcontent: '';\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 1px;\r\n\t\t\tleft: -7px;\r\n\t\t\twidth: 0;\r\n\t\t\theight: 0;\r\n\t\t\tborder-left: 7px solid transparent;\r\n\t\t\tborder-right: 7px solid transparent;\r\n\t\t\tborder-bottom: 7px solid #fff;\r\n\t\t}\r\n\t}\r\n\r\n\t&__header {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: space-between;\r\n\t\tpadding: 12px 16px;\r\n\t\tbackground: #fff;\r\n\t\tborder-bottom: 1px solid #dcdcde;\r\n\t}\r\n\r\n\t&__title {\r\n\t\tmargin: 0;\r\n\t\tfont-size: 14px;\r\n\t\tfont-weight: 600;\r\n\t\tcolor: #1d2327;\r\n\t}\r\n\r\n\t&__close {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\twidth: 28px;\r\n\t\theight: 28px;\r\n\t\tpadding: 0;\r\n\t\tbackground: transparent;\r\n\t\tborder: none;\r\n\t\tborder-radius: 4px;\r\n\t\tcursor: pointer;\r\n\t\tcolor: #50575e;\r\n\t\ttransition: all 0.2s ease;\r\n\r\n\t\t&:hover {\r\n\t\t\tbackground: #f0f0f1;\r\n\t\t\tcolor: #d63638;\r\n\t\t}\r\n\r\n\t\t.dashicon {\r\n\t\t\twidth: 18px;\r\n\t\t\theight: 18px;\r\n\t\t}\r\n\t}\r\n\r\n\t&__body {\r\n\t\tpadding: 16px;\r\n\t}\r\n\r\n\t&__tabs {\r\n\t\t.components-tab-panel__tabs {\r\n\t\t\tdisplay: flex;\r\n\t\t\tgap: 0;\r\n\t\t\tmargin: -16px -16px 20px !important;\r\n\t\t\tpadding: 0 16px !important;\r\n\t\t\tborder-bottom: 1px solid #dcdcde !important;\r\n\t\t\tbackground: #fff !important;\r\n\t\t}\r\n\r\n\t\t.components-tab-panel__tabs-item {\r\n\t\t\tpadding: 12px 16px;\r\n\t\t\tfont-size: 13px;\r\n\t\t\tfont-weight: 500;\r\n\t\t\tcolor: #50575e;\r\n\t\t\tbackground: transparent;\r\n\t\t\tborder: none;\r\n\t\t\tborder-left: 0 !important;\r\n\t\t\tcursor: pointer;\r\n\t\t\ttransition: all 0.2s ease;\r\n\t\t\tjustify-content: center;\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\t&__tab-content {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t}\r\n\r\n\t&__empty {\r\n\t\tmargin: 0;\r\n\t\tpadding: 16px;\r\n\t\ttext-align: center;\r\n\t\tcolor: #646970;\r\n\t\tfont-size: 13px;\r\n\t}\r\n}\r\n\r\n// Component Settings Backdrop\r\n.topbuddy-component-settings-backdrop {\r\n\tposition: fixed;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\tright: 0;\r\n\tbottom: 0;\r\n\tz-index: 99;\r\n\tbackground: transparent;\r\n}\r\n\r\n// Settings Fields\r\n.topbuddy-settings-field {\r\n\tmargin-bottom: 16px;\r\n\r\n\t&:last-child {\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\r\n\t&__label {\r\n\t\tfont-size: 11px;\r\n\t\tfont-weight: 500;\r\n\t\tline-height: 1.4;\r\n\t\ttext-transform: uppercase;\r\n\t\tdisplay: block;\r\n\t\tmargin-bottom: 8px;\r\n\t\tpadding: 0px;\r\n\t}\r\n\r\n\t&__description {\r\n\t\tdisplay: block;\r\n\t\tmargin-bottom: 8px;\r\n\t\tfont-size: 13px;\r\n\t\tcolor: #757575;\r\n\t}\r\n\r\n\t&__textarea {\r\n\t\tresize: vertical;\r\n\t\tmin-height: 60px;\r\n\t}\r\n\r\n\t&--checkbox {\r\n\t\t.topbuddy-settings-field__label {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 8px;\r\n\t\t\tmargin-bottom: 0;\r\n\t\t\tcursor: pointer;\r\n\r\n\t\t\tspan {\r\n\t\t\t\tflex: 1;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.topbuddy-settings-field__checkbox {\r\n\t\t\twidth: auto;\r\n\t\t\tmargin: 0;\r\n\t\t\tcursor: pointer;\r\n\t\t}\r\n\t}\r\n\r\n\t&--radio {\r\n\t\t.components-radio-control__group-wrapper {\r\n\t\t\tflex-direction: row !important;\r\n\t\t\tjustify-content: flex-start;\r\n\t\t\tgap: 16px;\r\n\r\n\t\t\tlabel {\r\n\t\t\t\tmargin-bottom: 0;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&--tinymce {\r\n\t\t.topbuddy-tinymce-editor {\r\n\t\t\twidth: 100%;\r\n\t\t\tmax-width: 600px;\r\n\t\t}\r\n\t\t\r\n\t\t.wp-editor-container {\r\n\t\t\tborder: 1px solid #8c8f94;\r\n\t\t\tborder-radius: 4px;\r\n\t\t\toverflow: hidden;\r\n\t\t\t\r\n\t\t\t&:focus-within {\r\n\t\t\t\tborder-color: var(--topbuddy-color-primary);\r\n\t\t\t\tbox-shadow: 0 0 0 1px var(--topbuddy-color-primary);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.wp-editor-tools {\r\n\t\t\tbackground: #f9f9f9;\r\n\t\t\tborder-bottom: 1px solid #e5e5e5;\r\n\t\t}\r\n\r\n\t\t.mce-toolbar-grp {\r\n\t\t\tbackground: #f9f9f9;\r\n\t\t}\r\n\r\n\t\t.wp-editor-area {\r\n\t\t\twidth: 100% !important;\r\n\t\t\tmin-height: 150px;\r\n\t\t\tfont-size: 13px;\r\n\t\t\tline-height: 1.4;\r\n\t\t}\r\n\r\n\t\t// TinyMCE iframe content\r\n\t\t.mce-content-body {\r\n\t\t\tpadding: 10px;\r\n\t\t\tfont-size: 13px;\r\n\t\t\tline-height: 1.6;\r\n\t\t}\r\n\t}\r\n\r\n\t&--code {\r\n\t\t.topbuddy-settings-field__code {\r\n\t\t\twidth: 100%;\r\n\t\t\tmin-height: 150px;\r\n\t\t\tfont-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;\r\n\t\t\tfont-size: 13px;\r\n\t\t\tline-height: 1.5;\r\n\t\t\tpadding: 12px;\r\n\t\t\tborder: 1px solid #8c8f94;\r\n\t\t\tborder-radius: 4px;\r\n\t\t\tbackground-color: #f9f9f9;\r\n\t\t\tresize: vertical;\r\n\t\t\t\r\n\t\t\t&:focus {\r\n\t\t\t\toutline: none;\r\n\t\t\t\tborder-color: var(--topbuddy-color-primary);\r\n\t\t\t\tbox-shadow: 0 0 0 1px var(--topbuddy-color-primary);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n// Add Component Button\r\n.topbuddy-add-component {\r\n\tposition: relative;\r\n\r\n\t&__dropdown {\r\n\t\tposition: absolute;\r\n\t\tbottom: 100%;\r\n\t\tleft: 0;\r\n\t\tmargin-bottom: 8px;\r\n\t\tmin-width: 300px;\r\n\t\tmax-width: 400px;\r\n\t\tbackground: #fff;\r\n\t\tborder: 1px solid #c3c4c7;\r\n\t\tborder-radius: 4px;\r\n\t\tbox-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);\r\n\t\tz-index: 1000;\r\n\r\n\t\t&-header {\r\n\t\t\tpadding: 12px 16px;\r\n\t\t\tbackground: #f6f7f7;\r\n\t\t\tborder-bottom: 1px solid #dcdcde;\r\n\t\t\tfont-size: 13px;\r\n\t\t\tfont-weight: 600;\r\n\t\t\tcolor: #1d2327;\r\n\t\t}\r\n\t}\r\n\r\n\t&__list {\r\n\t\tmargin: 0;\r\n\t\tpadding: 0;\r\n\t\tlist-style: none;\r\n\t\tmax-height: 300px;\r\n\t\toverflow-y: auto;\r\n\t}\r\n\r\n\t&__item {\r\n\t\tmargin: 0;\r\n\t\tpadding: 0;\r\n\t\tborder-bottom: 1px solid #f0f0f1;\r\n\r\n\t\t&:last-child {\r\n\t\t\tborder-bottom: none;\r\n\t\t}\r\n\r\n\t\t&.is-disabled {\r\n\t\t\topacity: 0.5;\r\n\t\t\t\r\n\t\t\t.topbuddy-add-component__item-button {\r\n\t\t\t\tcursor: not-allowed;\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tbackground: transparent;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.topbuddy-pro-badge {\r\n\t\t\t\tbackground: #dba617;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&-button {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: flex-start;\r\n\t\t\tgap: 12px;\r\n\t\t\twidth: 100%;\r\n\t\t\tpadding: 12px 16px;\r\n\t\t\ttext-align: left;\r\n\t\t\tbackground: transparent;\r\n\t\t\tborder: none;\r\n\t\t\tcursor: pointer;\r\n\t\t\ttransition: background 0.2s ease;\r\n\r\n\t\t\t&:hover:not(:disabled) {\r\n\t\t\t\tbackground: #f6f7f7;\r\n\t\t\t}\r\n\r\n\t\t\t&:disabled {\r\n\t\t\t\tcursor: not-allowed;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&-icon {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\tflex-shrink: 0;\r\n\t\t\twidth: 32px;\r\n\t\t\theight: 32px;\r\n\t\t\tmargin-top: 2px;\r\n\t\t\tbackground: #f0f0f1;\r\n\t\t\tborder-radius: 4px;\r\n\t\t\tcolor: #50575e;\r\n\r\n\t\t\t.dashicon {\r\n\t\t\t\twidth: 20px;\r\n\t\t\t\theight: 20px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&-info {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column;\r\n\t\t\tgap: 4px;\r\n\t\t\tflex: 1;\r\n\t\t\tmin-width: 0;\r\n\t\t}\r\n\r\n\t\t&-name {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 8px;\r\n\t\t\tfont-size: 14px;\r\n\t\t\tfont-weight: 500;\r\n\t\t\tcolor: #1d2327;\r\n\t\t}\r\n\r\n\t\t&-badge {\r\n\t\t\tdisplay: inline-flex;\r\n\t\t\talign-items: center;\r\n\t\t\tpadding: 2px 6px;\r\n\t\t\tfont-size: 10px;\r\n\t\t\tfont-weight: 600;\r\n\t\t\ttext-transform: uppercase;\r\n\t\t\tbackground: #f0c33c;\r\n\t\t\tcolor: #1d2327;\r\n\t\t\tborder-radius: 3px;\r\n\t\t}\r\n\r\n\t\t&-description {\r\n\t\t\tfont-size: 12px;\r\n\t\t\tline-height: 1.4;\r\n\t\t\tcolor: #646970;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.topbuddy-add-component-button {\r\n\tdisplay: inline-flex;\r\n\talign-items: center;\r\n\tgap: 6px;\r\n\tpadding: 8px 14px;\r\n\tfont-size: 13px;\r\n\tfont-weight: 500;\r\n\tcolor: var(--topbuddy-color-primary);\r\n\tbackground: #f6f7f7;\r\n\tborder: 1px solid var(--topbuddy-color-primary);\r\n\tborder-radius: 4px;\r\n\tcursor: pointer;\r\n\ttransition: all 0.2s ease;\r\n\r\n\t&:hover:not(:disabled) {\r\n\t\tbackground: var(--topbuddy-color-primary);\r\n\t\tcolor: #fff;\r\n\t}\r\n\r\n\t&:disabled {\r\n\t\topacity: 0.5;\r\n\t\tcursor: not-allowed;\r\n\t}\r\n\r\n\t.dashicon {\r\n\t\twidth: 18px;\r\n\t\theight: 18px;\r\n\t}\r\n}\r\n\r\n// Icon Radio Field\r\n.topbuddy-icon-radio-group {\r\n\tdisplay: flex;\r\n\tgap: 12px;\r\n\tflex-wrap: wrap;\r\n}\r\n\r\n.topbuddy-icon-radio-option {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\talign-items: center;\r\n\tgap: 8px;\r\n\tpadding: 12px;\r\n\tborder: 2px solid #ddd;\r\n\tborder-radius: 4px;\r\n\tcursor: pointer;\r\n\ttransition: all 0.2s;\r\n\t\r\n\t&:hover {\r\n\t\tborder-color: var(--topbuddy-color-primary);\r\n\t\tbackground-color: #f0f6fc;\r\n\t}\r\n\t\r\n\t&.is-selected {\r\n\t\tborder-color: var(--topbuddy-color-primary);\r\n\t\tbackground-color: #f0f6fc;\r\n\t}\r\n\t\r\n\tinput[type=\"radio\"] {\r\n\t\tposition: absolute;\r\n\t\topacity: 0;\r\n\t\tpointer-events: none;\r\n\t}\r\n}\r\n\r\n.topbuddy-icon-radio-preview {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\twidth: 32px;\r\n\theight: 32px;\r\n\t\r\n\tsvg {\r\n\t\twidth: 24px;\r\n\t\theight: 24px;\r\n\t\tfill: currentColor;\r\n\t}\r\n}\r\n\r\n\r\n// Color Picker Field\r\n.topbuddy-settings-field--color {\r\n\tdisplay: flex;\r\n    align-items: center;\r\n    flex-direction: row-reverse;\r\n    justify-content: flex-end;\r\n    gap: 10px;\r\n\r\n\tlabel {\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\t\r\n\t.components-color-picker {\r\n\t\t.components-base-control__field {\r\n\t\t\tmargin-bottom: 0;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n// Color Dropdown Base Styles\r\n.topbuddy-color-dropdown__toggle {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tgap: 8px;\r\n\twidth: 100%;\r\n\tmax-width: 400px;\r\n\tmin-width: 110px;\r\n\tpadding: 8px 12px;\r\n\tbackground: #fff;\r\n\tborder: 1px solid #8c8f94;\r\n\tborder-radius: 4px;\r\n\tcursor: pointer;\r\n\ttransition: border-color 0.2s ease;\r\n\r\n\t&:hover {\r\n\t\tborder-color: var(--topbuddy-color-primary);\r\n\t}\r\n\r\n\t&:focus {\r\n\t\toutline: none;\r\n\t\tborder-color: var(--topbuddy-color-primary);\r\n\t\tbox-shadow: 0 0 0 1px var(--topbuddy-color-primary);\r\n\t}\r\n\r\n\t.components-color-indicator {\r\n\t\tflex-shrink: 0;\r\n\t}\r\n}\r\n\r\n.topbuddy-color-dropdown__label {\r\n\tflex: 1;\r\n\ttext-align: left;\r\n\tfont-size: 13px;\r\n\tcolor: #2c3338;\r\n\tfont-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\r\n}\r\n\r\n.topbuddy-color-dropdown__content {\r\n\tpadding: 16px;\r\n}\r\n\r\n// Field Group (for multiple fields on same row)\r\n.topbuddy-settings-field-group {\r\n\tdisplay: flex;\r\n\tgap: 12px;\r\n\tmargin-bottom: 16px;\r\n\r\n\t&:last-child {\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\r\n\t.topbuddy-settings-field {\r\n\t\tflex: 1;\r\n\t\tmargin-bottom: 0;\r\n\t\tmin-width: 0; // Prevent overflow\r\n\t}\r\n}\r\n\r\n/**\r\n * Settings/Styling Nested Tabs Styles\r\n * \r\n * @package TopBuddy\r\n */\r\n\r\n.topbuddy-settings-nested-tabs {\r\n\r\n\t.components-tab-panel__tabs {\r\n\t\tdisplay: flex;\r\n\t\tgap: 0;\r\n\t\tmargin-bottom: 20px !important;\r\n\t\tpadding: 0 !important;\r\n\t\tborder-bottom: 1px solid #dcdcde !important;\r\n\t\tborder-right: none !important;\r\n\t\tbackground: transparent !important;\r\n\t}\r\n\r\n\t.components-tab-panel__tabs-item {\r\n\t\tpadding: 12px 16px;\r\n\t\tfont-size: 13px;\r\n\t\tfont-weight: 500;\r\n\t\tcolor: #50575e;\r\n\t\tbackground: transparent;\r\n\t\tborder: none;\r\n\t\tborder-bottom: 2px solid transparent !important;\r\n\t\tborder-left: 0 !important;\r\n\t\tborder-right: 0 !important;\r\n\t\tcursor: pointer;\r\n\t\ttransition: all 0.2s ease;\r\n\t\twidth: auto !important;\r\n\t\tflex: 0 0 auto !important;\r\n\r\n\t\t&:hover {\r\n\t\t\tcolor: var(--topbuddy-color-primary);\r\n\t\t}\r\n\r\n\t\t&.is-active {\r\n\t\t\tcolor: var(--topbuddy-color-primary) !important;\r\n\t\t\tborder-bottom-color: var(--topbuddy-color-primary) !important;\r\n\t\t\tborder-left: 0 !important;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.topbuddy-settings {\r\n\t&__tab-content {\r\n\t\tpadding: 10px 0;\r\n\t}\r\n\r\n\t&__field {\r\n\t\tmargin-bottom: 20px;\r\n\r\n\t\t// Max width for inputs and selects\r\n\t\tinput[type=\"text\"],\r\n\t\tinput[type=\"number\"],\r\n\t\tinput[type=\"url\"],\r\n\t\tinput[type=\"email\"],\r\n\t\tselect,\r\n\t\t.components-text-control__input,\r\n\t\t.components-select-control__input,\r\n\t\t.components-input-control__container {\r\n\t\t\tmax-width: 400px;\r\n\t\t}\r\n\r\n\t\t&:last-child {\r\n\t\t\tmargin-bottom: 0;\r\n\t\t}\r\n\r\n\t\t.components-radio-control__group-wrapper {\r\n\t\t\tflex-direction: row !important;\r\n\t\t\tjustify-content: flex-start;\r\n\t\t\tgap: 16px;\r\n\r\n\t\t\tlabel {\r\n\t\t\t\tmargin-bottom: 0;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/**\r\n * Display Rules Styles\r\n * \r\n * @package TopBuddy\r\n */\r\n\r\n.topbuddy-display-rules {\r\n\tpadding: 15px 0;\r\n\r\n\t&__field {\r\n\t\tmargin-bottom: 20px;\r\n\r\n\t\t&:last-child {\r\n\t\t\tmargin-bottom: 0;\r\n\t\t}\r\n\r\n\t\t// Max width for inputs and selects\r\n\t\tinput[type=\"text\"],\r\n\t\tinput[type=\"number\"],\r\n\t\tselect,\r\n\t\t.components-text-control__input,\r\n\t\t.components-input-control__container,\r\n\t\t.components-form-token-field__input-container {\r\n\t\t\tmax-width: 400px;\r\n\t\t}\r\n\r\n\t\t.components-base-control__help {\r\n\t\t\tmargin-top: 8px;\r\n\t\t\tfont-size: 12px;\r\n\t\t\tfont-style: normal;\r\n\t\t\tcolor: #757575;\r\n\t\t}\r\n\t}\r\n\r\n\t&__general-pages-grid {\r\n\t\tdisplay: grid;\r\n\t\tgrid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\r\n\t\tgap: 12px;\r\n\t\tpadding: 12px;\r\n\t\tbackground: #f9f9f9;\r\n\t\tborder: 1px solid #ddd;\r\n\t\tborder-radius: 4px;\r\n\t\tmax-height: 400px;\r\n\t\toverflow-y: auto;\r\n\r\n\t\t.components-checkbox-control {\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\r\n\t\t.components-base-control__field {\r\n\t\t\tmargin-bottom: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t&__specific-pages {\r\n\t\t.components-form-token-field {\r\n\t\t\tmax-width: 400px;\r\n\r\n\t\t\t.components-form-token-field__input-container {\r\n\t\t\t\tborder-color: #8c8f94;\r\n\t\t\t\tborder-radius: 4px;\r\n\t\t\t\tpadding: 4px 8px;\r\n\r\n\t\t\t\t&:focus-within {\r\n\t\t\t\t\tborder-color: var(--topbuddy-color-primary);\r\n\t\t\t\t\tbox-shadow: 0 0 0 1px var(--topbuddy-color-primary);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.components-form-token-field__token {\r\n\t\t\t\tbackground: var(--topbuddy-color-primary);\r\n\t\t\t\tcolor: #fff;\r\n\t\t\t\tborder-radius: 4px;\r\n\t\t\t\tpadding: 4px 8px;\r\n\t\t\t\tfont-size: 12px;\r\n\r\n\t\t\t\t.components-button {\r\n\t\t\t\t\tcolor: #fff;\r\n\r\n\t\t\t\t\t&:hover,\r\n\t\t\t\t\t&:focus {\r\n\t\t\t\t\t\tcolor: #f0f0f0;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.components-form-token-field__suggestions-list {\r\n\t\t\t\tmax-height: 250px;\r\n\t\t\t\toverflow-y: auto;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&-loading {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 8px;\r\n\t\t\tpadding: 8px 0;\r\n\t\t\tcolor: #757575;\r\n\t\t\tfont-size: 12px;\r\n\t\t}\r\n\t}\r\n\r\n\t.components-input-control__container,\r\n\t.components-select-control__input {\r\n\t\tmax-width: 400px;\r\n\t}\r\n}\r\n\r\n/**\r\n * Schedule Control Styles\r\n * \r\n * @package TopBuddy\r\n */\r\n\r\n.topbuddy-schedule-control {\r\n\t&__field {\r\n\t\tmargin-bottom: 20px;\r\n\r\n\t\t&:first-child {\r\n\t\t\tmargin-bottom: 10px;\r\n\t\t}\r\n\r\n\t\t&:last-child {\r\n\t\t\tmargin-bottom: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t&__header {\r\n\t\tmargin-bottom: 16px;\r\n\t}\r\n\r\n\t&__title {\r\n\t\tmargin: 0 0 8px 0;\r\n\t}\r\n}\r\n"],"names":[],"ignoreList":[],"sourceRoot":""}