/* JoyJoy personal cabinet polish — visual layer only. No IDs, forms or API hooks changed. */
body[data-account-page]{
  --cabinet-accent:#2f81f7;
  --cabinet-accent-soft:color-mix(in srgb,var(--cabinet-accent) 10%,transparent);
  --cabinet-panel:color-mix(in srgb,var(--account-surface) 94%,transparent);
  --cabinet-panel-soft:color-mix(in srgb,var(--account-surface-soft) 91%,transparent);
  --cabinet-line:color-mix(in srgb,var(--account-border) 82%,transparent);
  --cabinet-radius:18px;
  --cabinet-radius-small:13px;
  background:
    radial-gradient(circle at 12% -8%,color-mix(in srgb,var(--cabinet-accent) 9%,transparent),transparent 34rem),
    var(--account-bg);
}
body[data-account-page="profile"]{--cabinet-accent:#2f81f7}
body[data-account-page="subscriptions"]{--cabinet-accent:#8250df}
body[data-account-page="security"]{--cabinet-accent:#1f883d}
body[data-account-page="promocode"]{--cabinet-accent:#bf8700}
body[data-account-page="console"]{--cabinet-accent:#cf222e}
body[data-account-page="bots"] #panel-bot-control[data-active-bot="tunetune"]{--cabinet-accent:#2997d6}
body[data-account-page="bots"] #panel-bot-control[data-active-bot="shieldy"]{--cabinet-accent:#2da44e}
body[data-account-page="bots"] #panel-bot-control[data-active-bot="gamey"]{--cabinet-accent:#d93f7d}

body[data-account-page] .account-page{
  width:min(1460px,100%);
  padding:20px clamp(14px,2.2vw,28px) 30px;
}
body[data-account-page] .account-topbar{
  min-height:68px;
  margin-bottom:18px;
  padding:10px 14px;
  border-radius:18px;
  border-color:color-mix(in srgb,#6d86a8 42%,transparent);
  background:color-mix(in srgb,#17243a 94%,transparent);
  box-shadow:0 12px 34px rgba(10,24,45,.12);
  backdrop-filter:blur(14px);
}
body[data-account-page] .account-brand img{border-radius:12px}
body[data-account-page] .topbar-icon,
body[data-account-page] .account-user-trigger{
  border-radius:11px;
}
body[data-account-page] .github-content{min-width:0}
body[data-account-page] .account-page-primary{display:grid;gap:16px;min-width:0}

/* Page and module headings */
body[data-account-page] .account-page-primary>.page-heading{
  position:relative;
  overflow:hidden;
  margin:0;
  padding:24px clamp(20px,3vw,30px);
  border:1px solid color-mix(in srgb,var(--cabinet-accent) 18%,var(--cabinet-line));
  border-radius:22px;
  background:
    linear-gradient(135deg,color-mix(in srgb,var(--account-surface) 94%,var(--cabinet-accent) 6%),var(--cabinet-panel));
  box-shadow:0 12px 34px rgba(24,42,70,.06);
}
body[data-account-page] .account-page-primary>.page-heading::after{
  content:"";
  position:absolute;
  inset:auto -70px -100px auto;
  width:210px;
  height:210px;
  border-radius:50%;
  background:color-mix(in srgb,var(--cabinet-accent) 8%,transparent);
  pointer-events:none;
}
body[data-account-page] .account-page-primary>.page-heading h1{
  margin:0 0 7px;
  font-size:clamp(25px,3vw,34px);
  letter-spacing:-.025em;
}
body[data-account-page] .account-page-primary>.page-heading p:not(.eyebrow){
  max-width:850px;
  line-height:1.55;
}
body[data-account-page] .eyebrow{
  color:var(--cabinet-accent);
  letter-spacing:.085em;
}
body[data-account-page="bots"] .console-heading{
  align-items:flex-start;
  gap:18px;
  margin:0 0 16px;
  padding:0 0 17px;
  border-bottom:1px solid var(--cabinet-line);
}
body[data-account-page="bots"] .console-heading h2{
  margin:0 0 5px;
  font-size:clamp(20px,2vw,26px);
  letter-spacing:-.02em;
}
body[data-account-page="bots"] .console-heading p{max-width:820px;line-height:1.5}

/* Shared surfaces */
body[data-account-page] .github-card,
body[data-account-page] .stat-card,
body[data-account-page] .console-card{
  border-color:var(--cabinet-line);
  border-radius:var(--cabinet-radius);
}
body[data-account-page] .github-card{
  background:var(--cabinet-panel);
  box-shadow:0 8px 26px rgba(24,42,70,.045);
}
body[data-account-page] .card-title{
  align-items:flex-start;
  gap:16px;
  margin-bottom:15px;
}
body[data-account-page] .card-title h2,
body[data-account-page] .card-title h3{
  letter-spacing:-.015em;
}
body[data-account-page] .card-title p{
  margin:5px 0 0;
  color:var(--account-muted);
  line-height:1.45;
}
body[data-account-page] .muted-status,
body[data-account-page] .free-feature-badge,
body[data-account-page] .premium-feature-badge,
body[data-account-page] .status-pill{
  border-radius:999px;
}
body[data-account-page] .primary,
body[data-account-page] .secondary,
body[data-account-page] .inline-button,
body[data-account-page] .discard-unsaved-button,
body[data-account-page] .service-action{
  min-height:42px;
  border-radius:11px;
  padding-inline:15px;
}
body[data-account-page] .primary{box-shadow:0 5px 14px color-mix(in srgb,#1f883d 18%,transparent)}
body[data-account-page] .secondary,
body[data-account-page] .discard-unsaved-button{
  background:var(--cabinet-panel-soft);
}
body[data-account-page] .field input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
body[data-account-page] .field select,
body[data-account-page] .field textarea{
  border-radius:11px;
  border-color:var(--cabinet-line);
  background:var(--cabinet-panel-soft);
}
body[data-account-page] .field input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
body[data-account-page] .field select{min-height:46px}
body[data-account-page] .field textarea{line-height:1.5}
body[data-account-page] .field input:focus,
body[data-account-page] .field select:focus,
body[data-account-page] .field textarea:focus{
  border-color:var(--cabinet-accent);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--cabinet-accent) 14%,transparent);
}
body[data-account-page] .sticky-save-bar{
  border-radius:15px;
  border-color:color-mix(in srgb,var(--cabinet-accent) 18%,var(--cabinet-line));
  background:color-mix(in srgb,var(--account-surface) 90%,transparent);
  box-shadow:0 12px 30px rgba(24,42,70,.10);
  backdrop-filter:blur(14px);
}

/* Profile */
body[data-account-page="profile"] .stats-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin:0;
}
body[data-account-page="profile"] .stat-card{
  position:relative;
  overflow:hidden;
  min-height:132px;
  padding:19px 20px;
  background:var(--cabinet-panel);
  box-shadow:0 8px 24px rgba(24,42,70,.045);
}
body[data-account-page="profile"] .stat-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:color-mix(in srgb,var(--cabinet-accent) 76%,transparent);
}
body[data-account-page="profile"] .stat-card strong{font-size:22px;letter-spacing:-.02em}
body[data-account-page="profile"] .profile-subscriptions-card{padding:22px}
body[data-account-page="profile"] .profile-subscriptions-heading{
  align-items:center;
  padding-bottom:16px;
  border-bottom:1px solid var(--cabinet-line);
}
body[data-account-page="profile"] .profile-subscriptions-main-action,
body[data-account-page="profile"] .profile-subscription-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:9px 14px;
  border:1px solid color-mix(in srgb,var(--cabinet-accent) 28%,var(--cabinet-line));
  border-radius:11px;
  background:var(--cabinet-accent-soft);
  color:var(--cabinet-accent);
  text-decoration:none;
  font-weight:900;
}
body[data-account-page="profile"] .profile-subscriptions-list{display:grid;gap:11px}
body[data-account-page="profile"] .profile-subscription-row{
  gap:18px;
  padding:15px 16px;
  border:1px solid var(--cabinet-line);
  border-radius:15px;
  background:var(--cabinet-panel-soft);
  transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease;
}
body[data-account-page="profile"] .profile-subscription-row:hover{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--cabinet-accent) 30%,var(--cabinet-line));
  box-shadow:0 8px 22px rgba(24,42,70,.055);
}
body[data-account-page="profile"] .profile-subscription-icon{
  width:48px;
  height:48px;
  border-radius:14px;
}
body[data-account-page="profile"] .profile-subscription-facts{gap:8px}
body[data-account-page="profile"] .profile-subscription-facts>div{
  min-width:100px;
  padding:8px 10px;
  border-radius:10px;
  background:color-mix(in srgb,var(--account-surface) 70%,transparent);
}
body[data-account-page="profile"] .content-grid,
body[data-account-page="profile"] .profile-grid{gap:16px;margin:0}
body[data-account-page="profile"] .content-grid>.github-card,
body[data-account-page="profile"] .profile-grid>.github-card{padding:22px}
body[data-account-page="profile"] .account-profile-details{
  display:grid;
  gap:16px;
  margin-top:2px;
  padding-top:4px;
}
body[data-account-page="profile"] .profile-details-heading{
  padding:0 2px 14px;
  border:0;
  border-bottom:1px solid var(--cabinet-line);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
body[data-account-page="profile"] .linked-service-row,
body[data-account-page="security"] .linked-service-row{
  padding:14px 0;
}
body[data-account-page="profile"] .profile-notification-option{
  min-height:74px;
  padding:14px 15px;
  border:1px solid var(--cabinet-line);
  border-radius:13px;
  background:var(--cabinet-panel-soft);
}

/* Bot management */
body[data-account-page="bots"] .bot-control-heading{padding-block:22px}
body[data-account-page="bots"] .bot-switcher{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  margin:0;
  padding:6px;
  border:1px solid var(--cabinet-line);
  border-radius:17px;
  background:var(--cabinet-panel-soft);
}
body[data-account-page="bots"] .bot-switch-button{
  min-width:0;
  min-height:70px;
  margin:0;
  padding:11px 15px;
  border:1px solid transparent;
  border-radius:13px;
  background:transparent;
  box-shadow:none;
  transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
body[data-account-page="bots"] .bot-switch-button:hover{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--cabinet-accent) 25%,var(--cabinet-line));
  background:color-mix(in srgb,var(--account-surface) 82%,var(--cabinet-accent) 4%);
}
body[data-account-page="bots"] .bot-switch-button.is-active{
  border-color:color-mix(in srgb,var(--cabinet-accent) 48%,var(--cabinet-line));
  background:var(--account-surface);
  box-shadow:0 7px 18px rgba(24,42,70,.07),inset 0 -2px 0 var(--cabinet-accent);
}
body[data-account-page="bots"] .bot-switch-button img{
  width:42px;
  height:42px;
  border-radius:12px;
}
body[data-account-page="bots"] .bot-switch-divider{display:none}
body[data-account-page="bots"] .bot-community-outside-b9b0d696a{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:0;
}
body[data-account-page="bots"] .bot-install-card{
  min-height:104px;
  padding:17px 18px;
  border-radius:16px;
  background:var(--cabinet-panel-soft);
}
body[data-account-page="bots"] .bot-install-card h3{margin:0 0 4px;font-size:16px}
body[data-account-page="bots"] .bot-install-card p{margin:0;line-height:1.4}
body[data-account-page="bots"] .bot-workspace{
  gap:16px;
  align-items:start;
  margin:0;
}
body[data-account-page="bots"] .bot-module-sidebar{
  padding:9px;
  border-radius:18px;
  background:var(--cabinet-panel);
}
body[data-account-page="bots"] .bot-sidebar-top{padding:7px 8px 10px}
body[data-account-page="bots"] .bot-module-menu{gap:5px}
body[data-account-page="bots"] .bot-module-menu>button{
  min-height:52px;
  border-radius:12px!important;
  border:1px solid transparent!important;
  transition:background .15s ease,border-color .15s ease,transform .15s ease;
}
body[data-account-page="bots"] .bot-module-menu>button:hover{
  transform:translateX(1px);
  border-color:color-mix(in srgb,var(--cabinet-accent) 20%,var(--cabinet-line))!important;
  background:var(--cabinet-panel-soft)!important;
}
body[data-account-page="bots"] .bot-module-menu>button.is-active{
  border-color:color-mix(in srgb,var(--cabinet-accent) 34%,var(--cabinet-line))!important;
  background:color-mix(in srgb,var(--account-surface) 88%,var(--cabinet-accent) 7%)!important;
  box-shadow:inset 3px 0 0 var(--cabinet-accent)!important;
}
body[data-account-page="bots"] .bot-module-menu .module-icon{
  border-radius:11px!important;
}
body[data-account-page="bots"] .bot-module-content{min-width:0}
body[data-account-page="bots"] .general-control-card{
  margin:0;
  padding:17px 18px;
  border-radius:18px;
  background:linear-gradient(135deg,var(--cabinet-panel),color-mix(in srgb,var(--cabinet-panel) 94%,var(--cabinet-accent) 6%));
}
body[data-account-page="bots"] .bot-module-panel.is-active{
  display:grid;
  gap:16px;
  min-width:0;
}
body[data-account-page="bots"] .bot-module-panel>.github-card,
body[data-account-page="bots"] .bot-module-panel>article.github-card{
  margin:0;
}
body[data-account-page="bots"] .metric-card{
  min-height:126px;
  padding:18px;
  background:var(--cabinet-panel-soft);
}
body[data-account-page="bots"] .metric-card strong{font-size:21px;letter-spacing:-.02em}
body[data-account-page="bots"] .unified-control-card,
body[data-account-page="bots"] .command-category-card,
body[data-account-page="bots"] .journal-master-card-b8b0485e3,
body[data-account-page="bots"] .journal-preview-card-b8b0485e3{
  background:var(--cabinet-panel);
}
body[data-account-page="bots"] .toggle-row,
body[data-account-page="bots"] .routing-switch-row,
body[data-account-page="bots"] .routing-event-item,
body[data-account-page="bots"] .routing-display-item{
  border-radius:12px;
}
body[data-account-page="bots"] details>summary{border-radius:12px}

/* Subscription management */
body[data-account-page="subscriptions"] .subscription-jump-nav-b99adaf3b{
  display:flex;
  gap:7px;
  margin:0;
  padding:6px;
  border:1px solid var(--cabinet-line);
  border-radius:15px;
  background:var(--cabinet-panel-soft);
  overflow:auto;
}
body[data-account-page="subscriptions"] .subscription-jump-nav-b99adaf3b a{
  min-height:38px;
  padding:9px 13px;
  border-radius:10px;
  white-space:nowrap;
}
body[data-account-page="subscriptions"] .subscription-jump-nav-b99adaf3b a:hover{
  background:var(--account-surface);
}
body[data-account-page="subscriptions"] .subscription-account-note-b99adaf3b{
  margin:0;
  padding:15px 17px;
  border-radius:14px;
  border-color:color-mix(in srgb,var(--cabinet-accent) 24%,var(--cabinet-line));
}
body[data-account-page="subscriptions"] .subscription-bot-switcher-b560c7ed7{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:0;
}
body[data-account-page="subscriptions"] .subscription-bot-option-b560c7ed7{
  min-height:88px;
  padding:14px;
  border-radius:15px;
  background:var(--cabinet-panel-soft);
}
body[data-account-page="subscriptions"] .subscription-bot-option-b560c7ed7.is-active{
  border-color:color-mix(in srgb,var(--cabinet-accent) 55%,var(--cabinet-line));
  background:color-mix(in srgb,var(--account-surface) 90%,var(--cabinet-accent) 7%);
  box-shadow:inset 0 -2px 0 var(--cabinet-accent),0 8px 20px rgba(24,42,70,.06);
}
body[data-account-page="subscriptions"] .subscription-bot-option-b560c7ed7 img{
  width:48px;
  height:48px;
  border-radius:13px;
}
body[data-account-page="subscriptions"] .subscription-overview-b560c7ed7{gap:14px;margin:0}
body[data-account-page="subscriptions"] .subscription-current-b560c7ed7,
body[data-account-page="subscriptions"] .premium-assignment-card-b40c621d5,
body[data-account-page="subscriptions"] .subscription-builder-b560c7ed7,
body[data-account-page="subscriptions"] .subscription-history-card{
  padding:22px;
  border-radius:18px;
}
body[data-account-page="subscriptions"] .subscription-section-label-b99adaf3b{
  display:flex;
  align-items:center;
  gap:11px;
  margin:4px 0 -2px;
  padding:0 3px;
}
body[data-account-page="subscriptions"] .subscription-section-label-b99adaf3b>span{
  display:grid;
  place-items:center;
  flex:0 0 34px;
  width:34px;
  height:34px;
  border-radius:11px;
  background:var(--cabinet-accent);
  color:#fff;
  box-shadow:0 6px 16px color-mix(in srgb,var(--cabinet-accent) 22%,transparent);
}
body[data-account-page="subscriptions"] .subscription-plan-grid-b560c7ed7,
body[data-account-page="subscriptions"] .subscription-period-grid-b560c7ed7{gap:11px}
body[data-account-page="subscriptions"] .subscription-plan-b560c7ed7{
  min-height:100%;
  border-radius:15px;
  background:var(--cabinet-panel-soft);
}
body[data-account-page="subscriptions"] .subscription-plan-b560c7ed7.is-selected{
  border-color:color-mix(in srgb,var(--cabinet-accent) 60%,var(--cabinet-line));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cabinet-accent) 25%,transparent),0 9px 24px rgba(24,42,70,.06);
}
body[data-account-page="subscriptions"] .subscription-checkout-b560c7ed7{
  gap:14px;
}
body[data-account-page="subscriptions"] .subscription-summary-b560c7ed7,
body[data-account-page="subscriptions"] .subscription-payment-b560c7ed7{
  border-radius:15px;
  border-color:var(--cabinet-line);
  background:var(--cabinet-panel-soft);
}
body[data-account-page="subscriptions"] .checkout-terms,
body[data-account-page="subscriptions"] .subscription-autorenew-b560c7ed7{
  border-radius:12px;
}
body[data-account-page="subscriptions"] .subscription-dialog-bfb423603{border-radius:20px}

