/* Shieldy reaction-role simple workspace v731.
   Presentation only: no field IDs, names, API routes or saved JSON keys change. */
#sh-interaction-view-reactions.rr-simple-ui{
  --rr-simple-line:var(--account-border,var(--gh-border,#d0d7de));
  --rr-simple-bg:var(--account-surface,#fff);
  --rr-simple-soft:var(--account-surface-soft,var(--gh-subtle,#f6f8fa));
  --rr-simple-text:var(--account-text,var(--theme-text,#1f2328));
  --rr-simple-muted:var(--account-muted,var(--gh-muted,#656d76));
  --rr-simple-accent:var(--account-accent,#23865a);
}
#sh-interaction-view-reactions.rr-simple-ui>.sh-interaction-section-heading{
  margin-bottom:10px!important;padding-bottom:12px!important;border-bottom:1px solid var(--rr-simple-line)!important;
}
#sh-interaction-view-reactions.rr-simple-ui>.sh-interaction-section-heading p{max-width:760px}
#sh-interaction-view-reactions.rr-simple-ui .rr-draft-manager{
  display:grid!important;grid-template-columns:minmax(170px,.65fr) minmax(280px,1.35fr);gap:10px 16px!important;
  align-items:center!important;margin:0 0 12px!important;padding:12px 14px!important;border:1px solid var(--rr-simple-line)!important;
  border-radius:14px!important;background:var(--rr-simple-bg)!important;box-shadow:none!important;
}
#sh-interaction-view-reactions.rr-simple-ui .rr-draft-manager-copy{display:grid!important;gap:2px!important}
#sh-interaction-view-reactions.rr-simple-ui .rr-draft-manager-copy strong{font-size:14px!important}
#sh-interaction-view-reactions.rr-simple-ui .rr-draft-manager-copy small{font-size:11px!important;color:var(--rr-simple-muted)!important}
#sh-interaction-view-reactions.rr-simple-ui .rr-draft-quota-strip{
  display:flex!important;justify-content:flex-end!important;gap:6px!important;flex-wrap:wrap!important;
}
#sh-interaction-view-reactions.rr-simple-ui .rr-draft-quota-strip>span{
  min-height:30px!important;padding:5px 8px!important;border:1px solid var(--rr-simple-line)!important;border-radius:999px!important;
  background:var(--rr-simple-soft)!important;display:flex!important;align-items:center!important;gap:4px!important;
}
#sh-interaction-view-reactions.rr-simple-ui .rr-draft-quota-strip small{font-size:10px!important}
#sh-interaction-view-reactions.rr-simple-ui .rr-premium-quota{display:none!important}
#sh-interaction-view-reactions.rr-simple-ui .rr-draft-controls{
  grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(180px,1fr) auto auto auto!important;
  align-items:center!important;gap:8px!important;
}
#sh-interaction-view-reactions.rr-simple-ui #reaction-role-draft-count{font-size:11px;color:var(--rr-simple-muted)}
#sh-interaction-view-reactions.rr-simple-ui #reaction-role-delete-current{padding-inline:10px!important}

#sh-interaction-view-reactions.rr-simple-ui .rr-master-card{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;
  min-height:auto!important;margin:0!important;padding:9px 12px!important;border-radius:12px!important;box-shadow:none!important;
}
#sh-interaction-view-reactions.rr-simple-ui .rr-master-icon{width:34px!important;height:34px!important}
#sh-interaction-view-reactions.rr-simple-ui .rr-master-copy small{display:none!important}
#sh-interaction-view-reactions.rr-simple-ui .rr-master-switch{min-width:auto!important}

#sh-interaction-view-reactions.rr-simple-ui .rr-simple-tabs{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:9px 0;padding:5px;
  border:1px solid var(--rr-simple-line);border-radius:13px;background:var(--rr-simple-soft);
}
#sh-interaction-view-reactions.rr-simple-ui .rr-simple-tabs button{
  min-height:38px;padding:8px 10px;border:0;border-radius:9px;background:transparent;color:var(--rr-simple-muted);
  font:900 13px Nunito,sans-serif;cursor:pointer;transition:.15s ease;
}
#sh-interaction-view-reactions.rr-simple-ui .rr-simple-tabs button:hover:not(:disabled){background:color-mix(in srgb,var(--rr-simple-accent) 7%,var(--rr-simple-bg));color:var(--rr-simple-text)}
#sh-interaction-view-reactions.rr-simple-ui .rr-simple-tabs button.is-active{background:var(--rr-simple-bg);color:var(--rr-simple-text);box-shadow:0 1px 3px rgba(31,35,40,.08)}
#sh-interaction-view-reactions.rr-simple-ui .rr-simple-tabs button:disabled{opacity:.42;cursor:not-allowed}

#sh-interaction-view-reactions.rr-simple-ui .rr-redesigned-layout{display:block!important}
#sh-interaction-view-reactions.rr-simple-ui .reaction-role-editor-column{display:grid!important;gap:8px!important}
#sh-interaction-view-reactions.rr-simple-ui .reaction-role-editor-column>.github-card{
  margin:0!important;padding:14px!important;border-radius:14px!important;box-shadow:none!important;
}
#sh-interaction-view-reactions.rr-simple-ui .rr-step-label{display:none!important}
#sh-interaction-view-reactions.rr-simple-ui .card-title{margin-bottom:10px!important}
#sh-interaction-view-reactions.rr-simple-ui .card-title p{font-size:11px!important;line-height:1.4!important}

