body[data-account-page="bots"] #shieldy-welcome-builder[data-jj-welcome-scenario] #welcome-step-role.jj-autorole-ui{--jj-autorole-accent:#2da44e;--jj-autorole-accent-strong:#1f883d;display:grid!important;gap:18px!important}
#welcome-step-role.jj-autorole-ui>.jj-welcome-role-note{display:none!important}
#welcome-step-role.jj-autorole-ui>.card-title{margin-bottom:0!important}
.jj-autorole-title-row{align-items:flex-start}.jj-autorole-status-badge{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:5px 9px;border-radius:999px;background:rgba(210,153,34,.14);color:#9a6700;font-size:11px;font-weight:800;white-space:nowrap}
.jj-autorole-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.jj-autorole-mode{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:12px;border:1px solid var(--account-border);border-radius:12px;background:var(--account-surface);color:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}
.jj-autorole-mode:hover,.jj-autorole-mode:focus-visible{border-color:rgba(45,164,78,.65);outline:none}.jj-autorole-mode.is-active{border-color:var(--jj-autorole-accent);background:rgba(45,164,78,.035);box-shadow:0 0 0 2px rgba(45,164,78,.09)}
.jj-autorole-mode-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--account-surface-soft);font-size:18px;font-weight:900}.jj-autorole-mode.is-active .jj-autorole-mode-icon{background:rgba(45,164,78,.12);color:var(--jj-autorole-accent)}
.jj-autorole-mode strong,.jj-autorole-mode small{display:block}.jj-autorole-mode small{margin-top:2px;color:var(--account-muted);font-size:12px;line-height:1.35}.jj-autorole-mode>b{padding:4px 7px;border-radius:999px;background:var(--account-surface-soft);color:var(--account-muted);font-size:10px;white-space:nowrap}.jj-autorole-mode.is-active>b{background:rgba(45,164,78,.12);color:var(--jj-autorole-accent-strong)}
.jj-autorole-mode>.jj-autorole-status-badge,.jj-autorole-mode.is-active>.jj-autorole-status-badge{padding:5px 9px;background:rgba(210,153,34,.14)!important;color:#9a6700!important;font-size:10px;font-weight:800}
.jj-autorole-panel{display:none;padding:16px;border:1px solid var(--account-border);border-radius:13px;background:var(--account-surface)}.jj-autorole-panel.is-active{display:grid;gap:16px}
.jj-autorole-panel-head,.jj-autorole-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.jj-autorole-panel-head strong,.jj-autorole-section-head strong{display:block}.jj-autorole-panel-head small,.jj-autorole-section-head small{display:block;margin-top:2px;color:var(--account-muted);font-size:12px;line-height:1.4}.jj-autorole-panel-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.jj-autorole-ui #jj-autorole-preview-open{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:34px;border:1px solid var(--jj-autorole-accent)!important;background:rgba(45,164,78,.10)!important;color:var(--jj-autorole-accent-strong)!important;font-weight:800!important;box-shadow:none!important}
.jj-autorole-ui #jj-autorole-preview-open::before{content:"👁";display:inline-block;flex:0 0 auto;font-size:15px;line-height:1;transform:translateY(-.5px)}
.jj-autorole-ui #jj-autorole-preview-open:hover,.jj-autorole-ui #jj-autorole-preview-open:focus-visible,.jj-autorole-ui #jj-autorole-preview-open[aria-expanded="true"]{border-color:var(--jj-autorole-accent-strong)!important;background:var(--jj-autorole-accent)!important;color:#fff!important;outline:none!important;box-shadow:0 0 0 3px rgba(45,164,78,.14)!important}
.jj-autorole-auto-grid,.jj-autorole-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.jj-autorole-self-config{display:grid;gap:14px}.jj-autorole-wide{grid-column:1/-1}
.jj-autorole-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border:1px solid var(--account-border);border-radius:10px;background:var(--account-surface-soft)}.jj-autorole-summary span{color:var(--account-muted);font-size:12px;line-height:1.35}.jj-autorole-summary strong{font-size:12px;white-space:nowrap}
.jj-autorole-choice-limit,.jj-autorole-message-card,.jj-autorole-media-card{padding:11px;border:1px solid var(--account-border);border-radius:11px;background:var(--account-surface-soft)}.jj-autorole-choice-limit{display:flex;align-items:center;justify-content:space-between;gap:14px}.jj-autorole-choice-limit strong,.jj-autorole-choice-limit small{display:block}.jj-autorole-choice-limit small{margin-top:2px;color:var(--account-muted);font-size:12px;line-height:1.35}.jj-autorole-message-card,.jj-autorole-media-card{display:grid;gap:10px}
.jj-autorole-stepper{display:flex;align-items:center;gap:6px;flex:0 0 auto}.jj-autorole-stepper button{width:34px;height:34px;border:1px solid rgba(45,164,78,.55);border-radius:9px;background:rgba(45,164,78,.07);color:var(--jj-autorole-accent-strong);font-size:20px;font-weight:700;cursor:pointer}.jj-autorole-stepper button:hover,.jj-autorole-stepper button:focus-visible{border-color:var(--jj-autorole-accent-strong);background:var(--jj-autorole-accent);color:#fff;outline:none}.jj-autorole-stepper input{width:58px!important;text-align:center;margin:0!important}
.jj-autorole-color-control{display:grid;grid-template-columns:48px minmax(0,1fr);gap:8px}.jj-autorole-color-control input[type=color]{width:48px!important;min-height:42px;padding:3px!important}.jj-autorole-color-control input[type=text]{text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.jj-autorole-logo-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.jj-autorole-logo-options>button{display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto;column-gap:8px;align-items:center;min-width:0;padding:9px;border:1px solid var(--account-border);border-radius:10px;background:var(--account-surface);color:var(--account-text);text-align:left;cursor:pointer}.jj-autorole-logo-options>button:hover,.jj-autorole-logo-options>button:focus-visible{border-color:rgba(45,164,78,.65);outline:none}.jj-autorole-logo-options>button>span,.jj-autorole-logo-options>button>img{grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:var(--account-surface-soft);object-fit:cover;font-weight:900}.jj-autorole-logo-options>button strong{font-size:12px;line-height:1.2}.jj-autorole-logo-options>button small{color:var(--account-muted);font-size:10px;line-height:1.3}.jj-autorole-logo-options>button.is-selected{border-color:var(--jj-autorole-accent);background:rgba(45,164,78,.035);box-shadow:0 0 0 2px rgba(45,164,78,.09)}
.jj-autorole-premium-option.is-locked,.jj-autorole-premium-option:disabled{opacity:.58;cursor:not-allowed}.jj-autorole-upload-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.jj-autorole-upload-row small{color:var(--account-muted)}
.jj-autorole-ui #jj-autorole-logo-upload,.jj-autorole-ui #jj-autorole-banner-upload{border-color:rgba(45,164,78,.58)!important;background:rgba(45,164,78,.08)!important;color:var(--jj-autorole-accent-strong)!important}.jj-autorole-ui #jj-autorole-logo-upload:hover,.jj-autorole-ui #jj-autorole-logo-upload:focus-visible,.jj-autorole-ui #jj-autorole-banner-upload:hover,.jj-autorole-ui #jj-autorole-banner-upload:focus-visible{border-color:var(--jj-autorole-accent-strong)!important;background:var(--jj-autorole-accent)!important;color:#fff!important;outline:none!important}
.jj-autorole-banner-controls{display:flex;gap:8px;flex-wrap:wrap}.jj-autorole-banner-controls button{padding:8px 10px;border:1px solid var(--account-border);border-radius:9px;background:var(--account-surface);color:var(--account-text);cursor:pointer}.jj-autorole-banner-controls button:hover,.jj-autorole-banner-controls button:focus-visible{border-color:rgba(45,164,78,.65);outline:none}.jj-autorole-banner-controls button.is-selected{border-color:var(--jj-autorole-accent);background:rgba(45,164,78,.08);color:var(--jj-autorole-accent-strong)}
.jj-autorole-preview-modal{width:min(640px,calc(100vw - 32px))}.jj-autorole-preview-dialog{width:100%}.jj-autorole-preview-modal .sh-auto-preview-modal-head{padding-bottom:14px}.jj-autorole-preview-modal .sh-auto-preview-modal-copy h3{margin:0}.jj-autorole-preview-modal .sh-auto-preview-modal-close{border-color:#ef4444!important;background:rgba(239,68,68,.08)!important;color:#dc2626!important;font-weight:700!important}.jj-autorole-preview-modal .sh-auto-preview-modal-close:hover,.jj-autorole-preview-modal .sh-auto-preview-modal-close:focus-visible{border-color:#dc2626!important;background:#ef4444!important;color:#fff!important;outline:none!important;box-shadow:0 0 0 3px rgba(239,68,68,.14)!important}
.jj-autorole-preview-context{margin:14px 0 10px}.jj-autorole-preview-stage{padding:14px;border-radius:12px;background:#191b20;color:#f0f2f5}.jj-autorole-preview-message{max-width:600px}.jj-autorole-preview-author{display:flex;align-items:center;gap:9px}.jj-autorole-preview-author>img{width:40px;height:40px;border-radius:50%;object-fit:cover}.jj-autorole-preview-author strong,.jj-autorole-preview-author small{display:block}.jj-autorole-preview-author strong{font-size:14px}.jj-autorole-preview-author strong b{padding:2px 4px;border-radius:4px;background:#d83b7d;font-size:9px}.jj-autorole-preview-author small{margin-top:2px;color:#9ea4ae;font-size:11px}
.jj-autorole-preview-embed{position:relative;margin:10px 0 0 49px;padding:13px 13px 12px 16px;border-radius:5px;background:#24262c;overflow:hidden}.jj-autorole-preview-embed:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--jj-autorole-accent,#2da44e)}.jj-autorole-preview-copy{padding-right:74px;min-height:58px}.jj-autorole-preview-copy h4{margin:0 0 6px;font-size:16px}.jj-autorole-preview-copy p{margin:0;color:#d3d7de;font-size:13px;line-height:1.45}.jj-autorole-preview-logo,.jj-autorole-preview-logo-fallback{position:absolute;top:12px;right:12px;width:58px;height:58px;border-radius:10px;object-fit:cover}.jj-autorole-preview-logo-fallback{display:grid;place-items:center;background:#343842;color:#fff;font-weight:900;font-size:20px}.jj-autorole-preview-banner{display:block;width:100%;max-height:240px;margin:12px 0 10px;border-radius:6px;object-fit:cover}
.jj-autorole-preview-select{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding:10px 11px;border:1px solid #454a55;border-radius:6px;background:#1c1e24;color:#bec4cd;cursor:pointer}.jj-autorole-preview-select b{font-size:13px}.jj-autorole-preview-options{margin-top:5px;padding:5px;border:1px solid #454a55;border-radius:7px;background:#17191e;box-shadow:0 12px 32px rgba(0,0,0,.32)}.jj-autorole-preview-options button{display:flex;width:100%;align-items:center;justify-content:space-between;padding:8px 9px;border:0;border-radius:5px;background:transparent;color:#e7e9ed;text-align:left}.jj-autorole-preview-options button+button{margin-top:2px}.jj-autorole-preview-options i{color:#89909b;font-style:normal}.jj-autorole-preview-empty{padding:9px;color:#8f96a1;font-size:12px}.jj-autorole-preview-footer{display:block;margin-top:10px;color:#9ba1ab;font-size:11px}
html[data-theme="dark"] .jj-autorole-preview-modal .sh-auto-preview-modal-close{border-color:rgba(248,113,113,.72)!important;background:rgba(239,68,68,.12)!important;color:#fca5a5!important}html[data-theme="dark"] .jj-autorole-preview-modal .sh-auto-preview-modal-close:hover,html[data-theme="dark"] .jj-autorole-preview-modal .sh-auto-preview-modal-close:focus-visible{border-color:#ef4444!important;background:#dc2626!important;color:#fff!important}
@media(max-width:860px){.jj-autorole-mode-grid,.jj-autorole-auto-grid,.jj-autorole-config-grid{grid-template-columns:1fr}.jj-autorole-logo-options{grid-template-columns:repeat(2,minmax(0,1fr))}.jj-autorole-mode{grid-template-columns:36px minmax(0,1fr)}.jj-autorole-mode>b{grid-column:2;justify-self:start}.jj-autorole-panel-head,.jj-autorole-section-head,.jj-autorole-choice-limit,.jj-autorole-summary{align-items:flex-start;flex-direction:column}.jj-autorole-panel-actions{width:100%;justify-content:flex-start}.jj-autorole-wide{grid-column:auto}}
@media(max-width:600px){.jj-autorole-logo-options{grid-template-columns:1fr}.jj-autorole-preview-modal{width:calc(100vw - 24px)}.jj-autorole-preview-embed{margin-left:0}.jj-autorole-preview-copy{padding-right:68px}}

html[data-theme="dark"] .jj-autorole-mode>.jj-autorole-status-badge,html[data-theme="dark"] .jj-autorole-mode.is-active>.jj-autorole-status-badge{background:rgba(210,153,34,.16)!important;color:#e3b341!important}