/* Security, promo and console inherit the same visual rhythm. */
body[data-account-page="security"] .security-grid,
body[data-account-page="promocode"] .promocode-layout{gap:16px}
body[data-account-page="security"] .github-card,
body[data-account-page="promocode"] .github-card,
body[data-account-page="console"] .github-card{padding:22px}
body[data-account-page="security"] .security-tip,
body[data-account-page="promocode"] .server-empty-state{
  border-radius:12px;
}

/* Clean, recognisable raised-hand icon. */
.module-icon-hand svg,
.shieldy-hand-icon svg{
  display:block;
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.welcome-event-icon.shieldy-hand-icon svg{width:18px;height:18px}

html[data-theme="dark"] body[data-account-page]{
  --cabinet-panel:color-mix(in srgb,var(--account-surface) 91%,transparent);
  --cabinet-panel-soft:color-mix(in srgb,var(--account-surface-soft) 86%,transparent);
}
html[data-theme="dark"] body[data-account-page] .github-card,
html[data-theme="dark"] body[data-account-page] .stat-card{
  box-shadow:0 10px 28px rgba(0,0,0,.13);
}

@media(max-width:1080px){
  body[data-account-page="profile"] .profile-subscription-row{grid-template-columns:minmax(190px,1fr) minmax(0,2fr)}
  body[data-account-page="profile"] .profile-subscription-action{grid-column:1/-1;justify-self:stretch}
  body[data-account-page="subscriptions"] .subscription-bot-switcher-b560c7ed7{grid-template-columns:1fr}
}
@media(max-width:840px){
  body[data-account-page="profile"] .stats-grid{grid-template-columns:1fr}
  body[data-account-page="bots"] .bot-community-outside-b9b0d696a{grid-template-columns:1fr}
  body[data-account-page="bots"] .bot-switch-button{padding:10px}
  body[data-account-page="subscriptions"] .subscription-jump-nav-b99adaf3b{scrollbar-width:none}
}
@media(max-width:680px){
  body[data-account-page] .account-page{padding:10px 10px 24px}
  body[data-account-page] .account-topbar{border-radius:14px;margin-bottom:12px}
  body[data-account-page] .account-page-primary>.page-heading{padding:20px 18px;border-radius:17px}
  body[data-account-page] .github-card{border-radius:15px}
  body[data-account-page="bots"] .bot-switcher{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:5px}
  body[data-account-page="bots"] .bot-switch-button{min-height:62px;justify-content:center;gap:7px}
  body[data-account-page="bots"] .bot-switch-button img{width:36px;height:36px}
  body[data-account-page="bots"] .bot-switch-button span{font-size:12px}
  body[data-account-page="profile"] .profile-subscription-row{grid-template-columns:1fr}
  body[data-account-page="profile"] .profile-subscription-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-account-page="subscriptions"] .subscription-current-b560c7ed7,
  body[data-account-page="subscriptions"] .premium-assignment-card-b40c621d5,
  body[data-account-page="subscriptions"] .subscription-builder-b560c7ed7,
  body[data-account-page="subscriptions"] .subscription-history-card{padding:17px}
}