/* Message tab */
#sh-interaction-view-reactions.rr-simple-ui[data-rr-simple-view="message"] .rr-settings-card{display:none!important}
#sh-interaction-view-reactions.rr-simple-ui[data-rr-simple-view="message"] .rr-source-card .rr-customization-toggle,
#sh-interaction-view-reactions.rr-simple-ui[data-rr-simple-view="message"] .rr-source-card .rr-premium-customization{display:none!important}
#sh-interaction-view-reactions.rr-simple-ui .rr-current-setting-card{padding-block:9px!important}
#sh-interaction-view-reactions.rr-simple-ui .rr-current-setting-card>.card-title{display:none!important}
#sh-interaction-view-reactions.rr-simple-ui .rr-current-setting-grid{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:end!important}
#sh-interaction-view-reactions.rr-simple-ui .rr-current-setting-grid>.field{margin:0!important}
#sh-interaction-view-reactions.rr-simple-ui .reaction-role-management-actions{display:flex!important;gap:6px!important;align-items:center!important}
#sh-interaction-view-reactions.rr-simple-ui #delete-reaction-role-settings{font-size:11px!important;opacity:.76}
#sh-interaction-view-reactions.rr-simple-ui .rr-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
#sh-interaction-view-reactions.rr-simple-ui .rr-choice-card{min-height:68px!important;padding:10px 12px!important;grid-template-columns:28px minmax(0,1fr)!important}
#sh-interaction-view-reactions.rr-simple-ui .rr-choice-card small{font-size:10px!important;line-height:1.32!important}
#sh-interaction-view-reactions.rr-simple-ui .rr-basic-message-editor{margin-top:10px!important}
#sh-interaction-view-reactions.rr-simple-ui .rr-basic-message-fields{grid-template-columns:minmax(180px,.7fr) minmax(260px,1.3fr) minmax(180px,.7fr)!important;gap:10px!important}
#sh-interaction-view-reactions.rr-simple-ui .rr-basic-message-text textarea{min-height:82px!important}

/* Roles tab */
#sh-interaction-view-reactions.rr-simple-ui[data-rr-simple-view="roles"] .rr-current-setting-card,
#sh-interaction-view-reactions.rr-simple-ui[data-rr-simple-view="roles"] .rr-source-card{display:none!important}
#sh-interaction-view-reactions.rr-simple-ui[data-rr-simple-view="roles"] .rr-rules-section{display:none!important}
#sh-interaction-view-reactions.rr-simple-ui[data-rr-simple-view="roles"] .rr-settings-card>.card-title{display:none!important}
#sh-interaction-view-reactions.rr-simple-ui .rr-settings-section{padding:10px 0!important;margin:0!important;border:0!important}
#sh-interaction-view-reactions.rr-simple-ui .rr-settings-section+.rr-settings-section{border-top:1px solid var(--rr-simple-line)!important}
#sh-interaction-view-reactions.rr-simple-ui .rr-method-switch{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
#sh-interaction-view-reactions.rr-simple-ui .rr-method-switch>label{min-height:64px!important;padding:10px 12px!important}
#sh-interaction-view-reactions.rr-simple-ui .rr-method-note{margin-top:6px!important;padding:8px 10px!important;font-size:11px!important}
#sh-interaction-view-reactions.rr-simple-ui .reaction-input-policy{margin:6px 0!important}

