:root {
  --dashboard-bg: #121319;
  --dashboard-sidebar: #191a22;
  --dashboard-panel: #1c1e27;
  --dashboard-panel-soft: #20222c;
  --dashboard-line: #ffffff12;
  --dashboard-text: #f1f2f7;
  --dashboard-muted: #989baa;
  --dashboard-soft: #6f7281;
  --dashboard-purple: #9b82ff;
  --dashboard-blue: #648aff;
  --dashboard-green: #66d9a4;
}

html { scroll-behavior: smooth; }
body.rayzi-dashboard-page {
  min-height: 100vh;
  overflow-x: hidden;
  background: var(--dashboard-bg);
  color: var(--dashboard-text);
  font-family: "DM Sans", Inter, system-ui, sans-serif;
}

.app-shell { min-height: 100vh; display: grid; grid-template-columns: 254px minmax(0, 1fr); }
.control-sidebar {
  position: sticky; top: 0; display: flex; flex-direction: column; gap: 15px;
  height: 100vh; min-height: 600px; padding: 18px 12px 12px;
  overflow-y: auto; background: var(--dashboard-sidebar); border-right: 1px solid var(--dashboard-line);
}
.dashboard-brand { display: flex; align-items: center; gap: 11px; padding: 2px 8px 13px; color: inherit; text-decoration: none; }
.dashboard-brand img { width: 39px; height: 39px; border-radius: 12px; object-fit: cover; }
.dashboard-brand span, .sidebar-server-card > span:nth-child(2), .sidebar-footer > span:nth-child(2) { display: flex; flex-direction: column; min-width: 0; }
.dashboard-brand b { font: 700 16px "Space Grotesk", sans-serif; letter-spacing: -.02em; }
.dashboard-brand small { margin-top: 3px; color: #a09db1; font-size: 9px; font-weight: 700; letter-spacing: .14em; }
.sidebar-server-card { display: flex; align-items: center; gap: 10px; min-height: 57px; padding: 9px 10px; border: 1px solid var(--dashboard-line); border-radius: 11px; background: #ffffff06; }
.server-mark { display: grid; width: 35px; height: 35px; flex: 0 0 auto; place-items: center; border-radius: 9px; background: linear-gradient(145deg, #695de8, #487ad1); color: #fff; font: 700 17px "Space Grotesk", sans-serif; }
.sidebar-server-card small, .sidebar-footer small { color: var(--dashboard-soft); font-size: 9px; font-weight: 700; letter-spacing: .08em; }
.sidebar-server-card b { overflow: hidden; margin-top: 3px; color: #e8e9ef; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.sidebar-chevron { margin-left: auto; color: #888b9b; font-size: 18px; }
.sidebar-navigation { display: flex; flex-direction: column; gap: 3px; padding: 1px 0; }
.nav-section-label { margin: 13px 9px 4px; color: #767989; font-size: 9px; font-weight: 800; letter-spacing: .12em; }
.dash-nav {
  display: flex; align-items: center; gap: 11px; width: 100%; min-height: 39px; padding: 8px 10px;
  border: 1px solid transparent; border-radius: 8px; background: transparent; color: #a9abba;
  text-align: left; font: 600 12px "DM Sans", sans-serif; cursor: pointer; transition: color .16s ease, background .16s ease, border-color .16s ease;
}
.dash-nav:hover { background: #ffffff09; color: #f5f5fa; }
.dash-nav-link { text-decoration: none; }
.dash-nav.active { border-color: #8a7aff29 !important; background: #7167dd24 !important; color: #fff !important; box-shadow: inset 3px 0 0 #8978ff !important; }
.nav-icon { display: grid; width: 22px; flex: 0 0 22px; place-items: center; color: #9296aa; font-size: 17px; }
.dash-nav.active .nav-icon { color: #b8adff; }
.sidebar-footer { display: flex; align-items: center; gap: 9px; margin-top: auto; padding: 13px 9px 5px; border-top: 1px solid var(--dashboard-line); }
.sidebar-footer b { font-size: 11px; }
.sidebar-footer small { margin-top: 2px; font-weight: 500; letter-spacing: 0; }
.sidebar-footer > a { display: grid; width: 29px; height: 29px; margin-left: auto; place-items: center; border: 1px solid var(--dashboard-line); border-radius: 8px; color: #b8b9c5; text-decoration: none; }
.sidebar-status-dot, .topbar-status i, .page-eyebrow span, .online-pill i { width: 7px; height: 7px; flex: 0 0 7px; border-radius: 50%; background: var(--dashboard-green); box-shadow: 0 0 9px #66d9a466; }

.control-main { min-width: 0; }
.rayzi-dashboard-page .control-topbar {
  position: sticky; top: 0; z-index: 10; display: flex; align-items: center; justify-content: space-between;
  width: 100%; height: 68px; margin: 0; padding: 0 34px; border: 0; border-bottom: 1px solid var(--dashboard-line);
  border-radius: 0; background: #171820eF; backdrop-filter: blur(18px); box-shadow: none;
}
.breadcrumb { display: flex; align-items: center; gap: 10px; color: #858896; font-size: 12px; }
.breadcrumb i { color: #555866; font-style: normal; }
.breadcrumb b { color: #e6e7ee; font-weight: 600; }
.topbar-actions { display: flex; align-items: center; gap: 17px; }
.topbar-status { display: inline-flex; align-items: center; gap: 8px; color: #a5a8b4; font-size: 9px; font-weight: 800; letter-spacing: .08em; }
.discord-login { display: inline-flex; min-height: 36px; align-items: center; justify-content: center; padding: 0 14px; border: 1px solid #7287f145; border-radius: 8px; background: #5865f217; color: #d9deff; text-decoration: none; font-size: 11px; font-weight: 700; transition: .16s ease; }
.discord-login:hover { border-color: #8798ff88; background: #5865f22b; }
.page-content { width: min(1440px, 100%); margin: 0 auto; padding: 34px clamp(20px, 3.1vw, 48px) 20px; }
.page-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 25px; margin: 7px 0 27px; }
.page-eyebrow { display: flex; align-items: center; gap: 9px; margin: 0 0 11px; color: #aaaabd; font-size: 9px; font-weight: 800; letter-spacing: .15em; }
.page-eyebrow span { background: #9a87ff; box-shadow: 0 0 9px #9a87ff77; }
.page-heading h1 { margin: 0; font: 700 clamp(29px, 3vw, 41px)/1.12 "Space Grotesk", sans-serif; letter-spacing: -.045em; }
.page-heading h1 span { color: #aaa0ff; }
.page-lead { max-width: 630px; margin: 12px 0 0; color: var(--dashboard-muted); font-size: 13px; line-height: 1.65; }
.heading-version { display: flex; flex-direction: column; gap: 5px; min-width: 128px; padding: 11px 14px; border: 1px solid var(--dashboard-line); border-radius: 10px; background: #ffffff05; }
.heading-version span { color: #828594; font-size: 8px; font-weight: 800; letter-spacing: .1em; }
.heading-version b { color: #ddd9ff; font: 700 17px "Space Grotesk", sans-serif; }

.network-panel, .guild-selector, .server-dashboard { border: 1px solid var(--dashboard-line); border-radius: 13px; background: var(--dashboard-panel); box-shadow: 0 12px 30px #00000012; }
.network-panel { padding: 17px 18px 16px; margin-bottom: 22px; }
.network-panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 15px; }
.network-panel-heading > div { display: flex; flex-direction: column; gap: 3px; }
.network-panel-heading small { color: #8c8e9f; font-size: 8px; font-weight: 800; letter-spacing: .12em; }
.network-panel-heading b { font: 600 14px "Space Grotesk", sans-serif; }
.network-panel-heading > span { color: #797c8b; font-size: 10px; }
.network-stats { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); }
.network-stat { display: flex; align-items: center; gap: 11px; min-width: 0; padding: 5px 13px; border-right: 1px solid var(--dashboard-line); }
.network-stat:first-child { padding-left: 2px; }
.network-stat:last-child { border-right: 0; }
.stat-icon { display: grid; width: 34px; height: 34px; flex: 0 0 34px; place-items: center; border: 1px solid #9585ff2b; border-radius: 9px; background: #8575ff12; color: #b7aaff; font-size: 17px; }
.stat-icon.status-icon { width: 9px; height: 9px; flex-basis: 9px; border: 0; border-radius: 50%; background: #747887; box-shadow: none; }
.stat-icon.status-icon.green { background: var(--dashboard-green) !important; box-shadow: 0 0 10px #66d9a477; }
.stat-icon.status-icon.red { background: #ef738a !important; box-shadow: 0 0 10px #ef738a66; }
.network-stat > div { display: flex; min-width: 0; flex-direction: column; gap: 2px; }
.network-stat small { overflow: hidden; color: #858897; font-size: 8px; font-weight: 800; letter-spacing: .07em; text-overflow: ellipsis; white-space: nowrap; }
.network-stat b { overflow: hidden; color: #eeeff5; font: 700 16px "Space Grotesk", sans-serif; text-overflow: ellipsis; white-space: nowrap; }
.network-stat b em { margin-left: 3px; color: #9da0af; font: 500 10px "DM Sans", sans-serif; }
.network-stat span:not(.stat-icon) { color: #777a89; font-size: 9px; }
#coreStatusText.online { color: var(--dashboard-green); }
#coreStatusText.offline { color: #f28a9d; }

.guild-selector { margin-bottom: 22px; padding: 19px; border-color: var(--dashboard-line); background: var(--dashboard-panel); box-shadow: none; }
.guild-selector.has-selection { border-color: #66d9a433; }
.guild-selector-head { align-items: flex-start; margin-bottom: 16px; }
.guild-selector-head > div { min-width: 0; }
.guild-selector-head small { margin-bottom: 5px; color: #8c8e9f; font-size: 8px; font-weight: 800; letter-spacing: .12em; }
.guild-selector-head b { color: #f0f1f7; font: 600 17px "Space Grotesk", sans-serif; }
.guild-selector-head p { margin: 5px 0 0; color: #898c9a; font-size: 11px; line-height: 1.5; }
.guild-selector-head > span { border-color: var(--dashboard-line); background: #ffffff05; color: #acaebe; font-size: 8px; }
.guild-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.guild-card { min-height: 75px; grid-template-columns: 43px minmax(0, 1fr) auto; gap: 11px; padding: 11px; border-color: var(--dashboard-line); border-radius: 10px; background: #ffffff04; }
.guild-card:hover, .guild-card.selected { transform: translateY(-1px); border-color: #897bff77; background: #7466ff11; }
.guild-icon { width: 42px; height: 42px; border: 0; border-radius: 10px; box-shadow: none; }
.guild-fallback { background: linear-gradient(145deg, #665be0, #4878c9); color: #fff; font: 700 18px "Space Grotesk", sans-serif; }
.guild-info small { color: #a09bbb; font-size: 8px; letter-spacing: .06em; }
.guild-info b { margin: 3px 0; color: #ebecf2; font: 600 12px "DM Sans", sans-serif; }
.guild-info span { color: #858897; font-size: 9px; }
.guild-manage { padding: 9px 11px; border-color: #7987ee4d; border-radius: 7px; background: #5865f21c; color: #dfe2ff; font: 700 9px "DM Sans", sans-serif; letter-spacing: .02em; }
.guild-manage:hover { border-color: #909bff; background: #5865f236; color: #fff; box-shadow: none; }
.guild-empty { display: flex; min-height: 174px; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 24px; border: 1px dashed #ffffff1c; border-radius: 10px; color: #858897; font-size: 11px; }
.empty-icon { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 11px; background: #8575ff15; color: #b8acff; font-size: 22px; }
.guild-empty b { color: #e5e6ed; font: 600 14px "Space Grotesk", sans-serif; }
.guild-empty > span:not(.empty-icon) { color: #9295a2; font-size: 11px; text-align: center; }
.guild-empty a { margin-top: 5px; padding: 9px 13px; border: 1px solid #7987ee4d; border-radius: 8px; background: #5865f21c; color: #dfe2ff; font-size: 10px; font-weight: 700; text-decoration: none; }
.guild-empty small { color: #777a89; font-size: 9px; }
.server-dashboard { margin-top: 22px; padding: 18px; }
.server-dashboard[hidden] { display: none !important; }
.dash-top { padding-bottom: 15px; border-bottom-color: var(--dashboard-line); }
.dash-top > div { display: flex; flex-direction: column; gap: 4px; }
.dash-top small { color: #8e91a1; font-size: 8px; font-weight: 800; letter-spacing: .11em; }
.dash-top b { color: #f0f1f6; font: 600 20px "Space Grotesk", sans-serif; }
.dash-top > div > span { color: #8e91a0; font-size: 10px; }
.online-pill { display: inline-flex; align-items: center; gap: 8px; border-color: #66d9a433; background: #66d9a40a; color: #9be8bf; font-size: 8px; }
.live-guild-settings { margin-top: 17px; padding: 18px; border-color: var(--dashboard-line); border-radius: 11px; background: var(--dashboard-panel-soft); }
.live-settings-head small { color: #aaa4d6; opacity: 1; }
.settings-control-head span { color: #a5a7b3; opacity: 1; }
.control-overview-grid article, .setting-edit-card, .automod-master, .automod-module-card, .automod-config-card, .verification-action-card, .permission-console, .moderation-history-card, .level-panel-card, .feedback-entry, .quest-card { border-color: #ffffff16; background-color: #ffffff04; }
.settings-edit-grid select, .automod-config-card select, .word-filter-card textarea, .level-role-form input, .level-role-form select { border-color: #ffffff1e; background-color: #171922; color: #f1f2f7; }
.settings-actions small, .setting-edit-card em { color: #999baa; opacity: 1; }
.control-hint { border-color: #9585ff24; background: #8575ff0a; color: #aaadba; }
.dashboard-footer { display: flex; justify-content: space-between; gap: 12px; padding: 22px 2px 4px; color: #777a88; font-size: 10px; }
.dashboard-footer a { color: #aaa0ff; text-decoration: none; }
.dashboard-footer a:hover { color: #d2ccff; }

.rayzi-dashboard-page :focus-visible { outline: 2px solid #a394ff; outline-offset: 2px; }
.rayzi-dashboard-page button:disabled { cursor: wait; opacity: .55; }

@media (max-width: 1120px) {
  .app-shell { grid-template-columns: 226px minmax(0, 1fr); }
  .network-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 13px; }
  .network-stat:nth-child(3) { border-right: 0; }
  .network-stat:nth-child(4) { padding-left: 2px; }
}
@media (max-width: 820px) {
  .app-shell { display: block; }
  .control-sidebar { position: static; height: auto; min-height: 0; padding: 12px 14px 10px; border-right: 0; border-bottom: 1px solid var(--dashboard-line); }
  .dashboard-brand { padding-bottom: 4px; }
  .sidebar-server-card, .sidebar-footer { display: none; }
  .sidebar-navigation { display: flex; flex-flow: row nowrap; gap: 5px; overflow-x: auto; padding: 3px 0 5px; scrollbar-width: thin; }
  .nav-section-label { display: none; }
  .dash-nav { width: auto; min-width: max-content; min-height: 36px; padding: 7px 9px; }
  .dash-nav.active { box-shadow: inset 0 -2px 0 #8978ff !important; }
  .rayzi-dashboard-page .control-topbar { top: 0; height: 58px; padding: 0 20px; }
  .page-content { padding-top: 25px; }
}
@media (max-width: 600px) {
  .rayzi-dashboard-page .control-topbar { padding: 0 15px; }
  .breadcrumb { font-size: 10px; }
  .topbar-actions { gap: 9px; }
  .topbar-status { font-size: 0; gap: 0; }
  .topbar-status i { width: 8px; height: 8px; }
  .discord-login { min-height: 33px; padding-inline: 9px; font-size: 9px; }
  .page-content { padding: 22px 13px 14px; }
  .page-heading { align-items: flex-start; flex-direction: column; gap: 15px; margin-top: 3px; }
  .page-heading h1 { font-size: 31px; }
  .heading-version { flex-direction: row; align-items: center; justify-content: space-between; width: 100%; }
  .network-panel { padding: 14px; }
  .network-panel-heading { align-items: flex-start; flex-direction: column; }
  .network-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 0; }
  .network-stat { min-height: 46px; padding: 4px 7px; }
  .network-stat:nth-child(2), .network-stat:nth-child(4) { border-right: 0; }
  .network-stat:nth-child(3) { border-right: 1px solid var(--dashboard-line); }
  .network-stat:nth-child(4) { padding-left: 7px; }
  .network-stat:last-child { grid-column: 1 / -1; border-right: 0; padding-left: 7px; }
  .guild-selector, .server-dashboard { padding: 14px; }
  .guild-selector-head { flex-direction: column; }
  .guild-grid { grid-template-columns: 1fr; }
  .guild-card { grid-template-columns: 40px minmax(0, 1fr); }
  .guild-icon { width: 40px; height: 40px; }
  .guild-manage { grid-column: 1 / -1; width: 100%; }
  .live-guild-settings { padding: 13px; }
  .dashboard-footer { flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) {
  .rayzi-dashboard-page *, .rayzi-dashboard-page *::before, .rayzi-dashboard-page *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}

.rolepanel-helper {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 18px;
  padding: 18px 20px;
  border: 1px solid rgba(138, 109, 255, .24);
  border-radius: 14px;
  background: linear-gradient(105deg, rgba(125, 93, 255, .11), rgba(67, 78, 139, .06));
}
.rolepanel-helper-mark {
  display: grid;
  place-items: center;
  flex: 0 0 42px;
  height: 42px;
  border-radius: 12px;
  color: #c1aaff;
  background: rgba(137, 108, 255, .18);
  font-size: 24px;
}
.rolepanel-helper-copy { display: grid; gap: 4px; min-width: 0; }
.rolepanel-helper-copy small { color: #a99bdf; font-size: 10px; font-weight: 800; letter-spacing: .13em; }
.rolepanel-helper-copy b { color: #f5f3ff; font-size: 15px; }
.rolepanel-helper-copy > span { color: #a5a5b5; font-size: 12px; line-height: 1.55; }
.rolepanel-helper-copy code { color: #d7c9ff; }
.rolepanel-ready {
  margin-left: auto;
  flex: 0 0 auto;
  padding: 7px 10px;
  border: 1px solid rgba(103, 210, 157, .22);
  border-radius: 999px;
  color: #8de4b5;
  background: rgba(63, 173, 118, .09);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .08em;
}

.operations-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; margin: 15px 0; }
.operations-grid article { display: flex; min-width: 0; flex-direction: column; gap: 5px; padding: 14px; border: 1px solid #ffffff12; border-radius: 10px; background: #ffffff04; }
.operations-grid article small { color: #a29cba; font-size: 8px; font-weight: 800; letter-spacing: .11em; }
.operations-grid article b { overflow: hidden; color: #f0eff8; font: 700 18px "Space Grotesk", sans-serif; text-overflow: ellipsis; }
.operations-grid article span { color: #9294a2; font-size: 9px; }
.operations-actions { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 12px 0 18px; padding: 14px; border: 1px solid #8e7aff35; border-radius: 10px; background: linear-gradient(100deg, #8b71ff13, #ffffff03); }
.operations-actions > div, .operations-section-head > div { display: grid; gap: 4px; }
.operations-actions b { color: #eeecfa; font-size: 12px; }
.operations-actions span { color: #9698a7; font-size: 10px; line-height: 1.5; }
.operations-actions button, .operations-section-head button { flex: 0 0 auto; padding: 10px 13px; border: 1px solid #9987ff5c; border-radius: 8px; background: #7967e936; color: #e7e1ff; font-size: 9px; font-weight: 800; letter-spacing: .04em; cursor: pointer; }
.operations-section { margin-top: 15px; padding: 15px; border: 1px solid #ffffff12; border-radius: 11px; background: #ffffff03; }
.operations-section-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 11px; }
.operations-section-head small { color: #9c91c7; font-size: 8px; font-weight: 800; letter-spacing: .11em; }
.operations-section-head b { color: #eeecf7; font-size: 13px; }
.operations-section-head > span { color: #989aa8; font-size: 9px; }
.operations-backups { display: grid; gap: 7px; }
.operations-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-width: 0; padding: 10px 11px; border: 1px solid #ffffff0d; border-radius: 8px; background: #ffffff03; }
.operations-row > div { display: grid; gap: 4px; min-width: 0; }
.operations-row b { overflow-wrap: anywhere; color: #dedfeb; font-size: 10px; }
.operations-row span, .operations-row small { color: #8c8e9c; font-size: 9px; line-height: 1.5; }
.operations-row a { flex: 0 0 auto; padding: 7px 9px; border: 1px solid #ffffff1c; border-radius: 7px; color: #c6bcff; font-size: 8px; font-weight: 800; text-decoration: none; }
.backup-row-actions { display: flex; flex: 0 0 auto; align-items: center; gap: 7px; }
.backup-row-actions button { padding: 7px 9px; border: 1px solid #ff898933; border-radius: 7px; background: #ff67670a; color: #ffb0b0; font-size: 8px; font-weight: 800; cursor: pointer; }
.operations-row.feed-error { align-items: flex-start; border-color: #ff8c8c2c; }
.operations-row.feed-error b { color: #ffd0d0; }
.operations-empty, .operations-footnote { padding: 12px; color: #9698a7; font-size: 10px; line-height: 1.6; }
.operations-footnote { padding-inline: 2px; }
.ticket-setup-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
.ticket-setup-form > label { display: grid; gap: 6px; color: #c7c8d4; font-size: 10px; font-weight: 700; }
.ticket-setup-form select { min-height: 39px; width: 100%; padding: 0 10px; border: 1px solid #ffffff1e; border-radius: 8px; outline: 0; background: #171821; color: #e9e9f0; font: inherit; }
.ticket-setup-form .settings-actions { grid-column: 1 / -1; margin-top: 4px; }
.ticket-setup-form .settings-actions b { color: #d8d2ef; font-size: 10px; }
.ticket-setup-form .settings-actions small { color: #9496a5; font-size: 9px; }
.ray-config-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.ray-config-form > label { display:grid; gap:6px; color:#c7c8d4; font-size:9px; font-weight:800; letter-spacing:.04em; }
.ray-config-form > label > small { color:#9c91c7; font-size:8px; letter-spacing:.1em; }
.ray-config-form input:not([type="checkbox"]), .ray-config-form select { min-height:39px; width:100%; padding:0 10px; border:1px solid #ffffff1e; border-radius:8px; outline:0; background:#171821; color:#e9e9f0; font:inherit; letter-spacing:normal; }
.ray-config-form input:focus, .ray-config-form select:focus { border-color:#9b82ff; box-shadow:0 0 0 2px #9b82ff24; }
.ray-config-form textarea { width:100%; min-height:100px; resize:vertical; padding:10px; border:1px solid #ffffff1e; border-radius:8px; outline:0; background:#171821; color:#e9e9f0; font:inherit; font-size:11px; line-height:1.5; }
.ray-config-form select[multiple] { height:auto; min-height:120px; padding:7px; }
.ray-config-form .ray-config-wide { grid-column:1/-1; }
.ray-config-form > label em { color:#8e91a0; font-size:9px; font-style:normal; font-weight:500; letter-spacing:normal; line-height:1.5; }
.ray-config-check { display:flex!important; align-items:center; gap:10px!important; padding:10px; border:1px solid #ffffff14; border-radius:8px; background:#ffffff04; }
.ray-config-check input { width:17px; height:17px; accent-color:#9b82ff; }
.ray-config-check span { display:grid; gap:3px; }
.ray-config-check b { color:#e7e6ef; font-size:10px; }
.ray-config-check small { color:#9294a2; font-size:9px; font-weight:500; letter-spacing:normal; }
.ray-form-actions { grid-column:1/-1; display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-top:4px; }
.ray-form-actions button { min-height:39px; padding:0 14px; border:1px solid #9987ff5c; border-radius:8px; background:#7967e936; color:#e7e1ff; font-size:9px; font-weight:800; cursor:pointer; }
.ray-form-actions span { color:#b3b5c2; font-size:10px; }
.rayzi-dashboard-page[data-theme="light"] .ray-config-form input:not([type="checkbox"]), .rayzi-dashboard-page[data-theme="light"] .ray-config-form select, .rayzi-dashboard-page[data-theme="light"] .ray-config-form textarea { background:#fff; color:#20263a; border-color:#17213a2a; }
.rayzi-dashboard-page[data-theme="light"] .ray-config-check b { color:#20263a; }
.rayzi-dashboard-page[data-theme="light"] .ray-form-actions span { color:#5c6577; }
@media (max-width: 800px) { .operations-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .ray-config-form { grid-template-columns:1fr; } .ray-form-actions { grid-column:auto; align-items:stretch; flex-direction:column; } .ray-form-actions button { width:100%; } }
@media (max-width: 520px) { .ticket-setup-form { grid-template-columns: 1fr; } .ticket-setup-form .settings-actions { grid-column: auto; } .operations-actions { align-items: stretch; flex-direction: column; } .operations-actions button { width: 100%; } .operations-row { align-items: flex-start; flex-direction: column; } .backup-row-actions { width: 100%; } .backup-row-actions > * { flex: 1; text-align: center; } }
@media (max-width: 640px) {
  .rolepanel-helper { align-items: flex-start; flex-wrap: wrap; padding: 15px; }
  .rolepanel-ready { margin-left: 58px; }
}

/* Welcome Studio: original animated RayziCore GIF assets. */
.welcome-studio { margin: 18px 0; padding: 18px; border: 1px solid #ffffff16; border-radius: 13px; background: linear-gradient(140deg, #171923, #191a26 65%, #211b36); }
.welcome-studio-heading { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 15px; }
.welcome-studio-heading > div { display: grid; gap: 4px; }
.welcome-studio-heading small { color: #b0a1ff; font-size: 9px; font-weight: 800; letter-spacing: .14em; }
.welcome-studio-heading b { color: #f1efff; font: 600 16px "Space Grotesk", sans-serif; }
.welcome-studio-heading > div > span { color: #9799a8; font-size: 11px; }
.welcome-preview-badge { padding: 6px 9px; border: 1px solid #aa95ff39; border-radius: 999px; color: #c6b8ff; background: #8f73ff12; font-size: 8px; font-weight: 800; letter-spacing: .09em; }
.welcome-studio-layout { display: grid; grid-template-columns: minmax(185px, .72fr) minmax(0, 1.28fr); gap: 14px; align-items: stretch; }
.welcome-theme-picker { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; align-content: start; max-height: 390px; overflow-y: auto; padding-right: 4px; scrollbar-color: #8065c9 #171923; scrollbar-width: thin; }
.welcome-theme-option { display: grid; grid-template-columns: 58px minmax(0, 1fr) auto; align-items: center; gap: 9px; width: 100%; padding: 8px; border: 1px solid #ffffff12; border-radius: 9px; background: #ffffff04; color: inherit; text-align: left; cursor: pointer; transition: border-color .18s, background .18s, transform .18s; }
.welcome-theme-option:hover { transform: translateY(-1px); border-color: #9c88ff55; }
.welcome-theme-option.is-active { border-color: #a58cff88; background: #8a70ff17; box-shadow: inset 0 0 0 1px #a58cff20; }
.welcome-theme-option > span { display: grid; gap: 3px; min-width: 0; }
.welcome-theme-option b { color: #eae8f5; font-size: 10px; }
.welcome-theme-option small { color: #8f91a2; font-size: 8px; }
.welcome-theme-option em { color: #aaa0d8; font-size: 7px; font-style: normal; font-weight: 800; letter-spacing: .06em; }
.welcome-gif-thumb { display: block; width: 58px; height: 36px; overflow: hidden; border-radius: 6px; object-fit: cover; }
.theme-swatch { position: relative; width: 36px; height: 32px; overflow: hidden; border-radius: 6px; background: #18152c; }
.theme-swatch::before, .theme-swatch::after { position: absolute; content: ""; width: 28px; height: 22px; border-radius: 50%; filter: blur(8px); animation: welcome-drift 5s ease-in-out infinite alternate; }
.theme-swatch::before { top: 0; left: -3px; background: #9b6fff; }
.theme-swatch::after { right: -5px; bottom: -3px; background: #28d8ef; animation-delay: -2.5s; }
.theme-neon { background: #101b2a; }
.theme-neon::before { background: #08e2f7; }
.theme-neon::after { background: #5a60ff; }
.theme-sakura { background: #251a30; }
.theme-sakura::before { background: #ff91c7; }
.theme-sakura::after { background: #9276ff; }
.welcome-preview-card { overflow: hidden; padding: 12px; border: 1px solid #ffffff12; border-radius: 10px; background: #101117; }
.welcome-preview-top { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; }
.welcome-avatar { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 50%; color: #fff; background: linear-gradient(145deg, #9175ff, #5c4dcc); font: 700 13px "Space Grotesk", sans-serif; }
.welcome-preview-top > span:last-child { display: grid; gap: 2px; }
.welcome-preview-top b { color: #efeff7; font-size: 9px; }
.welcome-preview-top small { color: #777a8a; font-size: 7px; }
.welcome-gif-frame { position: relative; display: flex; min-height: 170px; flex-direction: column; align-items: center; justify-content: center; gap: 7px; overflow: hidden; isolation: isolate; border-radius: 8px; background: linear-gradient(120deg, #1b1641, #352269 45%, #171b48); text-align: center; }
.welcome-gif-frame > img { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.welcome-gif-frame::before { position: absolute; z-index: -1; inset: -50%; content: ""; background: conic-gradient(from 0deg, transparent 0 22%, #b98aff55 30%, transparent 43%, #36daf055 58%, transparent 70%); filter: blur(25px); animation: welcome-spin 13s linear infinite; }
.welcome-gif-frame::after { position: absolute; z-index: -1; inset: 0; content: ""; background: radial-gradient(ellipse at 50% 115%, #9e72ff66, transparent 55%), linear-gradient(90deg, #10111c77, transparent, #10111c66); }
.welcome-gif-frame[data-theme="neon"] { background: linear-gradient(120deg, #101f3b, #123c55 48%, #291c55); }
.welcome-gif-frame[data-theme="neon"]::before { background: conic-gradient(from 0deg, transparent 0 25%, #09e2f877 34%, transparent 45%, #596cff88 59%, transparent 72%); }
.welcome-gif-frame[data-theme="sakura"] { background: linear-gradient(120deg, #2d183a, #70365c 48%, #291f55); }
.welcome-gif-frame[data-theme="sakura"]::before { background: conic-gradient(from 0deg, transparent 0 20%, #ff9fce88 33%, transparent 44%, #b58aff88 60%, transparent 73%); }
.welcome-gif-kicker { z-index: 1; color: #ded2ff; font-size: 7px; font-weight: 800; letter-spacing: .22em; text-shadow: 0 2px 10px #090610; }
.welcome-gif-frame > b { z-index: 1; max-width: 92%; color: #fff; font: 700 clamp(15px, 2.5vw, 23px) "Space Grotesk", sans-serif; text-shadow: 0 2px 16px #070511aa; }
.welcome-gif-frame > small { color: #e3dcff; font-size: 9px; }
.welcome-orb { position: absolute; z-index: -1; width: 8px; height: 8px; border-radius: 50%; background: #d9bcff; box-shadow: 0 0 13px 3px #bb8cffaa; animation: welcome-float 4s ease-in-out infinite alternate; }
.orb-one { top: 22%; left: 17%; }
.orb-two { top: 68%; right: 20%; width: 5px; height: 5px; animation-delay: -1.3s; }
.orb-three { right: 33%; top: 16%; width: 4px; height: 4px; animation-delay: -2.1s; }
.welcome-preview-card > p { margin: 9px 2px 0; color: #aaaaba; font-size: 9px; }
.welcome-preview-card > p b { color: #d8ceff; }
.welcome-preview-note { margin: 12px 0 0; color: #888b9b; font-size: 9px; line-height: 1.6; }
@keyframes welcome-spin { to { transform: rotate(360deg); } }
@keyframes welcome-float { from { transform: translate3d(0, 7px, 0); opacity: .55; } to { transform: translate3d(0, -8px, 0); opacity: 1; } }
@keyframes welcome-drift { from { transform: translate3d(0, -3px, 0) scale(.9); } to { transform: translate3d(7px, 4px, 0) scale(1.15); } }
@media (max-width: 620px) { .welcome-studio { padding: 13px; } .welcome-studio-layout { grid-template-columns: 1fr; } .welcome-theme-picker { grid-template-columns: repeat(2, minmax(0, 1fr)); max-height: 320px; } .welcome-theme-option { grid-template-columns: 48px minmax(0,1fr); } .welcome-theme-option em { display: none; } .welcome-gif-thumb { width: 48px; height: 32px; } }
@media (prefers-reduced-motion: reduce) { .theme-swatch::before, .theme-swatch::after, .welcome-gif-frame::before, .welcome-orb { animation: none; } }

.bot-profile-workspace { display: grid; grid-template-columns: minmax(280px, .92fr) minmax(280px, 1.08fr); gap: 18px; margin-top: 18px; }
.bot-profile-editor, .bot-profile-preview-area { min-width: 0; padding: 17px; border: 1px solid #ffffff14; border-radius: 12px; background: #ffffff04; }
.bot-profile-editor { display: grid; align-content: start; gap: 13px; }
.profile-field { display: grid; gap: 6px; color: #d9d9e5; font-size: 10px; font-weight: 700; }
.profile-field input, .profile-field select { width: 100%; min-height: 39px; padding: 0 11px; border: 1px solid #ffffff1c; border-radius: 8px; outline: none; background: #171922; color: #f2f2f8; font: 500 11px "DM Sans", sans-serif; }
.setting-edit-card textarea { width: 100%; min-height: 80px; padding: 10px 11px; resize: vertical; border: 1px solid #ffffff1c; border-radius: 8px; outline: none; background: #171922; color: #f2f2f8; font: 500 11px/1.5 "DM Sans", sans-serif; }
.setting-edit-card:has(textarea) { grid-column: 1 / -1; }
.setting-edit-card textarea:focus { border-color: #9f8cff; }
.profile-field input:focus, .profile-field select:focus { border-color: #9f8cff; }
.profile-field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.profile-upload-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.profile-upload { display: grid; gap: 6px; padding: 12px; border: 1px dashed #ffffff28; border-radius: 9px; color: #e4e2f0; font-size: 10px; font-weight: 700; cursor: pointer; }
.profile-upload input { max-width: 100%; color: #a5a4b5; font-size: 9px; }
.profile-upload small { color: #818494; font-size: 8px; font-weight: 400; }
.profile-local-note, .social-feed-footnote { margin: 2px 0 0; color: #888b9b; font-size: 9px; line-height: 1.6; }
.bot-profile-preview-area { display: grid; align-content: start; gap: 8px; background: #13151d; }
.preview-label { margin-top: 2px; color: #8f91a2; font-size: 8px; font-weight: 800; letter-spacing: .11em; }
.member-list-preview { display: flex; align-items: center; gap: 10px; min-height: 63px; padding: 10px; border-radius: 9px; background: #ffffff08; }
.member-list-preview > span:last-child { display: grid; grid-template-columns: auto auto; align-items: center; gap: 2px 7px; }
.member-list-preview > span:last-child b { color: #e9e9f2; font-size: 11px; }
.member-list-preview > span:last-child small, .profile-card-content > b small { padding: 2px 4px; border-radius: 3px; color: white; background: #6873e8; font-size: 7px; }
.member-list-preview > span:last-child em { grid-column: 1 / -1; color: #9d9eac; font-size: 8px; font-style: normal; }
.profile-preview-avatar { position: relative; display: grid; flex: 0 0 38px; width: 38px; height: 38px; place-items: center; border: 3px solid #252735; border-radius: 50%; color: white; background: linear-gradient(145deg, #a785ff, #5862cb); background-position: center; background-size: cover; font: 700 16px "Space Grotesk", sans-serif; }
.profile-preview-avatar.has-image { color: transparent; }
.profile-preview-avatar.large { position: absolute; top: -27px; left: 15px; width: 58px; height: 58px; border-width: 4px; }
.presence-dot { position: absolute; right: -1px; bottom: -1px; width: 12px; height: 12px; border: 2px solid #22242d; border-radius: 50%; background: #53d18a; }
.presence-dot.idle { background: #f2ad4d; }
.presence-dot.dnd { background: #ef5966; }
.presence-dot.invisible { background: #747887; }
.profile-card-preview { overflow: hidden; border: 1px solid #ffffff13; border-radius: 10px; background: #20222b; }
.profile-banner-preview { height: 76px; background: radial-gradient(ellipse at 20% 120%, #d3a1ff, transparent 45%), radial-gradient(ellipse at 85% 0%, #46c8eb77, transparent 45%), linear-gradient(120deg, #654bd6, #373b71 58%, #242840); background-position: center; background-size: cover; }
.profile-banner-preview.has-image { background-size: cover; }
.profile-card-content { position: relative; display: grid; gap: 6px; padding: 37px 15px 15px; }
.profile-card-content > b { color: #f3f3f8; font-size: 13px; }
.profile-tag { color: #999baa; font-size: 9px; }
.profile-activity-preview { display: grid; gap: 4px; margin-top: 7px; padding: 10px; border-radius: 7px; background: #ffffff08; }
.profile-activity-preview small { color: #9fa1b0; font-size: 8px; }
.profile-activity-preview b { overflow-wrap: anywhere; color: #f1f1f6; font-size: 9px; font-weight: 500; }
.social-feed-intro { display: flex; align-items: center; gap: 12px; margin: 17px 0; padding: 15px; border: 1px solid #8c77ff2a; border-radius: 10px; background: linear-gradient(100deg, #8b71ff14, #ffffff03); }
.social-feed-intro > span { display: grid; flex: 0 0 36px; width: 36px; height: 36px; place-items: center; border-radius: 10px; color: #c8baff; background: #927bff1b; font-size: 20px; }
.social-feed-intro > div { display: grid; gap: 4px; }
.social-feed-intro b { color: #eeecfa; font-size: 11px; }
.social-feed-intro small { color: #9597a7; font-size: 9px; line-height: 1.5; }
.social-feed-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.social-feed-card { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; align-items: center; gap: 9px; min-width: 0; padding: 11px; border: 1px solid #ffffff13; border-radius: 10px; background: #ffffff04; }
.social-platform-icon { display: grid; grid-row: span 2; width: 34px; height: 34px; place-items: center; border-radius: 9px; color: #f5f4ff; background: linear-gradient(145deg, #7666dc, #5146a7); font: 700 14px "Space Grotesk", sans-serif; }
.social-platform-icon.twitch { background: #9147ff; }.social-platform-icon.youtube { background: #ed4545; }.social-platform-icon.tiktok { background: #272932; }.social-platform-icon.bluesky { background: #1685ef; }.social-platform-icon.reddit { background: #f05b35; }.social-platform-icon.rss { background: #eb9137; }.social-platform-icon.kick { background: #39ac71; }.social-platform-icon.podcast { background: #8548d8; }
.social-feed-card > div { display: grid; gap: 3px; min-width: 0; }
.social-feed-card > div b { color: #e6e6ef; font-size: 10px; }
.social-feed-card > div small { color: #898c9b; font-size: 8px; line-height: 1.4; }
.social-feed-tag { color: #9690b4; font-size: 7px; font-weight: 800; letter-spacing: .07em; }
.social-feed-state { grid-column: 2 / 4; justify-self: start; padding: 4px 7px; border: 1px solid #ffffff15; border-radius: 99px; color: #a6a7b4; font-size: 7px; font-weight: 800; letter-spacing: .08em; }
.social-feed-form { display: grid; grid-template-columns: minmax(130px, .8fr) minmax(220px, 1.6fr) minmax(160px, 1fr) auto; align-items: end; gap: 9px; padding: 13px; border: 1px solid #ffffff12; border-radius: 10px; background: #ffffff04; }
.social-feed-form label { display: grid; gap: 6px; min-width: 0; }
.social-feed-form label > small { color: #9293a4; font-size: 8px; font-weight: 800; letter-spacing: .08em; }
.social-feed-form input, .social-feed-form select { width: 100%; min-width: 0; height: 37px; padding: 0 10px; border: 1px solid #ffffff18; border-radius: 7px; outline: none; color: #eeeaf8; background: #100c17; font: 10px Inter, sans-serif; }
.social-feed-form input:focus, .social-feed-form select:focus { border-color: #9e85ff; box-shadow: 0 0 0 2px #927bff24; }
.social-feed-form button, .social-feed-row-actions button { height: 37px; padding: 0 12px; border: 1px solid #927bff55; border-radius: 7px; color: #f4f0ff; background: linear-gradient(135deg, #7c63e9, #6048bd); font-size: 8px; font-weight: 800; letter-spacing: .06em; cursor: pointer; white-space: nowrap; }
.social-feed-form button:disabled, .social-feed-row-actions button:disabled { opacity: .5; cursor: wait; }
.social-feed-status { min-height: 20px; margin: 8px 2px 2px; color: #bcaeff; font-size: 9px; }
.social-feed-status.is-error { color: #ff999f; }
.social-feed-list-head { display: flex; justify-content: space-between; align-items: center; margin: 18px 1px 8px; color: #d7d3e3; font-size: 8px; letter-spacing: .08em; }
.social-feed-list-head span { color: #9995ad; }
.social-feed-list { display: grid; gap: 8px; }
.social-feed-row { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 11px; border: 1px solid #ffffff12; border-radius: 9px; background: #ffffff04; }
.social-feed-row.is-disabled { opacity: .62; }
.social-feed-row-icon { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 8px; color: #d8d0ff; background: #927bff22; font-size: 18px; }
.social-feed-row-main { display: grid; gap: 4px; min-width: 0; }
.social-feed-row-main b { overflow: hidden; color: #efedf6; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.social-feed-row-main a, .social-feed-row-main small, .social-feed-row-main em { overflow: hidden; color: #9795a6; font-size: 8px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.social-feed-row-main a { color: #b5a6ff; text-decoration: none; }
.social-feed-row-main em.has-error { color: #ff9b9f; }
.social-feed-row-actions { display: flex; flex-wrap: wrap; justify-content: end; gap: 6px; }
.social-feed-row-actions button { height: 29px; padding: 0 9px; background: #ffffff08; border-color: #ffffff20; color: #d4d0df; }
.social-feed-row-actions button.is-danger { color: #ffb3b6; border-color: #f2787844; }
@media (max-width: 850px) { .bot-profile-workspace { grid-template-columns: 1fr; } }
@media (max-width: 850px) { .social-feed-form { grid-template-columns: repeat(2, minmax(0, 1fr)); } .social-feed-url { grid-column: 1 / -1; } .social-feed-form button { grid-column: 1 / -1; } }
@media (max-width: 590px) { .social-feed-grid { grid-template-columns: 1fr; } .social-feed-form { grid-template-columns: 1fr; } .social-feed-url, .social-feed-form button { grid-column: auto; } .social-feed-row { grid-template-columns: 30px minmax(0, 1fr); } .social-feed-row-actions { grid-column: 1 / -1; justify-content: start; } }

/* Rayzi purple identity pass */
:root {
  --dashboard-bg: #09060f;
  --dashboard-sidebar: #100918;
  --dashboard-panel: #15101d;
  --dashboard-panel-soft: #1b1327;
  --dashboard-line: rgba(182, 76, 255, .17);
  --dashboard-purple: #bd73ff;
  --dashboard-blue: #8b69ff;
}
body.rayzi-dashboard-page {
  background:
    radial-gradient(ellipse at 12% 5%, rgba(132, 37, 204, .19), transparent 34%),
    radial-gradient(ellipse at 88% 18%, rgba(87, 42, 154, .14), transparent 38%),
    #09060f;
}
.control-sidebar {
  background: linear-gradient(180deg, rgba(23, 12, 34, .98), rgba(13, 8, 20, .99));
  border-right-color: rgba(182, 76, 255, .25);
}
.dashboard-brand img { box-shadow: 0 0 22px rgba(182, 76, 255, .28); }
.sidebar-server-card {
  border-color: rgba(182, 76, 255, .2);
  background: linear-gradient(110deg, rgba(139, 48, 255, .11), rgba(255, 255, 255, .025));
}
.server-mark { background: linear-gradient(145deg, #b64cff, #7137cb 62%, #4a53c7); box-shadow: 0 0 17px rgba(182, 76, 255, .25); }
.nav-section-label { color: #9a78b6; }
.dash-nav { color: #b4a9c2; }
.dash-nav:hover { border-color: rgba(182, 76, 255, .16); background: rgba(139, 48, 255, .1); }
.dash-nav.active {
  border-color: rgba(182, 76, 255, .34) !important;
  background: linear-gradient(95deg, rgba(139, 48, 255, .25), rgba(182, 76, 255, .08)) !important;
  box-shadow: inset 3px 0 0 #c66aff, 0 4px 18px rgba(104, 31, 177, .12) !important;
}
.dash-nav.active .nav-icon { color: #d2a5ff; }
.control-main {
  background:
    radial-gradient(ellipse at 76% 0%, rgba(109, 37, 176, .13), transparent 32%),
    transparent;
}
.rayzi-dashboard-page .control-topbar {
  border-bottom-color: rgba(182, 76, 255, .18);
  background: rgba(14, 9, 20, .91);
}
.breadcrumb b { color: #f1e7ff; }
.page-eyebrow { color: #c0a5d9; }
.page-eyebrow span { background: #bd62ff; box-shadow: 0 0 12px rgba(189, 98, 255, .75); }
.page-heading h1 span { color: #c783ff; text-shadow: 0 0 28px rgba(182, 76, 255, .25); }
.heading-version {
  border-color: rgba(182, 76, 255, .27);
  background: linear-gradient(145deg, rgba(139, 48, 255, .13), rgba(255, 255, 255, .025));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
}
.heading-version b { color: #d7b3ff; }
.network-panel, .guild-selector, .server-dashboard {
  border-color: rgba(182, 76, 255, .19);
  background: linear-gradient(145deg, rgba(24, 15, 34, .96), rgba(16, 12, 24, .98));
  box-shadow: 0 14px 36px rgba(30, 8, 48, .18), inset 0 1px 0 rgba(255, 255, 255, .025);
}
.network-panel-heading small, .guild-selector-head small { color: #a986c4; }
.guild-selector.has-selection { border-color: rgba(189, 98, 255, .46); }
.guild-card { background: rgba(255, 255, 255, .025); }
.guild-card:hover, .guild-card.selected {
  border-color: rgba(189, 98, 255, .62);
  background: linear-gradient(110deg, rgba(139, 48, 255, .16), rgba(182, 76, 255, .045));
  box-shadow: 0 8px 22px rgba(101, 29, 160, .12);
}
.guild-manage, .discord-login {
  border-color: rgba(182, 76, 255, .42);
  background: linear-gradient(105deg, rgba(139, 48, 255, .22), rgba(182, 76, 255, .12));
  color: #ead8ff;
}
.guild-manage:hover, .discord-login:hover {
  border-color: rgba(204, 132, 255, .75);
  background: linear-gradient(105deg, rgba(139, 48, 255, .34), rgba(182, 76, 255, .2));
  box-shadow: 0 0 20px rgba(182, 76, 255, .14);
}
.live-guild-settings {
  border-color: rgba(182, 76, 255, .26);
  background: linear-gradient(160deg, rgba(24, 14, 35, .97), rgba(15, 10, 21, .98));
}
.settings-control-head small, .welcome-studio-heading small { color: #c28aff; }
.setting-edit-card, .permission-console, .verification-action-card, .level-panel-card, .feedback-entry, .quest-card {
  background: rgba(139, 48, 255, .035);
  border-color: rgba(182, 76, 255, .14);
}
.control-hint { border-color: rgba(182, 76, 255, .25); background: rgba(139, 48, 255, .075); }
.sidebar-footer { border-top-color: rgba(182, 76, 255, .2); }
.sidebar-status-dot { background: #bd62ff; box-shadow: 0 0 11px rgba(189, 98, 255, .65); }
.dashboard-footer a { color: #c68aff; }
.ideas-head { align-items: flex-start; justify-content: flex-start; }
.ideas-head > div:first-child { display: flex; flex-direction: column; gap: 5px; }
.ideas-head small { color: #c28aff; font-size: 10px; letter-spacing: .16em; }
.ideas-head b { font-size: 22px; }
.ideas-head span { color: #a5a7b3; font-size: 13px; }
.ideas-intro, .ideas-notice { color: #b8b8c7; line-height: 1.6; }
.ideas-settings { display: flex; align-items: end; gap: 10px; flex-wrap: wrap; margin: 18px 0 8px; }
.ideas-settings label { display: grid; gap: 7px; color: #d9d9e5; font-size: 13px; }
.ideas-settings input { min-width: min(300px, 70vw); min-height: 40px; padding: 0 11px; border: 1px solid #ffffff24; border-radius: 8px; background: #171922; color: #f2f2f8; }
.ideas-settings button, .ideas-refresh, .ideas-list form button { min-height: 40px; padding: 0 14px; border: 1px solid rgba(182, 76, 255, .3); border-radius: 8px; background: rgba(139, 48, 255, .17); color: #f2eaff; cursor: pointer; }
.ideas-settings button:hover, .ideas-refresh:hover, .ideas-list form button:hover { background: rgba(139, 48, 255, .3); }
.ideas-list { display: grid; gap: 12px; margin-top: 18px; }
.ideas-list .feedback-entry { display: grid; gap: 10px; padding: 16px; border: 1px solid rgba(182, 76, 255, .2); border-radius: 12px; }
.ideas-list .feedback-entry h3, .ideas-list .feedback-entry p { margin: 0; }
.ideas-list .feedback-entry label { display: grid; gap: 6px; }
.ideas-list .feedback-entry .idea-public-toggle { display: flex; align-items: center; gap: 9px; color: #e2dcff; }
.ideas-list .feedback-entry .idea-public-toggle input { width: 17px; min-width: 17px; height: 17px; margin: 0; accent-color: #9b82ff; }
.ideas-list .feedback-entry textarea { min-height: 90px; }
.music-control-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 18px; }
.music-control-card { min-width: 0; padding: 18px; border: 1px solid rgba(182, 76, 255, .16); border-radius: 14px; background: rgba(139, 48, 255, .045); }
.music-control-title { display: flex; align-items: center; gap: 13px; }
.music-control-title > div { display: grid; gap: 5px; }
.music-control-title small { color: #c28aff; font-size: 10px; letter-spacing: .14em; }
.music-control-title b { color: #f2eaff; font-size: 17px; }
.music-control-title span:not(.music-note):not(.music-status-dot) { color: #a5a7b3; font-size: 12px; }
.music-note { display: grid; flex: 0 0 42px; width: 42px; height: 42px; place-items: center; border-radius: 12px; background: rgba(182, 76, 255, .13); color: #dcadff; font-size: 24px; }
.music-status-dot { flex: 0 0 12px; width: 12px; height: 12px; margin: 0 15px; border-radius: 50%; background: #858593; box-shadow: 0 0 0 5px rgba(133, 133, 147, .1); }
.music-status-dot.is-online { background: #4bd69a; box-shadow: 0 0 0 5px rgba(75, 214, 154, .12), 0 0 14px rgba(75, 214, 154, .55); }
.music-invite-action { margin-top: 20px; }
.music-invite-button, .music-process-actions button { display: inline-flex; min-height: 40px; align-items: center; justify-content: center; gap: 9px; padding: 0 14px; border: 1px solid rgba(182, 76, 255, .34); border-radius: 9px; background: rgba(139, 48, 255, .16); color: #f2eaff; font: inherit; font-size: 11px; font-weight: 800; letter-spacing: .04em; text-decoration: none; cursor: pointer; }
.music-invite-button:hover, .music-process-actions button:not(:disabled):hover { background: rgba(139, 48, 255, .3); }
.music-invite-missing { color: #a5a7b3; font-size: 12px; }
.music-process-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
.music-process-actions button:disabled { border-color: #ffffff12; background: #ffffff06; color: #7f808e; cursor: not-allowed; }
.music-process-actions .music-refresh { border-color: #ffffff1c; background: #ffffff07; color: #c9cad5; }
.music-control-notice { margin-top: 14px; }
.music-control-notice.is-error { border-color: rgba(255, 112, 132, .35); color: #ff9aa9; }
@media (max-width: 680px) { .music-control-grid { grid-template-columns: 1fr; } }
@media (max-width: 820px) {
  .control-sidebar { border-bottom-color: rgba(182, 76, 255, .25); }
}

/* Stronger purple ambience across the dashboard canvas */
body.rayzi-dashboard-page {
  background:
    radial-gradient(ellipse 78% 68% at 21% 25%, rgba(112, 28, 170, .32), transparent 72%),
    radial-gradient(ellipse 60% 58% at 83% 5%, rgba(109, 45, 175, .23), transparent 70%),
    radial-gradient(ellipse 70% 58% at 66% 92%, rgba(76, 31, 123, .18), transparent 74%),
    #08050d;
}
.control-main {
  background:
    radial-gradient(ellipse 72% 44% at 19% 13%, rgba(127, 37, 185, .25), transparent 74%),
    radial-gradient(ellipse 66% 44% at 86% 37%, rgba(90, 38, 143, .2), transparent 73%),
    radial-gradient(ellipse 72% 44% at 52% 100%, rgba(77, 30, 121, .16), transparent 76%);
}
.network-panel, .guild-selector, .server-dashboard {
  border-color: rgba(182, 76, 255, .3);
  background: linear-gradient(135deg, rgba(34, 17, 48, .96), rgba(22, 15, 31, .97) 55%, rgba(18, 14, 27, .98));
  box-shadow: 0 15px 42px rgba(47, 12, 72, .22), inset 0 1px 0 rgba(226, 185, 255, .035);
}
.guild-selector.has-selection { border-color: rgba(182, 76, 255, .5); }
.guild-card { background: rgba(44, 25, 58, .28); }
.guild-card:hover, .guild-card.selected {
  border-color: rgba(198, 110, 255, .78);
  background: linear-gradient(110deg, rgba(132, 43, 195, .25), rgba(182, 76, 255, .09));
}
.network-stat { border-color: rgba(182, 76, 255, .18); }
.stat-icon { border-color: rgba(182, 76, 255, .34); background: rgba(139, 48, 255, .2); color: #d1a4ff; }
.live-guild-settings {
  border-color: rgba(182, 76, 255, .35);
  background: linear-gradient(135deg, rgba(38, 19, 54, .96), rgba(20, 13, 30, .98));
  box-shadow: 0 14px 38px rgba(44, 13, 71, .2), inset 0 1px 0 rgba(226, 185, 255, .035);
}
.rayzi-dashboard-page .control-topbar { border-bottom-color: rgba(182, 76, 255, .25); }

.community-goal-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:18px 0 26px; padding:18px; border:1px solid #9b82ff33; border-radius:14px; background:linear-gradient(145deg,#9b82ff0c,#ffffff03); }
.community-goal-form label { display:flex; flex-direction:column; gap:7px; color:var(--dashboard-muted); font-size:10px; font-weight:700; letter-spacing:.07em; }
.community-goal-form input,.community-goal-form select { min-width:0; min-height:42px; padding:0 11px; border:1px solid #ffffff17; border-radius:8px; background:#171820; color:var(--dashboard-text); font:500 12px "DM Sans",sans-serif; }
.community-goal-form button,.goal-end-button { min-height:40px; padding:0 14px; border:1px solid #9b82ff55; border-radius:8px; background:#9b82ff1c; color:#e4dcff; font-size:10px; font-weight:800; letter-spacing:.06em; cursor:pointer; }
.community-goal-form button:hover,.goal-end-button:hover { background:#9b82ff30; }
.community-goal-form button:disabled,.goal-end-button:disabled { opacity:.55; cursor:wait; }
.community-goal-status { align-self:center; color:#ffaaa8; font-size:11px; }
.goal-end-button { min-height:30px; padding:0 10px; font-size:9px; }
@media(max-width:700px) { .community-goal-form { grid-template-columns:1fr; } }

/* Per-account dashboard appearance */
.design-toggle { min-height:36px; padding:0 12px; border:1px solid color-mix(in srgb,var(--dashboard-purple) 55%,transparent); border-radius:9px; background:color-mix(in srgb,var(--dashboard-purple) 13%,transparent); color:var(--dashboard-text); font:700 11px "DM Sans",sans-serif; cursor:pointer; }
.design-popover { position:absolute; z-index:30; top:calc(100% + 8px); right:18px; width:min(300px,calc(100vw - 32px)); padding:16px; border:1px solid var(--dashboard-line); border-radius:13px; background:var(--dashboard-panel); color:var(--dashboard-text); box-shadow:0 18px 50px #0008; }
.design-popover[hidden] { display:none; }
.design-popover>div:first-child { display:grid; gap:4px; margin-bottom:12px; }
.design-popover>div:first-child small { color:var(--dashboard-purple); font-size:9px; font-weight:800; letter-spacing:.12em; }
.design-popover>div:first-child b { font-size:13px; }
.design-popover label { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:10px 0; color:var(--dashboard-muted); font-size:11px; }
.design-popover select { min-height:34px; padding:0 9px; border:1px solid var(--dashboard-line); border-radius:7px; background:var(--dashboard-sidebar); color:var(--dashboard-text); }
.design-popover input[type=color] { width:48px; height:32px; padding:2px; border:1px solid var(--dashboard-line); border-radius:7px; background:var(--dashboard-sidebar); }
.design-presets { display:flex; gap:7px; margin:10px 0; }
.design-presets button { flex:1; min-height:32px; border:1px solid var(--dashboard-line); border-radius:7px; background:var(--dashboard-sidebar); color:var(--dashboard-text); font-size:10px; cursor:pointer; }
#userDesignStatus { color:var(--dashboard-muted); font-size:10px; }
.rayzi-dashboard-page { --dashboard-purple:#9b82ff; }
.rayzi-dashboard-page[data-theme="light"] { --dashboard-bg:#f2f4f8; --dashboard-sidebar:#e5e9f1; --dashboard-panel:#fff; --dashboard-panel-soft:#f7f8fb; --dashboard-line:#17213a1b; --dashboard-text:#20263a; --dashboard-muted:#626a7d; --dashboard-soft:#7b8292; }
.rayzi-dashboard-page[data-theme="light"] .control-sidebar { background:#e8ebf2; }
.rayzi-dashboard-page[data-theme="light"] .sidebar-server-card,.rayzi-dashboard-page[data-theme="light"] .network-panel,.rayzi-dashboard-page[data-theme="light"] .guild-selector,.rayzi-dashboard-page[data-theme="light"] .server-dashboard,.rayzi-dashboard-page[data-theme="light"] .live-guild-settings { background:#fff; box-shadow:0 8px 26px #1a28400c; }
.rayzi-dashboard-page[data-theme="light"] .sidebar-server-card b,.rayzi-dashboard-page[data-theme="light"] .dash-nav,.rayzi-dashboard-page[data-theme="light"] .guild-info b,.rayzi-dashboard-page[data-theme="light"] .live-settings-head b,.rayzi-dashboard-page[data-theme="light"] .setting-edit-card,.rayzi-dashboard-page[data-theme="light"] .network-stat b { color:var(--dashboard-text); }
.rayzi-dashboard-page[data-theme="light"] .guild-card,.rayzi-dashboard-page[data-theme="light"] .network-stat,.rayzi-dashboard-page[data-theme="light"] .setting-edit-card,.rayzi-dashboard-page[data-theme="light"] .feedback-entry,.rayzi-dashboard-page[data-theme="light"] .music-control-card { background:#f8f9fc; border-color:var(--dashboard-line); }
.rayzi-dashboard-page[data-theme="light"] input,.rayzi-dashboard-page[data-theme="light"] textarea,.rayzi-dashboard-page[data-theme="light"] select { background:#fff!important; color:#20263a!important; border-color:#17213a28!important; }
.rayzi-dashboard-page[data-theme="light"] .control-topbar { background:#f6f7faeF; }
.rayzi-dashboard-page[data-theme="light"] .dash-nav.active { background:color-mix(in srgb,var(--dashboard-purple) 15%,white); }
.owner-only-hint { grid-column:1/-1; padding:10px 12px; border:1px solid #9b82ff33; border-radius:9px; color:var(--dashboard-muted); font-size:11px; }
.welcome-theme-picker[hidden] { display:none!important; }
.welcome-custom-tools { display:grid; grid-template-columns:1fr auto; gap:10px; margin:14px 0; align-items:center; }
.welcome-template-list { grid-column:1/-1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.welcome-template-list button { display:grid; grid-template-columns:38px 1fr; grid-template-rows:1fr 1fr; column-gap:9px; align-items:center; padding:8px; border:1px solid #ffffff18; border-radius:9px; background:#ffffff06; color:#eceaf5; text-align:left; cursor:pointer; }
.welcome-template-list button:hover { border-color:#a58cff88; background:#8a70ff12; }
.template-swatch { grid-row:1/3; width:38px; height:38px; border-radius:7px; }
.swatch-midnight { background:linear-gradient(135deg,#111827,#29374c); }
.swatch-cloud { background:linear-gradient(135deg,#e9edf2,#cbd5df); }
.swatch-sage { background:linear-gradient(135deg,#dce8df,#a9c3b0); }
.welcome-template-list b { font-size:10px; }
.welcome-template-list small,.welcome-upload-label small { color:#999bab; font-size:9px; }
.welcome-upload-label { display:grid; gap:4px; color:#eceaf5; font-size:10px; font-weight:700; }
.welcome-upload-label input { max-width:260px; color:#c9c9d4; font-size:10px; }
.welcome-use-existing { min-height:34px; padding:0 10px; border:1px solid #ffffff1a; border-radius:8px; background:#ffffff08; color:#d9d8e3; font-size:9px; cursor:pointer; }
.welcome-banner-status { grid-column:1/-1; color:#9cdbb8; font-size:10px; }
.rayzi-dashboard-page[data-theme="light"] .welcome-studio,.rayzi-dashboard-page[data-theme="light"] .welcome-preview-card { background:#fff; border-color:var(--dashboard-line); }
.rayzi-dashboard-page[data-theme="light"] .welcome-studio-heading b,.rayzi-dashboard-page[data-theme="light"] .welcome-template-list button,.rayzi-dashboard-page[data-theme="light"] .welcome-upload-label { color:#20263a; }
.rayzi-dashboard-page[data-theme="light"] .welcome-theme-option { background:#f8f9fc; border-color:var(--dashboard-line); }
.rayzi-dashboard-page[data-theme="light"] .welcome-theme-option b,.rayzi-dashboard-page[data-theme="light"] .welcome-preview-top b { color:#20263a; }
@media(max-width:620px) { .welcome-custom-tools { grid-template-columns:1fr; } .welcome-template-list { grid-template-columns:1fr; } .welcome-use-existing { justify-self:start; } }
@media(max-width:760px) { .design-popover { top:calc(100% + 4px); right:8px; } }

/* Complete light palette: override legacy components that still use fixed dark colors. */
.rayzi-dashboard-page[data-theme="light"] { color-scheme:light; }
.rayzi-dashboard-page[data-theme="light"],
.rayzi-dashboard-page[data-theme="light"] .control-main { background:#f3f5f9!important; color:#20283a; }
.rayzi-dashboard-page[data-theme="light"] .control-sidebar { background:#e8ebf2!important; border-color:#d7dce6; }
.rayzi-dashboard-page[data-theme="light"] .control-topbar { background:#fffffff2!important; border-color:#dce1ea; box-shadow:0 3px 14px #18243a0a; }
.rayzi-dashboard-page[data-theme="light"] .sidebar-server-card,
.rayzi-dashboard-page[data-theme="light"] .network-panel,
.rayzi-dashboard-page[data-theme="light"] .guild-selector,
.rayzi-dashboard-page[data-theme="light"] .server-dashboard,
.rayzi-dashboard-page[data-theme="light"] .live-guild-settings,
.rayzi-dashboard-page[data-theme="light"] .welcome-studio,
.rayzi-dashboard-page[data-theme="light"] .bot-profile-editor,
.rayzi-dashboard-page[data-theme="light"] .bot-profile-preview-area { background:#fff!important; border-color:#dce1ea!important; box-shadow:0 8px 26px #18243a0a; }
.rayzi-dashboard-page[data-theme="light"] .network-stat,
.rayzi-dashboard-page[data-theme="light"] .guild-card,
.rayzi-dashboard-page[data-theme="light"] .setting-edit-card,
.rayzi-dashboard-page[data-theme="light"] .control-overview-grid article,
.rayzi-dashboard-page[data-theme="light"] .automod-master,
.rayzi-dashboard-page[data-theme="light"] .automod-module-card,
.rayzi-dashboard-page[data-theme="light"] .automod-config-card,
.rayzi-dashboard-page[data-theme="light"] .verification-action-card,
.rayzi-dashboard-page[data-theme="light"] .permission-console,
.rayzi-dashboard-page[data-theme="light"] .moderation-history-card,
.rayzi-dashboard-page[data-theme="light"] .level-panel-card,
.rayzi-dashboard-page[data-theme="light"] .feedback-entry,
.rayzi-dashboard-page[data-theme="light"] .quest-card,
.rayzi-dashboard-page[data-theme="light"] .music-control-card,
.rayzi-dashboard-page[data-theme="light"] .operations-grid article,
.rayzi-dashboard-page[data-theme="light"] .operations-section,
.rayzi-dashboard-page[data-theme="light"] .operations-row,
.rayzi-dashboard-page[data-theme="light"] .ticket-setup-form,
.rayzi-dashboard-page[data-theme="light"] .bot-profile-editor,
.rayzi-dashboard-page[data-theme="light"] .bot-profile-preview-area,
.rayzi-dashboard-page[data-theme="light"] .member-list-preview { background:#f8f9fc!important; border-color:#e0e4ec!important; }
.rayzi-dashboard-page[data-theme="light"] .operations-actions,
.rayzi-dashboard-page[data-theme="light"] .control-hint,
.rayzi-dashboard-page[data-theme="light"] .settings-notice { background:#f1efff!important; border-color:#ddd7f7!important; }
.rayzi-dashboard-page[data-theme="light"] .guild-empty { background:#fff; border-color:#d4dae5; }
.rayzi-dashboard-page[data-theme="light"] .welcome-preview-card { background:#f8f9fc!important; border-color:#dce1ea!important; }
.rayzi-dashboard-page[data-theme="light"] .welcome-gif-frame { background:#24213a; }
.rayzi-dashboard-page[data-theme="light"] .control-main :is(h1,h2,h3,h4,b,strong,.guild-selector-head b,.dash-top b,.network-stat b,.operations-grid b,.operations-section-head b,.operations-row b,.music-control-title b,.level-panel-card b,.quest-card b,.feedback-entry b,.setting-edit-card b,.profile-field) { color:#20283a; }
.rayzi-dashboard-page[data-theme="light"] .control-main :is(p,small,label,.guild-info span,.guild-info small,.guild-selector-head p,.dash-top small,.dash-top>div>span,.network-panel-heading small,.network-panel-heading>span,.network-stat small,.network-stat span:not(.stat-icon),.settings-control-head span,.settings-actions small,.setting-edit-card em,.control-hint,.operations-grid span,.operations-grid small,.operations-actions span,.operations-section-head>span,.operations-row span,.operations-row small,.operations-empty,.operations-footnote,.profile-local-note,.social-feed-footnote,.welcome-studio-heading>div>span,.welcome-preview-note) { color:#5c6577; }
.rayzi-dashboard-page[data-theme="light"] .breadcrumb { color:#6d7484; }
.rayzi-dashboard-page[data-theme="light"] .breadcrumb b,
.rayzi-dashboard-page[data-theme="light"] .sidebar-server-card b,
.rayzi-dashboard-page[data-theme="light"] .dash-nav,
.rayzi-dashboard-page[data-theme="light"] .guild-info b,
.rayzi-dashboard-page[data-theme="light"] .guild-empty b { color:#252d40; }
.rayzi-dashboard-page[data-theme="light"] .nav-section-label,
.rayzi-dashboard-page[data-theme="light"] .sidebar-server-card small,
.rayzi-dashboard-page[data-theme="light"] .sidebar-footer small { color:#6b7384; }
.rayzi-dashboard-page[data-theme="light"] .dash-nav:hover { color:#20283a; background:#dce1eb; }
.rayzi-dashboard-page[data-theme="light"] .dash-nav.active { color:#33286b!important; background:#e9e4ff!important; border-color:#d3cafa!important; box-shadow:inset 3px 0 0 var(--dashboard-purple)!important; }
.rayzi-dashboard-page[data-theme="light"] .dash-nav.active .nav-icon { color:var(--dashboard-purple); }
.rayzi-dashboard-page[data-theme="light"] .page-eyebrow,
.rayzi-dashboard-page[data-theme="light"] .page-heading h1,
.rayzi-dashboard-page[data-theme="light"] .heading-version b { color:#20283a; }
.rayzi-dashboard-page[data-theme="light"] .page-heading h1 span,
.rayzi-dashboard-page[data-theme="light"] .dashboard-footer a { color:var(--dashboard-purple); text-shadow:none; }
.rayzi-dashboard-page[data-theme="light"] .heading-version { background:#fff; border-color:#dce1ea; }
.rayzi-dashboard-page[data-theme="light"] .heading-version span,
.rayzi-dashboard-page[data-theme="light"] .page-lead,
.rayzi-dashboard-page[data-theme="light"] .dashboard-footer { color:#606a7c; }
.rayzi-dashboard-page[data-theme="light"] .online-pill { color:#247a51; background:#e8f7ef; border-color:#bfe6d0; }
.rayzi-dashboard-page[data-theme="light"] .topbar-status { color:#596477; }
.rayzi-dashboard-page[data-theme="light"] .discord-login { color:#3445a5; background:#eef0ff; border-color:#d4d9ff; }
.rayzi-dashboard-page[data-theme="light"] .guild-manage,
.rayzi-dashboard-page[data-theme="light"] .guild-empty a { color:#3345a5; background:#eef0ff; border-color:#d4d9ff; }
.rayzi-dashboard-page[data-theme="light"] .stat-icon { color:#6552bf; background:#eeebff; border-color:#ded8ff; }
.rayzi-dashboard-page[data-theme="light"] input:not([type="checkbox"]):not([type="radio"]),
.rayzi-dashboard-page[data-theme="light"] textarea,
.rayzi-dashboard-page[data-theme="light"] select { color:#20283a!important; background:#fff!important; border-color:#cfd5e0!important; color-scheme:light; }
.rayzi-dashboard-page[data-theme="light"] input::placeholder,
.rayzi-dashboard-page[data-theme="light"] textarea::placeholder { color:#8991a0!important; }
.rayzi-dashboard-page[data-theme="light"] button:not(.dash-nav):not(.guild-manage):not(.welcome-theme-option):not(.welcome-template-list button):not(.backup-row-actions button) { color:#33405c; }
.rayzi-dashboard-page[data-theme="light"] .settings-actions button,
.rayzi-dashboard-page[data-theme="light"] .operations-actions button,
.rayzi-dashboard-page[data-theme="light"] .operations-section-head button,
.rayzi-dashboard-page[data-theme="light"] .music-process-actions button { color:#382d78; background:#ece8ff; border-color:#d1c8fb; }
.rayzi-dashboard-page[data-theme="light"] .design-popover { background:#fff; border-color:#dce1ea; }
.rayzi-dashboard-page[data-theme="light"] .design-popover>div:first-child b,
.rayzi-dashboard-page[data-theme="light"] .design-popover label { color:#20283a; }
.rayzi-dashboard-page[data-theme="light"] .welcome-theme-option { color:#252d40; background:#fff; border-color:#dfe3eb; }
.rayzi-dashboard-page[data-theme="light"] .welcome-theme-option b { color:#252d40; }
.rayzi-dashboard-page[data-theme="light"] .welcome-theme-option small,
.rayzi-dashboard-page[data-theme="light"] .welcome-studio-heading>div>span { color:#657084; }
.rayzi-dashboard-page[data-theme="light"] .welcome-template-list button { color:#252d40; background:#fff; border-color:#dfe3eb; }
.rayzi-dashboard-page[data-theme="light"] .welcome-upload-label { color:#252d40; }
.rayzi-dashboard-page[data-theme="light"] .welcome-upload-label small,
.rayzi-dashboard-page[data-theme="light"] .welcome-banner-status { color:#536176; }
.rayzi-dashboard-page[data-theme="light"] .welcome-use-existing { color:#33405c; background:#f0f2f7; border-color:#d8dde7; }
.rayzi-dashboard-page[data-theme="light"] .welcome-preview-top b { color:#252d40; }
.rayzi-dashboard-page[data-theme="light"] #coreStatusText.online { color:#218253; }
.rayzi-dashboard-page[data-theme="light"] #coreStatusText.offline { color:#b2374f; }
.rayzi-dashboard-page[data-theme="light"] .setting-ok,.rayzi-dashboard-page[data-theme="light"] .operations-row.feed-error b { color:#218253; }
.rayzi-dashboard-page[data-theme="light"] .setting-off { color:#737b8b; }
.rayzi-dashboard-page[data-theme="light"] .operations-row.feed-error { background:#fff4f4!important; border-color:#f1cccc!important; }
.rayzi-dashboard-page[data-theme="light"] .operations-row.feed-error b { color:#a33949; }
.rayzi-dashboard-page[data-theme="light"] .rolepanel-helper { background:linear-gradient(105deg,#f1efff,#f5f6fb); border-color:#ddd7f7; }
.rayzi-dashboard-page[data-theme="light"] .rolepanel-helper-copy b { color:#20283a; }
.rayzi-dashboard-page[data-theme="light"] .rolepanel-helper-copy>span { color:#5c6577; }
.rayzi-dashboard-page[data-theme="light"] .rolepanel-helper-copy code { color:#5745a8; }
.rayzi-dashboard-page[data-theme="light"] .member-list-preview>span:last-child b { color:#20283a; }
.rayzi-dashboard-page[data-theme="light"] .member-list-preview>span:last-child em { color:#687286; }