/* ===== B45f75c07 — safe compact layout (no structural grid overrides) ===== */
body[data-account-page] .account-page{
  width:min(1240px,100%);
  padding:16px clamp(12px,1.8vw,22px) 26px;
}
body[data-account-page] .account-page-primary{
  width:100%;
  min-width:0;
  gap:14px;
  margin-inline:auto;
}
body[data-account-page="profile"] .account-page-primary{max-width:1040px}
body[data-account-page="subscriptions"] .account-page-primary{max-width:1040px}
body[data-account-page="security"] .account-page-primary,
body[data-account-page="promocode"] .account-page-primary,
body[data-account-page="console"] .account-page-primary{max-width:980px}
body[data-account-page="bots"] .account-page-primary{max-width:1180px}

body[data-account-page] .account-page-primary>.page-heading{
  padding:20px 22px;
  border-radius:18px;
}
body[data-account-page] .account-page-primary>.page-heading h1{
  font-size:clamp(24px,2.4vw,30px);
}
body[data-account-page] .github-card{padding:18px}
body[data-account-page] .form-card{max-width:800px}
body[data-account-page] .content-grid,
body[data-account-page] .profile-grid{gap:14px}

body[data-account-page="profile"] .stat-card{
  min-height:112px;
  padding:16px 18px;
}
body[data-account-page="profile"] .profile-subscriptions-card,
body[data-account-page="profile"] .content-grid>.github-card,
body[data-account-page="profile"] .profile-grid>.github-card{padding:18px}
body[data-account-page="profile"] .profile-subscription-row{padding:13px 14px}