/* Rules tab */
#sh-interaction-view-reactions.rr-simple-ui[data-rr-simple-view="rules"] .rr-current-setting-card,
#sh-interaction-view-reactions.rr-simple-ui[data-rr-simple-view="rules"] .rr-source-card{display:none!important}
#sh-interaction-view-reactions.rr-simple-ui[data-rr-simple-view="rules"] .rr-method-section,
#sh-interaction-view-reactions.rr-simple-ui[data-rr-simple-view="rules"] .rr-roles-section{display:none!important}
#sh-interaction-view-reactions.rr-simple-ui[data-rr-simple-view="rules"] .rr-settings-card>.card-title{display:none!important}
#sh-interaction-view-reactions.rr-simple-ui .rr-rules-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
#sh-interaction-view-reactions.rr-simple-ui .rr-rule-row,
#sh-interaction-view-reactions.rr-simple-ui .rr-limit-row{min-height:68px!important;padding:10px 12px!important;border-radius:11px!important}

/* Appearance tab: reuse the exact existing Premium controls, only present them alone. */
#sh-interaction-view-reactions.rr-simple-ui[data-rr-simple-view="appearance"] .rr-current-setting-card,
#sh-interaction-view-reactions.rr-simple-ui[data-rr-simple-view="appearance"] .rr-settings-card{display:none!important}
#sh-interaction-view-reactions.rr-simple-ui[data-rr-simple-view="appearance"] .rr-source-card>.card-title,
#sh-interaction-view-reactions.rr-simple-ui[data-rr-simple-view="appearance"] .rr-source-card>.rr-choice-grid,
#sh-interaction-view-reactions.rr-simple-ui[data-rr-simple-view="appearance"] .rr-source-panel[data-rr-source-panel="existing"]{display:none!important}
#sh-interaction-view-reactions.rr-simple-ui[data-rr-simple-view="appearance"] .rr-source-panel[data-rr-source-panel="new"]>.field,
#sh-interaction-view-reactions.rr-simple-ui[data-rr-simple-view="appearance"] .rr-source-panel[data-rr-source-panel="new"]>.rr-basic-message-editor{display:none!important}
#sh-interaction-view-reactions.rr-simple-ui[data-rr-simple-view="appearance"] .rr-customization-toggle{margin-top:0!important}
#sh-interaction-view-reactions.rr-simple-ui[data-rr-simple-view="appearance"] .rr-premium-customization:not([hidden]){display:block!important}

#sh-interaction-view-reactions.rr-simple-ui .shieldy-server-save-bar{
  position:sticky!important;bottom:10px!important;z-index:8!important;margin-top:4px!important;border-radius:12px!important;
}
#sh-interaction-view-reactions.rr-simple-ui .rr-bottom-preview-card{margin-top:10px!important}
#sh-interaction-view-reactions.rr-simple-ui[data-rr-simple-view="roles"] .rr-bottom-preview-card,
#sh-interaction-view-reactions.rr-simple-ui[data-rr-simple-view="rules"] .rr-bottom-preview-card{display:none!important}

@media(max-width:900px){
  #sh-interaction-view-reactions.rr-simple-ui .rr-draft-manager{grid-template-columns:1fr!important}
  #sh-interaction-view-reactions.rr-simple-ui .rr-draft-quota-strip{justify-content:flex-start!important}
  #sh-interaction-view-reactions.rr-simple-ui .rr-draft-controls{grid-column:auto!important;grid-template-columns:1fr 1fr!important}
  #sh-interaction-view-reactions.rr-simple-ui .rr-current-setting-grid{grid-template-columns:1fr!important}
  #sh-interaction-view-reactions.rr-simple-ui .rr-basic-message-fields{grid-template-columns:1fr!important}
  #sh-interaction-view-reactions.rr-simple-ui .rr-rules-grid{grid-template-columns:1fr!important}
}
@media(max-width:620px){
  #sh-interaction-view-reactions.rr-simple-ui .rr-simple-tabs{grid-template-columns:repeat(2,1fr)}
  #sh-interaction-view-reactions.rr-simple-ui .rr-draft-controls{grid-template-columns:1fr!important}
  #sh-interaction-view-reactions.rr-simple-ui .rr-choice-grid,#sh-interaction-view-reactions.rr-simple-ui .rr-method-switch{grid-template-columns:1fr!important}
  #sh-interaction-view-reactions.rr-simple-ui .reaction-role-management-actions{flex-wrap:wrap}
}


