/* Account workshop: native game art, semantic DOM, and original admin actions.
   Scope is deliberately admin-only: the active body class is added only after
   the original devPanel gate is authorized and removed on revoke/pagehide.
   Authorization owns `.hidden` and inline display:none; navigation must never
   make a protected panel visible. Ordinary accounts retain their old theme. */
body.account-workspace-page {
  --aw-paper: #f7ecd4;
  --aw-raised: #fff9ed;
  --aw-ink: #432d1b;
  --aw-muted: #776045;
  --aw-line: #cfb183;
  --aw-dark: #4c3527;
  --aw-accent: #456c91;
  --aw-tint: #edf2f6;
  --aw-button: url('/website/account-ui/button-left.png') left center / 11px 100% no-repeat,
    url('/website/account-ui/button-right.png') right center / 10px 100% no-repeat,
    url('/website/account-ui/button-center.png') center / calc(100% - 21px) 100% no-repeat;
  --aw-button-hover: url('/website/account-ui/button-hover-left.png') left center / 12px 100% no-repeat,
    url('/website/account-ui/button-hover-right.png') right center / 11px 100% no-repeat,
    url('/website/account-ui/button-hover-center.png') center / calc(100% - 23px) 100% no-repeat;
  margin: 0;
  background: #dfcba6;
  color: var(--aw-ink);
  color-scheme: light;
  font: 14px/1.6 "Segoe UI", "Microsoft YaHei", sans-serif;
}
.account-workspace-page *, .account-workspace-page *::before, .account-workspace-page *::after {box-sizing: border-box}
.account-workspace-page :is(button, input, select, textarea) {font: inherit}
.account-workspace-page :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 3px solid #2867c4;
  outline-offset: 3px;
}
.account-workspace-page a {color: #705021; text-underline-offset: 3px}
.account-workspace-page a:hover {color: #3f260d}
.account-workspace-page > .container {
  width: min(1520px, 100%);
  max-width: 100%;
  padding: 18px 20px 22px;
  margin: 0 auto;
}
.account-workspace-page .container > .top-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 20px;
  height: auto;
  min-height: 44px;
  padding: 8px 16px;
  margin-bottom: 14px;
  color: #ffe7b4;
  background: #533d2c;
  border: 1px solid #aa7e41;
  border-radius: 4px;
}
.account-workspace-page .container > .top-nav a {
  float: none;
  width: auto;
  height: auto;
  min-height: 44px;
  padding: 10px 4px;
  color: #ffe7b4;
  background: none;
  text-indent: 0;
  overflow: visible;
  font-size: 13px;
  text-align: left;
}
.account-workspace-page .container > .top-nav .logo {margin-inline: auto; color: #fff5dd; letter-spacing: .6px}
.account-workspace-page .container > .hero {display: none}
.account-workspace-page .container > .layout {display: block}
.account-workspace-page .container > .layout > .main {
  width: 100% !important;
  min-width: 0;
  min-height: 0 !important;
  padding: 0;
  border: 0 !important;
  border-radius: 0;
  background: transparent !important;
}
.account-workspace-page .main > h2 {display: none}
.account-workspace-page .main .article.blog-post.server-page {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0 !important;
  background: transparent !important;
}
.account-workspace-page .article > .breadcrumb {
  margin: 0 0 12px;
  padding: 0 4px;
  color: var(--aw-muted);
  font-size: 12px;
}
.account-workspace-page .article > .server-intro {color: var(--aw-muted); font-size: 13px}
.account-workspace-page .character-back {margin: 18px 0 8px; font-size: 12px; color: var(--aw-muted)}
.account-workspace-page.smq-pad {padding-top: 0 !important}
.account-workspace-page > :is(#DUANWU_DECOR, #summer-marquee-bar) {display: none !important}
.account-workspace-page.account-workspace-embedded {margin: 0; padding: 0 !important; background: var(--aw-paper)}
.account-workspace-page.account-workspace-embedded > .container {width: 100%; max-width: none; padding: 0}
.account-workspace-embedded .container > :is(.top-nav, .hero, .site-footer),
.account-workspace-embedded .article > :is(.breadcrumb, .server-intro, .character-back),
.account-workspace-embedded > :is(.site-footer, #DUANWU_DECOR, #summer-marquee-bar) {display: none !important}
.account-workspace-embedded .account-workspace {border-width: 0; border-image: none; box-shadow: none}

/* One natural page scroll. Only long record lists and the item dialog scroll
   internally; the primary content and category panels never use fixed heights. */
.account-workspace {
  width: 100%;
  min-width: 0;
  border: 4px solid #b68540;
  border-image: url('/website/account-ui/panel.png') 4 / 4px / 0 stretch;
  background: var(--aw-paper);
  box-shadow: 0 8px 25px #40240e1c;
}
.account-workspace-header {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 24px;
  padding: 22px 26px;
  border-bottom: 3px solid #b98747;
  background: #604339 url('/website/account-ui/header.png') left top / auto 100% repeat-x;
  color: #fff0cc;
  box-shadow: inset 0 1px #ffedb455;
}
.account-workspace-eyebrow {grid-column: 1; margin: 0; color: #e3c394; font-size: 10px; font-weight: 700; letter-spacing: 1.8px; text-transform: uppercase}
.account-workspace-heading-copy {grid-column: 1; grid-row: 1; min-width: 0; align-self: center}
.account-workspace-title {grid-column: 1; margin: 0; padding: 0; color: #fff1d2; font-size: clamp(23px, 2.5vw, 30px); line-height: 1.35; font-weight: 700; letter-spacing: .5px}
.account-workspace-subtitle {grid-column: 1; margin: 4px 0 0; max-width: 780px; color: #ead7b7; font-size: 13px; line-height: 1.7}
.account-workspace-mode {
  grid-column: 2;
  grid-row: 1 / span 2;
  justify-self: end;
  align-self: center;
  max-width: 230px;
  padding: 6px 12px;
  border: 1px solid #b9985e;
  border-radius: 4px;
  background: #35291cc4;
  color: #ffe4a8;
  font-size: 12px;
  font-weight: 600;
}
.account-workspace-context {grid-column: 2; grid-row: 3; justify-self: end; align-self: start; max-width: 250px; color: #ead7b7; font-size: 11px; text-align: right; overflow-wrap: anywhere}
.account-workspace-actions {grid-column: 2; grid-row: 1; justify-self: end; align-self: start; display: flex; flex-direction: column; align-items: flex-end; gap: 8px; max-width: 260px}
.account-workspace-actions .account-workspace-context {width: 100%; margin: 0}
.account-workspace-layout {display: grid; grid-template-columns: 248px minmax(0, 1fr); align-items: start; min-width: 0}
.account-workspace:not(.account-workspace-admin) > .account-workspace-layout {grid-template-columns: minmax(0, 1fr)}
.account-workspace-layout:has(> .account-workspace-sidebar[hidden]) {grid-template-columns: minmax(0, 1fr)}
.account-workspace-sidebar {
  position: sticky;
  top: 12px;
  min-width: 0;
  margin: 16px 0 16px 12px;
  padding: 20px 12px 16px;
  border: 6px solid #bb8c46;
  border-image: url('/website/account-ui/sidebar.png') 20 6 6 14 / 20px 6px 6px 14px / 0 stretch;
  background: #68503a;
  color: #fff0d2;
}
.account-workspace-sidebar > :is(p, small) {color: #e6cfab; font-size: 11px; line-height: 1.65}
.account-workspace-search {display: block; margin: 0 0 16px; color: #f5dfb7; font-size: 12px; font-weight: 600}
.account-workspace-search input {display: block; width: 100%; margin: 7px 0 0; min-height: 44px; padding: 10px 11px; background: #fff8e8; color: #4b321b; border: 1px solid #9a7c4f; border-radius: 4px; font-size: 14px}
.account-workspace-search input::placeholder {color: #806b50}
.account-workspace-nav {display: grid; gap: 7px}
.account-workspace .account-nav-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  min-height: 49px;
  margin: 0;
  padding: 10px 12px;
  border: 1px solid #9c8059;
  border-left: 4px solid transparent;
  border-radius: 4px;
  background: #59422f;
  color: #f6e5c6;
  box-shadow: inset 0 1px #ffffff0b;
  text-align: left;
  font-size: 13px;
  line-height: 1.45;
  font-weight: 600;
  cursor: pointer;
}
.account-workspace .account-nav-item:hover {background: #4a3525; border-color: #e4be7e; color: #fff5df}
.account-workspace .account-nav-item[aria-current=page] {background: var(--aw-tint); border-color: var(--aw-accent); border-left-color: var(--aw-accent); color: var(--aw-accent); box-shadow: inset 0 1px #fff9}
.account-nav-item :is(small, .account-nav-count) {display: inline-block; min-width: 22px; padding: 1px 5px; border-radius: 3px; background: #ffffff16; font-size: 10px; font-weight: 500; color: inherit; text-align: center}
.account-nav-item[aria-current=page] :is(small, .account-nav-count) {background: #ffffffb3}
.account-nav-item [class*="icon"] {display: grid; place-items: center; width: 27px; height: 27px; flex: 0 0 27px; border: 1px solid currentColor; border-radius: 4px; font-size: 15px}
.account-nav-item [class*="copy"] {flex: 1; min-width: 0}
.account-nav-item .account-nav-copy strong {display: block; font-size: 13px; line-height: 1.45; font-weight: 650}
.account-nav-item .account-nav-copy small {display: block; min-width: 0; margin-top: 2px; padding: 0; background: none; font-size: 10px; line-height: 1.4; color: #e5cda8; text-align: left; font-weight: 400}
.account-nav-item[aria-current=page] .account-nav-copy small {background: none; color: var(--aw-accent)}
.account-workspace-content {min-width: 0; padding: 24px; overflow: visible}
.account-workspace:not(.account-workspace-admin) .account-workspace-content {width: 100%; max-width: 930px; margin-inline: auto}
.account-workspace-group, .account-workspace-overview {min-width: 0; scroll-margin-top: 18px}
.account-group-heading {display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 5px 16px; margin: 0 0 22px; padding: 0 0 18px 16px; border-bottom: 1px solid var(--aw-line); border-left: 4px solid var(--aw-accent)}
.account-workspace .account-group-heading h2 {margin: 0 0 5px; padding: 0; color: #4c321c; background: none; font-size: 22px; line-height: 1.4}
.account-group-heading p {grid-column: 1 / -1; margin: 0; color: var(--aw-muted); font-size: 13px; line-height: 1.7}
.account-group-count {grid-column: 2; grid-row: 1; align-self: start; min-width: 30px; padding: 3px 9px; border: 1px solid var(--aw-line); border-radius: 4px; background: #fff8e8; color: var(--aw-muted); font-size: 11px; line-height: 1.65; text-align: center}
.account-workspace-page :is([data-account-group=account], [data-group=account]) {--aw-accent: #456c91; --aw-tint: #eef3f8}
.account-workspace-page :is([data-account-group=rewards], [data-group=rewards]) {--aw-accent: #237863; --aw-tint: #edf7f0}
.account-workspace-page :is([data-account-group=events], [data-group=events]) {--aw-accent: #794ba1; --aw-tint: #f4eef9}
.account-workspace-page :is([data-account-group=players], [data-group=players]) {--aw-accent: #3367a7; --aw-tint: #edf3fb}
.account-workspace-page :is([data-account-group=shops], [data-group=shops]) {--aw-accent: #976416; --aw-tint: #fff5df}
.account-workspace-page :is([data-account-group=security], [data-group=security]) {--aw-accent: #9b4762; --aw-tint: #fcf0f3}
.account-workspace-page :is([data-account-group=server], [data-group=server]) {--aw-accent: #ae422f; --aw-tint: #fff0e9}
.account-tool-nav {display: grid; grid-template-columns: repeat(auto-fit, minmax(155px, 1fr)); gap: 8px; margin: 0 0 20px}
.account-workspace .account-tool-tab {display: block; min-height: 60px; margin: 0; padding: 11px 13px; border: 1px solid #d0b48a; border-radius: 4px; background: #ead9b9; color: #694c2b; font-size: 12px; line-height: 1.55; text-align: left; cursor: pointer}
.account-workspace .account-tool-tab:hover {background: #fff7e5; border-color: var(--aw-accent)}
.account-workspace .account-tool-tab[aria-selected=true] {border-color: var(--aw-accent); background: var(--aw-tint); color: var(--aw-accent); box-shadow: inset 0 -3px var(--aw-accent)}
.account-tool-tab strong {display: block; font-size: 13px; line-height: 1.4; color: inherit}
.account-tool-tab small {display: block; margin-top: 3px; color: #7d6547; font-size: 11px; line-height: 1.35}
.account-tool-panel {min-width: 0; scroll-margin-top: 20px}

.account-quick-links {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 0 0 24px}
.account-workspace .account-quick-link {
  display: block;
  min-width: 0;
  min-height: 105px;
  padding: 18px 20px;
  border: 1px solid #b99051;
  border-left: 5px solid #987024;
  border-radius: 4px;
  background: #fff5dc;
  color: #5d3b13;
  box-shadow: inset 0 1px #fff, 0 3px 6px #5d3b1309;
  text-decoration: none;
}
.account-workspace .account-quick-link[href*="recharge-campaigns"] {border-left-color: #6f4aa0; background: #f7f0fb}
.account-workspace .account-quick-link:hover {border-color: #795423; background: #fff9e9; box-shadow: 0 4px 10px #5d3b1315}
.account-quick-link strong {display: block; margin-bottom: 7px; color: #4b311a; font-size: 16px; line-height: 1.5}
.account-quick-link :is(small, span, p) {color: var(--aw-muted); font-size: 12px; font-weight: 400; line-height: 1.65}
.account-quick-grid {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px}
.account-workspace .account-quick-card {
  display: grid;
  grid-template-columns: 35px minmax(0, 1fr);
  align-content: start;
  align-items: center;
  gap: 10px 12px;
  width: 100%;
  min-width: 0;
  min-height: 127px;
  margin: 0;
  padding: 18px 20px;
  border: 1px solid #cfb68d;
  border-top: 3px solid var(--aw-accent);
  border-radius: 4px;
  background: var(--aw-raised);
  color: var(--aw-ink);
  text-align: left;
  white-space: normal;
  cursor: pointer;
  box-shadow: 0 2px 4px #59370d09;
}
.account-workspace .account-quick-card:hover {background: var(--aw-tint); border-color: var(--aw-accent); box-shadow: 0 4px 9px #59370d12}
.account-quick-card strong {display: block; margin-bottom: 8px; color: var(--aw-accent); font-size: 16px; line-height: 1.45}
.account-quick-card :is(small, span, p) {display: block; color: var(--aw-muted); font-size: 12px; font-weight: 400; line-height: 1.6}
.account-quick-card > .account-nav-icon {grid-column: 1; width: 35px; height: 35px; display: grid; place-items: center; padding: 3px; border: 4px solid #bc914a; border-image: url('/website/account-ui/slot.png') 4 / 4px / 0 stretch; color: var(--aw-accent); background: var(--aw-tint); font-size: 21px}
.account-quick-card > .account-nav-copy {grid-column: 2; min-width: 0}
.account-quick-card .account-nav-copy strong {margin: 0 0 3px}
.account-quick-card .account-nav-copy small {font-size: 11px; line-height: 1.45}
.account-quick-card > .account-quick-description {grid-column: 1 / -1}
.account-quick-card > .account-quick-count {grid-column: 1 / -1; justify-self: start; padding: 2px 7px; border: 1px solid #dbc6a1; border-radius: 3px; color: #82633c; background: #f6ecd6; font-size: 10px}
.account-workspace .account-workspace-overview > h2 {margin: 0 0 6px; padding: 0; background: none; color: #50341b; font-size: 23px; line-height: 1.45}
.account-workspace-overview-intro {margin: 0 0 22px; color: var(--aw-muted); font-size: 13px; line-height: 1.7}
.account-workspace-safety-note {margin: 22px 0 0; padding: 13px 16px; border: 1px solid #d6c39f; border-left: 3px solid #779063; border-radius: 4px; background: #f1efdd; color: #66724c; font-size: 12px; line-height: 1.7}
.account-workspace-danger-note {margin: 0 0 18px; padding: 13px 16px; border: 1px solid #dcb09b; border-left: 4px solid #b2543b; border-radius: 4px; background: #fff1e7; color: #9a432a; font-size: 13px; line-height: 1.75}
.account-workspace-search-status {margin: 8px 0; color: #ebd8b9; font-size: 11px; font-weight: 400; line-height: 1.5}
.account-workspace-search-status:empty {display: none}
.account-workspace-results {display: grid; gap: 8px; max-height: 320px; overflow: auto; scrollbar-color: #b99a67 #68503a; margin: 10px 0 0}
.account-workspace .account-search-result {display: block; width: 100%; min-height: 64px; padding: 13px 16px; border: 1px solid var(--aw-line); border-left: 4px solid var(--aw-accent); border-radius: 4px; background: #fff8e8; color: var(--aw-ink); text-align: left; cursor: pointer}
.account-workspace .account-search-result:hover {background: var(--aw-tint); border-color: var(--aw-accent)}
.account-search-result strong {display: block; font-size: 14px}
.account-search-result small {display: block; margin-top: 3px; color: var(--aw-muted); font-size: 12px}
.account-workspace-no-results {padding: 24px; border: 1px dashed var(--aw-line); border-radius: 4px; background: #fff7e7; color: var(--aw-muted); text-align: center}

/* Existing forms are kept intact, including their listeners and permissions.
   Override presentation only, including the legacy fixed 70px sprite buttons. */
.account-workspace-page .main .blog-post.server-page .server-current {
  width: 100%;
  max-width: none !important;
  margin: 0 0 20px;
  padding: 22px;
  border: 1px solid #cbb086 !important;
  border-top: 3px solid var(--aw-accent) !important;
  border-radius: 5px;
  background: var(--aw-raised) !important;
  box-shadow: 0 2px 5px #57351a09;
  color: var(--aw-ink);
  overflow-wrap: break-word;
}
.account-workspace-page .main .blog-post.server-page .server-current > .server-label {
  margin: 0 0 18px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e5d2b1;
  color: var(--aw-accent) !important;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.5;
}
.account-workspace-page .main .blog-post.server-page .server-name {color: #4c321c; font-size: 23px; letter-spacing: 0; overflow-wrap: anywhere}
.account-workspace-page .server-current label {max-width: 100%; color: #684a2c !important; font-size: 13px !important; font-weight: 500; line-height: 1.55 !important; height: auto !important}
.account-workspace-page .server-current p {color: var(--aw-muted); font-size: 13px; line-height: 1.8}
.account-workspace-page .main .blog-post.server-page .server-current .server-intro {color: var(--aw-muted); font-size: 13px !important; line-height: 1.8}
.account-workspace-page .server-current :is(input, select, textarea) {
  max-width: 100%;
  min-height: 44px;
  height: auto !important;
  padding: 9px 11px !important;
  border: 1px solid #bca077 !important;
  border-radius: 4px;
  background: #fffdf7 !important;
  color: #4a321c;
  box-shadow: inset 0 1px 2px #6943120c;
  font-size: 13px !important;
  line-height: 1.45 !important;
  vertical-align: middle;
}
.account-workspace-page .server-current :is(input, textarea)::placeholder {color: #887052; opacity: 1}
.account-workspace-page .server-current textarea {min-height: 100px; resize: vertical}
.account-workspace-page .server-current :is(input, select, textarea):focus {border-color: #91703d !important; background-color: #fffefb !important}
.account-workspace-page .server-current input:is([type=checkbox], [type=radio]) {width: 17px !important; height: 17px !important; min-height: 17px; padding: 0 !important; flex: 0 0 17px; accent-color: #8c6330; box-shadow: none; cursor: pointer}
.account-workspace-page .server-current input[type=color] {min-width: 52px; padding: 3px !important; cursor: pointer}
.account-workspace-page .server-current :is(input, select, textarea):disabled {background: #eee4d0 !important; color: #826e55; cursor: not-allowed}
.account-workspace-page .server-current :is(button, .btn-primary) {
  width: auto !important;
  max-width: 100%;
  min-width: 0;
  min-height: 44px;
  height: auto !important;
  margin: 0 !important;
  padding: 9px 16px !important;
  border: 1px solid #8f6937 !important;
  border-radius: 4px !important;
  background: #f5e0b4 !important;
  color: #493015 !important;
  box-shadow: inset 0 1px #fff4d2;
  font-size: 14px !important;
  font-weight: 650;
  line-height: 1.5 !important;
  text-indent: 0;
  text-align: center;
  text-decoration: none;
  white-space: normal !important;
  overflow: visible;
  overflow-wrap: anywhere;
  word-break: normal;
  cursor: pointer;
  vertical-align: middle;
}
.account-workspace-page .server-current a.btn-primary {display: inline-block; min-height: 44px}
.account-workspace-page .server-current :is(button, .btn-primary):hover:not(:disabled) {background: #ffecc8 !important; border-color: #765021 !important; color: #3f270e !important}
.account-workspace-page .server-current :is(button[id*="Save"], #savePasswordBtn, #devSendRewardBtn, #rechargeSendBtn, #grantExpBtn, #battlePassGrantBtn, #adjustCurrencyBtn, #crcActivate, #dailyLoginSaveBtn) {
  border-color: #174e30 !important; background: #1f643e !important; color: #fff8e9 !important; box-shadow: inset 0 1px #ffffff26;
}
.account-workspace-page .server-current :is(button[id*="Save"], #savePasswordBtn, #devSendRewardBtn, #rechargeSendBtn, #grantExpBtn, #battlePassGrantBtn, #adjustCurrencyBtn, #crcActivate, #dailyLoginSaveBtn):hover:not(:disabled) {border-color: #254f37 !important; background: #2d6243 !important; color: #fff !important}
.account-workspace-page .server-current :is(button[id*="Delete"], button[id*="Remove"], #manualRestartBtn, #rebootProcessBtn, #manualDailyResetBtn, #recentUnbindApplyBtn, #ipDeleteSelectedBtn, #crcDisable, #modActionBtn) {
  border-color: #77251f !important; background: #9c3129 !important; color: #fff8f0 !important; box-shadow: inset 0 1px #ffffff20;
}
.account-workspace-page .server-current :is(button[id*="Delete"], button[id*="Remove"], #manualRestartBtn, #rebootProcessBtn, #manualDailyResetBtn, #recentUnbindApplyBtn, #ipDeleteSelectedBtn, #crcDisable, #modActionBtn):hover:not(:disabled) {border-color: #652019 !important; background: #81261f !important; color: #fff8f0 !important}
.account-workspace-page .server-current #resetAllStaminaBtn {border-color: #b78641 !important; background: #f8e5b5 !important; color: #81521a !important}
.account-workspace-page .server-current #resetAllStaminaBtn:hover:not(:disabled) {background: #f2d598 !important; color: #624014 !important}
.account-workspace-page .server-current :is(#ipBlacklistAddBtn, #ipLocksReleaseAllBtn) {border-color: #77251f !important; background: #9c3129 !important; color: #fff8f0 !important}
.account-workspace-page .server-current :is(#ipBlacklistAddBtn, #ipLocksReleaseAllBtn):hover:not(:disabled) {background: #81261f !important; color: #fff8f0 !important}
.account-workspace-page :is(#gameDataEditorLink, #crcCustomBuilder) {text-align: left !important; background: #eee4cb !important; border-left: 4px solid #987024 !important; color: #5c3b16 !important}
.account-workspace-page #crcCustomBuilder {border-left-color: #7952a3 !important; background: #f0e7f6 !important; color: #684189 !important}

/* Convert the old hardcoded blue presentation, not runtime success/error
   colors or the administrator's live marquee color preview. */
.account-workspace-page .server-current :is([style*="color:#0a4f7b"], [style*="color: #0a4f7b"], [style*="color:#0066aa"], [style*="color:#003b5e"], [style*="color:#5d7c93"]) {color: var(--aw-muted) !important}
.account-workspace-page .server-current :is(div, p, section)[style*="background:#eaf"],
.account-workspace-page .server-current :is(div, p, section)[style*="background:#f7fbff"],
.account-workspace-page .server-current :is(div, p, section)[style*="background:#f3fbff"],
.account-workspace-page .server-current :is(div, p, section)[style*="background:#f7fcff"] {background: #f4ead5 !important; border-color: #d2b78b !important}
.account-workspace-page .server-current :is(div, section)[style*="border:1px solid #6cb4e8"],
.account-workspace-page .server-current :is(div, section)[style*="border:1px solid #d0e6f5"] {border-color: #d2b78b !important; border-radius: 4px}
.account-workspace-page .server-current > div[style*="margin:-15px"] {margin: 0 0 20px !important; padding: 16px !important; background: #fff2e4 !important; border: 1px solid #d6ae85 !important; border-radius: 4px}
.account-workspace-page .server-current hr {border-color: #d7c09a !important}
.account-workspace-page .server-current code {padding: 2px 5px; border: 1px solid #e1cfad; border-radius: 3px; background: #f0e5ce; color: #765326; font-size: 12px; overflow-wrap: anywhere}
.account-workspace-page .server-current [id$="Message"], .account-workspace-page .server-current [id$="Msg"] {line-height: 1.7; overflow-wrap: anywhere}
.account-workspace-page .server-current [style*="display:flex"] {gap: 10px; max-width: 100%}
.account-workspace-page .server-current [style*="display:flex"] > * {min-width: 0}
.account-workspace-page .server-current [style*="display:grid"] {max-width: 100%; gap: 10px !important}
.account-workspace-page .server-current :is(#shopList, #saleList, #cosmeticList, #onSaleList, #invList, #shopRemovedList) {border-color: #d2b78b !important; border-radius: 4px; background: #fffaf0 !important; scrollbar-color: #b99a67 #f4ead5}
.account-workspace-page .server-current table {font-size: 12px !important; color: #513c26; background: #fffaf0; border-collapse: collapse}
.account-workspace-page .server-current th {padding: 10px 12px !important; border-bottom: 1px solid #c7a877 !important; background: #e8d4ae; color: #63451f; font-weight: 650; text-align: left}
.account-workspace-page .server-current td {padding: 9px 12px !important; border-bottom: 1px solid #ecdec3; vertical-align: middle}
.account-workspace-page .server-current tbody tr:nth-child(even) {background: #f5ecd9}
.account-workspace-page .server-current tbody tr:hover {background: #f1e4c9}
.account-workspace-page .server-current table :is(input, select) {min-height: 44px; padding: 8px 10px !important; font-size: 13px !important}
.account-workspace-page .server-current table button {min-height: 44px; min-width: 44px; padding: 8px 12px !important; font-size: 13px !important}
.account-workspace-page .server-current :is(#rpPackagesList, #levelGiftTiersBody) {margin-top: 16px}
.account-workspace-page #serverControlPanel {--aw-accent: #b14a36}
.account-workspace-page #recentUnbindForm {margin-top: 16px; background: #fff5e7 !important; border-color: #d4b180 !important; border-radius: 4px}
.account-workspace-page :is(#crcExtendPanel, #householdLoginBox) {margin-top: 18px !important; padding-top: 16px !important; border-color: #d5b98b !important}

/* Item picker retains its inline display:none/flex open-state contract. */
.account-workspace-page #itemBrowserBackdrop {background: #2f211bb3 !important; padding: 28px 16px !important}
.account-workspace-page #itemBrowserModal {background: var(--aw-paper) !important; color: var(--aw-ink); border: 4px solid #b68540 !important; border-image: url('/website/account-ui/panel.png') 4 / 4px / 0 stretch; border-radius: 0 !important; box-shadow: 0 20px 70px #25190d66 !important}
.account-workspace-page #itemBrowserModal > div {border-color: #ceb184 !important; background-color: #f5e7cb !important}
.account-workspace-page #itemBrowserModal > div:first-child {padding: 16px 18px !important; background: #604339 url('/website/account-ui/header.png') repeat-x top / auto 100% !important; color: #fff0c9 !important}
.account-workspace-page #itemBrowserModal > div:first-child :is(div, span) {color: #fff0c9 !important}
.account-workspace-page #itemBrowserModal :is(label, span) {color: var(--aw-muted) !important}
.account-workspace-page #itemBrowserModal :is(input, select) {min-height: 44px; height: auto !important; padding: 9px 11px !important; border-color: #9a7c4f !important; border-radius: 4px; background: #fffdf7 !important; color: var(--aw-ink)}
.account-workspace-page #itemBrowserModal input[type=checkbox] {width: 17px !important; min-height: 17px; padding: 0 !important; accent-color: #8c6330}
.account-workspace-page #itemBrowserModal button {min-height: 44px; min-width: 44px; height: auto !important; max-width: 100%; padding: 10px 14px !important; border: 1px solid #8f6937 !important; border-radius: 4px !important; background: #f5e0b4 !important; color: #493015 !important; font-size: 14px !important; line-height: 1.5 !important; white-space: normal; overflow-wrap: anywhere}
.account-workspace-page #itemBrowserModal #ibGrid {background: #fff9ea !important; scrollbar-color: #b99a67 #f4ead5}
.account-workspace-page #pageLangToggleWrap {margin: 0 !important; padding: 12px 20px 26px !important}
.account-workspace-page #pageLangToggle {min-width: 44px !important; min-height: 44px; height: auto !important; max-width: 100%; padding: 10px 16px !important; border: 1px solid #8f6937 !important; border-radius: 4px !important; background: #f2dfb8 !important; color: #493015 !important; font-size: 14px !important; line-height: 1.5; box-shadow: none !important}
.account-workspace-page #pageLangToggleFixed {min-height: 44px; height: auto !important; padding: 10px 14px !important; right: 14px !important; bottom: 12px !important; border: 1px solid #ae8a50 !important; border-radius: 4px !important; background: #4d3727 !important; color: #ffe5ad !important; font-size: 14px !important; box-shadow: 0 3px 9px #36251333 !important}
.account-workspace-page .account-workspace-actions #pageLangToggleWrap {width: auto !important; margin: 0 !important; padding: 0 !important; text-align: right !important}
.account-workspace-page .account-workspace-actions #pageLangToggle {max-width: 245px; background: #f1daaa !important; padding: 10px 12px !important; font-size: 13px !important}
.account-workspace-page:has(.account-workspace-actions #pageLangToggle) #pageLangToggleFixed {display: none !important}

/* Test-server-only legacy shortcuts remain available in a collapsed disclosure.
   The existing dashboard node is moved, not recreated: realm rules, level
   reward links, language handlers and local anchor behavior remain intact. */
.account-workspace .account-legacy-tools {
  margin-top: 22px;
  border: 1px solid #cbb086;
  border-radius: 4px;
  background: #f3e5c9;
  color: var(--aw-ink);
}
.account-workspace .account-legacy-tools > summary {
  padding: 14px 17px;
  color: #705023;
  font-size: 13px;
  line-height: 1.65;
  font-weight: 650;
  cursor: pointer;
}
.account-workspace .account-legacy-tools > summary::marker {color: #947033}
.account-workspace .account-legacy-tools > summary:hover {background: #faedcf}
.account-workspace .account-legacy-tools[open] > summary {border-bottom: 1px solid #d1b88f; background: #ebd7b0}
.account-workspace-page #adminDashboard {
  margin: 0;
  padding: 20px;
  border: 0;
  border-radius: 0;
  background: #f7ecd4;
  color: #51391f;
  font: inherit;
  line-height: 1.7;
}
.account-workspace-page #adminDashboard .admin-entry-heading {display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: 14px; margin-bottom: 18px}
.account-workspace-page #adminDashboard .admin-entry-heading > div {flex: 1; min-width: 220px}
.account-workspace-page #adminDashboard .admin-entry-badge {display: inline-block; padding: 3px 8px; border: 1px solid #cbb58c; border-radius: 3px; background: #e8e6cc; color: #657044; font-size: 11px; line-height: 1.5; font-weight: 600}
.account-workspace-page #adminDashboard h2 {margin: 9px 0 6px; padding: 0; border: 0; background: none; color: #52371d; font-size: 21px; line-height: 1.4}
.account-workspace-page #adminDashboard h3 {margin: 7px 0 10px; color: #67471f; font-size: 16px; line-height: 1.45}
.account-workspace-page #adminDashboard p {margin: 0 0 12px; color: #796144; font-size: 12px; line-height: 1.8}
.account-workspace-page #adminDashboard .admin-entry-language {flex: 0 0 auto; min-height: 36px; height: auto; width: auto; padding: 7px 13px; border: 1px solid #b99b6a; border-radius: 4px; background: #f0dbad; color: #62421d; font: inherit; font-size: 12px; font-weight: 600; cursor: pointer}
.account-workspace-page #adminDashboard .admin-entry-grid {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px}
.account-workspace-page #adminDashboard .admin-entry-card {display: flex; flex-direction: column; min-width: 0; padding: 17px; border: 1px solid #d4bb90; border-top: 3px solid #a1783a; border-radius: 4px; background: #fff8e8}
.account-workspace-page #adminDashboard .admin-entry-card:nth-child(2) {border-top-color: #5e7d8a}
.account-workspace-page #adminDashboard .admin-entry-card:nth-child(3) {border-top-color: #7e609b}
.account-workspace-page #adminDashboard .admin-entry-step {font-size: 11px; line-height: 1.5; letter-spacing: 1.5px; font-weight: 700; color: #a48043}
.account-workspace-page #adminDashboard .admin-entry-features {margin: 0 0 16px; padding-left: 17px; color: #796144; font-size: 12px; line-height: 1.7}
.account-workspace-page #adminDashboard .admin-entry-features li + li {margin-top: 6px}
.account-workspace-page #adminDashboard .admin-entry-button {display: block; width: auto; min-width: 0; min-height: 39px; margin-top: auto; padding: 9px 12px; border: 1px solid #b38c4c; border-radius: 4px; background: #ebd19a; color: #5d3d18; font-size: 12px; line-height: 1.6; font-weight: 650; text-align: center; text-decoration: none; white-space: normal; overflow-wrap: break-word}
.account-workspace-page #adminDashboard .admin-entry-button:hover {border-color: #8e692f; background: #f4dfb0; color: #493015}
.account-workspace-page #adminDashboard :is(.admin-entry-card small, .admin-entry-quest-action small) {display: block; margin-top: 8px; color: #866e4d; font-size: 11px; line-height: 1.7}
.account-workspace-page #adminDashboard .admin-entry-quest {display: grid; grid-template-columns: minmax(0, 1fr) 210px; align-items: center; gap: 20px; margin-top: 15px; padding: 18px; border: 1px solid #c3bc92; border-radius: 4px; background: #f0efd9}
.account-workspace-page #adminDashboard .admin-entry-quest .admin-entry-button {border-color: #72946c; background: #e1e9ce; color: #49683f}
.account-workspace-page #adminDashboard .admin-entry-local {display: grid; gap: 8px; margin-bottom: 10px}
.account-workspace-page #adminDashboard .admin-entry-local a {padding: 8px 11px; border: 1px solid #d5b98a; border-radius: 4px; background: #f6e9cf; color: #745324; text-decoration: none; font-size: 12px; font-weight: 600; line-height: 1.65}
.account-workspace-page #adminDashboard .admin-entry-local a:hover {border-color: #a67e3e; background: #fff1cc}
.account-workspace-page #adminDashboard .admin-entry-shortcuts {display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 18px; padding-top: 16px; border-top: 1px solid #d4bc91; font-size: 12px; line-height: 1.6}
.account-workspace-page #adminDashboard .admin-entry-shortcuts strong {margin-right: 5px; color: #6f4f24}
.account-workspace-page #adminDashboard .admin-entry-shortcuts a {padding: 6px 10px; border: 1px solid #d2b68a; border-radius: 4px; background: #fff7e6; color: #795628; text-decoration: none}
.account-workspace-page #adminDashboard .admin-entry-shortcuts a:hover {border-color: #a5834d; background: #f3dfb9}
.account-workspace-page #adminDashboard .admin-entry-note {margin: 12px 0; color: #866e4d; font-size: 12px; line-height: 1.75}
.account-workspace-page #adminDashboard .admin-entry-footer {display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding-top: 14px; border-top: 1px solid #d4bc91; color: #7b6445; font-size: 12px; line-height: 1.7}
.account-workspace-page #adminDashboard .admin-entry-footer span {flex: 1; min-width: 180px}
.account-workspace-page #adminDashboard .admin-entry-footer a {padding: 5px 8px; border: 1px solid #d6ab95; border-radius: 3px; background: #fff0e5; color: #a04b32; font-weight: 600; text-decoration: underline; text-underline-offset: 3px}

/* Actions use solid, predictable contrast; retain the game art in panel frames.
   Stable IDs/data attributes cover rows created after initial page load. */
.account-workspace-page .server-current :is(
  [data-shop-save], [data-rental-save], [data-sale-save], [data-cos-add],
  [data-onsale-save], [data-shop-restore], .lg-item-add,
  #shopAddBtn, #onSaleAddBtn, #rouletteAddBtn, #marqueeSendBtn, #eventIpAddBtn
) {background: #1f643e !important; color: #fff8e9 !important; border-color: #174e30 !important}
.account-workspace-page .server-current :is(
  [data-shop-save], [data-rental-save], [data-sale-save], [data-cos-add],
  [data-onsale-save], [data-shop-restore], .lg-item-add,
  #shopAddBtn, #onSaleAddBtn, #rouletteAddBtn, #marqueeSendBtn, #eventIpAddBtn
):hover:not(:disabled) {background: #174f30 !important; color: #fff8e9 !important}
.account-workspace-page .server-current :is(
  [data-shop-reset], [data-rental-reset], [data-sale-clear], [data-onsale-clear],
  #marqueeClearBtn, #resetAllStaminaBtn
) {background: #ffe2a8 !important; color: #764d12 !important; border-color: #946222 !important}
.account-workspace-page .server-current :is(
  [data-shop-reset], [data-rental-reset], [data-sale-clear], [data-onsale-clear],
  #marqueeClearBtn, #resetAllStaminaBtn
):hover:not(:disabled) {background: #ffedca !important; color: #5f3b0b !important}
.account-workspace-page .server-current :is(
  [data-shop-remove], [data-cos-remove], .ckr-remove, .lg-item-remove, .lg-tier-remove,
  #ipWhitelistList button, #eventIpList button, #ipLocksList button,
  #rpPackagesList button, #householdList button:last-child,
  button[style*="background: rgb(183, 28, 28)"], button[style*="background:#b71c1c"]
) {background: #9c3129 !important; color: #fff8f0 !important; border-color: #77251f !important}
.account-workspace-page .server-current :is(
  [data-shop-remove], [data-cos-remove], .ckr-remove, .lg-item-remove, .lg-tier-remove,
  #ipWhitelistList button, #eventIpList button, #ipLocksList button,
  #rpPackagesList button, #householdList button:last-child,
  button[style*="background: rgb(183, 28, 28)"], button[style*="background:#b71c1c"]
):hover:not(:disabled) {background: #81261f !important; color: #fff8f0 !important}
.account-workspace-page .server-current :is(#shopBrowseBtn, #recentUnbindPreviewBtn, #invLoadBtn, #rpReloadBtn) {
  background: #244f75 !important; color: #fff8e9 !important; border-color: #1b3b57 !important;
}
.account-workspace-page .server-current :is(#shopBrowseBtn, #recentUnbindPreviewBtn, #invLoadBtn, #rpReloadBtn):hover:not(:disabled) {
  background: #193e61 !important; color: #fff8e9 !important;
}
.account-workspace-page .server-current :is(#netStressModeWindow, #netStressModeTotal, #netStressModeUrls) {opacity: 1 !important}
.account-workspace-page .server-current :is(#netStressModeWindow, #netStressModeTotal, #netStressModeUrls):not([style*="opacity:0.5"]):not([style*="opacity: 0.5"]) {
  background: #244f75 !important; color: #fff8e9 !important; border-color: #1b3b57 !important;
  box-shadow: inset 0 -3px #f7cd6a;
}
.account-workspace-page .server-current :is(#shopList, #saleList, #cosmeticList, #onSaleList, #shopRemovedList) :is(div, span):has(> button) {
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px !important; white-space: normal !important;
}
.account-workspace-page .server-current :is(#shopList, #saleList, #cosmeticList, #onSaleList, #shopRemovedList) button {
  min-height: 44px; min-width: 44px; padding: 8px 11px !important; font-size: 13px !important;
}
.account-workspace-page .server-current :is(.ckr-remove, .lg-item-remove) {min-width: 96px; white-space: normal !important}
.account-workspace-page .server-current label:has(> input:is([type=checkbox], [type=radio])) {min-height: 44px; align-items: center; gap: 8px}
.account-workspace-page #adminDashboard :is(.admin-entry-language, .admin-entry-button, .admin-entry-local a, .admin-entry-shortcuts a, .admin-entry-footer a) {
  min-height: 44px; padding: 10px 13px; font-size: 14px; line-height: 1.6; max-width: 100%; overflow-wrap: anywhere;
}
.account-workspace-page #adminDashboard :is(.admin-entry-shortcuts a, .admin-entry-footer a) {display: inline-block}

/* Never fade disabled labels into the panel. Disabled remains native/guarded,
   with a muted solid fill, dashed edge and unavailable cursor. */
body.account-workspace-page :is(.server-current, #itemBrowserModal, #adminDashboard) :is(button, .btn-primary):disabled,
body.account-workspace-page :is(.server-current, #itemBrowserModal, #adminDashboard) :is(button, a)[aria-disabled=true] {
  opacity: 1 !important; filter: none; background: #e3ddd1 !important;
  color: #64594b !important; border: 1px dashed #9d907c !important;
  box-shadow: none !important; cursor: not-allowed;
}
.account-workspace-page :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 3px solid #154ea8 !important; outline-offset: 3px;
  box-shadow: 0 0 0 2px #fffdf4 !important;
}

@media (min-width: 1400px) {
  .account-quick-grid {grid-template-columns: repeat(3, minmax(0, 1fr))}
}
@media (max-width: 1100px) {
  .account-workspace-layout {grid-template-columns: 218px minmax(0, 1fr)}
  .account-workspace-sidebar {margin-left: 8px; padding-inline: 9px}
  .account-workspace-content {padding: 20px 16px}
  .account-workspace .account-nav-item {padding-inline: 9px}
  .account-workspace-page .main .blog-post.server-page .server-current {padding: 18px}
  .account-workspace-page .server-current [style*="display:grid"][style*="grid-template-columns"] {grid-template-columns: repeat(2, minmax(0, 1fr)) !important}
  .account-workspace-page #itemBrowserModal [style*="grid-template-columns"] {grid-template-columns: repeat(3, minmax(0, 1fr)) !important}
  .account-workspace-page #adminDashboard .admin-entry-grid {grid-template-columns: repeat(2, minmax(0, 1fr))}
  .account-workspace-page #adminDashboard .admin-entry-quest {grid-template-columns: minmax(0, 1fr)}
}
@media (max-width: 800px) {
  .account-workspace-page > .container {padding: 10px}
  .account-workspace-header {padding: 20px; gap: 7px 14px}
  .account-workspace-mode {max-width: 180px; font-size: 11px}
  .account-workspace-context {grid-column: 1 / -1; grid-row: auto; justify-self: start; max-width: 100%; text-align: left}
  .account-workspace-actions {grid-column: 1 / -1; grid-row: auto; justify-self: start; max-width: 100%; margin-top: 6px; flex-direction: row; align-items: center; flex-wrap: wrap}
  .account-workspace-actions .account-workspace-context {width: auto; text-align: left}
  .account-workspace-subtitle {grid-column: 1 / -1}
  .account-workspace-layout {display: block}
  .account-workspace-sidebar {position: static; margin: 12px; padding: 18px 12px 14px}
  .account-workspace-search {margin-bottom: 12px}
  .account-workspace-nav {grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px}
  .account-workspace .account-nav-item {min-height: 50px; padding: 8px; font-size: 12px}
  .account-workspace .account-nav-item [class*="icon"] {display: none}
  .account-workspace-content {padding: 10px 14px 16px}
  .account-group-heading {margin-bottom: 18px; padding-bottom: 14px}
  .account-group-heading h2 {font-size: 21px}
  .account-workspace-page .server-current [style*="display:flex"] {flex-wrap: wrap}
  .account-workspace-page .server-current [style*="max-height"] {max-height: 420px !important}
  .account-workspace-page #adminDashboard {padding: 16px}
  .account-workspace-page #adminDashboard .admin-entry-grid {grid-template-columns: minmax(0, 1fr)}
}
@media (max-width: 540px) {
  .account-workspace-page > .container {padding: 6px}
  .account-workspace-header {padding: 17px 14px; display: block}
  .account-workspace-title {margin: 3px 0 8px; font-size: 25px}
  .account-workspace-mode {display: inline-block; max-width: 100%; margin-top: 12px}
  .account-workspace-context {margin-top: 7px; font-size: 11px}
  .account-workspace-actions {margin-top: 12px}
  .account-workspace-sidebar {margin: 10px 8px; padding-inline: 8px}
  .account-workspace-nav {grid-template-columns: repeat(2, minmax(0, 1fr))}
  .account-workspace .account-nav-item {padding: 9px 10px; min-height: 44px}
  .account-workspace-content {padding: 10px}
  .account-group-heading {grid-template-columns: minmax(0, 1fr); padding-left: 12px}
  .account-group-count {grid-column: 1; grid-row: auto; justify-self: start; margin-top: 4px}
  .account-quick-grid, .account-quick-links {grid-template-columns: minmax(0, 1fr)}
  .account-workspace .account-quick-card {min-height: 100px; padding: 15px 17px}
  .account-workspace .account-quick-link {min-height: 90px; padding: 15px 17px}
  .account-workspace-page .main .blog-post.server-page .server-current {padding: 15px 12px}
  .account-workspace-page .server-current :is(button, .btn-primary) {padding: 8px 12px !important}
  .account-workspace-page .server-current > div[style*="display:flex"] > :is(div, label) {max-width: 100%; flex-basis: 100%}
  .account-workspace-page .server-current [style*="display:grid"][style*="grid-template-columns"],
  .account-workspace-page #itemBrowserModal [style*="grid-template-columns"] {grid-template-columns: minmax(0, 1fr) !important}
  .account-workspace-page #itemBrowserBackdrop {padding: 8px !important}
  .account-workspace-page #itemBrowserModal > div {padding: 12px !important}
  .account-workspace-page .container > .top-nav {gap: 5px 14px; padding: 9px 12px}
  .account-workspace-page .container > .top-nav .logo {order: -1; width: 100%; margin: 0}
  .account-workspace-page #adminDashboard {padding: 12px}
  .account-workspace-page #adminDashboard .admin-entry-card {padding: 14px}
  .account-workspace-page #adminDashboard .admin-entry-heading > div {min-width: 0}
}
@media (prefers-reduced-motion: reduce) {
  .account-workspace-page *, .account-workspace-page *::before, .account-workspace-page *::after {scroll-behavior: auto !important; transition: none !important}
}
@media (forced-colors: active) {
  .account-workspace-page, .account-workspace-page * {border-image: none !important; background-image: none !important}
  .account-workspace .account-nav-item[aria-current=page] {outline: 2px solid Highlight}
}
/* Last and unconditional within this page: category layout is never authority. */
.account-workspace-page .hidden,
.account-workspace-page [hidden],
.account-workspace-page .account-workspace-inactive {display: none !important}