body[data-account-page="bots"] .bot-control-heading{padding-block:18px}
body[data-account-page="bots"] .bot-switch-button{
  min-height:62px;
  padding:9px 12px;
}
body[data-account-page="bots"] .bot-switch-button img{
  width:38px;
  height:38px;
}
body[data-account-page="bots"] .bot-community-outside-b9b0d696a{gap:10px}
body[data-account-page="bots"] .bot-install-card{
  min-height:92px;
  padding:14px 16px;
}
body[data-account-page="bots"] .bot-workspace{gap:14px}
body[data-account-page="bots"] .bot-module-sidebar{padding:8px}
body[data-account-page="bots"] .bot-module-menu>button{min-height:48px}
body[data-account-page="bots"] .general-control-card{padding:15px 16px}
body[data-account-page="bots"] .bot-module-content{
  width:100%;
  min-width:0;
  max-width:none;
}
body[data-account-page="bots"] .bot-module-panel.is-active{gap:14px}
body[data-account-page="bots"] .console-heading{
  margin-bottom:14px;
  padding-bottom:14px;
}

body[data-account-page="subscriptions"] .subscription-current-b560c7ed7,
body[data-account-page="subscriptions"] .premium-assignment-card-b40c621d5,
body[data-account-page="subscriptions"] .subscription-builder-b560c7ed7,
body[data-account-page="subscriptions"] .subscription-history-card{padding:18px}
body[data-account-page="subscriptions"] .subscription-bot-option-b560c7ed7{
  min-height:76px;
  padding:12px;
}
body[data-account-page="subscriptions"] .subscription-bot-option-b560c7ed7 img{
  width:42px;
  height:42px;
}
body[data-account-page="security"] .github-card,
body[data-account-page="promocode"] .github-card,
body[data-account-page="console"] .github-card{padding:18px}

