22

✏️ Editing: ep-permission-manager.css

.ep-dashboard-wrapper #ep-role-selector-helper{display:flex;justify-content:space-between;color:#2671b1}.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel .ep-permission-role-wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:20px;overflow:hidden;gap:20px}.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel .ep-permission-role-wrap .ep-role-selector-wrapper{margin:0 !important;display:flex !important;align-items:center;gap:10px}.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel .ep-permission-role-wrap .ep-role-selector-wrapper .bdt-select{border:1px solid #dfdfe4 !important;border-radius:6px !important;min-width:220px}.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel .ep-permission-role-wrap .ep-role-selector-wrapper label{white-space:nowrap;font-weight:500;font-size:14px}.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel .ep-permission-role-wrap .ep-permission-role-content .bdt-card-title{margin:0 0 5px;font-size:22px}.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel .ep-permission-role-wrap .ep-permission-role-content p{font-size:14px;margin:0}.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container{display:flex;gap:20px}.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-tabs-container{max-width:150px;padding:20px;border-radius:6px;border:1px solid rgba(123,123,123,0.09);position:relative;overflow:hidden;min-height:100vh}.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-tabs-container .ep-widget-tabs{border:0 !important;margin:0 !important}.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-tabs-container button.ep-tab-button{background:transparent !important;border:0 !important;color:#666 !important;font-size:14px;margin:0 !important;padding:10px 0 !important;transition:all .3s ease-in-out;cursor:pointer}.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-tabs-container button.ep-tab-button.active,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-tabs-container button.ep-tab-button:hover{color:#49e0af !important}.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container{width:100%;box-sizing:border-box}.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-search-container input{border:1px solid #e9e9e9 !important;border-radius:6px !important}.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-filter-buttons .ep-type-filter-btn,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-action-buttons .ep-type-filter-btn,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-filter-buttons .ep-action-btn,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-action-buttons .ep-action-btn{font-size:13px;font-weight:600;padding:12px 15px;line-height:1;border-radius:6px;border:0 !important;transition:all .3s ease}.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-filter-buttons .ep-type-filter-btn.all,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-action-buttons .ep-type-filter-btn.all,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-filter-buttons .ep-action-btn.all,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-action-buttons .ep-action-btn.all,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-filter-buttons .ep-type-filter-btn.select-all,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-action-buttons .ep-type-filter-btn.select-all,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-filter-buttons .ep-action-btn.select-all,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-action-buttons .ep-action-btn.select-all{background:#e9f4ff !important;color:#2196F3 !important}.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-filter-buttons .ep-type-filter-btn.all:hover,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-action-buttons .ep-type-filter-btn.all:hover,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-filter-buttons .ep-action-btn.all:hover,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-action-buttons .ep-action-btn.all:hover,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-filter-buttons .ep-type-filter-btn.select-all:hover,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-action-buttons .ep-type-filter-btn.select-all:hover,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-filter-buttons .ep-action-btn.select-all:hover,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-action-buttons .ep-action-btn.select-all:hover,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-filter-buttons .ep-type-filter-btn.all.active,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-action-buttons .ep-type-filter-btn.all.active,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-filter-buttons .ep-action-btn.all.active,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-action-buttons .ep-action-btn.all.active,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-filter-buttons .ep-type-filter-btn.select-all.active,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-action-buttons .ep-type-filter-btn.select-all.active,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-filter-buttons .ep-action-btn.select-all.active,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-action-buttons .ep-action-btn.select-all.active{background:#2196F3 !important;color:#fff !important}.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-filter-buttons .ep-type-filter-btn.free,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-action-buttons .ep-type-filter-btn.free,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-filter-buttons .ep-action-btn.free,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-action-buttons .ep-action-btn.free{background:rgba(182,255,236,0.49) !important;color:#06D6A0 !important}.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-filter-buttons .ep-type-filter-btn.free:hover,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-action-buttons .ep-type-filter-btn.free:hover,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-filter-buttons .ep-action-btn.free:hover,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-action-buttons .ep-action-btn.free:hover,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-filter-buttons .ep-type-filter-btn.free.active,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-action-buttons .ep-type-filter-btn.free.active,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-filter-buttons .ep-action-btn.free.active,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-action-buttons .ep-action-btn.free.active{background:#06D6A0 !important;color:#fff !important}.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-filter-buttons .ep-type-filter-btn.pro,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-action-buttons .ep-type-filter-btn.pro,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-filter-buttons .ep-action-btn.pro,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-action-buttons .ep-action-btn.pro,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-filter-buttons .ep-type-filter-btn.deselect-all,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-action-buttons .ep-type-filter-btn.deselect-all,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-filter-buttons .ep-action-btn.deselect-all,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-action-buttons .ep-action-btn.deselect-all{background:rgba(251,205,217,0.49) !important;color:#EF476F !important}.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-filter-buttons .ep-type-filter-btn.pro:hover,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-action-buttons .ep-type-filter-btn.pro:hover,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-filter-buttons .ep-action-btn.pro:hover,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-action-buttons .ep-action-btn.pro:hover,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-filter-buttons .ep-type-filter-btn.deselect-all:hover,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-action-buttons .ep-type-filter-btn.deselect-all:hover,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-filter-buttons .ep-action-btn.deselect-all:hover,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-action-buttons .ep-action-btn.deselect-all:hover,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-filter-buttons .ep-type-filter-btn.pro.active,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-action-buttons .ep-type-filter-btn.pro.active,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-filter-buttons .ep-action-btn.pro.active,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-action-buttons .ep-action-btn.pro.active,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-filter-buttons .ep-type-filter-btn.deselect-all.active,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-action-buttons .ep-type-filter-btn.deselect-all.active,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-filter-buttons .ep-action-btn.deselect-all.active,.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-content-container .ep-action-buttons .ep-action-btn.deselect-all.active{background:#EF476F !important;color:#fff !important}.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel .ep-search-filter-wrapper{display:flex;align-items:center;gap:10px}.ep-permission-manager-header{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e9ecef}.ep-permission-manager-header h2{margin:0 0 10px 0;color:#1d2327;font-size:24px;font-weight:600}.ep-permission-manager-description{margin:0;color:#646970;font-size:14px;line-height:1.5}.ep-permission-manager-controls{margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.ep-permission-manager-controls .bdt-button.bdt-button-text{color:#604545 !important}.ep-permission-manager-controls .bdt-button.bdt-button-text:hover{color:#881212 !important}.ep-control-label{display:block;margin-bottom:8px;font-weight:600;color:#1d2327;font-size:14px}.ep-role-selector,.ep-category-filter{width:100%;padding:8px 12px;border:1px solid #dcdcde;border-radius:4px;font-size:14px}.ep-quick-actions{display:flex;gap:10px}.ep-quick-actions .bdt-button{flex:1}.ep-widgets-container{min-height:400px}.ep-widgets-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));gap:15px;margin-bottom:30px}.ep-widget-item{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:15px;transition:all .3s ease;cursor:pointer}.ep-widget-item:hover{border-color:#d4ebff;box-shadow:0 2px 8px rgba(0,124,186,0.047)}.ep-widget-item.selected{border-color:#d4ebff;background:#e9f4ff}.ep-widget-item.disabled{opacity:.6;cursor:not-allowed}.ep-widget-header{display:flex;align-items:center;justify-content:space-between}.ep-widget-title{font-weight:600;color:#1d2327;font-size:14px;margin:0}.ep-widget-badge{padding:4px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase}.ep-widget-badge.free{background:rgba(182,255,236,0.49);color:#45d69f}.ep-widget-badge.pro{background:rgba(251,205,217,0.49);color:#ef486f}.ep-widget-description{color:#646970;font-size:12px;line-height:1.4;margin:0}.ep-widget-category{margin-top:8px;font-size:11px;color:#8c8f94;text-transform:uppercase;letter-spacing:.5px}.ep-permission-manager-footer{margin-top:30px;padding-top:20px;border-top:1px solid #e9ecef}.ep-save-actions{display:flex;gap:10px}.ep-status-info{display:flex;align-items:center;justify-content:flex-end;height:100%}.ep-status-text{color:#646970;font-size:14px;font-style:italic}.ep-loading{text-align:center;padding:40px;color:#646970}.ep-loading .dashicons{font-size:24px;width:24px;height:24px;margin-bottom:10px}.ep-no-role-selected{text-align:center;padding:60px 20px;color:#646970}.ep-no-role-selected .dashicons{font-size:48px;width:48px;height:48px;margin-bottom:20px;color:#dcdcde}.ep-success-notice{background:#d4edda;border:1px solid #c3e6cb;color:#155724;padding:12px 16px;border-radius:4px;margin-bottom:20px}.ep-error-notice{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24;padding:12px 16px;border-radius:4px;margin-bottom:20px}.element-pack-dashboard .ep-permission-manager-save-section .dashicons{vertical-align:text-top}.element-pack-dashboard .ep-permission-manager-save-section .ep-save-role-elements{color:#fff;background:linear-gradient(to right, #49e0af, #3fb8e1);padding:3px 30px;border-radius:6px;font-size:clamp(12px, .8vw, 14px);font-weight:600;transition:all .3s ease;line-height:40px}.element-pack-dashboard .ep-permission-manager-save-section .ep-save-role-elements:hover{background:linear-gradient(to right, #3fb8e1, #49e0af)}.element-pack-dashboard .ep-permission-manager-save-section .ep-reset-role-elements{background:#ffcdd9;color:#EF476F;padding:3px 30px;border-radius:6px;font-size:clamp(12px, .8vw, 14px);font-weight:600;transition:all .3s ease;line-height:40px}.element-pack-dashboard .ep-permission-manager-save-section .ep-reset-role-elements:hover{background:#ff99a6}@media (max-width:768px){.ep-widgets-grid{grid-template-columns:1fr}.ep-permission-manager-controls .bdt-grid{grid-template-columns:1fr}.ep-quick-actions{flex-direction:column}.ep-save-actions{flex-direction:column}}@media (min-width:1600px){.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel .ep-permission-role-wrap{padding:30px}.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-tabs-container{padding:20px 30px}.ep-dashboard-wrapper .ep-dashboard-panel.ep-permission-manager-panel #ep-role-elements-container .ep-widget-tabs-container{max-width:200px}}

MR SKB