.jay-role-checkbox-item.checked {background: #f2fbf5;border-color: #c3e6cb;}
.jay-role-checkbox-item.checked:hover {background: #e8f5ec;}
.jay-role-checkbox-item.checked .jay-cap-name {color: #155724;font-weight: bold;}
.jay-top-nav-box {margin-bottom:30px;display:flex;justify-content:space-between;align-items:center;background-color:#f0f6fc;border:1px solid #c3c4c7;border-right:4px solid #2271b1;border-radius:4px;padding: 15px 20px;}
.jay-top-nav-box .jay-nav-text {font-size: 14px;color: #1d2327;display: flex;align-items: center;}
.jay-top-nav-box .jay-nav-text strong {display: inline-flex;align-items: center;color: #2271b1;margin-left: 10px;}
.jay-top-nav-box .jay-nav-text .dashicons {font-size: 24px;width: 24px;height: 24px;margin-left: 5px;}
.jay-role-flex-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;}
.jay-role-flex-header h2 {margin: 0;}
.jay-role-readonly-slug {background-color: #f0f0f1;cursor: not-allowed;color: #6c757d;}
.jay-login-register-role-wrap {margin-top: 20px;}
.jay-role-manager-container {background: #fff;padding: 25px;border: 1px solid #ccd0d4;border-radius: 8px;box-shadow: 0 1px 3px rgba(0,0,0,0.05);}
.jay-role-header {margin-bottom: 25px;padding-bottom: 20px;border-bottom: 1px solid #f0f0f1;}
.jay-role-header select {min-width: 200px;font-size: 14px;padding: 5px;}
.jay-roles-grid {display: flex;border: 1px solid #dcdcde;border-radius: 6px;overflow: hidden;background: #f6f7f7;min-height: 500px;}
.jay-roles-tabs {width: 250px;background: #f0f0f1;border-left: 1px solid #dcdcde;}
.jay-roles-tabs ul {margin: 0;padding: 0;list-style: none;}
.jay-roles-tabs li {padding: 15px 20px;cursor: pointer;border-bottom: 1px solid #e0e0e0;display: flex;justify-content: space-between;align-items: center;font-weight: 600;color: #50575e;transition: all 0.2s ease;}
.jay-roles-tabs li:hover {background: #e6e6e6;}
.jay-roles-tabs li.active {background: #fff;border-right: 4px solid #2271b1;color: #2271b1;}
.jay-cap-count {background: #dcdcde;padding: 3px 8px;border-radius: 20px;font-size: 11px;color: #3c434a;}
.jay-roles-tabs li.active .jay-cap-count {background: #2271b1;color: #fff;}
.jay-roles-content {flex: 1;padding: 25px;background: #fff;}
.jay-roles-search input {width: 100%;max-width: 400px;padding: 8px 12px;border-radius: 4px;border: 1px solid #8c8f94;margin-bottom: 25px;}
.jay-tab-pane {display: grid;grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));gap: 15px;}
.jay-role-checkbox-item {background: #f6f7f7;border: 1px solid #f0f0f1;padding: 10px 15px;border-radius: 6px;cursor: pointer;transition: 0.2s;display: flex;align-items: center;}
.jay-role-checkbox-item:hover {background: #f0f0f1;border-color: #c3c4c7;}
.jay-role-checkbox-item input[type="checkbox"] {margin-left: 10px;width: 18px;height: 18px;}
.jay-cap-name {font-family: Consolas, Monaco, monospace;font-size: 13px;word-break: break-all;color: #2c3338;}
.jay-roles-footer {margin-top: 25px;padding-top: 20px;border-top: 1px solid #f0f0f1;text-align: left;}