/* Farewell uses an exit icon; greeting keeps the raised-hand icon. */
.shieldy-exit-icon svg{
  display:block;
  width:19px;
  height:19px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.85;
  stroke-linecap:round;
  stroke-linejoin:round;
}

@media(max-width:1080px){
  body[data-account-page] .account-page-primary{max-width:none}
}
@media(max-width:760px){
  body[data-account-page] .account-page{padding:10px 10px 24px}
  body[data-account-page="bots"] .bot-module-content{max-width:none}
}


body[data-account-page="bots"]{
  --jj-premium-accent:#c98a00;
  --jj-premium-border:#e0ad38;
  --jj-premium-text:#774900;
  --jj-premium-soft:color-mix(in srgb,#fff3bd 44%,var(--account-surface,#fff));
  --jj-premium-soft-strong:color-mix(in srgb,#ffe89a 52%,var(--account-surface,#fff));
  --jj-premium-shadow:0 9px 24px rgba(145,96,0,.085);
}

/* One consistent badge language across all three bot workspaces. */
body[data-account-page="bots"] .bot-workspace :is(
  .premium-feature-badge,
  .premium-badge,
  .joyjoy-premium-chip,
  [class*="premium-volume-badge"]
){
  border:1px solid var(--jj-premium-border)!important;
  background:linear-gradient(135deg,#fff9df,#ffedaa)!important;
  color:var(--jj-premium-text)!important;
  box-shadow:0 3px 10px rgba(145,96,0,.09)!important;
  font-weight:900!important;
  letter-spacing:.01em;
}
body[data-account-page="bots"] .bot-workspace .premium-corner{
  border:1px solid var(--jj-premium-border)!important;
  background:linear-gradient(135deg,#fff9df,#ffedaa)!important;
  color:var(--jj-premium-text)!important;
  box-shadow:0 3px 9px rgba(145,96,0,.10)!important;
}

/* Shared premium feature surface. Geometry is intentionally untouched. */
body[data-account-page="bots"] .bot-workspace :is(
  article.tt-premium-surface[data-tt-premium-section],
  article.premium-routing-card,
  article.is-premium-command-card,
  details.automod-response-premium,
  article.shieldy-premium-automod-module-b965029f6,
  .welcome-premium-card,
  .rr-premium-customization,
  article.log-customization-card,
  .timer-premium-customization,
  .shieldy-poll-customization,
  .ticket-premium-box-b76dc29ea,
  article.premium-setting-card,
  details.gamey-integration-premium-bd184909d,
  article.gamey-advanced-settings-b418bfbea.is-premium-b418bfbea,
  details.gamey-advanced-settings-b418bfbea.is-premium-b418bfbea,
  details.gamey-event-premium-b2b0deb35
){
  border-color:color-mix(in srgb,var(--jj-premium-border) 78%,var(--account-border,#d0d7de))!important;
  background:
    linear-gradient(120deg,var(--jj-premium-soft),color-mix(in srgb,var(--account-surface,#fff) 96%,transparent))!important;
  box-shadow:inset 3px 0 0 var(--jj-premium-border),var(--jj-premium-shadow)!important;
}

/* Premium headers receive a small highlighted band, without changing sizes. */
body[data-account-page="bots"] .bot-workspace :is(
  details.automod-response-premium,
  details.gamey-integration-premium-bd184909d,
  details.gamey-advanced-settings-b418bfbea.is-premium-b418bfbea,
  details.gamey-event-premium-b2b0deb35
)>summary{
  border-radius:inherit;
  background:linear-gradient(90deg,color-mix(in srgb,#ffe69a 30%,transparent),transparent 68%)!important;
}
body[data-account-page="bots"] .bot-workspace :is(
  .premium-card-heading,
  .welcome-premium-customization-head,
  .rr-premium-zone-head,
  .ticket-premium-head-b76dc29ea,
  .player-customization-title-row
){
  position:relative;
}
body[data-account-page="bots"] .bot-workspace :is(
  .premium-card-heading,
  .welcome-premium-customization-head,
  .rr-premium-zone-head,
  .ticket-premium-head-b76dc29ea,
  .player-customization-title-row
)::after{
  content:"";
  display:block;
  flex:1 1 42px;
  min-width:28px;
  height:1px;
  margin-left:4px;
  background:linear-gradient(90deg,rgba(201,138,0,.38),transparent);
}

/* TuneTune: premium station, switches and channel fields. */
body[data-account-page="bots"] [data-module-panel^="tt-"] .premium-radio{
  border-color:color-mix(in srgb,var(--jj-premium-border) 70%,var(--account-border,#d0d7de))!important;
  background:linear-gradient(145deg,var(--jj-premium-soft),var(--account-surface,#fff))!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.42),0 7px 18px rgba(145,96,0,.07)!important;
}
body[data-account-page="bots"] [data-module-panel^="tt-"] .premium-radio:hover:not(:disabled){
  border-color:var(--jj-premium-border)!important;
  box-shadow:0 9px 22px rgba(145,96,0,.13)!important;
}
body[data-account-page="bots"] [data-module-panel^="tt-"] :is(
  label.premium-setting,
  label.premium-routing-option,
  .premium-channel-field
){
  border-color:color-mix(in srgb,var(--jj-premium-border) 64%,var(--account-border,#d0d7de))!important;
  background:linear-gradient(90deg,var(--jj-premium-soft),var(--account-surface-soft,#f6f8fa))!important;
  box-shadow:inset 3px 0 0 var(--jj-premium-border)!important;
}

/* Shieldy: premium customization and lock notices. */
body[data-account-page="bots"] [data-module-panel^="sh-"] :is(
  .automod-response-premium-lock,
  .shieldy-premium-automod-lock-b965029f6,
  .log-premium-lock,
  .timer-premium-lock-note,
  .shieldy-reaction-premium-lock-bde5628f76,
  .cm643-premium-lock,
  #shieldy-poll-customization-lock
){
  border-color:var(--jj-premium-border)!important;
  background:linear-gradient(135deg,var(--jj-premium-soft-strong),var(--jj-premium-soft))!important;
  color:var(--jj-premium-text)!important;
  box-shadow:0 7px 18px rgba(145,96,0,.075)!important;
}
body[data-account-page="bots"] [data-module-panel^="sh-"] :is(
  .welcome-builder.is-premium-locked,
  .cm643-premium-lock,
  [data-premium-active="0"].log-customization-card
){
  border-style:dashed!important;
}
body[data-account-page="bots"] [data-module-panel^="sh-"] :is(
  .automod-response-premium-fields,
  .rr-message-customization-panel,
  .rr-confirmation-customization
){
  border-radius:12px;
  background:color-mix(in srgb,var(--jj-premium-soft) 72%,transparent)!important;
}

/* Gamey: premium editors and AI personalities. */
body[data-account-page="bots"] [data-module-panel^="gm-"] :is(
  .premium-lock-note,
  .gamey-event-premium-note-b2b0deb35
){
  border:1px dashed var(--jj-premium-border)!important;
  border-radius:11px!important;
  background:var(--jj-premium-soft)!important;
  color:var(--jj-premium-text)!important;
  box-shadow:0 6px 16px rgba(145,96,0,.07)!important;
}
body[data-account-page="bots"] [data-module-panel^="gm-"] .gamey-ai-persona-be13b1ea7 em{
  border:1px solid var(--jj-premium-border)!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#fff9df,#ffedaa)!important;
  color:var(--jj-premium-text)!important;
  box-shadow:0 3px 9px rgba(145,96,0,.08)!important;
  font-style:normal!important;
  font-weight:900!important;
}
body[data-account-page="bots"] [data-module-panel^="gm-"] .gamey-ai-persona-be13b1ea7{
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
body[data-account-page="bots"] [data-module-panel^="gm-"] .gamey-ai-persona-be13b1ea7:hover{
  border-color:color-mix(in srgb,var(--jj-premium-border) 72%,var(--account-border,#d0d7de))!important;
  box-shadow:0 8px 20px rgba(145,96,0,.09)!important;
}
body[data-account-page="bots"] [data-module-panel^="gm-"] .gamey-ai-persona-be13b1ea7.is-selected{
  border-color:var(--jj-premium-border)!important;
  background:linear-gradient(145deg,var(--jj-premium-soft-strong),var(--account-surface,#fff))!important;
  box-shadow:inset 3px 0 0 var(--jj-premium-border),0 9px 22px rgba(145,96,0,.11)!important;
}

/* Locked controls remain readable, but the premium boundary is obvious. */
body[data-account-page="bots"] .bot-workspace :is(
  .is-tt-premium-locked,
  .is-premium-locked,
  [aria-premium="false"],
  [data-premium-active="0"]
) .premium-feature-badge{
  filter:none!important;
  opacity:1!important;
}

html[data-theme="dark"] body[data-account-page="bots"]{
  --jj-premium-accent:#e3b341;
  --jj-premium-border:#9e6a03;
  --jj-premium-text:#f0c85b;
  --jj-premium-soft:rgba(158,106,3,.105);
  --jj-premium-soft-strong:rgba(158,106,3,.16);
  --jj-premium-shadow:0 10px 26px rgba(0,0,0,.18);
}
html[data-theme="dark"] body[data-account-page="bots"] .bot-workspace :is(
  .premium-feature-badge,
  .premium-badge,
  .joyjoy-premium-chip,
  [class*="premium-volume-badge"],
  .premium-corner,
  .gamey-ai-persona-be13b1ea7 em
){
  background:linear-gradient(135deg,#342907,#4a3505)!important;
  color:#f0c85b!important;
  border-color:#9e6a03!important;
}
html[data-theme="dark"] body[data-account-page="bots"] .bot-workspace :is(
  article.tt-premium-surface[data-tt-premium-section],
  article.premium-routing-card,
  article.is-premium-command-card,
  details.automod-response-premium,
  article.shieldy-premium-automod-module-b965029f6,
  .welcome-premium-card,
  .rr-premium-customization,
  article.log-customization-card,
  .timer-premium-customization,
  .shieldy-poll-customization,
  .ticket-premium-box-b76dc29ea,
  article.premium-setting-card,
  details.gamey-integration-premium-bd184909d,
  article.gamey-advanced-settings-b418bfbea.is-premium-b418bfbea,
  details.gamey-advanced-settings-b418bfbea.is-premium-b418bfbea,
  details.gamey-event-premium-b2b0deb35
){
  background:linear-gradient(120deg,rgba(158,106,3,.12),var(--account-surface,#101820))!important;
}

@media(max-width:680px){
  body[data-account-page="bots"] .bot-workspace :is(
    .premium-card-heading,
    .welcome-premium-customization-head,
    .rr-premium-zone-head,
    .ticket-premium-head-b76dc29ea,
    .player-customization-title-row
  )::after{display:none}
}


body[data-account-page="bots"] #panel-bot-control[data-active-bot="tunetune"]
#tunetune-music-panel [data-music-panel="settings"]
.console-form > label.toggle-row.premium-setting{
  padding:14px 16px!important;
}
body[data-account-page="bots"] #panel-bot-control[data-active-bot="tunetune"]
#tunetune-music-panel [data-music-panel="settings"]
.console-form > label.toggle-row.premium-setting > span:first-child{
  padding-left:0!important;
  padding-right:4px!important;
}
body[data-account-page="bots"] #panel-bot-control[data-active-bot="tunetune"]
#tunetune-music-panel [data-music-panel="settings"]
.console-form > label.toggle-row.premium-setting > input[type="checkbox"]{
  right:16px!important;
}
body[data-account-page="bots"] #panel-bot-control[data-active-bot="tunetune"]
#tunetune-music-panel [data-music-panel="settings"]
.console-form > label.toggle-row.premium-setting > i{
  justify-self:end!important;
}
@media(max-width:760px){
  body[data-account-page="bots"] #panel-bot-control[data-active-bot="tunetune"]
  #tunetune-music-panel [data-music-panel="settings"]
  .console-form > label.toggle-row.premium-setting{
    padding:12px 14px!important;
  }
  body[data-account-page="bots"] #panel-bot-control[data-active-bot="tunetune"]
  #tunetune-music-panel [data-music-panel="settings"]
  .console-form > label.toggle-row.premium-setting > input[type="checkbox"]{
    right:14px!important;
  }
}


/* Shieldy: visual order of the two top tabs.
   Only presentation is changed; IDs, data attributes and handlers remain untouched. */
body[data-account-page="bots"] [data-module-panel="sh-welcome"] .shieldy-interaction-tab[data-sh-interaction-tab="reactions"]{
  order:1;
}
body[data-account-page="bots"] [data-module-panel="sh-welcome"] .shieldy-interaction-tab[data-sh-interaction-tab="welcome"]{
  order:2;
}

/* Shieldy reaction-role management controls moved to the top of the editor.
   Visual layout only; field/button identifiers and behavior remain unchanged. */
body[data-account-page="bots"] #sh-interaction-view-reactions .rr-top-management-card{
  display:grid!important;
  gap:12px!important;
  margin:0!important;
  padding:15px 16px!important;
  border-color:color-mix(in srgb,#2da44e 30%,var(--account-border))!important;
  background:linear-gradient(135deg,color-mix(in srgb,#2da44e 6%,var(--account-surface)),var(--account-surface))!important;
  box-shadow:none!important;
}
body[data-account-page="bots"] #sh-interaction-view-reactions .rr-top-management-head>div{
  display:grid;
  gap:3px;
}
body[data-account-page="bots"] #sh-interaction-view-reactions .rr-top-management-head strong{
  color:var(--account-text);
  font-size:14px;
  line-height:1.25;
}
body[data-account-page="bots"] #sh-interaction-view-reactions .rr-top-management-head small{
  color:var(--account-muted);
  font-size:11px;
  line-height:1.4;
}
body[data-account-page="bots"] #sh-interaction-view-reactions .rr-top-management-grid{
  display:grid;
  grid-template-columns:minmax(260px,1fr) auto;
  align-items:end;
  gap:12px;
}
body[data-account-page="bots"] #sh-interaction-view-reactions .rr-top-management-grid>.field{
  min-width:0;
  margin:0!important;
}
body[data-account-page="bots"] #sh-interaction-view-reactions .rr-top-management-grid #reaction-role-name{
  width:100%;
  min-width:0;
}
body[data-account-page="bots"] #sh-interaction-view-reactions .rr-top-management-grid .reaction-role-management-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  margin:0!important;
  white-space:nowrap;
}
body[data-account-page="bots"] #sh-interaction-view-reactions .rr-top-management-grid .reaction-role-management-actions button{
  min-height:40px;
}
@media(max-width:760px){
  body[data-account-page="bots"] #sh-interaction-view-reactions .rr-top-management-grid{
    grid-template-columns:1fr;
    align-items:stretch;
  }
  body[data-account-page="bots"] #sh-interaction-view-reactions .rr-top-management-grid .reaction-role-management-actions{
    justify-content:stretch;
    flex-wrap:wrap;
  }
  body[data-account-page="bots"] #sh-interaction-view-reactions .rr-top-management-grid .reaction-role-management-actions button{
    flex:1 1 190px;
  }
}