.role-settings .config-section{margin-top:22px}.role-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.role-list{margin:18px 0}.role-list>span{display:flex;justify-content:space-between;gap:12px}.role-list small{color:#b69b7b;font-size:12px}.role-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.role-section-heading .config-section-title{margin:0}.role-section-heading h4{margin:0}.role-premium-section{border-color:#493423}.role-plan-note{margin-top:22px;color:#e4b77f;font-size:13px}.role-timed-row{display:grid;grid-template-columns:minmax(0,1fr) 150px 34px;gap:12px;align-items:end;margin:16px 0}.self-role-editor{border-top:1px solid #302a34;padding-top:20px;margin-top:20px}.role-option{display:flex;gap:12px;align-items:center;border:1px solid #302a34;border-radius:12px;padding:16px;margin:14px 0}.role-option-fields{flex:1;min-width:0;display:grid;grid-template-columns:1.1fr 1fr 110px;gap:12px}.self-role-editor>.role-settings-grid{margin-top:22px}.role-settings .field-hint a{color:#ffab57}.role-settings button:disabled,.self-role-editor button:disabled{opacity:.5}@media(max-width:720px){.role-settings-grid,.role-option-fields{grid-template-columns:1fr}.role-timed-row{grid-template-columns:minmax(0,1fr) 100px 28px}.role-section-heading{flex-wrap:wrap}.role-timed-row label{font-size:12px}}

.counter-source{border:1px solid #3c303d;padding:18px;border-radius:12px;margin:14px 0}.counter-source .field-help svg{vertical-align:middle;margin-right:3px}.counter-source-success{color:#a3d49b;display:flex;align-items:center;gap:7px;font-size:13px}.counter-source-error{color:#ffaaa0;font-size:13px;line-height:1.6}

.self-role-editor{padding-top:24px;margin-top:24px}
.role-options-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:26px 0 16px}
.role-options-heading h4{display:flex;align-items:center;gap:10px;margin:0;color:#f4f2f7;font-size:17px}
.role-options-heading .badge{font-size:12px;font-weight:500;color:#b8abbf;background:#24212a;border:1px solid #38313f;border-radius:6px;padding:4px 7px;white-space:nowrap}
.role-options-heading p{margin:7px 0 0;font-size:12px;line-height:1.6;color:#aaa2b5}
.role-options-heading>.panel-button{flex-shrink:0}
.role-buttons-preview{padding:16px;border:1px solid #36303e;background:#1b1822;border-radius:12px;margin-bottom:16px}
.role-preview-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px;font-size:12px;font-weight:600;color:#c8c1d0}
.role-preview-heading small{font-size:11px;font-weight:400;color:#a49bad}
.role-preview-row{display:flex;flex-wrap:wrap;gap:6px}
.role-preview-row+.role-preview-row{margin-top:6px}
.self-role-editor .role-button-preview{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%;min-height:34px;padding:6px 12px;border:0;border-radius:5px;color:#fff;font-size:13px;font-weight:600;line-height:1.4;cursor:pointer}
.role-button-preview>span:last-child{overflow-wrap:anywhere;text-align:left}
.role-button-preview.primary{background:#5865f2}.role-button-preview.secondary{background:#4e5058}.role-button-preview.success{background:#248046}.role-button-preview.danger{background:#da373c}
.role-button-preview:hover{filter:brightness(1.12)}
.role-option-emoji{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;max-width:40px;overflow:hidden;line-height:1.3}
.role-option-emoji img{width:20px;height:20px;object-fit:contain}
.role-options-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:4px 0 10px;font-size:12px;color:#aaa2b5}
.self-role-editor .role-options-tools button{display:flex;align-items:center;gap:6px;padding:5px 0;border:0;background:transparent;color:#cfc5da;font-size:12px;cursor:pointer}
.role-options-tools svg.expanded{transform:rotate(180deg)}
.role-options-list{display:grid;gap:9px}
.self-role-editor .role-option{display:block;padding:0;margin:0;min-width:0;border:1px solid #342e3c;border-radius:11px;background:#15131b}
.self-role-editor .role-option.expanded{border-color:#675039;background:#19161e}
.role-option-heading{display:flex;align-items:center;gap:8px;padding:10px 12px}
.self-role-editor .role-option-expand{display:flex;align-items:center;gap:12px;flex:1;min-width:0;padding:3px 0;border:0;background:transparent;text-align:left;color:#eeebf3;cursor:pointer}
.role-option-number{display:grid;place-items:center;flex-shrink:0;width:29px;height:29px;border:1px solid #423847;border-radius:7px;background:#29222e;color:#cbbbce;font-size:11px;font-weight:600}
.role-option-summary{display:flex;flex-direction:column;min-width:0;flex:1;gap:4px}
.role-option-summary strong{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.role-option-summary small{font-size:11px;color:#aea4b9;line-height:1.5;overflow-wrap:anywhere}
.role-option-chevron{flex-shrink:0;color:#a99bb5;transition:transform .15s}
.role-option.expanded .role-option-chevron{transform:rotate(180deg)}
.self-role-editor .role-option-delete{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;padding:0;border-radius:8px;background:transparent}
.role-option-delete:hover:enabled{border-color:#94505b;color:#ffa1ac;background:#da373c15}
.role-color-badge{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;padding:4px 7px;border:1px solid #3c3444;border-radius:6px;color:#c9c0d2;font-size:10px;line-height:1.4}
.role-color-badge i,.role-color-choice i{display:block;width:8px;height:8px;border-radius:50%;flex-shrink:0}
.role-color-badge.primary i,.role-color-choice.primary i{background:#7782ff}.role-color-badge.secondary i,.role-color-choice.secondary i{background:#a6a8b1}.role-color-badge.success i,.role-color-choice.success i{background:#54cd82}.role-color-badge.danger i,.role-color-choice.danger i{background:#fa747b}
.role-option-body{padding:16px;border-top:1px solid #3a303f}
.role-option-body[hidden]{display:none!important}
.self-role-editor .role-option-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 96px;gap:14px;align-items:end}
.self-role-editor .role-option-fields .setting-field{margin:0;min-width:0;font-size:12px;gap:8px}
.self-role-editor .role-option-fields input,.self-role-editor .role-option-fields .neva-select{min-width:0;width:100%;min-height:42px;font-size:13px}
.self-role-editor .role-emoji-field input{text-align:center;font-size:17px}
.self-role-editor .role-replace-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 96px}
.role-replace-fields .role-target-field{grid-column:1}.role-replace-fields .role-remove-field{grid-column:2/4}.role-replace-fields .role-label-field{grid-column:1/3}
.role-color-picker{min-width:0;margin:18px 0 0;padding:0;border:0}
.role-color-picker legend{padding:0;margin-bottom:9px;font-size:12px;color:#c5b8cf}
.role-color-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.role-color-choice{position:relative;min-width:0;cursor:pointer}
.role-color-choice input{position:absolute;opacity:0;width:1px;height:1px}
.role-color-choice>span{display:flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:7px 8px;border:1px solid #44394d;border-radius:7px;background:#201b28;color:#c9bfd4;font-size:11px;transition:border-color .15s,background .15s}
.role-color-choice svg{opacity:0;width:12px;flex-shrink:0}
.role-color-choice:has(input:checked)>span{border-color:#807085;color:#fff;background:#302735}
.role-color-choice.primary:has(input:checked)>span{border-color:#7782ff;background:#5865f226}.role-color-choice.success:has(input:checked)>span{border-color:#54cd82;background:#24804626}.role-color-choice.danger:has(input:checked)>span{border-color:#fa747b;background:#da373c26}
.role-color-choice:has(input:checked) svg{opacity:1}
.role-color-choice:has(input:focus-visible)>span,.role-option-expand:focus-visible,.role-button-preview:focus-visible,.role-options-tools button:focus-visible{outline:2px solid #ffb16b;outline-offset:3px}
.role-confirmations{margin-top:26px;padding-top:20px;border-top:1px solid #342e3c}
.role-confirmations h4{margin:0 0 15px;font-size:14px;color:#dbd3e2}
.role-confirmations .setting-field{margin:0;font-size:12px}
@media(max-width:1050px){.self-role-editor .role-option-fields{grid-template-columns:minmax(0,1fr) 96px}.self-role-editor .role-target-field,.self-role-editor .role-remove-field{grid-column:1/3}.self-role-editor .role-label-field{grid-column:1}.role-preview-heading{flex-wrap:wrap;gap:5px}}
@media(max-width:600px){.role-options-heading{align-items:flex-start;flex-wrap:wrap}.role-options-heading>.panel-button{width:100%;justify-content:center}.role-color-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.role-color-badge{font-size:0;padding:5px}.role-color-badge i{width:9px;height:9px}.role-option-heading{padding:9px;gap:5px}.role-option-expand{gap:8px!important}.role-option-number{width:25px;height:25px}.role-option-body{padding:13px}.role-buttons-preview{padding:13px}.role-confirmations .role-settings-grid{grid-template-columns:1fr}}
.client-config .rule-editor-heading .rule-expand{display:flex;flex:1;min-width:0;align-items:center;gap:11px;padding:3px 0;background:transparent;border:0;cursor:pointer;text-align:left;color:#b9a0c6}.rule-heading-text{display:flex;flex-direction:column;min-width:0;gap:2px}.rule-heading-text small{font-size:12px;color:#a69aad;overflow-wrap:anywhere}.rule-expand>svg{flex-shrink:0;transition:transform .18s ease}.rule-expand>svg.expanded{transform:rotate(180deg)}.rule-editor:has(>.rule-editor-body[hidden])>.rule-editor-heading{border-bottom:0;padding-bottom:0;margin-bottom:0}.rule-editor-body[hidden]{display:none!important}
@media(max-width:720px){.client-config .rule-editor-heading{flex-wrap:wrap}.client-config .rule-editor-heading .rule-expand{flex-basis:100%}.rule-editor-heading>div:last-child{margin-left:auto}}