/* v732 — stronger visual hierarchy and fixed choice-card spacing/selection badge. */
#sh-interaction-view-reactions.rr-simple-ui .reaction-role-editor-column>.github-card{
  background:var(--rr-simple-bg)!important;
  border:1px solid color-mix(in srgb,var(--rr-simple-line) 94%,transparent)!important;
  box-shadow:0 1px 2px rgba(16,24,40,.04)!important;
}
#sh-interaction-view-reactions.rr-simple-ui .rr-current-setting-card{
  background:color-mix(in srgb,var(--rr-simple-soft) 74%,var(--rr-simple-bg))!important;
}
#sh-interaction-view-reactions.rr-simple-ui .rr-source-card,
#sh-interaction-view-reactions.rr-simple-ui .rr-settings-card{
  background:var(--rr-simple-bg)!important;
}
#sh-interaction-view-reactions.rr-simple-ui .rr-choice-grid{
  gap:12px!important;
  align-items:stretch!important;
}
#sh-interaction-view-reactions.rr-simple-ui .rr-choice-card{
  min-height:76px!important;
  padding:12px 14px!important;
  grid-template-columns:36px minmax(0,1fr)!important;
  grid-template-areas:"icon title" "icon meta"!important;
  column-gap:12px!important;
  row-gap:2px!important;
  align-items:center!important;
  align-content:center!important;
  background:color-mix(in srgb,var(--rr-simple-bg) 92%,var(--rr-simple-soft))!important;
  border:1px solid color-mix(in srgb,var(--rr-simple-line) 92%,transparent)!important;
  box-shadow:none!important;
}
#sh-interaction-view-reactions.rr-simple-ui .rr-choice-card:hover{
  background:var(--rr-simple-bg)!important;
  border-color:color-mix(in srgb,var(--rr-simple-accent) 34%,var(--rr-simple-line))!important;
  box-shadow:0 3px 10px rgba(16,24,40,.05)!important;
}
#sh-interaction-view-reactions.rr-simple-ui .rr-choice-card .rr-choice-icon{
  grid-area:icon!important;
  width:36px!important;height:36px!important;min-width:36px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  border-radius:11px!important;
  font-size:19px!important;line-height:1!important;
  align-self:center!important;
}
#sh-interaction-view-reactions.rr-simple-ui .rr-choice-card strong{
  grid-area:title!important;
  display:block!important;
  margin:0!important;
  line-height:1.24!important;
}
#sh-interaction-view-reactions.rr-simple-ui .rr-choice-card small{
  grid-area:meta!important;
  display:block!important;
  margin:0!important;
  line-height:1.34!important;
  color:var(--rr-simple-muted)!important;
}
#sh-interaction-view-reactions.rr-simple-ui .rr-choice-card.is-selected{
  padding:12px 42px 12px 14px!important;
  border:2px solid color-mix(in srgb,var(--rr-simple-accent) 86%,var(--rr-simple-line))!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--rr-simple-accent) 10%,var(--rr-simple-bg)),var(--rr-simple-bg) 68%)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--rr-simple-accent) 8%,transparent)!important;
}
#sh-interaction-view-reactions.rr-simple-ui .rr-choice-card.is-selected::after{
  content:"✓"!important;
  position:absolute!important;
  top:10px!important;right:10px!important;
  width:20px!important;height:20px!important;
  padding:0!important;border-radius:999px!important;
  display:grid!important;place-items:center!important;
  background:var(--rr-simple-accent)!important;
  color:#fff!important;
  font:900 12px/1 Nunito,Arial,sans-serif!important;
  box-shadow:none!important;
}
#sh-interaction-view-reactions.rr-simple-ui .rr-source-card>.card-title,
#sh-interaction-view-reactions.rr-simple-ui .rr-settings-card>.card-title{
  margin-bottom:8px!important;
}
#sh-interaction-view-reactions.rr-simple-ui .rr-source-panel[data-rr-source-panel="new"],
#sh-interaction-view-reactions.rr-simple-ui .rr-source-panel[data-rr-source-panel="existing"]{
  margin-top:6px!important;
}
@media(max-width:620px){
  #sh-interaction-view-reactions.rr-simple-ui .rr-choice-card.is-selected{padding-right:38px!important}
}