* {
  box-sizing: border-box;
}


:root {
  --bg: #090b10;
  --panel: rgba(18, 22, 30, 0.88);
  --panel-soft: rgba(255,255,255,0.045);
  --border: rgba(255,255,255,0.09);
  --text: #f4f7fb;
  --muted: #9ba6b6;
  --accent: #7c5cff;
  --accent-2: #39d0ff;
  --danger: #ff5f72;
  --success: #4dd79a;
  --shadow: 0 30px 70px rgba(0,0,0,.42);
}

html, body {
  margin: 0;
  min-height: 100%;
  background:
    radial-gradient(circle at 15% 20%, rgba(124,92,255,.18), transparent 34%),
    radial-gradient(circle at 85% 80%, rgba(57,208,255,.12), transparent 30%),
    linear-gradient(160deg, #07090d 0%, #0d1119 52%, #080a0f 100%);
  color: var(--text);
  font-family: Inter, system-ui, sans-serif;
}

body {
  min-height: 100vh;
}

button, input {
  font: inherit;
}

button {
  cursor: pointer;
}

a {
  color: inherit;
  text-decoration: none;
}

.auth-shell {
  min-height: 100vh;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(420px, .8fr);
}

.brand-panel {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  padding: 64px;
  background:
    linear-gradient(to top, rgba(4,6,10,.92), rgba(4,6,10,.20)),
    radial-gradient(circle at 35% 30%, rgba(124,92,255,.22), transparent 38%),
    linear-gradient(135deg, #10141d, #090b10);
}

.brand-panel::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.75), transparent);
}

.brand-copy {
  position: relative;
  z-index: 1;
  max-width: 650px;
}

.kicker {
  color: #c5bbff;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.brand-title {
  margin: 0 0 18px;
  font-size: clamp(48px, 7vw, 92px);
  letter-spacing: -0.06em;
  line-height: .93;
}

.brand-title span {
  background: linear-gradient(90deg, #fff, #aa9cff 60%, #60ddff);
  -webkit-background-clip: text;
  color: transparent;
}

.brand-copy p {
  max-width: 580px;
  color: #a9b2c1;
  font-size: 18px;
  line-height: 1.7;
  margin: 0;
}

.auth-panel {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
  border-left: 1px solid var(--border);
  background: rgba(8,10,15,.74);
  backdrop-filter: blur(18px);
}

.auth-card {
  width: min(100%, 460px);
}

.logo-row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 30px;
}

.logo-mark {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  font-weight: 800;
  background: linear-gradient(135deg, var(--accent), var(--accent-2));
  box-shadow: 0 10px 25px rgba(124,92,255,.28);
}

.logo-text {
  font-size: 21px;
  font-weight: 800;
  letter-spacing: -.03em;
}

.auth-card h2 {
  margin: 0;
  font-size: 31px;
  letter-spacing: -.045em;
}

.auth-sub {
  color: var(--muted);
  margin: 10px 0 28px;
  line-height: 1.6;
}

.form-grid {
  display: grid;
  gap: 16px;
}

.field label {
  display: block;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 8px;
  color: #d9e0e8;
}

.input-wrap {
  position: relative;
}

.field input {
  width: 100%;
  height: 50px;
  border-radius: 12px;
  border: 1px solid var(--border);
  outline: none;
  background: rgba(255,255,255,.045);
  color: var(--text);
  padding: 0 14px;
  transition: .18s ease;
}

.field input:focus {
  border-color: rgba(124,92,255,.85);
  box-shadow: 0 0 0 4px rgba(124,92,255,.11);
}

.password-toggle {
  position: absolute;
  right: 9px;
  top: 8px;
  height: 34px;
  border: 0;
  border-radius: 8px;
  padding: 0 10px;
  color: #aeb7c5;
  background: rgba(255,255,255,.06);
}

.auth-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin: 2px 0 4px;
  color: var(--muted);
  font-size: 13px;
}

.remember {
  display: flex;
  align-items: center;
  gap: 8px;
}

.text-link {
  color: #c4baff;
  font-weight: 700;
}

.primary-btn {
  width: 100%;
  border: 0;
  height: 50px;
  border-radius: 12px;
  font-weight: 800;
  color: white;
  background: linear-gradient(135deg, var(--accent), #5e8cff);
  box-shadow: 0 14px 30px rgba(124,92,255,.24);
}

.primary-btn:hover {
  filter: brightness(1.06);
}

.switch-copy {
  margin-top: 22px;
  color: var(--muted);
  text-align: center;
  font-size: 14px;
}

.form-message {
  min-height: 20px;
  font-size: 13px;
  margin-top: 4px;
}

.form-message.error { color: var(--danger); }
.form-message.success { color: var(--success); }

.app-shell {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 270px 1fr;
}

.sidebar {
  padding: 24px 18px;
  border-right: 1px solid var(--border);
  background: rgba(9,11,16,.84);
  backdrop-filter: blur(16px);
}

.sidebar .logo-row {
  margin: 0 8px 34px;
}

.nav {
  display: grid;
  gap: 6px;
}

.nav button {
  width: 100%;
  border: 1px solid transparent;
  background: transparent;
  color: #aeb8c7;
  border-radius: 11px;
  text-align: left;
  padding: 12px 14px;
  font-weight: 600;
}

.nav button.active,
.nav button:hover {
  background: rgba(255,255,255,.055);
  border-color: var(--border);
  color: white;
}

.main {
  padding: 30px;
}

.topbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin-bottom: 30px;
}

.topbar h1 {
  margin: 0;
  font-size: 32px;
  letter-spacing: -.045em;
}

.muted {
  color: var(--muted);
}

.logout-btn {
  border: 1px solid var(--border);
  background: rgba(255,255,255,.045);
  color: white;
  border-radius: 10px;
  padding: 10px 14px;
}

.dashboard-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0,1fr));
  gap: 18px;
}

.card {
  background: var(--panel);
  border: 1px solid var(--border);
  border-radius: 18px;
  padding: 22px;
  box-shadow: var(--shadow);
}

.hero-card {
  grid-column: span 8;
  min-height: 220px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background:
    radial-gradient(circle at 85% 20%, rgba(57,208,255,.17), transparent 35%),
    radial-gradient(circle at 15% 10%, rgba(124,92,255,.22), transparent 42%),
    var(--panel);
}

.status-card {
  grid-column: span 4;
}

.half {
  grid-column: span 6;
}

.card h3 {
  margin: 0 0 10px;
}

.hero-card h2 {
  font-size: 34px;
  margin: 0 0 10px;
  letter-spacing: -.04em;
}

.stat {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0;
  border-bottom: 1px solid var(--border);
}

.stat:last-child {
  border-bottom: 0;
}

.pill {
  font-size: 12px;
  font-weight: 800;
  border-radius: 999px;
  padding: 6px 10px;
  background: rgba(77,215,154,.11);
  color: #7de8b7;
}

@media (max-width: 940px) {
  .auth-shell {
    grid-template-columns: 1fr;
  }

  .brand-panel {
    min-height: 36vh;
    padding: 36px 24px;
  }

  .auth-panel {
    border-left: 0;
    border-top: 1px solid var(--border);
    padding: 34px 20px 48px;
  }

  .app-shell {
    grid-template-columns: 1fr;
  }

  .sidebar {
    display: none;
  }

  .main {
    padding: 20px;
  }

  .hero-card, .status-card, .half {
    grid-column: span 12;
  }
}


/* ===== myHub macOS-inspired logged-in UI ===== */
.mac-desktop {
  min-height: 100vh;
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 18% 18%, rgba(124,92,255,.26), transparent 30%),
    radial-gradient(circle at 82% 78%, rgba(57,208,255,.18), transparent 28%),
    linear-gradient(145deg, #080a0f 0%, #0d111a 52%, #07090d 100%);
}

.mac-desktop::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 42px 42px;
  pointer-events: none;
}

.mac-topbar {
  position: relative;
  z-index: 10;
  height: 34px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255,255,255,.08);
  background: rgba(9,11,16,.58);
  backdrop-filter: blur(22px) saturate(140%);
  -webkit-backdrop-filter: blur(22px) saturate(140%);
  font-size: 12px;
}

.mac-top-left,
.mac-top-right {
  display: flex;
  align-items: center;
  gap: 15px;
}

.mac-brand {
  font-weight: 800;
  letter-spacing: -.02em;
}

.mac-menu {
  color: #c8d0dc;
  cursor: default;
}

.mac-menu.strong {
  color: white;
  font-weight: 700;
}

.mac-status {
  color: #dce3ec;
}

.mac-workspace {
  position: relative;
  z-index: 2;
  min-height: calc(100vh - 34px);
  padding: 34px 34px 120px;
}

.mac-window {
  width: min(1180px, 100%);
  min-height: 650px;
  margin: 0 auto;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 18px;
  overflow: hidden;
  background: rgba(13,16,23,.76);
  backdrop-filter: blur(28px) saturate(130%);
  -webkit-backdrop-filter: blur(28px) saturate(130%);
  box-shadow: 0 36px 90px rgba(0,0,0,.48);
}

.mac-windowbar {
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 14px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.025);
}

.traffic-lights {
  display: flex;
  gap: 8px;
  align-items: center;
}

.traffic-light {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}

.traffic-light.red { background: #ff5f57; }
.traffic-light.yellow { background: #febc2e; }
.traffic-light.green { background: #28c840; }

.window-title {
  color: #d7deea;
  font-size: 12px;
  font-weight: 700;
}

.window-spacer {
  width: 52px;
}

.mac-content {
  padding: 26px;
}

.mac-hero {
  position: relative;
  overflow: hidden;
  min-height: 220px;
  padding: 28px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 18px;
  background:
    radial-gradient(circle at 85% 15%, rgba(57,208,255,.16), transparent 36%),
    radial-gradient(circle at 12% 12%, rgba(124,92,255,.24), transparent 46%),
    rgba(255,255,255,.035);
}

.mac-hero h1 {
  margin: 0 0 10px;
  font-size: 38px;
  letter-spacing: -.05em;
}

.mac-hero p {
  max-width: 700px;
  color: var(--muted);
  line-height: 1.65;
}

.mac-section-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 16px;
  margin-top: 16px;
}

.mac-card {
  grid-column: span 4;
  min-height: 145px;
  padding: 20px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  background: rgba(255,255,255,.035);
}

.mac-card.wide {
  grid-column: span 8;
}

.mac-card h3 {
  margin: 0 0 8px;
  font-size: 16px;
}

.mac-card p {
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

.mac-list {
  margin-top: 12px;
  display: grid;
  gap: 8px;
}

.mac-list-row {
  padding: 10px 12px;
  border-radius: 10px;
  background: rgba(255,255,255,.035);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  color: #d7deea;
  font-size: 13px;
}

.mac-pill {
  padding: 5px 8px;
  border-radius: 999px;
  color: #89ecc0;
  background: rgba(77,215,154,.10);
  font-size: 11px;
  font-weight: 800;
}

.mac-dock-wrap {
  position: fixed;
  z-index: 20;
  left: 50%;
  bottom: 14px;
  transform: translateX(-50%);
  width: min(760px, calc(100vw - 28px));
  display: flex;
  justify-content: center;
}

.mac-dock {
  display: flex;
  align-items: end;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 20px;
  background: rgba(19,22,30,.58);
  backdrop-filter: blur(28px) saturate(150%);
  -webkit-backdrop-filter: blur(28px) saturate(150%);
  box-shadow: 0 20px 50px rgba(0,0,0,.45);
}

.dock-item {
  position: relative;
  width: 52px;
  height: 52px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  background:
    linear-gradient(145deg, rgba(124,92,255,.26), rgba(57,208,255,.12)),
    rgba(255,255,255,.055);
  display: grid;
  place-items: center;
  color: white;
  font-weight: 800;
  transition: transform .16s ease, filter .16s ease;
}

.dock-item:hover {
  transform: translateY(-8px) scale(1.08);
  filter: brightness(1.1);
}

.dock-item.active::after {
  content: "";
  position: absolute;
  bottom: -7px;
  width: 4px;
  height: 4px;
  border-radius: 999px;
  background: white;
  opacity: .85;
}

.dock-divider {
  width: 1px;
  height: 38px;
  background: rgba(255,255,255,.10);
  margin: 0 2px;
}

.dock-icon {
  font-size: 12px;
  line-height: 1;
}

.dock-tooltip {
  position: absolute;
  bottom: 62px;
  padding: 6px 8px;
  border-radius: 8px;
  background: rgba(5,7,10,.9);
  color: white;
  white-space: nowrap;
  font-size: 11px;
  opacity: 0;
  pointer-events: none;
  transform: translateY(4px);
  transition: .15s ease;
}

.dock-item:hover .dock-tooltip {
  opacity: 1;
  transform: translateY(0);
}

.mac-logout {
  background:
    linear-gradient(145deg, rgba(255,95,114,.20), rgba(255,255,255,.04)),
    rgba(255,255,255,.045);
}

@media (max-width: 900px) {
  .mac-workspace {
    padding: 18px 14px 108px;
  }

  .mac-window {
    min-height: 560px;
  }

  .mac-content {
    padding: 18px;
  }

  .mac-card,
  .mac-card.wide {
    grid-column: span 12;
  }

  .mac-menu:not(.strong) {
    display: none;
  }

  .dock-item {
    width: 44px;
    height: 44px;
  }
}


/* ===== Clean myHub desktop UI ===== */

.hub-desktop {
  min-height: 100vh;
  background:
    radial-gradient(circle at 15% 10%, rgba(124,92,255,.19), transparent 31%),
    radial-gradient(circle at 85% 82%, rgba(57,208,255,.11), transparent 28%),
    linear-gradient(150deg, #07090d 0%, #0b0f16 50%, #07090d 100%);
  color: var(--text);
}

.hub-topbar {
  height: 38px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255,255,255,.075);
  background: rgba(10,12,18,.68);
  backdrop-filter: blur(24px) saturate(145%);
  -webkit-backdrop-filter: blur(24px) saturate(145%);
}

.hub-top-left,
.hub-top-right {
  display: flex;
  align-items: center;
}

.hub-top-left {
  gap: 8px;
}

.hub-mini-logo {
  width: 24px;
  height: 24px;
  border-radius: 7px;
  display: grid;
  place-items: center;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: -.04em;
  background: linear-gradient(135deg, var(--accent), var(--accent-2));
  box-shadow: 0 6px 16px rgba(124,92,255,.28);
}

.hub-title {
  font-size: 14px;
  font-weight: 800;
  letter-spacing: -.035em;
  margin-right: 16px;
}

.hub-nav {
  display: flex;
  align-items: center;
  gap: 2px;
}

.hub-nav-btn {
  height: 28px;
  border: 0;
  padding: 0 10px;
  border-radius: 7px;
  color: #aeb7c4;
  background: transparent;
  font-size: 11px;
  font-weight: 600;
}

.hub-nav-btn:hover,
.hub-nav-btn.active {
  color: white;
  background: rgba(255,255,255,.055);
}

.hub-profile-btn {
  width: 26px;
  height: 26px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(145deg, rgba(124,92,255,.38), rgba(57,208,255,.18));
  font-size: 11px;
  font-weight: 800;
}

.hub-main {
  width: min(1280px, calc(100% - 48px));
  margin: 0 auto;
  padding: 42px 0 54px;
}

.hub-welcome {
  display: grid;
  grid-template-columns: minmax(0,1fr) 280px;
  gap: 22px;
  align-items: stretch;
  margin-bottom: 20px;
}

.hub-welcome > div:first-child {
  padding: 8px 4px;
}

.hub-eyebrow,
.hub-panel-kicker,
.hub-quick-label {
  display: block;
  margin-bottom: 8px;
  color: #aa9eff;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.hub-welcome h1 {
  margin: 0 0 10px;
  font-size: clamp(34px, 5vw, 54px);
  line-height: 1;
  letter-spacing: -.055em;
}

.hub-welcome p {
  max-width: 700px;
  margin: 0;
  color: #9ea9b8;
  font-size: 15px;
  line-height: 1.7;
}

.hub-quick-card {
  min-height: 145px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border: 1px solid rgba(255,255,255,.085);
  border-radius: 18px;
  background:
    radial-gradient(circle at 90% 10%, rgba(57,208,255,.15), transparent 38%),
    radial-gradient(circle at 10% 10%, rgba(124,92,255,.18), transparent 45%),
    rgba(255,255,255,.032);
}

.hub-quick-card strong {
  margin-bottom: 12px;
  font-size: 17px;
}

.hub-server-state {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #9fe5c1;
  font-size: 12px;
  font-weight: 700;
}

.hub-server-state i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #4dd79a;
  box-shadow: 0 0 14px rgba(77,215,154,.55);
}

.hub-dashboard-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0,1fr));
  gap: 16px;
}

.hub-panel {
  grid-column: span 4;
  min-height: 205px;
  padding: 20px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;
  background: rgba(255,255,255,.031);
  box-shadow: 0 18px 45px rgba(0,0,0,.20);
}

.hub-panel-large {
  grid-column: span 8;
}

.hub-panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 16px;
}

.hub-panel-head h2 {
  margin: 0;
  font-size: 19px;
  letter-spacing: -.03em;
}

.hub-panel-kicker {
  margin-bottom: 5px;
  font-size: 8px;
}

.hub-small-btn,
.hub-primary-small {
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 9px;
  background: rgba(255,255,255,.045);
  color: white;
  padding: 8px 11px;
  font-size: 11px;
  font-weight: 700;
}

.hub-primary-small {
  margin-top: 12px;
  border: 0;
  background: linear-gradient(135deg, var(--accent), #5d8fff);
}

.hub-announcement {
  display: grid;
  grid-template-columns: 42px 1fr auto;
  gap: 12px;
  align-items: center;
  padding: 14px;
  border-radius: 13px;
  background: rgba(255,255,255,.035);
}

.hub-announcement-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: linear-gradient(145deg, rgba(124,92,255,.32), rgba(57,208,255,.13));
  font-weight: 800;
}

.hub-announcement strong {
  display: block;
  margin-bottom: 4px;
  font-size: 13px;
}

.hub-announcement p,
.hub-announcement > span,
.hub-empty-row {
  color: var(--muted);
  font-size: 11px;
}

.hub-announcement p {
  margin: 0;
}

.hub-empty-row {
  padding: 14px 2px 0;
}

.hub-character-empty {
  min-height: 135px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.hub-character-avatar {
  width: 36px;
  height: 36px;
  margin-bottom: 10px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  background: rgba(255,255,255,.05);
  color: #bbb2ff;
  font-size: 18px;
}

.hub-character-empty strong {
  font-size: 13px;
}

.hub-character-empty p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.5;
}

.hub-stat-list {
  display: grid;
  gap: 2px;
}

.hub-stat-row {
  min-height: 38px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(255,255,255,.06);
  color: #b9c1ce;
  font-size: 12px;
}

.hub-stat-row:last-child {
  border-bottom: 0;
}

.hub-stat-row strong {
  color: white;
  font-size: 12px;
}

.hub-online-text {
  color: #6fe0ac !important;
}

.hub-tools {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 10px;
}

.hub-tool-card {
  min-height: 76px;
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 13px;
  background: rgba(255,255,255,.028);
  color: white;
  text-align: left;
}

.hub-tool-card:hover {
  background: rgba(255,255,255,.055);
  transform: translateY(-1px);
}

.hub-tool-icon {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  border-radius: 11px;
  display: grid;
  place-items: center;
  background: linear-gradient(145deg, rgba(124,92,255,.28), rgba(57,208,255,.12));
  font-size: 11px;
  font-weight: 800;
}

.hub-tool-card strong {
  display: block;
  margin-bottom: 3px;
  font-size: 12px;
}

.hub-tool-card small {
  color: var(--muted);
  font-size: 10px;
}

@media (max-width: 900px) {
  .hub-main {
    width: min(100% - 28px, 1280px);
    padding-top: 28px;
  }

  .hub-welcome {
    grid-template-columns: 1fr;
  }

  .hub-panel,
  .hub-panel-large {
    grid-column: span 12;
  }

  .hub-tools {
    grid-template-columns: 1fr;
  }
}


/* ===== Revised myHub welcome + forms ===== */

.hub-welcome-simple {
  grid-template-columns: 1fr;
  margin-bottom: 20px;
}

.hub-user-name {
  margin: -2px 0 10px;
  color: #c6ceda;
  font-size: 14px;
  font-weight: 700;
}

.hub-forms-panel {
  grid-column: span 4;
  min-height: 100%;
}

.hub-form-cards {
  display: grid;
  gap: 9px;
}

.hub-form-card {
  width: 100%;
  min-height: 64px;
  padding: 10px;
  display: grid;
  grid-template-columns: 38px 1fr auto;
  gap: 11px;
  align-items: center;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 12px;
  background: rgba(255,255,255,.025);
  color: white;
  text-align: left;
  transition: .16s ease;
}

.hub-form-card:hover {
  transform: translateY(-1px);
  background: rgba(255,255,255,.05);
  border-color: rgba(124,92,255,.22);
}

.hub-form-card-icon {
  width: 38px;
  height: 38px;
  border-radius: 11px;
  display: grid;
  place-items: center;
  font-size: 11px;
  font-weight: 800;
  background:
    linear-gradient(145deg, rgba(124,92,255,.29), rgba(57,208,255,.12)),
    rgba(255,255,255,.035);
}

.hub-form-card-copy {
  min-width: 0;
}

.hub-form-card-copy strong {
  display: block;
  margin-bottom: 4px;
  font-size: 12px;
}

.hub-form-card-copy span {
  display: block;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.35;
}

.hub-form-arrow {
  color: #8e99a8;
  font-size: 22px;
  line-height: 1;
}

.hub-form-summary {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-top: 12px;
}

.hub-form-summary > div {
  padding: 10px;
  border: 1px solid rgba(255,255,255,.065);
  border-radius: 10px;
  background: rgba(255,255,255,.022);
}

.hub-form-summary span {
  display: block;
  margin-bottom: 5px;
  color: var(--muted);
  font-size: 9px;
}

.hub-form-summary strong {
  font-size: 13px;
}


/* ===== Welcome correction + Forms redesign + functional page views ===== */

.hub-user-name-large {
  margin: 2px 0 12px;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: -.025em;
  color: #d9e0ea;
}

.hub-form-stack,
.hub-full-forms {
  display: grid;
  gap: 8px;
}

.hub-form-strip {
  width: 100%;
  min-height: 66px;
  padding: 11px 12px;
  display: grid;
  grid-template-columns: 34px 1fr 24px;
  gap: 12px;
  align-items: center;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(255,255,255,.032), rgba(255,255,255,.018));
  color: white;
  text-align: left;
  transition: .16s ease;
}

.hub-form-strip:hover {
  transform: translateX(3px);
  background: rgba(255,255,255,.055);
  border-color: rgba(124,92,255,.24);
}

.hub-form-strip-num {
  color: #8173ef;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
}

.hub-form-strip-copy strong {
  display: block;
  margin-bottom: 4px;
  font-size: 12px;
}

.hub-form-strip-copy small {
  display: block;
  color: var(--muted);
  font-size: 10px;
}

.hub-form-strip-arrow {
  color: #9ca6b5;
  font-size: 18px;
  text-align: right;
}

.hub-page-view {
  width: min(900px, 100%);
  margin: 0 auto;
  padding: 18px 0 30px;
}

.hub-page-view h1 {
  margin: 0 0 10px;
  font-size: 42px;
  letter-spacing: -.045em;
}

.hub-page-view > p {
  margin: 0 0 22px;
  color: var(--muted);
}

.hub-back-btn {
  margin-bottom: 26px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 9px;
  background: rgba(255,255,255,.035);
  color: white;
  padding: 8px 11px;
  font-size: 11px;
  font-weight: 700;
}

.hub-page-card {
  padding: 22px;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 16px;
  background: rgba(255,255,255,.028);
}

.hub-page-card h3 {
  margin: 0 0 8px;
}

.hub-live-form {
  display: grid;
  gap: 16px;
  margin-top: 20px;
}

.hub-live-form textarea {
  width: 100%;
  min-height: 150px;
  resize: vertical;
  border-radius: 12px;
  border: 1px solid var(--border);
  outline: none;
  background: rgba(255,255,255,.045);
  color: var(--text);
  padding: 14px;
  font: inherit;
}

.hub-live-form textarea:focus {
  border-color: rgba(124,92,255,.85);
  box-shadow: 0 0 0 4px rgba(124,92,255,.11);
}


/* ===== Profile Settings ===== */

.hub-settings-page {
  width: min(1040px, 100%);
}

.hub-settings-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 16px;
  margin-top: 24px;
}

.hub-settings-card {
  padding: 20px;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 16px;
  background: rgba(255,255,255,.028);
}

.hub-settings-wide {
  grid-column: span 2;
}

.hub-settings-heading {
  margin-bottom: 16px;
}

.hub-settings-heading h2 {
  margin: 0;
  font-size: 18px;
  letter-spacing: -.03em;
}

.hub-settings-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 14px;
}

.hub-toggle-row {
  min-height: 62px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 11px 0;
  border-bottom: 1px solid rgba(255,255,255,.06);
}

.hub-toggle-row:last-child {
  border-bottom: 0;
}

.hub-toggle-row strong,
.hub-toggle-row small {
  display: block;
}

.hub-toggle-row strong {
  margin-bottom: 4px;
  font-size: 12px;
}

.hub-toggle-row small {
  color: var(--muted);
  font-size: 10px;
  line-height: 1.45;
}

.hub-toggle-row input[type="checkbox"] {
  width: 38px;
  height: 21px;
  flex: 0 0 auto;
  accent-color: var(--accent);
}

.hub-settings-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 4px 0;
}

.hub-save-settings {
  width: auto;
  min-width: 150px;
  padding: 0 18px;
}

.hub-danger-zone {
  border-color: rgba(255,95,114,.12);
}

.hub-danger-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.hub-secondary-btn,
.hub-danger-btn {
  border-radius: 9px;
  padding: 9px 12px;
  font-size: 11px;
  font-weight: 700;
}

.hub-secondary-btn {
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.035);
  color: white;
}

.hub-danger-btn {
  border: 1px solid rgba(255,95,114,.18);
  background: rgba(255,95,114,.08);
  color: #ff8b98;
}

.hub-compact .hub-main {
  padding-top: 24px;
}

.hub-compact .hub-panel,
.hub-compact .hub-settings-card {
  padding: 15px;
}

.hub-compact .hub-dashboard-grid,
.hub-compact .hub-settings-grid {
  gap: 10px;
}

@media (max-width: 800px) {
  .hub-settings-grid {
    grid-template-columns: 1fr;
  }

  .hub-settings-wide {
    grid-column: span 1;
  }

  .hub-settings-fields {
    grid-template-columns: 1fr;
  }

  .hub-settings-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .hub-save-settings {
    width: 100%;
  }
}


/* ===== myHub page transitions ===== */

#hubMain {
  position: relative;
  transition: opacity .18s ease, transform .18s ease, filter .18s ease;
}

#hubMain.hub-content-exit {
  opacity: 0;
  transform: translateY(8px) scale(.995);
  filter: blur(3px);
}

#hubMain.hub-content-enter {
  animation: hubPageIn .28s ease both;
}

#hubMain.hub-loading::after {
  content: "";
  position: fixed;
  top: 46px;
  left: 50%;
  width: 84px;
  height: 3px;
  transform: translateX(-50%);
  border-radius: 999px;
  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(124,92,255,.25) 20%,
      rgba(124,92,255,1) 50%,
      rgba(57,208,255,.95) 72%,
      transparent 100%
    );
  background-size: 220% 100%;
  animation: hubLoadingBar .7s linear infinite;
  box-shadow: 0 0 18px rgba(124,92,255,.25);
  z-index: 100;
}

@keyframes hubPageIn {
  from {
    opacity: 0;
    transform: translateY(10px) scale(.995);
    filter: blur(3px);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
}

@keyframes hubLoadingBar {
  from { background-position: 100% 0; }
  to { background-position: -120% 0; }
}


/* ===== Account access state ===== */

.ban-screen {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 24px;
  background:
    radial-gradient(circle at 50% 35%, rgba(255,70,90,.12), transparent 35%),
    #080a0e;
}

.ban-card {
  width: min(430px, 100%);
  padding: 34px;
  text-align: center;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;
  background: rgba(255,255,255,.025);
}

.ban-card .hub-mini-logo {
  margin: 0 auto 18px;
}

.ban-card h1 {
  margin: 0 0 10px;
  font-size: 28px;
}

.ban-card p {
  margin: 0;
  color: var(--muted);
  line-height: 1.6;
}




/* ===== Forms + Community Tools Redesign ===== */

.hub-forms-redesign {
  overflow: hidden;
}

.hub-form-feature {
  padding: 16px;
  border: 1px solid rgba(124,92,255,.20);
  border-radius: 14px;
  background:
    radial-gradient(circle at 100% 0%, rgba(57,208,255,.11), transparent 34%),
    linear-gradient(145deg, rgba(124,92,255,.14), rgba(255,255,255,.024));
  cursor: pointer;
  transition: .16s ease;
}

.hub-form-feature:hover {
  transform: translateY(-2px);
  border-color: rgba(124,92,255,.34);
}

.hub-form-feature-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
}

.hub-form-badge {
  padding: 5px 7px;
  border: 1px solid rgba(124,92,255,.18);
  border-radius: 999px;
  color: #b4aaff;
  background: rgba(124,92,255,.08);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .11em;
}

.hub-form-feature-arrow {
  color: #b9c2cf;
  font-size: 18px;
}

.hub-form-feature strong {
  display: block;
  margin-bottom: 6px;
  font-size: 14px;
}

.hub-form-feature p {
  margin: 0 0 14px;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.5;
}

.hub-form-progress {
  height: 3px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255,255,255,.05);
}

.hub-form-progress span {
  display: block;
  width: 38%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--accent), var(--accent-2));
}

.hub-form-mini-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 8px;
  margin-top: 8px;
}

.hub-form-mini {
  min-height: 66px;
  padding: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 12px;
  background: rgba(255,255,255,.022);
  color: white;
  text-align: left;
}

.hub-form-mini:hover {
  background: rgba(255,255,255,.05);
}

.hub-form-mini-icon {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: rgba(124,92,255,.12);
  color: #bcb4ff;
  font-size: 9px;
  font-weight: 800;
}

.hub-form-mini strong,
.hub-form-mini small {
  display: block;
}

.hub-form-mini strong {
  margin-bottom: 3px;
  font-size: 11px;
}

.hub-form-mini small {
  color: var(--muted);
  font-size: 9px;
}

.hub-community-tools {
  display: grid;
  gap: 12px;
}

.hub-community-primary {
  width: 100%;
  min-height: 112px;
  padding: 18px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 15px;
  background:
    radial-gradient(circle at 85% 20%, rgba(57,208,255,.10), transparent 28%),
    radial-gradient(circle at 10% 10%, rgba(124,92,255,.16), transparent 34%),
    rgba(255,255,255,.025);
  color: white;
  text-align: left;
}

.hub-community-primary:hover {
  transform: translateY(-1px);
  background:
    radial-gradient(circle at 85% 20%, rgba(57,208,255,.13), transparent 28%),
    radial-gradient(circle at 10% 10%, rgba(124,92,255,.20), transparent 34%),
    rgba(255,255,255,.04);
}

.hub-community-label {
  display: block;
  margin-bottom: 9px;
  color: #a99cff;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .12em;
}

.hub-community-primary strong {
  display: block;
  margin-bottom: 7px;
  font-size: 16px;
}

.hub-community-primary p {
  max-width: 520px;
  margin: 0;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.5;
}

.hub-community-primary-arrow {
  font-size: 22px;
  color: #c7d0dc;
}

.hub-community-tool-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 8px;
}

.hub-community-tool {
  min-height: 72px;
  padding: 11px;
  display: flex;
  align-items: center;
  gap: 11px;
  border: 1px solid rgba(255,255,255,.065);
  border-radius: 12px;
  background: rgba(255,255,255,.02);
  color: white;
  text-align: left;
}

.hub-community-tool:hover {
  background: rgba(255,255,255,.045);
}

.hub-community-tool-icon {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: linear-gradient(145deg, rgba(124,92,255,.18), rgba(57,208,255,.08));
  color: #d2d7df;
  font-size: 9px;
  font-weight: 800;
}

.hub-community-tool strong,
.hub-community-tool small {
  display: block;
}

.hub-community-tool strong {
  margin-bottom: 3px;
  font-size: 11px;
}

.hub-community-tool small {
  color: var(--muted);
  font-size: 9px;
}

.hub-community-footer {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}

.hub-community-footer-btn {
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 9px;
  background: rgba(255,255,255,.028);
  color: white;
  padding: 8px 10px;
  font-size: 10px;
  font-weight: 700;
}

.hub-community-footer-btn.danger {
  color: #ff9aa5;
  border-color: rgba(255,95,114,.12);
  background: rgba(255,95,114,.05);
}

.hub-forms-page-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
}

.hub-forms-page-card {
  min-height: 190px;
  padding: 18px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 15px;
  background: rgba(255,255,255,.025);
  color: white;
  text-align: left;
}

.hub-forms-page-card.featured {
  grid-column: span 2;
  min-height: 220px;
  background:
    radial-gradient(circle at 90% 10%, rgba(57,208,255,.11), transparent 30%),
    radial-gradient(circle at 10% 10%, rgba(124,92,255,.17), transparent 34%),
    rgba(255,255,255,.025);
}

.hub-forms-page-card:hover {
  transform: translateY(-2px);
  border-color: rgba(124,92,255,.20);
}

.hub-forms-page-type {
  margin-bottom: auto;
  color: #a99cff;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .12em;
}

.hub-forms-page-card strong {
  margin-top: 34px;
  font-size: 17px;
}

.hub-forms-page-card p {
  max-width: 520px;
  margin: 7px 0 18px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.5;
}

.hub-forms-page-action {
  margin-top: auto;
  font-size: 10px;
  font-weight: 700;
  color: #d6dbe4;
}

@media (max-width: 760px) {
  .hub-form-mini-grid,
  .hub-community-tool-grid,
  .hub-forms-page-grid {
    grid-template-columns: 1fr;
  }

  .hub-forms-page-card.featured {
    grid-column: span 1;
  }

  .hub-community-footer {
    justify-content: stretch;
    flex-direction: column;
  }
}


/* ===== True light mode ===== */

.hub-light .hub-desktop {
  background:
    radial-gradient(circle at 15% 10%, rgba(124,92,255,.12), transparent 31%),
    radial-gradient(circle at 85% 82%, rgba(57,208,255,.10), transparent 28%),
    linear-gradient(150deg, #ffffff 0%, #f7f8fb 50%, #ffffff 100%);
  color: #11151b;
}

.hub-light .hub-topbar {
  border-bottom-color: rgba(20,24,32,.09);
  background: rgba(255,255,255,.72);
}

.hub-light .hub-title,
.hub-light .hub-welcome h1,
.hub-light .hub-panel-head h2,
.hub-light .hub-page-view h1,
.hub-light .hub-settings-heading h2,
.hub-light .hub-panel strong,
.hub-light .hub-settings-card strong,
.hub-light .hub-community-primary,
.hub-light .hub-community-tool,
.hub-light .hub-form-mini,
.hub-light .hub-forms-page-card,
.hub-light .hub-form-feature {
  color: #11151b;
}

.hub-light .hub-nav-btn {
  color: #697382;
}

.hub-light .hub-nav-btn:hover,
.hub-light .hub-nav-btn.active {
  color: #11151b;
  background: rgba(20,24,32,.055);
}

.hub-light .hub-user-name-large,
.hub-light .hub-user-name {
  color: #333b46;
}

.hub-light .hub-welcome p,
.hub-light .hub-page-view > p,
.hub-light .hub-character-empty p,
.hub-light .hub-announcement p,
.hub-light .hub-empty-row,
.hub-light .hub-community-primary p,
.hub-light .hub-community-tool small,
.hub-light .hub-form-mini small,
.hub-light .hub-forms-page-card p,
.hub-light .hub-toggle-row small,
.hub-light .hub-form-feature p {
  color: #737d8b;
}

.hub-light .hub-panel,
.hub-light .hub-settings-card,
.hub-light .hub-page-card {
  border-color: rgba(20,24,32,.08);
  background: rgba(255,255,255,.68);
  box-shadow: 0 18px 45px rgba(25,32,44,.07);
}

.hub-light .hub-announcement,
.hub-light .hub-form-mini,
.hub-light .hub-community-tool,
.hub-light .hub-forms-page-card,
.hub-light .hub-form-strip {
  border-color: rgba(20,24,32,.075);
  background: rgba(20,24,32,.025);
}

.hub-light .hub-form-feature,
.hub-light .hub-community-primary {
  border-color: rgba(124,92,255,.17);
  background:
    radial-gradient(circle at 100% 0%, rgba(57,208,255,.09), transparent 34%),
    linear-gradient(145deg, rgba(124,92,255,.09), rgba(255,255,255,.72));
}

.hub-light .hub-community-primary {
  background:
    radial-gradient(circle at 85% 20%, rgba(57,208,255,.09), transparent 28%),
    radial-gradient(circle at 10% 10%, rgba(124,92,255,.10), transparent 34%),
    rgba(255,255,255,.70);
}

.hub-light .hub-form-mini:hover,
.hub-light .hub-community-tool:hover,
.hub-light .hub-form-strip:hover {
  background: rgba(20,24,32,.05);
}

.hub-light .hub-toggle-row,
.hub-light .hub-stat-row {
  border-bottom-color: rgba(20,24,32,.07);
}

.hub-light .hub-back-btn,
.hub-light .hub-small-btn,
.hub-light .hub-secondary-btn,
.hub-light .hub-community-footer-btn {
  border-color: rgba(20,24,32,.08);
  background: rgba(20,24,32,.035);
  color: #222832;
}

.hub-light .field input,
.hub-light .hub-live-form textarea {
  border-color: rgba(20,24,32,.10);
  background: rgba(20,24,32,.035);
  color: #11151b;
}

.hub-light .field label {
  color: #4e5865;
}


/* =========================================================
   COMPLETE LIGHT MODE THEME
   Mirrors dark mode surfaces with light equivalents.
   ========================================================= */

.hub-light {
  --bg: #f7f8fb;
  --surface: rgba(255,255,255,.86);
  --surface-2: rgba(246,248,252,.92);
  --surface-hover: rgba(20,24,32,.055);
  --border: rgba(20,24,32,.09);
  --border-strong: rgba(20,24,32,.14);
  --text: #11151b;
  --muted: #6e7887;
  --muted-2: #8a94a3;
  --shadow: 0 18px 48px rgba(31,38,52,.08);
}

.hub-light,
.hub-light .hub-desktop,
.hub-light .hub-page-view,
.hub-light .hub-main {
  color: var(--text);
}

.hub-light .hub-desktop {
  background:
    radial-gradient(circle at 15% 10%, rgba(124,92,255,.13), transparent 31%),
    radial-gradient(circle at 85% 82%, rgba(57,208,255,.11), transparent 28%),
    linear-gradient(150deg, #ffffff 0%, #f7f8fb 48%, #ffffff 100%);
}

.hub-light .hub-topbar {
  color: var(--text);
  border-bottom: 1px solid var(--border);
  background: rgba(255,255,255,.78);
  box-shadow: 0 6px 24px rgba(31,38,52,.045);
  backdrop-filter: blur(18px);
}

.hub-light .hub-title,
.hub-light .hub-welcome h1,
.hub-light .hub-page-view h1,
.hub-light .hub-panel h2,
.hub-light .hub-settings-card h2,
.hub-light .hub-form-feature strong,
.hub-light .hub-community-primary strong,
.hub-light .hub-community-tool strong,
.hub-light .hub-form-mini strong,
.hub-light .hub-forms-page-card strong,
.hub-light .hub-approved-community-row strong {
  color: var(--text);
}

.hub-light .hub-eyebrow,
.hub-light .hub-panel-kicker,
.hub-light .hub-community-label,
.hub-light .hub-form-badge,
.hub-light .hub-forms-page-type {
  color: #6d59e8;
}

.hub-light .hub-user-name,
.hub-light .hub-user-name-large,
.hub-light .hub-welcome p,
.hub-light .hub-page-view > p,
.hub-light .hub-character-empty p,
.hub-light .hub-community-empty-state p,
.hub-light .hub-community-primary p,
.hub-light .hub-community-tool small,
.hub-light .hub-form-mini small,
.hub-light .hub-form-feature p,
.hub-light .hub-forms-page-card p,
.hub-light .hub-toggle-row small,
.hub-light .hub-approved-community-row small,
.hub-light .hub-no-communities,
.hub-light .hub-announcement p {
  color: var(--muted);
}

.hub-light .hub-panel,
.hub-light .hub-page-card,
.hub-light .hub-settings-card,
.hub-light .hub-live-form,
.hub-light .hub-character-empty,
.hub-light .hub-community-empty-state {
  border-color: var(--border);
  background: var(--surface);
  box-shadow: var(--shadow);
}

.hub-light .hub-announcement,
.hub-light .hub-form-mini,
.hub-light .hub-community-tool,
.hub-light .hub-form-strip,
.hub-light .hub-forms-page-card,
.hub-light .hub-approved-community-row,
.hub-light .hub-no-communities {
  border-color: var(--border);
  background: rgba(20,24,32,.025);
  color: var(--text);
}

.hub-light .hub-announcement:hover,
.hub-light .hub-form-mini:hover,
.hub-light .hub-community-tool:hover,
.hub-light .hub-form-strip:hover,
.hub-light .hub-forms-page-card:hover,
.hub-light .hub-approved-community-row:hover {
  background: var(--surface-hover);
  border-color: var(--border-strong);
}

.hub-light .hub-form-feature {
  color: var(--text);
  border-color: rgba(124,92,255,.18);
  background:
    radial-gradient(circle at 100% 0%, rgba(57,208,255,.10), transparent 34%),
    linear-gradient(145deg, rgba(124,92,255,.09), rgba(255,255,255,.90));
  box-shadow: 0 14px 34px rgba(31,38,52,.055);
}

.hub-light .hub-community-primary {
  color: var(--text);
  border-color: rgba(124,92,255,.15);
  background:
    radial-gradient(circle at 85% 20%, rgba(57,208,255,.10), transparent 28%),
    radial-gradient(circle at 10% 10%, rgba(124,92,255,.11), transparent 34%),
    rgba(255,255,255,.88);
  box-shadow: 0 14px 34px rgba(31,38,52,.055);
}

.hub-light .hub-community-primary:hover {
  background:
    radial-gradient(circle at 85% 20%, rgba(57,208,255,.13), transparent 28%),
    radial-gradient(circle at 10% 10%, rgba(124,92,255,.14), transparent 34%),
    #ffffff;
}

.hub-light .hub-nav-btn,
.hub-light .hub-profile-btn,
.hub-light .hub-small-btn,
.hub-light .hub-back-btn,
.hub-light .hub-secondary-btn,
.hub-light .hub-community-footer-btn,
.hub-light .hub-community-add-btn,
.hub-light .hub-no-communities button {
  color: #313843;
  border-color: var(--border);
  background: rgba(20,24,32,.035);
}

.hub-light .hub-nav-btn:hover,
.hub-light .hub-nav-btn.active,
.hub-light .hub-profile-btn:hover,
.hub-light .hub-small-btn:hover,
.hub-light .hub-back-btn:hover,
.hub-light .hub-secondary-btn:hover,
.hub-light .hub-community-footer-btn:hover,
.hub-light .hub-community-add-btn:hover,
.hub-light .hub-no-communities button:hover {
  color: #11151b;
  background: rgba(20,24,32,.065);
  border-color: var(--border-strong);
}

.hub-light .hub-danger-btn,
.hub-light .hub-community-footer-btn.danger {
  color: #c44558;
  border-color: rgba(196,69,88,.16);
  background: rgba(196,69,88,.055);
}

.hub-light .hub-danger-btn:hover,
.hub-light .hub-community-footer-btn.danger:hover {
  background: rgba(196,69,88,.10);
}

.hub-light .field label {
  color: #515b68;
}

.hub-light .field input,
.hub-light .field select,
.hub-light .hub-live-form textarea {
  color: var(--text);
  border-color: var(--border);
  background: rgba(20,24,32,.035);
}

.hub-light .field input::placeholder,
.hub-light .hub-live-form textarea::placeholder {
  color: #9aa3ae;
}

.hub-light .field input:focus,
.hub-light .field select:focus,
.hub-light .hub-live-form textarea:focus {
  border-color: rgba(124,92,255,.35);
  background: rgba(124,92,255,.035);
  box-shadow: 0 0 0 3px rgba(124,92,255,.07);
}

.hub-light .hub-toggle-row,
.hub-light .hub-stat-row {
  border-bottom-color: var(--border);
}

.hub-light .hub-form-mini-icon,
.hub-light .hub-community-tool-icon,
.hub-light .hub-approved-community-mark {
  color: #6554d9;
  background: linear-gradient(145deg, rgba(124,92,255,.11), rgba(57,208,255,.07));
}

.hub-light .hub-form-feature-arrow,
.hub-light .hub-community-primary-arrow,
.hub-light .hub-approved-community-arrow,
.hub-light .hub-form-strip-arrow {
  color: #697382;
}

.hub-light .hub-form-progress,
.hub-light .hub-divider {
  background: rgba(20,24,32,.07);
}

.hub-light .hub-settings-actions,
.hub-light .hub-community-footer {
  color: var(--text);
}

.hub-light .form-message.success {
  color: #277a4a;
}

.hub-light .form-message.error {
  color: #c44558;
}

.hub-light #hubMain.hub-loading::after {
  box-shadow: 0 0 16px rgba(124,92,255,.18);
}

/* My Communities */
.hub-communities-panel {
  overflow: hidden;
}

.hub-community-add-btn {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 9px;
  background: rgba(255,255,255,.04);
  color: #fff;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
}

.hub-community-empty-state {
  padding: 13px 14px;
  border: 1px solid rgba(255,255,255,.065);
  border-radius: 12px;
  background: rgba(255,255,255,.02);
}

.hub-community-empty-state strong {
  display: block;
  margin-bottom: 5px;
  font-size: 11px;
}

.hub-community-empty-state p {
  margin: 0;
  color: var(--muted);
  font-size: 9px;
  line-height: 1.45;
}

.hub-approved-community-list {
  display: grid;
  gap: 7px;
  margin-top: 9px;
}

.hub-approved-community-row {
  width: 100%;
  min-height: 58px;
  padding: 9px 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid rgba(255,255,255,.065);
  border-radius: 11px;
  background: rgba(255,255,255,.02);
  color: white;
  text-align: left;
}

.hub-approved-community-mark {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: linear-gradient(145deg, rgba(124,92,255,.18), rgba(57,208,255,.08));
  color: #d4ceff;
  font-size: 10px;
  font-weight: 800;
}

.hub-approved-community-copy {
  min-width: 0;
  flex: 1;
}

.hub-approved-community-copy strong,
.hub-approved-community-copy small {
  display: block;
}

.hub-approved-community-copy strong {
  margin-bottom: 3px;
  font-size: 10px;
}

.hub-approved-community-copy small {
  color: var(--muted);
  font-size: 8px;
}

.hub-approved-community-arrow {
  color: #b7c0cc;
  font-size: 14px;
}

.hub-no-communities {
  padding: 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px dashed rgba(255,255,255,.08);
  border-radius: 11px;
  color: var(--muted);
  font-size: 9px;
}

.hub-no-communities button {
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;
  background: rgba(255,255,255,.04);
  color: white;
  padding: 7px 9px;
  font-size: 9px;
  font-weight: 700;
}


/* =========================================================
   Floating Navigation + Account Dropdown
   ========================================================= */

.hub-floating-nav {
  position: fixed;
  top: 14px;
  left: 50%;
  width: min(1180px, calc(100% - 28px));
  height: 48px;
  transform: translateX(-50%);
  padding: 0 10px 0 12px;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 14px;
  background: rgba(11,13,18,.72);
  box-shadow: 0 16px 40px rgba(0,0,0,.26);
  backdrop-filter: blur(22px) saturate(125%);
  z-index: 1000;
}

.hub-floating-nav + .hub-main,
.hub-desktop .hub-main {
  padding-top: 86px;
}

.hub-topbar-left {
  display: flex;
  align-items: center;
  gap: 22px;
  min-width: 0;
}

.hub-brand-group {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}

.hub-account-menu-wrap {
  position: relative;
  margin-left: auto;
}

.hub-account-trigger {
  height: 34px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 9px 4px 5px;
  border: 1px solid transparent;
  border-radius: 10px;
  background: transparent;
  color: #fff;
}

.hub-account-trigger:hover {
  border-color: rgba(255,255,255,.07);
  background: rgba(255,255,255,.045);
}

.hub-account-avatar,
.hub-account-dropdown-avatar {
  display: grid;
  place-items: center;
  border-radius: 9px;
  background: linear-gradient(145deg, rgba(124,92,255,.30), rgba(57,208,255,.16));
  color: #fff;
  font-weight: 800;
}

.hub-account-avatar {
  width: 26px;
  height: 26px;
  font-size: 10px;
}

.hub-account-name {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  font-weight: 700;
}

.hub-account-chevron {
  color: #8f98a5;
  font-size: 12px;
  transform: translateY(-1px);
}

.hub-account-dropdown {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  width: 250px;
  padding: 8px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  background: rgba(13,15,21,.94);
  box-shadow: 0 24px 64px rgba(0,0,0,.34);
  backdrop-filter: blur(22px);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px) scale(.98);
  transform-origin: top right;
  transition: .16s ease;
  z-index: 1200;
}

.hub-account-dropdown.open {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
}

.hub-account-dropdown-head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 10px 12px;
}

.hub-account-dropdown-avatar {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  font-size: 12px;
}

.hub-account-dropdown-head strong,
.hub-account-dropdown-head small {
  display: block;
}

.hub-account-dropdown-head strong {
  margin-bottom: 3px;
  color: #fff;
  font-size: 11px;
}

.hub-account-dropdown-head small {
  color: var(--muted);
  font-size: 8px;
}

.hub-account-dropdown-group {
  padding: 5px 0;
  border-top: 1px solid rgba(255,255,255,.055);
}

.hub-account-dropdown-group button {
  width: 100%;
  min-height: 43px;
  padding: 8px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: #fff;
  text-align: left;
}

.hub-account-dropdown-group button:hover {
  background: rgba(255,255,255,.055);
}

.hub-account-dropdown-group button span,
.hub-account-dropdown-group button small {
  display: block;
}

.hub-account-dropdown-group button span {
  font-size: 10px;
  font-weight: 700;
}

.hub-account-dropdown-group button small {
  color: var(--muted);
  font-size: 8px;
}

.hub-account-dropdown-footer {
  padding-top: 6px;
}

.hub-account-dropdown-group .hub-account-signout {
  color: #ff909d;
}

.hub-profile-hero {
  overflow: hidden;
  margin-top: 22px;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 16px;
  background: rgba(255,255,255,.025);
}

.hub-profile-banner {
  height: 130px;
  background:
    radial-gradient(circle at 20% 25%, rgba(124,92,255,.42), transparent 35%),
    radial-gradient(circle at 78% 50%, rgba(57,208,255,.20), transparent 28%),
    linear-gradient(145deg, #151824, #0e1016);
  background-size: cover;
  background-position: center;
}

.hub-profile-main {
  position: relative;
  min-height: 100px;
  padding: 18px 18px 18px 108px;
  display: flex;
  align-items: center;
  gap: 14px;
}

.hub-profile-avatar-large {
  position: absolute;
  left: 18px;
  top: -38px;
  width: 76px;
  height: 76px;
  overflow: hidden;
  display: grid;
  place-items: center;
  border: 4px solid #11141b;
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(124,92,255,.55), rgba(57,208,255,.25));
  color: #fff;
  font-size: 24px;
  font-weight: 800;
}

.hub-profile-avatar-large img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hub-profile-copy {
  min-width: 0;
  flex: 1;
}

.hub-profile-copy h2 {
  margin: 0 0 4px;
  font-size: 18px;
}

.hub-profile-copy span {
  display: block;
  margin-bottom: 5px;
  color: #a99cff;
  font-size: 9px;
  font-weight: 800;
}

.hub-profile-copy p {
  margin: 0;
  color: var(--muted);
  font-size: 9px;
}

.hub-profile-info-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 10px;
  margin-top: 12px;
}

.hub-profile-info-card {
  padding: 14px;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 12px;
  background: rgba(255,255,255,.022);
}

.hub-profile-info-card strong {
  display: block;
  margin-top: 6px;
  font-size: 11px;
}

.hub-inbox-list {
  display: grid;
  gap: 8px;
  margin-top: 20px;
}

.hub-inbox-row,
.hub-message-row,
.hub-empty-inbox {
  width: 100%;
  min-height: 70px;
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 11px;
  border: 1px solid rgba(255,255,255,.065);
  border-radius: 12px;
  background: rgba(255,255,255,.02);
  color: #fff;
  text-align: left;
}

.hub-inbox-row.unread,
.hub-message-row.unread {
  border-color: rgba(124,92,255,.18);
  background: rgba(124,92,255,.055);
}

.hub-inbox-dot {
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 50%;
  background: #7c5cff;
}

.hub-message-avatar {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: rgba(124,92,255,.13);
  font-size: 10px;
  font-weight: 800;
}

.hub-inbox-copy {
  min-width: 0;
  flex: 1;
}

.hub-inbox-copy strong,
.hub-inbox-copy p,
.hub-inbox-copy small {
  display: block;
}

.hub-inbox-copy strong {
  margin-bottom: 4px;
  font-size: 10px;
}

.hub-inbox-copy p {
  margin: 0 0 4px;
  color: var(--muted);
  font-size: 9px;
}

.hub-inbox-copy small {
  color: #747d89;
  font-size: 8px;
}

.hub-empty-inbox {
  display: block;
}

.hub-empty-inbox strong {
  display: block;
  margin-bottom: 5px;
  font-size: 11px;
}

.hub-empty-inbox p {
  margin: 0;
  color: var(--muted);
  font-size: 9px;
}

/* Light variants for floating nav + menu */
.hub-light .hub-floating-nav {
  border-color: rgba(20,24,32,.09);
  background: rgba(255,255,255,.78);
  box-shadow: 0 16px 40px rgba(31,38,52,.10);
}

.hub-light .hub-account-trigger {
  color: #11151b;
}

.hub-light .hub-account-trigger:hover {
  border-color: rgba(20,24,32,.08);
  background: rgba(20,24,32,.045);
}

.hub-light .hub-account-dropdown {
  border-color: rgba(20,24,32,.09);
  background: rgba(255,255,255,.96);
  box-shadow: 0 24px 64px rgba(31,38,52,.16);
}

.hub-light .hub-account-dropdown-head strong,
.hub-light .hub-account-dropdown-group button {
  color: #11151b;
}

.hub-light .hub-account-dropdown-group {
  border-top-color: rgba(20,24,32,.07);
}

.hub-light .hub-account-dropdown-group button:hover {
  background: rgba(20,24,32,.05);
}

.hub-light .hub-account-dropdown-group .hub-account-signout {
  color: #c44558;
}

.hub-light .hub-profile-hero,
.hub-light .hub-profile-info-card,
.hub-light .hub-inbox-row,
.hub-light .hub-message-row,
.hub-light .hub-empty-inbox {
  border-color: rgba(20,24,32,.08);
  background: rgba(255,255,255,.72);
  color: #11151b;
}

.hub-light .hub-profile-avatar-large {
  border-color: #fff;
}

.hub-light .hub-profile-banner {
  background:
    radial-gradient(circle at 20% 25%, rgba(124,92,255,.24), transparent 35%),
    radial-gradient(circle at 78% 50%, rgba(57,208,255,.15), transparent 28%),
    linear-gradient(145deg, #f6f4ff, #eef7fb);
}

.hub-light .hub-inbox-row.unread,
.hub-light .hub-message-row.unread {
  border-color: rgba(124,92,255,.18);
  background: rgba(124,92,255,.055);
}

@media (max-width: 760px) {
  .hub-floating-nav {
    width: calc(100% - 16px);
    top: 8px;
  }

  .hub-account-name {
    display: none;
  }

  .hub-profile-info-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}


/* =========================================================
   Floating nav sizing correction
   Full-size by default; compact only when Compact Mode is on.
   ========================================================= */

.hub-floating-nav {
  top: 8px;
  width: min(1280px, calc(100% - 20px));
  height: 58px;
  padding: 0 16px;
  border-radius: 15px;
}

.hub-floating-nav + .hub-main,
.hub-desktop .hub-main {
  padding-top: 82px;
}

.hub-floating-nav .hub-topbar-left {
  gap: 28px;
}

.hub-floating-nav .hub-brand-group {
  gap: 9px;
}

.hub-floating-nav .hub-mini-logo {
  width: 28px;
  height: 28px;
}

.hub-floating-nav .hub-title {
  font-size: 13px;
}

.hub-floating-nav .hub-nav {
  height: 100%;
  display: flex;
  align-items: center;
  gap: 4px;
}

.hub-floating-nav .hub-nav-btn {
  min-height: 36px;
  padding: 0 13px;
  font-size: 10px;
}

.hub-floating-nav .hub-account-trigger {
  height: 40px;
  padding: 5px 11px 5px 6px;
}

.hub-floating-nav .hub-account-avatar {
  width: 30px;
  height: 30px;
  font-size: 11px;
}

.hub-floating-nav .hub-account-name {
  font-size: 11px;
}

/* Compact Mode is the only state that makes the nav smaller. */
.hub-compact .hub-floating-nav {
  top: 8px;
  width: min(1180px, calc(100% - 28px));
  height: 46px;
  padding: 0 10px 0 12px;
  border-radius: 13px;
}

.hub-compact .hub-floating-nav + .hub-main,
.hub-compact .hub-desktop .hub-main {
  padding-top: 68px;
}

.hub-compact .hub-floating-nav .hub-topbar-left {
  gap: 20px;
}

.hub-compact .hub-floating-nav .hub-mini-logo {
  width: 24px;
  height: 24px;
}

.hub-compact .hub-floating-nav .hub-title {
  font-size: 11px;
}

.hub-compact .hub-floating-nav .hub-nav-btn {
  min-height: 30px;
  padding: 0 10px;
  font-size: 9px;
}

.hub-compact .hub-floating-nav .hub-account-trigger {
  height: 32px;
  padding: 3px 8px 3px 4px;
}

.hub-compact .hub-floating-nav .hub-account-avatar {
  width: 25px;
  height: 25px;
  font-size: 9px;
}

.hub-compact .hub-floating-nav .hub-account-name {
  font-size: 9px;
}

@media (max-width: 760px) {
  .hub-floating-nav {
    top: 6px;
    width: calc(100% - 12px);
    height: 54px;
    padding: 0 10px;
  }

  .hub-floating-nav + .hub-main,
  .hub-desktop .hub-main {
    padding-top: 74px;
  }

  .hub-compact .hub-floating-nav {
    width: calc(100% - 12px);
    height: 44px;
  }
}


/* =========================================================
   Navigation behavior: full-width default, floating compact
   ========================================================= */

/* Normal mode: attached to very top, full width, no outer spacing */
.hub-floating-nav {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  max-width: none !important;
  height: 58px;
  transform: none !important;
  padding: 0 18px;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-radius: 0;
}

.hub-floating-nav + .hub-main,
.hub-desktop .hub-main {
  padding-top: 76px;
}

/* Compact mode: inset/floating nav */
.hub-compact .hub-floating-nav {
  top: 8px !important;
  left: 50% !important;
  width: min(1180px, calc(100% - 28px)) !important;
  height: 46px;
  transform: translateX(-50%) !important;
  padding: 0 10px 0 12px;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 13px;
}

.hub-light.hub-compact .hub-floating-nav {
  border-color: rgba(20,24,32,.09);
}

.hub-compact .hub-floating-nav + .hub-main,
.hub-compact .hub-desktop .hub-main {
  padding-top: 68px;
}

/* Profile uploads */
.hub-profile-upload-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.hub-upload-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 0 10px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 9px;
  background: rgba(255,255,255,.035);
  color: #fff;
  font-size: 9px;
  font-weight: 700;
  cursor: pointer;
}

.hub-upload-btn:hover {
  background: rgba(255,255,255,.065);
}

.hub-upload-btn input {
  display: none;
}

.hub-light .hub-upload-btn {
  border-color: rgba(20,24,32,.09);
  background: rgba(20,24,32,.035);
  color: #222832;
}

.hub-light .hub-upload-btn:hover {
  background: rgba(20,24,32,.065);
}

@media (max-width: 760px) {
  .hub-floating-nav {
    top: 0 !important;
    width: 100% !important;
    height: 54px;
    padding: 0 10px;
  }

  .hub-compact .hub-floating-nav {
    top: 6px !important;
    width: calc(100% - 12px) !important;
    height: 44px;
  }

  .hub-profile-main {
    padding-right: 12px;
  }

  .hub-profile-upload-actions {
    width: 100%;
    margin-top: 10px;
  }
}


/* =========================================================
   Normal nav cleanup + profile/social additions
   ========================================================= */

/* Normal mode: avatar only, no username text */
body:not(.hub-compact) .hub-account-name,
body:not(.hub-compact) .hub-account-chevron {
  display: none;
}

body:not(.hub-compact) .hub-account-trigger {
  padding: 5px;
}

/* Remove oversized gap between myHub and Home */
.hub-floating-nav .hub-topbar-left {
  gap: 12px;
}

.hub-floating-nav .hub-brand-group {
  margin-right: 2px;
}

.hub-compact .hub-floating-nav .hub-topbar-left {
  gap: 16px;
}

.hub-compact .hub-account-name,
.hub-compact .hub-account-chevron {
  display: inline;
}

/* Profile social area */
.hub-profile-social-grid {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 12px;
  margin-top: 12px;
}

.hub-profile-about-card,
.hub-profile-friends-card {
  padding: 16px;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 13px;
  background: rgba(255,255,255,.022);
}

.hub-profile-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.hub-profile-section-head h3 {
  margin: 4px 0 0;
  font-size: 13px;
}

.hub-profile-about-card > p {
  margin: 0;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.65;
  white-space: pre-wrap;
}

.hub-profile-friend-preview {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.hub-profile-friend-preview > p {
  margin: 0;
  color: var(--muted);
  font-size: 9px;
}

.hub-profile-friend-chip {
  min-width: 112px;
  padding: 8px 10px;
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(255,255,255,.065);
  border-radius: 10px;
  background: rgba(255,255,255,.02);
}

.hub-profile-friend-chip > span {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: rgba(124,92,255,.14);
  font-size: 9px;
  font-weight: 800;
}

.hub-profile-friend-chip strong {
  font-size: 9px;
}

/* Friends page */
.hub-friends-toolbar {
  display: flex;
  gap: 8px;
  margin-top: 20px;
}

.hub-friends-toolbar input {
  min-width: 0;
  flex: 1;
  height: 38px;
  padding: 0 11px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  background: rgba(255,255,255,.025);
  color: #fff;
}

.hub-primary-btn {
  min-height: 38px;
  padding: 0 13px;
  border: 0;
  border-radius: 10px;
  background: linear-gradient(135deg, #7c5cff, #39d0ff);
  color: #fff;
  font-size: 10px;
  font-weight: 800;
}

.hub-friends-list {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

.hub-friend-row {
  min-height: 64px;
  padding: 10px 12px;
  display: flex;
  align-items: center;
  gap: 11px;
  border: 1px solid rgba(255,255,255,.065);
  border-radius: 12px;
  background: rgba(255,255,255,.02);
}

.hub-friend-avatar {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: rgba(124,92,255,.14);
  font-size: 10px;
  font-weight: 800;
}

.hub-friend-copy {
  min-width: 0;
  flex: 1;
}

.hub-friend-copy strong,
.hub-friend-copy small {
  display: block;
}

.hub-friend-copy strong {
  margin-bottom: 3px;
  font-size: 10px;
}

.hub-friend-copy small {
  color: var(--muted);
  font-size: 8px;
}

/* Light variants */
.hub-light .hub-profile-about-card,
.hub-light .hub-profile-friends-card,
.hub-light .hub-profile-friend-chip,
.hub-light .hub-friend-row {
  border-color: rgba(20,24,32,.08);
  background: rgba(255,255,255,.72);
  color: #11151b;
}

.hub-light .hub-friends-toolbar input {
  border-color: rgba(20,24,32,.09);
  background: rgba(20,24,32,.035);
  color: #11151b;
}

@media (max-width: 760px) {
  .hub-profile-social-grid {
    grid-template-columns: 1fr;
  }

  .hub-friends-toolbar {
    flex-direction: column;
  }
}


/* =========================================================
   myHub platform expansion — final theme pass
   ========================================================= */
:root { --profile-accent:#7c5cff; }
body.hub-compact .hub-floating-nav { top:0 !important; left:0 !important; width:100% !important; max-width:none !important; height:58px !important; transform:none !important; border-radius:0 !important; }
.hub-account-avatar img,.hub-account-dropdown-avatar img,.hub-profile-avatar-large img,.hub-friend-avatar img { width:100%;height:100%;object-fit:cover;border-radius:inherit; }
.hub-account-dropdown-head em{display:block;margin-top:3px;color:var(--muted);font-size:8px;font-style:normal;}
.hub-route-loader{position:fixed;top:58px;left:0;width:100%;height:3px;z-index:1400;pointer-events:none;opacity:0;overflow:hidden;background:transparent;transition:opacity .12s ease}.hub-route-loader.active{opacity:1}.hub-route-loader span{display:block;width:30%;height:100%;background:linear-gradient(90deg,var(--profile-accent),#39d0ff);border-radius:999px;animation:hubRouteLoad .65s ease-in-out infinite}@keyframes hubRouteLoad{0%{transform:translateX(-120%)}100%{transform:translateX(440%)}}
.hub-current-community-summary{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid rgba(255,255,255,.065);border-radius:12px;background:rgba(255,255,255,.025)}.hub-community-orb{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,color-mix(in srgb,var(--profile-accent) 34%,transparent),rgba(57,208,255,.12));font-weight:800}.hub-current-community-summary strong,.hub-current-community-summary p{display:block}.hub-current-community-summary p{margin:4px 0 0;color:var(--muted);font-size:9px}.hub-context-actions{display:flex;gap:8px;margin-top:9px}.hub-context-actions button{flex:1;padding:9px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(255,255,255,.025);color:inherit;font-size:9px;font-weight:700}
.hub-community-overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.hub-community-stat{padding:15px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.022)}.hub-community-stat strong{display:block;font-size:20px}.hub-community-stat span{color:var(--muted);font-size:9px}.hub-community-browser-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 10px}.hub-community-browser-head h2{margin:0;font-size:15px}.hub-invite-entry{display:flex;gap:7px}.hub-invite-entry input,.hub-admin-search input,.hub-character-create input{height:36px;padding:0 10px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.025);color:inherit}.hub-invite-entry button{padding:0 12px;border:0;border-radius:9px;background:linear-gradient(135deg,var(--profile-accent),#39d0ff);color:#fff;font-weight:800}.hub-community-browser-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hub-community-browser-card{overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:rgba(255,255,255,.022)}.hub-community-browser-card.active{border-color:color-mix(in srgb,var(--profile-accent) 45%,transparent)}.hub-community-browser-banner{min-height:92px;padding:14px;display:flex;align-items:flex-end;justify-content:space-between;background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--profile-accent) 30%,transparent),transparent 38%),radial-gradient(circle at 80% 20%,rgba(57,208,255,.16),transparent 30%),rgba(255,255,255,.025)}.hub-community-browser-banner span{font-size:22px;font-weight:900}.hub-community-browser-banner em{font-size:8px;color:var(--muted);font-style:normal}.hub-community-browser-copy{padding:15px}.hub-community-browser-copy h3{margin:0 0 6px;font-size:14px}.hub-community-browser-copy p{margin:0 0 12px;color:var(--muted);font-size:9px;line-height:1.55}.hub-community-meta{display:flex;gap:8px;margin-bottom:13px}.hub-community-meta span{padding:5px 7px;border-radius:999px;background:rgba(255,255,255,.04);font-size:8px;color:var(--muted)}.hub-community-browser-copy>button{width:100%;height:34px;border:0;border-radius:9px;background:linear-gradient(135deg,var(--profile-accent),#39d0ff);color:#fff;font-size:9px;font-weight:800}.hub-community-browser-copy>button:disabled{background:rgba(255,255,255,.05);color:var(--muted)}
.hub-profile-about-card textarea{width:100%;min-height:126px;resize:vertical;padding:11px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(255,255,255,.02);color:inherit;font:inherit;font-size:10px;line-height:1.6}.hub-inline-actions{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.hub-inline-actions span{color:var(--muted);font-size:8px}.hub-profile-friend-chip{border:1px solid rgba(255,255,255,.065);color:inherit}.hub-public-profile{overflow:hidden;margin-top:20px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:rgba(255,255,255,.02)}
.hub-social-section{margin-top:22px}.hub-social-section h2{font-size:13px}.hub-messaging-shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:560px;margin-top:20px;border:1px solid rgba(255,255,255,.07);border-radius:15px;overflow:hidden;background:rgba(255,255,255,.018)}.hub-chat-list{padding:8px;border-right:1px solid rgba(255,255,255,.065)}.hub-chat-person{width:100%;display:flex;align-items:center;gap:9px;padding:9px;border:0;border-radius:9px;background:transparent;color:inherit;text-align:left}.hub-chat-person:hover,.hub-chat-person.active{background:rgba(255,255,255,.05)}.hub-chat-person>span{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--profile-accent) 18%,transparent);font-size:9px;font-weight:800}.hub-chat-person strong,.hub-chat-person small{display:block}.hub-chat-person strong{font-size:9px}.hub-chat-person small{margin-top:3px;color:var(--muted);font-size:7px}.hub-chat-window{display:grid;grid-template-rows:auto 1fr auto;min-width:0}.hub-chat-window>header{padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.065)}.hub-chat-window>header strong,.hub-chat-window>header small{display:block}.hub-chat-window>header strong{font-size:11px}.hub-chat-window>header small{margin-top:3px;color:var(--muted);font-size:8px}.hub-chat-thread{padding:18px;display:flex;flex-direction:column;gap:8px;overflow:auto}.hub-chat-bubble{max-width:72%;padding:9px 11px;border-radius:12px;background:rgba(255,255,255,.05)}.hub-chat-bubble.mine{align-self:flex-end;background:color-mix(in srgb,var(--profile-accent) 22%,rgba(255,255,255,.02))}.hub-chat-bubble p{margin:0;font-size:9px;line-height:1.5}.hub-chat-bubble small{display:block;margin-top:5px;color:var(--muted);font-size:7px}.hub-chat-empty{margin:auto;color:var(--muted);font-size:9px}.hub-chat-compose{display:flex;gap:8px;padding:10px;border-top:1px solid rgba(255,255,255,.065)}.hub-chat-compose input{flex:1;height:38px;padding:0 11px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.025);color:inherit}.hub-chat-compose button{padding:0 14px;border:0;border-radius:10px;background:linear-gradient(135deg,var(--profile-accent),#39d0ff);color:#fff;font-size:9px;font-weight:800}
.hub-page-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.hub-page-title-row h1{margin-bottom:4px}.hub-form-history{margin-top:24px;padding:16px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.02)}.hub-form-history-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.055)}.hub-form-history-row:last-child{border-bottom:0}.hub-form-history-row strong,.hub-form-history-row small{display:block}.hub-form-history-row strong{font-size:10px}.hub-form-history-row small{margin-top:3px;color:var(--muted);font-size:8px}.hub-status-pill{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.05);font-size:8px;font-weight:800}.status-submitted,.status-under-review{background:rgba(57,208,255,.10);color:#78dbff}.status-approved{background:rgba(72,201,124,.11);color:#7be0a4}.status-denied{background:rgba(255,95,114,.10);color:#ff909d}.status-draft{color:var(--muted)}.hub-form-submit-row{display:flex;justify-content:flex-end;gap:8px}
.hub-character-create{display:flex;gap:8px;margin-top:20px}.hub-character-create input{flex:1}.hub-character-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.hub-character-card{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.022)}.hub-character-card.active{border-color:color-mix(in srgb,var(--profile-accent) 42%,transparent)}.hub-character-card>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--profile-accent) 16%,transparent);font-weight:800}.hub-character-card>div{flex:1}.hub-character-card strong,.hub-character-card small{display:block}.hub-character-card strong{font-size:10px}.hub-character-card small{margin-top:3px;color:var(--muted);font-size:8px}.hub-character-card button{padding:7px 9px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:rgba(255,255,255,.03);color:inherit;font-size:8px;font-weight:700}
.hub-security-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.hub-security-summary>div{padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.022)}.hub-security-summary span,.hub-security-summary strong{display:block}.hub-security-summary span{color:var(--muted);font-size:8px}.hub-security-summary strong{margin-top:5px;font-size:10px}.hub-activity-list{margin-top:12px}.hub-activity-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.055)}.hub-activity-row>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgba(124,92,255,.10);font-size:9px;font-weight:800}.hub-activity-row strong,.hub-activity-row small{display:block}.hub-activity-row strong{font-size:9px}.hub-activity-row small{margin-top:3px;color:var(--muted);font-size:7px}.hub-admin-search{margin:20px 0 10px}.hub-admin-search input{width:100%}.hub-admin-user-list{display:grid;gap:8px}.hub-admin-user-row{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid rgba(255,255,255,.065);border-radius:11px;background:rgba(255,255,255,.02)}.hub-admin-user-row select{height:32px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#151821;color:#fff;padding:0 7px;font-size:8px}
/* complete light equivalents */
.hub-light .hub-current-community-summary,.hub-light .hub-community-stat,.hub-light .hub-community-browser-card,.hub-light .hub-profile-about-card,.hub-light .hub-profile-friends-card,.hub-light .hub-public-profile,.hub-light .hub-messaging-shell,.hub-light .hub-form-history,.hub-light .hub-character-card,.hub-light .hub-security-summary>div,.hub-light .hub-admin-user-row{border-color:rgba(20,24,32,.08);background:rgba(255,255,255,.78);box-shadow:0 12px 34px rgba(31,38,52,.04)}
.hub-light .hub-context-actions button,.hub-light .hub-character-card button,.hub-light .hub-community-meta span,.hub-light .hub-chat-person:hover,.hub-light .hub-chat-person.active,.hub-light .hub-status-pill{border-color:rgba(20,24,32,.08);background:rgba(20,24,32,.045);color:#202630}.hub-light .hub-invite-entry input,.hub-light .hub-admin-search input,.hub-light .hub-character-create input,.hub-light .hub-profile-about-card textarea,.hub-light .hub-chat-compose input{border-color:rgba(20,24,32,.09);background:rgba(20,24,32,.035);color:#11151b}.hub-light .hub-chat-list{border-right-color:rgba(20,24,32,.08)}.hub-light .hub-chat-window>header,.hub-light .hub-chat-compose,.hub-light .hub-form-history-row,.hub-light .hub-activity-row{border-color:rgba(20,24,32,.07)}.hub-light .hub-chat-bubble{background:rgba(20,24,32,.055);color:#11151b}.hub-light .hub-chat-bubble.mine{background:color-mix(in srgb,var(--profile-accent) 13%,white)}.hub-light .hub-admin-user-row select{border-color:rgba(20,24,32,.09);background:#fff;color:#11151b}.hub-light .hub-community-browser-banner{background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--profile-accent) 18%,transparent),transparent 38%),radial-gradient(circle at 80% 20%,rgba(57,208,255,.12),transparent 30%),#f8f9fc}.hub-light .hub-route-loader{background:rgba(255,255,255,.1)}
@media(max-width:800px){.hub-community-browser-grid,.hub-character-grid{grid-template-columns:1fr}.hub-messaging-shell{grid-template-columns:1fr;min-height:640px}.hub-chat-list{display:flex;overflow:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.065)}.hub-chat-person{min-width:160px}.hub-security-summary{grid-template-columns:1fr}.hub-community-browser-head{align-items:stretch;flex-direction:column}.hub-invite-entry input{flex:1}.hub-admin-user-row{align-items:stretch;flex-direction:column}.hub-profile-info-grid{grid-template-columns:repeat(2,1fr)}}


/* Requested nav alignment + slightly larger UI */
.hub-floating-nav .hub-topbar-left{gap:8px!important}
.hub-floating-nav .hub-nav{gap:8px!important}
.hub-floating-nav .hub-brand-group{margin-right:0!important}
.hub-main{max-width:1360px}
.hub-floating-nav{height:62px}
.hub-floating-nav+.hub-main,.hub-desktop .hub-main{padding-top:84px}
.hub-floating-nav .hub-mini-logo{width:31px;height:31px}
.hub-floating-nav .hub-title{font-size:14px}
.hub-floating-nav .hub-nav-btn{min-height:39px;padding:0 15px;font-size:11px}
.hub-floating-nav .hub-account-trigger{height:42px}
.hub-floating-nav .hub-account-avatar{width:32px;height:32px}
.hub-panel{padding:20px;border-radius:16px}
.hub-panel-head h2{font-size:16px}
.hub-welcome h1{font-size:clamp(30px,3vw,42px)}
.hub-user-name-large{font-size:17px}
.hub-panel-kicker,.hub-eyebrow{font-size:9px}
.hub-small-btn,.hub-secondary-btn,.hub-primary-btn{min-height:36px;padding-left:12px;padding-right:12px;font-size:10px}

/* Manage Community */
.hub-manage-community{margin:22px 0 26px;padding:20px;border:1px solid rgba(255,255,255,.075);border-radius:16px;background:radial-gradient(circle at 90% 5%,rgba(57,208,255,.07),transparent 26%),radial-gradient(circle at 5% 5%,rgba(124,92,255,.09),transparent 30%),rgba(255,255,255,.022)}
.hub-manage-community-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}
.hub-manage-community-head h2{margin:4px 0 5px;font-size:17px}
.hub-manage-community-head p{margin:0;color:var(--muted);font-size:10px}
.hub-manage-community-identity{min-width:220px;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(255,255,255,.065);border-radius:12px;background:rgba(255,255,255,.025)}
.hub-manage-community-identity>span{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,rgba(124,92,255,.20),rgba(57,208,255,.08));font-size:10px;font-weight:800}
.hub-manage-community-identity>span{overflow:hidden}
.hub-manage-community-identity>span img{width:100%;height:100%;display:block;object-fit:cover}
.hub-manage-community-identity strong,.hub-manage-community-identity small{display:block}
.hub-manage-community-identity strong{margin-bottom:3px;font-size:10px}
.hub-manage-community-identity small{color:var(--muted);font-size:8px}
.hub-manage-tabs{display:flex;gap:7px;overflow-x:auto;padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06)}
.hub-manage-tabs button{min-height:34px;padding:0 11px;flex:0 0 auto;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted);font-size:9px;font-weight:700}
.hub-manage-tabs button:hover,.hub-manage-tabs button.active{color:#fff;border-color:rgba(124,92,255,.16);background:rgba(124,92,255,.09)}
.hub-manage-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.hub-manage-summary,.hub-manage-link-card{min-height:88px;padding:13px;border:1px solid rgba(255,255,255,.065);border-radius:12px;background:rgba(255,255,255,.02);color:#fff;text-align:left}
.hub-manage-summary strong,.hub-manage-summary span,.hub-manage-link-card strong,.hub-manage-link-card span{display:block}
.hub-manage-summary strong,.hub-manage-link-card strong{margin-bottom:7px;font-size:11px}
.hub-manage-summary span,.hub-manage-link-card span{color:var(--muted);font-size:8px}
.hub-manage-link-card{cursor:pointer}
.hub-manage-link-card:hover{border-color:rgba(124,92,255,.17);background:rgba(124,92,255,.055)}
.hub-manage-link-card.danger strong{color:#ff909d}
.hub-manage-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.hub-manage-option{min-height:66px;padding:10px 12px;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.065);border-radius:11px;background:rgba(255,255,255,.02);color:#fff;text-align:left}
.hub-manage-option:not(.static):hover{background:rgba(255,255,255,.045)}
.hub-manage-option>span{width:35px;height:35px;flex:0 0 35px;display:grid;place-items:center;border-radius:9px;background:rgba(124,92,255,.11);color:#c8c1ff;font-size:8px;font-weight:800}
.hub-manage-option>div{min-width:0;flex:1}
.hub-manage-option strong,.hub-manage-option small{display:block}
.hub-manage-option strong{margin-bottom:3px;font-size:10px}
.hub-manage-option small{color:var(--muted);font-size:8px}
.hub-manage-option em{color:var(--muted);font-size:9px;font-style:normal}

.hub-light .hub-manage-community,.hub-light .hub-manage-community-identity,.hub-light .hub-manage-summary,.hub-light .hub-manage-link-card,.hub-light .hub-manage-option{border-color:rgba(20,24,32,.08);background:rgba(255,255,255,.74);color:#11151b}
.hub-light .hub-manage-community{background:radial-gradient(circle at 90% 5%,rgba(57,208,255,.07),transparent 26%),radial-gradient(circle at 5% 5%,rgba(124,92,255,.08),transparent 30%),rgba(255,255,255,.78)}
.hub-light .hub-manage-tabs{border-bottom-color:rgba(20,24,32,.07)}
.hub-light .hub-manage-tabs button:hover,.hub-light .hub-manage-tabs button.active{color:#11151b;border-color:rgba(124,92,255,.15);background:rgba(124,92,255,.08)}
.hub-light .hub-manage-link-card:hover,.hub-light .hub-manage-option:not(.static):hover{background:rgba(20,24,32,.045)}

@media(max-width:900px){.hub-manage-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.hub-manage-community-head{align-items:flex-start;flex-direction:column}.hub-manage-community-identity{width:100%;min-width:0}.hub-manage-option-grid,.hub-manage-summary-grid{grid-template-columns:1fr}}


/* =========================================================
   Fluid UI scale
   ========================================================= */
:root {
  --hub-scale: clamp(.88, calc(100vw / 1500), 1.18);
}

.hub-main {
  width: min(94vw, 1680px);
  max-width: none;
  padding-left: clamp(16px, 2vw, 34px);
  padding-right: clamp(16px, 2vw, 34px);
}

.hub-main,
.hub-floating-nav {
  font-size: calc(14px * var(--hub-scale));
}

.hub-panel {
  padding: clamp(18px, 1.55vw, 28px);
  border-radius: clamp(14px, 1vw, 20px);
}

.hub-dashboard-grid,
.hub-community-browser-grid,
.hub-profile-info-grid,
.hub-profile-social-grid {
  gap: clamp(10px, .9vw, 16px);
}

.hub-welcome h1 {
  font-size: clamp(32px, 3.2vw, 54px);
}

.hub-panel-head h2,
.hub-community-browser-head h2,
.hub-manage-community-head h2 {
  font-size: clamp(16px, 1.35vw, 22px);
}

.hub-form-feature strong,
.hub-community-primary strong,
.hub-profile-copy h2 {
  font-size: clamp(15px, 1.2vw, 20px);
}

.hub-floating-nav {
  padding-left: clamp(14px, 1.5vw, 26px);
  padding-right: clamp(14px, 1.5vw, 26px);
}

/* Social / notifications */
.hub-page-title-row {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}

.hub-notification-dismiss {
  width:28px;height:28px;flex:0 0 28px;
  border:0;border-radius:8px;
  background:rgba(255,255,255,.04);
  color:var(--muted);
}
.hub-notification-dismiss:hover { background:rgba(255,255,255,.08); color:#fff; }

.hub-social-section { margin-top:22px; }
.hub-social-section h2 { margin:0 0 10px; font-size:15px; }
.hub-friend-main { min-width:0; flex:1; display:flex; align-items:center; gap:11px; border:0; background:transparent; color:inherit; text-align:left; }
.hub-friend-actions { display:flex; gap:7px; flex-wrap:wrap; }

/* Messaging */
.hub-messaging-shell {
  display:grid;
  grid-template-columns:minmax(220px, 30%) 1fr;
  min-height:520px;
  margin-top:20px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.07);
  border-radius:16px;
  background:rgba(255,255,255,.018);
}
.hub-contact-list {
  padding:10px;
  overflow:auto;
  border-right:1px solid rgba(255,255,255,.06);
}
.hub-contact-row {
  width:100%;
  min-height:58px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:9px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#fff;
  text-align:left;
}
.hub-contact-row:hover,.hub-contact-row.active { background:rgba(124,92,255,.08); }
.hub-contact-avatar {
  width:36px;height:36px;flex:0 0 36px;
  display:grid;place-items:center;
  overflow:hidden;border-radius:10px;
  background:rgba(124,92,255,.13);
  font-size:10px;font-weight:800;
}
.hub-contact-avatar img { width:100%;height:100%;object-fit:cover; }
.hub-contact-row strong,.hub-contact-row small { display:block; }
.hub-contact-row strong { margin-bottom:3px;font-size:10px; }
.hub-contact-row small { color:var(--muted);font-size:8px; }

.hub-conversation { min-width:0; display:flex; flex-direction:column; }
.hub-conversation-head {
  min-height:58px;padding:10px 14px;
  display:flex;align-items:center;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.hub-conversation-head button { border:0;background:transparent;color:#fff;text-align:left; }
.hub-conversation-head strong,.hub-conversation-head small { display:block; }
.hub-conversation-head small { color:var(--muted);font-size:8px;margin-top:3px; }
.hub-thread {
  flex:1;
  min-height:360px;
  padding:16px;
  overflow:auto;
  display:flex;
  flex-direction:column;
  gap:9px;
}
.hub-bubble {
  max-width:min(72%,620px);
  padding:10px 12px;
  border-radius:12px;
  background:rgba(255,255,255,.045);
}
.hub-bubble.mine {
  align-self:flex-end;
  background:linear-gradient(145deg,rgba(124,92,255,.22),rgba(57,208,255,.10));
}
.hub-bubble.theirs { align-self:flex-start; }
.hub-bubble p { margin:0 0 5px;font-size:10px;line-height:1.5; }
.hub-bubble small { color:var(--muted);font-size:7px; }
.hub-empty-thread { margin:auto; text-align:center; color:var(--muted); }
.hub-empty-thread strong { display:block;color:inherit;font-size:11px;margin-bottom:5px; }
.hub-empty-thread p { margin:0;font-size:9px; }
.hub-message-composer {
  padding:10px;
  display:flex;
  gap:8px;
  border-top:1px solid rgba(255,255,255,.06);
}
.hub-message-composer textarea {
  min-height:42px;
  flex:1;
  resize:none;
  padding:10px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  background:rgba(255,255,255,.025);
  color:#fff;
}

/* Community Application */
.hub-community-application {
  display:grid;
  gap:14px;
  max-width:900px;
  margin-top:22px;
  padding:20px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:16px;
  background:rgba(255,255,255,.02);
}
.hub-community-application .field span { display:block;margin-bottom:6px;color:#c8ced8;font-size:9px;font-weight:700; }
.hub-community-application textarea,
.hub-community-application input {
  width:100%;
  min-height:44px;
  padding:10px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  background:rgba(255,255,255,.025);
  color:#fff;
}
.hub-community-application textarea { min-height:110px; resize:vertical; }

/* Light mode for new UI */
.hub-light .hub-messaging-shell,
.hub-light .hub-community-application {
  border-color:rgba(20,24,32,.08);
  background:rgba(255,255,255,.78);
}
.hub-light .hub-contact-list,
.hub-light .hub-conversation-head,
.hub-light .hub-message-composer {
  border-color:rgba(20,24,32,.07);
}
.hub-light .hub-contact-row,
.hub-light .hub-conversation-head button,
.hub-light .hub-message-composer textarea,
.hub-light .hub-community-application textarea,
.hub-light .hub-community-application input {
  color:#11151b;
}
.hub-light .hub-contact-row:hover,
.hub-light .hub-contact-row.active {
  background:rgba(124,92,255,.07);
}
.hub-light .hub-bubble {
  background:rgba(20,24,32,.045);
  color:#11151b;
}
.hub-light .hub-bubble.mine {
  background:linear-gradient(145deg,rgba(124,92,255,.13),rgba(57,208,255,.08));
}
.hub-light .hub-message-composer textarea,
.hub-light .hub-community-application textarea,
.hub-light .hub-community-application input {
  border-color:rgba(20,24,32,.09);
  background:rgba(20,24,32,.03);
}
.hub-light .hub-community-application .field span { color:#4d5662; }
.hub-light .hub-notification-dismiss:hover { background:rgba(20,24,32,.06);color:#11151b; }

@media(max-width:820px){
  .hub-messaging-shell{grid-template-columns:1fr;min-height:0}
  .hub-contact-list{border-right:0;border-bottom:1px solid rgba(255,255,255,.06);max-height:230px}
  .hub-light .hub-contact-list{border-bottom-color:rgba(20,24,32,.07)}
  .hub-thread{min-height:300px}
}


/* =========================================================
   UI refresh: profiles, communities, dropdown, friends
   ========================================================= */

.hub-account-trigger {
  gap: 7px;
}

body:not(.hub-compact) .hub-account-chevron {
  display: grid !important;
  place-items: center;
  width: 24px;
  height: 24px;
  margin-left: 1px;
  border-radius: 7px;
  color: #8d96a5;
  transition: .16s ease;
}

.hub-account-dropdown.open ~ * .hub-account-chevron,
.hub-account-trigger:hover .hub-account-chevron {
  color: #fff;
  background: rgba(255,255,255,.055);
}

.hub-account-avatar img,
.hub-account-dropdown-avatar img,
.hub-friend-avatar img,
.hub-person-avatar img {
  width:100%;
  height:100%;
  object-fit:cover;
}

.hub-account-dropdown {
  width: 278px;
  padding: 9px;
}

.hub-account-dropdown-head {
  padding: 10px 10px 12px;
}

.hub-account-dropdown-person {
  min-width: 0;
  flex: 1;
}

.hub-account-dropdown-context {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 4px 7px;
  padding:9px 10px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:9px;
  background:rgba(255,255,255,.025);
}

.hub-account-dropdown-context span {
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#d6dbe3;
  font-size:8px;
  font-weight:700;
}

.hub-account-dropdown-context small {
  color:var(--muted);
  font-size:8px;
}

.hub-account-dropdown-group button {
  min-height: 46px;
  padding: 9px 10px;
}

/* Communities */
.hub-community-browser-grid {
  grid-template-columns: repeat(auto-fit,minmax(280px,1fr));
  gap: clamp(12px,1vw,18px);
}

.hub-community-browser-card {
  overflow:hidden;
  min-height: 300px;
  border-radius: 16px;
}

.hub-community-browser-banner {
  min-height: 112px;
  padding: 16px;
}

.hub-community-browser-copy {
  padding: 17px;
}

.hub-community-title-line {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.hub-community-title-line h3 {
  margin:0;
}

.hub-community-access-state {
  flex:0 0 auto;
  padding:5px 7px;
  border:1px solid rgba(124,92,255,.15);
  border-radius:999px;
  background:rgba(124,92,255,.07);
  color:#a99cff;
  font-size:7px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
}

/* Profiles */
.hub-profile-hero {
  border-radius: 18px;
}

.hub-profile-banner {
  height: clamp(150px, 14vw, 220px);
}

.hub-profile-main {
  min-height: 116px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.hub-profile-avatar-large {
  width: 86px;
  height: 86px;
  top: -43px;
  font-size: 28px;
}

.hub-profile-copy h2 {
  font-size: clamp(18px,1.4vw,24px);
}

.hub-profile-info-grid {
  grid-template-columns: repeat(auto-fit,minmax(180px,1fr));
}

/* Friends */
.hub-section-title-row {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}

.hub-section-title-row h2 {
  margin:0;
  font-size:15px;
}

.hub-section-title-row > span {
  min-width:26px;
  height:26px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:rgba(255,255,255,.04);
  color:var(--muted);
  font-size:8px;
  font-weight:800;
}

.hub-friend-row {
  min-height:72px;
}

.hub-friend-avatar {
  overflow:hidden;
}

.hub-secondary-btn.danger {
  color:#ff909d;
  border-color:rgba(255,95,114,.13);
  background:rgba(255,95,114,.045);
}

.hub-people-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:10px;
}

.hub-person-card {
  padding:12px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:13px;
  background:rgba(255,255,255,.02);
}

.hub-person-profile {
  width:100%;
  display:flex;
  align-items:center;
  flex-direction:column;
  gap:7px;
  padding:7px;
  margin-bottom:10px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#fff;
}

.hub-person-profile:hover {
  background:rgba(255,255,255,.035);
}

.hub-person-avatar {
  width:52px;
  height:52px;
  overflow:hidden;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:linear-gradient(145deg,rgba(124,92,255,.22),rgba(57,208,255,.10));
  font-size:14px;
  font-weight:800;
}

.hub-person-profile strong {
  font-size:10px;
}

.hub-person-profile small {
  color:var(--muted);
  font-size:8px;
}

.hub-person-card > button:not(.hub-person-profile) {
  width:100%;
}

/* Light mode */
.hub-light .hub-account-trigger:hover .hub-account-chevron {
  color:#11151b;
  background:rgba(20,24,32,.055);
}

.hub-light .hub-account-dropdown-context,
.hub-light .hub-person-card {
  border-color:rgba(20,24,32,.08);
  background:rgba(20,24,32,.025);
}

.hub-light .hub-account-dropdown-context span,
.hub-light .hub-person-profile {
  color:#11151b;
}

.hub-light .hub-person-profile:hover {
  background:rgba(20,24,32,.04);
}

.hub-light .hub-section-title-row > span {
  background:rgba(20,24,32,.045);
}

@media(max-width:720px){
  .hub-account-dropdown{width:min(278px,calc(100vw - 24px))}
  .hub-profile-main{padding-left:104px}
}


/* Activity & Security */
.hub-security-summary-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:12px;
  margin-top:22px;
}
.hub-security-summary{
  min-height:105px;
  padding:16px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:14px;
  background:rgba(255,255,255,.02);
}
.hub-security-summary strong,
.hub-security-summary small{
  display:block;
}
.hub-security-summary strong{
  margin:8px 0 5px;
  font-size:11px;
}
.hub-security-summary small{
  color:var(--muted);
  font-size:8px;
}
.hub-activity-list-wrap{
  margin-top:22px;
}
.hub-activity-list{
  display:grid;
  gap:8px;
}
.hub-activity-row{
  min-height:58px;
  display:flex;
  align-items:center;
  gap:11px;
  padding:11px 12px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:11px;
  background:rgba(255,255,255,.018);
}
.hub-activity-icon{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:rgba(124,92,255,.11);
  color:#b9afff;
}
.hub-activity-row strong,
.hub-activity-row small{
  display:block;
}
.hub-activity-row strong{
  margin-bottom:3px;
  font-size:9px;
}
.hub-activity-row small{
  color:var(--muted);
  font-size:8px;
}

/* Empty communities */
.hub-community-empty-browser{
  grid-column:1/-1;
  min-height:260px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:8px;
  padding:28px;
  text-align:center;
  border:1px dashed rgba(255,255,255,.09);
  border-radius:16px;
  background:rgba(255,255,255,.015);
}
.hub-community-empty-icon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:linear-gradient(145deg,rgba(124,92,255,.18),rgba(57,208,255,.08));
  color:#c8c1ff;
  font-size:22px;
  font-weight:500;
}
.hub-community-empty-browser strong{
  font-size:11px;
}
.hub-community-empty-browser p{
  margin:0;
  color:var(--muted);
  font-size:9px;
}

/* Light variants */
.hub-light .hub-security-summary,
.hub-light .hub-activity-row,
.hub-light .hub-community-empty-browser{
  border-color:rgba(20,24,32,.08);
  background:rgba(255,255,255,.72);
}


/* =========================================================
   Profile overhaul
   Friends left / About Me right
   ========================================================= */

.hub-profile-page-redesign {
  width:100%;
}

.hub-profile-shell {
  overflow:hidden;
  border:1px solid rgba(255,255,255,.065);
  border-radius:20px;
  background:rgba(255,255,255,.018);
  box-shadow:0 20px 60px rgba(0,0,0,.18);
}

.hub-profile-banner-redesign {
  position:relative;
  height:clamp(165px,17vw,245px);
  background:
    radial-gradient(circle at 20% 10%,rgba(124,92,255,.28),transparent 38%),
    linear-gradient(135deg,rgba(57,208,255,.12),rgba(124,92,255,.16) 48%,rgba(12,15,22,.96));
  background-position:center;
  background-size:cover;
}

.hub-profile-banner-overlay {
  position:absolute;
  inset:0;
  background:linear-gradient(to bottom,rgba(8,10,15,.05),rgba(8,10,15,.52));
}

.hub-profile-banner-edit {
  position:absolute;
  right:16px;
  bottom:14px;
  z-index:2;
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:9px;
  background:rgba(10,12,18,.58);
  backdrop-filter:blur(12px);
  color:#fff;
  font-size:8px;
  font-weight:700;
}

.hub-profile-header-redesign {
  position:relative;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:end;
  gap:20px;
  padding:0 22px 22px;
  margin-top:-46px;
}

.hub-profile-avatar-wrap {
  position:relative;
  z-index:3;
}

.hub-profile-avatar-xl {
  width:98px;
  height:98px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:4px solid #0b0e14;
  border-radius:24px;
  background:linear-gradient(145deg,rgba(124,92,255,.35),rgba(57,208,255,.16));
  box-shadow:0 12px 32px rgba(0,0,0,.28);
  color:#fff;
  font-size:30px;
  font-weight:800;
}

.hub-profile-avatar-xl img {
  width:100%;
  height:100%;
  object-fit:cover;
}

.hub-profile-avatar-edit {
  position:absolute;
  right:-4px;
  bottom:-4px;
  padding:5px 7px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:7px;
  background:#151923;
  color:#fff;
  font-size:7px;
  font-weight:800;
}

.hub-profile-identity {
  min-width:0;
  padding-top:58px;
}

.hub-profile-name-line {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
}

.hub-profile-name-line h1 {
  margin:3px 0 0;
  font-size:clamp(24px,2.3vw,34px);
  line-height:1;
}

.hub-profile-webid {
  flex:0 0 auto;
  padding:6px 8px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:8px;
  background:rgba(255,255,255,.025);
  color:var(--muted);
  font-size:8px;
  font-weight:700;
}

.hub-profile-meta-line {
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:10px;
}

.hub-profile-meta-line span {
  padding:5px 7px;
  border-radius:7px;
  background:rgba(255,255,255,.035);
  color:#aeb6c5;
  font-size:8px;
  font-weight:650;
}

.hub-profile-actions-redesign {
  display:flex;
  gap:8px;
  align-items:center;
  padding-top:58px;
}

.hub-profile-content-grid {
  display:grid;
  grid-template-columns:minmax(230px, .72fr) minmax(0, 1.5fr);
  gap:14px;
  padding:0 22px 22px;
}

.hub-profile-friends-panel,
.hub-profile-about-panel {
  border:1px solid rgba(255,255,255,.06);
  border-radius:15px;
  background:rgba(255,255,255,.018);
}

.hub-profile-friends-panel {
  padding:14px;
}

.hub-profile-about-panel {
  padding:16px;
}

.hub-profile-section-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:13px;
}

.hub-profile-section-head h2 {
  margin:3px 0 0;
  font-size:14px;
}

.hub-profile-count {
  min-width:26px;
  height:26px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:rgba(255,255,255,.04);
  color:var(--muted);
  font-size:8px;
  font-weight:800;
}

.hub-profile-friend-list {
  display:grid;
  gap:7px;
}

.hub-profile-friend-card {
  width:100%;
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#fff;
  text-align:left;
}

.hub-profile-friend-card:hover {
  background:rgba(255,255,255,.035);
}

.hub-profile-friend-avatar {
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  overflow:hidden;
  flex:0 0 auto;
  border-radius:10px;
  background:linear-gradient(145deg,rgba(124,92,255,.20),rgba(57,208,255,.08));
  font-size:11px;
  font-weight:800;
}

.hub-profile-friend-avatar img {
  width:100%;
  height:100%;
  object-fit:cover;
}

.hub-profile-friend-card strong,
.hub-profile-friend-card small {
  display:block;
}

.hub-profile-friend-card strong {
  margin-bottom:2px;
  font-size:9px;
}

.hub-profile-friend-card small {
  color:var(--muted);
  font-size:7px;
}

.hub-profile-view-all,
.hub-profile-edit-link {
  border:0;
  background:transparent;
  color:#9f93ff;
  font-size:8px;
  font-weight:750;
}

.hub-profile-view-all {
  width:100%;
  margin-top:10px;
  padding:8px;
  border-radius:9px;
  background:rgba(124,92,255,.06);
}

.hub-profile-about-copy {
  min-height:180px;
  padding:4px 2px 14px;
}

.hub-profile-about-copy > p {
  margin:0;
  color:#d7dbe3;
  font-size:10px;
  line-height:1.75;
}

.hub-profile-empty-state {
  padding:16px 8px;
  text-align:center;
  color:var(--muted);
}

.hub-profile-empty-state.large {
  min-height:150px;
  display:grid;
  place-items:center;
  align-content:center;
}

.hub-profile-empty-state strong {
  display:block;
  margin-bottom:5px;
  color:#cdd2dc;
  font-size:9px;
}

.hub-profile-empty-state p {
  margin:0;
  font-size:8px;
}

.hub-profile-details-strip {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
  gap:8px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.055);
}

.hub-profile-details-strip > div {
  padding:9px 10px;
  border-radius:10px;
  background:rgba(255,255,255,.025);
}

.hub-profile-details-strip small,
.hub-profile-details-strip strong {
  display:block;
}

.hub-profile-details-strip small {
  margin-bottom:4px;
  color:var(--muted);
  font-size:7px;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.hub-profile-details-strip strong {
  font-size:9px;
}

.hub-light .hub-profile-shell,
.hub-light .hub-profile-friends-panel,
.hub-light .hub-profile-about-panel {
  border-color:rgba(20,24,32,.08);
  background:rgba(255,255,255,.76);
}

.hub-light .hub-profile-avatar-xl {
  border-color:#f4f6fb;
}

.hub-light .hub-profile-friend-card {
  color:#11151b;
}

.hub-light .hub-profile-friend-card:hover,
.hub-light .hub-profile-details-strip > div,
.hub-light .hub-profile-webid,
.hub-light .hub-profile-meta-line span {
  background:rgba(20,24,32,.04);
}

.hub-light .hub-profile-about-copy > p,
.hub-light .hub-profile-empty-state strong {
  color:#252a33;
}

@media(max-width:850px){
  .hub-profile-header-redesign {
    grid-template-columns:auto 1fr;
  }
  .hub-profile-actions-redesign {
    grid-column:1/-1;
    padding-top:0;
    padding-left:118px;
  }
  .hub-profile-content-grid {
    grid-template-columns:1fr;
  }
}

@media(max-width:620px){
  .hub-profile-header-redesign {
    grid-template-columns:1fr;
    align-items:start;
    margin-top:-38px;
  }
  .hub-profile-avatar-xl {
    width:84px;
    height:84px;
    border-radius:20px;
  }
  .hub-profile-identity,
  .hub-profile-actions-redesign {
    padding-top:0;
    padding-left:0;
  }
  .hub-profile-name-line {
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
  }
  .hub-profile-content-grid {
    padding-left:14px;
    padding-right:14px;
  }
}


/* Profile cleanup */
.hub-profile-details-strip:empty {
  display:none;
}

.hub-profile-name-line {
  align-items:flex-start;
}

.hub-profile-identity {
  display:flex;
  align-items:flex-end;
  min-height:58px;
}

.hub-profile-name-line {
  width:100%;
}

.hub-profile-name-line > div {
  width:100%;
}



.hub-messages-shell{
  display:grid;
  grid-template-columns:280px 1fr;
  min-height:560px;
  margin-top:20px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:16px;
  overflow:hidden;
  background:rgba(255,255,255,.018);
}
.hub-message-contacts{
  border-right:1px solid rgba(255,255,255,.055);
  background:rgba(255,255,255,.015);
}
.hub-message-contacts-head{
  display:flex;
  justify-content:space-between;
  padding:15px;
  border-bottom:1px solid rgba(255,255,255,.05);
}
.hub-message-contact-list{padding:8px}
.hub-message-contact{
  width:100%;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#fff;
  text-align:left;
}
.hub-message-contact:hover,.hub-message-contact.active{background:rgba(124,92,255,.08)}
.hub-message-contact-avatar{
  width:38px;height:38px;display:grid;place-items:center;overflow:hidden;
  flex:0 0 auto;border-radius:10px;background:rgba(124,92,255,.14);font-weight:800;
}
.hub-message-contact-avatar img{width:100%;height:100%;object-fit:cover}
.hub-message-contact-copy{min-width:0;flex:1}
.hub-message-contact-copy strong,.hub-message-contact-copy small{display:block}
.hub-message-contact-copy strong{font-size:9px}
.hub-message-contact-copy small{color:var(--muted);font-size:7px}
.hub-message-unread{min-width:20px;height:20px;display:grid;place-items:center;border-radius:999px;background:#7c5cff;font-size:7px;font-weight:800}
.hub-message-chat{display:grid;grid-template-rows:auto 1fr auto;min-width:0}
.hub-message-chat-head{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.055)}
.hub-message-chat-person{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#fff;text-align:left}
.hub-message-chat-person strong,.hub-message-chat-person small{display:block}
.hub-message-chat-person small{color:var(--muted);font-size:7px}
.hub-message-thread{padding:16px;overflow:auto;display:flex;flex-direction:column;gap:9px}
.hub-message-bubble{max-width:72%;padding:10px 11px;border-radius:12px;background:rgba(255,255,255,.045)}
.hub-message-bubble.sent{align-self:flex-end;background:rgba(124,92,255,.16)}
.hub-message-bubble.received{align-self:flex-start}
.hub-message-bubble p{margin:0 0 5px;font-size:9px}
.hub-message-bubble small{color:var(--muted);font-size:7px}
.hub-message-composer{display:flex;gap:8px;padding:12px;border-top:1px solid rgba(255,255,255,.055)}
.hub-message-composer input{flex:1;min-width:0}
@media(max-width:760px){.hub-messages-shell{grid-template-columns:1fr}.hub-message-contacts{border-right:0;border-bottom:1px solid rgba(255,255,255,.055)}}


/* =========================================================
   Profile lower-half reference layout
   ========================================================= */

.hub-profile-reference-grid{
  display:grid;
  grid-template-columns:minmax(280px,.72fr) minmax(0,1.48fr);
  gap:16px;
  padding:0 22px 22px;
}

.hub-profile-reference-left,
.hub-profile-reference-right{
  display:grid;
  align-content:start;
  gap:16px;
}

.hub-profile-ref-card{
  border:1px solid rgba(255,255,255,.065);
  border-radius:17px;
  background:linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,.012));
  padding:20px;
}

.hub-profile-ref-title-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:20px;
  color:#687084;
  font-size:8px;
  font-weight:800;
  letter-spacing:.16em;
}

.hub-profile-ref-title-row button{
  border:0;
  background:transparent;
  color:#7f8799;
  font:inherit;
  letter-spacing:0;
  cursor:pointer;
}

.hub-profile-rank-pill{
  padding:5px 9px;
  border:1px solid rgba(41,209,151,.22);
  border-radius:999px;
  background:rgba(41,209,151,.08);
  color:#4fdda7;
  font-size:8px;
  letter-spacing:0;
}

.hub-profile-points-total{
  display:flex;
  align-items:flex-end;
  gap:6px;
  margin-bottom:16px;
}

.hub-profile-points-total strong{
  font-size:31px;
  line-height:1;
}

.hub-profile-points-total span{
  color:#687084;
  font-size:9px;
}

.hub-profile-points-progress-copy{
  display:flex;
  justify-content:space-between;
  margin-bottom:8px;
  color:#5f6678;
  font-size:7px;
}

.hub-profile-points-progress{
  height:5px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.05);
}

.hub-profile-points-progress span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#19d4e6,#24d9f2);
}

.hub-profile-points-metrics{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-top:14px;
}

.hub-profile-points-metrics>div{
  padding:11px 8px;
  border:1px solid rgba(255,255,255,.045);
  border-radius:11px;
  background:rgba(255,255,255,.016);
  text-align:center;
}

.hub-profile-points-metrics strong,
.hub-profile-points-metrics small{
  display:block;
}

.hub-profile-points-metrics strong{
  margin-bottom:4px;
  font-size:11px;
}

.hub-profile-points-metrics small{
  color:#62697b;
  font-size:7px;
}

.hub-profile-stat-list{
  display:grid;
  gap:8px;
}

.hub-profile-stat-row{
  display:grid;
  grid-template-columns:31px 1fr auto;
  align-items:center;
  gap:10px;
  min-height:44px;
  padding:7px 11px;
  border:1px solid rgba(255,255,255,.045);
  border-radius:11px;
  background:rgba(255,255,255,.018);
  color:#8992a6;
  font-size:9px;
}

.hub-profile-stat-row strong{
  color:#e7ebf4;
  font-size:9px;
}

.hub-profile-stat-icon{
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  border:1px solid rgba(28,213,234,.18);
  border-radius:8px;
  background:rgba(28,213,234,.07);
  color:#22d4e7;
  font-size:12px;
}

.hub-profile-ref-friends-list{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.hub-profile-ref-friend{
  width:52px;
  border:0;
  background:transparent;
  color:#fff;
  text-align:center;
}

.hub-profile-ref-friend-avatar{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  margin:0 auto 5px;
  overflow:hidden;
  border-radius:11px;
  background:rgba(18,211,230,.08);
  box-shadow:0 0 17px rgba(18,211,230,.18);
  font-size:10px;
  font-weight:800;
}

.hub-profile-ref-friend-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.hub-profile-ref-friend>span:last-child{
  display:block;
  overflow:hidden;
  color:#7f8798;
  font-size:7px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hub-profile-about-reference{
  min-height:258px;
}

.hub-profile-about-reference-body{
  min-height:180px;
}

.hub-profile-about-reference-body>p{
  margin:0;
  color:#b8bfcd;
  font-size:10px;
  line-height:1.75;
}

.hub-profile-ref-empty{
  color:#626a7b;
  font-size:8px;
}

.hub-profile-ref-empty-large{
  min-height:180px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  text-align:center;
}

.hub-profile-ref-empty-large em{
  color:#596173;
  font-size:9px;
}

.hub-profile-ref-empty-large button{
  border:0;
  background:transparent;
  color:#8992ab;
  font-size:9px;
}

.hub-profile-empty-person{
  color:#2a3140;
  font-size:28px;
}

.hub-profile-rp-card{
  min-height:190px;
}

.hub-profile-rp-focus-box{
  display:flex;
  align-items:flex-start;
  gap:11px;
  padding:14px;
  border:1px solid rgba(255,255,255,.05);
  border-radius:12px;
  background:rgba(255,255,255,.018);
}

.hub-profile-rp-icon{
  color:#1fd2e5;
  font-size:17px;
  line-height:1;
}

.hub-profile-rp-focus-box strong{
  display:block;
  margin-bottom:4px;
  font-size:10px;
}

.hub-profile-rp-focus-box p{
  margin:0;
  color:#626a7b;
  font-size:8px;
}

.hub-profile-rp-open{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:14px;
  color:#697184;
  font-size:9px;
}

.hub-profile-rp-open.is-open{
  color:#49dca4;
}

.hub-light .hub-profile-ref-card{
  border-color:rgba(20,24,32,.08);
  background:rgba(255,255,255,.72);
}

.hub-light .hub-profile-stat-row,
.hub-light .hub-profile-points-metrics>div,
.hub-light .hub-profile-rp-focus-box{
  border-color:rgba(20,24,32,.07);
  background:rgba(20,24,32,.025);
}

.hub-light .hub-profile-stat-row strong,
.hub-light .hub-profile-rp-focus-box strong,
.hub-light .hub-profile-ref-friend{
  color:#171b22;
}

@media(max-width:850px){
  .hub-profile-reference-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:620px){
  .hub-profile-reference-grid{
    padding-left:14px;
    padding-right:14px;
  }
  .hub-profile-ref-card{
    padding:15px;
  }
}


/* =========================================================
   Global myHub page sizing normalization
   ========================================================= */

:root{
  --hub-page-max-width: 1180px;
  --hub-page-min-height: 720px;
}

#hubMain{
  width:100%;
  min-height:var(--hub-page-min-height);
}

.hub-page-view,
.hub-standard-page{
  width:min(100%,var(--hub-page-max-width));
  min-height:var(--hub-page-min-height);
  margin:0 auto;
  box-sizing:border-box;
}

.hub-profile-page-redesign{
  width:min(100%,var(--hub-page-max-width));
  min-height:var(--hub-page-min-height);
  margin:0 auto;
}

.hub-messages-shell{
  min-height:560px;
  height:560px;
}

.hub-message-contact-list,
.hub-message-thread{
  scrollbar-gutter:stable;
}

.hub-message-contact-copy small.is-active,
.hub-message-chat-person small.is-active{
  color:#49dca4;
}

@media(max-width:1240px){
  :root{
    --hub-page-max-width: calc(100vw - 44px);
  }
}

@media(max-width:700px){
  :root{
    --hub-page-max-width: calc(100vw - 24px);
    --hub-page-min-height: 640px;
  }

  .hub-messages-shell{
    height:auto;
    min-height:600px;
  }
}


/* =========================================================
   Old-profile-inspired profile/editor overhaul
   ========================================================= */

.hub-profile-shell,
.hub-profile-ref-card,
.hub-profile-reference-grid,
.hub-profile-header-redesign{
  box-sizing:border-box;
}

.hub-profile-ref-card{
  border-radius:16px;
  border:1px solid rgba(255,255,255,.07);
  background:#10151f;
  box-shadow:none;
}

.hub-profile-reference-grid{
  gap:16px;
}

.hub-profile-reference-left,
.hub-profile-reference-right{
  gap:16px;
}

.hub-profile-ref-title-row{
  margin-bottom:18px;
  color:#626b80;
  font-size:8px;
  letter-spacing:.14em;
}

.hub-profile-ref-title-row button{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid transparent;
  border-radius:8px;
}

.hub-profile-ref-title-row button:hover{
  border-color:rgba(255,255,255,.07);
  background:rgba(255,255,255,.025);
}

.hub-profile-rp-summary-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.hub-profile-rp-summary-item{
  padding:13px 14px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:11px;
  background:#151b26;
}

.hub-profile-rp-summary-item small,
.hub-profile-rp-summary-item strong{
  display:block;
}

.hub-profile-rp-summary-item small{
  margin-bottom:7px;
  color:#687188;
  font-size:7px;
  letter-spacing:.08em;
}

.hub-profile-rp-summary-item strong{
  color:#edf1f7;
  font-size:10px;
}

.hub-profile-rp-scene-wrap{
  margin-top:18px;
}

.hub-profile-rp-scene-wrap>small{
  display:block;
  margin-bottom:10px;
  color:#687188;
  font-size:7px;
  letter-spacing:.08em;
}

.hub-profile-rp-scenes{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}

.hub-profile-rp-scenes span{
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:999px;
  background:#171c27;
  color:#8992a7;
  font-size:8px;
}

.hub-profile-rp-scenes span.muted{
  border:0;
  background:transparent;
  padding-left:0;
}

.hub-profile-editor-overlay{
  position:fixed;
  inset:0;
  z-index:9999;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(4,7,12,.72);
  backdrop-filter:blur(12px);
}

.hub-profile-editor-card{
  width:min(620px,calc(100vw - 32px));
  max-height:calc(100vh - 48px);
  overflow:auto;
  padding:22px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:17px;
  background:#10151f;
  box-shadow:0 30px 80px rgba(0,0,0,.45);
}

.hub-rp-editor-card{
  width:min(820px,calc(100vw - 32px));
}

.hub-profile-editor-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:20px;
}

.hub-profile-editor-head span{
  color:#667087;
  font-size:8px;
  font-weight:800;
  letter-spacing:.14em;
}

.hub-profile-editor-head h2{
  margin:5px 0 0;
  font-size:17px;
}

.hub-profile-editor-head>button{
  width:30px;
  height:30px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:9px;
  background:#171c27;
  color:#aab2c1;
}

.hub-profile-editor-card textarea{
  width:100%;
  min-height:170px;
  resize:vertical;
  box-sizing:border-box;
  padding:13px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:11px;
  outline:none;
  background:#151b26;
  color:#eef2f8;
  font:inherit;
  line-height:1.6;
}

.hub-profile-editor-actions{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  margin-top:18px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.06);
}

.hub-rp-editor-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}

.hub-rp-editor-grid label>span,
.hub-rp-scene-label{
  display:block;
  margin-bottom:8px;
  color:#79839a;
  font-size:8px;
  font-weight:700;
}

.hub-rp-editor-grid select{
  width:100%;
  height:42px;
  padding:0 13px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:11px;
  outline:none;
  background:#181e29;
  color:#eef2f8;
}

.hub-rp-toggle-row{
  display:flex;
  align-items:center;
  gap:11px;
  margin:18px 0;
  color:#aeb7c8;
  font-size:9px;
  cursor:pointer;
}

.hub-rp-toggle-row input{
  display:none;
}

.hub-rp-toggle-ui{
  position:relative;
  width:36px;
  height:20px;
  flex:0 0 auto;
  border-radius:999px;
  background:#252c39;
  transition:.18s ease;
}

.hub-rp-toggle-ui:after{
  content:"";
  position:absolute;
  top:3px;
  left:3px;
  width:14px;
  height:14px;
  border-radius:50%;
  background:#fff;
  transition:.18s ease;
}

.hub-rp-toggle-row input:checked + .hub-rp-toggle-ui{
  background:#20cfe4;
}

.hub-rp-toggle-row input:checked + .hub-rp-toggle-ui:after{
  transform:translateX(16px);
}

.hub-rp-scene-options{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.hub-rp-scene-option{
  padding:7px 11px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  background:#171c27;
  color:#788299;
  font-size:8px;
}

.hub-rp-scene-option.selected{
  border-color:rgba(32,207,228,.34);
  background:rgba(32,207,228,.09);
  color:#b9f7ff;
}

.hub-page-error{
  display:grid;
  align-content:center;
  justify-items:start;
}

.hub-main{
  width:100%;
}

.hub-page-view{
  width:min(1180px,calc(100vw - 48px)) !important;
  min-height:720px;
  margin-inline:auto !important;
}

@media(max-width:720px){
  .hub-rp-editor-grid,
  .hub-profile-rp-summary-grid{
    grid-template-columns:1fr;
  }

  .hub-page-view{
    width:calc(100vw - 24px) !important;
    min-height:640px;
  }
}


/* Unified account/settings/profile/messages repair */
:root{
  --hub-page-max-width:1320px;
  --hub-page-min-height:760px;
}

.hub-page-view,
.hub-standard-page,
.hub-profile-page-redesign{
  width:min(100%,var(--hub-page-max-width)) !important;
  min-height:var(--hub-page-min-height);
  margin:0 auto !important;
}

.hub-profile-banner-redesign{height:clamp(210px,20vw,310px)}
.hub-profile-header-redesign{padding-left:30px;padding-right:30px;padding-bottom:28px;gap:24px}
.hub-profile-avatar-xl{width:118px;height:118px;border-radius:28px;font-size:36px}
.hub-profile-identity{padding-top:72px}
.hub-profile-actions-redesign{padding-top:72px}
.hub-profile-name-line h1{font-size:clamp(30px,2.8vw,42px)}
.hub-profile-reference-grid{grid-template-columns:minmax(330px,.78fr) minmax(0,1.55fr);gap:20px;padding:0 30px 30px}
.hub-profile-ref-card{padding:24px}
.hub-profile-about-reference{min-height:310px}
.hub-profile-about-reference-body{min-height:225px}
.hub-profile-rp-card{min-height:240px}

.hub-settings-card{
  padding:24px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:17px;
  background:#10151f;
}
.hub-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.hub-settings-grid label>span{display:block;margin-bottom:8px;color:#778198;font-size:8px;font-weight:700}
.hub-settings-grid input{width:100%;height:43px;box-sizing:border-box;padding:0 12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;outline:none;background:#171d28;color:#eef2f8}
.hub-settings-grid input[type="color"]{padding:5px}
.hub-settings-toggle-list{display:grid;gap:9px;margin-top:22px}
.hub-settings-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 14px;border:1px solid rgba(255,255,255,.055);border-radius:11px;background:#151b25}
.hub-settings-toggle-row strong,.hub-settings-toggle-row small{display:block}
.hub-settings-toggle-row strong{margin-bottom:3px;font-size:9px}
.hub-settings-toggle-row small{color:#70798d;font-size:7px}
.hub-settings-actions{display:flex;gap:9px;margin-top:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.06)}

.hub-messages-shell{height:620px;min-height:620px;border-radius:18px}
.hub-message-chat{background:#0e131c}
.hub-message-thread{padding:22px}
.hub-message-composer{align-items:center;gap:10px;padding:14px 16px;border-top:1px solid rgba(255,255,255,.06);background:#111721}
.hub-message-composer input{
  height:44px;
  flex:1;
  min-width:0;
  padding:0 15px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  outline:none;
  background:#171e29;
  color:#f2f5fa;
  font-size:9px;
}
.hub-message-composer input::placeholder{color:#697386}
.hub-message-composer input:focus{border-color:rgba(89,112,255,.42);background:#1a2230;box-shadow:0 0 0 3px rgba(89,112,255,.08)}
.hub-message-composer .hub-primary-btn{height:44px;min-width:82px;border-radius:12px}
.hub-message-bubble{max-width:68%;padding:11px 13px;border-radius:14px}
.hub-message-bubble.sent{border-bottom-right-radius:5px}
.hub-message-bubble.received{border-bottom-left-radius:5px}

@media(max-width:1380px){:root{--hub-page-max-width:calc(100vw - 48px)}}
@media(max-width:850px){
  .hub-settings-grid{grid-template-columns:1fr}
  .hub-profile-reference-grid{grid-template-columns:1fr}
}


/* Final page-size normalization: every main view uses same canvas */
:root{
  --hub-page-max-width:1320px;
  --hub-page-min-height:780px;
}

#hubMain{
  width:100%;
  min-height:var(--hub-page-min-height);
}

#hubMain > .hub-page-view,
.hub-page-view,
.hub-standard-page,
.hub-profile-page-redesign,
.hub-communities-page,
.hub-settings-page,
.hub-messages-page{
  width:min(100%,var(--hub-page-max-width)) !important;
  min-height:var(--hub-page-min-height) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box;
}

.hub-profile-shell,
.hub-messages-shell,
.hub-settings-card,
.hub-community-grid,
.hub-communities-grid{
  width:100%;
  box-sizing:border-box;
}

@media(max-width:1380px){
  :root{--hub-page-max-width:calc(100vw - 48px)}
}

@media(max-width:720px){
  :root{
    --hub-page-max-width:calc(100vw - 24px);
    --hub-page-min-height:680px;
  }
}


/* =========================================================
   Unified profile-width page frame + compact Home redesign
   ========================================================= */
:root{
  --hub-page-max-width:1180px;
  --hub-page-min-height:760px;
}

#hubMain{
  width:100%;
  min-height:var(--hub-page-min-height);
}

#hubMain > .hub-page-view,
.hub-page-view,
.hub-standard-page,
.hub-profile-page-redesign,
.hub-home-redesign,
.hub-communities-page,
.hub-settings-page,
.hub-messages-page{
  width:min(100%,var(--hub-page-max-width)) !important;
  max-width:var(--hub-page-max-width) !important;
  min-height:var(--hub-page-min-height) !important;
  margin-inline:auto !important;
  box-sizing:border-box;
}

.hub-home-redesign{
  padding:8px 0 30px;
}

.hub-home-welcome{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  padding:26px 28px;
  margin-bottom:18px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(124,92,255,.055),rgba(255,255,255,.012) 48%);
}

.hub-home-welcome h1{
  margin:7px 0 0;
  color:#858ea1;
  font-size:15px;
  font-weight:500;
}

.hub-home-welcome h2{
  margin:2px 0 8px;
  font-size:31px;
  line-height:1.08;
  letter-spacing:-.035em;
}

.hub-home-welcome p{
  max-width:520px;
  margin:0;
  color:#6f788b;
  font-size:9px;
  line-height:1.6;
}

.hub-home-main-grid{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);
  gap:18px;
}

.hub-home-primary-column,
.hub-home-side-column{
  display:grid;
  align-content:start;
  gap:18px;
}

.hub-home-card{
  padding:20px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:16px;
  background:#10151f;
}

.hub-home-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:17px;
}

.hub-home-card-head span{
  display:block;
  margin-bottom:5px;
  color:#616b80;
  font-size:7px;
  font-weight:800;
  letter-spacing:.14em;
}

.hub-home-card-head h3{
  margin:0;
  font-size:13px;
}

.hub-home-card-head button{
  border:0;
  background:transparent;
  color:#7f89a0;
  font-size:8px;
  cursor:pointer;
}

.hub-home-count{
  min-width:22px;
  height:22px;
  display:grid !important;
  place-items:center;
  margin:0 !important;
  border-radius:999px;
  background:rgba(124,92,255,.14);
  color:#b9afff !important;
  letter-spacing:0 !important;
}

.hub-home-status-body{
  display:flex;
  align-items:center;
  gap:14px;
  min-height:92px;
  padding:15px;
  border:1px solid rgba(255,255,255,.045);
  border-radius:13px;
  background:#151b25;
}

.hub-home-status-icon{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border:1px solid rgba(124,92,255,.18);
  border-radius:13px;
  background:rgba(124,92,255,.08);
  color:#b8adff;
  font-size:11px;
  font-weight:800;
}

.hub-home-status-body strong{
  display:block;
  margin-bottom:5px;
  font-size:10px;
}

.hub-home-status-body p,
.hub-home-empty p{
  margin:0;
  color:#6e778a;
  font-size:8px;
  line-height:1.55;
}

.hub-home-compact-list{
  display:grid;
  gap:8px;
}

.hub-home-list-row{
  display:grid;
  grid-template-columns:30px 1fr;
  align-items:center;
  gap:10px;
  min-height:48px;
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.045);
  border-radius:11px;
  background:#151b25;
}

.hub-home-list-icon{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:rgba(124,92,255,.075);
  color:#9d91ff;
  font-size:10px;
}

.hub-home-list-row strong,
.hub-home-list-row small{
  display:block;
}

.hub-home-list-row strong{
  margin-bottom:3px;
  font-size:8px;
}

.hub-home-list-row small{
  overflow:hidden;
  color:#687185;
  font-size:7px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hub-home-empty{
  display:grid;
  place-items:center;
  min-height:116px;
  padding:18px;
  text-align:center;
}

.hub-home-empty strong{
  margin-bottom:5px;
  font-size:9px;
}

.hub-home-card-action{
  width:100%;
  margin-top:12px;
  padding:9px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:9px;
  background:#151b25;
  color:#8f98aa;
  font-size:8px;
}

.hub-home-quick-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}

.hub-home-quick-grid button{
  min-height:88px;
  padding:13px;
  border:1px solid rgba(255,255,255,.05);
  border-radius:11px;
  background:#151b25;
  color:#e9edf4;
  text-align:left;
}

.hub-home-quick-grid button>span{
  display:block;
  margin-bottom:11px;
  color:#9c90ff;
  font-size:15px;
}

.hub-home-quick-grid strong,
.hub-home-quick-grid small{
  display:block;
}

.hub-home-quick-grid strong{
  margin-bottom:3px;
  font-size:9px;
}

.hub-home-quick-grid small{
  color:#697286;
  font-size:7px;
}

.hub-light .hub-home-card,
.hub-light .hub-home-welcome{
  border-color:rgba(20,24,32,.08);
  background:rgba(255,255,255,.72);
}

.hub-light .hub-home-status-body,
.hub-light .hub-home-list-row,
.hub-light .hub-home-card-action,
.hub-light .hub-home-quick-grid button{
  border-color:rgba(20,24,32,.07);
  background:rgba(20,24,32,.025);
}

@media(max-width:1220px){
  :root{--hub-page-max-width:calc(100vw - 48px)}
}

@media(max-width:850px){
  .hub-home-main-grid{grid-template-columns:1fr}
}

@media(max-width:620px){
  :root{--hub-page-max-width:calc(100vw - 24px)}
  .hub-home-welcome{align-items:flex-start;flex-direction:column;padding:20px}
  .hub-home-quick-grid{grid-template-columns:1fr}
}


/* Width-only correction: preserve each page's own UI/layout */
:root{
  --hub-page-max-width:1180px;
}

#hubMain > .hub-page-view,
.hub-page-view,
.hub-standard-page,
.hub-profile-page-redesign,
.hub-home-page,
.hub-communities-page,
.hub-settings-page,
.hub-messages-page{
  width:min(100%,var(--hub-page-max-width)) !important;
  max-width:var(--hub-page-max-width) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box;
}

@media(max-width:1220px){
  :root{--hub-page-max-width:calc(100vw - 48px)}
}

@media(max-width:620px){
  :root{--hub-page-max-width:calc(100vw - 24px)}
}


/* Home width matches Profile — layout preserved */
:root{
  --hub-profile-page-width:1180px;
}

#hubMain > .hub-page-view,
.hub-page-view,
.hub-standard-page,
.hub-profile-page-redesign,
.hub-home-page,
.hub-home-view,
.hub-communities-page,
.hub-settings-page,
.hub-messages-page{
  width:min(100%,var(--hub-profile-page-width)) !important;
  max-width:var(--hub-profile-page-width) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box;
}

@media(max-width:1220px){
  :root{--hub-profile-page-width:calc(100vw - 48px)}
}

@media(max-width:620px){
  :root{--hub-profile-page-width:calc(100vw - 24px)}
}


/* Home/Profile shared width only */
:root{
  --hub-profile-page-width:1180px;
}

#hubMain > .hub-page-view,
.hub-page-view,
.hub-standard-page,
.hub-profile-page-redesign,
.hub-home-page,
.hub-home-view,
.hub-communities-page,
.hub-settings-page,
.hub-messages-page{
  width:min(100%,var(--hub-profile-page-width)) !important;
  max-width:var(--hub-profile-page-width) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box;
}

@media(max-width:1220px){
  :root{--hub-profile-page-width:calc(100vw - 48px)}
}

@media(max-width:620px){
  :root{--hub-profile-page-width:calc(100vw - 24px)}
}


/* =========================================================
   myHub Home visual refresh — existing content preserved
   ========================================================= */

.hub-page-view{
  --home-card-bg:#101620;
  --home-card-inner:#151c27;
}

#hubMain > .hub-page-view{
  max-width:1180px !important;
  width:min(100%,1180px) !important;
  margin-inline:auto !important;
}

/* Home's existing cards get a cleaner, flatter dashboard treatment. */
.hub-home-grid,
.home-grid,
.hub-dashboard-grid{
  gap:14px !important;
}

.hub-home-card,
.home-card,
.dashboard-card,
.hub-dashboard-card{
  border:1px solid rgba(255,255,255,.06) !important;
  border-radius:15px !important;
  box-shadow:none !important;
}

.hub-home-card,
.hub-dashboard-card{
  background:var(--home-card-bg) !important;
}

.hub-home-card h2,
.hub-home-card h3,
.hub-dashboard-card h2,
.hub-dashboard-card h3{
  letter-spacing:-.015em;
}

.hub-home-card p,
.hub-dashboard-card p{
  color:#707a8e;
}

.hub-home-card button,
.hub-dashboard-card button{
  transition:background .16s ease,border-color .16s ease,transform .16s ease;
}

.hub-home-card button:hover,
.hub-dashboard-card button:hover{
  transform:translateY(-1px);
}

.hub-light .hub-home-card,
.hub-light .hub-dashboard-card{
  background:rgba(255,255,255,.78) !important;
  border-color:rgba(20,24,32,.075) !important;
}

@media(max-width:1220px){
  #hubMain > .hub-page-view{
    width:calc(100vw - 48px) !important;
  }
}

@media(max-width:620px){
  #hubMain > .hub-page-view{
    width:calc(100vw - 24px) !important;
  }
}


/* ============================================================
   Completely rebuilt myHub Home
   Navigation intentionally untouched
   ============================================================ */

.hub-home-next{
  width:min(100%,1180px) !important;
  max-width:1180px !important;
  margin:0 auto !important;
  padding:10px 0 32px;
}

.hub-home-next-hero{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  padding:20px 4px 22px;
  border-bottom:1px solid rgba(255,255,255,.055);
}

.hub-home-next-kicker{
  margin-bottom:7px;
  color:#616b7e;
  font-size:7px;
  font-weight:800;
  letter-spacing:.16em;
}

.hub-home-next-hero h1{
  margin:0;
  color:#7b8497;
  font-size:15px;
  font-weight:500;
  letter-spacing:-.015em;
}

.hub-home-next-hero h2{
  margin:2px 0 0;
  font-size:34px;
  line-height:1;
  letter-spacing:-.045em;
}

.hub-home-next-status{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:170px;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:12px;
  background:#101620;
}

.hub-home-next-status-dot{
  width:8px;
  height:8px;
  flex:0 0 auto;
  border-radius:999px;
  background:#4fd29c;
  box-shadow:0 0 0 4px rgba(79,210,156,.08);
}

.hub-home-next-status strong,
.hub-home-next-status small{
  display:block;
}

.hub-home-next-status strong{
  margin-bottom:2px;
  font-size:8px;
}

.hub-home-next-status small{
  color:#6f788b;
  font-size:7px;
}

.hub-home-next-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:18px 0;
}

.hub-home-next-stat{
  min-height:118px;
  padding:16px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:14px;
  background:#101620;
  color:#edf1f7;
  text-align:left;
  cursor:pointer;
  transition:border-color .16s ease,transform .16s ease,background .16s ease;
}

.hub-home-next-stat:hover{
  transform:translateY(-1px);
  border-color:rgba(124,92,255,.22);
  background:#121925;
}

.hub-home-next-stat span,
.hub-home-next-stat strong,
.hub-home-next-stat small{
  display:block;
}

.hub-home-next-stat span{
  margin-bottom:15px;
  color:#616b7e;
  font-size:7px;
  font-weight:800;
  letter-spacing:.13em;
}

.hub-home-next-stat strong{
  margin-bottom:5px;
  font-size:24px;
  line-height:1;
  letter-spacing:-.035em;
}

.hub-home-next-stat small{
  color:#70798c;
  font-size:7px;
}

.hub-home-next-layout{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(290px,.72fr);
  gap:16px;
}

.hub-home-next-main,
.hub-home-next-side{
  display:grid;
  align-content:start;
  gap:16px;
}

.hub-home-next-panel{
  padding:19px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:15px;
  background:#101620;
}

.hub-home-next-panel-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:16px;
}

.hub-home-next-panel-head span{
  display:block;
  margin-bottom:5px;
  color:#606a7e;
  font-size:7px;
  font-weight:800;
  letter-spacing:.13em;
}

.hub-home-next-panel-head h3{
  margin:0;
  font-size:12px;
  letter-spacing:-.01em;
}

.hub-home-next-panel-head button{
  padding:0;
  border:0;
  background:transparent;
  color:#818ba0;
  font-size:7px;
  cursor:pointer;
}

.hub-home-next-community-body{
  display:flex;
  align-items:center;
  gap:15px;
  min-height:108px;
  padding:16px;
  border:1px solid rgba(255,255,255,.045);
  border-radius:13px;
  background:#151c27;
}

.hub-home-next-community-mark{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border:1px solid rgba(124,92,255,.18);
  border-radius:15px;
  background:rgba(124,92,255,.075);
  color:#b6abff;
  font-size:12px;
  font-weight:800;
}

.hub-home-next-community-copy strong{
  display:block;
  margin-bottom:6px;
  font-size:9px;
}

.hub-home-next-community-copy p,
.hub-home-next-feed-row p,
.hub-home-next-empty p{
  margin:0;
  color:#6e778b;
  font-size:7px;
  line-height:1.55;
}

.hub-home-next-feed{
  display:grid;
  gap:8px;
}

.hub-home-next-feed-row{
  display:grid;
  grid-template-columns:10px 1fr;
  gap:10px;
  align-items:start;
  padding:11px 10px;
  border-bottom:1px solid rgba(255,255,255,.045);
}

.hub-home-next-feed-row:last-child{
  border-bottom:0;
}

.hub-home-next-feed-dot{
  width:6px;
  height:6px;
  margin-top:4px;
  border-radius:999px;
  background:#7c5cff;
}

.hub-home-next-feed-row strong{
  display:block;
  margin-bottom:4px;
  font-size:8px;
}

.hub-home-next-empty{
  display:grid;
  place-items:center;
  min-height:150px;
  text-align:center;
}

.hub-home-next-empty-icon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  margin-bottom:10px;
  border-radius:10px;
  background:rgba(79,210,156,.08);
  color:#62d4aa;
  font-size:11px;
}

.hub-home-next-empty strong{
  margin-bottom:5px;
  font-size:9px;
}

.hub-home-next-profile{
  display:flex;
  align-items:center;
  gap:12px;
  padding:13px;
  border:1px solid rgba(255,255,255,.045);
  border-radius:12px;
  background:#151c27;
}

.hub-home-next-avatar{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  overflow:hidden;
  flex:0 0 auto;
  border-radius:12px;
  background:#1b2330;
  font-size:12px;
  font-weight:800;
}

.hub-home-next-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.hub-home-next-profile strong,
.hub-home-next-profile small{
  display:block;
}

.hub-home-next-profile strong{
  margin-bottom:4px;
  font-size:9px;
}

.hub-home-next-profile small{
  color:#6f788a;
  font-size:7px;
}

.hub-home-next-profile-meta{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:10px;
}

.hub-home-next-profile-meta>div{
  padding:11px;
  border:1px solid rgba(255,255,255,.045);
  border-radius:10px;
  background:#151c27;
}

.hub-home-next-profile-meta span,
.hub-home-next-profile-meta strong{
  display:block;
}

.hub-home-next-profile-meta span{
  margin-bottom:5px;
  color:#606a7d;
  font-size:6px;
  font-weight:800;
  letter-spacing:.1em;
}

.hub-home-next-profile-meta strong{
  font-size:8px;
}

.hub-home-next-shortcuts{
  display:grid;
  gap:8px;
}

.hub-home-next-shortcuts button{
  display:block;
  width:100%;
  padding:12px;
  border:1px solid rgba(255,255,255,.045);
  border-radius:10px;
  background:#151c27;
  color:#e9edf4;
  text-align:left;
  cursor:pointer;
}

.hub-home-next-shortcuts button:hover{
  border-color:rgba(124,92,255,.18);
  background:#171f2b;
}

.hub-home-next-shortcuts span,
.hub-home-next-shortcuts small{
  display:block;
}

.hub-home-next-shortcuts span{
  margin-bottom:3px;
  font-size:8px;
  font-weight:700;
}

.hub-home-next-shortcuts small{
  color:#6d7689;
  font-size:7px;
}

/* Light mode */
.hub-light .hub-home-next-status,
.hub-light .hub-home-next-stat,
.hub-light .hub-home-next-panel{
  border-color:rgba(20,24,32,.08);
  background:rgba(255,255,255,.74);
}

.hub-light .hub-home-next-community-body,
.hub-light .hub-home-next-profile,
.hub-light .hub-home-next-profile-meta>div,
.hub-light .hub-home-next-shortcuts button{
  border-color:rgba(20,24,32,.07);
  background:rgba(20,24,32,.025);
}

/* Responsive */
@media(max-width:960px){
  .hub-home-next-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .hub-home-next-layout{
    grid-template-columns:1fr;
  }
}

@media(max-width:620px){
  .hub-home-next{
    width:calc(100vw - 24px) !important;
  }
  .hub-home-next-hero{
    align-items:flex-start;
    flex-direction:column;
  }
  .hub-home-next-stats{
    grid-template-columns:1fr;
  }
}


/* ============================================================
   HOME V3 — full redesign. Navigation untouched.
   ============================================================ */
.hub-home-v3{
  width:min(100%,1180px) !important;
  max-width:1180px !important;
  margin:0 auto !important;
  padding:6px 0 34px;
}

.hub-home-v3-header{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  padding:18px 2px 20px;
}

.hub-home-v3-welcome>span,
.hub-home-v3-feature-top span,
.hub-home-v3-card-head span,
.hub-home-v3-profile-bottom span{
  display:block;
  color:#5f697c;
  font-size:7px;
  font-weight:800;
  letter-spacing:.14em;
}

.hub-home-v3-welcome h1{
  margin:8px 0 0;
  color:#747e92;
  font-size:15px;
  font-weight:500;
}

.hub-home-v3-welcome h2{
  margin:2px 0 0;
  font-size:35px;
  line-height:1;
  letter-spacing:-.045em;
}

.hub-home-v3-header-meta{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 13px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:12px;
  background:#0f151f;
}

.hub-home-v3-live-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#43d39b;
  box-shadow:0 0 0 4px rgba(67,211,155,.08);
}

.hub-home-v3-header-meta strong,
.hub-home-v3-header-meta small{
  display:block;
}

.hub-home-v3-header-meta strong{font-size:8px}
.hub-home-v3-header-meta small{margin-top:2px;color:#687285;font-size:7px}

.hub-home-v3-overview{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(300px,.62fr);
  gap:14px;
  margin-bottom:14px;
}

.hub-home-v3-feature,
.hub-home-v3-profile-card,
.hub-home-v3-card{
  border:1px solid rgba(255,255,255,.06);
  border-radius:16px;
  background:#0f151f;
  box-shadow:0 12px 34px rgba(0,0,0,.12);
}

.hub-home-v3-feature{
  padding:19px;
}

.hub-home-v3-feature-top,
.hub-home-v3-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}

.hub-home-v3-feature-top h3,
.hub-home-v3-card-head h3{
  margin:5px 0 0;
  font-size:12px;
}

.hub-home-v3-feature-top button,
.hub-home-v3-card-head button,
.hub-home-v3-profile-top>button{
  padding:0;
  border:0;
  background:transparent;
  color:#7e899e;
  font-size:7px;
  cursor:pointer;
}

.hub-home-v3-community,
.hub-home-v3-community-empty{
  display:flex;
  align-items:center;
  gap:15px;
  min-height:112px;
  margin-top:17px;
  padding:15px;
  border:1px solid rgba(255,255,255,.045);
  border-radius:13px;
  background:#151c27;
}

.hub-home-v3-community-logo{
  width:56px;
  height:56px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border:1px solid rgba(124,92,255,.2);
  border-radius:15px;
  background:rgba(124,92,255,.08);
  color:#b5aaff;
  font-size:13px;
  font-weight:800;
}

.hub-home-v3-community-info,
.hub-home-v3-community-empty>div:nth-child(2){
  flex:1;
  min-width:0;
}

.hub-home-v3-community-info strong,
.hub-home-v3-community-empty strong{
  display:block;
  margin-bottom:5px;
  font-size:10px;
}

.hub-home-v3-community-info p,
.hub-home-v3-community-empty p{
  margin:0;
  color:#707a8d;
  font-size:7px;
}

.hub-home-v3-community-state{
  padding-left:18px;
  border-left:1px solid rgba(255,255,255,.06);
  text-align:right;
}

.hub-home-v3-community-state span,
.hub-home-v3-community-state strong,
.hub-home-v3-community-state small{
  display:block;
}

.hub-home-v3-community-state span{
  color:#43d39b;
  font-size:6px;
  font-weight:800;
  letter-spacing:.12em;
}

.hub-home-v3-community-state strong{
  margin-top:6px;
  font-size:18px;
}

.hub-home-v3-community-state small{
  color:#687285;
  font-size:6px;
}

.hub-home-v3-community-empty>button{
  padding:8px 10px;
  border:1px solid rgba(124,92,255,.18);
  border-radius:9px;
  background:rgba(124,92,255,.08);
  color:#aaa0f7;
  font-size:7px;
}

.hub-home-v3-profile-card{
  padding:17px;
}

.hub-home-v3-profile-top{
  display:grid;
  grid-template-columns:46px 1fr auto;
  align-items:center;
  gap:11px;
}

.hub-home-v3-avatar{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:13px;
  background:#1a2230;
  font-size:12px;
  font-weight:800;
}

.hub-home-v3-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.hub-home-v3-profile-top strong,
.hub-home-v3-profile-top small{
  display:block;
}

.hub-home-v3-profile-top strong{
  margin-bottom:4px;
  font-size:9px;
}

.hub-home-v3-profile-top small{
  color:#697386;
  font-size:7px;
}

.hub-home-v3-profile-bottom{
  display:grid;
  grid-template-columns:1fr 72px;
  gap:8px;
  margin-top:15px;
}

.hub-home-v3-profile-bottom>div{
  padding:11px;
  border:1px solid rgba(255,255,255,.045);
  border-radius:10px;
  background:#151c27;
}

.hub-home-v3-profile-bottom strong{
  display:block;
  margin-top:5px;
  overflow:hidden;
  font-size:8px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hub-home-v3-grid{
  display:grid;
  grid-template-columns:.85fr .85fr 1.3fr;
  gap:14px;
}

.hub-home-v3-card{
  min-height:205px;
  padding:17px;
}

.hub-home-v3-number-row{
  display:flex;
  align-items:flex-end;
  gap:9px;
  margin-top:32px;
}

.hub-home-v3-number-row strong{
  font-size:35px;
  line-height:.9;
  letter-spacing:-.05em;
}

.hub-home-v3-number-row p{
  margin:0 0 3px;
  color:#70798c;
  font-size:7px;
}

.hub-home-v3-bar{
  height:4px;
  overflow:hidden;
  margin-top:20px;
  border-radius:999px;
  background:#1b2330;
}

.hub-home-v3-bar i{
  display:block;
  height:100%;
  border-radius:999px;
  background:#7962ef;
}

.hub-home-v3-friend-preview{
  display:flex;
  align-items:center;
  min-height:60px;
  margin-top:23px;
}

.hub-home-v3-friend-avatar{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  overflow:hidden;
  margin-right:-7px;
  border:3px solid #0f151f;
  border-radius:13px;
  background:#1c2432;
  color:#e6eaf0;
  font-size:9px;
  font-weight:800;
}

.hub-home-v3-friend-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.hub-home-v3-no-friends,
.hub-home-v3-empty{
  color:#6f788b;
  font-size:7px;
}

.hub-home-v3-card-note{
  margin-top:14px;
  color:#707a8c;
  font-size:7px;
}

.hub-home-v3-notice-list{
  display:grid;
  gap:4px;
  margin-top:15px;
}

.hub-home-v3-notice{
  display:grid;
  grid-template-columns:6px 1fr;
  gap:9px;
  padding:8px 0;
  border-bottom:1px solid rgba(255,255,255,.04);
}

.hub-home-v3-notice:last-child{border-bottom:0}

.hub-home-v3-notice i{
  width:5px;
  height:5px;
  margin-top:4px;
  border-radius:50%;
  background:#7962ef;
}

.hub-home-v3-notice strong,
.hub-home-v3-notice small{
  display:block;
}

.hub-home-v3-notice strong{
  margin-bottom:3px;
  font-size:7px;
}

.hub-home-v3-notice small{
  overflow:hidden;
  color:#677184;
  font-size:6px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hub-home-v3-unread{
  margin-top:8px;
  color:#988af6;
  font-size:7px;
}

/* Light mode */
.hub-light .hub-home-v3-feature,
.hub-light .hub-home-v3-profile-card,
.hub-light .hub-home-v3-card,
.hub-light .hub-home-v3-header-meta{
  border-color:rgba(20,24,32,.08);
  background:rgba(255,255,255,.8);
}

.hub-light .hub-home-v3-community,
.hub-light .hub-home-v3-community-empty,
.hub-light .hub-home-v3-profile-bottom>div{
  border-color:rgba(20,24,32,.07);
  background:rgba(20,24,32,.025);
}

@media(max-width:950px){
  .hub-home-v3-overview{grid-template-columns:1fr}
  .hub-home-v3-grid{grid-template-columns:1fr 1fr}
  .hub-home-v3-notifications{grid-column:1/-1}
}

@media(max-width:620px){
  .hub-home-v3{
    width:calc(100vw - 24px) !important;
  }
  .hub-home-v3-header{
    align-items:flex-start;
    flex-direction:column;
  }
  .hub-home-v3-grid{grid-template-columns:1fr}
  .hub-home-v3-notifications{grid-column:auto}
}


/* ============================================================
   myHub Home — centered patrol launcher
   Navigation intentionally untouched
   ============================================================ */
.hub-home-launch{
  width:min(100%,1180px) !important;
  max-width:1180px !important;
  margin:0 auto !important;
  min-height:560px;
  display:grid !important;
  place-items:center !important;
  padding:48px 24px !important;
  box-sizing:border-box;
}

.hub-home-launch-center{
  width:min(100%,720px);
  margin:auto;
  text-align:center;
}

.hub-home-launch-copy{
  display:grid;
  justify-items:center;
}

.hub-home-launch-kicker{
  margin:0 0 8px;
  color:#8a93a5;
  font-size:14px;
  font-weight:500;
  letter-spacing:-.01em;
}

.hub-home-launch-copy h1{
  margin:0;
  max-width:100%;
  color:#f4f6fa;
  font-size:42px;
  font-weight:750;
  line-height:1.04;
  letter-spacing:-.045em;
  overflow-wrap:anywhere;
}

.hub-home-launch-copy p{
  max-width:520px;
  margin:16px auto 0;
  color:#707a8d;
  font-size:10px;
  line-height:1.65;
}

.hub-home-launch-characters{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
  margin-top:32px;
}

.hub-home-launch-character{
  min-width:190px;
  min-height:74px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:6px;
  padding:15px 17px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:14px;
  background:#111721;
  color:#eef2f7;
  text-align:left;
  cursor:pointer;
  box-shadow:none;
  transition:background .16s ease,border-color .16s ease,transform .16s ease;
}

.hub-home-launch-character:hover{
  transform:translateY(-1px);
  border-color:rgba(126,104,255,.26);
  background:#151c27;
}

.hub-home-launch-character-name{
  width:100%;
  overflow:hidden;
  font-size:10px;
  font-weight:750;
  letter-spacing:-.012em;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hub-home-launch-character-type{
  color:#717b8e;
  font-size:7px;
  font-weight:600;
  letter-spacing:.03em;
  text-transform:uppercase;
}

.hub-home-launch-empty{
  width:min(100%,430px);
  display:grid;
  justify-items:center;
  gap:7px;
  padding:22px;
  border:1px dashed rgba(255,255,255,.075);
  border-radius:14px;
  background:rgba(17,23,33,.52);
}

.hub-home-launch-empty strong{
  font-size:9px;
}

.hub-home-launch-empty span{
  color:#6f788a;
  font-size:7px;
}

.hub-home-launch-empty button{
  margin-top:6px;
  padding:9px 12px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:9px;
  background:#171e29;
  color:#e8ecf2;
  font-size:7px;
  cursor:pointer;
}

.hub-light .hub-home-launch-copy h1{
  color:#171b23;
}

.hub-light .hub-home-launch-character{
  border-color:rgba(20,24,32,.08);
  background:rgba(255,255,255,.78);
  color:#171b23;
}

.hub-light .hub-home-launch-empty{
  border-color:rgba(20,24,32,.09);
  background:rgba(255,255,255,.55);
}

@media(max-width:620px){
  .hub-home-launch{
    width:calc(100vw - 24px) !important;
    min-height:460px;
    padding:36px 12px !important;
  }

  .hub-home-launch-copy h1{
    font-size:32px;
  }

  .hub-home-launch-character{
    width:100%;
    min-width:0;
  }
}


/* ===== Home active/last-session states ===== */
.hub-home-launch-return-copy{
  max-width:610px !important;
}

.hub-home-launch-quick-wrap{
  display:flex;
  justify-content:center;
  margin-top:30px;
}

.hub-home-launch-quick{
  min-width:250px;
  min-height:82px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  padding:16px 18px;
  border:1px solid rgba(124,92,255,.22);
  border-radius:14px;
  background:#111721;
  color:#f2f4f8;
  text-align:left;
  cursor:pointer;
  transition:background .16s ease,border-color .16s ease,transform .16s ease;
}

.hub-home-launch-quick:hover{
  transform:translateY(-1px);
  border-color:rgba(124,92,255,.38);
  background:#151c27;
}

.hub-home-launch-quick span{
  color:#788295;
  font-size:8px;
  font-weight:700;
}

.hub-home-launch-quick strong{
  font-size:14px;
  letter-spacing:.035em;
}

.hub-home-launch-quick.neutral{
  border-color:rgba(255,255,255,.07);
}

/* ===== Repaired Forms page ===== */
.hub-forms-history{
  margin-top:18px;
  padding:18px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:15px;
  background:#101620;
}

.hub-forms-history-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:12px;
}

.hub-forms-history-head h2{
  margin:4px 0 0;
  font-size:15px;
}

.hub-forms-history-head>span{
  color:#707a8c;
  font-size:8px;
}

.hub-forms-history-list{
  display:grid;
  gap:7px;
}

.hub-forms-history-row{
  width:100%;
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:11px 12px;
  border:1px solid rgba(255,255,255,.05);
  border-radius:10px;
  background:#151c27;
  color:#eef1f6;
  text-align:left;
}

.hub-forms-history-row:hover{
  border-color:rgba(124,92,255,.18);
  background:#171f2b;
}

.hub-forms-history-row strong,
.hub-forms-history-row small{
  display:block;
}

.hub-forms-history-row strong{
  margin-bottom:4px;
  font-size:9px;
}

.hub-forms-history-row small{
  color:#6f788b;
  font-size:7px;
}

.hub-forms-status{
  flex:0 0 auto;
  padding:5px 8px;
  border-radius:999px;
  background:rgba(124,92,255,.09);
  color:#b3a8ff;
  font-size:7px;
  font-weight:700;
}

.hub-forms-history-empty{
  padding:24px 12px;
  color:#6f788b;
  font-size:8px;
  text-align:center;
}

.hub-fixed-form .field>span{
  display:block;
  margin-bottom:7px;
  color:#dfe4eb;
  font-size:9px;
  font-weight:700;
}

.hub-fixed-form input{
  width:100%;
  min-height:44px;
  padding:0 13px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:11px;
  outline:none;
  background:#151c27;
  color:#f1f4f8;
}

.hub-form-submission-detail{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:18px;
}

.hub-form-submission-detail>div{
  padding:12px;
  border:1px solid rgba(255,255,255,.05);
  border-radius:10px;
  background:#151c27;
}

.hub-form-submission-detail .wide{
  grid-column:1/-1;
}

.hub-form-submission-detail span,
.hub-form-submission-detail strong{
  display:block;
}

.hub-form-submission-detail span{
  margin-bottom:6px;
  color:#6c7588;
  font-size:7px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.hub-form-submission-detail strong{
  font-size:9px;
}

.hub-form-submission-detail p{
  margin:0;
  color:#a3acba;
  font-size:9px;
  line-height:1.6;
  white-space:pre-wrap;
}

.hub-light .hub-forms-history{
  border-color:rgba(20,24,32,.08);
  background:rgba(255,255,255,.76);
}

.hub-light .hub-forms-history-row,
.hub-light .hub-fixed-form input,
.hub-light .hub-form-submission-detail>div{
  border-color:rgba(20,24,32,.07);
  background:rgba(20,24,32,.025);
  color:#171b23;
}

@media(max-width:620px){
  .hub-form-submission-detail{
    grid-template-columns:1fr;
  }
  .hub-form-submission-detail .wide{
    grid-column:auto;
  }
  .hub-home-launch-quick{
    width:100%;
    min-width:0;
  }
}


/* ===== Home state/message refinement ===== */
.hub-home-launch-copy p{
  max-width:620px !important;
  font-size:12px !important;
  line-height:1.65 !important;
}

.hub-home-launch-message{
  max-width:650px;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  gap:10px;
  margin:16px auto 0;
}

.hub-home-launch-message p{
  margin:0 !important;
}

.hub-home-launch-message.info,
.hub-home-launch-message.warning{
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:12px;
  background:#111721;
  text-align:left;
}

.hub-home-launch-message.info{
  border-color:rgba(57,208,255,.14);
  background:rgba(57,208,255,.045);
}

.hub-home-launch-message.warning{
  border-color:rgba(255,183,77,.17);
  background:rgba(255,183,77,.045);
}

.hub-home-state-icon{
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  margin-top:1px;
  border-radius:999px;
  font-size:10px;
  font-weight:800;
}

.hub-home-launch-message.info .hub-home-state-icon{
  color:#74d9ff;
  background:rgba(57,208,255,.11);
}

.hub-home-launch-message.warning .hub-home-state-icon{
  color:#ffc56f;
  background:rgba(255,183,77,.11);
}

/* New no-community Get Started block */
.hub-home-launch-get-started{
  width:min(100%,560px);
  display:grid;
  grid-template-columns:46px minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  margin:30px auto 0;
  padding:14px 15px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:14px;
  background:#111721;
  text-align:left;
}

.hub-home-launch-get-started-icon{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border:1px solid rgba(124,92,255,.18);
  border-radius:12px;
  background:rgba(124,92,255,.075);
  color:#b4a9ff;
  font-size:20px;
  font-weight:500;
}

.hub-home-launch-get-started-copy{
  min-width:0;
}

.hub-home-launch-get-started-copy strong,
.hub-home-launch-get-started-copy span{
  display:block;
}

.hub-home-launch-get-started-copy strong{
  margin-bottom:4px;
  color:#eef2f7;
  font-size:10px;
}

.hub-home-launch-get-started-copy span{
  color:#70798b;
  font-size:8px;
  line-height:1.45;
}

.hub-home-launch-get-started button{
  min-height:36px;
  padding:0 12px;
  border:1px solid rgba(124,92,255,.20);
  border-radius:9px;
  background:rgba(124,92,255,.09);
  color:#c6bdff;
  font-size:8px;
  font-weight:700;
  white-space:nowrap;
}

/* Cleaner Quick Launch card */
.hub-home-launch-quick{
  position:relative;
  min-width:300px !important;
  min-height:78px !important;
  display:grid !important;
  grid-template-columns:1fr auto auto;
  align-items:center;
  gap:12px !important;
  padding:14px 16px !important;
  border:1px solid rgba(255,255,255,.065) !important;
  background:#111721 !important;
}

.hub-home-launch-quick-label{
  color:#737d90 !important;
  font-size:9px !important;
  font-weight:650 !important;
}

.hub-home-launch-quick strong{
  color:#f2f4f8;
  font-size:15px !important;
  letter-spacing:.04em;
}

.hub-home-launch-quick-arrow{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:#171f2b;
  color:#a59afd;
  font-size:12px !important;
}

.hub-home-launch-quick:hover{
  border-color:rgba(124,92,255,.22) !important;
  background:#141b26 !important;
}

.hub-light .hub-home-launch-message.info,
.hub-light .hub-home-launch-message.warning,
.hub-light .hub-home-launch-get-started,
.hub-light .hub-home-launch-quick{
  background:rgba(255,255,255,.78) !important;
  border-color:rgba(20,24,32,.08) !important;
}

.hub-light .hub-home-launch-get-started-copy strong,
.hub-light .hub-home-launch-quick strong{
  color:#171b23;
}

@media(max-width:620px){
  .hub-home-launch-copy p{
    font-size:11px !important;
  }

  .hub-home-launch-get-started{
    grid-template-columns:42px 1fr;
  }

  .hub-home-launch-get-started button{
    grid-column:1/-1;
    width:100%;
  }

  .hub-home-launch-quick{
    min-width:0 !important;
    width:100% !important;
  }
}


/* =========================================================
   Home minimal launcher redesign
   ========================================================= */
.hub-home-minimal{
  width:min(100%,1180px) !important;
  max-width:1180px !important;
  min-height:560px;
  display:grid !important;
  place-items:center !important;
  margin:0 auto !important;
  padding:40px 24px 70px !important;
  box-sizing:border-box;
}

.hub-home-minimal-center{
  width:min(100%,620px);
  transform:translateY(-5%);
  text-align:center;
}

.hub-home-minimal-head{
  display:grid;
  justify-items:center;
}

.hub-home-minimal-welcome{
  color:#818b9d;
  font-size:14px;
  font-weight:500;
  letter-spacing:-.01em;
}

.hub-home-minimal h1{
  max-width:100%;
  margin:6px 0 0;
  color:#f4f6fa;
  font-size:44px;
  font-weight:750;
  line-height:1.02;
  letter-spacing:-.045em;
  overflow-wrap:anywhere;
}

.hub-home-minimal-message{
  max-width:610px;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  gap:9px;
  margin-top:17px;
}

.hub-home-minimal-message p{
  margin:0;
  color:#7e8799;
  font-size:12px;
  line-height:1.65;
}

.hub-home-minimal-message.info,
.hub-home-minimal-message.warning{
  padding:10px 0;
  text-align:left;
}

.hub-home-minimal-icon{
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  margin-top:1px;
  border-radius:50%;
  font-size:9px;
  font-weight:800;
}

.hub-home-minimal-icon.info{
  color:#75dbff;
  background:rgba(57,208,255,.10);
}

.hub-home-minimal-icon.warning{
  color:#ffc36a;
  background:rgba(255,183,77,.10);
}

.hub-home-minimal-list{
  width:min(100%,550px);
  display:grid;
  gap:9px;
  margin:30px auto 0;
}

.hub-home-minimal-launch{
  width:100%;
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:14px 16px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:13px;
  background:#111721;
  color:#eff2f7;
  text-align:left;
  cursor:pointer;
  box-shadow:none;
  transition:transform .15s ease,border-color .15s ease,background .15s ease;
}

.hub-home-minimal-launch:hover{
  transform:translateY(-1px);
  border-color:rgba(124,92,255,.22);
  background:#151c27;
}

.hub-home-minimal-launch-copy{
  min-width:0;
}

.hub-home-minimal-launch-copy strong,
.hub-home-minimal-launch-copy span{
  display:block;
}

.hub-home-minimal-launch-copy strong{
  overflow:hidden;
  margin-bottom:5px;
  font-size:10px;
  font-weight:750;
  letter-spacing:-.012em;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hub-home-minimal-launch-copy span{
  overflow:hidden;
  color:#737d90;
  font-size:8px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hub-home-minimal-launch-action{
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
  color:#9690be;
}

.hub-home-minimal-launch-action span{
  font-size:8px;
  font-weight:700;
}

.hub-home-minimal-launch-action b{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:#171f2b;
  color:#a79cff;
  font-size:12px;
  font-weight:500;
}

.hub-home-minimal-last .hub-home-minimal-launch-copy strong{
  letter-spacing:.04em;
}

.hub-light .hub-home-minimal h1{
  color:#171b23;
}

.hub-light .hub-home-minimal-launch{
  border-color:rgba(20,24,32,.08);
  background:rgba(255,255,255,.78);
  color:#171b23;
}

.hub-light .hub-home-minimal-launch:hover{
  background:#fff;
}

.hub-light .hub-home-minimal-launch-action b{
  background:rgba(20,24,32,.045);
}

@media(max-width:620px){
  .hub-home-minimal{
    width:calc(100vw - 24px) !important;
    min-height:470px;
    padding:34px 12px 54px !important;
  }

  .hub-home-minimal-center{
    transform:translateY(-2%);
  }

  .hub-home-minimal h1{
    font-size:34px;
  }

  .hub-home-minimal-message p{
    font-size:11px;
  }

  .hub-home-minimal-launch{
    min-height:68px;
    padding:13px 14px;
  }

  .hub-home-minimal-launch-action span{
    display:none;
  }
}


/* ============================================================
   Home launcher — final minimal / premium pass
   ============================================================ */
.hub-home-launch-pro{
  width:min(100%,1180px) !important;
  max-width:1180px !important;
  min-height:570px;
  display:grid !important;
  place-items:center !important;
  margin:0 auto !important;
  padding:34px 24px 84px !important;
}

.hub-home-launch-pro-center{
  width:min(100%,650px);
  transform:translateY(-10%);
  text-align:center;
}

.hub-home-launch-pro-head{
  display:grid;
  justify-items:center;
}

.hub-home-launch-pro-welcome{
  color:#8992a2;
  font-size:13px;
  font-weight:500;
  letter-spacing:-.01em;
}

.hub-home-launch-pro h1{
  max-width:100%;
  margin:4px 0 0;
  color:#f4f6fa;
  font-size:46px;
  font-weight:760;
  line-height:1.02;
  letter-spacing:-.05em;
  overflow-wrap:anywhere;
}

.hub-home-launch-pro-message{
  max-width:620px;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  gap:9px;
  margin-top:17px;
}

.hub-home-launch-pro-message p{
  margin:0;
  color:#7d8799;
  font-size:12px;
  line-height:1.7;
}

.hub-home-launch-pro-state{
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  margin-top:1px;
  border-radius:50%;
  font-size:9px;
  font-weight:800;
}

.hub-home-launch-pro-state.info{
  color:#75d9fb;
  background:rgba(57,208,255,.10);
}

.hub-home-launch-pro-state.warning{
  color:#ffc46d;
  background:rgba(255,183,77,.10);
}

.hub-home-launch-pro-list{
  width:min(100%,570px);
  display:grid;
  gap:8px;
  margin:29px auto 0;
}

.hub-home-launch-pro-card{
  width:100%;
  min-height:74px;
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto;
  align-items:center;
  gap:13px;
  padding:13px 14px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:13px;
  background:#111721;
  color:#eef2f7;
  text-align:left;
  box-shadow:none;
  transition:transform .14s ease,border-color .14s ease,background .14s ease;
}

.hub-home-launch-pro-card:hover{
  transform:translateY(-1px);
  border-color:rgba(124,92,255,.22);
  background:#151c27;
}

.hub-home-launch-pro-dept{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.055);
  border-radius:11px;
  background:#171e29;
  color:#a8b0bf;
  font-size:8px;
  font-weight:800;
  letter-spacing:.04em;
}

.hub-home-launch-pro-main{
  min-width:0;
}

.hub-home-launch-pro-name-line{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}

.hub-home-launch-pro-main strong{
  overflow:hidden;
  display:block;
  color:#f1f3f7;
  font-size:10px;
  font-weight:750;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hub-home-launch-pro-name-line em{
  flex:0 0 auto;
  padding:3px 5px;
  border-radius:5px;
  background:rgba(124,92,255,.09);
  color:#aaa0f7;
  font-size:5px;
  font-style:normal;
  font-weight:800;
  letter-spacing:.11em;
}

.hub-home-launch-pro-main small{
  overflow:hidden;
  display:block;
  margin-top:5px;
  color:#727c8f;
  font-size:7px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hub-home-launch-pro-action{
  display:flex;
  align-items:center;
  gap:10px;
  color:#878fa0;
}

.hub-home-launch-pro-action>span{
  font-size:7px;
  font-weight:700;
}

.hub-home-launch-pro-action b{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:#171e29;
  color:#9388eb;
  font-size:12px;
  font-weight:500;
  transition:color .14s ease,background .14s ease;
}

.hub-home-launch-pro-card:hover .hub-home-launch-pro-action b{
  color:#b7afff;
  background:#1a2230;
}

.hub-home-launch-pro-view-all{
  justify-self:center;
  margin-top:3px;
  padding:6px 8px;
  border:0;
  background:transparent;
  color:#737d90;
  font-size:7px;
  font-weight:650;
}

.hub-home-launch-pro-view-all span{
  margin-left:5px;
  color:#968cf2;
}

.hub-home-launch-pro-last .hub-home-launch-pro-main strong{
  letter-spacing:.045em;
}

.hub-light .hub-home-launch-pro h1{
  color:#171b23;
}

.hub-light .hub-home-launch-pro-card{
  border-color:rgba(20,24,32,.075);
  background:rgba(255,255,255,.8);
  color:#171b23;
}

.hub-light .hub-home-launch-pro-main strong{
  color:#171b23;
}

.hub-light .hub-home-launch-pro-dept,
.hub-light .hub-home-launch-pro-action b{
  border-color:rgba(20,24,32,.06);
  background:rgba(20,24,32,.035);
}

/* ============================================================
   Community creation
   ============================================================ */
.hub-community-browser-title{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}

.hub-community-browser-title h2{
  margin:0;
}

.hub-create-community-btn{
  height:30px;
  padding:0 10px;
  border:1px solid rgba(124,92,255,.18);
  border-radius:8px;
  background:rgba(124,92,255,.075);
  color:#b3a9ff;
  font-size:7px;
  font-weight:750;
  white-space:nowrap;
}

.hub-create-community-btn:hover{
  border-color:rgba(124,92,255,.30);
  background:rgba(124,92,255,.11);
}

.hub-create-community-form{
  margin-top:20px;
  padding:20px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:15px;
  background:#101620;
}

.hub-create-community-grid{
  display:grid;
  grid-template-columns:1fr 180px;
  gap:14px;
}

.hub-create-community-grid label{
  display:block;
}

.hub-create-community-grid label.wide{
  grid-column:1/-1;
}

.hub-create-community-grid label>span{
  display:block;
  margin-bottom:7px;
  color:#dce2ea;
  font-size:8px;
  font-weight:700;
}

.hub-create-community-grid input,
.hub-create-community-grid textarea{
  width:100%;
  border:1px solid rgba(255,255,255,.075);
  border-radius:10px;
  outline:none;
  background:#151c27;
  color:#f2f4f8;
  font:inherit;
  font-size:9px;
}

.hub-create-community-grid input{
  height:42px;
  padding:0 12px;
}

.hub-create-community-grid textarea{
  min-height:110px;
  padding:11px 12px;
  resize:vertical;
}

.hub-create-community-grid input:focus,
.hub-create-community-grid textarea:focus{
  border-color:rgba(124,92,255,.35);
}

.hub-create-community-note{
  display:flex;
  align-items:flex-start;
  gap:9px;
  margin:15px 0 0;
  padding:10px 11px;
  border-radius:9px;
  background:rgba(57,208,255,.04);
}

.hub-create-community-note>span{
  width:18px;
  height:18px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:50%;
  background:rgba(57,208,255,.10);
  color:#74d8fb;
  font-size:8px;
  font-weight:800;
}

.hub-create-community-note p{
  margin:1px 0 0;
  color:#788294;
  font-size:7px;
  line-height:1.55;
}

.hub-light .hub-create-community-form{
  border-color:rgba(20,24,32,.08);
  background:rgba(255,255,255,.75);
}

.hub-light .hub-create-community-grid input,
.hub-light .hub-create-community-grid textarea{
  border-color:rgba(20,24,32,.08);
  background:rgba(20,24,32,.025);
  color:#171b23;
}

@media(max-width:700px){
  .hub-home-launch-pro{
    min-height:480px;
    padding:30px 12px 56px !important;
  }

  .hub-home-launch-pro-center{
    transform:translateY(-4%);
  }

  .hub-home-launch-pro h1{
    font-size:35px;
  }

  .hub-home-launch-pro-card{
    grid-template-columns:40px minmax(0,1fr) auto;
  }

  .hub-home-launch-pro-dept{
    width:40px;
    height:40px;
  }

  .hub-home-launch-pro-action>span{
    display:none;
  }

  .hub-community-browser-head{
    align-items:stretch;
    flex-direction:column;
  }

  .hub-community-browser-title{
    justify-content:space-between;
  }

  .hub-create-community-grid{
    grid-template-columns:1fr;
  }

  .hub-create-community-grid label.wide{
    grid-column:auto;
  }
}


/* ============================================================
   Community Admin access + management workspace
   ============================================================ */
.hub-home-community-manage{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:11px;
  padding:4px 2px;
  border:0;
  background:transparent;
  color:#9e94ef;
  font-size:8px;
  font-weight:700;
}
.hub-home-community-manage:hover{color:#beb7ff}
.hub-home-community-manage b{font-size:10px;font-weight:500}

.hub-community-admin-inline{
  display:inline-flex;
  margin-top:8px;
  padding:0;
  border:0;
  background:transparent;
  color:#9d93ed;
  font-size:7px;
  font-weight:700;
}

.hub-community-admin-header{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:18px;
}
.hub-community-admin-header h1{margin-bottom:6px}
.hub-community-admin-header p{max-width:700px;margin:0;color:#7b8596;font-size:9px;line-height:1.55}
.hub-community-admin-badge{
  flex:0 0 auto;
  padding:7px 9px;
  border:1px solid rgba(124,92,255,.17);
  border-radius:8px;
  background:rgba(124,92,255,.065);
  color:#aea5fb;
  font-size:7px;
  font-weight:800;
  letter-spacing:.08em;
}

.hub-community-admin-shell{
  display:grid;
  grid-template-columns:170px minmax(0,1fr);
  min-height:560px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.065);
  border-radius:15px;
  background:#0f151e;
}
.hub-community-admin-nav{
  display:flex;
  flex-direction:column;
  gap:3px;
  padding:11px;
  border-right:1px solid rgba(255,255,255,.055);
  background:#0d131b;
}
.hub-community-admin-nav button{
  min-height:34px;
  padding:0 10px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#798395;
  text-align:left;
  font-size:8px;
  font-weight:650;
}
.hub-community-admin-nav button:hover,
.hub-community-admin-nav button.active{
  background:#151c27;
  color:#eceff5;
}
.hub-community-admin-content{min-width:0;padding:18px}
.hub-community-admin-section{display:grid;gap:15px}
.hub-community-admin-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.hub-community-admin-section-head span{
  display:block;
  margin-bottom:4px;
  color:#7f74d9;
  font-size:6px;
  font-weight:800;
  letter-spacing:.12em;
}
.hub-community-admin-section-head h2{margin:0;font-size:15px}
.hub-community-admin-add,
.hub-community-admin-card-head button{
  min-height:29px;
  padding:0 9px;
  border:1px solid rgba(124,92,255,.16);
  border-radius:8px;
  background:rgba(124,92,255,.065);
  color:#aca3f5;
  font-size:7px;
  font-weight:700;
}

.hub-community-admin-form{
  padding:16px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:12px;
  background:#121923;
}
.hub-community-admin-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:11px;
}
.hub-community-admin-form-grid label.wide{grid-column:1/-1}
.hub-community-admin-form-grid label>span{
  display:block;
  margin-bottom:6px;
  color:#b9c0cb;
  font-size:7px;
  font-weight:700;
}
.hub-community-admin-form-grid input,
.hub-community-admin-form-grid textarea{
  width:100%;
  min-height:39px;
  padding:0 10px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:9px;
  outline:none;
  background:#171e29;
  color:#eef1f5;
  font:inherit;
  font-size:8px;
}
.hub-community-admin-form-grid textarea{
  min-height:92px;
  padding:9px 10px;
  resize:vertical;
}
.hub-community-admin-form-grid input:focus,
.hub-community-admin-form-grid textarea:focus{border-color:rgba(124,92,255,.28)}

.hub-community-admin-owner-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:13px 0;
  padding:11px;
  border:1px solid rgba(255,255,255,.05);
  border-radius:9px;
  background:#171e29;
}
.hub-community-admin-owner-row span,
.hub-community-admin-owner-row strong,
.hub-community-admin-owner-row small{display:block}
.hub-community-admin-owner-row span{color:#747e91;font-size:6px;font-weight:800;text-transform:uppercase}
.hub-community-admin-owner-row strong{margin-top:3px;font-size:8px}
.hub-community-admin-owner-row small{margin-top:2px;color:#687285;font-size:6px}
.hub-community-admin-owner-row button{
  min-height:29px;padding:0 9px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:#1b2330;color:#b7bec8;font-size:7px
}

.hub-community-admin-card-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.hub-community-admin-card{
  min-width:0;
  padding:12px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:11px;
  background:#121923;
}
.hub-community-admin-card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:9px;
}
.hub-community-admin-card-head span{display:block;color:#7166c9;font-size:5px;font-weight:800;letter-spacing:.12em}
.hub-community-admin-card-head strong{display:block;margin-top:3px;font-size:8px}
.hub-community-admin-mini-list{display:grid;gap:5px}
.hub-community-admin-mini-list button{
  min-height:31px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:0 9px;
  border:1px solid rgba(255,255,255,.045);
  border-radius:7px;
  background:#171e29;
  color:#bac1cc;
  font-size:7px;
  text-align:left;
}
.hub-community-admin-mini-list button em{color:#777f8f;font-size:6px;font-style:normal}
.hub-community-admin-empty{
  padding:14px 8px;
  color:#687285;
  font-size:7px;
  text-align:center;
}
.hub-community-admin-empty.large{
  padding:34px 12px;
  border:1px dashed rgba(255,255,255,.055);
  border-radius:10px;
}

.hub-community-admin-department-list{display:grid;gap:7px}
.hub-community-admin-department{
  width:100%;
  min-height:62px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  padding:10px 11px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:10px;
  background:#121923;
  color:#eef1f5;
  text-align:left;
}
.hub-community-admin-department:hover{border-color:rgba(124,92,255,.18);background:#151c27}
.hub-community-admin-dept-logo{
  width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:#1a2230;color:#9ca5b4;font-size:7px;font-weight:800
}
.hub-community-admin-department strong,
.hub-community-admin-department small{display:block}
.hub-community-admin-department strong{font-size:8px}
.hub-community-admin-department small{margin-top:4px;color:#6f798c;font-size:6px}
.hub-community-admin-department em{color:#7e8797;font-size:7px;font-style:normal}

.hub-secondary-btn.danger{color:#ff8997;border-color:rgba(255,95,114,.16)}

.hub-light .hub-community-admin-shell,
.hub-light .hub-community-admin-form,
.hub-light .hub-community-admin-card,
.hub-light .hub-community-admin-department{
  border-color:rgba(20,24,32,.075);
  background:rgba(255,255,255,.78);
}
.hub-light .hub-community-admin-nav{
  border-color:rgba(20,24,32,.07);
  background:rgba(20,24,32,.025);
}
.hub-light .hub-community-admin-nav button.active{background:rgba(20,24,32,.055);color:#171b23}
.hub-light .hub-community-admin-form-grid input,
.hub-light .hub-community-admin-form-grid textarea,
.hub-light .hub-community-admin-mini-list button,
.hub-light .hub-community-admin-owner-row{
  border-color:rgba(20,24,32,.06);
  background:rgba(20,24,32,.025);
  color:#171b23;
}

@media(max-width:820px){
  .hub-community-admin-shell{grid-template-columns:1fr}
  .hub-community-admin-nav{
    flex-direction:row;
    overflow-x:auto;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.055);
  }
  .hub-community-admin-nav button{white-space:nowrap}
}
@media(max-width:620px){
  .hub-community-admin-form-grid,
  .hub-community-admin-card-grid{grid-template-columns:1fr}
  .hub-community-admin-form-grid label.wide{grid-column:auto}
  .hub-community-admin-header{align-items:flex-start;flex-direction:column}
}


/* ============================================================
   Manage Community UI v2
   ============================================================ */
.hub-community-admin-v2{
  width:min(100%,1180px) !important;
  max-width:1180px !important;
  margin:0 auto !important;
}

.hub-community-admin-v2-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:12px;
}

.hub-community-admin-v2-back{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:0;
  border:0;
  background:transparent;
  color:#7f899b;
  font-size:8px;
  font-weight:650;
}

.hub-community-admin-v2-back:hover{
  color:#cfd5df;
}

.hub-community-admin-v2-back span{
  color:#9a90ee;
  font-size:11px;
}

.hub-community-admin-v2-role{
  display:inline-flex;
  align-items:center;
  min-height:27px;
  padding:0 9px;
  border:1px solid rgba(124,92,255,.14);
  border-radius:8px;
  background:rgba(124,92,255,.055);
  color:#a59bf2;
  font-size:6px;
  font-weight:800;
  letter-spacing:.12em;
}

.hub-community-admin-v2-hero{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  margin-bottom:14px;
  padding:18px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:15px;
  background:#101620;
}

.hub-community-admin-v2-identity{
  min-width:0;
  display:flex;
  align-items:center;
  gap:15px;
}

.hub-community-admin-v2-logo{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.06);
  border-radius:14px;
  background:#171e29;
  color:#aab2bf;
  font-size:9px;
  font-weight:800;
  letter-spacing:.06em;
}

.hub-community-admin-v2-logo img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.hub-community-admin-v2-title{
  min-width:0;
}

.hub-community-admin-v2-title>span{
  display:block;
  margin-bottom:4px;
  color:#8074da;
  font-size:6px;
  font-weight:800;
  letter-spacing:.12em;
}

.hub-community-admin-v2-title h1{
  margin:0;
  color:#f1f3f7;
  font-size:24px;
  line-height:1.05;
  letter-spacing:-.035em;
}

.hub-community-admin-v2-title p{
  max-width:590px;
  margin:7px 0 0;
  color:#788294;
  font-size:8px;
  line-height:1.55;
}

.hub-community-admin-v2-meta{
  display:flex;
  align-items:stretch;
  gap:7px;
  flex:0 0 auto;
}

.hub-community-admin-v2-meta>div{
  min-width:78px;
  padding:10px 11px;
  border:1px solid rgba(255,255,255,.045);
  border-radius:10px;
  background:#151c27;
}

.hub-community-admin-v2-meta span,
.hub-community-admin-v2-meta strong{
  display:block;
}

.hub-community-admin-v2-meta span{
  color:#6c7689;
  font-size:6px;
}

.hub-community-admin-v2-meta strong{
  margin-top:5px;
  color:#eef1f5;
  font-size:12px;
}

.hub-community-admin-v2-shell{
  display:grid;
  grid-template-columns:215px minmax(0,1fr);
  min-height:565px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.055);
  border-radius:15px;
  background:#0f151e;
}

.hub-community-admin-v2-sidebar{
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:14px 10px 10px;
  border-right:1px solid rgba(255,255,255,.05);
  background:#0d131b;
}

.hub-community-admin-v2-nav-label{
  padding:0 8px 8px;
  color:#5f6879;
  font-size:5px;
  font-weight:800;
  letter-spacing:.15em;
}

.hub-community-admin-v2-nav{
  display:grid;
  gap:3px;
}

.hub-community-admin-v2-nav button{
  width:100%;
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:8px 9px;
  border:1px solid transparent;
  border-radius:9px;
  background:transparent;
  color:#788294;
  text-align:left;
  transition:background .14s ease,border-color .14s ease,color .14s ease;
}

.hub-community-admin-v2-nav button:hover{
  background:#131a24;
  color:#c8ced7;
}

.hub-community-admin-v2-nav button.active{
  border-color:rgba(124,92,255,.10);
  background:rgba(124,92,255,.065);
  color:#eceff4;
}

.hub-community-admin-v2-nav-copy{
  min-width:0;
}

.hub-community-admin-v2-nav-copy strong,
.hub-community-admin-v2-nav-copy small{
  display:block;
}

.hub-community-admin-v2-nav-copy strong{
  font-size:8px;
  font-weight:700;
}

.hub-community-admin-v2-nav-copy small{
  overflow:hidden;
  margin-top:3px;
  color:#626c7e;
  font-size:5.5px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hub-community-admin-v2-nav button.active small{
  color:#8279bd;
}

.hub-community-admin-v2-nav button b{
  color:#5f6878;
  font-size:11px;
  font-weight:500;
}

.hub-community-admin-v2-nav button.active b{
  color:#9b91ec;
}

.hub-community-admin-v2-sidebar-foot{
  margin-top:auto;
  padding:10px 8px 3px;
  border-top:1px solid rgba(255,255,255,.045);
}

.hub-community-admin-v2-sidebar-foot span,
.hub-community-admin-v2-sidebar-foot strong{
  display:block;
}

.hub-community-admin-v2-sidebar-foot span{
  color:#5f6879;
  font-size:5px;
  font-weight:700;
}

.hub-community-admin-v2-sidebar-foot strong{
  overflow:hidden;
  margin-top:4px;
  color:#737d8e;
  font-size:6px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hub-community-admin-v2-main{
  min-width:0;
  background:#101620;
}

.hub-community-admin-v2 .hub-community-admin-content{
  padding:20px;
}

/* Cleaner section content */
.hub-community-admin-v2 .hub-community-admin-section{
  gap:13px;
}

.hub-community-admin-v2 .hub-community-admin-section-head{
  min-height:38px;
  padding-bottom:10px;
  border-bottom:1px solid rgba(255,255,255,.045);
}

.hub-community-admin-v2 .hub-community-admin-section-head span{
  color:#7468cf;
  font-size:5.5px;
}

.hub-community-admin-v2 .hub-community-admin-section-head h2{
  font-size:14px;
}

.hub-community-admin-v2 .hub-community-admin-form,
.hub-community-admin-v2 .hub-community-admin-card,
.hub-community-admin-v2 .hub-community-admin-department{
  border-color:rgba(255,255,255,.05);
  background:#141b25;
  box-shadow:none;
}

.hub-community-admin-v2 .hub-community-admin-form{
  border-radius:11px;
}

.hub-community-admin-v2 .hub-community-admin-card-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}

.hub-community-admin-v2 .hub-community-admin-card{
  border-radius:10px;
}

.hub-community-admin-v2 .hub-community-admin-mini-list button{
  background:#181f2a;
}

.hub-community-admin-v2 .hub-community-admin-department-list{
  gap:6px;
}

.hub-community-admin-v2 .hub-community-admin-department{
  min-height:58px;
}

.hub-community-admin-v2 .hub-community-admin-add,
.hub-community-admin-v2 .hub-community-admin-card-head button{
  border-color:rgba(124,92,255,.14);
  background:rgba(124,92,255,.055);
  color:#a69cf2;
}

.hub-light .hub-community-admin-v2-hero,
.hub-light .hub-community-admin-v2-shell,
.hub-light .hub-community-admin-v2-main,
.hub-light .hub-community-admin-v2 .hub-community-admin-form,
.hub-light .hub-community-admin-v2 .hub-community-admin-card,
.hub-light .hub-community-admin-v2 .hub-community-admin-department{
  border-color:rgba(20,24,32,.075);
  background:rgba(255,255,255,.82);
}

.hub-light .hub-community-admin-v2-sidebar{
  border-color:rgba(20,24,32,.065);
  background:#f6f7fa;
}

.hub-light .hub-community-admin-v2-title h1,
.hub-light .hub-community-admin-v2-meta strong{
  color:#171b23;
}

.hub-light .hub-community-admin-v2-meta>div{
  border-color:rgba(20,24,32,.06);
  background:rgba(20,24,32,.025);
}

.hub-light .hub-community-admin-v2-nav button.active{
  background:rgba(124,92,255,.075);
  color:#171b23;
}

@media(max-width:900px){
  .hub-community-admin-v2-hero{
    align-items:flex-start;
    flex-direction:column;
  }

  .hub-community-admin-v2-meta{
    width:100%;
  }

  .hub-community-admin-v2-meta>div{
    flex:1;
  }

  .hub-community-admin-v2-shell{
    grid-template-columns:1fr;
  }

  .hub-community-admin-v2-sidebar{
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.05);
  }

  .hub-community-admin-v2-nav{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .hub-community-admin-v2-sidebar-foot{
    display:none;
  }
}

@media(max-width:620px){
  .hub-community-admin-v2-nav{
    grid-template-columns:1fr 1fr;
  }

  .hub-community-admin-v2-meta{
    display:grid;
    grid-template-columns:repeat(3,1fr);
  }

  .hub-community-admin-v2 .hub-community-admin-card-grid{
    grid-template-columns:1fr;
  }

  .hub-community-admin-v2-title h1{
    font-size:20px;
  }
}


/* ============================================================
   Manage Community — large control panel v3
   ============================================================ */
.hub-community-admin-v3{
  width:min(calc(100vw - 48px),1360px)!important;
  max-width:1360px!important;
  margin:0 auto!important;
  padding:18px 0 58px!important;
}
.hub-community-admin-v3-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.hub-community-admin-v3-back{padding:0;border:0;background:transparent;color:#7d8798;font-size:9px;font-weight:650}
.hub-community-admin-v3-back:hover{color:#d8dde5}
.hub-community-admin-v3-top-actions{display:flex;align-items:center;gap:9px;color:#667082;font-size:7px}
.hub-community-admin-v3-top-actions strong{padding:6px 8px;border:1px solid rgba(124,92,255,.16);border-radius:7px;background:rgba(124,92,255,.06);color:#aaa0f4;font-size:6px;letter-spacing:.1em}

.hub-community-admin-v3-header{position:relative;min-height:190px;overflow:hidden;border:1px solid rgba(255,255,255,.055);border-radius:18px;background:linear-gradient(135deg,#131a25,#0f151e)}
.hub-community-admin-v3-banner{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.23}
.hub-community-admin-v3-header-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,14,21,.96) 0%,rgba(10,14,21,.83) 48%,rgba(10,14,21,.55) 100%)}
.hub-community-admin-v3-header-content{position:relative;z-index:1;min-height:190px;display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:20px;padding:24px 26px}
.hub-community-admin-v3-logo{width:76px;height:76px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.075);border-radius:17px;background:#1a2230;color:#b1b8c5;font-size:12px;font-weight:850;letter-spacing:.06em}
.hub-community-admin-v3-logo img{width:100%;height:100%;object-fit:cover}
.hub-community-admin-v3-kicker{margin-bottom:5px;color:#8074db;font-size:6px;font-weight:850;letter-spacing:.15em}
.hub-community-admin-v3-identity h1{margin:0;color:#f2f4f8;font-size:30px;line-height:1.02;letter-spacing:-.04em}
.hub-community-admin-v3-identity p{max-width:650px;margin:8px 0 0;color:#7d8798;font-size:9px;line-height:1.55}
.hub-community-admin-v3-owner{margin-top:12px;color:#626c7e;font-size:7px}.hub-community-admin-v3-owner strong{margin-left:5px;color:#a9b0bc;font-weight:700}
.hub-community-admin-v3-stats{display:grid;grid-template-columns:repeat(2,110px);gap:8px}
.hub-community-admin-v3-stats>div{padding:12px 13px;border:1px solid rgba(255,255,255,.05);border-radius:11px;background:rgba(20,27,38,.82)}
.hub-community-admin-v3-stats span,.hub-community-admin-v3-stats strong{display:block}.hub-community-admin-v3-stats span{color:#697386;font-size:6px}.hub-community-admin-v3-stats strong{margin-top:5px;color:#eef1f5;font-size:15px}

.hub-community-admin-v3-tabs{display:flex;align-items:center;gap:4px;margin-top:12px;padding:6px;border:1px solid rgba(255,255,255,.05);border-radius:12px;background:#0f151e;overflow-x:auto}
.hub-community-admin-v3-tabs button{min-height:38px;padding:0 13px;border:1px solid transparent;border-radius:8px;background:transparent;color:#747e90;font-size:8px;font-weight:700;white-space:nowrap}
.hub-community-admin-v3-tabs button:hover{background:#151c27;color:#cdd2da}.hub-community-admin-v3-tabs button.active{border-color:rgba(124,92,255,.13);background:rgba(124,92,255,.075);color:#e8e6ff}

.hub-community-admin-v3-workspace{min-height:620px;margin-top:12px;padding:25px;border:1px solid rgba(255,255,255,.055);border-radius:16px;background:#101620}
.hub-admin-v3-section{display:grid;gap:18px}
.hub-admin-v3-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.05)}
.hub-admin-v3-section-head>div>span{display:block;margin-bottom:5px;color:#796ed2;font-size:6px;font-weight:850;letter-spacing:.14em}.hub-admin-v3-section-head h2{margin:0;color:#eff2f6;font-size:19px;letter-spacing:-.025em}.hub-admin-v3-section-head p{max-width:720px;margin:6px 0 0;color:#747f91;font-size:8px;line-height:1.55}
.hub-admin-v3-main-action{min-height:36px;padding:0 12px;border:1px solid rgba(124,92,255,.18);border-radius:9px;background:rgba(124,92,255,.085);color:#b4abfb;font-size:8px;font-weight:750}

.hub-admin-v3-overview-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:14px}
.hub-admin-v3-side-stack{display:grid;align-content:start;gap:12px}
.hub-admin-v3-panel,.hub-admin-v3-data-card,.hub-admin-v3-access-card{border:1px solid rgba(255,255,255,.05);border-radius:13px;background:#141b25}
.hub-admin-v3-panel{padding:18px}.hub-admin-v3-panel-title span{display:block;color:#6f64c7;font-size:5.5px;font-weight:850;letter-spacing:.14em}.hub-admin-v3-panel-title h3{margin:4px 0 0;color:#e8ebef;font-size:12px}
.hub-admin-v3-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.hub-admin-v3-form-grid.one-column{grid-template-columns:1fr}.hub-admin-v3-form-grid label.wide{grid-column:1/-1}.hub-admin-v3-form-grid label>span{display:block;margin-bottom:6px;color:#a7afbb;font-size:7px;font-weight:700}.hub-admin-v3-form-grid input,.hub-admin-v3-form-grid textarea{width:100%;min-height:42px;padding:0 11px;border:1px solid rgba(255,255,255,.065);border-radius:9px;outline:none;background:#1a212d;color:#eef1f5;font:inherit;font-size:8px}.hub-admin-v3-form-grid textarea{min-height:105px;padding:10px 11px;resize:vertical}.hub-admin-v3-form-grid input:focus,.hub-admin-v3-form-grid textarea:focus{border-color:rgba(124,92,255,.3)}
.hub-admin-v3-form-actions{display:flex;justify-content:flex-end;margin-top:14px}
.hub-admin-v3-owner-card{display:grid;gap:14px}.hub-admin-v3-owner-person{display:flex;align-items:center;gap:10px}.hub-admin-v3-owner-person>div{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#1c2431;color:#aaa3ef;font-size:10px;font-weight:800}.hub-admin-v3-owner-person span strong,.hub-admin-v3-owner-person span small{display:block}.hub-admin-v3-owner-person strong{font-size:8px}.hub-admin-v3-owner-person small{margin-top:3px;color:#6e788a;font-size:6px}.hub-admin-v3-owner-card>button{justify-self:start;min-height:30px;padding:0 9px;border:1px solid rgba(255,255,255,.065);border-radius:8px;background:#1a212d;color:#9ea6b4;font-size:7px}

.hub-admin-v3-access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hub-admin-v3-access-card{display:flex;flex-direction:column;min-height:250px;padding:15px}.hub-admin-v3-access-head{display:flex;justify-content:space-between;gap:12px;padding-bottom:11px;border-bottom:1px solid rgba(255,255,255,.045)}.hub-admin-v3-access-head span{color:#dbe0e7;font-size:9px;font-weight:750}.hub-admin-v3-access-head p{margin:4px 0 0;color:#6e788a;font-size:6px}.hub-admin-v3-access-head>strong{color:#9187df;font-size:15px}.hub-admin-v3-access-users{display:grid;gap:6px;margin-top:10px}.hub-admin-v3-user-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px;border-radius:8px;background:#181f2a}.hub-admin-v3-user-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#202937;color:#9e95e7;font-size:8px;font-weight:800}.hub-admin-v3-user-row strong,.hub-admin-v3-user-row small{display:block}.hub-admin-v3-user-row strong{font-size:7px}.hub-admin-v3-user-row small{margin-top:2px;color:#687285;font-size:5.5px}.hub-admin-v3-user-row button{border:0;background:transparent;color:#9b7180;font-size:6px}.hub-admin-v3-card-action{margin-top:auto;align-self:flex-start;padding:8px 0 0;border:0;background:transparent;color:#9c92ec;font-size:7px;font-weight:700}

.hub-admin-v3-data-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hub-admin-v3-data-card{padding:13px;min-height:150px}.hub-admin-v3-data-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.hub-admin-v3-data-head>div{display:flex;align-items:center;gap:8px}.hub-admin-v3-data-head span{color:#c8ced7;font-size:8px;font-weight:700}.hub-admin-v3-data-head strong{padding:3px 6px;border-radius:6px;background:#1d2532;color:#8f86dd;font-size:6px}.hub-admin-v3-data-head button{padding:0;border:0;background:transparent;color:#9c92ec;font-size:7px;font-weight:700}.hub-admin-v3-data-list{display:grid;gap:4px;margin-top:10px}.hub-admin-v3-data-list button{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:30px;padding:0 8px;border:0;border-radius:7px;background:#181f2a;color:#9fa7b4;text-align:left;font-size:6.5px}.hub-admin-v3-data-list button em{color:#6e7889;font-style:normal;font-size:5.5px}.hub-admin-v3-empty-small{padding:22px 4px;color:#667082;font-size:6px;text-align:center}

.hub-admin-v3-department-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.hub-admin-v3-department-card{min-height:118px;display:grid;grid-template-columns:52px minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:10px 13px;padding:15px;border:1px solid rgba(255,255,255,.05);border-radius:13px;background:#141b25;color:#eef1f5;text-align:left}.hub-admin-v3-department-card:hover{border-color:rgba(124,92,255,.18);background:#171e29}.hub-admin-v3-department-logo{grid-row:1/3;width:52px;height:52px;display:grid;place-items:center;overflow:hidden;border-radius:12px;background:#1d2532;color:#a59dec;font-size:8px;font-weight:800}.hub-admin-v3-department-logo img{width:100%;height:100%;object-fit:cover}.hub-admin-v3-department-copy span,.hub-admin-v3-department-copy strong,.hub-admin-v3-department-copy small{display:block}.hub-admin-v3-department-copy span{color:#786dd0;font-size:5.5px;font-weight:850;letter-spacing:.1em}.hub-admin-v3-department-copy strong{margin-top:3px;font-size:10px}.hub-admin-v3-department-copy small{margin-top:5px;color:#707a8c;font-size:6px}.hub-admin-v3-department-meta{display:flex;gap:6px}.hub-admin-v3-department-meta span{padding:4px 6px;border-radius:6px;background:#1b2330;color:#747e90;font-size:5.5px}.hub-admin-v3-department-card>b{grid-column:3;grid-row:1/3;color:#80779f;font-size:7px;font-weight:600}

.hub-admin-v3-table{overflow:hidden;border:1px solid rgba(255,255,255,.05);border-radius:12px;background:#141b25}.hub-admin-v3-table-head,.hub-admin-v3-table-row{display:grid;grid-template-columns:1.1fr 1fr 70px;align-items:center;gap:15px}.hub-admin-v3-table-head{min-height:38px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.05);color:#646f81;font-size:6px;font-weight:800;letter-spacing:.08em}.hub-admin-v3-table-row{width:100%;min-height:62px;padding:10px 14px;border:0;border-bottom:1px solid rgba(255,255,255,.04);background:transparent;color:#afb6c1;text-align:left;font-size:7px}.hub-admin-v3-table-row:hover{background:#171e29}.hub-admin-v3-table-row strong,.hub-admin-v3-table-row small{display:block}.hub-admin-v3-table-row strong{font-size:8px}.hub-admin-v3-table-row small{margin-top:3px;color:#646f81;font-size:5.5px}.hub-admin-v3-table-row>b{justify-self:end;color:#7b7399;font-size:6px}

.hub-admin-v3-subdivision-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hub-admin-v3-subdivision-grid>button{min-height:110px;padding:14px;border:1px solid rgba(255,255,255,.05);border-radius:12px;background:#141b25;color:#e9ecf1;text-align:left}.hub-admin-v3-subdivision-grid>button:hover{border-color:rgba(124,92,255,.17);background:#171e29}.hub-admin-v3-subdivision-grid span,.hub-admin-v3-subdivision-grid strong,.hub-admin-v3-subdivision-grid small{display:block}.hub-admin-v3-subdivision-grid span{color:#7468cc;font-size:5.5px;font-weight:800;letter-spacing:.1em}.hub-admin-v3-subdivision-grid strong{margin-top:12px;font-size:10px}.hub-admin-v3-subdivision-grid small{margin-top:6px;color:#6c7688;font-size:6px}

.hub-admin-v3-empty-state{grid-column:1/-1;display:grid;justify-items:center;gap:7px;padding:60px 20px;border:1px dashed rgba(255,255,255,.06);border-radius:13px;color:#697386;text-align:center}.hub-admin-v3-empty-state strong{color:#c7cdd6;font-size:10px}.hub-admin-v3-empty-state span{max-width:430px;font-size:7px;line-height:1.5}.hub-admin-v3-empty-state button{margin-top:4px;min-height:34px;padding:0 11px;border:1px solid rgba(124,92,255,.16);border-radius:8px;background:rgba(124,92,255,.07);color:#aaa0f4;font-size:7px}.hub-admin-v3-empty-large{padding:28px 10px;color:#687285;font-size:6px;text-align:center}

.hub-admin-v3-editor-page{max-width:1100px;margin:0 auto}.hub-admin-v3-editor-top{display:flex;align-items:center;justify-content:space-between}.hub-admin-v3-editor-top button{padding:0;border:0;background:transparent;color:#8892a2;font-size:8px}.hub-admin-v3-editor-top span{color:#6f64c7;font-size:5.5px;font-weight:850;letter-spacing:.12em}.hub-admin-v3-department-editor{display:grid;grid-template-columns:1.2fr .8fr;gap:12px}.hub-admin-v3-editor-panel{padding:18px;border:1px solid rgba(255,255,255,.05);border-radius:13px;background:#141b25}.hub-admin-v3-editor-actions{grid-column:1/-1;display:flex;align-items:center;gap:8px;padding-top:4px}.hub-admin-v3-editor-actions .danger{margin-left:auto}

.hub-light .hub-community-admin-v3-header,.hub-light .hub-community-admin-v3-tabs,.hub-light .hub-community-admin-v3-workspace,.hub-light .hub-admin-v3-panel,.hub-light .hub-admin-v3-data-card,.hub-light .hub-admin-v3-access-card,.hub-light .hub-admin-v3-department-card,.hub-light .hub-admin-v3-table,.hub-light .hub-admin-v3-subdivision-grid>button,.hub-light .hub-admin-v3-editor-panel{border-color:rgba(20,24,32,.075);background:rgba(255,255,255,.86)}
.hub-light .hub-community-admin-v3-header-overlay{background:linear-gradient(90deg,rgba(248,249,252,.94),rgba(248,249,252,.82),rgba(248,249,252,.62))}.hub-light .hub-community-admin-v3-identity h1,.hub-light .hub-admin-v3-section-head h2,.hub-light .hub-admin-v3-panel-title h3{color:#171b23}.hub-light .hub-admin-v3-form-grid input,.hub-light .hub-admin-v3-form-grid textarea,.hub-light .hub-admin-v3-user-row,.hub-light .hub-admin-v3-data-list button{border-color:rgba(20,24,32,.065);background:rgba(20,24,32,.035);color:#171b23}

@media(max-width:1100px){.hub-community-admin-v3{width:min(calc(100vw - 28px),1360px)!important}.hub-community-admin-v3-header-content{grid-template-columns:66px minmax(0,1fr)}.hub-community-admin-v3-stats{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}.hub-community-admin-v3-header{min-height:250px}.hub-admin-v3-data-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.hub-community-admin-v3{width:calc(100vw - 18px)!important}.hub-community-admin-v3-workspace{padding:16px}.hub-community-admin-v3-header-content{grid-template-columns:54px minmax(0,1fr);padding:18px}.hub-community-admin-v3-logo{width:54px;height:54px}.hub-community-admin-v3-identity h1{font-size:23px}.hub-community-admin-v3-stats{grid-template-columns:1fr 1fr}.hub-admin-v3-overview-grid,.hub-admin-v3-access-grid,.hub-admin-v3-department-grid,.hub-admin-v3-data-grid,.hub-admin-v3-subdivision-grid,.hub-admin-v3-department-editor{grid-template-columns:1fr}.hub-admin-v3-editor-actions{grid-column:auto}.hub-admin-v3-form-grid{grid-template-columns:1fr}.hub-admin-v3-form-grid label.wide{grid-column:auto}.hub-admin-v3-section-head{align-items:flex-start;flex-direction:column}.hub-admin-v3-table-head{display:none}.hub-admin-v3-table-row{grid-template-columns:1fr auto}.hub-admin-v3-table-row>span:nth-child(2){grid-column:1/-1}.hub-community-admin-v3-tabs{padding:5px}.hub-community-admin-v3-tabs button{min-height:34px;padding:0 9px}}


/* Community profile save confirmation */
.hub-community-profile-save-success{
  padding:10px 12px;
  border:1px solid rgba(86,211,154,.14);
  border-radius:9px;
  background:rgba(86,211,154,.055);
  color:#8fddb8;
  font-size:8px;
  font-weight:650;
}
.hub-light .hub-community-profile-save-success{
  color:#247a52;
  background:rgba(36,122,82,.06);
  border-color:rgba(36,122,82,.13);
}


/* ============================================================
   Community Profile Editor v4
   ============================================================ */
.hub-community-profile-v4{
  display:grid;
  gap:16px;
}

.hub-community-profile-v4-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  padding-bottom:14px;
  border-bottom:1px solid rgba(255,255,255,.05);
}

.hub-community-profile-v4-head>div:first-child>span{
  display:block;
  margin-bottom:5px;
  color:#796ed2;
  font-size:6px;
  font-weight:800;
  letter-spacing:.14em;
}

.hub-community-profile-v4-head h2{
  margin:0;
  color:#f1f3f7;
  font-size:20px;
  letter-spacing:-.03em;
}

.hub-community-profile-v4-head p{
  max-width:650px;
  margin:6px 0 0;
  color:#788294;
  font-size:8px;
  line-height:1.6;
}

.hub-community-profile-v4-state{
  min-width:155px;
  padding:10px 12px;
  border:1px solid rgba(124,92,255,.10);
  border-radius:10px;
  background:rgba(124,92,255,.045);
  text-align:right;
}

.hub-community-profile-v4-state span,
.hub-community-profile-v4-state strong{
  display:block;
}

.hub-community-profile-v4-state span{
  color:#8177cb;
  font-size:5px;
  font-weight:800;
  letter-spacing:.12em;
}

.hub-community-profile-v4-state strong{
  overflow:hidden;
  margin-top:4px;
  color:#d9ddef;
  font-size:8px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hub-community-profile-v4-form{
  display:grid;
  gap:12px;
}

.hub-community-profile-v4-section{
  padding:17px;
  border:1px solid rgba(255,255,255,.05);
  border-radius:12px;
  background:#141b25;
}

.hub-community-profile-v4-section-title{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin-bottom:14px;
}

.hub-community-profile-v4-section-title>span{
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:7px;
  background:rgba(124,92,255,.075);
  color:#9c92ed;
  font-size:6px;
  font-weight:800;
}

.hub-community-profile-v4-section-title strong,
.hub-community-profile-v4-section-title small{
  display:block;
}

.hub-community-profile-v4-section-title strong{
  color:#e9edf3;
  font-size:9px;
}

.hub-community-profile-v4-section-title small{
  margin-top:3px;
  color:#687285;
  font-size:6px;
}

.hub-community-profile-v4-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:11px;
}

.hub-community-profile-v4-grid label.wide{
  grid-column:1/-1;
}

.hub-community-profile-v4 label>span{
  display:block;
  margin-bottom:6px;
  color:#bac1cc;
  font-size:7px;
  font-weight:700;
}

.hub-community-profile-v4 input,
.hub-community-profile-v4 textarea{
  width:100%;
  border:1px solid rgba(255,255,255,.065);
  border-radius:9px;
  outline:none;
  background:#19212c;
  color:#eef1f6;
  font:inherit;
  font-size:8px;
}

.hub-community-profile-v4 input{
  height:40px;
  padding:0 10px;
}

.hub-community-profile-v4 textarea{
  min-height:100px;
  padding:10px;
  resize:vertical;
}

.hub-community-profile-v4 input:focus,
.hub-community-profile-v4 textarea:focus{
  border-color:rgba(124,92,255,.30);
}

.hub-community-profile-field-help{
  display:block;
  margin-top:5px;
  color:#626c7e;
  font-size:5.5px;
  line-height:1.45;
}

.hub-community-profile-v4-brand-grid{
  display:grid;
  grid-template-columns:90px minmax(0,1fr);
  align-items:center;
  gap:12px;
  margin-bottom:12px;
}
.hub-community-profile-upload-control{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px}
.hub-community-profile-upload-control>button{min-height:40px;padding:0 14px;white-space:nowrap}
.hub-community-profile-upload-control.wide{margin-top:10px}

.hub-community-profile-v4-brand-preview{
  display:grid;
  justify-items:center;
  gap:6px;
}

.hub-community-profile-v4-brand-preview.logo img,
.hub-community-profile-v4-brand-preview.logo>span{
  width:72px;
  height:72px;
  display:grid;
  place-items:center;
  object-fit:cover;
  border:1px solid rgba(255,255,255,.06);
  border-radius:15px;
  background:#1a2230;
  color:#9fa8b6;
  font-size:8px;
  font-weight:800;
}

.hub-community-profile-v4-brand-preview small{
  color:#687285;
  font-size:5.5px;
}

.hub-community-profile-v4-banner-preview{
  height:120px;
  overflow:hidden;
  margin-bottom:10px;
  border:1px solid rgba(255,255,255,.05);
  border-radius:10px;
  background:#19212c;
}

.hub-community-profile-v4-banner-preview img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.hub-community-profile-v4-banner-preview>div{
  height:100%;
  display:grid;
  place-items:center;
  align-content:center;
  gap:4px;
}

.hub-community-profile-v4-banner-preview span{
  color:#776dcc;
  font-size:6px;
  font-weight:800;
  letter-spacing:.12em;
}

.hub-community-profile-v4-banner-preview strong{
  color:#8f98a8;
  font-size:9px;
}

.hub-community-profile-v4-banner-field{
  display:block;
}

.hub-community-profile-v4-savebar{
  position:sticky;
  bottom:8px;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:12px 14px;
  border:1px solid rgba(124,92,255,.13);
  border-radius:11px;
  background:rgba(14,20,29,.94);
  backdrop-filter:blur(12px);
  box-shadow:0 8px 28px rgba(0,0,0,.18);
}

.hub-community-profile-v4-savebar strong,
.hub-community-profile-v4-savebar span{
  display:block;
}

.hub-community-profile-v4-savebar strong{
  color:#e7eaf0;
  font-size:8px;
}

.hub-community-profile-v4-savebar span{
  margin-top:3px;
  color:#697386;
  font-size:6px;
}

.hub-light .hub-community-profile-v4-head h2,
.hub-light .hub-community-profile-v4-section-title strong,
.hub-light .hub-community-profile-v4-savebar strong{
  color:#171b23;
}

.hub-light .hub-community-profile-v4-section{
  border-color:rgba(20,24,32,.07);
  background:rgba(255,255,255,.80);
}

.hub-light .hub-community-profile-v4 input,
.hub-light .hub-community-profile-v4 textarea,
.hub-light .hub-community-profile-v4-banner-preview{
  border-color:rgba(20,24,32,.075);
  background:rgba(20,24,32,.025);
  color:#171b23;
}

.hub-light .hub-community-profile-v4-savebar{
  border-color:rgba(124,92,255,.14);
  background:rgba(250,251,253,.94);
}

@media(max-width:700px){
  .hub-community-profile-v4-head{
    align-items:flex-start;
    flex-direction:column;
  }

  .hub-community-profile-v4-state{
    width:100%;
    text-align:left;
  }

  .hub-community-profile-v4-grid{
    grid-template-columns:1fr;
  }

  .hub-community-profile-v4-grid label.wide{
    grid-column:auto;
  }

  .hub-community-profile-v4-brand-grid{
    grid-template-columns:1fr;
    justify-items:start;
  }

  .hub-community-profile-v4-savebar{
    align-items:flex-start;
    flex-direction:column;
  }
}


/* Home status icon alignment */
.hub-home-launch-pro-message.info,
.hub-home-launch-pro-message.warning{
  gap:6px !important;
}
.hub-home-launch-pro-message .hub-home-launch-pro-state{
  margin-left:4px !important;
  margin-right:0 !important;
}


/* Home status icon alignment v2 */
.hub-home-launch-pro-message.info,
.hub-home-launch-pro-message.warning{
  gap:4px !important;
}
.hub-home-launch-pro-message .hub-home-launch-pro-state{
  position:relative !important;
  left:14px !important;
  margin-left:0 !important;
  margin-right:12px !important;
}


/* Structured CAD record editor */
.hub-admin-v3-data-fields{
  display:block;
  margin-top:7px;
  color:#596476;
  font-size:5px;
}
.hub-community-record-editor{display:grid;gap:14px;}
.hub-community-record-form{display:grid;gap:14px;}
.hub-community-record-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.hub-community-record-field{display:block;min-width:0;}
.hub-community-record-field.wide{grid-column:1/-1;}
.hub-community-record-field>span{
  display:block;margin-bottom:5px;color:#abb4c1;font-size:6.5px;font-weight:700;
}
.hub-community-record-field input,
.hub-community-record-field textarea,
.hub-community-record-field select{
  width:100%;border:1px solid rgba(255,255,255,.06);border-radius:8px;
  outline:none;background:#19212c;color:#eef1f5;font:inherit;font-size:8px;
}
.hub-community-record-field input,
.hub-community-record-field select{height:40px;padding:0 10px;}
.hub-community-record-field textarea{min-height:100px;padding:10px;resize:vertical;}
.hub-community-record-field input:focus,
.hub-community-record-field textarea:focus,
.hub-community-record-field select:focus{border-color:rgba(124,92,255,.28);}
.hub-community-record-actions{
  position:sticky;bottom:8px;z-index:3;display:flex;align-items:center;gap:8px;
  padding:10px;border:1px solid rgba(124,92,255,.11);border-radius:10px;
  background:rgba(14,20,29,.95);backdrop-filter:blur(12px);
}
.hub-light .hub-community-record-field input,
.hub-light .hub-community-record-field textarea,
.hub-light .hub-community-record-field select{
  border-color:rgba(20,24,32,.075);background:rgba(20,24,32,.025);color:#171b23;
}
@media(max-width:700px){
  .hub-community-record-grid{grid-template-columns:1fr;}
  .hub-community-record-field.wide{grid-column:auto;}
}


/* Main-screen Manage Community — true visual centering */
.hub-home-community-manage{
  position:relative !important;
  justify-content:center !important;
  text-align:center !important;
}
.hub-home-community-manage > span{
  display:block !important;
  text-align:center !important;
}
.hub-home-community-manage > b{
  position:absolute !important;
  right:12px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  margin:0 !important;
}


/* Manage Community — center text AND arrow together */
.hub-home-community-manage{
  position:relative !important;
  justify-content:center !important;
  text-align:center !important;
}
.hub-home-community-manage > span{
  display:inline-block !important;
  text-align:center !important;
}
.hub-home-community-manage > b{
  position:static !important;
  display:inline-block !important;
  transform:none !important;
  margin-left:6px !important;
}


/* ============================================================
   Manage Community readability + Light Mode refresh
   ============================================================ */

/* Make the management UI actually readable on desktop */
.hub-community-admin-v3{
  width:min(calc(100vw - 56px),1480px)!important;
  max-width:1480px!important;
}

.hub-community-admin-v3-back{font-size:12px!important}
.hub-community-admin-v3-top-actions{font-size:10px!important}
.hub-community-admin-v3-top-actions strong{font-size:9px!important;padding:7px 10px!important}

.hub-community-admin-v3-header{min-height:220px!important}
.hub-community-admin-v3-header-content{
  min-height:220px!important;
  grid-template-columns:92px minmax(0,1fr) auto!important;
  gap:26px!important;
  padding:30px 34px!important;
}
.hub-community-admin-v3-logo{
  width:92px!important;
  height:92px!important;
  border-radius:20px!important;
  font-size:15px!important;
}
.hub-community-admin-v3-kicker{font-size:9px!important;margin-bottom:7px!important}
.hub-community-admin-v3-identity h1{font-size:38px!important}
.hub-community-admin-v3-identity p{font-size:12px!important;max-width:760px!important}
.hub-community-admin-v3-owner{font-size:10px!important;margin-top:14px!important}

.hub-community-admin-v3-stats{grid-template-columns:repeat(2,132px)!important;gap:10px!important}
.hub-community-admin-v3-stats>div{padding:15px 16px!important;border-radius:13px!important}
.hub-community-admin-v3-stats span{font-size:9px!important}
.hub-community-admin-v3-stats strong{font-size:20px!important;margin-top:7px!important}

.hub-community-admin-v3-tabs{padding:7px!important;gap:6px!important}
.hub-community-admin-v3-tabs button{
  min-height:46px!important;
  padding:0 18px!important;
  font-size:11px!important;
}

.hub-community-admin-v3-workspace{
  min-height:0!important;
  padding:32px!important;
}

.hub-admin-v3-section{gap:22px!important}
.hub-admin-v3-section-head{
  gap:24px!important;
  padding-bottom:19px!important;
}
.hub-admin-v3-section-head>div>span{font-size:8px!important}
.hub-admin-v3-section-head h2{font-size:27px!important}
.hub-admin-v3-section-head p{font-size:11px!important;max-width:800px!important}
.hub-admin-v3-main-action{min-height:42px!important;padding:0 15px!important;font-size:10px!important}

.hub-admin-v3-panel{padding:22px!important}
.hub-admin-v3-panel-title span{font-size:8px!important}
.hub-admin-v3-panel-title h3{font-size:17px!important}

.hub-admin-v3-form-grid{gap:15px!important;margin-top:18px!important}
.hub-admin-v3-form-grid label>span{font-size:10px!important;margin-bottom:7px!important}
.hub-admin-v3-form-grid input,
.hub-admin-v3-form-grid textarea{
  min-height:48px!important;
  padding:0 13px!important;
  font-size:11px!important;
}
.hub-admin-v3-form-grid textarea{min-height:125px!important;padding:12px 13px!important}

.hub-admin-v3-data-grid{gap:13px!important}
.hub-admin-v3-data-card{padding:17px!important;min-height:180px!important}
.hub-admin-v3-data-head span{font-size:11px!important}
.hub-admin-v3-data-head strong{font-size:9px!important}
.hub-admin-v3-data-head button{font-size:10px!important}
.hub-admin-v3-data-list button{min-height:38px!important;padding:0 10px!important;font-size:9.5px!important}
.hub-admin-v3-data-list button em{font-size:8px!important}
.hub-admin-v3-empty-small{font-size:9px!important}
.hub-admin-v3-data-fields{font-size:8px!important}

.hub-admin-v3-access-card{min-height:300px!important;padding:19px!important}
.hub-admin-v3-access-head span{font-size:12px!important}
.hub-admin-v3-access-head p{font-size:9px!important}
.hub-admin-v3-access-head>strong{font-size:20px!important}
.hub-admin-v3-user-row{
  grid-template-columns:40px minmax(0,1fr) auto!important;
  gap:11px!important;
  padding:9px!important;
}
.hub-admin-v3-user-avatar{width:40px!important;height:40px!important;font-size:10px!important}
.hub-admin-v3-user-row strong{font-size:10px!important}
.hub-admin-v3-user-row small{font-size:8px!important}
.hub-admin-v3-user-row button{font-size:9px!important}
.hub-admin-v3-card-action{font-size:10px!important}

.hub-admin-v3-department-card{min-height:142px!important;padding:18px!important}
.hub-admin-v3-department-logo{width:62px!important;height:62px!important;font-size:10px!important}
.hub-admin-v3-department-copy span{font-size:8px!important}
.hub-admin-v3-department-copy strong{font-size:14px!important}
.hub-admin-v3-department-copy small{font-size:9px!important}
.hub-admin-v3-department-meta span{font-size:8px!important}

/* Community Profile section specifically */
.hub-community-profile-v4{gap:18px!important}
.hub-community-profile-v4-head{margin-bottom:18px!important}
.hub-community-profile-v4-head>div:first-child>span{font-size:9px!important}
.hub-community-profile-v4-head h2{font-size:30px!important}
.hub-community-profile-v4-head p{font-size:11px!important;max-width:760px!important}
.hub-community-profile-v4-state{min-width:190px!important;padding:13px 15px!important}
.hub-community-profile-v4-state span{font-size:8px!important}
.hub-community-profile-v4-state strong{font-size:11px!important}

.hub-community-profile-v4-form{gap:16px!important}
.hub-community-profile-v4-section{padding:22px!important;border-radius:14px!important}
.hub-community-profile-v4-section-title{gap:13px!important;margin-bottom:18px!important}
.hub-community-profile-v4-section-title>span{
  width:32px!important;height:32px!important;font-size:8px!important;
}
.hub-community-profile-v4-section-title strong{font-size:12px!important}
.hub-community-profile-v4-section-title small{font-size:8px!important}
.hub-community-profile-v4-grid{gap:14px!important}
.hub-community-profile-v4 label>span{font-size:10px!important;margin-bottom:7px!important}
.hub-community-profile-v4 input,
.hub-community-profile-v4 textarea{font-size:11px!important}
.hub-community-profile-v4 input{height:48px!important;padding:0 13px!important}
.hub-community-profile-v4 textarea{min-height:125px!important;padding:12px 13px!important}
.hub-community-profile-field-help{font-size:8px!important;margin-top:6px!important}
.hub-community-profile-v4-brand-grid{grid-template-columns:110px minmax(0,1fr)!important}
.hub-community-profile-v4-brand-preview.logo img,
.hub-community-profile-v4-brand-preview.logo>span{width:90px!important;height:90px!important;font-size:11px!important}
.hub-community-profile-v4-brand-preview small{font-size:8px!important}
.hub-community-profile-v4-banner-preview{height:155px!important}
.hub-community-profile-v4-banner-preview span{font-size:8px!important}
.hub-community-profile-v4-banner-preview strong{font-size:12px!important}
.hub-community-profile-v4-savebar{padding:15px 17px!important}
.hub-community-profile-v4-savebar strong{font-size:11px!important}
.hub-community-profile-v4-savebar span{font-size:8px!important}

/* Structured record forms */
.hub-community-record-field>span{font-size:10px!important}
.hub-community-record-field input,
.hub-community-record-field textarea,
.hub-community-record-field select{font-size:11px!important}
.hub-community-record-field input,
.hub-community-record-field select{height:48px!important}
.hub-community-record-field textarea{min-height:125px!important}
.hub-community-record-actions{padding:13px!important}

/* ------------------------------------------------------------
   Entire Light Mode refresh: less washed-out, clearer hierarchy
   ------------------------------------------------------------ */
.hub-light{
  --bg:#eef1f6!important;
  --surface:#ffffff!important;
  --surface-2:#f6f7fa!important;
  --surface-hover:#eef0f5!important;
  --border:#d9dee8!important;
  --border-strong:#c4cad6!important;
  --text:#161a22!important;
  --muted:#5e6878!important;
  --muted-2:#7a8494!important;
  --shadow:0 10px 28px rgba(25,31,42,.07)!important;
}

.hub-light .hub-desktop{
  background:
    radial-gradient(circle at 10% 0%,rgba(108,87,230,.09),transparent 26%),
    linear-gradient(180deg,#f4f5f8 0%,#eceff4 100%)!important;
}

.hub-light .hub-topbar{
  border-bottom-color:#d7dce5!important;
  background:rgba(250,251,253,.94)!important;
  box-shadow:0 3px 14px rgba(25,31,42,.05)!important;
}

.hub-light .hub-community-admin-v3-header{
  border-color:#d7dce5!important;
  background:linear-gradient(135deg,#ffffff,#f1f3f7)!important;
  box-shadow:0 8px 26px rgba(25,31,42,.05)!important;
}
.hub-light .hub-community-admin-v3-header-overlay{
  background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(248,249,252,.92) 52%,rgba(239,242,247,.80) 100%)!important;
}
.hub-light .hub-community-admin-v3-logo{
  border-color:#d7dce5!important;
  background:#202838!important;
  color:#d8ddea!important;
}
.hub-light .hub-community-admin-v3-kicker,
.hub-light .hub-admin-v3-section-head>div>span,
.hub-light .hub-admin-v3-panel-title span{
  color:#6652cf!important;
}
.hub-light .hub-community-admin-v3-identity h1,
.hub-light .hub-community-profile-v4-head h2,
.hub-light .hub-admin-v3-section-head h2,
.hub-light .hub-admin-v3-panel-title h3{
  color:#171b23!important;
}
.hub-light .hub-community-admin-v3-identity p,
.hub-light .hub-community-admin-v3-owner,
.hub-light .hub-community-profile-v4-head p,
.hub-light .hub-admin-v3-section-head p{
  color:#667181!important;
}
.hub-light .hub-community-admin-v3-owner strong{color:#343b47!important}

.hub-light .hub-community-admin-v3-stats>div{
  border-color:#d5dae3!important;
  background:#353d49!important;
  box-shadow:0 5px 14px rgba(25,31,42,.08)!important;
}
.hub-light .hub-community-admin-v3-stats span{color:#aeb7c4!important}
.hub-light .hub-community-admin-v3-stats strong{color:#ffffff!important}

.hub-light .hub-community-admin-v3-tabs{
  border-color:#d6dbe4!important;
  background:#ffffff!important;
  box-shadow:0 4px 14px rgba(25,31,42,.035)!important;
}
.hub-light .hub-community-admin-v3-tabs button{color:#525d6d!important}
.hub-light .hub-community-admin-v3-tabs button:hover{
  background:#f0f2f6!important;
  color:#1c222c!important;
}
.hub-light .hub-community-admin-v3-tabs button.active{
  border-color:#d7d0fa!important;
  background:#eeeaff!important;
  color:#5541bf!important;
}

.hub-light .hub-community-admin-v3-workspace{
  border-color:#d7dce5!important;
  background:#f8f9fb!important;
  box-shadow:0 8px 24px rgba(25,31,42,.045)!important;
}

.hub-light .hub-community-profile-v4-section,
.hub-light .hub-admin-v3-panel,
.hub-light .hub-admin-v3-data-card,
.hub-light .hub-admin-v3-access-card,
.hub-light .hub-admin-v3-department-card,
.hub-light .hub-admin-v3-table,
.hub-light .hub-admin-v3-subdivision-grid>button,
.hub-light .hub-admin-v3-editor-panel{
  border-color:#dce1e8!important;
  background:#ffffff!important;
  box-shadow:0 3px 12px rgba(25,31,42,.035)!important;
}

.hub-light .hub-community-profile-v4-section-title strong,
.hub-light .hub-community-profile-v4 label>span,
.hub-light .hub-admin-v3-form-grid label>span,
.hub-light .hub-admin-v3-data-head span,
.hub-light .hub-admin-v3-access-head span{
  color:#343b47!important;
}

.hub-light .hub-community-profile-v4-section-title small,
.hub-light .hub-community-profile-field-help,
.hub-light .hub-admin-v3-access-head p,
.hub-light .hub-admin-v3-user-row small,
.hub-light .hub-admin-v3-empty-small{
  color:#707b8b!important;
}

.hub-light .hub-community-profile-v4 input,
.hub-light .hub-community-profile-v4 textarea,
.hub-light .hub-admin-v3-form-grid input,
.hub-light .hub-admin-v3-form-grid textarea,
.hub-light .hub-community-record-field input,
.hub-light .hub-community-record-field textarea,
.hub-light .hub-community-record-field select{
  border-color:#ccd3dd!important;
  background:#f6f7f9!important;
  color:#171b23!important;
  box-shadow:inset 0 1px 2px rgba(25,31,42,.025)!important;
}
.hub-light .hub-community-profile-v4 input:focus,
.hub-light .hub-community-profile-v4 textarea:focus,
.hub-light .hub-admin-v3-form-grid input:focus,
.hub-light .hub-admin-v3-form-grid textarea:focus,
.hub-light .hub-community-record-field input:focus,
.hub-light .hub-community-record-field textarea:focus,
.hub-light .hub-community-record-field select:focus{
  border-color:#8d7be8!important;
  background:#ffffff!important;
  box-shadow:0 0 0 3px rgba(108,87,230,.10)!important;
}

.hub-light .hub-community-profile-v4-state{
  border-color:#d8d1f7!important;
  background:#f1eeff!important;
}
.hub-light .hub-community-profile-v4-state span{color:#6652cf!important}
.hub-light .hub-community-profile-v4-state strong{color:#322a62!important}

.hub-light .hub-community-profile-v4-banner-preview{
  border-color:#d5dbe4!important;
  background:#eef1f5!important;
}
.hub-light .hub-community-profile-v4-savebar,
.hub-light .hub-community-record-actions{
  border-color:#d0c8f6!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 8px 24px rgba(25,31,42,.10)!important;
}
.hub-light .hub-community-profile-v4-savebar strong{color:#171b23!important}
.hub-light .hub-community-profile-v4-savebar span{color:#687384!important}

.hub-light .hub-admin-v3-user-row,
.hub-light .hub-admin-v3-data-list button{
  border:1px solid #e0e4eb!important;
  background:#f5f6f8!important;
  color:#343b47!important;
}
.hub-light .hub-admin-v3-data-list button:hover{
  background:#eceff4!important;
}

@media(max-width:1100px){
  .hub-community-admin-v3{width:min(calc(100vw - 28px),1480px)!important}
}


/* ============================================================
   Manage Community — TRUE LIGHT MODE
   ============================================================ */

.hub-light .hub-community-admin-v3,
.hub-light .hub-community-admin-v3 *{
  color-scheme:light;
}

.hub-light .hub-community-admin-v3{
  color:#18202a!important;
}

.hub-light .hub-community-admin-v3-header,
.hub-light .hub-community-admin-v3-workspace,
.hub-light .hub-community-admin-v3-tabs,
.hub-light .hub-community-profile-v4-section,
.hub-light .hub-admin-v3-panel,
.hub-light .hub-admin-v3-data-card,
.hub-light .hub-admin-v3-access-card,
.hub-light .hub-admin-v3-department-card,
.hub-light .hub-admin-v3-table,
.hub-light .hub-admin-v3-subdivision-grid>button,
.hub-light .hub-admin-v3-editor-panel,
.hub-light .hub-community-record-actions,
.hub-light .hub-community-profile-v4-savebar{
  background:#ffffff!important;
  border-color:#d9dee7!important;
  color:#18202a!important;
}

.hub-light .hub-community-admin-v3-header-overlay{
  background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.94) 55%,rgba(246,248,251,.90))!important;
}

.hub-light .hub-community-admin-v3-logo{
  background:#f0f2f6!important;
  border-color:#d4dae4!important;
  color:#343c4b!important;
}

.hub-light .hub-community-admin-v3-stats>div{
  background:#f3f5f8!important;
  border:1px solid #d7dce5!important;
  box-shadow:none!important;
}
.hub-light .hub-community-admin-v3-stats span{
  color:#687385!important;
}
.hub-light .hub-community-admin-v3-stats strong{
  color:#18202a!important;
}

.hub-light .hub-community-admin-v3-tabs button{
  color:#515d6d!important;
  background:transparent!important;
}
.hub-light .hub-community-admin-v3-tabs button:hover{
  background:#f1f3f7!important;
  color:#1c2330!important;
}
.hub-light .hub-community-admin-v3-tabs button.active{
  background:#ece9ff!important;
  border-color:#d8d1fb!important;
  color:#5847c7!important;
}

.hub-light .hub-community-admin-v3-kicker,
.hub-light .hub-community-profile-v4-head>div:first-child>span,
.hub-light .hub-admin-v3-section-head>div>span,
.hub-light .hub-admin-v3-panel-title span{
  color:#6755c8!important;
}

.hub-light .hub-community-admin-v3-identity h1,
.hub-light .hub-community-profile-v4-head h2,
.hub-light .hub-admin-v3-section-head h2,
.hub-light .hub-admin-v3-panel-title h3,
.hub-light .hub-community-profile-v4-section-title strong,
.hub-light .hub-admin-v3-data-head span,
.hub-light .hub-admin-v3-access-head span,
.hub-light .hub-admin-v3-department-copy strong,
.hub-light .hub-community-record-editor h2{
  color:#18202a!important;
}

.hub-light .hub-community-admin-v3-identity p,
.hub-light .hub-community-admin-v3-owner,
.hub-light .hub-community-profile-v4-head p,
.hub-light .hub-admin-v3-section-head p,
.hub-light .hub-community-profile-v4-section-title small,
.hub-light .hub-community-profile-field-help,
.hub-light .hub-admin-v3-access-head p,
.hub-light .hub-admin-v3-user-row small,
.hub-light .hub-admin-v3-empty-small,
.hub-light .hub-admin-v3-data-fields{
  color:#667284!important;
}

.hub-light .hub-community-profile-v4 input,
.hub-light .hub-community-profile-v4 textarea,
.hub-light .hub-community-profile-v4 select,
.hub-light .hub-admin-v3-form-grid input,
.hub-light .hub-admin-v3-form-grid textarea,
.hub-light .hub-admin-v3-form-grid select,
.hub-light .hub-community-record-field input,
.hub-light .hub-community-record-field textarea,
.hub-light .hub-community-record-field select{
  background:#f7f8fa!important;
  border-color:#cfd6e0!important;
  color:#18202a!important;
}

.hub-light .hub-community-profile-v4 input::placeholder,
.hub-light .hub-community-profile-v4 textarea::placeholder,
.hub-light .hub-admin-v3-form-grid input::placeholder,
.hub-light .hub-admin-v3-form-grid textarea::placeholder,
.hub-light .hub-community-record-field input::placeholder,
.hub-light .hub-community-record-field textarea::placeholder{
  color:#9aa4b2!important;
}

.hub-light .hub-community-profile-v4 input:focus,
.hub-light .hub-community-profile-v4 textarea:focus,
.hub-light .hub-admin-v3-form-grid input:focus,
.hub-light .hub-admin-v3-form-grid textarea:focus,
.hub-light .hub-community-record-field input:focus,
.hub-light .hub-community-record-field textarea:focus,
.hub-light .hub-community-record-field select:focus{
  background:#ffffff!important;
  border-color:#8c7be6!important;
  box-shadow:0 0 0 3px rgba(108,87,230,.10)!important;
}

.hub-light .hub-community-profile-v4 label>span,
.hub-light .hub-admin-v3-form-grid label>span,
.hub-light .hub-community-record-field>span{
  color:#3d4654!important;
}

.hub-light .hub-community-profile-v4-section-title>span{
  background:#efecff!important;
  color:#6755c8!important;
}

.hub-light .hub-community-profile-v4-state{
  background:#f2efff!important;
  border-color:#d9d2fb!important;
}
.hub-light .hub-community-profile-v4-state span{
  color:#6a58ca!important;
}
.hub-light .hub-community-profile-v4-state strong{
  color:#342b67!important;
}

.hub-light .hub-admin-v3-user-row,
.hub-light .hub-admin-v3-data-list button{
  background:#f7f8fa!important;
  border-color:#e0e4ea!important;
  color:#303947!important;
}

.hub-light .hub-admin-v3-user-row strong,
.hub-light .hub-admin-v3-data-list button span,
.hub-light .hub-admin-v3-department-meta span,
.hub-light .hub-admin-v3-department-copy small{
  color:#3a4452!important;
}

.hub-light .hub-admin-v3-user-avatar{
  background:#ece9ff!important;
  color:#604ec4!important;
}

.hub-light .hub-primary-btn{
  color:#ffffff!important;
}

.hub-light .hub-secondary-btn,
.hub-light .hub-admin-v3-card-action,
.hub-light .hub-admin-v3-data-head button,
.hub-light .hub-admin-v3-main-action{
  background:#f1f3f7!important;
  border-color:#d5dbe4!important;
  color:#3b4553!important;
}

.hub-light .hub-admin-v3-empty-state,
.hub-light .hub-admin-v3-empty-large{
  color:#6b7687!important;
}

.hub-light .hub-community-profile-v4-banner-preview{
  background:#f2f4f7!important;
  border-color:#d7dce5!important;
}

.hub-light .hub-community-profile-v4-savebar,
.hub-light .hub-community-record-actions{
  background:rgba(255,255,255,.98)!important;
  border-color:#d6dbe5!important;
  box-shadow:0 10px 24px rgba(27,34,46,.08)!important;
}


/* Home no-character action */
.hub-home-create-character{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  margin-top:10px;
  padding:0 13px;
  border:1px solid rgba(124,92,255,.20);
  border-radius:8px;
  background:rgba(124,92,255,.10);
  color:#b8afff;
  font-size:8px;
  font-weight:750;
  cursor:pointer;
}
.hub-home-create-character:hover{background:rgba(124,92,255,.16);}

/* Character creation */
.hub-character-create-page{
  width:min(100%,900px);
  margin:0 auto;
  display:grid;
  gap:18px;
}
.hub-character-create-head>span,
.hub-character-existing>span{
  color:#7566d7;
  font-size:8px;
  font-weight:800;
  letter-spacing:.1em;
}
.hub-character-create-head h1{margin:5px 0 4px;font-size:30px;}
.hub-character-create-head p{margin:0;color:#778194;font-size:11px;}
.hub-character-create-form,
.hub-character-existing{
  padding:20px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:14px;
  background:#141b25;
}
.hub-character-create-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:13px;
}
.hub-character-create-grid label>span{
  display:block;margin-bottom:6px;color:#adb5c2;font-size:9px;font-weight:700;
}
.hub-character-create-grid input{
  width:100%;height:46px;padding:0 12px;border:1px solid rgba(255,255,255,.07);
  border-radius:8px;background:#19212c;color:#eef1f5;font:inherit;font-size:10px;outline:none;
}
.hub-character-create-actions{display:flex;gap:8px;margin-top:16px;}
.hub-character-existing{display:grid;gap:7px;}
.hub-character-existing>div{
  display:flex;justify-content:space-between;gap:12px;padding:10px 11px;
  border:1px solid rgba(255,255,255,.05);border-radius:8px;background:#19212c;
}
.hub-character-existing strong{font-size:10px;}
.hub-character-existing small{color:#758093;font-size:8px;}
.hub-light .hub-home-create-character{background:#eeeaff;color:#5847c7;border-color:#d8d1fb;}
.hub-light .hub-character-create-form,
.hub-light .hub-character-existing{background:#fff;border-color:#d9dee7;}
.hub-light .hub-character-create-grid label>span{color:#3d4654;}
.hub-light .hub-character-create-grid input,
.hub-light .hub-character-existing>div{background:#f7f8fa;border-color:#d8dee7;color:#18202a;}
@media(max-width:650px){.hub-character-create-grid{grid-template-columns:1fr;}}


/* Home Create Character action — directly under Manage Community */
.hub-home-create-character{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  width:max-content!important;
  min-width:150px!important;
  min-height:34px!important;
  margin:7px auto 0!important;
  padding:0 13px!important;
  border:1px solid rgba(124,92,255,.16)!important;
  border-radius:8px!important;
  background:rgba(124,92,255,.075)!important;
  color:#9d91ef!important;
  font-size:8px!important;
  font-weight:750!important;
}
.hub-home-create-character>b{font-size:10px!important;font-weight:500!important}
.hub-home-create-character:hover{background:rgba(124,92,255,.12)!important}

/* Character creator v2 */
.hub-character-create-v2{
  width:min(100%,1180px);
  margin:0 auto;
  display:grid;
  gap:14px;
}
.hub-character-create-v2-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:36px;
}
.hub-character-create-v2-top>span,
.hub-character-create-v2-kicker{
  color:#796be0;
  font-size:7px;
  font-weight:800;
  letter-spacing:.12em;
}
.hub-character-create-v2-back{
  padding:0;
  border:0;
  background:transparent;
  color:#7d8796;
  font-size:8px;
  cursor:pointer;
}
.hub-character-create-v2-layout{
  display:grid;
  grid-template-columns:310px minmax(0,1fr);
  gap:12px;
  align-items:start;
}
.hub-character-create-v2-side,
.hub-character-create-v2-main{
  border:1px solid rgba(255,255,255,.055);
  border-radius:16px;
  background:#131a24;
}
.hub-character-create-v2-side{
  position:sticky;
  top:18px;
  padding:22px;
}
.hub-character-create-v2-side h1{
  margin:7px 0 6px;
  color:#eef1f5;
  font-size:25px;
  line-height:1.04;
  letter-spacing:-.035em;
}
.hub-character-create-v2-side>p{
  margin:0;
  color:#727d8e;
  font-size:9px;
  line-height:1.55;
}
.hub-character-create-v2-community{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:22px;
  padding:11px;
  border:1px solid rgba(255,255,255,.05);
  border-radius:10px;
  background:#18202b;
}
.hub-character-create-v2-logo{
  width:42px;height:42px;display:grid;place-items:center;overflow:hidden;
  border-radius:9px;background:#202936;color:#b8bfca;font-size:8px;font-weight:800;
}
.hub-character-create-v2-logo img{width:100%;height:100%;object-fit:cover}
.hub-character-create-v2-community small,
.hub-character-create-v2-community strong{display:block}
.hub-character-create-v2-community small{color:#697487;font-size:5.5px;font-weight:800;letter-spacing:.08em}
.hub-character-create-v2-community strong{margin-top:3px;color:#dce1e8;font-size:9px}
.hub-character-create-v2-meta{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin-top:8px;
}
.hub-character-create-v2-meta>div{
  padding:10px;
  border:1px solid rgba(255,255,255,.045);
  border-radius:9px;
  background:#171f2a;
}
.hub-character-create-v2-meta strong,
.hub-character-create-v2-meta span{display:block}
.hub-character-create-v2-meta strong{color:#eef1f5;font-size:15px}
.hub-character-create-v2-meta span{margin-top:3px;color:#667184;font-size:5.5px}

.hub-character-create-v2-main{padding:18px}
.hub-character-create-v2-form{display:grid;gap:11px}
.hub-character-create-v2-section{
  padding:17px;
  border:1px solid rgba(255,255,255,.045);
  border-radius:11px;
  background:#171f2a;
}
.hub-character-create-v2-section-head{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:14px;
}
.hub-character-create-v2-section-head>span{
  width:28px;height:28px;display:grid;place-items:center;
  border-radius:7px;background:rgba(124,92,255,.10);color:#9588e8;font-size:6px;font-weight:800;
}
.hub-character-create-v2-section-head strong,
.hub-character-create-v2-section-head small{display:block}
.hub-character-create-v2-section-head strong{color:#e5e9ef;font-size:10px}
.hub-character-create-v2-section-head small{margin-top:2px;color:#657083;font-size:6px}
.hub-character-create-v2-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:11px;
}
.hub-character-create-v2-grid label.wide{grid-column:1/-1}
.hub-character-create-v2-grid label>span{
  display:block;
  margin-bottom:5px;
  color:#aab3c0;
  font-size:7px;
  font-weight:700;
}
.hub-character-create-v2-grid input,
.hub-character-create-v2-grid select{
  width:100%;
  height:42px;
  padding:0 10px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:8px;
  outline:none;
  background:#1b2430;
  color:#edf0f4;
  font:inherit;
  font-size:8.5px;
}
.hub-character-create-v2-grid input:focus,
.hub-character-create-v2-grid select:focus{border-color:rgba(124,92,255,.28)}
.hub-character-create-v2-actions{
  display:flex;
  justify-content:flex-end;
  gap:7px;
  padding-top:2px;
}
.hub-character-create-v2-existing{
  display:grid;
  gap:6px;
  margin-top:12px;
  padding-top:13px;
  border-top:1px solid rgba(255,255,255,.05);
}
.hub-character-create-v2-existing>div:first-child{
  display:flex;align-items:center;justify-content:space-between;margin-bottom:2px
}
.hub-character-create-v2-existing>div:first-child span{color:#6e798b;font-size:6px;font-weight:800;letter-spacing:.08em}
.hub-character-create-v2-existing>div:first-child strong{color:#8b96a6;font-size:8px}
.hub-character-create-v2-existing>button{
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  width:100%;
  min-height:52px;
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.045);
  border-radius:9px;
  background:#171f2a;
  text-align:left;
}
.hub-character-create-v2-char-initials{
  width:38px;height:38px;display:grid;place-items:center;border-radius:8px;
  background:#212a37;color:#aeb7c4;font-size:6px;font-weight:800;
}
.hub-character-create-v2-existing button strong,
.hub-character-create-v2-existing button small{display:block}
.hub-character-create-v2-existing button strong{color:#dfe4ea;font-size:9px}
.hub-character-create-v2-existing button small{margin-top:3px;color:#667184;font-size:6px}
.hub-character-create-v2-existing button>b{color:#8d82de;font-size:7px}
.hub-character-create-v2-no-dept{
  padding:40px 24px;
  text-align:center;
}
.hub-character-create-v2-no-dept>span{color:#8c7ee6;font-size:7px;font-weight:800;letter-spacing:.09em}
.hub-character-create-v2-no-dept h2{margin:7px 0 5px;color:#eef1f5;font-size:20px}
.hub-character-create-v2-no-dept p{max-width:470px;margin:0 auto 15px;color:#758093;font-size:9px}
.hub-character-create-v2-empty{
  width:min(100%,560px);margin:40px auto;padding:28px;text-align:center;
  border:1px solid rgba(255,255,255,.055);border-radius:15px;background:#131a24;
}
.hub-character-create-v2-empty>span{color:#796be0;font-size:7px;font-weight:800}
.hub-character-create-v2-empty h1{margin:8px 0 5px;font-size:24px}
.hub-character-create-v2-empty p{margin:0 0 15px;color:#758093;font-size:9px}

/* True light version */
.hub-light .hub-character-create-v2-side,
.hub-light .hub-character-create-v2-main,
.hub-light .hub-character-create-v2-empty{
  background:#ffffff!important;
  border-color:#d9dee7!important;
}
.hub-light .hub-character-create-v2-side h1,
.hub-light .hub-character-create-v2-section-head strong,
.hub-light .hub-character-create-v2-existing button strong,
.hub-light .hub-character-create-v2-no-dept h2{
  color:#18202a!important;
}
.hub-light .hub-character-create-v2-side>p,
.hub-light .hub-character-create-v2-section-head small,
.hub-light .hub-character-create-v2-existing button small,
.hub-light .hub-character-create-v2-no-dept p{
  color:#687486!important;
}
.hub-light .hub-character-create-v2-community,
.hub-light .hub-character-create-v2-meta>div,
.hub-light .hub-character-create-v2-section,
.hub-light .hub-character-create-v2-existing>button{
  background:#f6f7f9!important;
  border-color:#dfe3ea!important;
}
.hub-light .hub-character-create-v2-community strong,
.hub-light .hub-character-create-v2-meta strong{color:#202733!important}
.hub-light .hub-character-create-v2-logo,
.hub-light .hub-character-create-v2-char-initials{background:#e9edf3!important;color:#414b59!important}
.hub-light .hub-character-create-v2-grid label>span{color:#3e4754!important}
.hub-light .hub-character-create-v2-grid input,
.hub-light .hub-character-create-v2-grid select{
  background:#ffffff!important;
  border-color:#cfd6df!important;
  color:#18202a!important;
}
.hub-light .hub-home-create-character{
  background:#f1efff!important;
  border-color:#d8d1fb!important;
  color:#5847c7!important;
}

@media(max-width:850px){
  .hub-character-create-v2-layout{grid-template-columns:1fr}
  .hub-character-create-v2-side{position:static}
}
@media(max-width:600px){
  .hub-character-create-v2-grid{grid-template-columns:1fr}
  .hub-character-create-v2-grid label.wide{grid-column:auto}
}


/* ============================================================
   Active Community Home behavior + community wallpaper
   ============================================================ */

.hub-brand-home-button{
  appearance:none;
  border:0!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  font:inherit;
  color:inherit;
  cursor:pointer;
}
.hub-brand-home-button:focus-visible{
  outline:2px solid rgba(124,92,255,.38);
  outline-offset:5px;
  border-radius:8px;
}

/* Wallpaper is scoped only to the Home view */
.hub-home-launch-pro{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.hub-home-community-background{
  position:absolute;
  inset:0;
  z-index:-2;
  overflow:hidden;
  border-radius:inherit;
  pointer-events:none;
}
.hub-home-community-background img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.hub-home-community-background span{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(9,13,20,.50),rgba(9,13,20,.72)),
    radial-gradient(circle at 50% 38%,rgba(10,14,22,.12),rgba(10,14,22,.58) 75%);
}
.hub-home-launch-pro.has-community-background{
  border-radius:18px;
}
.hub-home-launch-pro.has-community-background .hub-home-launch-pro-center{
  position:relative;
  z-index:1;
}
.hub-home-launch-pro.has-community-background .hub-home-launch-pro-head h1,
.hub-home-launch-pro.has-community-background .hub-home-launch-pro-welcome{
  text-shadow:0 2px 12px rgba(0,0,0,.38);
}
.hub-light .hub-home-community-background span{
  background:
    linear-gradient(180deg,rgba(255,255,255,.52),rgba(244,246,250,.72)),
    radial-gradient(circle at 50% 38%,rgba(255,255,255,.08),rgba(238,241,246,.48) 75%);
}
.hub-light .hub-home-launch-pro.has-community-background .hub-home-launch-pro-head h1{
  color:#151b24!important;
  text-shadow:0 1px 10px rgba(255,255,255,.72);
}

/* Community Profile home background editor */
.hub-community-profile-home-bg{
  margin-top:16px;
  padding-top:17px;
  border-top:1px solid rgba(255,255,255,.055);
}
.hub-community-profile-v4-section-title.compact{
  margin-bottom:12px!important;
}
.hub-community-profile-home-bg-preview{
  position:relative;
  width:100%;
  height:175px;
  overflow:hidden;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.06);
  border-radius:11px;
  background:#151d28;
}
.hub-community-profile-home-bg-preview img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.hub-community-profile-home-bg-preview>div{
  display:grid;
  gap:4px;
  text-align:center;
}
.hub-community-profile-home-bg-preview strong{
  color:#cfd5df;
  font-size:9px;
}
.hub-community-profile-home-bg-preview span{
  color:#667184;
  font-size:7px;
}
.hub-community-profile-home-bg-controls{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:8px;
  align-items:end;
  margin-top:10px;
}
.hub-community-profile-home-bg-controls label>span{
  display:block;
  margin-bottom:6px;
}
.hub-community-profile-home-bg-controls .hub-secondary-btn{
  min-height:48px;
  white-space:nowrap;
}
.hub-light .hub-community-profile-home-bg{
  border-top-color:#dce1e8;
}
.hub-light .hub-community-profile-home-bg-preview{
  border-color:#d6dce5;
  background:#f3f5f8;
}
.hub-light .hub-community-profile-home-bg-preview strong{color:#313a47}
.hub-light .hub-community-profile-home-bg-preview span{color:#748092}

@media(max-width:720px){
  .hub-community-profile-home-bg-controls{
    grid-template-columns:1fr;
  }
}


/* ============================================================
   Home Create Character button v3
   ============================================================ */
.hub-home-create-character{
  display:grid!important;
  grid-template-columns:32px minmax(0,1fr) 18px!important;
  align-items:center!important;
  gap:10px!important;
  width:230px!important;
  min-height:54px!important;
  margin:15px auto 0!important;
  padding:8px 11px!important;
  border:1px solid rgba(124,92,255,.18)!important;
  border-radius:11px!important;
  background:rgba(18,24,34,.82)!important;
  color:#e6e9ef!important;
  text-align:left!important;
  backdrop-filter:blur(10px)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.10)!important;
}
.hub-home-create-character:hover{
  border-color:rgba(124,92,255,.32)!important;
  background:rgba(23,30,42,.94)!important;
  transform:translateY(-1px);
}
.hub-home-create-character-icon{
  width:32px!important;
  height:32px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:8px!important;
  background:rgba(124,92,255,.14)!important;
  color:#a99df7!important;
  font-size:16px!important;
  font-weight:500!important;
}
.hub-home-create-character-copy{
  display:block!important;
  min-width:0!important;
}
.hub-home-create-character-copy strong,
.hub-home-create-character-copy small{
  display:block!important;
}
.hub-home-create-character-copy strong{
  color:#edf0f5!important;
  font-size:9px!important;
  font-weight:750!important;
}
.hub-home-create-character-copy small{
  margin-top:2px!important;
  color:#747f90!important;
  font-size:6.5px!important;
  font-weight:500!important;
}
.hub-home-create-character>b{
  color:#8e83df!important;
  font-size:12px!important;
  font-weight:500!important;
  text-align:right!important;
}

/* ============================================================
   Community Home wallpaper — reliable rendering
   ============================================================ */
.hub-home-launch-pro.has-community-background{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  border-radius:18px!important;
  background-image:
    linear-gradient(180deg,rgba(8,12,18,.48),rgba(8,12,18,.74)),
    var(--hub-community-home-bg)!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  min-height:calc(100vh - 118px)!important;
}
.hub-home-launch-pro.has-community-background::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:radial-gradient(circle at 50% 38%,rgba(12,16,24,.04),rgba(8,12,18,.36) 76%);
}
.hub-home-launch-pro.has-community-background .hub-home-launch-pro-center{
  position:relative!important;
  z-index:1!important;
}
.hub-home-community-background{
  display:none!important;
}

/* Light mode keeps the image visible but uses a light veil */
.hub-light .hub-home-launch-pro.has-community-background{
  background-image:
    linear-gradient(180deg,rgba(255,255,255,.52),rgba(239,242,247,.74)),
    var(--hub-community-home-bg)!important;
}
.hub-light .hub-home-launch-pro.has-community-background::before{
  background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.04),rgba(237,240,246,.30) 76%)!important;
}

.hub-light .hub-home-create-character{
  border-color:#d5d9e3!important;
  background:rgba(255,255,255,.90)!important;
  color:#1c2430!important;
  box-shadow:0 8px 20px rgba(30,38,52,.07)!important;
}
.hub-light .hub-home-create-character:hover{
  border-color:#c8c1f3!important;
  background:#ffffff!important;
}
.hub-light .hub-home-create-character-icon{
  background:#eeebff!important;
  color:#6350c8!important;
}
.hub-light .hub-home-create-character-copy strong{color:#202733!important}
.hub-light .hub-home-create-character-copy small{color:#748091!important}
.hub-light .hub-home-create-character>b{color:#6554c8!important}


/* ============================================================
   Home primary actions — larger
   ============================================================ */
.hub-home-community-manage{
  min-width:245px!important;
  min-height:48px!important;
  margin-top:14px!important;
  padding:0 18px!important;
  border-radius:11px!important;
  font-size:10px!important;
  font-weight:750!important;
}
.hub-home-community-manage > b{
  margin-left:8px!important;
  font-size:13px!important;
}

.hub-home-create-character{
  width:275px!important;
  min-height:64px!important;
  margin-top:19px!important;
  padding:10px 13px!important;
  grid-template-columns:38px minmax(0,1fr) 20px!important;
  gap:12px!important;
  border-radius:12px!important;
}
.hub-home-create-character-icon{
  width:38px!important;
  height:38px!important;
  border-radius:9px!important;
  font-size:18px!important;
}
.hub-home-create-character-copy strong{
  font-size:10.5px!important;
}
.hub-home-create-character-copy small{
  margin-top:3px!important;
  font-size:7.5px!important;
}
.hub-home-create-character>b{
  font-size:14px!important;
}


/* Home — larger Last Played Quick Launch typography */
.hub-home-launch-pro-last .hub-home-launch-pro-main > strong{
  font-size:13px!important;
  line-height:1.2!important;
}
.hub-home-launch-pro-last .hub-home-launch-pro-main > small{
  margin-top:4px!important;
  font-size:8.5px!important;
  line-height:1.35!important;
}
.hub-home-launch-pro-last .hub-home-launch-pro-action span{
  font-size:9px!important;
  font-weight:750!important;
}
.hub-home-launch-pro-last .hub-home-launch-pro-action b{
  font-size:13px!important;
}
.hub-home-launch-pro-last .hub-home-launch-pro-dept{
  font-size:9px!important;
}


/* Community Home wallpaper — full page width */
.hub-home-launch-pro.has-community-background{
  width:100vw!important;
  max-width:none!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  border-radius:0!important;
  padding-left:max(24px,calc((100vw - 1180px)/2))!important;
  padding-right:max(24px,calc((100vw - 1180px)/2))!important;
  box-sizing:border-box!important;
}


/* ============================================================
   Community Home Wallpaper v4 — actual full-page background
   ============================================================ */

/* The image is now attached to the whole desktop, not the 1280px main container. */
.hub-desktop.hub-community-home-wallpaper{
  position:relative!important;
  min-height:100vh!important;
  background-image:
    linear-gradient(180deg,rgba(7,10,16,.48),rgba(7,10,16,.72)),
    var(--hub-community-page-bg)!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
}

/* Keep Home itself transparent so the full desktop wallpaper stays visible edge-to-edge. */
.hub-desktop.hub-community-home-wallpaper .hub-home-launch-pro,
.hub-desktop.hub-community-home-wallpaper .hub-home-launch-pro.has-community-background{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  border-radius:0!important;
  background:none!important;
  min-height:calc(100vh - 140px)!important;
}

/* Light mode still shows the wallpaper across the entire page. */
.hub-light.hub-desktop.hub-community-home-wallpaper,
.hub-light .hub-desktop.hub-community-home-wallpaper{
  background-image:
    linear-gradient(180deg,rgba(255,255,255,.50),rgba(239,242,247,.70)),
    var(--hub-community-page-bg)!important;
}

/* ============================================================
   Quick Patrol — larger readable text
   ============================================================ */
.hub-home-launch-pro-card{
  min-height:84px!important;
  grid-template-columns:50px minmax(0,1fr) auto!important;
  gap:15px!important;
  padding:14px 16px!important;
}
.hub-home-launch-pro-dept{
  width:50px!important;
  height:50px!important;
  font-size:10px!important;
}
.hub-home-launch-pro-main strong{
  font-size:13px!important;
  line-height:1.2!important;
}
.hub-home-launch-pro-main small{
  margin-top:6px!important;
  font-size:9px!important;
  line-height:1.35!important;
}
.hub-home-launch-pro-action>span{
  font-size:9px!important;
  font-weight:750!important;
}
.hub-home-launch-pro-action b{
  width:32px!important;
  height:32px!important;
  font-size:14px!important;
}

/* The Home instruction above Quick Patrol should be easier to read too. */
.hub-home-launch-pro-message p{
  font-size:13px!important;
  line-height:1.65!important;
}


/* ============================================================
   Home nav + wallpaper edge cleanup
   ============================================================ */

/* When a community wallpaper is active, the main canvas itself must be
   edge-to-edge. This removes the leftover centered/gray side area. */
.hub-desktop.hub-community-home-wallpaper .hub-main{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding-left:0!important;
  padding-right:0!important;
  background:transparent!important;
}

/* The Home renderer must not paint its own gray/solid surface over wallpaper. */
.hub-desktop.hub-community-home-wallpaper #hubMain > .hub-home-launch-pro,
.hub-desktop.hub-community-home-wallpaper .hub-home-launch-pro,
.hub-desktop.hub-community-home-wallpaper .hub-standard-page.hub-home-launch-pro{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background-color:transparent!important;
  background-image:none!important;
}

/* Keep the actual Home content at the normal readable width. */
.hub-desktop.hub-community-home-wallpaper .hub-home-launch-pro-center{
  width:min(calc(100% - 48px),650px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

@media(max-width:620px){
  .hub-desktop.hub-community-home-wallpaper .hub-home-launch-pro-center{
    width:calc(100% - 24px)!important;
  }
}


/* ============================================================
   Manage Community — larger typography
   ============================================================ */
.hub-community-admin-v3{
  font-size:14px!important;
}

.hub-community-admin-v3 h1{
  font-size:30px!important;
}
.hub-community-admin-v3 h2{
  font-size:20px!important;
}
.hub-community-admin-v3 h3{
  font-size:16px!important;
}

.hub-community-admin-v3 p,
.hub-community-admin-v3 .hub-community-admin-description{
  font-size:12px!important;
  line-height:1.55!important;
}

.hub-community-admin-v3 small,
.hub-community-admin-v3 .hub-community-profile-field-help{
  font-size:10px!important;
  line-height:1.45!important;
}

.hub-community-admin-v3 label>span,
.hub-community-admin-v3 .hub-community-profile-v4-section-title small{
  font-size:10px!important;
}

.hub-community-admin-v3 input,
.hub-community-admin-v3 select,
.hub-community-admin-v3 textarea{
  font-size:12px!important;
}

.hub-community-admin-v3 button{
  font-size:11px!important;
}

.hub-community-admin-v3 .hub-community-admin-v3-nav button,
.hub-community-admin-v3 .hub-community-admin-nav button{
  font-size:11px!important;
}

.hub-community-admin-v3 .hub-community-profile-v4-section-title strong{
  font-size:13px!important;
}

.hub-community-admin-v3 .hub-community-profile-v4-section-title>span{
  font-size:10px!important;
}

.hub-community-admin-v3 .hub-admin-v3-stat strong{
  font-size:18px!important;
}
.hub-community-admin-v3 .hub-admin-v3-stat small{
  font-size:9px!important;
}

.hub-community-admin-v3 .hub-admin-v3-data-fields strong,
.hub-community-admin-v3 .hub-community-record-editor strong{
  font-size:12px!important;
}


/* Home Create Character — larger copy */
.hub-home-create-character{
  width:310px!important;
  min-height:72px!important;
  grid-template-columns:44px minmax(0,1fr) 24px!important;
  gap:14px!important;
}
.hub-home-create-character-icon{
  width:44px!important;
  height:44px!important;
  font-size:22px!important;
}
.hub-home-create-character-copy strong{
  font-size:14px!important;
  line-height:1.2!important;
}
.hub-home-create-character-copy small{
  margin-top:4px!important;
  font-size:10px!important;
  line-height:1.35!important;
}
.hub-home-create-character>b{
  font-size:17px!important;
}


/* ============================================================
   Community Management Workspace — UI refresh
   ============================================================ */
.hub-community-admin-v3-workspace{
  padding:26px!important;
  border:1px solid rgba(255,255,255,.055)!important;
  border-top:0!important;
  border-radius:0 0 18px 18px!important;
  background:rgba(10,14,20,.72)!important;
}
.hub-admin-v3-section{
  display:grid!important;
  gap:20px!important;
}
.hub-admin-v3-section-head{
  padding:4px 2px 18px!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
}
.hub-admin-v3-section-head>div>span{
  font-size:9px!important;
  letter-spacing:.14em!important;
}
.hub-admin-v3-section-head h2{
  margin:5px 0 6px!important;
  font-size:24px!important;
}
.hub-admin-v3-section-head p{
  max-width:760px!important;
  font-size:11px!important;
}

/* Users & Access */
.hub-admin-v3-access-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}
.hub-admin-v3-access-card{
  min-height:235px!important;
  padding:18px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,#121925,#0f151f)!important;
}
.hub-admin-v3-access-head{
  padding-bottom:13px!important;
  margin-bottom:11px!important;
  border-bottom:1px solid rgba(255,255,255,.055)!important;
}
.hub-admin-v3-access-head span{
  font-size:13px!important;
  font-weight:800!important;
}
.hub-admin-v3-access-head p{
  margin:5px 0 0!important;
  font-size:9px!important;
}
.hub-admin-v3-access-head>strong{
  min-width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:9px!important;
  background:rgba(124,92,255,.12)!important;
  font-size:14px!important;
}
.hub-admin-v3-user-row{
  min-height:50px!important;
  padding:8px!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.025)!important;
}
.hub-admin-v3-user-row strong{font-size:10px!important}
.hub-admin-v3-user-row small{font-size:8px!important}
.hub-admin-v3-card-action{
  min-height:38px!important;
  margin-top:11px!important;
  border-radius:9px!important;
  font-size:10px!important;
}

/* Department cards */
.hub-admin-v3-department-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:13px!important;
}
.hub-admin-v3-department-card{
  min-height:112px!important;
  padding:15px!important;
  grid-template-columns:54px minmax(0,1fr) auto!important;
  gap:14px!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:linear-gradient(145deg,#121925,#0f151f)!important;
}
.hub-admin-v3-department-logo{
  width:54px!important;height:54px!important;border-radius:12px!important;
}
.hub-admin-v3-department-copy span{font-size:8px!important}
.hub-admin-v3-department-copy strong{font-size:13px!important}
.hub-admin-v3-department-copy small{font-size:9px!important}
.hub-admin-v3-department-meta span{font-size:8px!important}

/* Server/subdivision tables */
.hub-admin-v3-table{
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:15px!important;
  background:#101720!important;
}
.hub-admin-v3-table-row{
  min-height:64px!important;
  padding:12px 15px!important;
  border-bottom:1px solid rgba(255,255,255,.055)!important;
}
.hub-admin-v3-table-row:last-child{border-bottom:0!important}
.hub-admin-v3-table-row strong{font-size:11px!important}
.hub-admin-v3-table-row small,
.hub-admin-v3-table-row span{font-size:9px!important}

/* CAD & Records + Codes & Licensing */
.hub-admin-v3-data-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}
.hub-admin-v3-data-card{
  min-height:190px!important;
  padding:15px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,#121925,#0f151f)!important;
}
.hub-admin-v3-data-head{
  padding-bottom:11px!important;
  margin-bottom:9px!important;
  border-bottom:1px solid rgba(255,255,255,.055)!important;
}
.hub-admin-v3-data-head span{font-size:11px!important}
.hub-admin-v3-data-head strong{font-size:18px!important}
.hub-admin-v3-data-head button{min-height:30px!important;font-size:9px!important}
.hub-admin-v3-data-list button{
  min-height:35px!important;
  padding:7px 8px!important;
  border-radius:8px!important;
  font-size:9px!important;
}
.hub-admin-v3-data-fields{font-size:8px!important}

/* Main actions */
.hub-admin-v3-main-action{
  min-height:42px!important;
  padding:0 15px!important;
  border-radius:10px!important;
  font-size:10px!important;
}

/* ============================================================
   Communities — refreshed active community + browser
   ============================================================ */
.hub-manage-community{
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:17px!important;
  background:#101720!important;
}
.hub-manage-community-head{
  min-height:150px!important;
  margin:0!important;
  padding:24px!important;
  background:
    radial-gradient(circle at 85% 20%,rgba(124,92,255,.13),transparent 30%),
    linear-gradient(145deg,#131b27,#0f151e)!important;
}
.hub-manage-community-head h2{
  margin:6px 0!important;
  font-size:24px!important;
}
.hub-manage-community-head p{
  font-size:11px!important;
}
.hub-manage-community-identity{
  min-width:290px!important;
  padding:14px!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.035)!important;
}
.hub-manage-community-identity>span{
  width:48px!important;height:48px!important;flex-basis:48px!important;
  font-size:13px!important;
}
.hub-manage-community-identity strong{font-size:12px!important}
.hub-manage-community-identity small{font-size:9px!important}
.hub-manage-tabs{
  margin:0!important;
  padding:10px 14px!important;
  border-top:1px solid rgba(255,255,255,.05)!important;
  border-bottom:1px solid rgba(255,255,255,.055)!important;
  background:#0e141d!important;
}
.hub-manage-tabs button{
  min-height:36px!important;
  padding:0 12px!important;
  font-size:9px!important;
  border-radius:8px!important;
}
.hub-manage-panel{
  padding:16px!important;
}

.hub-community-browser-head{
  margin-top:28px!important;
  padding:18px 0 12px!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
}
.hub-community-browser-title h2{
  font-size:22px!important;
}
.hub-create-community-btn{
  min-height:36px!important;
  padding:0 13px!important;
  font-size:9px!important;
}
.hub-invite-entry input,
.hub-invite-entry button{
  min-height:36px!important;
  font-size:9px!important;
}
.hub-community-browser-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  margin-top:16px!important;
}
.hub-community-browser-card{
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:16px!important;
  background:#101720!important;
}
.hub-community-browser-card.active{
  border-color:rgba(124,92,255,.34)!important;
  box-shadow:0 0 0 1px rgba(124,92,255,.09)!important;
}
.hub-community-browser-banner{
  position:relative!important;
  height:116px!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  padding:12px!important;
  background:
    radial-gradient(circle at 80% 20%,rgba(124,92,255,.24),transparent 36%),
    #151c27!important;
}
.hub-community-browser-banner>img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  opacity:.45!important;
}
.hub-community-browser-banner::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,transparent,rgba(8,11,16,.78))!important;
}
.hub-community-browser-logo,
.hub-community-browser-banner em{
  position:relative!important;
  z-index:1!important;
}
.hub-community-browser-logo{
  width:44px!important;height:44px!important;
  display:grid!important;place-items:center!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:11px!important;
  background:#151d29!important;
  font-size:10px!important;font-weight:800!important;
}
.hub-community-browser-logo img{
  width:100%!important;height:100%!important;object-fit:cover!important;
}
.hub-community-browser-banner em{
  font-size:8px!important;
}
.hub-community-browser-copy{
  padding:16px!important;
}
.hub-community-browser-copy h3{
  font-size:14px!important;
}
.hub-community-browser-copy p{
  min-height:42px!important;
  font-size:9px!important;
  line-height:1.55!important;
}
.hub-community-access-state,
.hub-community-meta span{
  font-size:8px!important;
}
.hub-community-browser-copy>button{
  min-height:38px!important;
  margin-top:13px!important;
  font-size:9px!important;
}

@media(max-width:900px){
  .hub-admin-v3-access-grid,
  .hub-admin-v3-department-grid,
  .hub-community-browser-grid{
    grid-template-columns:1fr!important;
  }
  .hub-admin-v3-data-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .hub-manage-community-head{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  .hub-manage-community-identity{
    width:100%!important;
    min-width:0!important;
  }
}
@media(max-width:620px){
  .hub-admin-v3-data-grid{grid-template-columns:1fr!important}
}


/* ============================================================
   Community Application Builder
   ============================================================ */
.hub-application-builder-settings{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  padding:18px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:14px;
  background:#111821;
}
.hub-application-builder-settings label>span,
.hub-application-question-grid label>span{
  display:block;
  margin-bottom:7px;
  color:#8e98aa;
  font-size:9px;
  font-weight:750;
}
.hub-application-builder-settings input,
.hub-application-builder-settings textarea,
.hub-application-question-grid input,
.hub-application-question-grid textarea,
.hub-application-question-grid select{
  width:100%;
  min-height:42px;
  padding:10px 11px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:9px;
  outline:none;
  background:#171f2a;
  color:#eef2f7;
  font:inherit;
  font-size:10px;
}
.hub-application-builder-settings textarea,
.hub-application-question-grid textarea{
  min-height:86px;
  resize:vertical;
}
.hub-application-enable{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border:1px solid rgba(124,92,255,.16);
  border-radius:10px;
  background:rgba(124,92,255,.07);
  font-size:10px;
  font-weight:750;
}
.hub-application-enable input{
  width:18px;height:18px;
}
.hub-application-builder-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:4px 1px;
}
.hub-application-builder-toolbar strong{
  display:block;
  font-size:15px;
}
.hub-application-builder-toolbar small{
  display:block;
  margin-top:4px;
  color:#758092;
  font-size:9px;
}
.hub-application-builder-toolbar>div:last-child{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
}
.hub-application-builder-toolbar button{
  min-height:35px;
  padding:0 11px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:9px;
  background:#151d28;
  color:#dfe4ec;
  font-size:9px;
  font-weight:700;
}
.hub-application-question-list{
  display:grid;
  gap:11px;
}
.hub-application-question{
  padding:16px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:14px;
  background:linear-gradient(145deg,#121925,#0f151f);
}
.hub-application-question-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-bottom:11px;
  margin-bottom:13px;
  border-bottom:1px solid rgba(255,255,255,.055);
}
.hub-application-question-head span{
  display:block;
  color:#7468dd;
  font-size:8px;
  font-weight:800;
  letter-spacing:.12em;
}
.hub-application-question-head strong{
  display:block;
  margin-top:3px;
  font-size:12px;
}
.hub-application-question-head button{
  border:0;
  background:transparent;
  color:#ff8593;
  font-size:9px;
}
.hub-application-question-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 190px;
  gap:12px;
}
.hub-application-question-grid .wide{
  grid-column:1/-1;
}
.hub-application-required{
  display:flex!important;
  align-items:center;
  gap:9px;
}
.hub-application-required>span{
  margin:0!important;
}
.hub-application-required input{
  width:18px!important;
  min-height:18px!important;
  height:18px!important;
  padding:0!important;
}
.hub-application-options.hidden{
  display:none!important;
}
.hub-application-builder-save{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:15px 16px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:12px;
  background:#101720;
}
.hub-application-builder-save span{
  color:#7d8798;
  font-size:9px;
}

/* Community application form */
.hub-community-application select,
.hub-community-application textarea{
  width:100%;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  background:#151c27;
  color:#f0f3f7;
  font:inherit;
}

/* ============================================================
   Notifications — current UI
   ============================================================ */
.hub-notifications-page{
  padding-top:10px;
}
.hub-notifications-heading{
  align-items:flex-end;
  padding-bottom:18px;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.hub-notifications-heading h1{
  margin:4px 0 6px;
  font-size:30px;
}
.hub-notifications-heading p{
  margin:0;
  color:#7c8798;
  font-size:10px;
}
.hub-notifications-list{
  display:grid;
  gap:9px;
  margin-top:18px;
}
.hub-notification-item{
  min-height:78px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 30px;
  align-items:center;
  gap:13px;
  padding:13px 14px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:13px;
  background:#111821;
}
.hub-notification-item.unread{
  border-color:rgba(124,92,255,.24);
  background:linear-gradient(145deg,rgba(124,92,255,.075),#111821 45%);
}
.hub-notification-icon{
  width:42px;height:42px;
  display:grid;place-items:center;
  border-radius:10px;
  background:#171f2b;
  color:#a79cff;
  font-size:9px;
  font-weight:800;
}
.hub-notification-title-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.hub-notification-title-row strong{
  font-size:11px;
}
.hub-notification-title-row span{
  color:#687386;
  font-size:8px;
}
.hub-notification-copy p{
  margin:5px 0 0;
  color:#7d8798;
  font-size:9px;
  line-height:1.5;
}
.hub-notification-dismiss{
  width:28px;height:28px;
  border:0;
  border-radius:8px;
  background:rgba(255,255,255,.035);
  color:#7f8998;
  font-size:15px;
}
.hub-notifications-empty{
  min-height:260px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:8px;
  text-align:center;
  border:1px dashed rgba(255,255,255,.07);
  border-radius:15px;
  color:#7b8697;
}
.hub-notifications-empty>span{
  width:42px;height:42px;
  display:grid;place-items:center;
  border-radius:50%;
  background:rgba(77,215,154,.08);
  color:#72ddb0;
  font-size:18px;
}
.hub-notifications-empty strong{
  color:#dfe4ec;
  font-size:13px;
}
.hub-notifications-empty p{
  max-width:390px;
  margin:0;
  font-size:9px;
  line-height:1.5;
}

@media(max-width:700px){
  .hub-application-builder-toolbar,
  .hub-application-builder-save{
    align-items:stretch;
    flex-direction:column;
  }
  .hub-application-question-grid{
    grid-template-columns:1fr;
  }
  .hub-application-question-grid .wide{
    grid-column:auto;
  }
}


/* Community admin identity — abbreviation + owner emphasis */
.hub-community-admin-v3-abbreviation{
  margin:7px 0 11px!important;
  color:#a99eff!important;
  font-size:15px!important;
  font-weight:850!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}
.hub-community-admin-v3-owner{
  margin-top:7px!important;
  font-size:12px!important;
}
.hub-community-admin-v3-owner strong{
  margin-left:6px!important;
  font-size:15px!important;
  font-weight:850!important;
}


/* ============================================================
   Forms v3 — clean compact dashboard
   ============================================================ */
.hub-forms-v3{
  padding:8px 0 34px!important;
}
.hub-forms-v3-header{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  padding:28px 30px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:18px;
  background:
    radial-gradient(circle at 88% 12%,rgba(124,92,255,.12),transparent 32%),
    linear-gradient(145deg,#121925,#0f151f);
}
.hub-forms-v3-kicker{
  display:block;
  margin-bottom:7px;
  color:#9f94f5;
  font-size:8px;
  font-weight:850;
  letter-spacing:.15em;
}
.hub-forms-v3-header h1{
  margin:0;
  font-size:32px;
  letter-spacing:-.04em;
}
.hub-forms-v3-header p{
  max-width:620px;
  margin:8px 0 0;
  color:#7f8999;
  font-size:11px;
  line-height:1.55;
}
.hub-forms-v3-summary{
  display:flex;
  gap:9px;
}
.hub-forms-v3-summary>div{
  min-width:88px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:12px;
  background:rgba(255,255,255,.025);
  text-align:center;
}
.hub-forms-v3-summary strong,
.hub-forms-v3-summary span{
  display:block;
}
.hub-forms-v3-summary strong{
  color:#f0f3f8;
  font-size:18px;
}
.hub-forms-v3-summary span{
  margin-top:3px;
  color:#717c8e;
  font-size:8px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.hub-forms-v3-section,
.hub-forms-v3-history{
  margin-top:20px;
}
.hub-forms-v3-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:11px;
  padding:0 2px;
}
.hub-forms-v3-section-head>div>span{
  display:block;
  color:#6f798b;
  font-size:8px;
  font-weight:800;
  letter-spacing:.13em;
}
.hub-forms-v3-section-head h2{
  margin:4px 0 0;
  font-size:18px;
}
.hub-forms-v3-section-head.history>strong{
  color:#798396;
  font-size:9px;
  font-weight:700;
}

.hub-forms-v3-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:11px;
}
.hub-forms-v3-card{
  min-height:128px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 22px;
  align-items:center;
  gap:13px;
  padding:16px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:14px;
  background:#111821;
  color:#edf1f6;
  text-align:left;
  transition:transform .14s ease,border-color .14s ease,background .14s ease;
}
.hub-forms-v3-card:hover{
  transform:translateY(-1px);
  border-color:rgba(124,92,255,.23);
  background:#151d28;
}
.hub-forms-v3-card.primary{
  border-color:rgba(124,92,255,.20);
  background:
    radial-gradient(circle at 90% 10%,rgba(57,208,255,.07),transparent 34%),
    linear-gradient(145deg,rgba(124,92,255,.10),#111821 52%);
}
.hub-forms-v3-card.muted{
  opacity:.72;
}
.hub-forms-v3-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.055);
  border-radius:10px;
  background:#19212d;
  color:#a69cf2;
  font-size:9px;
  font-weight:850;
}
.hub-forms-v3-copy{
  min-width:0;
}
.hub-forms-v3-copy em,
.hub-forms-v3-copy strong,
.hub-forms-v3-copy small{
  display:block;
}
.hub-forms-v3-copy em{
  margin-bottom:5px;
  color:#6f65cf;
  font-size:7px;
  font-style:normal;
  font-weight:850;
  letter-spacing:.12em;
}
.hub-forms-v3-copy strong{
  font-size:12px;
}
.hub-forms-v3-copy small{
  margin-top:5px;
  color:#717c8d;
  font-size:8px;
  line-height:1.45;
}
.hub-forms-v3-card>b{
  color:#8c82e3;
  font-size:14px;
}

.hub-forms-v3-history{
  padding-top:2px;
}
.hub-forms-v3-history-list{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.065);
  border-radius:14px;
  background:#101720;
}
.hub-forms-v3-history-row{
  width:100%;
  min-height:66px;
  display:grid;
  grid-template-columns:36px minmax(0,1fr) auto 18px;
  align-items:center;
  gap:11px;
  padding:11px 13px;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.05);
  background:transparent;
  color:#edf1f6;
  text-align:left;
}
.hub-forms-v3-history-row:last-child{
  border-bottom:0;
}
.hub-forms-v3-history-row:hover{
  background:rgba(255,255,255,.025);
}
.hub-forms-v3-history-icon{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#171f2a;
  color:#a298ef;
  font-size:8px;
  font-weight:800;
}
.hub-forms-v3-history-copy strong,
.hub-forms-v3-history-copy small{
  display:block;
}
.hub-forms-v3-history-copy strong{
  font-size:10px;
}
.hub-forms-v3-history-copy small{
  margin-top:4px;
  color:#707b8d;
  font-size:8px;
}
.hub-forms-v3-status{
  padding:5px 8px;
  border:1px solid rgba(124,92,255,.12);
  border-radius:999px;
  background:rgba(124,92,255,.07);
  color:#aaa0f5;
  font-size:7px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.07em;
}
.hub-forms-v3-status.approved{
  border-color:rgba(77,215,154,.14);
  background:rgba(77,215,154,.07);
  color:#7fddb4;
}
.hub-forms-v3-status.denied{
  border-color:rgba(255,95,114,.15);
  background:rgba(255,95,114,.07);
  color:#ff9ca7;
}
.hub-forms-v3-history-row>b{
  color:#7e8797;
  font-size:12px;
}
.hub-forms-v3-empty{
  min-height:180px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:7px;
  text-align:center;
  color:#737d8f;
}
.hub-forms-v3-empty>span{
  width:38px;height:38px;
  display:grid;place-items:center;
  border-radius:10px;
  background:#171f2a;
  color:#988ee8;
  font-size:18px;
}
.hub-forms-v3-empty strong{
  color:#dce1e8;
  font-size:11px;
}
.hub-forms-v3-empty p{
  margin:0;
  font-size:8px;
}

/* Light mode */
.hub-light .hub-forms-v3-header,
.hub-light .hub-forms-v3-card,
.hub-light .hub-forms-v3-history-list{
  border-color:#dce1e8!important;
  background:#fff!important;
}
.hub-light .hub-forms-v3-header h1,
.hub-light .hub-forms-v3-card,
.hub-light .hub-forms-v3-history-row,
.hub-light .hub-forms-v3-summary strong,
.hub-light .hub-forms-v3-empty strong{
  color:#202631!important;
}
.hub-light .hub-forms-v3-summary>div,
.hub-light .hub-forms-v3-icon,
.hub-light .hub-forms-v3-history-icon,
.hub-light .hub-forms-v3-empty>span{
  border-color:#dce1e8!important;
  background:#f3f5f8!important;
}

@media(max-width:900px){
  .hub-forms-v3-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:650px){
  .hub-forms-v3-header{
    align-items:flex-start;
    flex-direction:column;
    padding:22px;
  }
  .hub-forms-v3-summary{
    width:100%;
  }
  .hub-forms-v3-summary>div{
    flex:1;
  }
  .hub-forms-v3-history-row{
    grid-template-columns:36px minmax(0,1fr) auto;
  }
  .hub-forms-v3-history-row>b{
    display:none;
  }
}


/* Community browser owner controls */
.hub-community-browser-actions{
  display:flex;
  gap:8px;
  margin-top:13px;
}
.hub-community-browser-actions>button{
  min-height:38px;
  flex:1;
  margin-top:0!important;
  border-radius:9px;
  font-size:9px!important;
  font-weight:750;
}
.hub-community-browser-manage{
  border:1px solid rgba(124,92,255,.22)!important;
  background:rgba(124,92,255,.08)!important;
  color:#b5abff!important;
}
.hub-community-browser-manage:hover{
  background:rgba(124,92,255,.13)!important;
}


/* ============================================================
   Quick Patrol — clean edit icon beside Launch
   ============================================================ */
.hub-home-launch-pro-card{
  grid-template-columns:50px minmax(0,1fr) auto!important;
  gap:15px!important;
  padding:14px 14px 14px 16px!important;
}

.hub-home-launch-character-main{
  min-width:0!important;
  width:100%!important;
  display:block!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:inherit!important;
  text-align:left!important;
}

.hub-home-launch-pro-main{
  min-width:0!important;
}

.hub-home-launch-pro-main strong,
.hub-home-launch-pro-main small{
  max-width:100%!important;
}

.hub-home-launch-pro-action{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  flex:0 0 auto!important;
}

.hub-home-character-edit-icon,
.hub-home-character-launch-btn{
  border:0!important;
  box-shadow:none!important;
  cursor:pointer!important;
}

.hub-home-character-edit-icon{
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#778195!important;
  transition:background .14s ease,color .14s ease!important;
}

.hub-home-character-edit-icon svg{
  width:14px!important;
  height:14px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

.hub-home-character-edit-icon:hover{
  background:#1a2230!important;
  color:#b7afff!important;
}

.hub-home-character-launch-btn{
  min-width:48px!important;
  height:30px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 7px!important;
  border-radius:7px!important;
  background:transparent!important;
  color:#878fa0!important;
  font-size:9px!important;
  font-weight:750!important;
  transition:color .14s ease,background .14s ease!important;
}

.hub-home-character-launch-btn:hover{
  color:#f0f3f7!important;
  background:rgba(255,255,255,.035)!important;
}

.hub-light .hub-home-character-edit-icon{
  color:#737d8c!important;
}
.hub-light .hub-home-character-edit-icon:hover{
  background:rgba(20,24,32,.055)!important;
  color:#6f60d9!important;
}
.hub-light .hub-home-character-launch-btn{
  color:#687180!important;
}
.hub-light .hub-home-character-launch-btn:hover{
  background:rgba(20,24,32,.045)!important;
  color:#171b23!important;
}

.hub-character-edit-shell{
  width:min(100%,820px)!important;
  margin:28px auto 0!important;
}
.hub-character-edit-head{
  margin-bottom:14px!important;
  padding:20px 22px!important;
  border:1px solid rgba(255,255,255,.065)!important;
  border-radius:15px!important;
  background:#111821!important;
}
.hub-character-edit-head>span{
  color:#9489e9!important;
  font-size:8px!important;
  font-weight:850!important;
  letter-spacing:.13em!important;
}
.hub-character-edit-head h1{
  margin:5px 0!important;
  font-size:24px!important;
}
.hub-character-edit-head p{
  margin:0!important;
  color:#788395!important;
  font-size:9px!important;
}
.hub-light .hub-character-edit-head{
  border-color:rgba(20,24,32,.08)!important;
  background:#fff!important;
}
.hub-light .hub-character-edit-head h1{
  color:#171b23!important;
}

@media(max-width:620px){
  .hub-home-launch-pro-card{
    grid-template-columns:44px minmax(0,1fr) auto!important;
    gap:10px!important;
    padding:12px!important;
  }
  .hub-home-character-edit-icon{
    width:28px!important;
    height:28px!important;
  }
  .hub-home-character-launch-btn{
    min-width:44px!important;
    height:28px!important;
    padding:0 5px!important;
    font-size:8px!important;
  }
}


/* Edit Character now mirrors Create Character */
.hub-character-edit-v2 .hub-character-create-v2-layout{
  align-items:start!important;
}
.hub-character-edit-v2-current{
  margin-top:14px!important;
}
.hub-character-edit-v2-preview{
  min-height:62px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:11px 12px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:11px;
  background:rgba(255,255,255,.025);
}
.hub-character-edit-v2-preview>span:nth-child(2){
  min-width:0;
}
.hub-character-edit-v2-preview>span:nth-child(2)>strong{
  display:block;
  color:#eef2f7;
  font-size:10px;
  font-weight:750;
}
.hub-character-edit-v2-preview>span:nth-child(2)>small{
  display:block;
  margin-top:4px;
  color:#758093;
  font-size:7px;
}
.hub-character-edit-v2-preview>b{
  color:#8d83e7;
  font-size:7px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.hub-light .hub-character-edit-v2-preview{
  border-color:rgba(20,24,32,.08);
  background:rgba(20,24,32,.025);
}
.hub-light .hub-character-edit-v2-preview>span:nth-child(2)>strong{
  color:#171b23;
}


/* ============================================================
   Edit Character — larger, easier-to-read create-style UI
   ============================================================ */
.hub-character-edit-v2 .hub-character-create-v2-top{
  min-height:48px!important;
}
.hub-character-edit-v2 .hub-character-create-v2-back{
  font-size:12px!important;
  font-weight:700!important;
  color:#a2abba!important;
}
.hub-character-edit-v2 .hub-character-create-v2-back:hover{
  color:#f0f3f8!important;
}
.hub-character-edit-v2 .hub-character-create-v2-top>span{
  font-size:10px!important;
  font-weight:850!important;
}

.hub-character-edit-v2 .hub-character-create-v2-layout{
  grid-template-columns:360px minmax(0,1fr)!important;
  gap:16px!important;
}

.hub-character-edit-v2 .hub-character-create-v2-side{
  padding:28px!important;
}

.hub-character-edit-v2 .hub-character-create-v2-kicker{
  font-size:10px!important;
  font-weight:850!important;
  letter-spacing:.14em!important;
}

.hub-character-edit-v2 .hub-character-create-v2-side h1{
  margin:9px 0 9px!important;
  font-size:31px!important;
  line-height:1.04!important;
}

.hub-character-edit-v2 .hub-character-create-v2-side>p{
  font-size:12px!important;
  line-height:1.6!important;
}

.hub-character-edit-v2 .hub-character-create-v2-community{
  gap:14px!important;
  margin-top:27px!important;
  padding:15px!important;
  border-radius:12px!important;
}

.hub-character-edit-v2 .hub-character-create-v2-logo{
  width:52px!important;
  height:52px!important;
  border-radius:11px!important;
  font-size:10px!important;
}

.hub-character-edit-v2 .hub-character-create-v2-community small{
  display:block!important;
  margin-bottom:4px!important;
  color:#778294!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.10em!important;
}

.hub-character-edit-v2 .hub-character-create-v2-community strong{
  display:block!important;
  color:#eef2f7!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.25!important;
}

.hub-character-edit-v2 .hub-character-create-v2-meta{
  gap:10px!important;
  margin-top:12px!important;
}

.hub-character-edit-v2 .hub-character-create-v2-meta>div{
  min-height:78px!important;
  padding:14px!important;
}

.hub-character-edit-v2 .hub-character-create-v2-meta strong{
  font-size:20px!important;
  line-height:1!important;
}

.hub-character-edit-v2 .hub-character-create-v2-meta span{
  margin-top:6px!important;
  font-size:9px!important;
  line-height:1.35!important;
}

/* Keep light mode just as readable. */
.hub-light .hub-character-edit-v2 .hub-character-create-v2-back{
  color:#5f6978!important;
}
.hub-light .hub-character-edit-v2 .hub-character-create-v2-back:hover{
  color:#171b23!important;
}
.hub-light .hub-character-edit-v2 .hub-character-create-v2-community strong{
  color:#202733!important;
}

/* ============================================================
   Home character cards — centered side-by-side rows
   ============================================================ */
.hub-home-launch-pro-center{
  width:min(100%,980px)!important;
}

.hub-home-launch-pro-list{
  width:min(100%,940px)!important;
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:stretch!important;
  gap:12px!important;
  margin:29px auto 0!important;
}

.hub-home-launch-pro-list>.hub-home-launch-pro-card{
  width:calc(50% - 6px)!important;
  max-width:464px!important;
  min-width:0!important;
  flex:0 1 calc(50% - 6px)!important;
}

/* When there are exactly 3 character cards, keep all 3 centered in one row. */
.hub-home-launch-pro-list>.hub-home-launch-pro-card:first-child:nth-last-child(3),
.hub-home-launch-pro-list>.hub-home-launch-pro-card:first-child:nth-last-child(3)~.hub-home-launch-pro-card{
  width:calc(33.333% - 8px)!important;
  max-width:305px!important;
  flex-basis:calc(33.333% - 8px)!important;
}

/* A single character remains a normal centered card. */
.hub-home-launch-pro-list>.hub-home-launch-pro-card:only-child{
  width:min(100%,570px)!important;
  max-width:570px!important;
  flex-basis:570px!important;
}

@media(max-width:850px){
  .hub-character-edit-v2 .hub-character-create-v2-layout{
    grid-template-columns:1fr!important;
  }
  .hub-character-edit-v2 .hub-character-create-v2-side{
    position:static!important;
  }
}

@media(max-width:720px){
  .hub-home-launch-pro-list>.hub-home-launch-pro-card,
  .hub-home-launch-pro-list>.hub-home-launch-pro-card:first-child:nth-last-child(3),
  .hub-home-launch-pro-list>.hub-home-launch-pro-card:first-child:nth-last-child(3)~.hub-home-launch-pro-card{
    width:min(100%,570px)!important;
    max-width:570px!important;
    flex-basis:100%!important;
  }
}


/* ============================================================
   Character UI — larger cards and globally larger typography
   ============================================================ */

/* Home character selection: a little wider while staying centered. */
.hub-home-launch-pro-center{
  width:min(100%,1080px)!important;
}
.hub-home-launch-pro-list{
  width:min(100%,1040px)!important;
}
.hub-home-launch-pro-list>.hub-home-launch-pro-card{
  width:calc(50% - 6px)!important;
  max-width:514px!important;
  flex-basis:calc(50% - 6px)!important;
  min-height:94px!important;
}
.hub-home-launch-pro-list>.hub-home-launch-pro-card:first-child:nth-last-child(3),
.hub-home-launch-pro-list>.hub-home-launch-pro-card:first-child:nth-last-child(3)~.hub-home-launch-pro-card{
  width:calc(33.333% - 8px)!important;
  max-width:338px!important;
  flex-basis:calc(33.333% - 8px)!important;
}
.hub-home-launch-pro-list>.hub-home-launch-pro-card:only-child{
  width:min(100%,620px)!important;
  max-width:620px!important;
  flex-basis:620px!important;
}

/* Home character card text. */
.hub-home-launch-pro-dept{
  width:54px!important;
  height:54px!important;
  font-size:11px!important;
}
.hub-home-launch-pro-main strong{
  font-size:15px!important;
  line-height:1.25!important;
}
.hub-home-launch-pro-name-line em{
  padding:4px 6px!important;
  font-size:7px!important;
}
.hub-home-launch-pro-main small{
  margin-top:6px!important;
  font-size:10px!important;
  line-height:1.4!important;
}
.hub-home-character-edit-icon{
  width:34px!important;
  height:34px!important;
}
.hub-home-character-edit-icon svg{
  width:16px!important;
  height:16px!important;
}
.hub-home-character-launch-btn{
  min-width:58px!important;
  height:34px!important;
  font-size:10px!important;
}

/* Create + Edit Character: increase text throughout, not just headings. */
.hub-character-create-v2{
  font-size:14px!important;
}
.hub-character-create-v2-top{
  min-height:50px!important;
}
.hub-character-create-v2-back{
  font-size:12px!important;
  font-weight:700!important;
}
.hub-character-create-v2-top>span,
.hub-character-create-v2-kicker{
  font-size:10px!important;
  font-weight:850!important;
}
.hub-character-create-v2-layout{
  grid-template-columns:370px minmax(0,1fr)!important;
  gap:16px!important;
}
.hub-character-create-v2-side{
  padding:29px!important;
}
.hub-character-create-v2-side h1{
  margin:10px 0 10px!important;
  font-size:33px!important;
  line-height:1.05!important;
}
.hub-character-create-v2-side>p{
  font-size:13px!important;
  line-height:1.65!important;
}
.hub-character-create-v2-community{
  gap:14px!important;
  margin-top:28px!important;
  padding:15px!important;
}
.hub-character-create-v2-logo{
  width:54px!important;
  height:54px!important;
  font-size:11px!important;
}
.hub-character-create-v2-community small{
  font-size:9px!important;
}
.hub-character-create-v2-community strong{
  font-size:15px!important;
  line-height:1.3!important;
}
.hub-character-create-v2-meta>div{
  min-height:82px!important;
  padding:15px!important;
}
.hub-character-create-v2-meta strong{
  font-size:21px!important;
}
.hub-character-create-v2-meta span{
  margin-top:6px!important;
  font-size:10px!important;
  line-height:1.35!important;
}

/* Main create/edit form typography. */
.hub-character-create-v2-section{
  padding:22px!important;
}
.hub-character-create-v2-section-head>span{
  font-size:11px!important;
}
.hub-character-create-v2-section-head strong{
  font-size:15px!important;
}
.hub-character-create-v2-section-head small{
  margin-top:4px!important;
  font-size:10px!important;
  line-height:1.45!important;
}
.hub-character-create-v2-grid label>span{
  margin-bottom:7px!important;
  font-size:10px!important;
  font-weight:750!important;
}
.hub-character-create-v2-grid input,
.hub-character-create-v2-grid select{
  min-height:44px!important;
  padding:0 12px!important;
  font-size:12px!important;
}
.hub-character-create-v2-actions button{
  min-height:42px!important;
  padding:0 16px!important;
  font-size:10px!important;
  font-weight:800!important;
}

/* Existing/current character text in the character screen. */
.hub-character-create-v2-existing>div:first-child span{
  font-size:9px!important;
}
.hub-character-create-v2-existing>div:first-child strong{
  font-size:12px!important;
}
.hub-character-create-v2-existing button strong,
.hub-character-edit-v2-preview>span:nth-child(2)>strong{
  font-size:12px!important;
}
.hub-character-create-v2-existing button small,
.hub-character-edit-v2-preview>span:nth-child(2)>small{
  font-size:9px!important;
}
.hub-character-create-v2-existing button b,
.hub-character-edit-v2-preview>b{
  font-size:9px!important;
}

@media(max-width:900px){
  .hub-character-create-v2-layout{
    grid-template-columns:1fr!important;
  }
  .hub-character-create-v2-side{
    position:static!important;
  }
}
@media(max-width:720px){
  .hub-home-launch-pro-list>.hub-home-launch-pro-card,
  .hub-home-launch-pro-list>.hub-home-launch-pro-card:first-child:nth-last-child(3),
  .hub-home-launch-pro-list>.hub-home-launch-pro-card:first-child:nth-last-child(3)~.hub-home-launch-pro-card{
    width:min(100%,620px)!important;
    max-width:620px!important;
    flex-basis:100%!important;
  }
}

/* Character selection width - match Quick Launch */
.hub-home-launch-pro-list{width:min(100%,1160px)!important;max-width:1160px!important}
.hub-home-launch-pro-list>.hub-home-launch-pro-card{width:570px!important;max-width:570px!important;flex:0 0 570px!important}
.hub-home-launch-pro-list>.hub-home-launch-pro-card:first-child:nth-last-child(3),
.hub-home-launch-pro-list>.hub-home-launch-pro-card:first-child:nth-last-child(3)~.hub-home-launch-pro-card{
 width:calc(33.333% - 8px)!important;max-width:570px!important;flex:1 1 calc(33.333% - 8px)!important
}
.hub-home-launch-pro-list>.hub-home-launch-pro-card:only-child{width:570px!important;max-width:570px!important;flex:0 0 570px!important}
@media(max-width:1180px){
 .hub-home-launch-pro-list>.hub-home-launch-pro-card{width:calc(50% - 6px)!important;max-width:570px!important;flex:1 1 calc(50% - 6px)!important}
}
@media(max-width:720px){
 .hub-home-launch-pro-list{width:100%!important}
 .hub-home-launch-pro-list>.hub-home-launch-pro-card,
 .hub-home-launch-pro-list>.hub-home-launch-pro-card:first-child:nth-last-child(3),
 .hub-home-launch-pro-list>.hub-home-launch-pro-card:first-child:nth-last-child(3)~.hub-home-launch-pro-card,
 .hub-home-launch-pro-list>.hub-home-launch-pro-card:only-child{width:100%!important;max-width:570px!important;flex:0 1 570px!important}
}


/* ============================================================
   Home characters — force desktop side-by-side layout
   ============================================================ */
.hub-home-launch-pro-center{
  width:min(calc(100% - 48px),1220px)!important;
  max-width:1220px!important;
}

.hub-home-launch-pro-list{
  width:min(100%,1180px)!important;
  max-width:1180px!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  justify-content:center!important;
  align-items:stretch!important;
  gap:12px!important;
}

.hub-home-launch-pro-list>.hub-home-launch-pro-card,
.hub-home-launch-pro-list>.hub-home-launch-pro-card:only-child,
.hub-home-launch-pro-list>.hub-home-launch-pro-card:first-child:nth-last-child(3),
.hub-home-launch-pro-list>.hub-home-launch-pro-card:first-child:nth-last-child(3)~.hub-home-launch-pro-card{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  flex:none!important;
}

/* One character / Quick Launch should retain the familiar single-card width. */
.hub-home-launch-pro-list>.hub-home-launch-pro-card:only-child{
  width:570px!important;
  max-width:570px!important;
  justify-self:center!important;
  grid-column:1 / -1!important;
}

/* If there are 3, center the third card beneath the first two. */
.hub-home-launch-pro-list>.hub-home-launch-pro-card:nth-child(3):last-child{
  width:570px!important;
  max-width:570px!important;
  justify-self:center!important;
  grid-column:1 / -1!important;
}

@media(max-width:760px){
  .hub-home-launch-pro-center{
    width:calc(100% - 24px)!important;
  }
  .hub-home-launch-pro-list{
    grid-template-columns:1fr!important;
  }
  .hub-home-launch-pro-list>.hub-home-launch-pro-card,
  .hub-home-launch-pro-list>.hub-home-launch-pro-card:only-child,
  .hub-home-launch-pro-list>.hub-home-launch-pro-card:nth-child(3):last-child{
    width:100%!important;
    max-width:570px!important;
    justify-self:center!important;
    grid-column:auto!important;
  }
}


/* ============================================================
   Home character selection — wider ONLY
   ============================================================ */
.hub-home-launch-pro-list{
  width:min(100%,1420px)!important;
  max-width:1420px!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}
.hub-home-launch-pro-list>.hub-home-launch-pro-card{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}
.hub-home-launch-pro-list>.hub-home-launch-pro-card:only-child{
  width:min(100%,700px)!important;
  max-width:700px!important;
}
.hub-home-launch-pro-list>.hub-home-launch-pro-card:nth-child(3):last-child{
  width:min(100%,700px)!important;
  max-width:700px!important;
}

/* Community wallpaper/grey overlay must cover the full page height. */
.hub-desktop.hub-community-home-wallpaper{
  min-height:100vh!important;
  height:auto!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
.hub-desktop.hub-community-home-wallpaper::before,
.hub-desktop.hub-community-home-wallpaper::after{
  top:0!important;
  bottom:0!important;
  height:100%!important;
  min-height:100vh!important;
}
.hub-community-home-wallpaper .hub-main{
  min-height:calc(100vh - 58px)!important;
}
.hub-community-home-wallpaper .hub-main::before,
.hub-community-home-wallpaper .hub-main::after{
  top:0!important;
  bottom:0!important;
  height:100%!important;
  min-height:calc(100vh - 58px)!important;
}

@media(max-width:900px){
  .hub-home-launch-pro-list{
    width:min(100%,700px)!important;
    grid-template-columns:1fr!important;
  }
  .hub-home-launch-pro-list>.hub-home-launch-pro-card,
  .hub-home-launch-pro-list>.hub-home-launch-pro-card:only-child,
  .hub-home-launch-pro-list>.hub-home-launch-pro-card:nth-child(3):last-child{
    width:100%!important;
    max-width:700px!important;
  }
}


/* ============================================================
   FINAL: Character selection width + full-height Home veil
   ============================================================ */

/* ONLY the actual character selection gets wider.
   Quick Launch and Create Character keep their existing widths. */
.hub-home-launch-pro-center{
  max-width:none!important;
}

.hub-home-character-list{
  width:min(calc(100vw - 96px),1500px)!important;
  max-width:1500px!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  margin-left:50%!important;
  margin-right:0!important;
  transform:translateX(-50%)!important;
}

.hub-home-character-list>.hub-home-launch-pro-card,
.hub-home-character-list>.hub-home-launch-pro-card:only-child,
.hub-home-character-list>.hub-home-launch-pro-card:first-child:nth-last-child(3),
.hub-home-character-list>.hub-home-launch-pro-card:first-child:nth-last-child(3)~.hub-home-launch-pro-card{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  flex:none!important;
  grid-column:auto!important;
  justify-self:stretch!important;
}

/* One character stays large and centered instead of becoming full 1500px. */
.hub-home-character-list>.hub-home-launch-pro-card:only-child{
  width:min(100%,740px)!important;
  max-width:740px!important;
  grid-column:1 / -1!important;
  justify-self:center!important;
}

/* Three characters = two wide cards on row one, one same-width card centered below. */
.hub-home-character-list>.hub-home-launch-pro-card:nth-child(3):last-child{
  width:min(100%,740px)!important;
  max-width:740px!important;
  grid-column:1 / -1!important;
  justify-self:center!important;
}

/* The dark/gray Home veil now spans the ENTIRE visible page below the nav. */
.hub-desktop.hub-community-home-wallpaper{
  position:relative!important;
  min-height:100vh!important;
  background-image:var(--hub-community-page-bg)!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
}

.hub-desktop.hub-community-home-wallpaper::after{
  content:""!important;
  position:fixed!important;
  z-index:0!important;
  top:58px!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  height:auto!important;
  min-height:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg,rgba(7,10,16,.50),rgba(7,10,16,.72)),
    radial-gradient(circle at 50% 35%,rgba(10,14,20,.06),rgba(8,11,17,.34) 76%)!important;
}

.hub-desktop.hub-community-home-wallpaper .hub-floating-nav{
  z-index:1000!important;
}

.hub-desktop.hub-community-home-wallpaper .hub-main{
  position:relative!important;
  z-index:1!important;
  min-height:100vh!important;
  background:transparent!important;
}

.hub-desktop.hub-community-home-wallpaper .hub-home-launch-pro,
.hub-desktop.hub-community-home-wallpaper .hub-home-launch-pro.has-community-background{
  min-height:calc(100vh - 76px)!important;
  height:auto!important;
  background:transparent!important;
}

.hub-desktop.hub-community-home-wallpaper .hub-home-launch-pro.has-community-background::before{
  display:none!important;
}

@media(max-width:1000px){
  .hub-home-character-list{
    width:min(calc(100vw - 48px),740px)!important;
    grid-template-columns:1fr!important;
  }

  .hub-home-character-list>.hub-home-launch-pro-card,
  .hub-home-character-list>.hub-home-launch-pro-card:only-child,
  .hub-home-character-list>.hub-home-launch-pro-card:nth-child(3):last-child{
    width:100%!important;
    max-width:740px!important;
    grid-column:auto!important;
  }
}


/* Top-left myHub brand — supplied LX logo */
.hub-mini-logo.hub-mini-logo-image{
  padding:0!important;
  overflow:hidden!important;
  background:#080b13!important;
}
.hub-mini-logo.hub-mini-logo-image img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
}


/* Top-left LX logo — tighter width */
.hub-mini-logo.hub-mini-logo-image{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  flex:0 0 30px!important;
  border-radius:8px!important;
}
.hub-mini-logo.hub-mini-logo-image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}


/* FINAL character width correction — only character selection */
.hub-home-character-list{
  width:min(calc(100vw - 80px),1016px)!important;
  max-width:1016px!important;
  grid-template-columns:repeat(2,minmax(0,500px))!important;
  justify-content:center!important;
  gap:16px!important;
}
.hub-home-character-list>.hub-home-launch-pro-card,
.hub-home-character-list>.hub-home-launch-pro-card:first-child:nth-last-child(3),
.hub-home-character-list>.hub-home-launch-pro-card:first-child:nth-last-child(3)~.hub-home-launch-pro-card{
  width:500px!important;
  max-width:500px!important;
  justify-self:center!important;
}
.hub-home-character-list>.hub-home-launch-pro-card:only-child,
.hub-home-character-list>.hub-home-launch-pro-card:nth-child(3):last-child{
  width:500px!important;
  max-width:500px!important;
}
@media(max-width:1060px){
  .hub-home-character-list{
    width:min(calc(100vw - 40px),500px)!important;
    grid-template-columns:1fr!important;
  }
  .hub-home-character-list>.hub-home-launch-pro-card,
  .hub-home-character-list>.hub-home-launch-pro-card:only-child,
  .hub-home-character-list>.hub-home-launch-pro-card:nth-child(3):last-child{
    width:100%!important;
    max-width:500px!important;
  }
}


/* Manage Community control-panel upgrade */
.hub-admin-overview-dashboard{margin-bottom:18px;padding:20px;border:1px solid rgba(255,255,255,.065);border-radius:16px;background:#101721}
.hub-admin-overview-heading,.hub-admin-overview-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.hub-admin-overview-heading>div>span,.hub-admin-overview-card-head span{color:#8b7fe6;font-size:9px;font-weight:850;letter-spacing:.12em}
.hub-admin-overview-heading h2{margin:5px 0 4px;font-size:22px}
.hub-admin-overview-heading p{margin:0;color:#748092;font-size:10px}
.hub-admin-overview-heading button,.hub-admin-overview-card-head button{border:0;background:transparent;color:#a79cff;font-size:9px;font-weight:800}
.hub-admin-overview-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}
.hub-admin-overview-stats>div{padding:14px;border:1px solid rgba(255,255,255,.055);border-radius:11px;background:#151d28}
.hub-admin-overview-stats span{display:block;color:#788395;font-size:8px}
.hub-admin-overview-stats strong{display:block;margin-top:5px;font-size:20px}
.hub-admin-overview-columns{display:grid;grid-template-columns:1.2fr .8fr;gap:10px;margin-top:10px}
.hub-admin-overview-columns>article{padding:15px;border:1px solid rgba(255,255,255,.055);border-radius:11px;background:#151d28}
.hub-admin-overview-activity{display:grid;grid-template-columns:30px 1fr;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.045)}
.hub-admin-overview-activity:last-child{border-bottom:0}
.hub-admin-overview-activity>span{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#202937;color:#aaa1f4;font-size:9px;font-weight:800}
.hub-admin-overview-activity strong{display:block;font-size:9px}.hub-admin-overview-activity small{display:block;margin-top:3px;color:#707b8c;font-size:7px}
.hub-admin-overview-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.hub-admin-overview-actions button{min-height:38px;border:1px solid rgba(255,255,255,.06);border-radius:9px;background:#1a2330;color:#dce2eb;font-size:8px;font-weight:750}

.hub-admin-user-search{display:block;position:relative;margin:12px 0}.hub-admin-user-search>span{display:block;margin-bottom:6px;color:#737f91;font-size:7px;font-weight:800;letter-spacing:.1em}.hub-admin-user-search>div{display:flex;gap:7px}.hub-admin-user-search input{min-width:0;flex:1;height:36px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:#171f2a;color:#eef2f7;padding:0 10px;font-size:9px}.hub-admin-user-search>div>button{padding:0 12px;border:1px solid rgba(124,92,255,.18);border-radius:8px;background:rgba(124,92,255,.08);color:#aea4fa;font-size:8px;font-weight:800}
.hub-user-autocomplete-wrap,.hub-admin-user-search{position:relative!important}.hub-username-suggestions{display:none;position:absolute;z-index:100;left:0;right:0;top:calc(100% + 5px);padding:5px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#111822;box-shadow:0 14px 34px rgba(0,0,0,.32)}.hub-username-suggestions.open{display:grid}.hub-username-suggestions button{display:flex;justify-content:space-between;gap:10px;padding:9px;border:0;border-radius:7px;background:transparent;color:#eef2f7;text-align:left}.hub-username-suggestions button:hover{background:#1a2330}.hub-username-suggestions strong{font-size:9px}.hub-username-suggestions small{color:#747f90;font-size:7px}

.hub-admin-permission-panel{display:grid;grid-template-columns:260px 1fr;gap:18px;margin-bottom:16px;padding:17px;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:#111923}.hub-admin-permission-panel>div:first-child>span{color:#9185eb;font-size:8px;font-weight:850;letter-spacing:.1em}.hub-admin-permission-panel h3{margin:5px 0;font-size:15px}.hub-admin-permission-panel p{margin:0;color:#727e90;font-size:9px}.hub-admin-permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.hub-admin-permission-grid label{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;padding:0 11px;border:1px solid rgba(255,255,255,.05);border-radius:8px;background:#171f2a;color:#cfd6e0;font-size:8px}

.hub-admin-application-inbox{margin-bottom:18px;padding:16px;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:#111923}.hub-admin-application-list{display:grid;gap:10px;margin-top:12px}.hub-admin-application-card{padding:13px;border:1px solid rgba(255,255,255,.055);border-radius:11px;background:#171f2a}.hub-admin-application-user{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center}.hub-admin-application-user>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#222b39;color:#aaa0f4;font-size:10px;font-weight:800}.hub-admin-application-user strong{display:block;font-size:10px}.hub-admin-application-user small{display:block;margin-top:3px;color:#737f90;font-size:7px}.hub-admin-application-user em{padding:5px 7px;border-radius:999px;background:rgba(255,190,80,.08);color:#efc273;font-size:7px;font-style:normal;font-weight:800}.hub-admin-application-user em.approved{background:rgba(77,215,154,.09);color:#7de8b7}.hub-admin-application-user em.denied{background:rgba(255,95,114,.09);color:#ff93a0}.hub-admin-application-answers{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:11px}.hub-admin-application-answers>div{padding:9px;border-radius:8px;background:#121a24}.hub-admin-application-answers strong{display:block;color:#8b96a7;font-size:7px}.hub-admin-application-answers p{margin:4px 0 0;color:#dce2ea;font-size:8px;line-height:1.45}.hub-admin-application-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:10px}.hub-admin-application-actions button{min-width:74px;height:31px;border:1px solid rgba(77,215,154,.18);border-radius:8px;background:rgba(77,215,154,.08);color:#83e5b8;font-size:8px;font-weight:800}.hub-admin-application-actions .deny{border-color:rgba(255,95,114,.18);background:rgba(255,95,114,.07);color:#ff98a4}

.hub-admin-audit-list{display:grid;gap:8px}.hub-admin-audit-list article{display:grid;grid-template-columns:38px 1fr;gap:11px;padding:13px;border:1px solid rgba(255,255,255,.055);border-radius:11px;background:#141c27}.hub-admin-audit-list article>span{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:#222b39;color:#a89df4;font-size:11px;font-weight:800}.hub-admin-audit-list strong{display:block;font-size:10px}.hub-admin-audit-list p{margin:4px 0;color:#8993a3;font-size:8px}.hub-admin-audit-list small{color:#687486;font-size:7px}

.hub-admin-checkbox-row{display:flex!important;align-items:center!important;justify-content:space-between!important}.hub-admin-checkbox-row input{width:auto!important;min-height:0!important}

.hub-light .hub-admin-overview-dashboard,.hub-light .hub-admin-overview-columns>article,.hub-light .hub-admin-overview-stats>div,.hub-light .hub-admin-permission-panel,.hub-light .hub-admin-application-inbox,.hub-light .hub-admin-application-card,.hub-light .hub-admin-audit-list article{background:#fff!important;border-color:#dfe3ea!important}.hub-light .hub-admin-overview-columns>article,.hub-light .hub-admin-overview-stats>div,.hub-light .hub-admin-permission-grid label,.hub-light .hub-admin-application-answers>div{background:#f6f7f9!important}.hub-light .hub-admin-user-search input,.hub-light .hub-username-suggestions{background:#fff!important;border-color:#d7dce5!important;color:#18202a!important}.hub-light .hub-username-suggestions button{color:#18202a!important}

@media(max-width:900px){.hub-admin-overview-stats{grid-template-columns:1fr 1fr}.hub-admin-overview-columns,.hub-admin-permission-panel{grid-template-columns:1fr}.hub-admin-permission-grid,.hub-admin-application-answers{grid-template-columns:1fr}}


/* Active Community — larger readable text across every tab */
.hub-manage-community{
  font-size:14px!important;
}
.hub-manage-community-head .hub-panel-kicker{
  font-size:10px!important;
}
.hub-manage-community-head h2{
  font-size:24px!important;
}
.hub-manage-community-head p{
  font-size:12px!important;
  line-height:1.55!important;
}
.hub-manage-community-identity strong{
  font-size:14px!important;
}
.hub-manage-community-identity small{
  font-size:10px!important;
}
.hub-community-admin-inline{
  font-size:10px!important;
}

.hub-manage-tabs button{
  min-height:42px!important;
  padding:0 15px!important;
  font-size:11px!important;
  font-weight:750!important;
}

.hub-manage-panel{
  font-size:13px!important;
}

.hub-manage-option{
  min-height:72px!important;
  padding:13px 14px!important;
}
.hub-manage-option>span{
  width:42px!important;
  height:42px!important;
  font-size:10px!important;
}
.hub-manage-option strong{
  font-size:13px!important;
}
.hub-manage-option small{
  margin-top:4px!important;
  font-size:10px!important;
  line-height:1.35!important;
}
.hub-manage-option em{
  font-size:11px!important;
}

.hub-manage-summary{
  min-height:92px!important;
  padding:16px!important;
}
.hub-manage-summary strong{
  font-size:20px!important;
}
.hub-manage-summary span{
  margin-top:7px!important;
  font-size:10px!important;
}

.hub-manage-link-card{
  min-height:82px!important;
  padding:15px!important;
}
.hub-manage-link-card strong{
  font-size:13px!important;
}
.hub-manage-link-card span{
  margin-top:5px!important;
  font-size:10px!important;
  line-height:1.4!important;
}

.hub-empty-inbox strong{
  font-size:13px!important;
}
.hub-empty-inbox p{
  font-size:10px!important;
  line-height:1.5!important;
}


/* Top-right profile dropdown v2 */
.hub-account-dropdown-v2{
  width:310px!important;
  padding:8px!important;
  border-radius:15px!important;
  background:#101620!important;
  border:1px solid rgba(255,255,255,.075)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.38)!important;
}

.hub-account-dropdown-head-v2{
  min-height:84px!important;
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr)!important;
  align-items:center!important;
  gap:13px!important;
  padding:13px!important;
  margin-bottom:5px!important;
  border:1px solid rgba(255,255,255,.055)!important;
  border-radius:11px!important;
  background:#151d28!important;
}

.hub-account-dropdown-head-v2 .hub-account-dropdown-avatar{
  width:52px!important;
  height:52px!important;
  font-size:16px!important;
}

.hub-account-dropdown-identity{
  min-width:0!important;
}
.hub-account-dropdown-identity>span{
  display:block!important;
  margin-bottom:4px!important;
  color:#7d8798!important;
  font-size:8px!important;
  font-weight:850!important;
  letter-spacing:.12em!important;
}
.hub-account-dropdown-identity strong{
  display:block!important;
  overflow:hidden!important;
  color:#f2f5f8!important;
  font-size:16px!important;
  font-weight:800!important;
  line-height:1.2!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.hub-account-dropdown-identity small{
  display:inline-flex!important;
  margin-top:6px!important;
  padding:4px 7px!important;
  border-radius:6px!important;
  background:rgba(124,92,255,.10)!important;
  color:#aaa0f4!important;
  font-size:9px!important;
  font-weight:800!important;
}

.hub-account-dropdown-v2 .hub-account-dropdown-group{
  padding:5px!important;
}
.hub-account-dropdown-v2 .hub-account-dropdown-group>button{
  min-height:52px!important;
  padding:9px 11px!important;
  border-radius:9px!important;
}
.hub-account-dropdown-v2 .hub-account-dropdown-group>button>span{
  font-size:12px!important;
  font-weight:750!important;
}
.hub-account-dropdown-v2 .hub-account-dropdown-group>button>small{
  margin-top:3px!important;
  font-size:9px!important;
  line-height:1.35!important;
}
.hub-account-dropdown-v2 .hub-account-signout>span{
  font-size:11px!important;
}

.hub-light .hub-account-dropdown-v2{
  background:#fff!important;
  border-color:#d9dee7!important;
}
.hub-light .hub-account-dropdown-head-v2{
  background:#f6f7f9!important;
  border-color:#dfe3ea!important;
}
.hub-light .hub-account-dropdown-identity strong{
  color:#171b23!important;
}


/* ============================================================
   Account dropdown v3 — original palette, cleaner layout
   ============================================================ */
.hub-account-dropdown-v2{
  width:292px!important;
  padding:7px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:14px!important;
  background:rgba(15,19,27,.92)!important;
  backdrop-filter:blur(22px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(135%)!important;
  box-shadow:0 20px 50px rgba(0,0,0,.34)!important;
}

.hub-account-dropdown-head-v2{
  min-height:76px!important;
  grid-template-columns:46px minmax(0,1fr)!important;
  gap:12px!important;
  padding:11px!important;
  margin-bottom:4px!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.065)!important;
  border-radius:9px 9px 3px 3px!important;
  background:rgba(255,255,255,.025)!important;
}

.hub-account-dropdown-head-v2 .hub-account-dropdown-avatar{
  width:46px!important;
  height:46px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.04)!important;
}

.hub-account-dropdown-identity>span{
  color:#7f8999!important;
  font-size:7px!important;
}
.hub-account-dropdown-identity strong{
  color:#f1f4f8!important;
  font-size:14px!important;
}
.hub-account-dropdown-identity small{
  margin-top:5px!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#9388eb!important;
  font-size:9px!important;
  font-weight:750!important;
}

.hub-account-dropdown-v2 .hub-account-dropdown-group{
  padding:4px!important;
}
.hub-account-dropdown-v2 .hub-account-dropdown-group>button{
  min-height:48px!important;
  padding:8px 10px!important;
  border:1px solid transparent!important;
  background:transparent!important;
  border-radius:9px!important;
  text-align:left!important;
}
.hub-account-dropdown-v2 .hub-account-dropdown-group>button:hover{
  border-color:rgba(255,255,255,.055)!important;
  background:rgba(255,255,255,.045)!important;
}
.hub-account-dropdown-v2 .hub-account-dropdown-group>button>span{
  color:#e5eaf0!important;
  font-size:11px!important;
  font-weight:720!important;
}
.hub-account-dropdown-v2 .hub-account-dropdown-group>button>small{
  color:#778293!important;
  font-size:8px!important;
}
.hub-account-dropdown-v2 .hub-account-dropdown-footer{
  margin-top:3px!important;
  padding-top:5px!important;
  border-top:1px solid rgba(255,255,255,.055)!important;
}
.hub-account-dropdown-v2 .hub-account-signout>span{
  color:#ff8e9c!important;
}

.hub-light .hub-account-dropdown-v2{
  background:rgba(255,255,255,.95)!important;
  border-color:rgba(20,24,32,.10)!important;
}
.hub-light .hub-account-dropdown-head-v2{
  background:rgba(20,24,32,.025)!important;
  border-bottom-color:rgba(20,24,32,.07)!important;
}
.hub-light .hub-account-dropdown-identity strong{
  color:#181c24!important;
}
.hub-light .hub-account-dropdown-v2 .hub-account-dropdown-group>button>span{
  color:#252b34!important;
}
.hub-light .hub-account-dropdown-v2 .hub-account-dropdown-group>button>small{
  color:#697485!important;
}
.hub-light .hub-account-dropdown-v2 .hub-account-dropdown-group>button:hover{
  background:rgba(20,24,32,.04)!important;
  border-color:rgba(20,24,32,.06)!important;
}


/* ============================================================
   Notification Center v2
   ============================================================ */
.hub-notifications-v2{max-width:1080px!important}
.hub-notifications-v2-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px}
.hub-notifications-v2-kicker,.hub-messages-v2-heading>div>span{color:#8f83ea;font-size:9px;font-weight:850;letter-spacing:.13em}
.hub-notifications-v2-head h1,.hub-messages-v2-heading h1{margin:5px 0 5px;font-size:30px;letter-spacing:-.04em}
.hub-notifications-v2-head p,.hub-messages-v2-heading p{margin:0;color:#7b8698;font-size:11px}
.hub-notifications-v2-head-actions{display:flex;gap:7px}.hub-notifications-v2-head-actions button{height:34px;padding:0 11px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:rgba(255,255,255,.035);color:#b4bdc9;font-size:8px;font-weight:750}.hub-notifications-v2-head-actions .danger{color:#ff9aa7}
.hub-notifications-v2-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:12px}.hub-notifications-v2-stats>div{padding:13px 15px;border:1px solid rgba(255,255,255,.055);border-radius:11px;background:#121923}.hub-notifications-v2-stats span{display:block;color:#768193;font-size:8px}.hub-notifications-v2-stats strong{display:block;margin-top:4px;font-size:18px}.hub-notifications-v2-stats .unread strong{color:#a89cf6}
.hub-notifications-v2-toolbar{display:flex;gap:5px;margin-bottom:10px}.hub-notifications-v2-toolbar button{height:31px;padding:0 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:#7f899a;font-size:8px;font-weight:750}.hub-notifications-v2-toolbar button:hover,.hub-notifications-v2-toolbar button.active{border-color:rgba(124,92,255,.14);background:rgba(124,92,255,.075);color:#aea4f8}
.hub-notifications-v2-list{display:grid;gap:7px}.hub-notifications-v2-item{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:stretch;border:1px solid rgba(255,255,255,.05);border-radius:11px;background:#111821;overflow:hidden}.hub-notifications-v2-item.unread{border-color:rgba(124,92,255,.15);background:#141b26}.hub-notifications-v2-main{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr) 10px;gap:12px;align-items:center;padding:13px;border:0;background:transparent;color:inherit;text-align:left}.hub-notifications-v2-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:#1b2431;color:#a99ef4;font-size:11px;font-weight:850}.hub-notifications-v2-copy{min-width:0}.hub-notifications-v2-meta{display:flex;align-items:center;gap:8px;margin-bottom:3px}.hub-notifications-v2-meta em{color:#9489e8;font-size:7px;font-style:normal;font-weight:850;letter-spacing:.08em}.hub-notifications-v2-meta small{color:#687385;font-size:7px}.hub-notifications-v2-copy strong{display:block;font-size:11px}.hub-notifications-v2-copy p{margin:4px 0 0;color:#818c9d;font-size:9px;line-height:1.45}.hub-notifications-v2-dot{width:7px;height:7px;border-radius:50%;background:#8d80ef}.hub-notifications-v2-dismiss{border:0;border-left:1px solid rgba(255,255,255,.04);background:transparent;color:#677283;font-size:17px}.hub-notifications-v2-dismiss:hover{background:rgba(255,95,114,.055);color:#ff8e9d}.hub-notifications-v2-empty{display:grid;justify-items:center;padding:52px 20px;border:1px dashed rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.018);text-align:center}.hub-notifications-v2-empty>span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:rgba(77,215,154,.08);color:#7de8b7}.hub-notifications-v2-empty strong{margin-top:10px;font-size:12px}.hub-notifications-v2-empty p{max-width:400px;margin:5px 0 0;color:#758092;font-size:9px;line-height:1.5}

/* Character delete action */
.hub-character-edit-actions{display:flex!important;align-items:center!important;gap:8px!important}.hub-character-edit-action-spacer{flex:1}.hub-character-delete-btn{min-height:42px;padding:0 14px;border:1px solid rgba(255,95,114,.14);border-radius:9px;background:rgba(255,95,114,.055);color:#ff98a5;font-size:10px;font-weight:800}.hub-character-delete-btn:hover{background:rgba(255,95,114,.10);border-color:rgba(255,95,114,.25)}

/* ============================================================
   Messages v2
   ============================================================ */
.hub-messages-v2{max-width:1180px!important}.hub-messages-v2-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:15px}.hub-messages-v2-count{min-width:74px;padding:10px 13px;border:1px solid rgba(255,255,255,.055);border-radius:10px;background:#121923;text-align:center}.hub-messages-v2-count strong{display:block;color:#aaa0f4;font-size:17px}.hub-messages-v2-count span{display:block;margin-top:3px;color:#778294;font-size:7px}
.hub-messages-v2-shell{height:620px;display:grid;grid-template-columns:330px minmax(0,1fr);border:1px solid rgba(255,255,255,.065);border-radius:14px;background:#101721;overflow:hidden}.hub-messages-v2-sidebar{min-width:0;border-right:1px solid rgba(255,255,255,.055);background:#0f161f}.hub-messages-v2-search{height:56px;display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.05)}.hub-messages-v2-search svg{width:15px;height:15px;fill:none;stroke:#6f7a8c;stroke-width:1.8}.hub-messages-v2-search input{width:100%;height:34px;border:0;outline:0;background:transparent;color:#eef2f7;font-size:10px}.hub-messages-v2-sidebar-title{display:flex;align-items:center;justify-content:space-between;padding:11px 13px 7px;color:#707c8f}.hub-messages-v2-sidebar-title span{font-size:7px;font-weight:850;letter-spacing:.11em}.hub-messages-v2-sidebar-title strong{font-size:8px}
.hub-messages-v2-contacts{height:calc(100% - 91px);overflow:auto;padding:4px 7px 9px}.hub-messages-v2-contact{width:100%;min-height:64px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px;border:1px solid transparent;border-radius:10px;background:transparent;color:inherit;text-align:left}.hub-messages-v2-contact:hover{background:rgba(255,255,255,.03)}.hub-messages-v2-contact.active{border-color:rgba(124,92,255,.13);background:rgba(124,92,255,.075)}.hub-messages-v2-avatar{position:relative;width:42px;height:42px;display:grid;place-items:center;overflow:hidden;border-radius:11px;background:#1d2633;color:#a99ef3;font-size:11px;font-weight:800}.hub-messages-v2-avatar.large{width:44px;height:44px}.hub-messages-v2-avatar img{width:100%;height:100%;object-fit:cover}.hub-messages-v2-avatar i{position:absolute;right:0;bottom:0;width:9px;height:9px;border:2px solid #0f161f;border-radius:50%;background:#5e6878}.hub-messages-v2-avatar i.online{background:#55d69b}.hub-messages-v2-contact-copy{min-width:0}.hub-messages-v2-contact-copy>span{display:flex;align-items:center;justify-content:space-between;gap:7px}.hub-messages-v2-contact-copy strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.hub-messages-v2-contact-copy time{flex:0 0 auto;color:#697486;font-size:6.5px}.hub-messages-v2-contact-copy small{display:block;overflow:hidden;margin-top:4px;color:#748092;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.hub-messages-v2-contact>b{min-width:19px;height:19px;display:grid;place-items:center;border-radius:99px;background:#796be0;color:#fff;font-size:7px}
.hub-messages-v2-chat{min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#111821}.hub-messages-v2-chat-head{min-height:64px;display:flex;align-items:center;padding:8px 14px;border-bottom:1px solid rgba(255,255,255,.05)}.hub-messages-v2-chat-head>button{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:inherit;text-align:left}.hub-messages-v2-chat-head strong{display:block;font-size:11px}.hub-messages-v2-chat-head small{display:block;margin-top:3px;color:#54d399;font-size:8px}
.hub-messages-v2-thread{overflow:auto;padding:18px 20px}.hub-messages-v2-time{margin:12px 0;text-align:center;color:#606c7e;font-size:7px}.hub-messages-v2-bubble{max-width:70%;margin:5px 0}.hub-messages-v2-bubble p{display:inline-block;margin:0;padding:9px 11px;border-radius:12px;color:#dfe4eb;font-size:10px;line-height:1.45}.hub-messages-v2-bubble.received p{background:#1b2430;border-bottom-left-radius:4px}.hub-messages-v2-bubble.sent{margin-left:auto;text-align:right}.hub-messages-v2-bubble.sent p{background:#6355c8;color:#fff;border-bottom-right-radius:4px}.hub-messages-v2-thread-empty{align-self:center;justify-self:center;display:grid;justify-items:center;padding:30px;text-align:center}.hub-messages-v2-thread-empty>span{font-size:20px;color:#8174dd}.hub-messages-v2-thread-empty strong{margin-top:8px;font-size:12px}.hub-messages-v2-thread-empty p{margin:5px 0 0;color:#748092;font-size:9px}
.hub-messages-v2-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:11px 13px;border-top:1px solid rgba(255,255,255,.05)}.hub-messages-v2-composer input{height:40px;border:1px solid rgba(255,255,255,.065);border-radius:10px;outline:0;background:#171f2a;color:#eef2f7;padding:0 12px;font-size:10px}.hub-messages-v2-composer input:focus{border-color:rgba(124,92,255,.34)}.hub-messages-v2-composer button{height:40px;display:flex;align-items:center;gap:7px;padding:0 13px;border:0;border-radius:10px;background:#6e60d7;color:#fff;font-size:9px;font-weight:800}.hub-messages-v2-composer svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.7}

.hub-light .hub-notifications-v2-stats>div,.hub-light .hub-notifications-v2-item,.hub-light .hub-messages-v2-shell,.hub-light .hub-messages-v2-count{background:#fff!important;border-color:#dfe3ea!important}.hub-light .hub-notifications-v2-item.unread,.hub-light .hub-messages-v2-sidebar,.hub-light .hub-messages-v2-chat{background:#f7f8fa!important}.hub-light .hub-notifications-v2-copy strong,.hub-light .hub-messages-v2-contact-copy strong,.hub-light .hub-messages-v2-chat-head strong,.hub-light .hub-messages-v2-thread-empty strong{color:#18202a!important}.hub-light .hub-messages-v2-composer input{background:#fff!important;border-color:#d7dce5!important;color:#18202a!important}.hub-light .hub-messages-v2-bubble.received p{background:#e9edf3!important;color:#252c36!important}

@media(max-width:780px){.hub-notifications-v2-head,.hub-messages-v2-heading{align-items:flex-start;flex-direction:column}.hub-messages-v2-shell{height:auto;grid-template-columns:1fr}.hub-messages-v2-sidebar{border-right:0;border-bottom:1px solid rgba(255,255,255,.055)}.hub-messages-v2-contacts{max-height:280px}.hub-messages-v2-chat{min-height:480px}.hub-character-edit-actions{flex-wrap:wrap}.hub-character-edit-action-spacer{display:none}.hub-character-delete-btn{margin-right:auto}}

/* Align the dedicated message center with Notification Center. */
.hub-messages-v3{max-width:1080px!important}
.hub-messages-v3-page-head{align-items:flex-end;margin-bottom:18px}
.hub-messages-v3-page-head>div:first-child>span{color:#8f83ea;font-size:9px;letter-spacing:.13em}
.hub-messages-v3-page-head h1{font-size:30px;letter-spacing:-.04em}
.hub-messages-v3-page-head p{color:#7b8698;font-size:11px}
.hub-messages-v3-page-stat{border:1px solid rgba(255,255,255,.055);border-radius:11px;background:#121923;box-shadow:none}
.hub-messages-v3-layout{border:1px solid rgba(255,255,255,.055);border-radius:11px;background:#111821;box-shadow:none}
.hub-messages-v3-sidebar{background:#101720}
.hub-messages-v3-contact{border-radius:10px}
.hub-messages-v3-contact.active{border-color:rgba(124,92,255,.15);background:rgba(124,92,255,.075)}
.hub-messages-v3-chat{background:#111821}

/* Single-community welcome layout */
.hub-home-community-selector.single-community{max-width:640px}
.hub-home-community-selector.single-community .hub-home-community-selector-grid{grid-template-columns:1fr}

/* Community creation: department step */
.hub-create-department-list{display:grid;gap:10px}
.hub-create-department-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(110px,.65fr) minmax(120px,.7fr) 34px;gap:9px;align-items:end;padding:12px;border:1px solid rgba(255,255,255,.055);border-radius:10px;background:#0f161f}
.hub-create-department-row label>span{display:block;margin-bottom:7px;color:#98a3b4;font-size:9px;font-weight:750}
.hub-create-department-row input,.hub-create-department-row select{width:100%;height:39px;padding:0 10px;border:1px solid rgba(255,255,255,.07);border-radius:8px;outline:0;background:#151d28;color:#edf1f6;font-size:10px}
.hub-create-department-row>button{width:34px;height:39px;border:1px solid rgba(255,255,255,.06);border-radius:8px;background:transparent;color:#778294;font-size:17px}
.hub-create-department-row>button:hover{border-color:rgba(255,91,110,.22);color:#ff8493}
.hub-create-department-add{width:100%;height:42px;margin-top:10px;border:1px dashed rgba(124,92,255,.24);border-radius:9px;background:rgba(124,92,255,.035);color:#a99ef3;font-size:10px;font-weight:800}

/* Functional settings center */
.hub-settings-page{max-width:1080px!important}
.hub-settings-v2-head{margin-bottom:18px}.hub-settings-v2-head>span,.hub-settings-v2-title>span{color:#8f83ea;font-size:9px;font-weight:850;letter-spacing:.13em}.hub-settings-v2-head h1{margin:5px 0;font-size:30px;letter-spacing:-.04em}.hub-settings-v2-head p,.hub-settings-v2-title p{margin:0;color:#7b8698;font-size:10px}
.hub-settings-v2-shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:520px;border:1px solid rgba(255,255,255,.06);border-radius:13px;background:#101721;overflow:hidden}
.hub-settings-v2-nav{display:grid;align-content:start;gap:5px;padding:13px;border-right:1px solid rgba(255,255,255,.055);background:#0e141d}
.hub-settings-v2-nav button{display:block;padding:11px 12px;border:1px solid transparent;border-radius:9px;background:transparent;color:#8a95a6;text-align:left}
.hub-settings-v2-nav button strong,.hub-settings-v2-nav button small{display:block}.hub-settings-v2-nav button strong{font-size:10px}.hub-settings-v2-nav button small{margin-top:3px;color:#626e80;font-size:8px}.hub-settings-v2-nav button:hover,.hub-settings-v2-nav button.active{border-color:rgba(124,92,255,.14);background:rgba(124,92,255,.075);color:#dcd8ff}.hub-settings-v2-nav button.active small{color:#8f87c9}
.hub-settings-v2-content{padding:22px}.hub-settings-v2-panel{display:none}.hub-settings-v2-panel.active{display:block}.hub-settings-v2-title{padding-bottom:17px;margin-bottom:17px;border-bottom:1px solid rgba(255,255,255,.055)}.hub-settings-v2-title h2{margin:5px 0;font-size:19px}.hub-settings-v2-panel .hub-settings-grid .wide{grid-column:1/-1}

/* Profile account menu */
.hub-account-dropdown-v3{right:0;width:360px;padding:0;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:#0f151e;box-shadow:0 22px 60px rgba(0,0,0,.45);overflow:hidden}
.hub-account-dropdown-v3-profile{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:11px;align-items:center;padding:15px;border-bottom:1px solid rgba(255,255,255,.055);background:linear-gradient(135deg,rgba(124,92,255,.08),rgba(57,208,255,.025))}
.hub-account-dropdown-v3-avatar{width:48px;height:48px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(124,92,255,.25);border-radius:12px;background:#1b2330;color:#b5abff;font-weight:850}.hub-account-dropdown-v3-avatar img{width:100%;height:100%;object-fit:cover}
.hub-account-dropdown-v3-profile div>*{display:block}.hub-account-dropdown-v3-profile small{color:#8f83ea;font-size:7px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.hub-account-dropdown-v3-profile strong{margin-top:3px;font-size:12px}.hub-account-dropdown-v3-profile div>span{margin-top:3px;color:#6f7a8c;font-size:8px}.hub-account-dropdown-v3-profile>button{height:30px;padding:0 9px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:rgba(255,255,255,.035);color:#abb5c4;font-size:8px;font-weight:750}
.hub-account-dropdown-v3-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px}.hub-account-dropdown-v3-grid>button{display:grid;grid-template-columns:31px minmax(0,1fr);gap:9px;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.045);border-radius:9px;background:#121923;color:inherit;text-align:left}.hub-account-dropdown-v3-grid>button:hover{border-color:rgba(124,92,255,.16);background:#151d29}.hub-account-dropdown-v3-grid b{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:rgba(124,92,255,.09);color:#a89df3;font-size:9px}.hub-account-dropdown-v3-grid span>*{display:block}.hub-account-dropdown-v3-grid strong{font-size:9px}.hub-account-dropdown-v3-grid small{margin-top:3px;color:#687486;font-size:7px}
.hub-account-dropdown-v3-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;border-top:1px solid rgba(255,255,255,.05);color:#667284;font-size:7px}.hub-account-dropdown-v3-footer button{border:0;background:transparent;color:#ff8c99;font-size:8px;font-weight:800}

/* Flatten the profile into the current dark product theme */
.hub-profile-page-redesign{max-width:1080px!important}.hub-profile-shell{border:1px solid rgba(255,255,255,.06)!important;border-radius:14px!important;background:#101721!important;box-shadow:none!important;overflow:hidden}.hub-profile-banner-redesign{height:190px!important;background-color:#111925!important;background-image:linear-gradient(120deg,rgba(56,90,180,.18),rgba(112,67,190,.16))}.hub-profile-header-redesign{padding:0 24px 20px!important}.hub-profile-avatar-xl{border:5px solid #101721!important;border-radius:16px!important;background:#1a2330!important}.hub-profile-reference-grid{gap:12px!important;padding:0 20px 20px!important}.hub-profile-ref-card{border:1px solid rgba(255,255,255,.055)!important;border-radius:11px!important;background:#121923!important;box-shadow:none!important}.hub-profile-rank-pill{background:rgba(124,92,255,.08)!important;color:#a99ef3!important}

@media(max-width:760px){.hub-create-department-row{grid-template-columns:1fr}.hub-create-department-row>button{width:100%}.hub-settings-v2-shell{grid-template-columns:1fr}.hub-settings-v2-nav{grid-template-columns:repeat(2,1fr);border-right:0;border-bottom:1px solid rgba(255,255,255,.055)}.hub-account-dropdown-v3{width:min(360px,calc(100vw - 20px))}}

/* User-selected whole-site appearance */
:root{--site-primary:#7c5cff;--site-secondary:#39d0ff}
body[data-hub-background="midnight"] .hub-desktop{background:radial-gradient(circle at 15% 15%,color-mix(in srgb,var(--site-primary) 16%,transparent),transparent 34%),radial-gradient(circle at 88% 82%,color-mix(in srgb,var(--site-secondary) 10%,transparent),transparent 34%),#080c13}
body[data-hub-background="aurora"] .hub-desktop{background:radial-gradient(ellipse at 15% 20%,color-mix(in srgb,var(--site-secondary) 20%,transparent),transparent 38%),radial-gradient(ellipse at 75% 12%,color-mix(in srgb,var(--site-primary) 22%,transparent),transparent 40%),linear-gradient(155deg,#070c15,#0b111b 58%,#080b13)}
body[data-hub-background="carbon"] .hub-desktop{background-color:#090c11;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:32px 32px}
body[data-hub-background="sunset"] .hub-desktop{background:radial-gradient(circle at 10% 85%,color-mix(in srgb,var(--site-primary) 18%,transparent),transparent 38%),radial-gradient(circle at 88% 12%,rgba(255,105,105,.13),transparent 34%),linear-gradient(145deg,#0a0c13,#100d17 52%,#0a0d14)}
.hub-primary-btn,.hub-community-browser-actions>button:first-child,.hub-messages-v3-composer>button{background:linear-gradient(135deg,var(--site-primary),var(--site-secondary))!important}
.hub-nav-btn.active{border-color:color-mix(in srgb,var(--site-primary) 35%,transparent)!important;background:color-mix(in srgb,var(--site-primary) 12%,#151820)!important}

/* Restored classic settings card */
.hub-settings-classic{display:grid;gap:0;max-width:900px!important;padding:0!important;overflow:hidden}
.hub-settings-classic>section{padding:22px;border-bottom:1px solid rgba(255,255,255,.055)}
.hub-settings-classic .hub-settings-heading{margin:0 0 16px}.hub-settings-classic .hub-settings-heading span{color:var(--site-primary);font-size:8px;font-weight:850;letter-spacing:.13em}.hub-settings-classic .hub-settings-heading h2{margin:5px 0 0;font-size:16px}
.hub-settings-classic .hub-settings-actions{padding:18px 22px;margin:0;border:0}.hub-settings-classic>.form-message{margin:0 22px 18px}
.hub-settings-color-grid input[type="color"]{height:48px;padding:5px;cursor:pointer}
.hub-settings-backgrounds{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.hub-background-choice{position:relative;cursor:pointer}.hub-background-choice input{position:absolute;opacity:0;pointer-events:none}.hub-background-choice>span{height:68px;display:block;border:1px solid rgba(255,255,255,.07);border-radius:10px}.hub-background-choice strong{display:block;margin-top:7px;color:#8994a5;font-size:8px}.hub-background-choice input:checked+span{border-color:var(--site-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--site-primary) 18%,transparent)}.hub-background-choice input:checked~strong{color:#e9edf4}.hub-background-choice.midnight>span{background:radial-gradient(circle at 20% 20%,#352a6b,transparent 45%),linear-gradient(145deg,#080c13,#111a28)}.hub-background-choice.aurora>span{background:radial-gradient(circle at 20% 30%,#125b70,transparent 42%),radial-gradient(circle at 78% 15%,#463778,transparent 42%),#09101a}.hub-background-choice.carbon>span{background-color:#0b0e13;background-image:linear-gradient(#242832 1px,transparent 1px),linear-gradient(90deg,#242832 1px,transparent 1px);background-size:14px 14px}.hub-background-choice.sunset>span{background:radial-gradient(circle at 82% 15%,#66383e,transparent 44%),radial-gradient(circle at 15% 80%,#3d295e,transparent 44%),#0b0d14}

/* Banner remains visible on Your Communities cards */
.hub-communities-page .hub-community-browser-card{grid-template-columns:150px minmax(0,1fr)}
.hub-communities-page .hub-community-browser-banner{width:150px;height:100%;min-height:150px}
.hub-communities-page .hub-community-browser-banner>img{display:block!important;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5;filter:saturate(.8)}
.hub-communities-page .hub-community-browser-logo{z-index:2}

/* Compact macOS-style account dropdown */
.hub-account-dropdown-v4{right:0;width:290px;padding:8px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(20,24,32,.96);backdrop-filter:blur(24px);box-shadow:0 20px 55px rgba(0,0,0,.48)}
.hub-account-dropdown-v4-profile{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border:0;border-radius:9px;background:transparent;color:inherit;text-align:left}.hub-account-dropdown-v4-profile:hover{background:rgba(255,255,255,.045)}.hub-account-dropdown-v4-profile>span{width:42px;height:42px;display:grid;place-items:center;overflow:hidden;border-radius:11px;background:#232b38;font-weight:850}.hub-account-dropdown-v4-profile>span img{width:100%;height:100%;object-fit:cover}.hub-account-dropdown-v4-profile strong,.hub-account-dropdown-v4-profile small{display:block}.hub-account-dropdown-v4-profile strong{font-size:11px}.hub-account-dropdown-v4-profile small{margin-top:3px;color:#788496;font-size:7px}.hub-account-dropdown-v4-profile>b{color:#687486;font-size:18px}
.hub-account-dropdown-v4-list{margin:6px 0;padding:6px 0;border-top:1px solid rgba(255,255,255,.055);border-bottom:1px solid rgba(255,255,255,.055)}.hub-account-dropdown-v4-list button{width:100%;height:35px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border:0;border-radius:7px;background:transparent;color:#c8ced7;font-size:9px;font-weight:700}.hub-account-dropdown-v4-list button:hover{background:color-mix(in srgb,var(--site-primary) 13%,transparent);color:#fff}.hub-account-dropdown-v4-list em{min-width:17px;height:17px;display:grid;place-items:center;border-radius:99px;background:rgba(255,255,255,.055);color:#8792a3;font-size:7px;font-style:normal}
.hub-account-dropdown-v4-signout{width:100%;height:34px;border:0;border-radius:7px;background:transparent;color:#ff8d99;text-align:left;padding:0 10px;font-size:9px;font-weight:750}.hub-account-dropdown-v4-signout:hover{background:rgba(255,92,110,.07)}

@media(max-width:760px){.hub-settings-backgrounds{grid-template-columns:repeat(2,1fr)}.hub-communities-page .hub-community-browser-card{grid-template-columns:100px minmax(0,1fr)}.hub-communities-page .hub-community-browser-banner{width:100px}}

/* Additional generated theme presets */
body[data-hub-background="ocean"] .hub-desktop{background:radial-gradient(circle at 16% 20%,rgba(24,112,162,.22),transparent 38%),radial-gradient(circle at 82% 78%,rgba(33,82,132,.17),transparent 36%),linear-gradient(145deg,#061019,#07141e 55%,#080d14)}
body[data-hub-background="ember"] .hub-desktop{background:radial-gradient(circle at 80% 15%,rgba(183,72,45,.17),transparent 38%),radial-gradient(circle at 12% 86%,rgba(111,48,35,.13),transparent 36%),#0c0c10}
body[data-hub-background="forest"] .hub-desktop{background:radial-gradient(circle at 16% 18%,rgba(34,104,73,.17),transparent 38%),radial-gradient(circle at 84% 80%,rgba(22,70,57,.12),transparent 34%),linear-gradient(145deg,#07100d,#09110f 55%,#090d11)}
.hub-background-choice.ocean>span{background:radial-gradient(circle at 18% 20%,#176487,transparent 45%),linear-gradient(145deg,#07111a,#0a2230)}.hub-background-choice.ember>span{background:radial-gradient(circle at 80% 18%,#813f2c,transparent 45%),linear-gradient(145deg,#110b0b,#291511)}.hub-background-choice.forest>span{background:radial-gradient(circle at 20% 20%,#285e48,transparent 45%),linear-gradient(145deg,#08110e,#10241a)}.hub-background-choice.violet>span{background:radial-gradient(circle at 20% 20%,#563882,transparent 45%),linear-gradient(145deg,#0d0a14,#261839)}

/* Clickable classic settings categories */
.hub-settings-classic-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:10px;border-bottom:1px solid rgba(255,255,255,.055);background:#0e141d}.hub-settings-classic-nav button{height:38px;border:1px solid transparent;border-radius:8px;background:transparent;color:#788496;font-size:9px;font-weight:750}.hub-settings-classic-nav button:hover,.hub-settings-classic-nav button.active{border-color:color-mix(in srgb,var(--site-primary) 20%,transparent);background:color-mix(in srgb,var(--site-primary) 9%,transparent);color:#e5e1ff}.hub-settings-classic-panel{display:none}.hub-settings-classic-panel.active{display:block}

/* Community card returns to a full-width banner */
.hub-communities-page .hub-community-browser-card{display:block!important;min-height:0!important;padding:0!important;overflow:hidden!important}
.hub-communities-page .hub-community-browser-banner{position:relative!important;width:100%!important;height:116px!important;min-height:116px!important;border-bottom:1px solid rgba(255,255,255,.045)!important}
.hub-communities-page .hub-community-browser-banner>img{display:block!important;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.52!important;filter:saturate(.82) contrast(.95)}
.hub-communities-page .hub-community-browser-banner::after{background:linear-gradient(180deg,rgba(7,10,16,.05),rgba(7,10,16,.72))!important}
.hub-communities-page .hub-community-browser-logo{left:16px!important;bottom:13px!important}
.hub-communities-page .hub-community-facts{grid-template-columns:repeat(3,1fr)!important}

/* LX button language: dark, restrained, and consistent */
.hub-community-browser-actions button,.hub-create-community-btn,.hub-primary-btn,.hub-secondary-btn,.hub-community-admin-inline,.hub-notifications-v2-head-actions button{border:1px solid rgba(255,255,255,.075)!important;border-radius:9px!important;background:#171e2a!important;color:#cbd2dc!important;box-shadow:none!important;font-weight:750!important}.hub-community-browser-actions button:hover,.hub-create-community-btn:hover,.hub-primary-btn:hover,.hub-secondary-btn:hover,.hub-community-admin-inline:hover{border-color:color-mix(in srgb,var(--site-primary) 36%,transparent)!important;background:color-mix(in srgb,var(--site-primary) 11%,#171e2a)!important;color:#fff!important;transform:translateY(-1px)}.hub-community-browser-actions button:first-child,.hub-primary-btn{background:linear-gradient(135deg,color-mix(in srgb,var(--site-primary) 72%,#1b2230),color-mix(in srgb,var(--site-secondary) 38%,#1b2230))!important;color:#fff!important}

/* Community member profile directory */
.hub-community-member-directory{display:grid;gap:13px}.hub-community-member-directory-head{display:flex;align-items:end;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid rgba(255,255,255,.055)}.hub-community-member-directory-head span{color:var(--site-primary);font-size:8px;font-weight:850;letter-spacing:.12em}.hub-community-member-directory-head h3{margin:5px 0 3px;font-size:18px}.hub-community-member-directory-head p{margin:0;color:#778294;font-size:9px}.hub-community-member-directory-head>strong{font-size:22px}.hub-community-member-list{display:grid;gap:7px}.hub-community-member-list>button{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto;gap:11px;align-items:center;padding:10px 12px;border:1px solid rgba(255,255,255,.05);border-radius:10px;background:#121923;color:inherit;text-align:left}.hub-community-member-list>button:hover{border-color:color-mix(in srgb,var(--site-primary) 22%,transparent);background:#151d28}.hub-community-member-avatar{width:40px;height:40px;display:grid;place-items:center;overflow:hidden;border-radius:10px;background:#202938;color:#afa5f4;font-weight:850}.hub-community-member-avatar img{width:100%;height:100%;object-fit:cover}.hub-community-member-list button>span:nth-child(2)>*{display:block}.hub-community-member-list button>span:nth-child(2)>strong{font-size:10px}.hub-community-member-list button>span:nth-child(2)>small{margin-top:3px;color:#6d798b;font-size:7px}.hub-community-member-list em{padding:4px 7px;border-radius:99px;background:color-mix(in srgb,var(--site-primary) 10%,transparent);color:#a99ff0;font-size:7px;font-style:normal;font-weight:800}.hub-community-member-list b{color:#7b8799;font-size:8px}

/* Account dropdown v5 uses the site's blue-violet treatment */
.hub-account-dropdown-v5{padding:0!important;overflow:hidden;background:#0e151f!important}.hub-account-dropdown-v5-kicker{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-bottom:1px solid rgba(255,255,255,.05);background:linear-gradient(90deg,color-mix(in srgb,var(--site-primary) 14%,transparent),color-mix(in srgb,var(--site-secondary) 5%,transparent))}.hub-account-dropdown-v5-kicker span{color:#929daf;font-size:7px;font-weight:850;letter-spacing:.13em}.hub-account-dropdown-v5-kicker i{width:7px;height:7px;border-radius:50%;background:#52d795;box-shadow:0 0 0 4px rgba(82,215,149,.07)}.hub-account-dropdown-v5 .hub-account-dropdown-v4-profile{padding:13px}.hub-account-dropdown-v5 .hub-account-dropdown-v4-list{margin:0;padding:7px}.hub-account-dropdown-v5-bottom{display:flex;align-items:center;justify-content:space-between;padding:7px 9px 7px 13px;border-top:1px solid rgba(255,255,255,.05)}.hub-account-dropdown-v5-bottom small{color:#5f6b7c;font-size:7px}.hub-account-dropdown-v5-bottom .hub-account-dropdown-v4-signout{width:auto;padding:0 8px}

/* Completely refreshed profile composition; content remains unchanged */
.hub-profile-page-v3{max-width:1120px!important}.hub-profile-page-v3 .hub-profile-shell{overflow:visible!important;border:0!important;background:transparent!important}.hub-profile-page-v3 .hub-profile-banner-redesign{height:220px!important;border:1px solid rgba(255,255,255,.06);border-radius:15px!important;background-color:#101721!important;overflow:hidden}.hub-profile-page-v3 .hub-profile-header-redesign{position:relative;z-index:3;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;margin:-58px 18px 15px;padding:16px 18px!important;border:1px solid rgba(255,255,255,.065);border-radius:13px;background:rgba(15,22,32,.94);backdrop-filter:blur(18px)}.hub-profile-page-v3 .hub-profile-avatar-wrap{margin:0!important}.hub-profile-page-v3 .hub-profile-avatar-xl{width:88px!important;height:88px!important;border:4px solid #111923!important}.hub-profile-page-v3 .hub-profile-identity{align-self:center}.hub-profile-page-v3 .hub-profile-identity h1{font-size:25px!important}.hub-profile-page-v3 .hub-profile-reference-grid{display:grid!important;grid-template-columns:minmax(300px,.8fr) minmax(0,1.4fr)!important;gap:12px!important;padding:0 18px 20px!important}.hub-profile-page-v3 .hub-profile-reference-left,.hub-profile-page-v3 .hub-profile-reference-right{display:grid;align-content:start;gap:12px}.hub-profile-page-v3 .hub-profile-ref-card{padding:16px!important;border-radius:12px!important;background:#111923!important}.hub-profile-page-v3 .hub-profile-points-card{background:linear-gradient(145deg,color-mix(in srgb,var(--site-primary) 8%,#111923),#111923)!important}.hub-profile-page-v3 .hub-profile-ref-title-row{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.05)}

@media(max-width:760px){.hub-settings-classic-nav{grid-template-columns:repeat(2,1fr)}.hub-community-member-list>button{grid-template-columns:40px minmax(0,1fr) auto}.hub-community-member-list b{display:none}.hub-profile-page-v3 .hub-profile-header-redesign,.hub-profile-page-v3 .hub-profile-reference-grid{grid-template-columns:1fr!important}.hub-profile-page-v3 .hub-profile-header-redesign{align-items:start}.hub-profile-page-v3 .hub-profile-actions-redesign{justify-self:start}}

/* Settings navigation follows the requested left rail */
.hub-settings-classic{grid-template-columns:190px minmax(0,1fr)!important;align-items:start}
.hub-settings-classic-nav{grid-column:1;grid-row:1/6;display:flex!important;flex-direction:column;gap:4px;min-height:520px;padding:16px 11px!important;border-right:1px solid rgba(255,255,255,.055);border-bottom:0!important;background:#0d131c!important}
.hub-settings-classic-nav button{width:100%;height:42px;padding:0 13px;text-align:left}.hub-settings-classic-nav button.active{position:relative}.hub-settings-classic-nav button.active::before{content:"";position:absolute;left:-11px;top:9px;width:2px;height:24px;border-radius:4px;background:var(--site-primary)}
.hub-settings-classic-panel,.hub-settings-classic>.hub-settings-actions,.hub-settings-classic>.form-message{grid-column:2}.hub-settings-classic-panel{min-height:410px}.hub-settings-classic>.hub-settings-actions{width:auto}.hub-settings-classic>.form-message{width:auto}

/* New soft and high-impact theme set; Midnight remains the default */
body[data-hub-background="moon"] .hub-desktop{background:radial-gradient(circle at 18% 18%,rgba(115,128,168,.16),transparent 40%),radial-gradient(circle at 84% 76%,rgba(78,89,126,.12),transparent 38%),linear-gradient(145deg,#0a0d14,#111621 58%,#0a0d13)}
body[data-hub-background="mist"] .hub-desktop{background:radial-gradient(circle at 20% 16%,rgba(128,116,165,.14),transparent 42%),radial-gradient(circle at 82% 80%,rgba(98,125,145,.11),transparent 40%),linear-gradient(145deg,#0c0e15,#151621 56%,#0b0e14)}
body[data-hub-background="chill"] .hub-desktop{background:radial-gradient(circle at 16% 22%,rgba(57,134,170,.16),transparent 42%),radial-gradient(circle at 86% 78%,rgba(62,92,150,.12),transparent 38%),linear-gradient(145deg,#071018,#0b1720 55%,#090d14)}
body[data-hub-background="electric"] .hub-desktop{background:radial-gradient(circle at 13% 18%,rgba(0,170,255,.34),transparent 38%),radial-gradient(circle at 84% 72%,rgba(54,80,255,.28),transparent 40%),linear-gradient(145deg,#050b14,#081226 55%,#070913)}
body[data-hub-background="neon"] .hub-desktop{background:radial-gradient(circle at 12% 20%,rgba(178,45,255,.34),transparent 40%),radial-gradient(circle at 85% 76%,rgba(88,40,255,.28),transparent 40%),linear-gradient(145deg,#0b0614,#160827 55%,#080911)}
body[data-hub-background="inferno"] .hub-desktop{background:radial-gradient(circle at 15% 20%,rgba(255,56,26,.32),transparent 39%),radial-gradient(circle at 84% 72%,rgba(255,153,0,.22),transparent 40%),linear-gradient(145deg,#120706,#240c08 55%,#0d0809)}
body[data-hub-background="carbon"] .hub-desktop{background-color:#090c11;background-image:radial-gradient(circle at 12% 20%,color-mix(in srgb,var(--site-primary) 18%,transparent),transparent 33%),radial-gradient(circle at 84% 78%,color-mix(in srgb,var(--site-secondary) 12%,transparent),transparent 35%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,auto,32px 32px,32px 32px}
.hub-background-choice.moon>span{background:radial-gradient(circle at 20% 20%,#495268,transparent 46%),linear-gradient(145deg,#0b0e15,#1b2230)}.hub-background-choice.mist>span{background:radial-gradient(circle at 20% 20%,#59506d,transparent 46%),linear-gradient(145deg,#11121a,#22232f)}.hub-background-choice.chill>span{background:radial-gradient(circle at 20% 20%,#24627d,transparent 46%),linear-gradient(145deg,#08121a,#112633)}.hub-background-choice.electric>span{background:radial-gradient(circle at 20% 20%,#008ee2,transparent 44%),linear-gradient(145deg,#06101f,#142a68)}.hub-background-choice.neon>span{background:radial-gradient(circle at 20% 20%,#a126e7,transparent 44%),linear-gradient(145deg,#12071f,#3b1167)}.hub-background-choice.inferno>span{background:radial-gradient(circle at 20% 20%,#e83718,transparent 44%),linear-gradient(145deg,#170706,#6d2511)}
.hub-reset-theme-btn{margin-top:15px;height:36px;padding:0 11px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:#151c26;color:#929daf;font-size:8px;font-weight:750}.hub-reset-theme-btn:hover{border-color:color-mix(in srgb,var(--site-primary) 28%,transparent);color:#fff}

/* Banner is rendered twice (background + image) so no legacy layout can hide it */
.hub-communities-page .hub-community-browser-banner.has-banner{background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important}.hub-communities-page .hub-community-browser-banner.has-banner>img{visibility:visible!important;display:block!important;opacity:.58!important;z-index:0!important}

/* Explain presence instead of an unexplained green dot */
.hub-account-dropdown-v5-kicker em{padding:4px 7px;border:1px solid rgba(82,215,149,.15);border-radius:99px;background:rgba(82,215,149,.07);color:#6ee2ad;font-size:6.5px;font-style:normal;font-weight:800;letter-spacing:.06em;text-transform:uppercase}

/* Profile v4: straightforward banner, identity strip, then clean information columns */
.hub-profile-page-v3 .hub-profile-shell{overflow:hidden!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:15px!important;background:#0d141d!important}
.hub-profile-page-v3 .hub-profile-banner-redesign{height:180px!important;border:0!important;border-radius:0!important}
.hub-profile-page-v3 .hub-profile-header-redesign{position:relative!important;display:grid!important;grid-template-columns:96px minmax(0,1fr) auto!important;align-items:center!important;margin:0!important;padding:18px 22px!important;border:0!important;border-top:1px solid rgba(255,255,255,.05)!important;border-bottom:1px solid rgba(255,255,255,.05)!important;border-radius:0!important;background:#101721!important;backdrop-filter:none!important}
.hub-profile-page-v3 .hub-profile-avatar-wrap{position:relative;margin-top:-58px!important}.hub-profile-page-v3 .hub-profile-avatar-xl{width:88px!important;height:88px!important;border:5px solid #101721!important;border-radius:18px!important}.hub-profile-page-v3 .hub-profile-avatar-edit{right:-2px!important;bottom:-2px!important}
.hub-profile-page-v3 .hub-profile-reference-grid{grid-template-columns:340px minmax(0,1fr)!important;gap:0!important;padding:0!important}.hub-profile-page-v3 .hub-profile-reference-left,.hub-profile-page-v3 .hub-profile-reference-right{gap:0!important}.hub-profile-page-v3 .hub-profile-reference-left{border-right:1px solid rgba(255,255,255,.05)}
.hub-profile-page-v3 .hub-profile-ref-card{margin:0!important;padding:19px 20px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.05)!important;border-radius:0!important;background:#0f161f!important}.hub-profile-page-v3 .hub-profile-ref-card:last-child{border-bottom:0!important}.hub-profile-page-v3 .hub-profile-reference-right .hub-profile-ref-card{background:#111821!important}.hub-profile-page-v3 .hub-profile-points-card{background:linear-gradient(145deg,color-mix(in srgb,var(--site-primary) 7%,#0f161f),#0f161f)!important}

@media(max-width:760px){.hub-settings-classic{grid-template-columns:1fr!important}.hub-settings-classic-nav{grid-column:1;grid-row:auto;min-height:0;border-right:0;border-bottom:1px solid rgba(255,255,255,.055)!important}.hub-settings-classic-panel,.hub-settings-classic>.hub-settings-actions,.hub-settings-classic>.form-message{grid-column:1}.hub-profile-page-v3 .hub-profile-header-redesign,.hub-profile-page-v3 .hub-profile-reference-grid{grid-template-columns:1fr!important}.hub-profile-page-v3 .hub-profile-reference-left{border-right:0}.hub-profile-page-v3 .hub-profile-avatar-wrap{margin-top:-58px!important}}


/* ============================================================
   Account dropdown — larger text, centered identity, red signout
   ============================================================ */
.hub-account-dropdown-v2{
  width:304px!important;
}
.hub-account-dropdown-head-v2{
  min-height:116px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  gap:8px!important;
  padding:14px!important;
  text-align:center!important;
}
.hub-account-dropdown-head-v2 .hub-account-dropdown-avatar{
  width:48px!important;
  height:48px!important;
  flex:0 0 48px!important;
}
.hub-account-dropdown-identity{
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.hub-account-dropdown-label{
  margin:0!important;
  color:#7f8999!important;
  font-size:9px!important;
  font-weight:850!important;
  letter-spacing:.14em!important;
}
.hub-account-dropdown-identity strong{
  margin:5px 0!important;
  color:#f3f5f8!important;
  font-size:17px!important;
  font-weight:820!important;
  line-height:1.15!important;
}
.hub-account-dropdown-identity small{
  margin:0!important;
  color:#9b90ee!important;
  font-size:10px!important;
  font-weight:800!important;
}
.hub-account-dropdown-v2 .hub-account-dropdown-group>button{
  min-height:56px!important;
  padding:10px 12px!important;
}
.hub-account-dropdown-v2 .hub-account-dropdown-group>button>span{
  font-size:13px!important;
  line-height:1.2!important;
}
.hub-account-dropdown-v2 .hub-account-dropdown-group>button>small{
  margin-top:4px!important;
  font-size:9.5px!important;
}
.hub-account-dropdown-v2 .hub-account-signout{
  border:1px solid rgba(255,74,94,.12)!important;
  background:rgba(255,74,94,.055)!important;
}
.hub-account-dropdown-v2 .hub-account-signout:hover{
  border-color:rgba(255,74,94,.22)!important;
  background:rgba(255,74,94,.11)!important;
}
.hub-account-dropdown-v2 .hub-account-signout>span{
  color:#ff6678!important;
  font-size:12px!important;
  font-weight:850!important;
}

/* ============================================================
   Messages v3
   ============================================================ */
.hub-messages-v3{
  width:min(100%,1220px)!important;
  max-width:1220px!important;
}
.hub-messages-v3-page-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:16px;
}
.hub-messages-v3-page-head>div:first-child>span{
  color:#8f83e9;
  font-size:9px;
  font-weight:850;
  letter-spacing:.13em;
}
.hub-messages-v3-page-head h1{
  margin:5px 0 5px;
  font-size:31px;
  letter-spacing:-.045em;
}
.hub-messages-v3-page-head p{
  margin:0;
  color:#7b8697;
  font-size:11px;
}
.hub-messages-v3-page-stat{
  min-width:78px;
  padding:10px 13px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:10px;
  background:rgba(255,255,255,.025);
  text-align:center;
}
.hub-messages-v3-page-stat strong{
  display:block;
  color:#aaa0f3;
  font-size:19px;
}
.hub-messages-v3-page-stat span{
  display:block;
  margin-top:2px;
  color:#788395;
  font-size:8px;
}

.hub-messages-v3-layout{
  height:650px;
  display:grid;
  grid-template-columns:350px minmax(0,1fr);
  border:1px solid rgba(255,255,255,.065);
  border-radius:15px;
  background:rgba(14,20,29,.94);
  overflow:hidden;
}
.hub-messages-v3-sidebar{
  min-width:0;
  border-right:1px solid rgba(255,255,255,.055);
  background:rgba(12,18,26,.88);
}
.hub-messages-v3-search{
  height:64px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 14px;
  border-bottom:1px solid rgba(255,255,255,.05);
}
.hub-messages-v3-search svg{
  width:16px;
  height:16px;
  fill:none;
  stroke:#758092;
  stroke-width:1.8;
}
.hub-messages-v3-search input{
  min-width:0;
  width:100%;
  height:38px;
  border:0;
  outline:0;
  background:transparent;
  color:#edf1f6;
  font-size:11px;
}
.hub-messages-v3-section-label{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px 14px 7px;
}
.hub-messages-v3-section-label span{
  color:#747f91;
  font-size:8px;
  font-weight:850;
  letter-spacing:.1em;
}
.hub-messages-v3-section-label strong{
  color:#8d97a6;
  font-size:9px;
}
.hub-messages-v3-contact-list{
  height:calc(100% - 102px);
  overflow:auto;
  padding:5px 8px 10px;
}
.hub-messages-v3-contact{
  width:100%;
  min-height:72px;
  display:grid;
  grid-template-columns:46px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  padding:10px;
  border:1px solid transparent;
  border-radius:11px;
  background:transparent;
  color:inherit;
  text-align:left;
}
.hub-messages-v3-contact:hover{
  background:rgba(255,255,255,.032);
}
.hub-messages-v3-contact.active{
  border-color:rgba(124,92,255,.16);
  background:rgba(124,92,255,.08);
}
.hub-messages-v3-avatar{
  position:relative;
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:12px;
  background:#1d2633;
  color:#aaa0f3;
  font-size:12px;
  font-weight:820;
}
.hub-messages-v3-avatar.large{
  width:46px;
  height:46px;
}
.hub-messages-v3-avatar img,
.hub-messages-v3-mini-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.hub-messages-v3-avatar i{
  position:absolute;
  right:1px;
  bottom:1px;
  width:10px;
  height:10px;
  border:2px solid #0d141d;
  border-radius:50%;
  background:#626d7d;
}
.hub-messages-v3-avatar i.online{
  background:#51d396;
}
.hub-messages-v3-contact-copy{
  min-width:0;
}
.hub-messages-v3-contact-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.hub-messages-v3-contact-top strong{
  overflow:hidden;
  color:#e9edf3;
  font-size:11px;
  font-weight:760;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.hub-messages-v3-contact-top time{
  flex:0 0 auto;
  color:#657183;
  font-size:7px;
}
.hub-messages-v3-preview{
  display:block;
  overflow:hidden;
  margin-top:5px;
  color:#727e90;
  font-size:8.5px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.hub-messages-v3-preview em{
  color:#929cad;
  font-style:normal;
  font-weight:750;
}
.hub-messages-v3-contact>b{
  min-width:20px;
  height:20px;
  display:grid;
  place-items:center;
  border-radius:99px;
  background:#7163d7;
  color:#fff;
  font-size:8px;
}

.hub-messages-v3-chat{
  min-width:0;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  background:rgba(17,24,33,.92);
}
.hub-messages-v3-chat-head{
  min-height:70px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:10px 15px;
  border-bottom:1px solid rgba(255,255,255,.055);
}
.hub-messages-v3-person{
  display:flex;
  align-items:center;
  gap:11px;
  border:0;
  background:transparent;
  color:inherit;
  text-align:left;
}
.hub-messages-v3-person strong{
  display:block;
  color:#edf1f5;
  font-size:12px;
}
.hub-messages-v3-person small{
  display:block;
  margin-top:3px;
  color:#58d29b;
  font-size:8px;
}
.hub-messages-v3-chat-actions button{
  height:32px;
  padding:0 10px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:8px;
  background:rgba(255,255,255,.025);
  color:#8792a2;
  font-size:8px;
}
.hub-messages-v3-chat-actions button:hover{
  color:#dce2ea;
  background:rgba(255,255,255,.05);
}

.hub-messages-v3-thread{
  overflow:auto;
  padding:20px 24px;
}
.hub-messages-v3-date{
  margin:17px 0 12px;
  color:#667284;
  font-size:7.5px;
  text-align:center;
}
.hub-messages-v3-message-row{
  display:flex;
  align-items:flex-end;
  gap:8px;
  margin:7px 0;
}
.hub-messages-v3-message-row.mine{
  justify-content:flex-end;
}
.hub-messages-v3-message-row.grouped{
  margin-top:3px;
}
.hub-messages-v3-mini-avatar{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  flex:0 0 28px;
  overflow:hidden;
  border-radius:8px;
  background:#202a37;
  color:#a99ef2;
  font-size:8px;
  font-weight:800;
}
.hub-messages-v3-mini-avatar.spacer{
  visibility:hidden;
}
.hub-messages-v3-message-bubble{
  max-width:min(68%,520px);
}
.hub-messages-v3-message-bubble p{
  margin:0;
  padding:10px 12px;
  border-radius:13px;
  color:#dfe4eb;
  font-size:10.5px;
  line-height:1.5;
  white-space:pre-wrap;
  word-break:break-word;
}
.hub-messages-v3-message-bubble small{
  display:block;
  margin-top:4px;
  color:#626e80;
  font-size:6.5px;
}
.hub-messages-v3-message-row.theirs .hub-messages-v3-message-bubble p{
  border-bottom-left-radius:4px;
  background:#1c2531;
}
.hub-messages-v3-message-row.mine .hub-messages-v3-message-bubble{
  text-align:right;
}
.hub-messages-v3-message-row.mine .hub-messages-v3-message-bubble p{
  border-bottom-right-radius:4px;
  background:#6759ce;
  color:#fff;
  text-align:left;
}
.hub-messages-v3-message-row.mine .hub-messages-v3-message-bubble small{
  text-align:right;
}
.hub-messages-v3-empty-chat{
  align-self:center;
  justify-self:center;
  display:grid;
  justify-items:center;
  padding:34px;
  text-align:center;
}
.hub-messages-v3-empty-chat>span{
  color:#8175dd;
  font-size:22px;
}
.hub-messages-v3-empty-chat strong{
  margin-top:8px;
  color:#e8edf2;
  font-size:13px;
}
.hub-messages-v3-empty-chat p{
  margin:5px 0 0;
  color:#748092;
  font-size:9px;
}

.hub-messages-v3-composer{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:9px;
  padding:12px 14px;
  border-top:1px solid rgba(255,255,255,.055);
}
.hub-messages-v3-input-shell{
  display:flex;
  align-items:center;
  min-width:0;
  min-height:42px;
  padding:0 12px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:11px;
  background:#171f2a;
}
.hub-messages-v3-input-shell:focus-within{
  border-color:rgba(124,92,255,.34);
}
.hub-messages-v3-input-shell input{
  width:100%;
  border:0;
  outline:0;
  background:transparent;
  color:#edf1f6;
  font-size:10.5px;
}
.hub-messages-v3-composer>button{
  height:42px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:0 15px;
  border:0;
  border-radius:10px;
  background:#6c5fd3;
  color:#fff;
  font-size:9px;
  font-weight:820;
}
.hub-messages-v3-composer>button:hover{
  background:#786ae0;
}
.hub-messages-v3-composer>button svg{
  width:14px;
  height:14px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
}

.hub-light .hub-account-dropdown-identity strong{
  color:#181c24!important;
}
.hub-light .hub-messages-v3-layout,
.hub-light .hub-messages-v3-page-stat{
  border-color:#dfe3ea!important;
  background:#fff!important;
}
.hub-light .hub-messages-v3-sidebar{
  border-color:#dfe3ea!important;
  background:#f7f8fa!important;
}
.hub-light .hub-messages-v3-chat{
  background:#fff!important;
}
.hub-light .hub-messages-v3-contact-top strong,
.hub-light .hub-messages-v3-person strong,
.hub-light .hub-messages-v3-empty-chat strong{
  color:#18202a!important;
}
.hub-light .hub-messages-v3-input-shell{
  border-color:#d5dbe4!important;
  background:#f7f8fa!important;
}
.hub-light .hub-messages-v3-input-shell input{
  color:#18202a!important;
}
.hub-light .hub-messages-v3-message-row.theirs .hub-messages-v3-message-bubble p{
  background:#e9edf3!important;
  color:#252c36!important;
}

@media(max-width:820px){
  .hub-messages-v3-page-head{
    align-items:flex-start;
    flex-direction:column;
  }
  .hub-messages-v3-layout{
    height:auto;
    grid-template-columns:1fr;
  }
  .hub-messages-v3-sidebar{
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.055);
  }
  .hub-messages-v3-contact-list{
    max-height:300px;
  }
  .hub-messages-v3-chat{
    min-height:500px;
  }
}


/* Account dropdown identity layout — avatar left, identity stack right */
.hub-account-dropdown-head-v2{
  min-height:86px!important;
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr)!important;
  align-items:center!important;
  justify-content:initial!important;
  gap:13px!important;
  padding:13px!important;
  text-align:left!important;
}

.hub-account-dropdown-head-v2 .hub-account-dropdown-avatar{
  width:52px!important;
  height:52px!important;
  flex:none!important;
  align-self:center!important;
}

.hub-account-dropdown-identity{
  width:auto!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:2px!important;
  text-align:left!important;
}

.hub-account-dropdown-label{
  margin:0!important;
  color:#7f8999!important;
  font-size:9px!important;
  font-weight:850!important;
  line-height:1.2!important;
  letter-spacing:.12em!important;
}

.hub-account-dropdown-identity strong{
  width:100%!important;
  margin:3px 0!important;
  overflow:hidden!important;
  color:#f3f5f8!important;
  font-size:16px!important;
  font-weight:820!important;
  line-height:1.2!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.hub-account-dropdown-identity small{
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  color:#9b90ee!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1.2!important;
}


/* Create Community v2 */
.hub-create-community-v2{width:min(100%,1180px)!important;max-width:1180px!important;margin:0 auto!important}
.hub-create-community-v2-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.hub-create-community-v2-top button{border:0;background:transparent;color:#8e99aa;font-size:11px;font-weight:750}
.hub-create-community-v2-top button:hover{color:#e9edf3}
.hub-create-community-v2-top>span{color:#7369c8;font-size:9px;font-weight:850;letter-spacing:.14em}
.hub-create-community-v2-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:18px}
.hub-create-community-v2-side,.hub-create-community-v2-main{border:1px solid rgba(255,255,255,.06);border-radius:15px;background:#101721}
.hub-create-community-v2-side{padding:25px 23px}
.hub-create-community-v2-kicker{color:#8f83ea;font-size:10px;font-weight:850;letter-spacing:.13em}
.hub-create-community-v2-side h1{margin:9px 0;font-size:29px;line-height:1.05;letter-spacing:-.04em}
.hub-create-community-v2-side>p{margin:0;color:#8590a1;font-size:12px;line-height:1.65}
.hub-create-community-v2-info{display:grid;gap:8px;margin-top:25px}
.hub-create-community-v2-info>div{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px;min-height:45px;padding:9px 10px;border:1px solid rgba(255,255,255,.045);border-radius:10px;background:rgba(255,255,255,.02)}
.hub-create-community-v2-info strong{color:#9b90ee;font-size:10px}.hub-create-community-v2-info span{color:#c5ccd6;font-size:10px;font-weight:700}
.hub-create-community-v2-note{margin-top:22px;padding:13px;border:1px solid rgba(124,92,255,.11);border-radius:10px;background:rgba(124,92,255,.045)}
.hub-create-community-v2-note span{color:#9287e7;font-size:8px;font-weight:850;letter-spacing:.12em}.hub-create-community-v2-note p{margin:5px 0 0;color:#8c97a7;font-size:10px;line-height:1.5}
.hub-create-community-v2-main{padding:20px}.hub-create-community-v2-form{display:grid;gap:14px}
.hub-create-community-v2-section{padding:18px;border:1px solid rgba(255,255,255,.05);border-radius:12px;background:#121a24}
.hub-create-community-v2-section-head{display:flex;align-items:flex-start;gap:11px;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid rgba(255,255,255,.05)}
.hub-create-community-v2-section-head>span{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:rgba(124,92,255,.08);color:#988dea;font-size:9px;font-weight:850}
.hub-create-community-v2-section-head strong{display:block;color:#edf1f5;font-size:14px}.hub-create-community-v2-section-head small{display:block;margin-top:4px;color:#778294;font-size:9.5px}
.hub-create-community-v2-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.hub-create-community-v2-grid .wide{grid-column:1/-1}
.hub-create-community-v2-grid label>span{display:flex;align-items:center;gap:6px;margin-bottom:7px;color:#b8c0cb;font-size:10.5px;font-weight:750}
.hub-create-community-v2-grid label>span em{color:#717d8e;font-size:8px;font-style:normal;font-weight:650}
.hub-create-community-v2-grid input,.hub-create-community-v2-grid textarea{width:100%;border:1px solid rgba(255,255,255,.065);border-radius:9px;outline:0;background:#0f161f;color:#edf1f6;font-size:11px}
.hub-create-community-v2-grid input{height:43px;padding:0 12px}.hub-create-community-v2-grid textarea{min-height:100px;padding:11px 12px;resize:vertical;line-height:1.5}
.hub-create-community-v2-grid input:focus,.hub-create-community-v2-grid textarea:focus{border-color:rgba(124,92,255,.34)}
.hub-create-community-v2-grid label>small{display:block;margin-top:5px;color:#677385;font-size:8px}
.hub-create-community-v2-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:3px}.hub-create-community-v2-actions button{min-height:42px;font-size:10px!important}

/* Community deletion */
.hub-community-danger-zone{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:16px;padding:18px 20px;border:1px solid rgba(255,77,96,.15);border-radius:12px;background:rgba(255,77,96,.035)}
.hub-community-danger-zone>div>span{color:#ff7887;font-size:8px;font-weight:850;letter-spacing:.13em}.hub-community-danger-zone h3{margin:5px 0 4px;color:#f1f4f7;font-size:15px}
.hub-community-danger-zone p{max-width:720px;margin:0;color:#828d9d;font-size:9.5px;line-height:1.5}.hub-community-danger-zone>button{flex:0 0 auto;height:38px;padding:0 13px;border:1px solid rgba(255,75,96,.22);border-radius:9px;background:rgba(255,75,96,.075);color:#ff7c8c;font-size:9px;font-weight:820}
.hub-community-danger-zone>button:hover{background:rgba(255,75,96,.13)}
.hub-community-delete-modal-backdrop{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:20px;background:rgba(3,6,10,.72);backdrop-filter:blur(8px)}
.hub-community-delete-modal{position:relative;width:min(100%,470px);padding:24px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:#111821;box-shadow:0 24px 70px rgba(0,0,0,.46)}
.hub-community-delete-close{position:absolute;top:10px;right:11px;width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:#758093;font-size:20px}.hub-community-delete-close:hover{background:rgba(255,255,255,.04);color:#e7ebf0}
.hub-community-delete-kicker{color:#ff7887;font-size:8px;font-weight:850;letter-spacing:.14em}.hub-community-delete-modal h2{margin:6px 0 8px;font-size:23px;letter-spacing:-.035em}.hub-community-delete-modal>p{margin:0;color:#8792a2;font-size:10.5px;line-height:1.55}
.hub-community-delete-email{margin-top:16px;padding:12px 13px;border:1px solid rgba(255,255,255,.055);border-radius:9px;background:#0e151e}.hub-community-delete-email span{display:block;color:#6f7b8d;font-size:7.5px;font-weight:850;letter-spacing:.1em}.hub-community-delete-email strong{display:block;margin-top:5px;color:#dfe4ea;font-size:10.5px}
.hub-community-delete-send{width:100%;height:39px;margin-top:10px;border:1px solid rgba(124,92,255,.16);border-radius:9px;background:rgba(124,92,255,.075);color:#aca2f5;font-size:9.5px;font-weight:800}.hub-community-delete-send:disabled{opacity:.55}
.hub-community-delete-status{margin-top:9px;color:#7a8697;font-size:8.5px;line-height:1.45}.hub-community-delete-status.success{color:#69dba8}.hub-community-delete-status.error{color:#ff8290}
.hub-community-delete-code{display:block;margin-top:15px}.hub-community-delete-code span{display:block;margin-bottom:6px;color:#aeb7c3;font-size:9px;font-weight:750}
.hub-community-delete-code input{width:100%;height:44px;padding:0 12px;border:1px solid rgba(255,255,255,.075);border-radius:9px;outline:0;background:#0d141d;color:#f0f3f6;font-size:16px;letter-spacing:.25em;text-align:center}
.hub-community-delete-code input[type="password"]{font-size:13px;letter-spacing:normal;text-align:left}
.hub-community-delete-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.hub-community-delete-actions button{height:38px;padding:0 12px;border:1px solid rgba(255,255,255,.065);border-radius:8px;background:rgba(255,255,255,.025);color:#919cac;font-size:9px;font-weight:750}
.hub-community-delete-actions .danger{border-color:rgba(255,73,94,.18);background:rgba(255,73,94,.08);color:#ff7889}.hub-community-delete-actions .danger:disabled{opacity:.4}

.hub-light .hub-create-community-v2-side,.hub-light .hub-create-community-v2-main,.hub-light .hub-create-community-v2-section,.hub-light .hub-community-delete-modal{border-color:#dce1e9!important;background:#fff!important}
.hub-light .hub-create-community-v2-grid input,.hub-light .hub-create-community-v2-grid textarea,.hub-light .hub-community-delete-email,.hub-light .hub-community-delete-code input{border-color:#d8dde5!important;background:#f7f8fa!important;color:#18202a!important}
.hub-light .hub-create-community-v2-side h1,.hub-light .hub-create-community-v2-section-head strong,.hub-light .hub-community-danger-zone h3{color:#18202a!important}

@media(max-width:850px){.hub-create-community-v2-layout{grid-template-columns:1fr}.hub-create-community-v2-grid{grid-template-columns:1fr}.hub-create-community-v2-grid .wide{grid-column:auto}.hub-community-danger-zone{align-items:flex-start;flex-direction:column}}


/* Home character action: edit only, pinned right */
.hub-home-character-edit-only{
  margin-left:auto!important;
  justify-content:flex-end!important;
  min-width:44px!important;
}
.hub-home-character-launch-btn{display:none!important}
.hub-home-launch-character-main{cursor:pointer!important}

/* ========================================================================== */
/* LX identity refresh — shared visual system                                 */
/* ========================================================================== */

:root {
  --bg: #05070c;
  --panel: #0c1018;
  --panel-raised: #111622;
  --panel-soft: rgba(255,255,255,.035);
  --border: rgba(157,174,208,.13);
  --border-strong: rgba(157,174,208,.22);
  --text: #f7f9ff;
  --muted: #8c96aa;
  --accent: #6558ff;
  --accent-2: #2ca8ff;
  --violet: #8b4dff;
  --danger: #ff607c;
  --success: #41d69b;
  --shadow: 0 22px 60px rgba(0,0,0,.38);
  --lx-gradient: linear-gradient(110deg,#2ca8ff 0%,#6558ff 48%,#8b4dff 100%);
}

html,body {
  background:
    radial-gradient(circle at 0 12%,rgba(31,112,255,.11),transparent 32rem),
    radial-gradient(circle at 100% 88%,rgba(111,53,224,.10),transparent 34rem),
    #05070c;
}

body::before {
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.18;
  background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:100% 4px;
}

button,input,select,textarea { font-family:inherit; }
button { transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease; }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {
  outline:2px solid #58b8ff;
  outline-offset:2px;
}

/* Authentication */
.auth-shell { grid-template-columns:minmax(520px,1.12fr) minmax(420px,.88fr); background:#05070c; }
.brand-panel {
  align-items:flex-end;
  isolation:isolate;
  min-height:100vh;
  padding:clamp(42px,5vw,76px);
  background:#05070c;
}
.brand-panel::after { display:none; }
.brand-panel-art {
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(180deg,rgba(3,5,10,.04) 45%,rgba(3,5,10,.86) 100%),
    url('assets/lx-logo.png') center/cover no-repeat;
  transform:scale(1.015);
}
.brand-panel::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,transparent 65%,rgba(5,7,12,.56));
}
.brand-copy { max-width:620px; }
.brand-copy p { display:none; }
.kicker { color:#8dcfff; font-size:12px; letter-spacing:.28em; margin-bottom:18px; }
.brand-title { font-size:clamp(42px,5.2vw,74px); line-height:.98; letter-spacing:-.055em; margin:0; }
.brand-title span { background:linear-gradient(90deg,#fff,#b7ccff 60%,#a78bff); -webkit-background-clip:text; }
.auth-panel {
  padding:clamp(32px,5vw,72px);
  border-left:1px solid var(--border);
  background:rgba(6,8,13,.92);
  backdrop-filter:blur(26px);
}
.auth-card { width:min(100%,440px); }
.logo-row { margin-bottom:54px; gap:13px; }
.logo-mark {
  width:46px;
  height:46px;
  padding:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  background:#080b12;
  box-shadow:none;
}
.logo-mark img { width:100%;height:100%;object-fit:cover;display:block; }
.logo-text { font-size:20px; line-height:1; }
.logo-byline { color:#758096;font-size:10px;font-weight:700;letter-spacing:.16em;margin-top:5px;text-transform:uppercase; }
.auth-heading { margin-bottom:28px; }
.auth-card h2 { font-size:34px; letter-spacing:-.045em; }
.auth-sub { margin:9px 0 0; color:#8792a7; }
.form-grid { gap:18px; }
.field label { color:#c9d0dd; font-size:12px; letter-spacing:.02em; }
.field input {
  height:52px;
  border-radius:10px;
  border-color:var(--border);
  background:#0a0e16;
  padding:0 15px;
}
.field input:hover { border-color:var(--border-strong); }
.field input:focus { border-color:#6558ff;box-shadow:0 0 0 3px rgba(101,88,255,.13); }
.primary-btn,.hub-primary-btn {
  min-height:48px;
  border-radius:9px;
  border:1px solid rgba(138,122,255,.55);
  background:linear-gradient(115deg,#345cff,#7252ee);
  box-shadow:0 12px 30px rgba(65,62,215,.19);
}
.primary-btn:hover,.hub-primary-btn:hover { transform:translateY(-1px);filter:brightness(1.08); }
.password-toggle { border:1px solid var(--border);background:#101520; }
.switch-copy { border-top:1px solid var(--border);padding-top:22px;margin-top:26px; }

/* Global application shell */
.hub-desktop { min-height:100vh;background:transparent; }
.hub-topbar.hub-floating-nav {
  top:0;
  width:100%;
  min-height:56px;
  padding:0 14px;
  border:0;
  border-bottom:1px solid var(--border);
  border-radius:0;
  background:rgba(6,8,13,.88);
  box-shadow:none;
  backdrop-filter:blur(24px) saturate(130%);
}
.hub-topbar-left { gap:22px; }
.hub-brand-group { gap:10px; }
.hub-brand-group > small { color:#626d83;font-size:9px;font-weight:800;letter-spacing:.18em;margin-left:-4px; }
.hub-mini-logo { width:34px;height:34px;border-radius:9px;border:1px solid var(--border-strong);overflow:hidden;box-shadow:none; }
.hub-mini-logo img { width:100%;height:100%;object-fit:cover; }
.hub-title { font-size:18px;letter-spacing:-.035em; }
.hub-nav {
  align-self:center;
  gap:4px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
}
.hub-nav-btn {
  position:relative;
  height:30px;
  padding:0 14px;
  border:1px solid transparent!important;
  border-radius:7px!important;
  background:transparent!important;
  color:#7f899d!important;
  font-size:14px;
  font-weight:600;
}
.hub-nav-btn::after { display:none; }
.hub-nav-btn:hover,.hub-nav-btn.active { color:#f6f8ff!important; }
.hub-nav-btn:hover { background:rgba(255,255,255,.035)!important; }
.hub-nav-btn.active {
  border-color:rgba(255,255,255,.035)!important;
  background:#1a1b27!important;
  box-shadow:0 1px 2px rgba(0,0,0,.22);
  backdrop-filter:none;
}
.hub-nav-btn:disabled,
.hub-nav-btn[aria-current="page"] {
  cursor:default!important;
  opacity:1!important;
  pointer-events:none!important;
}
.hub-utility-actions { display:flex;align-items:center;gap:8px;margin-left:auto;margin-right:10px; }
.hub-utility-btn {
  position:relative;
  width:38px;height:38px;
  border:1px solid transparent;
  border-radius:10px;
  color:#929caf;
  background:transparent;
}
.hub-utility-btn:hover { color:#fff;border-color:var(--border);background:rgba(255,255,255,.035); }
.hub-utility-btn b { position:absolute;right:3px;top:2px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#6958ff;color:white;font-size:9px;line-height:16px; }
.hub-account-trigger { border-color:transparent;background:transparent; }
.hub-account-trigger:hover { border-color:var(--border);background:rgba(255,255,255,.035); }
.hub-account-dropdown-v2 { border:1px solid var(--border-strong);border-radius:12px;background:#0b0f17;box-shadow:0 26px 70px rgba(0,0,0,.5); }
.hub-main { padding-top:56px; }
.hub-standard-page { width:min(1180px,calc(100% - 48px));padding:54px 0 80px; }
.hub-standard-page > h1,.hub-page-heading-row h1 { font-size:clamp(32px,4vw,48px);letter-spacing:-.05em; }
.hub-eyebrow,.hub-panel-kicker { color:#7495d5;letter-spacing:.18em;font-size:11px; }

/* Dashboard: active community first, quieter supporting surfaces */
.hub-home-launch-pro { width:100%;max-width:none;min-height:calc(100vh - 56px);padding:clamp(34px,5vw,68px) max(24px,calc((100vw - 1180px)/2)); }
.hub-home-launch-pro::before { background:linear-gradient(90deg,rgba(5,7,12,.96) 0%,rgba(5,7,12,.72) 54%,rgba(5,7,12,.90) 100%); }
.hub-home-launch-pro-center { max-width:1100px;margin:0 auto; }
.hub-home-launch-pro-head { max-width:720px;margin:0 auto;padding:0 0 20px;border-bottom:0;text-align:center; }
.hub-home-launch-pro-welcome { color:#7c87a0;font-size:13px;letter-spacing:.02em; }
.hub-home-launch-pro-head h1 { font-size:clamp(32px,4.2vw,52px);letter-spacing:-.05em; }
.hub-home-launch-pro-message { max-width:670px;margin:18px auto 0;border:0;background:transparent;padding:0;justify-content:center; }
.hub-home-community-manage { margin-left:auto!important;margin-right:auto!important; }
.hub-home-create-character { margin-left:auto!important;margin-right:auto!important; }
.hub-home-community-manage,.hub-home-create-character,.hub-home-launch-pro-card { border-radius:10px!important;border-color:var(--border)!important;background:#0b0f17!important;box-shadow:none!important; }
.hub-home-create-character:hover,.hub-home-launch-pro-card:hover { border-color:rgba(101,88,255,.55)!important;background:#0e1320!important;transform:translateY(-2px); }
.hub-home-launch-pro-list { gap:10px;margin-top:20px; }
.hub-home-launch-pro-dept { background:linear-gradient(135deg,rgba(44,168,255,.16),rgba(139,77,255,.18));border:1px solid rgba(101,88,255,.24); }

/* No active community: roleplay community selector */
.hub-home-community-selector { margin:22px auto 0;max-width:1100px; }
.hub-home-community-selector-head { display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:12px; }
.hub-home-community-selector-head span { display:block;color:#72809a;font-size:10px;font-weight:800;letter-spacing:.17em; }
.hub-home-community-selector-head h2 { margin:5px 0 0;font-size:22px;letter-spacing:-.035em; }
.hub-home-community-selector-head button { border:0;background:transparent;color:#8da0c4;font-size:12px;font-weight:700; }
.hub-home-community-selector-head button:hover { color:white; }
.hub-home-community-selector-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
.hub-home-community-choice {
  display:grid;
  grid-template-columns:58px minmax(0,1fr) auto;
  align-items:center;
  min-height:94px;
  padding:16px;
  overflow:hidden;
  text-align:left;
  border:1px solid var(--border);
  border-radius:11px;
  background:rgba(10,14,22,.92);
  color:var(--text);
  box-shadow:none;
}
.hub-home-community-choice:hover:not(:disabled) { transform:translateY(-1px);border-color:rgba(111,104,255,.46);background:#0d121d; }
.hub-home-community-choice.disabled { opacity:.58;cursor:not-allowed; }
.hub-home-community-choice-art { position:relative;display:block;width:54px;height:54px;overflow:hidden;border:1px solid rgba(92,91,255,.35);border-radius:11px;background:linear-gradient(145deg,#182343,#221b4b); }
.hub-home-community-choice-art::after { display:none; }
.hub-home-community-choice-art > img { display:none; }
.hub-home-community-choice-logo { position:absolute;inset:0;z-index:2;display:grid;place-items:center;width:100%;height:100%;overflow:hidden;background:transparent;color:#bbc4e0;font-size:11px;font-weight:850; }
.hub-home-community-choice-logo img { width:100%;height:100%;object-fit:cover; }
.hub-home-community-choice-copy { min-width:0;padding:0 14px; }
.hub-home-community-choice-title { display:flex;align-items:center;gap:9px; }
.hub-home-community-choice-title strong { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px; }
.hub-home-community-choice-title em { padding:3px 7px;border:1px solid var(--border);border-radius:99px;color:#94a1b8;background:rgba(255,255,255,.035);font-size:8px;font-style:normal;font-weight:800;letter-spacing:.07em;text-transform:uppercase; }
.hub-home-community-choice-copy > small { display:block;overflow:hidden;margin-top:7px;color:#8792a6;font-size:11px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap; }
.hub-home-community-choice-meta { display:block;margin-top:8px;color:#59657a;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em; }
.hub-home-community-choice > b { padding:0 4px 0 6px;color:#a9b8d4;font-size:11px;white-space:nowrap; }
.hub-home-community-choice:hover:not(:disabled) > b { color:white; }
.hub-home-community-selector-empty { padding:30px;border:1px dashed var(--border);border-radius:11px;color:#7f8a9d;text-align:center; }

/* Communities become visual horizontal products rather than equal boxes */
.hub-community-overview-grid { gap:0;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#090d14; }
.hub-communities-page { max-width:1100px; }
.hub-communities-page > .hub-eyebrow,.hub-communities-page > h1,.hub-communities-page > p { text-align:center; }
.hub-communities-page > p { max-width:620px;margin-left:auto;margin-right:auto; }
.hub-communities-page > .hub-community-overview-grid { display:none; }
.hub-communities-page .hub-community-browser-head { margin-top:44px; }
.hub-community-group { margin-top:42px; }
.hub-community-group-head { display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:14px; }
.hub-community-group-head span,.hub-community-browser-title span { display:block;color:#69758b;font-size:9px;font-weight:850;letter-spacing:.16em; }
.hub-community-group-head h2,.hub-community-browser-title h2 { margin:5px 0 0;font-size:20px;letter-spacing:-.035em; }
.hub-community-group-head > em { display:grid;place-items:center;min-width:30px;height:25px;padding:0 9px;border:1px solid var(--border);border-radius:99px;background:#0c1119;color:#aeb8ca;font-size:10px;font-style:normal;font-weight:800; }
.hub-community-group-empty { grid-column:1/-1;padding:28px;border:1px dashed var(--border);border-radius:11px;background:rgba(10,14,21,.48);text-align:center; }
.hub-community-group-empty strong { display:block;font-size:13px; }
.hub-community-group-empty p { margin:6px 0 0;color:#737e91;font-size:11px; }

/* Communities page cards: banner identity with a clean information footer */
.hub-communities-page .hub-community-browser-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:14px; }
.hub-communities-page .hub-community-browser-card {
  display:flex;
  flex-direction:column;
  align-items:stretch;
  min-height:242px;
  padding:0;
  border:1px solid rgba(150,165,194,.13);
  border-radius:12px;
  overflow:hidden;
  background:#0a0e15;
}
.hub-communities-page .hub-community-browser-card:hover { transform:translateY(-2px);border-color:rgba(104,93,255,.38);background:#0b1019; }
.hub-communities-page .hub-community-browser-card.active { box-shadow:inset 0 -3px #6558ff; }
.hub-communities-page .hub-community-browser-banner {
  position:relative;
  width:100%;
  height:92px;
  min-height:92px;
  border:0;
  border-radius:0;
  overflow:hidden;
  background:linear-gradient(115deg,#111b30,#1c1631);
}
.hub-communities-page .hub-community-browser-banner > img { display:block;width:100%;height:100%;object-fit:cover;opacity:.42;filter:saturate(.78); }
.hub-communities-page .hub-community-browser-banner::after { display:block;content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,10,16,.05),rgba(7,10,16,.76)); }
.hub-communities-page .hub-community-browser-logo {
  position:absolute!important;
  left:18px!important;
  bottom:14px!important;
  top:auto!important;
  right:auto!important;
  z-index:2;
  width:48px!important;
  height:48px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:10px!important;
  overflow:hidden;
  background:#0b1019!important;
  box-shadow:0 8px 24px rgba(0,0,0,.28);
}
.hub-communities-page .hub-community-browser-logo img { width:100%;height:100%;object-fit:cover; }
.hub-communities-page .hub-community-browser-banner > em { display:block;position:absolute;right:16px;bottom:17px;z-index:2;color:#bac4d6;font-size:9px;font-style:normal;font-weight:700; }
.hub-communities-page .hub-community-browser-copy { display:flex;flex:1;flex-direction:column;width:100%;padding:18px 20px 20px; }
.hub-communities-page .hub-community-title-line { align-items:center;gap:12px; }
.hub-communities-page .hub-community-title-line h3 { margin:0;font-size:16px;letter-spacing:-.025em; }
.hub-communities-page .hub-community-title-line .hub-community-access-state { margin-left:auto; }
.hub-communities-page .hub-community-description { margin-top:12px; }
.hub-communities-page .hub-community-description > span { color:#59667a;font-size:8px;font-weight:800;letter-spacing:.07em;text-transform:uppercase; }
.hub-communities-page .hub-community-description p { margin:5px 0 0;color:#7f8a9e;font-size:11px;line-height:1.5;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; }
.hub-communities-page .hub-community-owner { display:flex;align-items:center;gap:7px;margin-top:9px;color:#667287;font-size:9px; }
.hub-communities-page .hub-community-owner strong { color:#aeb8ca;font-size:10px;font-weight:700; }
.hub-communities-page .hub-community-facts { display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:14px;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--border); }
.hub-communities-page .hub-community-facts div { padding:9px 10px;background:#0c111a; }
.hub-communities-page .hub-community-facts strong,.hub-communities-page .hub-community-facts span { display:block; }
.hub-communities-page .hub-community-facts strong { color:#dce3ef;font-size:12px; }
.hub-communities-page .hub-community-facts span { margin-top:2px;color:#5f6b7e;font-size:8px;font-weight:750;text-transform:uppercase;letter-spacing:.05em; }
.hub-community-access-state.denied { border-color:rgba(255,96,124,.24)!important;background:rgba(255,96,124,.08)!important;color:#ff899e!important; }
.hub-community-access-state.pending { border-color:rgba(255,184,77,.22)!important;background:rgba(255,184,77,.07)!important;color:#e9bc75!important; }
.hub-community-access-state.approved,.hub-community-access-state.active { border-color:rgba(65,214,155,.22)!important;background:rgba(65,214,155,.07)!important;color:#74ddb2!important; }
.hub-communities-page .hub-community-browser-actions { margin-top:auto;padding-top:16px; }
.hub-communities-page .hub-community-browser-actions button { min-height:34px;padding:0 14px;border-radius:8px!important; }
.hub-community-stat { border:0!important;border-right:1px solid var(--border)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important; }
.hub-community-stat:last-child { border-right:0!important; }
.hub-community-browser-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
.hub-community-browser-card { display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;min-height:118px;padding:18px;border:1px solid var(--border);border-radius:11px;background:#0a0e15;box-shadow:none;overflow:hidden; }
.hub-community-browser-card.active { border-color:rgba(101,88,255,.56);box-shadow:inset 3px 0 #6558ff; }
.hub-community-browser-banner { width:58px;height:58px;min-height:58px;border:1px solid rgba(92,91,255,.34);border-radius:11px;background:linear-gradient(145deg,#182343,#221b4b);overflow:hidden; }
.hub-community-browser-banner > img { display:none; }
.hub-community-browser-banner::after { display:none; }
.hub-community-browser-logo { inset:0!important;width:100%!important;height:100%!important;border:0!important;border-radius:0!important;background:transparent!important; }
.hub-community-browser-copy { align-self:center;padding:0; }
.hub-community-browser-copy p { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.hub-community-browser-actions { margin-top:10px; }
.hub-community-access-state { border:1px solid var(--border);background:rgba(255,255,255,.035); }
.hub-community-browser-actions button,.hub-create-community-btn,.hub-invite-entry button { border-radius:8px!important; }
.hub-manage-community { border:1px solid var(--border);border-radius:12px;background:#090d14;box-shadow:none; }
.hub-manage-tabs,.hub-community-admin-v3-tabs { border-bottom:1px solid var(--border);background:transparent; }
.hub-manage-tabs button,.hub-community-admin-v3-tabs button { border-radius:0!important;background:transparent!important;border:0!important;border-bottom:2px solid transparent!important; }
.hub-manage-tabs button.active,.hub-community-admin-v3-tabs button.active { color:white!important;border-bottom-color:#6558ff!important; }

/* Characters: profile-selector feel */
.hub-character-create-v2 { background:transparent; }
.hub-character-create-v2-layout { width:min(1180px,calc(100% - 48px));margin:0 auto;gap:18px; }
.hub-character-create-v2-side,.hub-character-create-v2-main { border:1px solid var(--border);border-radius:12px;background:#090d14;box-shadow:none; }
.hub-character-create-v2-side { background:linear-gradient(145deg,rgba(33,92,184,.12),rgba(93,51,171,.09)),#090d14; }
.hub-character-create-v2-community,.hub-character-create-v2-section { border-color:var(--border);background:#0b1019; }
.hub-character-create-v2-existing > button { border:1px solid var(--border)!important;border-radius:9px!important;background:#0b1019!important; }
.hub-character-create-v2-existing > button:hover { border-color:rgba(101,88,255,.5)!important; }

/* Settings: two-column navigation and content */
.hub-settings-page { display:grid;grid-template-columns:230px minmax(0,1fr);column-gap:40px;align-items:start; }
.hub-settings-page .hub-page-heading-row { position:sticky;top:104px;display:block; }
.hub-settings-page .hub-page-heading-row::after { content:"Account\A Appearance\A Privacy\A Security";white-space:pre;display:block;margin-top:32px;color:#8791a5;font-size:14px;line-height:3;border-left:1px solid var(--border);padding-left:18px; }
.hub-settings-card { margin:0;border:1px solid var(--border);border-radius:12px;background:#090d14;box-shadow:none; }
.hub-settings-grid,.hub-settings-toggle-list { gap:16px; }
.hub-settings-grid input,.hub-settings-toggle-row { border-color:var(--border)!important;background:#0b1019!important; }

/* Admin and CAD: dense, utilitarian workspaces */
.hub-community-admin-v3,.hub-admin-page,.hub-cad-page { background:#06090f; }
.hub-community-admin-v3-header { min-height:220px; }
.hub-community-admin-v3-header-overlay { background:linear-gradient(90deg,#070a10 0%,rgba(7,10,16,.78) 55%,rgba(7,10,16,.9)); }
.hub-community-admin-v3-tabs { position:sticky;top:56px;z-index:20;background:rgba(7,10,16,.94);backdrop-filter:blur(18px); }
.hub-community-admin-v3-workspace { max-width:1380px; }
.hub-admin-card,.hub-admin-v3-card,.hub-cad-card,.hub-community-admin-v3-workspace section { border-color:var(--border);box-shadow:none; }
.hub-community-admin-v3 { background:transparent!important;padding-bottom:24px!important; }
.hub-community-admin-v3-workspace { min-height:0!important;border:0!important;border-radius:0!important;background:transparent!important; }
table { border-collapse:collapse; }
th { color:#768198;font-size:11px;letter-spacing:.1em;text-transform:uppercase; }
td,th { border-bottom:1px solid var(--border); }

@media (max-width:900px) {
  .auth-shell { grid-template-columns:1fr; }
  .brand-panel { display:none; }
  .auth-panel { min-height:100vh;border-left:0; }
  .hub-topbar.hub-floating-nav { padding:0 16px; }
  .hub-brand-group > small,.hub-account-name { display:none; }
  .hub-nav { gap:18px;overflow-x:auto; }
  .hub-nav-btn { white-space:nowrap; }
  .hub-utility-actions { display:none; }
  .hub-standard-page { width:min(100% - 30px,1180px); }
  .hub-community-browser-grid,.hub-home-community-selector-grid { grid-template-columns:1fr; }
  .hub-communities-page .hub-community-browser-grid { grid-template-columns:1fr; }
  .hub-settings-page { grid-template-columns:1fr; }
  .hub-settings-page .hub-page-heading-row { position:static; }
  .hub-settings-page .hub-page-heading-row::after { display:none; }
  .hub-character-create-v2-layout { width:min(100% - 30px,1180px);grid-template-columns:1fr; }
}

@media (max-width:620px) {
  .hub-title { display:none; }
  .hub-nav { gap:14px; }
  .hub-nav-btn { font-size:12px; }
  .hub-community-overview-grid { grid-template-columns:1fr; }
  .hub-community-stat { border-right:0!important;border-bottom:1px solid var(--border)!important; }
  .hub-community-stat:last-child { border-bottom:0!important; }
  .hub-home-community-choice { grid-template-columns:54px minmax(0,1fr);padding:13px; }
  .hub-home-community-choice-art { width:50px;height:50px; }
  .hub-home-community-choice > b { display:none; }
  .hub-home-community-choice-copy { padding:12px; }
  .hub-home-community-choice-copy > small { white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; }
}

/* ============================================================
   2026-09-01 requested UI pass
   ============================================================ */

/* Community admin: one continuous background matching the identity header. */
.hub-community-admin-v3,
.hub-community-admin-v3-workspace,
.hub-community-admin-v3 .hub-community-profile-v4,
.hub-community-admin-v3 .hub-admin-v3-section {
  background:#070a10!important;
}
.hub-community-admin-v3-workspace {
  margin-top:0!important;
  padding-top:30px!important;
}
.hub-community-admin-v3-tabs {
  background:#070a10!important;
}
.hub-community-admin-v3-header-overlay {
  background:linear-gradient(90deg,rgba(7,10,16,.94),rgba(7,10,16,.78) 58%,rgba(7,10,16,.92))!important;
}

/* Community profile save bar only appears after a field actually changes. */
.hub-community-profile-v4-savebar.is-clean {
  display:none!important;
}
.hub-community-profile-v4-savebar:not(.is-clean) {
  animation:hubDirtySaveIn .16s ease-out;
}
@keyframes hubDirtySaveIn {
  from { opacity:0; transform:translateY(8px); }
  to { opacity:1; transform:translateY(0); }
}

/* Settings: the circled left section is now the actual navigation. */
.hub-settings-page-v6 {
  width:min(1180px,calc(100% - 48px))!important;
  display:grid!important;
  grid-template-columns:260px minmax(0,1fr)!important;
  gap:42px!important;
  align-items:start!important;
  margin:0 auto!important;
}
.hub-settings-page-v6 .hub-page-heading-row,
.hub-settings-page-v6 .hub-settings-classic-nav,
.hub-settings-page-v6::before,
.hub-settings-page-v6::after {
  display:none!important;
}
.hub-settings-side {
  position:sticky;
  top:92px;
  min-height:410px;
  padding:20px 8px 20px 0;
}
.hub-settings-side .hub-eyebrow {
  color:#8f88e8;
  font-size:10px;
  font-weight:850;
  letter-spacing:.14em;
}
.hub-settings-side h1 {
  margin:8px 0 10px;
  font-size:38px;
  letter-spacing:-.045em;
}
.hub-settings-side>p {
  max-width:235px;
  margin:0;
  color:#a4adbb;
  font-size:14px;
  line-height:1.55;
}
.hub-settings-side-nav {
  position:relative;
  display:grid;
  gap:3px;
  margin-top:28px;
  padding-left:16px;
}
.hub-settings-side-nav::before {
  content:"";
  position:absolute;
  left:0;
  top:3px;
  bottom:3px;
  width:1px;
  background:rgba(255,255,255,.08);
}
.hub-settings-side-nav button {
  position:relative;
  height:42px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#858fa1;
  text-align:left;
  padding:0 12px;
  font-size:14px;
  font-weight:650;
}
.hub-settings-side-nav button:hover,
.hub-settings-side-nav button.active {
  color:#f1f3f7;
  background:rgba(255,255,255,.035);
}
.hub-settings-side-nav button.active::before {
  content:"";
  position:absolute;
  left:-17px;
  top:8px;
  width:3px;
  height:26px;
  border-radius:99px;
  background:var(--site-primary);
  box-shadow:0 0 18px color-mix(in srgb,var(--site-primary) 55%,transparent);
}
.hub-settings-content-v6 {
  min-height:520px;
  padding:0!important;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:14px!important;
  background:#0a0f16!important;
}
.hub-settings-content-v6 .hub-settings-classic-panel {
  min-height:455px;
  padding:26px!important;
}
.hub-settings-content-v6 .hub-settings-heading p {
  margin:7px 0 0;
  color:#727d8d;
  font-size:12px;
  line-height:1.55;
}
.hub-settings-content-v6 .hub-settings-actions {
  padding:18px 26px!important;
  border-top:1px solid rgba(255,255,255,.055)!important;
  background:#080c12;
}
.hub-settings-content-v6>.form-message {
  margin:0!important;
  padding:0 26px 18px!important;
  background:#080c12;
}

/* Better, quieter theme cards. */
.hub-settings-backgrounds-v6 {
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:20px!important;
}
.hub-settings-backgrounds-v6 .hub-background-choice {
  min-height:104px!important;
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  align-content:center!important;
  gap:2px 12px!important;
  padding:12px!important;
  border:1px solid rgba(255,255,255,.065)!important;
  border-radius:11px!important;
  background:#0d131b!important;
}
.hub-settings-backgrounds-v6 .hub-background-choice input { position:absolute; opacity:0; pointer-events:none; }
.hub-settings-backgrounds-v6 .hub-background-choice .hub-background-preview {
  grid-column:1;
  grid-row:1/3;
  width:72px!important;
  height:58px!important;
  margin:0!important;
  border:1px solid rgba(255,255,255,.08);
  border-radius:9px!important;
  background:#080b11;
}
.hub-settings-backgrounds-v6 .hub-background-choice strong {
  align-self:end;
  color:#e5e9ef!important;
  font-size:11px!important;
}
.hub-settings-backgrounds-v6 .hub-background-choice small {
  align-self:start;
  color:#707b8c;
  font-size:8px;
  line-height:1.35;
}
.hub-settings-backgrounds-v6 .hub-background-choice:has(input:checked) {
  border-color:color-mix(in srgb,var(--site-primary) 55%,rgba(255,255,255,.08))!important;
  box-shadow:inset 3px 0 var(--site-primary);
}
.hub-background-choice.midnight .hub-background-preview { background:radial-gradient(circle at 25% 25%,#292052,transparent 42%),linear-gradient(145deg,#070a10,#0b111a)!important; }
.hub-background-choice.obsidian .hub-background-preview { background:radial-gradient(circle at 75% 20%,#242932,transparent 38%),linear-gradient(145deg,#050607,#0c0e11)!important; }
.hub-background-choice.cobalt .hub-background-preview { background:radial-gradient(circle at 20% 25%,#143b72,transparent 44%),linear-gradient(145deg,#050c16,#07111f)!important; }
.hub-background-choice.aurora .hub-background-preview { background:radial-gradient(circle at 18% 28%,#115766,transparent 40%),radial-gradient(circle at 80% 70%,#263d75,transparent 38%),#061018!important; }
.hub-background-choice.plum .hub-background-preview { background:radial-gradient(circle at 30% 25%,#4a285b,transparent 43%),linear-gradient(145deg,#0d0911,#120d18)!important; }
.hub-background-choice.graphite .hub-background-preview { background:radial-gradient(circle at 75% 20%,#2c3744,transparent 38%),linear-gradient(145deg,#0a0d11,#11151b)!important; }
.hub-background-choice.ember .hub-background-preview { background:radial-gradient(circle at 75% 25%,#603322,transparent 42%),linear-gradient(145deg,#100b09,#15100e)!important; }
.hub-background-choice.frost .hub-background-preview { background:radial-gradient(circle at 25% 20%,#365569,transparent 40%),linear-gradient(145deg,#0b1116,#111820)!important; }

body[data-hub-background="midnight"] .hub-desktop { background:radial-gradient(circle at 15% 20%,rgba(94,73,185,.18),transparent 34%),radial-gradient(circle at 84% 78%,rgba(35,86,132,.12),transparent 32%),linear-gradient(145deg,#06090f,#0a0f17 58%,#070a10)!important; }
body[data-hub-background="obsidian"] .hub-desktop { background:radial-gradient(circle at 80% 18%,rgba(94,104,120,.08),transparent 34%),linear-gradient(145deg,#040506,#090b0e 55%,#050607)!important; }
body[data-hub-background="aurora"] .hub-desktop { background:radial-gradient(circle at 15% 22%,rgba(21,117,126,.18),transparent 36%),radial-gradient(circle at 82% 75%,rgba(50,74,153,.16),transparent 34%),linear-gradient(145deg,#041014,#07121b 58%,#060b12)!important; }
body[data-hub-background="plum"] .hub-desktop { background:radial-gradient(circle at 16% 20%,rgba(112,62,133,.19),transparent 36%),radial-gradient(circle at 84% 80%,rgba(70,42,101,.13),transparent 34%),linear-gradient(145deg,#0a0710,#100b16 58%,#08070d)!important; }
body[data-hub-background="graphite"] .hub-desktop { background:radial-gradient(circle at 80% 20%,rgba(92,111,130,.12),transparent 35%),linear-gradient(145deg,#080b0f,#10151b 56%,#090c10)!important; }
body[data-hub-background="ember"] .hub-desktop { background:radial-gradient(circle at 82% 18%,rgba(151,75,48,.16),transparent 36%),radial-gradient(circle at 12% 82%,rgba(93,46,32,.10),transparent 34%),linear-gradient(145deg,#0d0908,#120d0b 58%,#090807)!important; }
body[data-hub-background="frost"] .hub-desktop { background:radial-gradient(circle at 16% 20%,rgba(72,113,137,.16),transparent 36%),radial-gradient(circle at 82% 78%,rgba(77,91,115,.11),transparent 34%),linear-gradient(145deg,#081016,#0d151d 58%,#090e13)!important; }

/* Completely rebuilt profile layout. */
.hub-profile-v6 {
  width:min(1180px,calc(100% - 48px));
  margin:0 auto;
  padding-bottom:40px;
}
.hub-profile-v6 .hub-back-btn { margin-bottom:14px; }
.hub-profile-v6-hero {
  position:relative;
  overflow:hidden;
  min-height:285px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:15px 15px 0 0;
  background:#0a0f16;
}
.hub-profile-v6-cover {
  position:absolute;
  inset:0;
  background-image:linear-gradient(90deg,rgba(6,9,14,.92) 0%,rgba(6,9,14,.55) 55%,rgba(6,9,14,.78)),var(--profile-cover,linear-gradient(135deg,#12182a,#19112d));
  background-size:cover;
  background-position:center;
}
.hub-profile-v6-cover::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to top,#0a0f16 0%,transparent 58%);
}
.hub-profile-v6-hero-content {
  position:relative;
  z-index:2;
  min-height:285px;
  display:grid;
  grid-template-columns:118px minmax(0,1fr) auto;
  gap:22px;
  align-items:end;
  padding:30px;
}
.hub-profile-v6-avatar {
  width:112px;
  height:112px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:5px solid #0a0f16;
  border-radius:22px;
  background:#202838;
  font-size:34px;
  font-weight:850;
}
.hub-profile-v6-avatar img { width:100%;height:100%;object-fit:cover; }
.hub-profile-v6-title { padding-bottom:7px; }
.hub-profile-v6-title h1 { margin:5px 0 8px;font-size:36px;letter-spacing:-.045em; }
.hub-profile-v6-title p { overflow:hidden;max-width:620px;margin:0;color:#9ca6b5;font-size:13px;line-height:1.55;text-overflow:ellipsis;white-space:nowrap; }
.hub-profile-v6-actions { display:flex;gap:8px;padding-bottom:7px; }
.hub-profile-v6-actions button { width:auto!important;min-width:90px; }
.hub-profile-v6-strip {
  display:grid;
  grid-template-columns:repeat(5,1fr);
  border:1px solid rgba(255,255,255,.065);
  border-top:0;
  border-radius:0 0 13px 13px;
  background:#0a0f16;
}
.hub-profile-v6-strip>div { padding:16px 18px;border-right:1px solid rgba(255,255,255,.055); }
.hub-profile-v6-strip>div:last-child { border-right:0; }
.hub-profile-v6-strip strong,.hub-profile-v6-strip span { display:block; }
.hub-profile-v6-strip strong { color:#edf0f5;font-size:16px; }
.hub-profile-v6-strip span { margin-top:3px;color:#687386;font-size:8px;text-transform:uppercase;letter-spacing:.08em; }
.hub-profile-v6-layout { display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.75fr);gap:14px;margin-top:14px; }
.hub-profile-v6-main,.hub-profile-v6-side { display:grid;align-content:start;gap:14px; }
.hub-profile-v6-section { padding:20px;border:1px solid rgba(255,255,255,.065);border-radius:12px;background:#0a0f16; }
.hub-profile-v6-section-head { display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:13px;margin-bottom:15px;border-bottom:1px solid rgba(255,255,255,.05); }
.hub-profile-v6-section-head span { color:#8178d5;font-size:8px;font-weight:850;letter-spacing:.12em; }
.hub-profile-v6-section-head h2 { margin:4px 0 0;font-size:18px; }
.hub-profile-v6-section-head button { border:0;background:transparent;color:#9e96ee;font-size:10px;font-weight:750; }
.hub-profile-v6-about>p { margin:0;color:#b3bbc7;font-size:13px;line-height:1.75; }
.hub-profile-v6-empty { padding:28px 0;color:#677285;font-size:11px;text-align:center; }
.hub-profile-v6-empty button { border:0;background:transparent;color:#9990e7;font-weight:750; }
.hub-profile-v6-rp-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:10px; }
.hub-profile-v6-rp-grid>div { padding:14px;border:1px solid rgba(255,255,255,.055);border-radius:9px;background:#0d131b; }
.hub-profile-v6-rp-grid>div.wide { grid-column:1/-1; }
.hub-profile-v6-rp-grid small,.hub-profile-v6-rp-grid strong { display:block; }
.hub-profile-v6-rp-grid small { color:#687486;font-size:8px;text-transform:uppercase;letter-spacing:.08em; }
.hub-profile-v6-rp-grid strong { margin-top:6px;color:#e0e5ec;font-size:11px; }
.hub-profile-v6-scenes { margin-top:14px; }
.hub-profile-v6-scenes>small { color:#687486;font-size:8px;font-weight:750;letter-spacing:.08em; }
.hub-profile-v6-scenes>div { display:flex;flex-wrap:wrap;gap:7px;margin-top:8px; }
.hub-profile-v6-scenes span { padding:6px 9px;border:1px solid rgba(255,255,255,.06);border-radius:7px;background:#0d131b;color:#abb4c0;font-size:9px; }
.hub-profile-v6-scenes em { color:#657184;font-size:10px;font-style:normal; }
.hub-profile-v6-stat-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.05);border-radius:9px;overflow:hidden; }
.hub-profile-v6-stat-grid>div { display:flex;justify-content:space-between;gap:12px;padding:13px;background:#0c121a; }
.hub-profile-v6-stat-grid span { color:#7d8797;font-size:9px; }
.hub-profile-v6-stat-grid strong { color:#e4e8ee;font-size:11px; }
.hub-profile-v6-points-total { display:flex;align-items:flex-end;gap:5px;margin:8px 0 12px; }
.hub-profile-v6-points-total strong { font-size:44px;letter-spacing:-.05em; }
.hub-profile-v6-points-total span { padding-bottom:7px;color:#717c8e;font-size:10px; }
.hub-profile-v6-progress { height:6px;overflow:hidden;border-radius:99px;background:#151d28; }
.hub-profile-v6-progress span { display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--site-primary),var(--site-secondary)); }
.hub-profile-v6-points>small { display:block;margin-top:9px;color:#687486;font-size:8px; }
.hub-profile-v6-section-head>b { padding:5px 7px;border-radius:6px;background:color-mix(in srgb,var(--site-primary) 12%,transparent);color:#a59df2;font-size:8px; }
.hub-profile-v6-friend-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }
.hub-profile-v6-friend-grid .hub-profile-ref-friend { min-height:45px;border:1px solid rgba(255,255,255,.055);border-radius:8px;background:#0d131b;color:#c6ccd5; }

/* Site administration starter workspace — visible only through role-gated JS. */
.hub-site-admin-v1 { width:min(1280px,calc(100% - 48px));margin:0 auto;padding:10px 0 44px; }
.hub-site-admin-hero { display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:30px 4px 22px;border-bottom:1px solid rgba(255,255,255,.07); }
.hub-site-admin-hero>div>span { color:#8f87e5;font-size:9px;font-weight:850;letter-spacing:.14em; }
.hub-site-admin-hero h1 { margin:7px 0 7px;font-size:35px;letter-spacing:-.045em; }
.hub-site-admin-hero p { margin:0;color:#7f8998;font-size:12px; }
.hub-site-admin-role { min-width:150px;padding:12px 14px;border:1px solid rgba(255,255,255,.065);border-radius:9px;background:#0b1018;text-align:right; }
.hub-site-admin-role small,.hub-site-admin-role strong { display:block; }
.hub-site-admin-role small { color:#5f6a7b;font-size:7px;letter-spacing:.1em; }
.hub-site-admin-role strong { margin-top:5px;color:#dedff3;font-size:11px; }
.hub-site-admin-tabs { display:flex;gap:22px;padding:0 4px;border-bottom:1px solid rgba(255,255,255,.065); }
.hub-site-admin-tabs button { height:50px;border:0;border-bottom:2px solid transparent;background:transparent;color:#7d8797;font-size:10px;font-weight:750; }
.hub-site-admin-tabs button.active { color:#fff;border-bottom-color:var(--site-primary); }
.hub-site-admin-panel { display:none;padding-top:20px; }
.hub-site-admin-panel.active { display:block; }
.hub-site-admin-stats { display:grid;grid-template-columns:repeat(4,1fr);gap:10px; }
.hub-site-admin-stats article { padding:18px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:#0a0f16; }
.hub-site-admin-stats span,.hub-site-admin-stats strong,.hub-site-admin-stats small { display:block; }
.hub-site-admin-stats span { color:#697486;font-size:8px;text-transform:uppercase;letter-spacing:.08em; }
.hub-site-admin-stats strong { margin-top:8px;font-size:24px; }
.hub-site-admin-stats small { margin-top:5px;color:#657083;font-size:8px; }
.hub-site-admin-columns { display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px; }
.hub-site-admin-columns>section,.hub-site-admin-table-card,.hub-site-admin-system-grid>section { padding:18px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:#0a0f16; }
.hub-site-admin-section-head { display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:12px;margin-bottom:9px;border-bottom:1px solid rgba(255,255,255,.05); }
.hub-site-admin-section-head span { color:#766fbe;font-size:7px;font-weight:850;letter-spacing:.1em; }
.hub-site-admin-section-head h2 { margin:4px 0 0;font-size:16px; }
.hub-site-admin-section-head p { margin:5px 0 0;color:#697486;font-size:9px; }
.hub-site-admin-section-head button { border:0;background:transparent;color:#958de2;font-size:9px;font-weight:750; }
.hub-site-admin-row { display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:53px;border-bottom:1px solid rgba(255,255,255,.04); }
.hub-site-admin-row:last-child { border-bottom:0; }
.hub-site-admin-avatar,.hub-site-admin-community-logo { display:grid;place-items:center;overflow:hidden;background:#18202c;font-weight:800; }
.hub-site-admin-avatar { width:34px;height:34px;border-radius:8px;font-size:10px; }
.hub-site-admin-avatar img,.hub-site-admin-community-logo img { width:100%;height:100%;object-fit:cover; }
.hub-site-admin-row strong,.hub-site-admin-row small { display:block; }
.hub-site-admin-row strong { font-size:10px; }
.hub-site-admin-row small { margin-top:3px;color:#657083;font-size:8px; }
.hub-site-admin-row em { color:#748094;font-size:8px;font-style:normal; }
.hub-site-admin-user { display:grid;grid-template-columns:38px minmax(0,1fr) 110px 80px 78px;gap:12px;align-items:center;min-height:58px;border-bottom:1px solid rgba(255,255,255,.045); }
.hub-site-admin-user:last-child { border-bottom:0; }
.hub-site-admin-user>div strong,.hub-site-admin-user>div small { display:block; }
.hub-site-admin-user>div strong { font-size:10px; }
.hub-site-admin-user>div small { margin-top:3px;color:#657083;font-size:8px; }
.hub-site-admin-user>span,.hub-site-admin-user>em { color:#8993a3;font-size:9px;font-style:normal; }
.hub-site-admin-user>em.danger { color:#ff7f8d; }
.hub-site-admin-user>button { height:30px;border:1px solid rgba(255,255,255,.07);border-radius:7px;background:#0d141d;color:#c6ccd6;font-size:8px; }
.hub-site-admin-community-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:9px; }
.hub-site-admin-community-grid article { display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px;border:1px solid rgba(255,255,255,.055);border-radius:9px;background:#0d131b; }
.hub-site-admin-community-logo { width:50px;height:50px;border-radius:10px;font-size:9px; }
.hub-site-admin-community-grid small,.hub-site-admin-community-grid strong,.hub-site-admin-community-grid p { display:block; }
.hub-site-admin-community-grid small { color:#746dbd;font-size:7px;font-weight:800;letter-spacing:.08em; }
.hub-site-admin-community-grid strong { margin-top:3px;font-size:11px; }
.hub-site-admin-community-grid p { margin:4px 0 0;color:#667184;font-size:8px; }
.hub-site-admin-community-grid button { height:31px;border:1px solid rgba(255,255,255,.07);border-radius:7px;background:#111925;color:#c9ced7;font-size:8px; }
.hub-site-admin-system-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:11px; }
.hub-site-admin-system-grid>section>span { color:#766fbe;font-size:8px;font-weight:850;letter-spacing:.1em; }
.hub-site-admin-system-grid h2 { margin:5px 0 18px;font-size:17px; }
.hub-site-admin-system-grid strong { font-size:13px; }
.hub-site-admin-system-grid p { margin:7px 0 0;color:#6f7a8b;font-size:9px;line-height:1.55; }
.hub-site-admin-empty { padding:28px;color:#667184;font-size:9px;text-align:center; }

@media(max-width:900px){
  .hub-settings-page-v6 { grid-template-columns:1fr!important;gap:12px!important;width:min(100% - 30px,1180px)!important; }
  .hub-settings-side { position:static;min-height:0;padding:10px 0 0; }
  .hub-settings-side-nav { display:flex;overflow-x:auto;padding:0 0 10px;margin-top:16px; }
  .hub-settings-side-nav::before,.hub-settings-side-nav button.active::before { display:none; }
  .hub-settings-side-nav button { min-width:100px;text-align:center; }
  .hub-profile-v6 { width:min(100% - 30px,1180px); }
  .hub-profile-v6-hero-content { grid-template-columns:90px minmax(0,1fr); }
  .hub-profile-v6-avatar { width:84px;height:84px; }
  .hub-profile-v6-actions { grid-column:1/-1; }
  .hub-profile-v6-strip { grid-template-columns:repeat(3,1fr); }
  .hub-profile-v6-strip>div { border-bottom:1px solid rgba(255,255,255,.05); }
  .hub-profile-v6-layout { grid-template-columns:1fr; }
  .hub-site-admin-v1 { width:min(100% - 30px,1280px); }
  .hub-site-admin-stats { grid-template-columns:repeat(2,1fr); }
  .hub-site-admin-columns,.hub-site-admin-community-grid,.hub-site-admin-system-grid { grid-template-columns:1fr; }
  .hub-site-admin-user { grid-template-columns:38px minmax(0,1fr) auto; }
  .hub-site-admin-user>span,.hub-site-admin-user>em { display:none; }
}

@media(max-width:620px){
  .hub-settings-backgrounds-v6 { grid-template-columns:1fr!important; }
  .hub-profile-v6-hero-content { grid-template-columns:1fr;align-items:end; }
  .hub-profile-v6-title p { white-space:normal; }
  .hub-profile-v6-strip { grid-template-columns:repeat(2,1fr); }
  .hub-profile-v6-stat-grid { grid-template-columns:1fr; }
  .hub-profile-v6-rp-grid { grid-template-columns:1fr; }
  .hub-profile-v6-rp-grid>div.wide { grid-column:auto; }
  .hub-profile-v6-friend-grid { grid-template-columns:1fr; }
  .hub-site-admin-hero { align-items:flex-start;flex-direction:column; }
  .hub-site-admin-role { width:100%;text-align:left; }
}

/* ============================================================
   2026-09-01 follow-up: nav, theme patterns, site admin v2,
   and community-admin open background
   ============================================================ */

/* Site Admin belongs in the main header, never in the profile dropdown. */
.hub-topbar .hub-site-admin-nav{
  display:inline-flex!important;
  align-items:center;
  gap:6px;
}
.hub-topbar .hub-site-admin-nav::before{
  content:"";
  width:7px;height:7px;border:1px solid #858da0;border-radius:2px;
  transform:rotate(45deg);
}
/* Button colors are user-customizable; the top header/navigation is not. */
.hub-topbar,
.hub-topbar.hub-floating-nav{
  --site-primary:#7c5cff!important;
  --site-secondary:#39d0ff!important;
}
.hub-topbar .hub-nav-btn.active{
  color:#fff!important;
}
.hub-topbar .hub-nav-btn.active::after{
  background:#7c5cff!important;
}

/* Community management: the utility row stays transparent, while the
   community identity, tabs, and all management content share one background. */
.hub-community-admin-v3{
  background:transparent!important;
}
.hub-community-admin-v3-topbar{
  min-height:34px!important;
  margin:0 0 10px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.hub-community-admin-v3-surface{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.055);
  border-radius:12px;
  background:#090d14!important;
}
.hub-community-admin-v3-header,
.hub-community-admin-v3-tabs,
.hub-community-admin-v3-workspace{
  background:#090d14!important;
}
.hub-community-admin-v3-workspace{
  padding-bottom:24px;
}
.hub-community-admin-v3 .hub-community-profile-v4,
.hub-community-admin-v3 .hub-admin-v3-section{
  background:transparent!important;
}

/* Settings v7 */
.hub-settings-page-v7{
  width:min(1180px,calc(100% - 48px))!important;
  display:grid!important;
  grid-template-columns:260px minmax(0,1fr)!important;
  gap:42px!important;
  align-items:start!important;
  margin:0 auto!important;
}
.hub-settings-content-v7 .hub-settings-heading p{max-width:760px}
.hub-theme-select-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) 250px;
  gap:18px;
  align-items:end;
  margin-top:18px;
  padding:18px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:12px;
  background:#0d131b;
}
.hub-theme-select-copy span,.hub-button-color-block>div>span{
  display:block;color:#8179cf;font-size:7px;font-weight:850;letter-spacing:.11em;
}
.hub-theme-select-copy strong,.hub-button-color-block>div>strong{
  display:block;margin-top:5px;color:#e6eaf0;font-size:12px;
}
.hub-theme-select-copy small,.hub-button-color-block>div>small{
  display:block;margin-top:4px;color:#707b8c;font-size:8px;line-height:1.5;
}
.hub-theme-dropdown-wrap span{display:block;margin-bottom:6px;color:#8d97a7;font-size:8px;font-weight:750}
.hub-theme-dropdown-wrap select{
  width:100%;height:42px;padding:0 34px 0 11px;border:1px solid rgba(255,255,255,.075);border-radius:9px;
  outline:none;background:#121a24;color:#e7ebf1;font:inherit;font-size:9px;
}
.hub-theme-current-preview{
  grid-column:1/-1;
  display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;align-items:center;
  padding:10px;border:1px solid rgba(255,255,255,.055);border-radius:9px;background:#090e15;
}
.hub-theme-current-preview>span{display:block;width:110px;height:54px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#070b12}
.hub-theme-current-preview small,.hub-theme-current-preview strong{display:block}.hub-theme-current-preview small{color:#5f6a7c;font-size:6px;letter-spacing:.12em}.hub-theme-current-preview strong{margin-top:4px;font-size:10px}

.hub-button-color-section{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.hub-button-color-block{padding:16px;border:1px solid rgba(255,255,255,.06);border-radius:11px;background:#0d131b}
.hub-color-swatches{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.hub-color-swatch{width:28px;height:28px;padding:0;border:2px solid transparent;border-radius:7px;background:var(--swatch);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.hub-color-swatch:hover{transform:translateY(-1px)}
.hub-color-swatch.active{border-color:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.12),inset 0 0 0 1px rgba(0,0,0,.16)}
.hub-button-preview-row{grid-column:1/-1;display:flex;align-items:center;gap:9px;padding:13px 14px;border:1px solid rgba(255,255,255,.055);border-radius:10px;background:#0a1018}
.hub-button-preview-row .hub-primary-btn,.hub-button-preview-row .hub-secondary-btn{width:auto!important;min-width:130px;height:38px!important;margin:0!important;padding:0 15px!important}
.hub-button-preview-row .hub-secondary-preview{border-color:color-mix(in srgb,var(--site-secondary) 46%,rgba(255,255,255,.08))!important;background:color-mix(in srgb,var(--site-secondary) 13%,#0c121a)!important}
.hub-button-preview-row>span{margin-left:auto;color:#687486;font-size:8px}

/* Pattern-driven site backgrounds. Midnight stays the default. */
body[data-hub-background="midnight"] .hub-desktop{background:#070b12!important;background-image:radial-gradient(circle at 18% 18%,rgba(91,72,180,.16),transparent 31%),radial-gradient(circle at 84% 76%,rgba(32,77,122,.10),transparent 34%)!important}
body[data-hub-background="carbon"] .hub-desktop{background-color:#080b10!important;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px)!important;background-size:26px 26px!important}

/* Match the dropdown's miniature theme preview to the selected pattern. */
.hub-theme-current-preview[data-theme-preview="carbon"]>span{background-color:#080b10;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:12px 12px}

/* Appearance background selector — two intentional choices only. */
.hub-background-choice-panel{display:grid;gap:16px;padding:20px;border:1px solid rgba(255,255,255,.065);border-radius:14px;background:#0b1119}
.hub-background-two-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hub-background-option-card{position:relative;min-height:132px;display:grid;grid-template-columns:106px minmax(0,1fr) 24px;align-items:center;gap:14px;padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#0e151e;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}
.hub-background-option-card:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.14);background:#111a25}
.hub-background-option-card input{position:absolute;opacity:0;pointer-events:none}
.hub-background-option-preview{width:106px;height:82px;border:1px solid rgba(255,255,255,.09);border-radius:10px;box-shadow:inset 0 0 24px rgba(0,0,0,.24)}
.hub-background-option-card.midnight .hub-background-option-preview{background:#070b12 radial-gradient(circle at 24% 22%,rgba(91,72,180,.38),transparent 42%)}
.hub-background-option-card.carbon .hub-background-option-preview{background-color:#080b10;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:14px 14px}
.hub-background-option-copy{min-width:0}.hub-background-option-copy small,.hub-background-option-copy strong,.hub-background-option-copy em{display:block}.hub-background-option-copy small{margin-bottom:7px;color:#697588;font-size:7px;font-weight:800;letter-spacing:.14em}.hub-background-option-copy strong{color:#eef2f8;font-size:14px}.hub-background-option-copy em{margin-top:6px;color:#7a8697;font-size:9px;font-style:normal;line-height:1.45}
.hub-background-option-card>b{width:22px;height:22px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.10);border-radius:50%;color:transparent;font-size:11px}
.hub-background-option-card:has(input:checked){border-color:color-mix(in srgb,var(--site-primary) 58%,rgba(255,255,255,.12));background:color-mix(in srgb,var(--site-primary) 8%,#101721);box-shadow:inset 3px 0 var(--site-primary)}
.hub-background-option-card:has(input:checked)>b{border-color:var(--site-primary);background:var(--site-primary);color:#fff}
@media(max-width:760px){.hub-background-two-choice{grid-template-columns:1fr}.hub-background-option-card{grid-template-columns:86px minmax(0,1fr) 24px}.hub-background-option-preview{width:86px;height:68px}}

/* Site Administration v2 */
.hub-site-admin-v2{width:min(1320px,calc(100% - 48px));margin:0 auto;padding:12px 0 46px}
.hub-site-admin-v2-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:24px 0 20px;border-bottom:1px solid rgba(255,255,255,.065)}
.hub-site-admin-v2-header>div>span{color:#8e85df;font-size:8px;font-weight:850;letter-spacing:.14em}.hub-site-admin-v2-header h1{margin:6px 0;font-size:31px;letter-spacing:-.045em}.hub-site-admin-v2-header p{margin:0;color:#758091;font-size:11px}
.hub-site-admin-v2-badge{min-width:150px;padding:11px 13px;border:1px solid rgba(255,255,255,.065);border-radius:9px;background:#0b1119;text-align:right}.hub-site-admin-v2-badge small,.hub-site-admin-v2-badge strong{display:block}.hub-site-admin-v2-badge small{color:#626d7e;font-size:6px;letter-spacing:.11em}.hub-site-admin-v2-badge strong{margin-top:4px;font-size:10px}
.hub-site-admin-v2-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:16px;padding-top:16px}
.hub-site-admin-v2-side{align-self:start;position:sticky;top:74px;padding:7px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:#090e15}.hub-site-admin-v2-side button{width:100%;min-height:49px;padding:8px 10px;border:0;border-radius:7px;background:transparent;color:#8a95a5;text-align:left}.hub-site-admin-v2-side button span,.hub-site-admin-v2-side button small{display:block}.hub-site-admin-v2-side button span{font-size:9px;font-weight:800}.hub-site-admin-v2-side button small{margin-top:3px;color:#596576;font-size:7px}.hub-site-admin-v2-side button.active{background:rgba(124,92,255,.13);color:#fff}.hub-site-admin-v2-side button.active small{color:#8f89c8}
.hub-site-admin-v2-main{min-width:0}.hub-site-admin-v2-main .hub-site-admin-panel{padding:0}
.hub-site-admin-v2-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.hub-site-admin-v2-stats article{min-height:96px;padding:15px;border:1px solid rgba(255,255,255,.06);border-radius:9px;background:#0a1018}.hub-site-admin-v2-stats span,.hub-site-admin-v2-stats strong,.hub-site-admin-v2-stats small{display:block}.hub-site-admin-v2-stats span{color:#667285;font-size:7px;letter-spacing:.09em}.hub-site-admin-v2-stats strong{margin-top:8px;font-size:22px}.hub-site-admin-v2-stats small{margin-top:4px;color:#606c7e;font-size:7px}
.hub-site-admin-v2-grid{display:grid;grid-template-columns:1.6fr .8fr;gap:10px;margin-top:10px}.hub-site-admin-v2-grid>section,.hub-site-admin-v2-table-card,.hub-site-admin-v2-system-grid>section{padding:16px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:#0a1018}.hub-site-admin-v2-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:12px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.05)}.hub-site-admin-v2-section-head span{color:#7b73c5;font-size:7px;font-weight:850;letter-spacing:.1em}.hub-site-admin-v2-section-head h2{margin:4px 0 0;font-size:15px}.hub-site-admin-v2-section-head p{margin:4px 0 0;color:#687486;font-size:8px}.hub-site-admin-v2-section-head button{border:0;background:transparent;color:#9890df;font-size:8px;font-weight:800}.hub-site-admin-search{width:230px;height:34px;padding:0 10px;border:1px solid rgba(255,255,255,.07);border-radius:7px;outline:none;background:#0d141e;color:#e7eaf0;font-size:8px}
.hub-site-admin-v2-list>button{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) 90px 65px;gap:9px;align-items:center;min-height:49px;padding:0;border:0;border-bottom:1px solid rgba(255,255,255,.04);background:transparent;color:inherit;text-align:left}.hub-site-admin-v2-list>button:last-child{border-bottom:0}.hub-site-admin-v2-list strong,.hub-site-admin-v2-list small{display:block}.hub-site-admin-v2-list strong{font-size:9px}.hub-site-admin-v2-list small{margin-top:3px;color:#606c7d;font-size:7px}.hub-site-admin-v2-list em{color:#8792a3;font-size:8px;font-style:normal}.hub-site-admin-v2-list b{color:#67cf9a;font-size:7px}.hub-site-admin-v2-list b.danger{color:#ff7e8c}
.hub-site-admin-v2-actions{display:grid;gap:7px}.hub-site-admin-v2-actions button{min-height:54px;padding:10px 11px;border:1px solid rgba(255,255,255,.055);border-radius:8px;background:#0d141e;color:inherit;text-align:left}.hub-site-admin-v2-actions strong,.hub-site-admin-v2-actions small{display:block}.hub-site-admin-v2-actions strong{font-size:9px}.hub-site-admin-v2-actions small{margin-top:3px;color:#667285;font-size:7px}.hub-site-admin-v2-actions button:hover{border-color:rgba(124,92,255,.28);background:#101826}
.hub-site-admin-v2-user-row{display:grid;grid-template-columns:36px minmax(0,1fr) 120px 70px 62px 58px;gap:10px;align-items:center;min-height:57px;border-bottom:1px solid rgba(255,255,255,.045)}.hub-site-admin-v2-user-row:last-child{border-bottom:0}.hub-site-admin-v2-user-row>div strong,.hub-site-admin-v2-user-row>div small{display:block}.hub-site-admin-v2-user-row>div strong{font-size:9px}.hub-site-admin-v2-user-row>div small{margin-top:3px;color:#626e80;font-size:7px}.hub-site-admin-v2-user-row select{height:30px;padding:0 7px;border:1px solid rgba(255,255,255,.06);border-radius:6px;background:#0e1620;color:#cdd3dc;font-size:8px}.hub-site-admin-v2-status{color:#6ad39f;font-size:8px}.hub-site-admin-v2-status.danger{color:#ff7d8b}.hub-site-admin-v2-user-row>button{height:29px;border:1px solid rgba(255,255,255,.06);border-radius:6px;background:#0e1620;color:#c5ccd6;font-size:7px}.hub-site-admin-v2-user-row>button.danger{color:#ff8793}.hub-site-admin-v2-user-row>button.restore{color:#6fd8a4}.hub-site-admin-v2-user-row>button:disabled,.hub-site-admin-v2-user-row select:disabled{opacity:.35;cursor:not-allowed}
.hub-site-admin-v2-community-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.hub-site-admin-v2-community-grid article{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:11px;align-items:center;padding:12px;border:1px solid rgba(255,255,255,.055);border-radius:8px;background:#0d141d}.hub-site-admin-v2-community-grid small,.hub-site-admin-v2-community-grid strong,.hub-site-admin-v2-community-grid p{display:block}.hub-site-admin-v2-community-grid small{color:#7d74c8;font-size:6px;font-weight:850}.hub-site-admin-v2-community-grid strong{margin-top:3px;font-size:10px}.hub-site-admin-v2-community-grid p{margin:4px 0 0;color:#667284;font-size:7px}.hub-site-admin-v2-community-grid button{height:31px;padding:0 9px;border:1px solid rgba(255,255,255,.06);border-radius:6px;background:#111925;color:#cbd1da;font-size:7px}
.hub-site-admin-v2-activity>div{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;min-height:52px;border-bottom:1px solid rgba(255,255,255,.04)}.hub-site-admin-v2-activity>div>span{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:#151d2a;font-size:8px;font-weight:850}.hub-site-admin-v2-activity strong,.hub-site-admin-v2-activity small{display:block}.hub-site-admin-v2-activity strong{font-size:9px}.hub-site-admin-v2-activity small{margin-top:3px;color:#657183;font-size:7px}
.hub-site-admin-v2-system-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.hub-site-admin-v2-system-grid>section>span{color:#7d74c8;font-size:7px;font-weight:850;letter-spacing:.1em}.hub-site-admin-v2-system-grid h2{margin:5px 0 7px;font-size:15px}.hub-site-admin-v2-system-grid p{min-height:40px;margin:0 0 14px;color:#6e798a;font-size:8px;line-height:1.5}.hub-site-admin-v2-system-grid strong{font-size:9px}.hub-site-admin-v2-system-grid strong.good{color:#6dd5a1}

@media(max-width:980px){.hub-settings-page-v7{grid-template-columns:1fr!important;gap:12px!important}.hub-theme-select-card{grid-template-columns:1fr}.hub-theme-current-preview{grid-column:auto}.hub-button-color-section{grid-template-columns:1fr}.hub-button-preview-row{grid-column:auto;flex-wrap:wrap}.hub-button-preview-row>span{width:100%;margin-left:0}.hub-site-admin-v2-layout{grid-template-columns:1fr}.hub-site-admin-v2-side{position:static;display:flex;overflow-x:auto}.hub-site-admin-v2-side button{min-width:130px}.hub-site-admin-v2-stats{grid-template-columns:repeat(2,1fr)}.hub-site-admin-v2-grid,.hub-site-admin-v2-community-grid,.hub-site-admin-v2-system-grid{grid-template-columns:1fr}.hub-site-admin-v2-user-row{grid-template-columns:36px minmax(0,1fr) 110px auto}.hub-site-admin-v2-user-row>button{display:none}}
@media(max-width:620px){.hub-site-admin-v2{width:min(100% - 24px,1320px)}.hub-site-admin-v2-header{align-items:flex-start;flex-direction:column}.hub-site-admin-v2-badge{width:100%;text-align:left}.hub-site-admin-v2-stats{grid-template-columns:1fr 1fr}.hub-site-admin-v2-section-head{flex-direction:column}.hub-site-admin-search{width:100%}.hub-site-admin-v2-user-row{grid-template-columns:34px minmax(0,1fr) auto}.hub-site-admin-v2-user-row select{display:none}}


/* Top-right profile avatar: fully round with the user's saved button colors. */
.hub-account-trigger .hub-account-avatar{
  border:2px solid transparent!important;
  border-radius:50%!important;
  background:
    linear-gradient(#111722,#111722) padding-box,
    linear-gradient(135deg,var(--site-primary),var(--site-secondary)) border-box!important;
  overflow:hidden!important;
}
.hub-account-trigger .hub-account-avatar img{
  width:100%!important;
  height:100%!important;
  border-radius:50%!important;
  object-fit:cover!important;
}


/* ============================================================
   Community banner wallpaper + floating community management tabs
   ============================================================ */

/* If the signed-in user's current community has a banner, use that banner as
   the site wallpaper on every logged-in page. */
.hub-desktop.hub-community-banner-wallpaper{
  position:relative!important;
  min-height:100vh!important;
  background-image:
    linear-gradient(180deg,rgba(7,10,16,.58),rgba(7,10,16,.78)),
    var(--hub-community-page-bg)!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
}
.hub-light.hub-desktop.hub-community-banner-wallpaper,
.hub-light .hub-desktop.hub-community-banner-wallpaper{
  background-image:
    linear-gradient(180deg,rgba(255,255,255,.56),rgba(239,242,247,.75)),
    var(--hub-community-page-bg)!important;
}

/* Keep the management surface/background behind the community header, tabs,
   and workspace, but let the tabs stick under the global myHub header. */
.hub-community-admin-v3-surface{
  overflow:visible!important;
  background:#090d14!important;
}
.hub-community-admin-v3-tabs{
  position:sticky!important;
  top:70px!important;
  z-index:120!important;
  margin-top:12px!important;
  border-radius:0!important;
  border-left:0!important;
  border-right:0!important;
  background:rgba(9,13,20,.97)!important;
  box-shadow:0 14px 30px rgba(0,0,0,.30)!important;
  backdrop-filter:blur(18px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(120%)!important;
}
.hub-community-admin-v3-tabs button{
  border-radius:0!important;
}

@media(max-width:760px){
  .hub-community-admin-v3-tabs{top:64px!important;}
}

/* ============================================================
   Follow-up: Civilian visibility, read-only CAD, header cleanup,
   pinned community tabs, and reliable active-community wallpaper
   ============================================================ */

/* Site Admin is text-only in the main header. */
.hub-topbar .hub-site-admin-nav::before{
  content:none!important;
  display:none!important;
}
.hub-topbar .hub-site-admin-nav{gap:0!important;}

/* Civilian is visibly present during community creation and cannot be removed. */
.hub-create-department-system{
  border-color:rgba(124,92,255,.18)!important;
  background:rgba(124,92,255,.055)!important;
}
.hub-create-department-system input,
.hub-create-department-system select{
  opacity:.82;
  cursor:not-allowed;
}
.hub-create-department-locked{
  align-self:center;
  padding:7px 9px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:7px;
  color:#8d96a5;
  background:#0d141d;
  font-size:7px;
  font-weight:750;
  white-space:nowrap;
}

/* CAD & Records is informational in community management. */
.hub-admin-v3-data-card-readonly{
  cursor:default!important;
}
.hub-admin-v3-data-card-readonly .hub-admin-v3-data-head{
  margin-bottom:12px;
}
.hub-admin-records-readonly .hub-admin-v3-data-fields{
  color:#677284;
}

/* Float the community management tabs directly under the global navigation. */
.hub-community-admin-v3-tabs{
  top:56px!important;
  margin-top:0!important;
  border-radius:0!important;
}
@media(max-width:760px){
  .hub-community-admin-v3-tabs{top:56px!important;}
}

/* Dedicated fixed wallpaper layer. This sits above user theme backgrounds but
   underneath all actual application content. */
.hub-community-wallpaper-layer{
  display:none;
  position:fixed;
  inset:56px 0 0 0;
  z-index:0;
  pointer-events:none;
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}
.hub-desktop.hub-community-banner-wallpaper .hub-community-wallpaper-layer{
  display:block;
}
.hub-desktop > .hub-topbar,
.hub-desktop > .hub-route-loader,
.hub-desktop > .hub-main{
  position:relative;
  z-index:2;
}
.hub-desktop > .hub-topbar{z-index:1000;}
.hub-desktop.hub-community-banner-wallpaper > .hub-main{
  background:transparent!important;
}

/* ============================================================
   2026-09-01 profile/server/navigation follow-up
   ============================================================ */

/* The actual myHub navigation stays pinned to the viewport while scrolling. */
.hub-desktop > .hub-topbar.hub-floating-nav{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  transform:none!important;
  z-index:5000!important;
}
.hub-desktop > .hub-main{
  padding-top:56px!important;
}

/* Top-right avatar is round, and its ring uses the user's saved button colors
   rather than the intentionally fixed header/navigation colors. */
.hub-account-trigger .hub-account-avatar{
  border:2px solid transparent!important;
  border-radius:50%!important;
  background:
    linear-gradient(#111722,#111722) padding-box,
    linear-gradient(135deg,var(--avatar-primary,#7c5cff),var(--avatar-secondary,#39d0ff)) border-box!important;
}
.hub-account-trigger .hub-account-avatar img{
  border-radius:50%!important;
}

/* Keep the Points + Friends column on the left of the profile. */
.hub-profile-v6-layout{
  grid-template-columns:minmax(290px,.75fr) minmax(0,1.55fr)!important;
}
.hub-profile-v6-side{
  grid-column:1!important;
  grid-row:1!important;
}
.hub-profile-v6-main{
  grid-column:2!important;
  grid-row:1!important;
}

/* Long, exact Member Since dates need a little more room. */
.hub-profile-v6-strip{
  grid-template-columns:repeat(4,minmax(0,1fr)) minmax(170px,1.35fr)!important;
}
.hub-profile-v6-strip>div{
  text-align:left!important;
}

/* Community wallpaper is only activated by JS on Home or Manage Community. */
.hub-community-wallpaper-layer{
  inset:56px 0 0 0!important;
}

@media(max-width:900px){
  .hub-profile-v6-layout{grid-template-columns:1fr!important;}
  .hub-profile-v6-side,.hub-profile-v6-main{grid-column:1!important;grid-row:auto!important;}
  .hub-profile-v6-side{order:-1;}
  .hub-profile-v6-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}

/* Profile social + achievements refresh */
.hub-profile-site-role{
  display:inline-flex!important;
  width:auto!important;
  max-width:max-content!important;
  margin:0!important;
  padding:5px 9px!important;
  border:1px solid color-mix(in srgb,var(--site-primary) 24%,rgba(255,255,255,.06))!important;
  border-radius:7px!important;
  background:color-mix(in srgb,var(--site-primary) 9%,#0d131b)!important;
  color:#c8c4f7!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.04em!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.hub-profile-v6-section-head p{margin:5px 0 0;color:#626d7e;font-size:9px;}
.hub-profile-badges-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;}
.hub-profile-badge{display:flex;align-items:center;gap:10px;min-height:68px;padding:11px;border:1px solid rgba(255,255,255,.06);border-radius:9px;background:#0d131b;transition:.18s ease;}
.hub-profile-badge>span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid color-mix(in srgb,var(--site-primary) 32%,rgba(255,255,255,.08));border-radius:9px;background:color-mix(in srgb,var(--site-primary) 12%,#101720);color:#e8e6ff;font-size:9px;font-weight:900;letter-spacing:.03em;}
.hub-profile-badge strong,.hub-profile-badge small{display:block;}
.hub-profile-badge strong{color:#e0e5ec;font-size:10px;}
.hub-profile-badge small{margin-top:4px;color:#6f7a8b;font-size:8px;line-height:1.35;}
.hub-profile-badge.unlocked:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--site-primary) 28%,rgba(255,255,255,.08));}
.hub-profile-badge.locked{opacity:.38;filter:saturate(.45);}
.hub-profile-badge.locked>span{background:#111821;border-color:rgba(255,255,255,.06);color:#657184;}

.hub-profile-friends-empty-v7{grid-column:1/-1;display:grid;justify-items:center;padding:28px 18px;border:1px dashed rgba(255,255,255,.08);border-radius:10px;background:#0c1219;text-align:center;}
.hub-profile-friends-empty-v7>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid color-mix(in srgb,var(--site-primary) 28%,rgba(255,255,255,.08));border-radius:50%;background:color-mix(in srgb,var(--site-primary) 10%,#101720);color:#b9b3ff;font-size:20px;font-weight:300;}
.hub-profile-friends-empty-v7 strong{margin-top:11px;color:#e2e6ed;font-size:11px;}
.hub-profile-friends-empty-v7 p{max-width:220px;margin:5px 0 0;color:#667183;font-size:9px;line-height:1.5;}
.hub-profile-friends-empty-v7 button{margin-top:12px;width:auto!important;min-width:120px;}

.hub-profile-visitors{display:grid;gap:7px;}
.hub-profile-visitor{display:flex;align-items:center;gap:9px;width:100%;padding:8px;border:1px solid rgba(255,255,255,.05);border-radius:8px;background:#0d131b;color:inherit;text-align:left;}
.hub-profile-visitor>span{display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;overflow:hidden;border-radius:50%;background:#161e29;color:#d6dae1;font-size:10px;font-weight:800;}
.hub-profile-visitor>span img{width:100%;height:100%;object-fit:cover;}
.hub-profile-visitor strong,.hub-profile-visitor small{display:block;}
.hub-profile-visitor strong{color:#cfd5de;font-size:9px;}
.hub-profile-visitor small{margin-top:3px;color:#657184;font-size:7px;}

.hub-profile-following{margin-bottom:15px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.05);}
.hub-profile-following h3{margin:0 0 9px;color:#798496;font-size:9px;text-transform:uppercase;letter-spacing:.08em;}
.hub-profile-follow-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0;}
.hub-profile-follow-row>button{display:flex;align-items:center;gap:8px;border:0;background:transparent;color:#d6dbe3;}
.hub-profile-follow-row>button span{display:grid;place-items:center;width:29px;height:29px;overflow:hidden;border-radius:50%;background:#151d28;font-size:9px;font-weight:800;}
.hub-profile-follow-row>button span img{width:100%;height:100%;object-fit:cover;}
.hub-profile-follow-row>button strong{font-size:9px;}
.hub-profile-follow-row label{display:flex;align-items:center;gap:6px;color:#707b8c;font-size:8px;white-space:nowrap;}
.hub-profile-follow-row input{accent-color:var(--site-primary);}
.hub-profile-activity-feed{display:grid;gap:7px;}
.hub-profile-activity-row{display:grid;grid-template-columns:85px 1fr auto;align-items:center;gap:10px;padding:10px;border:1px solid rgba(255,255,255,.05);border-radius:8px;background:#0d131b;}
.hub-profile-activity-row>span{color:#9990e7;font-size:8px;font-weight:800;text-transform:capitalize;}
.hub-profile-activity-row p{margin:0;color:#aab2bf;font-size:9px;}
.hub-profile-activity-row small{color:#5f6a7b;font-size:7px;white-space:nowrap;}

/* Keep the social/points information on the left and profile content on the right. */
.hub-profile-v6-layout{grid-template-columns:minmax(280px,.72fr) minmax(0,1.65fr)!important;align-items:start;}
.hub-profile-v6-side{grid-column:1!important;grid-row:1!important;}
.hub-profile-v6-main{grid-column:2!important;grid-row:1!important;}
.hub-profile-v6-stat-grid{grid-template-columns:1fr!important;}

@media(max-width:1050px){.hub-profile-badges-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:900px){.hub-profile-v6-layout{grid-template-columns:1fr!important}.hub-profile-v6-side,.hub-profile-v6-main{grid-column:1!important;grid-row:auto!important}.hub-profile-v6-side{order:0}.hub-profile-badges-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:560px){.hub-profile-badges-grid{grid-template-columns:1fr}.hub-profile-activity-row{grid-template-columns:1fr}.hub-profile-follow-row{align-items:flex-start;flex-direction:column}}


/* About Me stays compact; achievements use the original badge sizing. */
.hub-profile-v6-about{padding:14px!important;}
.hub-profile-v6-about .hub-profile-v6-section-head{padding-bottom:8px!important;margin-bottom:9px!important;align-items:center!important;}
.hub-profile-v6-about .hub-profile-v6-section-head h2{font-size:15px!important;}
.hub-profile-v6-about>p{font-size:10px!important;line-height:1.55!important;}
.hub-profile-about-empty-v8{min-height:0!important;padding:4px 0!important;text-align:left!important;}
.hub-profile-about-empty-v8>span{color:#697486;font-size:9px;}

/* Only unlocked achievements are rendered. The first four stay visible; extras live in a dropdown. */
.hub-profile-badge-dropdown{margin-top:10px;border-top:1px solid rgba(255,255,255,.05);padding-top:10px;}
.hub-profile-badge-dropdown summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:34px;padding:0 10px;border:1px solid rgba(255,255,255,.06);border-radius:8px;background:#0d131b;color:#9b94e9;font-size:8px;font-weight:800;cursor:pointer;list-style:none;}
.hub-profile-badge-dropdown summary::-webkit-details-marker{display:none;}
.hub-profile-badge-dropdown summary:after{content:'⌄';color:#667184;font-size:11px;transition:transform .18s ease;}
.hub-profile-badge-dropdown[open] summary:after{transform:rotate(180deg);}
.hub-profile-badge-dropdown summary span{margin-left:auto;padding:3px 6px;border-radius:99px;background:rgba(255,255,255,.045);color:#737e90;font-size:7px;}
.hub-profile-badges-extra{margin-top:9px;}

/* 2026-09-01 social/privacy/community access/civilian portal update */
.hub-application-inbox-head{align-items:flex-start!important;gap:18px!important}.hub-application-inbox-head>div{min-width:0}.hub-application-inbox-head>div>strong{display:block;margin-top:5px;font-size:13px;line-height:1.2}.hub-application-submission-count{flex:0 0 auto;display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(255,255,255,.065);border-radius:9px;background:rgba(255,255,255,.025);font-style:normal;white-space:nowrap}.hub-application-submission-count b{font-size:13px;color:#fff}.hub-application-submission-count small{font-size:7px;color:#778295;text-transform:uppercase;letter-spacing:.08em}
.hub-community-join-mode{display:grid;gap:6px;min-width:190px}.hub-community-join-mode>span{color:#7f899a;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.hub-community-join-mode select{height:36px;padding:0 10px;border:1px solid rgba(255,255,255,.075);border-radius:9px;background:#151d28;color:#e9edf4;font-size:9px;font-weight:700;outline:none}
.hub-profile-views-toggle{height:30px;padding:0 9px;border:1px solid rgba(124,92,255,.22);border-radius:8px;background:rgba(124,92,255,.07);color:#aaa0ff;font-size:8px;font-weight:800}.hub-profile-views-toggle.enabled{border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#8791a2}.hub-profile-views-count{margin:-2px 0 10px;color:#667184;font-size:8px}.hub-profile-views-disabled{min-height:90px;display:grid;place-items:center;align-content:center;text-align:center}.hub-profile-views-disabled strong{display:block;color:#d2d8e2;font-size:10px}.hub-profile-views-disabled p{max-width:260px;margin:5px 0 0;color:#667184;font-size:8px;line-height:1.5}
.hub-profile-badges-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.hub-profile-badge em{display:inline-flex;width:max-content;margin-top:6px;padding:3px 5px;border-radius:99px;background:rgba(255,255,255,.04);color:#737e90;font-size:6px;font-style:normal;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.hub-profile-badge.rarity-uncommon em{color:#78c9a5}.hub-profile-badge.rarity-rare em{color:#7fa9ff}.hub-profile-badge.rarity-epic em{color:#b59aff}.hub-profile-badge.rarity-legendary em{color:#efc97b}.hub-profile-badge.rarity-legacy em{color:#ff99b7}
.hub-home-civilian-portal .hub-home-create-character-icon{font-size:8px;letter-spacing:.05em}
.hub-civilian-portal{padding-bottom:40px}.hub-civilian-portal-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:30px;border:1px solid rgba(255,255,255,.065);border-radius:16px 16px 0 0;background:#0f1620}.hub-civilian-portal-header>div:first-child>span{display:block;margin-top:22px;color:#8d82e9;font-size:8px;font-weight:850;letter-spacing:.14em}.hub-civilian-portal-header h1{margin:6px 0 7px;font-size:30px}.hub-civilian-portal-header p{margin:0;color:#798496;font-size:9px}.hub-civilian-back{padding:0;border:0;background:transparent;color:#8c96a8;font-size:9px;font-weight:750}.hub-civilian-portal-dept{min-width:210px;padding:13px 15px;border:1px solid rgba(124,92,255,.15);border-radius:11px;background:rgba(124,92,255,.055)}.hub-civilian-portal-dept small,.hub-civilian-portal-dept strong,.hub-civilian-portal-dept span{display:block}.hub-civilian-portal-dept small{color:#706a95;font-size:6px;letter-spacing:.1em}.hub-civilian-portal-dept strong{margin-top:5px;font-size:12px}.hub-civilian-portal-dept span{margin-top:4px;color:#70d4a8;font-size:7px}.hub-civilian-portal-tabs{position:sticky;top:58px;z-index:35;display:flex;gap:2px;padding:0 18px;border:1px solid rgba(255,255,255,.065);border-top:0;background:#0f1620;box-shadow:0 12px 28px rgba(0,0,0,.22)}.hub-civilian-portal-tabs button{height:44px;padding:0 14px;border:0;border-bottom:2px solid transparent;background:transparent;color:#758092;font-size:8px;font-weight:800}.hub-civilian-portal-tabs button.active{border-bottom-color:var(--site-primary);color:#fff}.hub-civilian-portal>main{padding:18px;border:1px solid rgba(255,255,255,.055);border-top:0;border-radius:0 0 16px 16px;background:#0c121b}.hub-civilian-overview{display:grid;gap:14px}.hub-civilian-welcome,.hub-civilian-panel{padding:20px;border:1px solid rgba(255,255,255,.055);border-radius:13px;background:#111923}.hub-civilian-welcome>span,.hub-civilian-panel-head span{color:#8c82e8;font-size:7px;font-weight:850;letter-spacing:.12em}.hub-civilian-welcome h2,.hub-civilian-panel-head h2{margin:5px 0 0}.hub-civilian-welcome p{margin:6px 0 0;color:#748092;font-size:9px}.hub-civilian-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.hub-civilian-stats>div{padding:15px;border:1px solid rgba(255,255,255,.055);border-radius:11px;background:#111923}.hub-civilian-stats strong,.hub-civilian-stats span{display:block}.hub-civilian-stats strong{font-size:20px}.hub-civilian-stats span{margin-top:3px;color:#6f7a8d;font-size:7px;text-transform:uppercase}.hub-civilian-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.hub-civilian-quick-grid button{display:grid;gap:5px;padding:16px;border:1px solid rgba(255,255,255,.055);border-radius:11px;background:#111923;color:#fff;text-align:left}.hub-civilian-quick-grid button:hover{border-color:color-mix(in srgb,var(--site-primary) 28%,transparent);background:color-mix(in srgb,var(--site-primary) 6%,#111923)}.hub-civilian-quick-grid span{color:#6f669f;font-size:7px;font-weight:850}.hub-civilian-quick-grid strong{font-size:11px}.hub-civilian-quick-grid small{color:#6e798b;font-size:7px}.hub-civilian-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.hub-civilian-record-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.hub-civilian-record-grid>article{padding:14px;border:1px solid rgba(255,255,255,.055);border-radius:10px;background:#151e29}.hub-civilian-record-grid>article>span,.hub-civilian-record-grid>article>strong,.hub-civilian-record-grid>article>small{display:block}.hub-civilian-record-grid>article>span{color:#8c82e8;font-size:6px;font-weight:850;letter-spacing:.08em}.hub-civilian-record-grid>article>strong{margin-top:7px;font-size:11px}.hub-civilian-record-grid>article>small{margin-top:4px;color:#737e90;font-size:7px}.hub-civilian-record-grid>article>button{margin-top:12px;padding:0;border:0;background:transparent;color:#a59afc;font-size:8px;font-weight:800}.hub-civilian-empty{grid-column:1/-1;padding:26px;border:1px dashed rgba(255,255,255,.07);border-radius:10px;text-align:center}.hub-civilian-empty strong{display:block;font-size:10px}.hub-civilian-empty p{margin:5px 0 0;color:#697486;font-size:8px}.hub-civilian-portal.denied{padding:40px}.hub-civilian-portal.denied p{color:#788396}
@media(max-width:900px){.hub-profile-badges-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hub-civilian-stats,.hub-civilian-quick-grid{grid-template-columns:repeat(2,1fr)}.hub-civilian-record-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.hub-application-inbox-head,.hub-civilian-portal-header{align-items:flex-start;flex-direction:column}.hub-application-submission-count{align-self:flex-start}.hub-community-join-mode{width:100%}.hub-profile-badges-grid,.hub-civilian-stats,.hub-civilian-quick-grid,.hub-civilian-record-grid{grid-template-columns:1fr!important}.hub-civilian-portal-header{padding:20px}.hub-civilian-portal-dept{min-width:0;width:100%}.hub-civilian-portal-tabs{overflow:auto;padding:0 8px}.hub-civilian-portal-tabs button{white-space:nowrap}}

/* =========================================================
   Civilian Portal redesign + Home viewport cleanup
   2026-09-02
   ========================================================= */

/* Home should only scroll when its content actually exceeds the viewport. */
.hub-main:has(> .hub-home-launch-pro){
  min-height:0!important;
}
.hub-main > .hub-home-launch-pro{
  box-sizing:border-box!important;
  min-height:calc(100dvh - 56px)!important;
  padding-top:clamp(26px,4vh,52px)!important;
  padding-bottom:clamp(26px,4vh,52px)!important;
}
@supports not (height:100dvh){
  .hub-main > .hub-home-launch-pro{min-height:calc(100vh - 56px)!important;}
}

.hub-civ-registry-row{cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}
.hub-civ-registry-row:hover{background:rgba(255,255,255,.035)!important;border-color:rgba(174,184,197,.22)!important;transform:translateY(-1px)}
.hub-civ-registry-row .remove{cursor:pointer}
.hub-community-private-toggle>span{display:flex!important;align-items:center;gap:10px}
.hub-community-private-toggle input{width:17px!important;height:17px!important}
.hub-route-loader{display:block!important;opacity:0;pointer-events:none;transition:opacity .12s ease}
.hub-route-loader.active{opacity:1}
.hub-character-create-v2-existing{max-height:340px;overflow-y:auto;padding-right:6px}
.hub-home-launch-pro-view-all{min-width:190px!important;min-height:42px!important;margin-inline:auto!important;font-weight:750!important;border:1px solid rgba(255,255,255,.15)!important;background:rgba(255,255,255,.075)!important}
.hub-home-character-list{max-height:430px;overflow-y:auto;padding-right:7px}
.hub-character-create-v2-existing-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:stretch}
.hub-character-create-v2-existing-row>button:first-child{width:100%}
.hub-character-create-delete-inline{padding:0 14px!important;border:1px solid rgba(255,92,110,.24)!important;background:rgba(255,72,94,.08)!important;color:#ff9aa7!important;border-radius:10px!important;font-weight:700!important}
.hub-character-create-delete-inline:hover{background:rgba(255,72,94,.15)!important}
.hub-brand-home-button{cursor:default!important}
.hub-brand-home-button:hover{background:transparent!important;border-color:transparent!important}
.hub-character-create-v2-existing-row>button:first-child{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;min-height:52px!important;padding:7px 10px!important;border:1px solid var(--border)!important;border-radius:9px!important;background:#0b1019!important;color:#dfe4ea!important;text-align:left!important}
.hub-character-create-v2-existing-row>button:first-child:hover{border-color:var(--border)!important;background:#0e141e!important}
.hub-home-launch-pro-view-all{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;width:max-content!important;min-width:220px!important;margin:12px auto 0!important;padding:0 15px!important;border-color:var(--border)!important;background:#0b0f17!important;color:#aeb8ca!important}
.hub-home-launch-pro-view-all:hover{border-color:var(--border)!important;background:#0e1320!important;color:#fff!important;transform:none!important}
.hub-home-launch-pro-view-all>b{font-size:10px!important}
.hub-home-launch-pro-card:hover{border-color:var(--border)!important}

/* Character controls: compact, centered, and neutral on hover. */
.hub-home-character-list>.hub-home-launch-pro-card,
.hub-home-character-list>.hub-home-launch-pro-card:only-child,
.hub-home-character-list>.hub-home-launch-pro-card:first-child:nth-last-child(3),
.hub-home-character-list>.hub-home-launch-pro-card:first-child:nth-last-child(3)~.hub-home-launch-pro-card{
  border:1px solid rgba(255,255,255,.13)!important;
}
.hub-home-character-list>.hub-home-launch-pro-view-all{
  grid-column:1 / -1!important;
  justify-self:center!important;
  align-self:center!important;
  width:165px!important;
  min-width:165px!important;
  max-width:165px!important;
  min-height:34px!important;
  height:34px!important;
  margin:10px auto 0!important;
  padding:0 11px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:9px!important;
  font-size:8px!important;
}
.hub-home-character-list>.hub-home-launch-pro-view-all>b{
  margin-left:5px!important;
  font-size:9px!important;
}
.hub-character-create-v2-existing-row>button:first-child{
  border-color:rgba(255,255,255,.13)!important;
}
.hub-home-character-list>.hub-home-launch-pro-card:hover,
.hub-character-create-v2-existing-row>button:first-child:hover{
  border-color:rgba(101,88,255,.55)!important;
  box-shadow:none!important;
  outline:1px solid rgba(101,88,255,.55)!important;
  outline-offset:-1px!important;
  transform:translateY(-2px)!important;
}
.hub-home-character-list{
  box-sizing:border-box!important;
  padding:4px 7px 4px 4px!important;
}
.hub-character-create-v2-existing{
  box-sizing:border-box!important;
  padding:15px 7px 4px 4px!important;
}

/* Civilian Portal: same information architecture, completely refreshed visual system. */
.hub-civilian-portal{
  width:min(1240px,calc(100% - 40px))!important;
  padding:34px 0 54px!important;
  margin:0 auto!important;
}
.hub-civilian-portal-header{
  position:relative;
  overflow:hidden;
  align-items:center!important;
  padding:26px 28px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:14px 14px 0 0!important;
  background:
    linear-gradient(110deg,rgba(16,24,36,.98),rgba(11,17,27,.98)),
    #0d141f!important;
  box-shadow:0 18px 55px rgba(0,0,0,.25)!important;
}
.hub-civilian-portal-header::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg,var(--site-primary),var(--site-secondary));
}
.hub-civilian-portal-header::after{
  content:"CIV";
  position:absolute;
  right:260px;
  top:50%;
  transform:translateY(-50%);
  color:rgba(255,255,255,.018);
  font-size:96px;
  font-weight:950;
  letter-spacing:-.08em;
  pointer-events:none;
}
.hub-civilian-back{
  position:relative;
  z-index:2;
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-bottom:14px;
  color:#8c99ad!important;
  font-size:8px!important;
  letter-spacing:.02em;
}
.hub-civilian-back:hover{color:#fff!important;}
.hub-civilian-portal-header>div:first-child>span{
  margin-top:0!important;
  color:#8c82e8!important;
  font-size:7px!important;
  letter-spacing:.16em!important;
}
.hub-civilian-portal-header h1{
  margin:6px 0 5px!important;
  font-size:clamp(26px,3vw,36px)!important;
  letter-spacing:-.045em!important;
}
.hub-civilian-portal-header p{
  max-width:560px;
  color:#718096!important;
  font-size:9px!important;
  line-height:1.55;
}
.hub-civilian-portal-dept{
  position:relative;
  z-index:2;
  min-width:230px!important;
  padding:12px 14px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:10px!important;
  background:#121b27!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}
.hub-civilian-portal-dept small{color:#66758a!important;}
.hub-civilian-portal-dept strong{font-size:11px!important;}
.hub-civilian-portal-dept span{
  display:inline-flex!important;
  width:max-content;
  margin-top:7px!important;
  padding:3px 6px;
  border-radius:99px;
  background:rgba(65,214,155,.08);
  color:#68d8aa!important;
}

.hub-civilian-portal-tabs{
  top:56px!important;
  gap:0!important;
  min-height:46px;
  padding:0 16px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-top:0!important;
  background:rgba(10,15,23,.96)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(16px);
}
.hub-civilian-portal-tabs button{
  height:45px!important;
  padding:0 16px!important;
  border-bottom:2px solid transparent!important;
  color:#68758a!important;
  font-size:8px!important;
  letter-spacing:.02em;
}
.hub-civilian-portal-tabs button:hover{color:#cbd3df!important;background:rgba(255,255,255,.018)!important;}
.hub-civilian-portal-tabs button.active{
  border-bottom-color:var(--site-primary)!important;
  color:#fff!important;
  background:linear-gradient(180deg,transparent,rgba(124,92,255,.045))!important;
}
.hub-civilian-portal>main{
  min-height:520px;
  padding:18px!important;
  border:1px solid rgba(255,255,255,.06)!important;
  border-top:0!important;
  border-radius:0 0 14px 14px!important;
  background:#080d14!important;
}
.hub-civilian-overview{gap:12px!important;}
.hub-civilian-welcome,
.hub-civilian-panel{
  padding:18px!important;
  border:1px solid rgba(255,255,255,.06)!important;
  border-radius:11px!important;
  background:#0e151f!important;
  box-shadow:none!important;
}
.hub-civilian-welcome{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  padding:20px 22px!important;
}
.hub-civilian-welcome>span{
  grid-column:1;
  color:#746bc2!important;
}
.hub-civilian-welcome h2{
  grid-column:1;
  margin:3px 0 0!important;
  font-size:20px;
}
.hub-civilian-welcome p{
  grid-column:1;
  max-width:570px;
  margin-top:5px!important;
}
.hub-civilian-stats{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
}
.hub-civilian-stats>div{
  position:relative;
  overflow:hidden;
  min-height:88px;
  padding:14px 15px!important;
  border:1px solid rgba(255,255,255,.055)!important;
  border-radius:10px!important;
  background:#0d141e!important;
}
.hub-civilian-stats>div::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:2px;
  opacity:.7;
  background:linear-gradient(90deg,var(--site-primary),transparent 80%);
}
.hub-civilian-stats strong{font-size:24px!important;letter-spacing:-.04em;}
.hub-civilian-stats span{margin-top:7px!important;color:#657287!important;}
.hub-civilian-quick-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
}
.hub-civilian-quick-grid button{
  position:relative;
  min-height:104px;
  align-content:end;
  gap:4px!important;
  padding:15px!important;
  border:1px solid rgba(255,255,255,.055)!important;
  border-radius:10px!important;
  background:#0d141e!important;
}
.hub-civilian-quick-grid button:hover{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--site-primary) 36%,rgba(255,255,255,.06))!important;
  background:#101925!important;
}
.hub-civilian-quick-grid span{
  position:absolute;
  top:12px;right:13px;
  color:#3f4a5c!important;
  font-size:12px!important;
}
.hub-civilian-quick-grid strong{font-size:11px!important;}
.hub-civilian-quick-grid small{font-size:7px!important;}
.hub-civilian-panel-head{
  padding-bottom:13px;
  margin-bottom:14px!important;
  border-bottom:1px solid rgba(255,255,255,.05);
}
.hub-civilian-panel-head span{color:#746bc2!important;}
.hub-civilian-panel-head h2{font-size:18px;letter-spacing:-.03em;}
.hub-civilian-record-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
}
.hub-civilian-record-grid>article{
  min-height:135px;
  display:flex;
  flex-direction:column;
  padding:14px!important;
  border:1px solid rgba(255,255,255,.055)!important;
  border-radius:9px!important;
  background:#101823!important;
}
.hub-civilian-record-grid>article>span{color:#8177d2!important;}
.hub-civilian-record-grid>article>strong{font-size:11px!important;}
.hub-civilian-record-grid>article>button{
  width:max-content;
  margin-top:auto!important;
  padding-top:15px!important;
  color:#9c92f0!important;
}
.hub-civilian-empty{
  min-height:170px;
  display:grid;
  place-items:center;
  align-content:center;
  border-color:rgba(255,255,255,.065)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.012);
}
.hub-civilian-empty strong{font-size:11px!important;}

@media(max-width:900px){
  .hub-civilian-portal{width:min(100% - 24px,1240px)!important;}
  .hub-civilian-stats,.hub-civilian-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .hub-civilian-record-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:620px){
  .hub-civilian-portal{width:calc(100% - 16px)!important;padding-top:18px!important;}
  .hub-civilian-portal-header{padding:20px!important;}
  .hub-civilian-portal-header::after{display:none;}
  .hub-civilian-stats,.hub-civilian-quick-grid,.hub-civilian-record-grid{grid-template-columns:1fr!important;}
}

/* Civilian identity/header revision: selected civilian is the active portal identity. */
.hub-civilian-identity-header{
  min-height:154px;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center!important;
  gap:26px!important;
  padding:26px 28px!important;
  background:
    radial-gradient(circle at 82% 15%,color-mix(in srgb,var(--site-primary) 12%,transparent),transparent 34%),
    linear-gradient(115deg,#101824 0%,#0b111a 62%,#0a1018 100%)!important;
}
.hub-civilian-identity-header::after{
  content:"CIVILIAN"!important;
  right:28px!important;
  top:8px!important;
  transform:none!important;
  color:rgba(255,255,255,.018)!important;
  font-size:64px!important;
  letter-spacing:.04em!important;
}
.hub-civilian-header-copy{position:relative;z-index:2;min-width:0;}
.hub-civilian-header-copy>span{
  display:block!important;
  margin:0 0 8px!important;
  color:#8c82e8!important;
  font-size:7px!important;
  font-weight:850!important;
  letter-spacing:.17em!important;
}
.hub-civilian-header-copy h1{
  margin:0!important;
  font-size:clamp(30px,3.3vw,42px)!important;
  line-height:1.02;
  letter-spacing:-.05em!important;
}
.hub-civilian-header-copy p{
  margin:9px 0 0!important;
  color:#718096!important;
  font-size:9px!important;
}
.hub-civilian-header-copy p b{padding:0 4px;color:#485568;font-weight:700;}
.hub-civilian-active-persona{
  position:relative;
  z-index:2;
  min-width:250px;
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  align-items:center;
  gap:11px;
  padding:11px 13px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:11px;
  background:rgba(17,26,38,.82);
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}
.hub-civilian-persona-avatar{
  width:44px;height:44px;display:grid;place-items:center;
  border:1px solid color-mix(in srgb,var(--site-primary) 28%,rgba(255,255,255,.08));
  border-radius:10px;
  background:color-mix(in srgb,var(--site-primary) 10%,#111a26);
  color:#e7e4ff;font-size:11px;font-weight:900;
}
.hub-civilian-persona-copy small,.hub-civilian-persona-copy strong,.hub-civilian-persona-copy em{display:block;}
.hub-civilian-persona-copy small{color:#66758a;font-size:6px;font-weight:850;letter-spacing:.11em;}
.hub-civilian-persona-copy strong{margin-top:4px;color:#fff;font-size:10px;}
.hub-civilian-persona-copy em{margin-top:3px;color:#67d5a6;font-size:7px;font-style:normal;}
.hub-civilian-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.hub-civilian-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
@media(max-width:760px){
  .hub-civilian-identity-header{grid-template-columns:1fr!important;align-items:start!important;}
  .hub-civilian-active-persona{min-width:0;width:100%;box-sizing:border-box;}
}

/* =========================================================
   Civilian Portal v4 — record dashboard + in-site editors
   ========================================================= */
.hub-civilian-v4{
  width:min(1180px,calc(100vw - 38px))!important;
  padding:28px 0 48px!important;
  margin:0 auto!important;
}
.hub-civilian-v4 .hub-civilian-identity-header{
  min-height:0!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:20px!important;
  padding:24px 26px!important;
  border-radius:14px 14px 0 0!important;
  background:linear-gradient(135deg,#101824 0%,#0c131d 58%,#0a1018 100%)!important;
}
.hub-civilian-v4 .hub-civilian-identity-header::after{
  content:"CIV"!important;
  top:50%!important;
  right:145px!important;
  transform:translateY(-50%)!important;
  font-size:82px!important;
  letter-spacing:-.06em!important;
  color:rgba(255,255,255,.018)!important;
}
.hub-civilian-v4 .hub-civilian-header-copy>span{margin:0 0 7px!important;color:#8177d2!important;}
.hub-civilian-v4 .hub-civilian-header-copy h1{font-size:clamp(27px,3vw,36px)!important;}
.hub-civilian-v4 .hub-civilian-header-copy p{margin-top:7px!important;}
.hub-civilian-header-status{
  position:relative;z-index:2;display:flex;align-items:center;gap:10px;
  min-width:170px;padding:10px 12px;border:1px solid rgba(255,255,255,.065);
  border-radius:9px;background:rgba(255,255,255,.025);
}
.hub-civilian-header-status>span{width:8px;height:8px;border-radius:50%;background:#55d6a1;box-shadow:0 0 0 5px rgba(85,214,161,.07)}
.hub-civilian-header-status small,.hub-civilian-header-status strong{display:block}
.hub-civilian-header-status small{color:#667287;font-size:6px;font-weight:800;letter-spacing:.1em}
.hub-civilian-header-status strong{margin-top:3px;color:#e5e9ef;font-size:10px}

.hub-civilian-v4 .hub-civilian-portal-tabs{
  position:sticky!important;top:56px!important;z-index:40!important;
  height:47px!important;min-height:47px!important;display:flex!important;align-items:stretch!important;
  padding:0 10px!important;border-color:rgba(255,255,255,.06)!important;
  background:rgba(9,14,22,.97)!important;
}
.hub-civilian-v4 .hub-civilian-portal-tabs button{
  position:relative;height:46px!important;padding:0 18px!important;border:0!important;
  color:#6f7b8e!important;background:transparent!important;font-size:8px!important;font-weight:800!important;
}
.hub-civilian-v4 .hub-civilian-portal-tabs button::after{
  content:"";position:absolute;left:18px;right:18px;bottom:0;height:2px;background:transparent;
}
.hub-civilian-v4 .hub-civilian-portal-tabs button.active{color:#fff!important;background:transparent!important;}
.hub-civilian-v4 .hub-civilian-portal-tabs button.active::after{background:var(--site-primary)}

.hub-civilian-v4>main{
  min-height:490px!important;padding:16px!important;border-color:rgba(255,255,255,.055)!important;
  background:#090e15!important;
}
.hub-civ-v4-overview{display:grid!important;gap:12px!important;}
.hub-civ-v4-overview-head{
  display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;
  border:1px solid rgba(255,255,255,.055);border-radius:10px;background:#0e151f;
}
.hub-civ-v4-overview-head>div:first-child>span,.hub-civ-v4-panel-head>div>span{
  display:block;color:#8177d2;font-size:7px;font-weight:850;letter-spacing:.13em;
}
.hub-civ-v4-overview-head h2,.hub-civ-v4-panel-head h2{margin:5px 0 0;color:#f1f3f6;font-size:18px;letter-spacing:-.03em}
.hub-civ-v4-overview-head p,.hub-civ-v4-panel-head p{margin:5px 0 0;color:#687589;font-size:8px;line-height:1.5}
.hub-civ-v4-total{min-width:92px;padding:10px 12px;border-left:1px solid rgba(255,255,255,.06);text-align:right}
.hub-civ-v4-total small,.hub-civ-v4-total strong{display:block}
.hub-civ-v4-total small{color:#5f6b7d;font-size:6px;font-weight:850;letter-spacing:.08em}
.hub-civ-v4-total strong{margin-top:3px;font-size:24px;letter-spacing:-.05em}
.hub-civ-v4-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.hub-civ-v4-overview-grid button{
  position:relative;min-height:160px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;
  padding:17px;border:1px solid rgba(255,255,255,.055);border-radius:10px;background:#0e151f;color:#fff;text-align:left;
  transition:.16s ease;
}
.hub-civ-v4-overview-grid button:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--site-primary) 30%,rgba(255,255,255,.055));background:#111a26}
.hub-civ-v4-overview-grid .hub-civ-v4-index{position:absolute;top:14px;right:15px;color:#3d4859;font-size:10px;font-weight:900}
.hub-civ-v4-overview-grid button>small{color:#687589;font-size:7px;font-weight:850;letter-spacing:.11em}
.hub-civ-v4-overview-grid button>strong{margin-top:4px;font-size:31px;line-height:1;letter-spacing:-.06em}
.hub-civ-v4-overview-grid button>em{margin-top:13px;color:#878f9d;font-size:8px;font-style:normal}

.hub-civilian-v4 .hub-civ-v4-panel{padding:0!important;border:0!important;background:transparent!important}
.hub-civ-v4-panel-head{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;
  margin:0 0 10px!important;padding:17px 18px!important;border:1px solid rgba(255,255,255,.055)!important;
  border-radius:10px!important;background:#0e151f!important;
}
.hub-civ-v4-add{
  min-height:34px;padding:0 12px;border:1px solid color-mix(in srgb,var(--site-primary) 30%,rgba(255,255,255,.06));
  border-radius:8px;background:color-mix(in srgb,var(--site-primary) 10%,#111923);color:#e6e2ff;font-size:8px;font-weight:850;
}
.hub-civ-v4-add:hover{background:color-mix(in srgb,var(--site-primary) 16%,#111923)}
.hub-civ-v4-record-list{display:grid;gap:7px}
.hub-civ-v4-record{
  min-height:66px;display:grid;grid-template-columns:150px minmax(0,1fr) 110px auto;align-items:center;gap:14px;
  padding:10px 12px;border:1px solid rgba(255,255,255,.05);border-radius:9px;background:#0d141e;
}
.hub-civ-v4-record-id small,.hub-civ-v4-record-id strong,.hub-civ-v4-record-main strong,.hub-civ-v4-record-main small{display:block}
.hub-civ-v4-record-id small{color:#667287;font-size:6px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.hub-civ-v4-record-id strong{margin-top:4px;color:#9b92e9;font-size:9px}
.hub-civ-v4-record-main strong{font-size:10px}.hub-civ-v4-record-main small{margin-top:3px;color:#687589;font-size:7px}
.hub-civ-v4-record-meta span{display:inline-flex;padding:4px 7px;border-radius:99px;background:rgba(85,214,161,.07);color:#6bd6aa;font-size:7px;font-weight:750}
.hub-civ-v4-remove{padding:6px 8px!important;border:0!important;background:transparent!important;color:#8c6670!important;font-size:7px!important;font-weight:800!important}
.hub-civ-v4-remove:hover{color:#ff8e9b!important}
.hub-civ-v4-empty{min-height:240px;display:grid;place-items:center;align-content:center;padding:30px;border:1px dashed rgba(255,255,255,.065);border-radius:10px;background:#0c131c;text-align:center}
.hub-civ-v4-empty-mark{width:36px;height:36px;display:grid;place-items:center;margin-bottom:10px;border:1px solid rgba(255,255,255,.055);border-radius:9px;color:#485467;background:#101823}
.hub-civ-v4-empty strong{font-size:10px}.hub-civ-v4-empty p{margin:5px 0 0;color:#647184;font-size:8px}

.hub-civ-editor-backdrop{
  position:fixed;inset:0;z-index:9000;display:grid;place-items:center;padding:22px;background:rgba(3,6,10,.72);backdrop-filter:blur(8px);
}
.hub-civ-editor-modal{
  width:min(620px,calc(100vw - 30px));overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:14px;
  background:#0d141e;box-shadow:0 28px 90px rgba(0,0,0,.48);
}
.hub-civ-editor-head{display:flex;align-items:center;justify-content:space-between;padding:17px 19px;border-bottom:1px solid rgba(255,255,255,.055);background:#101823}
.hub-civ-editor-head span{display:block;color:#8177d2;font-size:6px;font-weight:850;letter-spacing:.12em}.hub-civ-editor-head h2{margin:4px 0 0;font-size:17px}
.hub-civ-editor-head>button{width:30px;height:30px;border:0;border-radius:7px;background:rgba(255,255,255,.035);color:#7e8999;font-size:19px;line-height:1}.hub-civ-editor-head>button:hover{background:rgba(255,255,255,.06);color:#fff}
.hub-civ-editor-form{padding:18px}
.hub-civ-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hub-civ-editor-grid label{display:block}.hub-civ-editor-grid label.wide{grid-column:1/-1}.hub-civ-editor-grid label>span{display:block;margin-bottom:6px;color:#768297;font-size:7px;font-weight:750}
.hub-civ-editor-grid input,.hub-civ-editor-grid select{
  width:100%;height:39px;box-sizing:border-box;padding:0 10px;border:1px solid rgba(255,255,255,.07);border-radius:8px;
  outline:none;background:#0a1018;color:#dfe4eb;font:inherit;font-size:9px;
}
.hub-civ-editor-grid input::placeholder{color:#485466}.hub-civ-editor-grid input:focus,.hub-civ-editor-grid select:focus{border-color:color-mix(in srgb,var(--site-primary) 55%,rgba(255,255,255,.08));box-shadow:0 0 0 3px color-mix(in srgb,var(--site-primary) 8%,transparent)}
.hub-civ-editor-grid select{appearance:auto;color-scheme:dark}
.hub-civ-editor-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.05)}
.hub-civ-editor-actions button{height:34px;padding:0 12px;border:1px solid rgba(255,255,255,.06);border-radius:8px;background:#111923;color:#8994a5;font-size:8px;font-weight:800}.hub-civ-editor-actions button.primary{border-color:color-mix(in srgb,var(--site-primary) 32%,rgba(255,255,255,.06));background:color-mix(in srgb,var(--site-primary) 14%,#111923);color:#f2f0ff}

@media(max-width:760px){
  .hub-civilian-v4 .hub-civilian-identity-header{grid-template-columns:1fr!important}.hub-civilian-header-status{width:100%;box-sizing:border-box}
  .hub-civ-v4-overview-grid{grid-template-columns:1fr}.hub-civ-v4-record{grid-template-columns:1fr auto;gap:7px}.hub-civ-v4-record-id,.hub-civ-v4-record-main{grid-column:1}.hub-civ-v4-record-meta{grid-column:1}.hub-civ-v4-remove{grid-column:2;grid-row:1/-1}
}
@media(max-width:560px){
  .hub-civilian-v4{width:calc(100vw - 16px)!important}.hub-civ-v4-overview-head,.hub-civ-v4-panel-head{align-items:flex-start!important;flex-direction:column!important}.hub-civ-v4-total{padding-left:0;border-left:0;text-align:left}
  .hub-civ-editor-grid{grid-template-columns:1fr}.hub-civ-editor-grid label.wide{grid-column:auto}
}

/* =========================================================
   Civilian CAD / MDT registry redesign
   ========================================================= */
.hub-civilian-cad{max-width:1180px!important;padding-bottom:28px!important}
.hub-civ-cad-header{
  display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:0;margin:0 0 10px;
  border:1px solid rgba(255,255,255,.07);background:#0c121a;overflow:hidden;
}
.hub-civ-cad-title{padding:22px 24px}.hub-civ-cad-title>span{display:block;color:#7b8492;font-size:7px;font-weight:900;letter-spacing:.16em}
.hub-civ-cad-title h1{margin:7px 0 0;font-size:26px;letter-spacing:-.04em}.hub-civ-cad-title p{margin:6px 0 0;color:#717c8c;font-size:8px}.hub-civ-cad-title p b{padding:0 4px;color:#394454}
.hub-civ-cad-idblock{display:flex;flex-direction:column;justify-content:center;padding:17px 20px;border-left:1px solid rgba(255,255,255,.06);background:#0f1721}
.hub-civ-cad-idblock small{color:#657184;font-size:6px;font-weight:900;letter-spacing:.12em}.hub-civ-cad-idblock strong{margin-top:5px;color:#63d7a8;font-size:12px}.hub-civ-cad-idblock em{margin-top:7px;color:#5e697a;font-size:7px;line-height:1.45;font-style:normal}
.hub-civ-cad-tabs{display:flex!important;gap:0!important;overflow:auto;margin:0 0 12px!important;padding:0!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:0!important;background:#0e151e!important;scrollbar-width:none}
.hub-civ-cad-tabs::-webkit-scrollbar{display:none}.hub-civ-cad-tabs button{flex:0 0 auto;min-height:42px!important;padding:0 18px!important;border:0!important;border-right:1px solid rgba(255,255,255,.05)!important;border-radius:0!important;background:transparent!important;color:#718092!important;font-size:8px!important;font-weight:850!important}
.hub-civ-cad-tabs button:hover{background:#111b27!important;color:#c6ced9!important}.hub-civ-cad-tabs button.active{background:#151f2c!important;color:#fff!important;box-shadow:inset 0 -2px 0 var(--site-primary)}
.hub-civ-cad-panel,.hub-civ-cad-overview{display:grid;gap:10px}.hub-civ-cad-panel-head,.hub-civ-cad-summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 19px;border:1px solid rgba(255,255,255,.06);background:#0e151e}
.hub-civ-cad-panel-head>div>span,.hub-civ-cad-summary>div>span{display:block;color:#788295;font-size:6px;font-weight:900;letter-spacing:.14em}.hub-civ-cad-panel-head h2,.hub-civ-cad-summary h2{margin:5px 0 0;font-size:17px}.hub-civ-cad-panel-head p,.hub-civ-cad-summary p{margin:5px 0 0;color:#657184;font-size:8px;line-height:1.5}
.hub-civ-cad-primary,.hub-civ-cad-summary>button{height:34px;flex:0 0 auto;padding:0 12px;border:1px solid color-mix(in srgb,var(--site-primary) 34%,rgba(255,255,255,.07));border-radius:6px;background:color-mix(in srgb,var(--site-primary) 12%,#111923);color:#eeeaff;font-size:8px;font-weight:850}.hub-civ-cad-primary:hover,.hub-civ-cad-summary>button:hover{background:color-mix(in srgb,var(--site-primary) 18%,#111923)}
.hub-civ-cad-warningbar{display:grid;grid-template-columns:130px 130px minmax(0,1fr);align-items:center;min-height:44px;padding:0 14px;border:1px solid rgba(255,255,255,.055);background:#0c131b;color:#717d8f}.hub-civ-cad-warningbar strong,.hub-civ-cad-warningbar span{font-size:7px;font-weight:900;letter-spacing:.08em}.hub-civ-cad-warningbar em{text-align:right;color:#566172;font-size:7px;font-style:normal}.hub-civ-cad-warningbar.has-alerts{border-color:rgba(242,91,107,.24);background:rgba(242,91,107,.035)}.hub-civ-cad-warningbar.has-alerts strong,.hub-civ-cad-warningbar.has-alerts span{color:#ff909c}
.hub-civ-cad-dashboard{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.hub-civ-cad-dashboard button{min-height:132px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:14px;border:1px solid rgba(255,255,255,.055);border-radius:0;background:#0d141d;color:#fff;text-align:left}.hub-civ-cad-dashboard button:hover{border-color:rgba(255,255,255,.11);background:#111a25}.hub-civ-cad-dashboard small{color:#687587;font-size:7px;font-weight:800}.hub-civ-cad-dashboard strong{margin:8px 0 14px;font-size:28px;line-height:1}.hub-civ-cad-dashboard span{color:#7f8a9a;font-size:7px}
.hub-civ-cad-list{display:grid;gap:6px}.hub-civ-cad-row{min-height:72px;display:grid;grid-template-columns:180px minmax(0,1fr) 180px auto;align-items:center;gap:14px;padding:10px 12px;border:1px solid rgba(255,255,255,.05);background:#0c131b}.hub-civ-cad-key small,.hub-civ-cad-key strong,.hub-civ-cad-main strong,.hub-civ-cad-main small{display:block}.hub-civ-cad-key small{color:#626e80;font-size:6px;font-weight:900;letter-spacing:.1em}.hub-civ-cad-key strong{margin-top:5px;color:#dce1e8;font-size:10px;letter-spacing:.03em}.hub-civ-cad-main strong{font-size:10px}.hub-civ-cad-main small{margin-top:4px;color:#697587;font-size:7px;line-height:1.45}.hub-civ-cad-exp{display:block;margin-bottom:5px;color:#5f6a7b;font-size:6px;font-weight:800}.hub-civ-status{display:inline-flex;padding:4px 7px;border-radius:4px;font-size:7px;font-weight:850}.hub-civ-status.good{background:rgba(70,210,154,.08);color:#6bd7aa}.hub-civ-status.warn{background:rgba(242,185,75,.09);color:#e6bb67}.hub-civ-status.danger{background:rgba(242,91,107,.09);color:#ff8b98}.hub-civ-cad-delete{padding:7px 8px;border:0;background:transparent;color:#7c5962;font-size:7px;font-weight:850}.hub-civ-cad-delete:hover{color:#ff8a98}
.hub-civ-cad-empty{min-height:230px;display:grid;place-items:center;align-content:center;padding:30px;border:1px dashed rgba(255,255,255,.065);background:#0b121a;text-align:center}.hub-civ-cad-empty strong{font-size:10px}.hub-civ-cad-empty p{max-width:420px;margin:6px 0 0;color:#606c7e;font-size:8px;line-height:1.5}
.hub-civ-cad-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.hub-civ-cad-fields>div{min-height:70px;padding:12px;border:1px solid rgba(255,255,255,.05);background:#0c131b}.hub-civ-cad-fields small,.hub-civ-cad-fields strong{display:block}.hub-civ-cad-fields small{color:#606c7d;font-size:6px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.hub-civ-cad-fields strong{margin-top:9px;font-size:10px}
.hub-civ-cad-modal{width:min(700px,calc(100vw - 30px))!important;border-radius:8px!important}.hub-civ-cad-modal .hub-civ-editor-head{background:#101822}.hub-civ-cad-modal .hub-civ-editor-grid input,.hub-civ-cad-modal .hub-civ-editor-grid select{border-radius:5px!important}
@media(max-width:920px){.hub-civ-cad-dashboard{grid-template-columns:repeat(3,minmax(0,1fr))}.hub-civ-cad-row{grid-template-columns:150px minmax(0,1fr) 150px auto}.hub-civ-cad-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.hub-civ-cad-header{grid-template-columns:1fr}.hub-civ-cad-idblock{border-left:0;border-top:1px solid rgba(255,255,255,.06)}.hub-civ-cad-panel-head,.hub-civ-cad-summary{align-items:flex-start;flex-direction:column}.hub-civ-cad-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-civ-cad-row{grid-template-columns:1fr auto;gap:7px}.hub-civ-cad-row>div:nth-child(1),.hub-civ-cad-row>div:nth-child(2),.hub-civ-cad-row>div:nth-child(3){grid-column:1}.hub-civ-cad-delete{grid-column:2;grid-row:1/-1}.hub-civ-cad-warningbar{grid-template-columns:1fr 1fr}.hub-civ-cad-warningbar em{grid-column:1/-1;padding-bottom:9px;text-align:left}.hub-civ-cad-fields{grid-template-columns:1fr}}
@media(max-width:480px){.hub-civ-cad-dashboard{grid-template-columns:1fr}}

/* =========================================================
   Civilian Registry v2 — CAD/MDT-linked civilian records UI
   ========================================================= */
.hub-civ-registry{max-width:1180px!important;padding:0 0 28px!important;color:#e7ebf2}
.hub-civ-registry-head{display:grid;grid-template-columns:230px minmax(0,1fr) 190px;align-items:stretch;margin-bottom:12px;border:1px solid rgba(255,255,255,.065);background:linear-gradient(180deg,#111923,#0d141d);box-shadow:0 18px 50px rgba(0,0,0,.14)}
.hub-civ-registry-brand{display:flex;align-items:center;gap:12px;padding:16px 18px;border-right:1px solid rgba(255,255,255,.06)}
.hub-civ-registry-mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--site-primary) 38%,rgba(255,255,255,.08));border-radius:8px;background:color-mix(in srgb,var(--site-primary) 10%,#111923);color:#cfc8ff;font-size:9px;font-weight:950;letter-spacing:.08em}
.hub-civ-registry-brand small,.hub-civ-registry-brand strong{display:block}.hub-civ-registry-brand small{color:#637084;font-size:6px;font-weight:900;letter-spacing:.14em}.hub-civ-registry-brand strong{max-width:140px;margin-top:5px;overflow:hidden;color:#c9d0db;font-size:8px;text-overflow:ellipsis;white-space:nowrap}
.hub-civ-registry-person{padding:14px 20px}.hub-civ-registry-person>span{display:block;color:#687589;font-size:6px;font-weight:900;letter-spacing:.13em}.hub-civ-registry-person h1{margin:5px 0 0;font-size:22px;letter-spacing:-.035em}.hub-civ-registry-person p{margin:5px 0 0;color:#697587;font-size:7px}.hub-civ-registry-person p b{padding:0 5px;color:#354052}
.hub-civ-registry-sync{display:flex;flex-direction:column;justify-content:center;padding:14px 18px;border-left:1px solid rgba(255,255,255,.06);background:#0b121a}.hub-civ-registry-sync>span{width:8px;height:8px;margin-bottom:7px;border-radius:50%;background:#50d59d;box-shadow:0 0 0 5px rgba(80,213,157,.07)}.hub-civ-registry-sync strong{color:#88e2bd;font-size:8px;letter-spacing:.08em}.hub-civ-registry-sync small{margin-top:4px;color:#586579;font-size:6px}
.hub-civ-registry-shell{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:610px;border:1px solid rgba(255,255,255,.06);background:#0a1017}
.hub-civ-registry-nav{padding:12px 8px;border-right:1px solid rgba(255,255,255,.055);background:#0c131b}.hub-civ-registry-nav-label{padding:4px 9px 10px;color:#505d70;font-size:6px;font-weight:950;letter-spacing:.15em}
.hub-civ-registry-nav button{width:100%;height:39px;display:flex;align-items:center;gap:10px;padding:0 9px;border:0;border-radius:7px;background:transparent;color:#778496;text-align:left;font-size:8px;font-weight:780}.hub-civ-registry-nav button:hover{background:rgba(255,255,255,.025);color:#c8d0db}.hub-civ-registry-nav button.active{background:color-mix(in srgb,var(--site-primary) 12%,#111923);color:#f4f2ff}.hub-civ-registry-nav button em{width:27px;height:24px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.055);border-radius:5px;background:#101823;color:#677489;font-size:6px;font-weight:950;font-style:normal}.hub-civ-registry-nav button.active em{border-color:color-mix(in srgb,var(--site-primary) 28%,rgba(255,255,255,.06));color:#bdb5ff}
.hub-civ-registry-nav-note{margin:15px 7px 2px;padding:11px;border:1px solid rgba(255,255,255,.045);border-radius:7px;background:#0f161f}.hub-civ-registry-nav-note strong,.hub-civ-registry-nav-note span{display:block}.hub-civ-registry-nav-note strong{color:#9ea8b7;font-size:7px}.hub-civ-registry-nav-note span{margin-top:5px;color:#586578;font-size:6px;line-height:1.55}
.hub-civ-registry-content{min-width:0;padding:16px;background:radial-gradient(circle at 100% 0,rgba(124,92,255,.035),transparent 30%),#0a1017}.hub-civ-registry-panel{display:grid;gap:12px}
.hub-civ-registry-section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:2px 2px 12px;border-bottom:1px solid rgba(255,255,255,.055)}.hub-civ-registry-section-head>div>span{display:block;color:#667386;font-size:6px;font-weight:900;letter-spacing:.14em}.hub-civ-registry-section-head h2{margin:5px 0 0;font-size:17px}.hub-civ-registry-section-head p{max-width:650px;margin:5px 0 0;color:#687587;font-size:7px;line-height:1.55}
.hub-civ-reg-action{height:33px;display:inline-flex;align-items:center;gap:6px;padding:0 11px;border:1px solid color-mix(in srgb,var(--site-primary) 32%,rgba(255,255,255,.06));border-radius:6px;background:color-mix(in srgb,var(--site-primary) 11%,#111923);color:#ece9ff;font-size:7px;font-weight:850}.hub-civ-reg-action.secondary{background:#111923;color:#aeb7c4}.hub-civ-reg-action:hover{background:color-mix(in srgb,var(--site-primary) 17%,#111923)}
.hub-civ-overview-top{display:flex;align-items:center;justify-content:space-between;padding:17px 18px;border:1px solid rgba(255,255,255,.055);border-radius:8px;background:#0e151e}.hub-civ-overview-top span{color:#657286;font-size:6px;font-weight:900;letter-spacing:.13em}.hub-civ-overview-top h2{margin:5px 0 0;font-size:20px}.hub-civ-overview-top p{margin:5px 0 0;color:#647185;font-size:7px}.hub-civ-overview-top button{height:31px;padding:0 11px;border:1px solid rgba(255,255,255,.07);border-radius:6px;background:#121b26;color:#aeb7c5;font-size:7px;font-weight:800}
.hub-civ-hitline{display:grid;grid-template-columns:100px 100px minmax(0,1fr);align-items:center;min-height:52px;padding:0 14px;border:1px solid rgba(255,255,255,.05);border-radius:7px;background:#0c131b}.hub-civ-hitline>div{display:flex;align-items:center;gap:8px}.hub-civ-hitline small{color:#5f6c80;font-size:6px;font-weight:900}.hub-civ-hitline strong{font-size:11px}.hub-civ-hitline>span{text-align:right;color:#596679;font-size:7px}.hub-civ-hitline.has-hit{border-color:rgba(242,91,107,.19);background:rgba(242,91,107,.025)}
.hub-civ-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.hub-civ-overview-grid button{min-height:125px;display:flex;flex-direction:column;align-items:flex-start;padding:13px;border:1px solid rgba(255,255,255,.05);border-radius:8px;background:#0d141d;color:#fff;text-align:left}.hub-civ-overview-grid button:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.1);background:#101925}.hub-civ-overview-grid span{color:#7b8798;font-size:7px;font-weight:850}.hub-civ-overview-grid strong{margin-top:13px;font-size:25px}.hub-civ-overview-grid small{margin-top:4px;color:#566376;font-size:6px}.hub-civ-overview-grid em{margin-top:auto;color:#7f8ba0;font-size:6px;font-style:normal}
.hub-civ-registry-list{display:grid;gap:6px}.hub-civ-registry-row{min-height:76px;display:grid;grid-template-columns:175px minmax(0,1fr) 150px auto;align-items:center;gap:13px;padding:10px 12px;border:1px solid rgba(255,255,255,.05);border-radius:7px;background:#0d141c}.hub-civ-registry-row .key small,.hub-civ-registry-row .key strong,.hub-civ-registry-row .key span,.hub-civ-registry-row .body strong,.hub-civ-registry-row .body small{display:block}.hub-civ-registry-row .key small{color:#5f6d81;font-size:6px;font-weight:900;letter-spacing:.09em}.hub-civ-registry-row .key strong{margin-top:5px;color:#d9dee6;font-size:10px}.hub-civ-registry-row .key span{margin-top:4px;color:#566275;font-size:6px}.hub-civ-registry-row .body strong{font-size:9px}.hub-civ-registry-row .body small{margin-top:5px;color:#647185;font-size:7px;line-height:1.45}.hub-civ-registry-row .meta>small{display:block;margin-bottom:6px;color:#596679;font-size:6px}.hub-civ-registry-row .remove{padding:7px;border:0;background:transparent;color:#765760;font-size:6px;font-weight:850}.hub-civ-registry-row .remove:hover{color:#ff8794}
.hub-civ-reg-status{display:inline-flex;padding:4px 7px;border-radius:5px;font-size:6px;font-weight:900}.hub-civ-reg-status.good{background:rgba(70,210,154,.08);color:#65d6a7}.hub-civ-reg-status.warn{background:rgba(242,185,75,.09);color:#e0b860}.hub-civ-reg-status.danger{background:rgba(242,91,107,.09);color:#ff8a97}
.hub-civ-registry-empty{min-height:245px;display:grid;place-items:center;align-content:center;padding:28px;border:1px dashed rgba(255,255,255,.065);border-radius:8px;background:#0b1219;text-align:center}.hub-civ-registry-empty>span{color:#303b4b;font-size:24px}.hub-civ-registry-empty strong{margin-top:7px;font-size:9px}.hub-civ-registry-empty p{max-width:430px;margin:6px 0 0;color:#5f6c7e;font-size:7px;line-height:1.5}
.hub-civ-registry-identity-banner{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border:1px solid rgba(255,255,255,.055);border-radius:8px;background:linear-gradient(130deg,color-mix(in srgb,var(--site-primary) 7%,#0e151e),#0d141c)}.hub-civ-registry-identity-banner small,.hub-civ-registry-identity-banner strong,.hub-civ-registry-identity-banner span{display:block}.hub-civ-registry-identity-banner small{color:#657286;font-size:6px;font-weight:900}.hub-civ-registry-identity-banner strong{margin-top:5px;font-size:14px}.hub-civ-registry-identity-banner span{margin-top:4px;color:#657286;font-size:7px}.hub-civ-registry-id-lock{display:flex;align-items:center;gap:9px}.hub-civ-registry-id-lock b{width:30px;height:30px;display:grid;place-items:center;border-radius:7px;background:rgba(255,255,255,.04);font-size:11px}.hub-civ-registry-id-lock span{margin:0;color:#697588;font-size:6px;font-weight:900;line-height:1.45}
.hub-civ-registry-field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.hub-civ-registry-field-grid>div{min-height:67px;padding:11px;border:1px solid rgba(255,255,255,.05);border-radius:7px;background:#0c131b}.hub-civ-registry-field-grid small,.hub-civ-registry-field-grid strong{display:block}.hub-civ-registry-field-grid small{color:#5d6a7d;font-size:6px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.hub-civ-registry-field-grid strong{margin-top:8px;font-size:9px}
.hub-civ-agency-notice{display:flex;align-items:center;gap:12px;padding:12px 13px;border:1px solid rgba(242,185,75,.14);border-radius:7px;background:rgba(242,185,75,.025)}.hub-civ-agency-notice strong{color:#dcb765;font-size:7px}.hub-civ-agency-notice span{color:#756d5d;font-size:7px;line-height:1.45}
.hub-civ-agency-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.hub-civ-agency-grid>div{min-height:92px;padding:12px;border:1px solid rgba(255,255,255,.05);border-radius:7px;background:#0c131b}.hub-civ-agency-grid span,.hub-civ-agency-grid strong,.hub-civ-agency-grid small{display:block}.hub-civ-agency-grid span{color:#748195;font-size:7px;font-weight:850}.hub-civ-agency-grid strong{margin-top:8px;font-size:19px}.hub-civ-agency-grid small{margin-top:7px;color:#566276;font-size:6px;line-height:1.4}
.hub-civ-reg-modal{width:min(760px,calc(100vw - 30px))!important;max-height:min(760px,calc(100vh - 40px));overflow:auto;border:1px solid rgba(255,255,255,.08)!important;border-radius:10px!important;background:#0d141d!important}.hub-civ-reg-modal .hub-civ-editor-head{position:sticky;top:0;z-index:2;background:#111923!important}.hub-civ-reg-form{padding:16px!important}.hub-civ-reg-form-note{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:13px;padding:11px 12px;border:1px solid rgba(255,255,255,.055);border-radius:7px;background:#0b121a}.hub-civ-reg-form-note strong{font-size:8px}.hub-civ-reg-form-note span{max-width:440px;color:#647185;font-size:7px;line-height:1.45;text-align:right}.hub-civ-reg-form .hub-civ-editor-grid{gap:10px}.hub-civ-reg-form .hub-civ-editor-grid label.wide{grid-column:1/-1}.hub-civ-reg-form .hub-civ-editor-grid label>span{margin-bottom:6px;color:#788496;font-size:7px;font-weight:800}.hub-civ-reg-form .hub-civ-editor-grid input,.hub-civ-reg-form .hub-civ-editor-grid select{height:38px!important;border:1px solid rgba(255,255,255,.065)!important;border-radius:7px!important;background:#0a1119!important;color:#dfe4eb!important;font-size:8px!important}.hub-civ-reg-form .hub-civ-editor-grid select{cursor:pointer}
@media(max-width:980px){.hub-civ-registry-head{grid-template-columns:190px minmax(0,1fr)}.hub-civ-registry-sync{grid-column:1/-1;flex-direction:row;align-items:center;gap:8px;border-top:1px solid rgba(255,255,255,.05);border-left:0}.hub-civ-registry-sync>span{margin:0}.hub-civ-registry-sync small{margin:0 0 0 auto}.hub-civ-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hub-civ-registry-row{grid-template-columns:150px minmax(0,1fr) 130px auto}.hub-civ-registry-field-grid,.hub-civ-agency-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.hub-civ-registry-head{grid-template-columns:1fr}.hub-civ-registry-brand{border-right:0;border-bottom:1px solid rgba(255,255,255,.05)}.hub-civ-registry-shell{grid-template-columns:1fr}.hub-civ-registry-nav{display:flex;gap:5px;overflow:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.055)}.hub-civ-registry-nav-label,.hub-civ-registry-nav-note{display:none}.hub-civ-registry-nav button{width:auto;min-width:max-content;padding:0 10px}.hub-civ-registry-nav button em{display:none}.hub-civ-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-civ-registry-row{grid-template-columns:1fr auto}.hub-civ-registry-row .key,.hub-civ-registry-row .body,.hub-civ-registry-row .meta{grid-column:1}.hub-civ-registry-row .remove{grid-column:2;grid-row:1/-1}.hub-civ-registry-field-grid,.hub-civ-agency-grid{grid-template-columns:1fr}.hub-civ-registry-section-head,.hub-civ-overview-top{align-items:flex-start;flex-direction:column}.hub-civ-hitline{grid-template-columns:1fr 1fr}.hub-civ-hitline>span{grid-column:1/-1;text-align:left;padding-bottom:10px}.hub-civ-reg-form-note{align-items:flex-start;flex-direction:column}.hub-civ-reg-form-note span{text-align:left}}
@media(max-width:480px){.hub-civ-overview-grid{grid-template-columns:1fr}}

/* =========================================================
   Civilian Portal v3 — macOS Settings-inspired, simple + deep
   ========================================================= */
.hub-civ-mac-settings{
  width:min(1160px,calc(100vw - 40px))!important;
  max-width:1160px!important;
  padding:20px 0 34px!important;
}
.hub-civ-mac-window{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.075);
  border-radius:22px;
  background:rgba(12,18,27,.94);
  box-shadow:0 24px 80px rgba(0,0,0,.22);
  backdrop-filter:blur(24px);
}
.hub-civ-mac-settings .hub-civ-registry-head{
  min-height:88px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin:0!important;
  padding:15px 20px;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
  background:rgba(255,255,255,.018)!important;
  box-shadow:none!important;
}
.hub-civ-mac-title{display:flex;align-items:center;gap:13px;min-width:0}
.hub-civ-mac-avatar{
  width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;
  border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--site-primary) 62%,#202736),color-mix(in srgb,var(--site-secondary) 38%,#151c26));
  color:#fff;font-size:16px;font-weight:850;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)
}
.hub-civ-mac-title h1{margin:0;color:#f4f6fa;font-size:18px;letter-spacing:-.025em}
.hub-civ-mac-title p{margin:4px 0 0;color:#737f91;font-size:8px}
.hub-civ-mac-context{text-align:right}
.hub-civ-mac-context small,.hub-civ-mac-context strong{display:block}
.hub-civ-mac-context small{color:#5d687a;font-size:6px;font-weight:850;letter-spacing:.12em}
.hub-civ-mac-context strong{margin-top:4px;color:#b9c1ce;font-size:9px}

.hub-civ-mac-settings .hub-civ-registry-shell{
  display:grid!important;
  grid-template-columns:225px minmax(0,1fr)!important;
  min-height:610px!important;
  border:0!important;
  background:transparent!important;
}
.hub-civ-mac-settings .hub-civ-registry-nav{
  padding:14px 10px 16px!important;
  border:0!important;
  border-right:1px solid rgba(255,255,255,.055)!important;
  background:rgba(255,255,255,.014)!important;
}
.hub-civ-mac-settings .hub-civ-registry-nav-label{
  padding:4px 10px 8px!important;color:#657184!important;font-size:7px!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important
}
.hub-civ-mac-settings .hub-civ-registry-nav button{
  width:100%;height:40px;display:grid!important;grid-template-columns:28px minmax(0,1fr) 12px;align-items:center;gap:8px;
  padding:0 9px!important;margin:2px 0;border:0!important;border-radius:9px!important;background:transparent!important;color:#a1abb9!important;
  text-align:left;font-size:9px!important;font-weight:650!important;transition:.14s ease
}
.hub-civ-mac-settings .hub-civ-registry-nav button:hover{background:rgba(255,255,255,.035)!important;color:#e2e6ec!important}
.hub-civ-mac-settings .hub-civ-registry-nav button.active{background:color-mix(in srgb,var(--site-primary) 17%,rgba(255,255,255,.025))!important;color:#fff!important}
.hub-civ-mac-settings .hub-civ-registry-nav button em{
  width:27px;height:27px;display:grid;place-items:center;border:0!important;border-radius:7px!important;background:rgba(255,255,255,.045)!important;color:#8e99a9!important;font-size:6px!important;font-style:normal;font-weight:850
}
.hub-civ-mac-settings .hub-civ-registry-nav button.active em{background:color-mix(in srgb,var(--site-primary) 28%,rgba(255,255,255,.04))!important;color:#e8e5ff!important}
.hub-civ-mac-settings .hub-civ-registry-nav button b{justify-self:end;color:#485466;font-size:15px;font-weight:400}
.hub-civ-mac-settings .hub-civ-registry-nav-note{
  margin:18px 7px 0!important;padding:11px!important;border:0!important;border-radius:10px!important;background:rgba(255,255,255,.025)!important
}
.hub-civ-mac-settings .hub-civ-registry-nav-note strong{color:#8f99a8!important;font-size:7px!important}
.hub-civ-mac-settings .hub-civ-registry-nav-note span{margin-top:4px!important;color:#596577!important;font-size:6px!important;line-height:1.55!important}

.hub-civ-mac-settings .hub-civ-registry-content{
  min-width:0;padding:22px 24px 28px!important;background:#0b1119!important
}
.hub-civ-mac-settings .hub-civ-registry-panel{display:grid;gap:14px!important}
.hub-civ-mac-settings .hub-civ-registry-section-head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:0 0 4px!important;border:0!important
}
.hub-civ-mac-settings .hub-civ-registry-section-head>div>span{color:#667285!important;font-size:7px!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important}
.hub-civ-mac-settings .hub-civ-registry-section-head h2{margin:4px 0 0!important;color:#f1f3f7;font-size:20px!important;letter-spacing:-.03em}
.hub-civ-mac-settings .hub-civ-registry-section-head p{max-width:670px;margin:5px 0 0!important;color:#738094!important;font-size:8px!important;line-height:1.55!important}
.hub-civ-mac-settings .hub-civ-reg-action,
.hub-civ-mac-settings .hub-civ-overview-top button{
  min-height:32px;padding:0 11px;border:1px solid rgba(255,255,255,.065)!important;border-radius:8px!important;background:rgba(255,255,255,.04)!important;color:#d7dce4!important;font-size:8px!important;font-weight:700!important
}
.hub-civ-mac-settings .hub-civ-reg-action:hover,
.hub-civ-mac-settings .hub-civ-overview-top button:hover{background:rgba(255,255,255,.07)!important}

.hub-civ-mac-settings .hub-civ-overview-top{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:0!important;border:0!important}
.hub-civ-mac-settings .hub-civ-overview-top>div>span{color:#697589;font-size:7px}
.hub-civ-mac-settings .hub-civ-overview-top h2{margin:4px 0 0;font-size:20px;letter-spacing:-.03em}
.hub-civ-mac-settings .hub-civ-overview-top p{margin:5px 0 0;color:#748094;font-size:8px}
.hub-civ-overview-profile{
  display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid rgba(255,255,255,.06);border-radius:13px;background:rgba(255,255,255,.022)
}
.hub-civ-overview-profile>div{padding:13px 15px}
.hub-civ-overview-profile>div+div{border-left:1px solid rgba(255,255,255,.055)}
.hub-civ-overview-profile small,.hub-civ-overview-profile strong,.hub-civ-overview-profile span{display:block}
.hub-civ-overview-profile small{color:#616d80;font-size:6px;font-weight:800;letter-spacing:.08em}
.hub-civ-overview-profile strong{margin-top:5px;color:#e6e9ee;font-size:10px}
.hub-civ-overview-profile span{margin-top:3px;color:#697588;font-size:7px}
.hub-civ-mac-settings .hub-civ-overview-grid{
  display:grid!important;grid-template-columns:1fr!important;gap:0!important;overflow:hidden;border:1px solid rgba(255,255,255,.06);border-radius:13px;background:rgba(255,255,255,.018)
}
.hub-civ-mac-settings .hub-civ-overview-grid button{
  min-height:62px;display:grid!important;grid-template-columns:minmax(130px,.8fr) 48px minmax(0,1.5fr) 20px;align-items:center;gap:12px;
  padding:10px 14px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#dbe0e7!important;text-align:left
}
.hub-civ-mac-settings .hub-civ-overview-grid button+button{border-top:1px solid rgba(255,255,255,.05)!important}
.hub-civ-mac-settings .hub-civ-overview-grid button:hover{background:rgba(255,255,255,.025)!important}
.hub-civ-mac-settings .hub-civ-overview-grid button span{font-size:9px!important;font-weight:700!important}
.hub-civ-mac-settings .hub-civ-overview-grid button strong{justify-self:center;font-size:11px!important}
.hub-civ-mac-settings .hub-civ-overview-grid button small{color:#687588!important;font-size:7px!important}
.hub-civ-mac-settings .hub-civ-overview-grid button em{justify-self:end;color:#4d596a!important;font-size:15px!important;font-style:normal!important}

.hub-civ-mac-settings .hub-civ-registry-list{
  display:grid!important;gap:0!important;overflow:hidden;border:1px solid rgba(255,255,255,.06);border-radius:13px;background:rgba(255,255,255,.018)
}
.hub-civ-mac-settings .hub-civ-registry-row{
  min-height:72px;display:grid!important;grid-template-columns:165px minmax(0,1fr) 135px 48px!important;align-items:center;gap:12px;
  padding:10px 13px!important;border:0!important;border-radius:0!important;background:transparent!important
}
.hub-civ-mac-settings .hub-civ-registry-row+.hub-civ-registry-row{border-top:1px solid rgba(255,255,255,.05)!important}
.hub-civ-mac-settings .hub-civ-registry-row:hover{background:rgba(255,255,255,.018)!important}
.hub-civ-mac-settings .hub-civ-registry-row .key small{color:#616e82!important;font-size:6px!important}
.hub-civ-mac-settings .hub-civ-registry-row .key strong{margin-top:4px!important;color:#e2e6ec!important;font-size:9px!important}
.hub-civ-mac-settings .hub-civ-registry-row .body strong{font-size:9px!important}
.hub-civ-mac-settings .hub-civ-registry-row .body small{color:#677488!important;font-size:7px!important}
.hub-civ-mac-settings .hub-civ-registry-row .remove{justify-self:end;color:#6f5660!important;font-size:7px!important}

.hub-civ-mac-settings .hub-civ-registry-empty{
  min-height:180px!important;padding:26px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:rgba(255,255,255,.018)!important
}
.hub-civ-mac-settings .hub-civ-registry-empty>span{font-size:18px!important}
.hub-civ-mac-settings .hub-civ-registry-empty strong{font-size:9px!important}
.hub-civ-mac-settings .hub-civ-registry-empty p{font-size:7px!important}

.hub-civ-mac-settings .hub-civ-registry-identity-banner{
  padding:13px 15px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:rgba(255,255,255,.02)!important
}
.hub-civ-mac-settings .hub-civ-registry-field-grid{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;overflow:hidden;border:1px solid rgba(255,255,255,.06);border-radius:13px;background:rgba(255,255,255,.018)
}
.hub-civ-mac-settings .hub-civ-registry-field-grid>div{
  min-height:62px;padding:11px 13px!important;border:0!important;border-radius:0!important;background:transparent!important
}
.hub-civ-mac-settings .hub-civ-registry-field-grid>div:nth-child(even){border-left:1px solid rgba(255,255,255,.05)!important}
.hub-civ-mac-settings .hub-civ-registry-field-grid>div:nth-child(n+3){border-top:1px solid rgba(255,255,255,.05)!important}
.hub-civ-mac-settings .hub-civ-registry-field-grid small{font-size:6px!important}
.hub-civ-mac-settings .hub-civ-registry-field-grid strong{margin-top:6px!important;font-size:9px!important}

@media(max-width:820px){
  .hub-civ-mac-settings{width:calc(100vw - 20px)!important}
  .hub-civ-mac-settings .hub-civ-registry-shell{grid-template-columns:1fr!important}
  .hub-civ-mac-settings .hub-civ-registry-nav{display:flex!important;gap:5px;overflow:auto;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.055)!important}
  .hub-civ-mac-settings .hub-civ-registry-nav-label,.hub-civ-mac-settings .hub-civ-registry-nav-note{display:none!important}
  .hub-civ-mac-settings .hub-civ-registry-nav button{width:auto!important;min-width:max-content!important;grid-template-columns:24px auto!important;padding-right:11px!important}
  .hub-civ-mac-settings .hub-civ-registry-nav button b{display:none}
  .hub-civ-mac-settings .hub-civ-registry-content{padding:18px 14px 22px!important}
}
@media(max-width:620px){
  .hub-civ-mac-settings .hub-civ-registry-head{align-items:flex-start;flex-direction:column}
  .hub-civ-mac-context{text-align:left}
  .hub-civ-overview-profile{grid-template-columns:1fr}.hub-civ-overview-profile>div+div{border-left:0;border-top:1px solid rgba(255,255,255,.055)}
  .hub-civ-mac-settings .hub-civ-overview-grid button{grid-template-columns:1fr 36px 18px!important}.hub-civ-mac-settings .hub-civ-overview-grid button small{grid-column:1/-1}.hub-civ-mac-settings .hub-civ-overview-grid button em{grid-column:3;grid-row:1}
  .hub-civ-mac-settings .hub-civ-registry-field-grid{grid-template-columns:1fr!important}.hub-civ-mac-settings .hub-civ-registry-field-grid>div{border-left:0!important;border-top:1px solid rgba(255,255,255,.05)!important}.hub-civ-mac-settings .hub-civ-registry-field-grid>div:first-child{border-top:0!important}
  .hub-civ-mac-settings .hub-civ-registry-row{grid-template-columns:1fr auto!important}.hub-civ-mac-settings .hub-civ-registry-row .key,.hub-civ-mac-settings .hub-civ-registry-row .body,.hub-civ-mac-settings .hub-civ-registry-row .meta{grid-column:1}.hub-civ-mac-settings .hub-civ-registry-row .remove{grid-column:2;grid-row:1/-1}
}

/* Civilian Portal — macOS Settings refinement */
.hub-civ-mac-settings{
  --civ-mac-border:rgba(255,255,255,.075);
  --civ-mac-soft:rgba(255,255,255,.045);
  --civ-mac-panel:rgba(17,22,31,.88);
  padding:22px 18px 32px!important;
  background:radial-gradient(circle at 25% 0%,rgba(255,255,255,.025),transparent 34%)!important;
}
.hub-civ-mac-settings .hub-civ-mac-window{
  width:min(1180px,calc(100vw - 38px));
  margin:0 auto;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:18px!important;
  background:rgba(11,15,22,.9)!important;
  box-shadow:0 26px 80px rgba(0,0,0,.35),0 1px 0 rgba(255,255,255,.04) inset!important;
  backdrop-filter:blur(20px);
}
.hub-civ-mac-toolbar{
  height:38px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
  padding:0 13px;border-bottom:1px solid var(--civ-mac-border);background:rgba(255,255,255,.018)
}
.hub-civ-mac-toolbar>strong{font-size:8px;color:#8c96a5;font-weight:650;letter-spacing:.01em}
.hub-civ-mac-dots{display:flex;gap:7px;align-items:center}
.hub-civ-mac-dots i{display:block;width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.14)}
.hub-civ-mac-dots i:nth-child(1){background:#ff5f57}.hub-civ-mac-dots i:nth-child(2){background:#febc2e}.hub-civ-mac-dots i:nth-child(3){background:#28c840}
.hub-civ-mac-settings .hub-civ-registry-head{
  min-height:78px!important;padding:15px 20px!important;border-bottom:1px solid var(--civ-mac-border)!important;background:rgba(255,255,255,.012)!important
}
.hub-civ-mac-settings .hub-civ-mac-avatar{
  width:42px!important;height:42px!important;border-radius:11px!important;font-size:14px!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--site-primary) 65%,#1f2733),color-mix(in srgb,var(--site-secondary) 35%,#10151d))!important;
  box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 6px 18px rgba(0,0,0,.22)!important
}
.hub-civ-mac-settings .hub-civ-mac-title h1{font-size:16px!important;letter-spacing:-.035em!important}
.hub-civ-mac-settings .hub-civ-mac-title p{margin-top:3px!important;font-size:7px!important;color:#768194!important}
.hub-civ-mac-settings .hub-civ-mac-context small{font-size:6px!important;letter-spacing:.08em!important;color:#606b7c!important}
.hub-civ-mac-settings .hub-civ-mac-context strong{margin-top:3px!important;font-size:9px!important;color:#b9c0ca!important}
.hub-civ-mac-settings .hub-civ-registry-shell{grid-template-columns:214px minmax(0,1fr)!important;min-height:590px!important}
.hub-civ-mac-settings .hub-civ-registry-nav{
  padding:14px 10px!important;background:rgba(255,255,255,.022)!important;border-right:1px solid var(--civ-mac-border)!important
}
.hub-civ-mac-settings .hub-civ-registry-nav-label{padding:7px 10px 9px!important;font-size:7px!important;color:#626d7d!important;text-transform:none!important;letter-spacing:0!important}
.hub-civ-mac-settings .hub-civ-registry-nav button{
  min-height:36px!important;grid-template-columns:25px 1fr 12px!important;gap:8px!important;padding:4px 8px!important;margin:1px 0!important;border-radius:8px!important;font-size:8px!important
}
.hub-civ-mac-settings .hub-civ-registry-nav button em{
  width:23px!important;height:23px!important;border-radius:6px!important;font-size:5.5px!important;background:rgba(255,255,255,.055)!important
}
.hub-civ-mac-settings .hub-civ-registry-nav button.active{
  background:color-mix(in srgb,var(--site-primary) 23%,rgba(255,255,255,.035))!important;
  box-shadow:0 1px 0 rgba(255,255,255,.035) inset!important
}
.hub-civ-mac-settings .hub-civ-registry-nav-note{margin-top:auto!important;background:transparent!important;border-top:1px solid var(--civ-mac-border)!important;border-radius:0!important;padding:13px 8px 4px!important}
.hub-civ-mac-settings .hub-civ-registry-content{padding:28px 30px 34px!important;background:rgba(7,11,17,.72)!important}
.hub-civ-mac-settings .hub-civ-registry-panel{max-width:820px;margin:0 auto;gap:16px!important}
.hub-civ-mac-settings .hub-civ-registry-section-head h2,.hub-civ-mac-settings .hub-civ-overview-top h2{font-size:22px!important;font-weight:720!important}
.hub-civ-mac-settings .hub-civ-registry-section-head p,.hub-civ-mac-settings .hub-civ-overview-top p{font-size:8px!important;color:#7b8696!important}
.hub-civ-mac-settings .hub-civ-overview-profile,
.hub-civ-mac-settings .hub-civ-overview-grid,
.hub-civ-mac-settings .hub-civ-registry-list,
.hub-civ-mac-settings .hub-civ-registry-field-grid,
.hub-civ-mac-settings .hub-civ-registry-identity-banner{
  border-color:var(--civ-mac-border)!important;background:rgba(255,255,255,.028)!important;border-radius:12px!important;
  box-shadow:0 1px 0 rgba(255,255,255,.025) inset!important
}
.hub-civ-mac-settings .hub-civ-overview-grid button{min-height:57px!important;padding:9px 14px!important}
.hub-civ-mac-settings .hub-civ-overview-grid button:hover,
.hub-civ-mac-settings .hub-civ-registry-row:hover{background:rgba(255,255,255,.03)!important}
.hub-civ-mac-settings .hub-civ-registry-row{min-height:66px!important;grid-template-columns:150px minmax(0,1fr) 125px 44px!important;padding:9px 13px!important}
.hub-civ-mac-settings .hub-civ-reg-action,
.hub-civ-mac-settings .hub-civ-overview-top button{
  border-radius:7px!important;background:color-mix(in srgb,var(--site-primary) 20%,rgba(255,255,255,.035))!important;border-color:color-mix(in srgb,var(--site-primary) 30%,rgba(255,255,255,.06))!important;color:#f0efff!important
}
.hub-civ-editor-modal.hub-civ-reg-modal{
  width:min(720px,calc(100vw - 32px))!important;max-height:min(760px,calc(100vh - 48px))!important;
  border:1px solid rgba(255,255,255,.11)!important;border-radius:18px!important;background:rgba(18,22,30,.97)!important;
  box-shadow:0 34px 100px rgba(0,0,0,.5)!important;backdrop-filter:blur(24px)!important
}
.hub-civ-reg-modal .hub-civ-editor-head{padding:17px 20px!important;border-bottom:1px solid rgba(255,255,255,.075)!important;background:rgba(255,255,255,.02)!important}
.hub-civ-reg-modal .hub-civ-editor-head h2{font-size:15px!important;letter-spacing:-.025em!important}
.hub-civ-reg-modal .hub-civ-editor-form{padding:20px!important}
.hub-civ-reg-modal .hub-civ-editor-grid{gap:12px!important}
.hub-civ-reg-modal .hub-civ-editor-grid label{gap:6px!important}
.hub-civ-reg-modal .hub-civ-editor-grid label>span{font-size:7px!important;color:#8993a2!important;font-weight:650!important;text-transform:none!important;letter-spacing:0!important}
.hub-civ-reg-modal .hub-civ-editor-grid input,
.hub-civ-reg-modal .hub-civ-editor-grid select{
  height:37px!important;border:1px solid rgba(255,255,255,.085)!important;border-radius:8px!important;background:rgba(255,255,255,.045)!important;color:#eef1f5!important;font-size:8px!important;padding:0 10px!important;outline:none!important
}
.hub-civ-reg-modal .hub-civ-editor-grid input:focus,
.hub-civ-reg-modal .hub-civ-editor-grid select:focus{border-color:color-mix(in srgb,var(--site-primary) 65%,#fff)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--site-primary) 15%,transparent)!important}
.hub-civ-reg-modal .hub-civ-reg-form-note{border:0!important;border-radius:10px!important;background:rgba(255,255,255,.035)!important;padding:11px 12px!important}
.hub-civ-reg-modal .hub-civ-editor-actions{padding-top:16px!important;border-top:1px solid rgba(255,255,255,.06)!important}
@media(max-width:820px){.hub-civ-mac-settings .hub-civ-registry-shell{grid-template-columns:1fr!important}.hub-civ-mac-settings .hub-civ-registry-panel{max-width:none}.hub-civ-mac-settings .hub-civ-registry-content{padding:20px 15px 26px!important}}

/* Civilian Portal — overview + dark form polish */
.hub-civ-mac-dots{display:none!important}
.hub-civ-overview-settings{gap:18px!important}
.hub-civ-overview-settings .hub-civ-overview-top{align-items:flex-start!important}
.hub-civ-overview-group{overflow:hidden;border:1px solid var(--civ-mac-border);border-radius:13px;background:rgba(255,255,255,.028);box-shadow:0 1px 0 rgba(255,255,255,.025) inset}
.hub-civ-overview-group-title{padding:10px 13px 7px;color:#6f7a8b;font-size:7px;font-weight:700}
.hub-civ-overview-group>button{width:100%;min-height:62px;display:grid;grid-template-columns:34px minmax(0,1fr) auto 14px;align-items:center;gap:11px;padding:9px 13px;border:0;border-top:1px solid rgba(255,255,255,.055);border-radius:0;background:transparent;color:#eef1f5;text-align:left;cursor:pointer}
.hub-civ-overview-group>button:hover{background:rgba(255,255,255,.035)}
.hub-civ-overview-group>button>div strong,.hub-civ-overview-group>button>div small{display:block}
.hub-civ-overview-group>button>div strong{font-size:9px;font-weight:720}.hub-civ-overview-group>button>div small{margin-top:3px;color:#6f7a8b;font-size:7px}
.hub-civ-overview-group>button>em{color:#778293;font-size:7px;font-style:normal;text-align:right}.hub-civ-overview-group>button>b{color:#4d5968;font-size:14px;font-weight:500}
.hub-civ-overview-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--site-primary) 20%,rgba(255,255,255,.05));color:#ece9ff;font-size:6px;font-weight:850;letter-spacing:.02em}
.hub-civ-reg-modal,.hub-civ-reg-modal *{color-scheme:dark!important}
.hub-civ-reg-modal select option{background:#151a22!important;color:#eef1f5!important}
.hub-civ-reg-modal input[readonly]{background:rgba(255,255,255,.025)!important;color:#8f99a8!important;cursor:not-allowed}
.hub-civ-reg-modal input[type="date"]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.65}
@media(max-width:620px){.hub-civ-overview-group>button{grid-template-columns:34px 1fr 14px}.hub-civ-overview-group>button>em{grid-column:2;text-align:left}.hub-civ-overview-group>button>b{grid-column:3;grid-row:1/3}}

/* Civilian Portal — overview v3 + calmer macOS palette */
.hub-civ-mac-settings{
  --civ-mac-bg:#0c1118;
  --civ-mac-surface:#121924;
  --civ-mac-surface-2:#161f2c;
  --civ-mac-border:rgba(154,174,201,.12);
}
.hub-civ-mac-settings .hub-civ-mac-window{
  background:linear-gradient(180deg,rgba(18,25,36,.98),rgba(10,15,23,.98))!important;
  border-color:rgba(154,174,201,.13)!important;
  box-shadow:0 28px 70px rgba(0,0,0,.34),0 1px 0 rgba(255,255,255,.025) inset!important;
}
.hub-civ-mac-settings .hub-civ-mac-toolbar{background:rgba(255,255,255,.014)!important;border-bottom-color:rgba(154,174,201,.09)!important}
.hub-civ-mac-settings .hub-civ-registry-head{background:linear-gradient(180deg,rgba(24,33,46,.72),rgba(17,24,34,.55))!important;border-bottom-color:rgba(154,174,201,.09)!important}
.hub-civ-mac-settings .hub-civ-registry-nav{background:rgba(12,18,27,.72)!important;border-right-color:rgba(154,174,201,.09)!important}
.hub-civ-mac-settings .hub-civ-registry-content{background:linear-gradient(180deg,rgba(9,14,22,.80),rgba(8,12,19,.9))!important}
.hub-civ-mac-settings .hub-civ-registry-nav button.active{
  background:color-mix(in srgb,var(--site-primary) 18%,rgba(88,120,165,.11))!important;
  border:1px solid color-mix(in srgb,var(--site-primary) 20%,rgba(154,174,201,.09))!important;
}
.hub-civ-mac-settings .hub-civ-mac-avatar{
  background:linear-gradient(145deg,color-mix(in srgb,var(--site-primary) 38%,#26364d),color-mix(in srgb,var(--site-secondary) 24%,#162131))!important;
}
.hub-civ-mac-settings .hub-civ-mac-title h1{color:#f2f5f9!important}
.hub-civ-mac-settings .hub-civ-mac-title p{display:none!important}

.hub-civ-overview-v3{gap:17px!important}
.hub-civ-overview-v3-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}
.hub-civ-overview-v3-head>div>span{display:block;color:#718096;font-size:7px;font-weight:700}
.hub-civ-overview-v3-head h2{margin:4px 0 0;color:#f3f5f8;font-size:23px;letter-spacing:-.035em}
.hub-civ-overview-v3-head p{margin:5px 0 0;color:#7b8798;font-size:8px;line-height:1.5}
.hub-civ-overview-v3-total{min-width:92px;padding:10px 13px;border:1px solid rgba(154,174,201,.10);border-radius:12px;background:rgba(255,255,255,.026);text-align:right}
.hub-civ-overview-v3-total strong,.hub-civ-overview-v3-total span{display:block}
.hub-civ-overview-v3-total strong{color:#eef3fa;font-size:17px;line-height:1}.hub-civ-overview-v3-total span{margin-top:4px;color:#6f7b8d;font-size:6.5px}
.hub-civ-overview-v3-summary{display:grid;grid-template-columns:1fr 1.35fr .72fr;overflow:hidden;border:1px solid rgba(154,174,201,.10);border-radius:14px;background:rgba(255,255,255,.025)}
.hub-civ-overview-v3-summary>div{min-width:0;padding:14px 15px}.hub-civ-overview-v3-summary>div+div{border-left:1px solid rgba(154,174,201,.08)}
.hub-civ-overview-v3-summary small,.hub-civ-overview-v3-summary strong,.hub-civ-overview-v3-summary span{display:block}
.hub-civ-overview-v3-summary small{color:#718096;font-size:6.5px;font-weight:700}.hub-civ-overview-v3-summary strong{margin-top:6px;color:#ecf1f7;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-civ-overview-v3-summary span{margin-top:4px;color:#667487;font-size:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hub-civ-overview-v3-group{overflow:hidden;border:1px solid rgba(154,174,201,.10);border-radius:14px;background:rgba(255,255,255,.023)}
.hub-civ-overview-v3-title{padding:10px 13px 7px;color:#718096;font-size:7px;font-weight:700}
.hub-civ-overview-v3-group>button{width:100%;min-height:61px;display:grid;grid-template-columns:35px minmax(0,1fr) auto 14px;align-items:center;gap:11px;padding:9px 13px;border:0;border-top:1px solid rgba(154,174,201,.08);border-radius:0;background:transparent;color:#eef2f7;text-align:left;cursor:pointer;transition:background .15s ease}
.hub-civ-overview-v3-group>button:hover{background:rgba(118,151,196,.055)}
.hub-civ-overview-v3-group>button>div strong,.hub-civ-overview-v3-group>button>div small{display:block}.hub-civ-overview-v3-group>button>div strong{font-size:9px;font-weight:720}.hub-civ-overview-v3-group>button>div small{margin-top:3px;color:#6e7b8e;font-size:7px}
.hub-civ-overview-v3-group>button>em{color:#758296;font-size:7px;font-style:normal;text-align:right}.hub-civ-overview-v3-group>button>b{color:#4f5c6f;font-size:14px;font-weight:500}
.hub-civ-overview-v3-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;font-size:6px;font-weight:850;letter-spacing:.02em;color:#eef4fb;border:1px solid rgba(255,255,255,.05)}
.hub-civ-overview-v3-icon.person{background:rgba(89,129,181,.23)}
.hub-civ-overview-v3-icon.license{background:rgba(86,146,132,.22)}
.hub-civ-overview-v3-icon.vehicle{background:rgba(104,117,180,.22)}
.hub-civ-overview-v3-icon.address{background:rgba(161,119,75,.20)}
.hub-civ-overview-v3-icon.firearm{background:rgba(151,91,100,.20)}
.hub-civ-overview-v3-icon.business{background:rgba(130,102,168,.20)}

.hub-civ-registry-row .meta .hub-civ-reg-status.danger{background:rgba(177,70,82,.15)!important;border-color:rgba(212,92,105,.18)!important;color:#f0a5ae!important}
.hub-civ-reg-modal input[readonly]{background:rgba(77,94,118,.16)!important;border-color:rgba(154,174,201,.08)!important;color:#a9b5c4!important}

@media(max-width:720px){
  .hub-civ-overview-v3-head{align-items:flex-start;flex-direction:column}.hub-civ-overview-v3-total{text-align:left}
  .hub-civ-overview-v3-summary{grid-template-columns:1fr}.hub-civ-overview-v3-summary>div+div{border-left:0;border-top:1px solid rgba(154,174,201,.08)}
  .hub-civ-overview-v3-group>button{grid-template-columns:35px 1fr 14px}.hub-civ-overview-v3-group>button>em{grid-column:2;text-align:left}.hub-civ-overview-v3-group>button>b{grid-column:3;grid-row:1/3}
}

/* Civilian Portal — full-screen macOS layout + restored neutral backgrounds */
.hub-desktop > .hub-main:has(.hub-civ-mac-settings){
  width:100%!important;max-width:none!important;margin:0!important;padding:56px 0 0!important;
}
.hub-civ-mac-settings{
  width:100%!important;max-width:none!important;min-height:calc(100dvh - 56px)!important;
  padding:0!important;margin:0!important;
  background:radial-gradient(circle at 25% 0%,rgba(255,255,255,.025),transparent 34%)!important;
}
.hub-civ-mac-settings .hub-civ-mac-window{
  width:100%!important;min-height:calc(100dvh - 56px)!important;margin:0!important;
  border:0!important;border-radius:0!important;
  background:rgba(11,15,22,.90)!important;
  box-shadow:none!important;backdrop-filter:blur(20px)!important;
}
.hub-civ-mac-settings .hub-civ-mac-toolbar{background:rgba(255,255,255,.018)!important;border-bottom-color:rgba(255,255,255,.075)!important}
.hub-civ-mac-settings .hub-civ-registry-head{background:rgba(255,255,255,.012)!important;border-bottom-color:rgba(255,255,255,.075)!important}
.hub-civ-mac-settings .hub-civ-registry-shell{min-height:calc(100dvh - 172px)!important}
.hub-civ-mac-settings .hub-civ-registry-nav{background:rgba(255,255,255,.022)!important;border-right-color:rgba(255,255,255,.075)!important}
.hub-civ-mac-settings .hub-civ-registry-content{background:rgba(7,11,17,.72)!important}
.hub-civ-mac-settings .hub-civ-registry-nav button.active{
  background:color-mix(in srgb,var(--site-primary) 23%,rgba(255,255,255,.035))!important;
  border-color:transparent!important;
}
.hub-civ-mac-settings .hub-civ-mac-avatar{background:linear-gradient(145deg,color-mix(in srgb,var(--site-primary) 65%,#1f2733),color-mix(in srgb,var(--site-secondary) 35%,#10151d))!important}

/* Character / DL / ID photo */
.hub-civ-photo-button{padding:0!important;border:0!important;overflow:hidden;cursor:pointer;color:#fff}
.hub-civ-photo-button img{width:100%;height:100%;display:block;object-fit:cover}
.hub-civ-photo-action{min-height:30px;padding:0 11px;border:1px solid rgba(255,255,255,.075);border-radius:7px;background:rgba(255,255,255,.04);color:#d9dee7;font-size:7px;font-weight:700;cursor:pointer}
.hub-civ-photo-action:hover{background:rgba(255,255,255,.075)}
.hub-civ-id-card-preview{display:grid!important;grid-template-columns:82px minmax(0,1fr)!important;align-items:center!important;gap:14px!important}
.hub-civ-id-photo{width:82px;height:102px;padding:0;border:1px solid rgba(255,255,255,.09);border-radius:10px;overflow:hidden;background:rgba(255,255,255,.035);color:#aeb7c4;cursor:pointer}
.hub-civ-id-photo img{width:100%;height:100%;display:block;object-fit:cover}
.hub-civ-id-photo>span{width:100%;height:100%;display:grid;place-items:center;font-size:24px;font-weight:800}
.hub-civ-inline-photo{display:block;margin-top:10px;padding:0;border:0;background:transparent;color:#8d83e8;font-size:7px;font-weight:750;cursor:pointer}
.hub-civ-inline-photo:hover{color:#b0a8ff}

@media(max-width:820px){
  .hub-civ-mac-settings{width:100%!important}
  .hub-civ-mac-settings .hub-civ-mac-window{width:100%!important}
}

/* Civilian Portal — match the standard myHub page width */
.hub-desktop > .hub-main:has(.hub-civ-mac-settings){
  width:min(94vw,1680px)!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:56px clamp(16px,2vw,34px) 0!important;
}
.hub-civ-mac-settings{
  width:100%!important;
  max-width:none!important;
}
.hub-civ-mac-settings .hub-civ-mac-window{
  width:100%!important;
  max-width:none!important;
}

/* Civilian Portal — true viewport-width layout */
.hub-desktop > .hub-main:has(.hub-civ-mac-settings){
  box-sizing:border-box!important;
  width:100vw!important;
  max-width:100vw!important;
  margin-left:calc((100% - 100vw) / 2)!important;
  margin-right:calc((100% - 100vw) / 2)!important;
  padding:56px 0 0!important;
}
.hub-civ-mac-settings,
.hub-civ-mac-settings .hub-civ-mac-window,
.hub-civ-mac-settings .hub-civ-registry-shell{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
}

/* Civilian Portal — fill the browser width without horizontal overflow */
html, body { overflow-x:hidden; }

.hub-desktop:has(.hub-civ-mac-settings),
.hub-desktop > .hub-main:has(.hub-civ-mac-settings){
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  box-sizing:border-box!important;
}

.hub-desktop > .hub-main:has(.hub-civ-mac-settings){
  padding:56px 0 0!important;
  overflow-x:hidden!important;
}

.hub-desktop > .hub-main:has(.hub-civ-mac-settings) > .hub-page-view,
.hub-page-view:has(.hub-civ-mac-settings),
.hub-civ-mac-settings{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding-left:0!important;
  padding-right:0!important;
  box-sizing:border-box!important;
}

.hub-civ-mac-settings .hub-civ-mac-window,
.hub-civ-mac-settings .hub-civ-registry-head,
.hub-civ-mac-settings .hub-civ-registry-shell,
.hub-civ-mac-settings .hub-civ-registry-content{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
\n\n/* Civilian Portal — explicit full-screen canvas fix */
.hub-desktop.hub-civilian-screen-active{
  width:100%!important;
  max-width:none!important;
  overflow-x:hidden!important;
}
#hubMain.hub-civilian-screen,
.hub-desktop > #hubMain.hub-civilian-screen{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:58px 0 0!important;
  box-sizing:border-box!important;
  overflow-x:hidden!important;
}
#hubMain.hub-civilian-screen > .hub-civ-mac-settings{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}
#hubMain.hub-civilian-screen .hub-civ-mac-window,
#hubMain.hub-civilian-screen .hub-civ-registry-head,
#hubMain.hub-civilian-screen .hub-civ-registry-shell,
#hubMain.hub-civilian-screen .hub-civ-registry-content{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}
#hubMain.hub-civilian-screen .hub-civ-registry-panel{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  box-sizing:border-box!important;
}

/* Civilian Portal — screen-fit, hidden browser scrollbar, neutral navigation */
body.hub-civilian-body-lock{
  overflow:hidden!important;
}
body.hub-civilian-body-lock::-webkit-scrollbar{display:none!important}

#hubMain.hub-civilian-screen{
  height:100dvh!important;
  min-height:0!important;
  overflow:hidden!important;
}
#hubMain.hub-civilian-screen > .hub-civ-mac-settings,
#hubMain.hub-civilian-screen .hub-civ-mac-window{
  height:calc(100dvh - 58px)!important;
  min-height:0!important;
  overflow:hidden!important;
}
#hubMain.hub-civilian-screen .hub-civ-mac-window{
  display:flex!important;
  flex-direction:column!important;
}
#hubMain.hub-civilian-screen .hub-civ-mac-toolbar,
#hubMain.hub-civilian-screen .hub-civ-registry-head{flex:0 0 auto!important}
#hubMain.hub-civilian-screen .hub-civ-registry-shell{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  overflow:hidden!important;
}
#hubMain.hub-civilian-screen .hub-civ-registry-nav,
#hubMain.hub-civilian-screen .hub-civ-registry-content{
  min-height:0!important;
  overflow-y:auto!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
#hubMain.hub-civilian-screen .hub-civ-registry-nav::-webkit-scrollbar,
#hubMain.hub-civilian-screen .hub-civ-registry-content::-webkit-scrollbar{display:none!important}

/* Community management reliability: normal document scrolling, pinned section
   navigation, and a true viewport-floating save prompt. */
body:has(.hub-community-admin-v3){
  height:auto!important;
  min-height:100vh!important;
  overflow-y:auto!important;
}
.hub-desktop:has(.hub-community-admin-v3),
.hub-desktop > #hubMain:has(.hub-community-admin-v3){
  height:auto!important;
  min-height:100vh!important;
  overflow:visible!important;
}
.hub-community-admin-v3,
.hub-community-admin-v3-surface,
.hub-community-admin-v3-workspace{
  overflow:visible!important;
}
.hub-community-admin-v3-tabs{
  position:sticky!important;
  top:56px!important;
  z-index:1200!important;
}
.hub-community-profile-v4-form{
  padding-bottom:92px;
}
.hub-community-profile-v4-savebar:not(.is-clean){
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:18px!important;
  z-index:6000!important;
  width:min(760px,calc(100vw - 28px))!important;
  margin:0!important;
  transform:translateX(-50%)!important;
  border-color:color-mix(in srgb,var(--site-primary) 38%,rgba(255,255,255,.08))!important;
  background:rgba(10,15,23,.96)!important;
  box-shadow:0 18px 55px rgba(0,0,0,.48)!important;
  animation:hubFloatingSaveIn .18s ease-out!important;
}
@keyframes hubFloatingSaveIn{
  from{opacity:0;transform:translate(-50%,12px)}
  to{opacity:1;transform:translate(-50%,0)}
}
@media(max-width:760px){
  .hub-community-profile-v4-savebar:not(.is-clean){bottom:10px!important}
}

/* The normal save action stays directly above Delete Community. Only the
   unsaved state lifts into a floating viewport bar. */
.hub-community-profile-v4-savebar.is-clean{
  position:static!important;
  display:flex!important;
  justify-content:flex-end!important;
  width:100%!important;
  margin:0!important;
  border-color:rgba(255,255,255,.05)!important;
  background:#0c121a!important;
  box-shadow:none!important;
}
.hub-community-profile-v4-savebar.is-clean>div{display:none!important}
.hub-community-profile-v4-savebar.is-clean button:disabled{opacity:.42;cursor:not-allowed}
.hub-community-profile-v4-savebar:not(.is-clean)>div{display:block!important}

/* Keep the complete Overview / Access / Departments navigation visible. */
.hub-community-admin-v3-tabs{
  width:100%!important;
  box-shadow:0 12px 34px rgba(0,0,0,.38)!important;
}

/* Messages use the same neutral border while typing. */
.hub-messages-v3-input-shell:focus-within{
  border-color:rgba(255,255,255,.07)!important;
  box-shadow:none!important;
  outline:0!important;
}
.hub-messages-v3-input-shell input:focus{
  outline:0!important;
  box-shadow:none!important;
}

/* Grey macOS-style sidebar instead of purple */
.hub-civ-mac-settings .hub-civ-registry-nav{
  background:rgba(111,119,132,.075)!important;
}
.hub-civ-mac-settings .hub-civ-registry-nav button{
  color:#aeb6c2!important;
}
.hub-civ-mac-settings .hub-civ-registry-nav button:hover{
  background:rgba(255,255,255,.045)!important;
}
.hub-civ-mac-settings .hub-civ-registry-nav button.active{
  background:rgba(169,178,191,.13)!important;
  border-color:rgba(255,255,255,.055)!important;
  color:#f1f4f8!important;
}
.hub-civ-registry-nav button em{
  width:24px!important;
  height:24px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:7px!important;
  background:rgba(255,255,255,.055)!important;
  color:#aab4c2!important;
}
.hub-civ-registry-nav button.active em{
  background:rgba(255,255,255,.10)!important;
  color:#f0f3f7!important;
}
.hub-civ-registry-nav button em svg,
.hub-civ-overview-v3-icon svg{
  width:14px!important;
  height:14px!important;
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.7!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.hub-civ-registry-nav button em svg circle,
.hub-civ-registry-nav button em svg rect,
.hub-civ-overview-v3-icon svg circle,
.hub-civ-overview-v3-icon svg rect{
  fill:none!important;
}
.hub-civ-overview-v3-icon{
  color:#dfe6ef!important;
}
.hub-civ-overview-v3-icon svg{width:15px!important;height:15px!important}

/* Overview no longer reserves space for the saved-records counter */
.hub-civ-overview-v3-head{justify-content:flex-start!important}
\n\n/* Civilian Portal — remove all purple accents */
.hub-civ-mac-settings,
.hub-civ-reg-modal{
  --site-primary:#87919f!important;
  --site-secondary:#6f7884!important;
}
.hub-civ-mac-settings .hub-civ-registry-nav button.active,
.hub-civ-mac-settings .hub-civ-registry-nav button.active em,
.hub-civ-mac-settings .hub-civ-registry-nav button:hover em{
  background:rgba(158,168,181,.13)!important;
  color:#eef2f6!important;
  border-color:rgba(255,255,255,.055)!important;
}
.hub-civ-mac-settings .hub-civ-mac-avatar{
  background:linear-gradient(145deg,#3e4855,#252d37)!important;
}
.hub-civ-mac-settings .hub-civ-inline-photo,
.hub-civ-mac-settings .hub-civ-registry-row .key strong,
.hub-civ-mac-settings .hub-civ-registry-mark,
.hub-civ-mac-settings .hub-civ-registry-identity-banner strong,
.hub-civ-reg-modal .hub-civ-editor-head span{
  color:#aeb8c5!important;
}
.hub-civ-mac-settings .hub-civ-inline-photo:hover{color:#e7ebf0!important}
.hub-civ-mac-settings .hub-civ-registry-mark{
  background:rgba(148,159,173,.10)!important;
  border-color:rgba(174,184,197,.16)!important;
}
.hub-civ-mac-settings .hub-civ-registry-identity-banner{
  background:linear-gradient(130deg,rgba(148,159,173,.055),#0d141c)!important;
}
.hub-civ-mac-settings .hub-civ-overview-v3-icon.person{background:rgba(89,129,181,.23)!important}
.hub-civ-mac-settings .hub-civ-overview-v3-icon.license{background:rgba(86,146,132,.22)!important}
.hub-civ-mac-settings .hub-civ-overview-v3-icon.vehicle{background:rgba(99,123,150,.20)!important}
.hub-civ-mac-settings .hub-civ-overview-v3-icon.address{background:rgba(161,119,75,.20)!important}
.hub-civ-mac-settings .hub-civ-overview-v3-icon.firearm{background:rgba(151,91,100,.20)!important}
.hub-civ-mac-settings .hub-civ-overview-v3-icon.business{background:rgba(111,122,136,.22)!important}
.hub-civ-mac-settings button:focus-visible,
.hub-civ-reg-modal input:focus,
.hub-civ-reg-modal select:focus,
.hub-civ-reg-modal textarea:focus{
  outline:none!important;
  border-color:rgba(165,176,190,.28)!important;
  box-shadow:0 0 0 3px rgba(140,151,166,.10)!important;
}

/* Home page — screen-fit with no browser scrollbar. Other pages keep normal scrolling. */
body.hub-home-body-lock{
  overflow:hidden!important;
}
body.hub-home-body-lock::-webkit-scrollbar{display:none!important}
#hubMain.hub-home-screen{
  height:100dvh!important;
  min-height:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
#hubMain.hub-home-screen > .hub-home-launch-pro{
  height:calc(100dvh - 56px)!important;
  min-height:0!important;
  max-height:calc(100dvh - 56px)!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
@supports not (height:100dvh){
  #hubMain.hub-home-screen{height:100vh!important}
  #hubMain.hub-home-screen > .hub-home-launch-pro{height:calc(100vh - 56px)!important;max-height:calc(100vh - 56px)!important}
}

/* ===== 2026-09-02 profile / notifications / independent theme gradients ===== */
:root{
  --site-primary-2:#5e8cff;
  --site-secondary-2:#2dd4bf;
  --site-header:#090d14;
  --site-header-2:#141b27;
}

/* Primary and secondary gradients are independent. */
.primary-btn,.hub-primary-btn,
.hub-community-browser-actions>button:first-child,
.hub-messages-v3-composer>button{
  background:linear-gradient(135deg,var(--site-primary),var(--site-primary-2))!important;
}
.hub-secondary-btn,.hub-secondary-preview{
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--site-secondary) 72%,#171e2a),
    color-mix(in srgb,var(--site-secondary-2) 58%,#171e2a))!important;
  border-color:color-mix(in srgb,var(--site-secondary) 30%,rgba(255,255,255,.08))!important;
  color:#fff!important;
}

/* Profile ring follows the primary site theme only. */
.hub-profile-v6-avatar{
  border:4px solid transparent!important;
  background:
    linear-gradient(#202838,#202838) padding-box,
    linear-gradient(135deg,var(--site-primary),var(--site-primary-2)) border-box!important;
}
.hub-account-trigger .hub-account-avatar{
  background:
    linear-gradient(#111722,#111722) padding-box,
    linear-gradient(135deg,var(--site-primary),var(--site-primary-2)) border-box!important;
}

/* Editable navigation/header gradient. */
.hub-desktop > .hub-topbar.hub-floating-nav,
.hub-topbar.hub-floating-nav{
  background:linear-gradient(110deg,
    color-mix(in srgb,var(--site-header) 94%,transparent),
    color-mix(in srgb,var(--site-header-2) 94%,transparent))!important;
}

.hub-gradient-pickers{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}
.hub-gradient-pickers>div>small{display:block;margin-bottom:7px;color:#687386;font-size:8px;font-weight:800;letter-spacing:.08em}
.hub-settings-info-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.055)}
.hub-settings-info-row span strong,.hub-settings-info-row span small{display:block}.hub-settings-info-row span strong{font-size:11px}.hub-settings-info-row span small{margin-top:4px;color:#717d8e;font-size:9px;line-height:1.45}.hub-settings-info-row>b{padding:6px 9px;border-radius:7px;background:color-mix(in srgb,var(--site-primary) 14%,#111821);color:#dad7ff;font-size:8px;white-space:nowrap}

/* Friend cards use the friend's actual avatar as the card image. */
.hub-profile-v6-friend-grid .hub-profile-ref-friend{
  min-height:74px!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  padding:10px!important;
  text-align:left!important;
}
.hub-profile-v6-friend-grid .hub-profile-ref-friend-avatar{
  width:48px!important;height:48px!important;margin:0!important;border-radius:10px!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--site-primary) 22%,#111821),color-mix(in srgb,var(--site-primary-2) 18%,#111821))!important;
  box-shadow:none!important;
}
.hub-profile-v6-friend-grid .hub-profile-ref-friend-avatar.has-image{background:#111821!important}
.hub-profile-v6-friend-grid .hub-profile-ref-friend-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}
.hub-profile-v6-friend-grid .hub-profile-ref-friend>span:last-child{font-size:10px!important;color:#d8dde5!important;text-align:left!important}

/* Route-safe scrolling: profile ID routes and community management must always scroll. */
body:not(.hub-home-body-lock):not(.hub-civilian-body-lock),
html:not(.hub-home-body-lock):not(.hub-civilian-body-lock){overflow-y:auto!important;min-height:100%!important}
body:has(.hub-profile-v6),html:has(.hub-profile-v6),
body:has(.hub-community-admin-v3),html:has(.hub-community-admin-v3){overflow-y:auto!important;height:auto!important;min-height:100%!important}
.hub-desktop:has(.hub-profile-v6),.hub-desktop>#hubMain:has(.hub-profile-v6),
.hub-desktop:has(.hub-community-admin-v3),.hub-desktop>#hubMain:has(.hub-community-admin-v3){overflow:visible!important;height:auto!important;min-height:100vh!important}

@media(max-width:760px){.hub-gradient-pickers{grid-template-columns:1fr}.hub-profile-v6-friend-grid{grid-template-columns:1fr!important}}

/* ===== 2026-09-02 follow-up: original profile actions + fixed nav + floating admin controls ===== */
/* Profile-only action colors are intentionally NOT tied to Appearance settings. */
.hub-profile-v6-actions .hub-primary-btn{
  border:1px solid rgba(124,92,255,.20)!important;
  background:linear-gradient(135deg,#7564df,#5f73cf)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.hub-profile-v6-actions .hub-secondary-btn{
  border:1px solid rgba(255,255,255,.075)!important;
  background:#171e2a!important;
  color:#cbd2dc!important;
  box-shadow:none!important;
}
.hub-profile-v6-actions .hub-primary-btn:hover{
  border-color:rgba(140,126,235,.34)!important;
  background:linear-gradient(135deg,#806fe5,#687bd3)!important;
}
.hub-profile-v6-actions .hub-secondary-btn:hover{
  border-color:rgba(255,255,255,.12)!important;
  background:#1c2532!important;
  color:#fff!important;
}

/* Header/navigation is back to the original fixed myHub surface. */
.hub-desktop > .hub-topbar.hub-floating-nav,
.hub-topbar.hub-floating-nav{
  background:rgba(11,13,18,.72)!important;
  border-color:rgba(255,255,255,.075)!important;
  box-shadow:0 16px 40px rgba(0,0,0,.26)!important;
}

/* Community management section tabs become a floating control group while scrolling. */
.hub-community-admin-v3-tabs{
  position:sticky!important;
  top:72px!important;
  z-index:1800!important;
  width:max-content!important;
  max-width:calc(100vw - 44px)!important;
  margin:14px auto 0!important;
  padding:6px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:13px!important;
  background:rgba(9,14,21,.92)!important;
  box-shadow:0 14px 38px rgba(0,0,0,.38)!important;
  backdrop-filter:blur(18px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(125%)!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
}
.hub-community-admin-v3-tabs::-webkit-scrollbar{display:none!important}
.hub-community-admin-v3-tabs button{flex:0 0 auto!important}

/* Static Save remains directly above Delete Community. */
.hub-community-profile-v4-savebar-static,
.hub-community-profile-v4-savebar-static.is-clean,
.hub-community-profile-v4-savebar-static:not(.is-clean){
  position:static!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
  z-index:3!important;
  display:flex!important;
  width:100%!important;
  margin:0!important;
  border:1px solid rgba(255,255,255,.06)!important;
  background:#0c121a!important;
  box-shadow:none!important;
}
.hub-community-profile-v4-savebar-static>div{display:block!important}
.hub-community-profile-v4-savebar-static.is-clean button{opacity:.42!important;cursor:not-allowed!important}

/* A second bar appears at the viewport bottom only while edits are unsaved. */
.hub-community-profile-v4-savebar-floating.is-clean{display:none!important}
.hub-community-profile-v4-savebar-floating:not(.is-clean){
  position:fixed!important;
  display:flex!important;
  left:50%!important;
  right:auto!important;
  bottom:18px!important;
  z-index:6000!important;
  width:min(760px,calc(100vw - 28px))!important;
  margin:0!important;
  transform:translateX(-50%)!important;
  border:1px solid rgba(124,92,255,.22)!important;
  background:rgba(10,15,23,.96)!important;
  box-shadow:0 18px 55px rgba(0,0,0,.48)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
.hub-community-profile-v4-savebar-floating:not(.is-clean)>div{display:block!important}

@media(max-width:760px){
  .hub-community-admin-v3-tabs{top:66px!important;max-width:calc(100vw - 20px)!important;margin-top:10px!important}
  .hub-community-profile-v4-savebar-floating:not(.is-clean){bottom:10px!important}
}

/* ===== 2026-09-02 Friends + RP persistence hotfix ===== */
.hub-friends-v2-page{padding-bottom:42px}
.hub-friends-v2-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:14px 0 20px}
.hub-friends-v2-header h1{margin:5px 0 6px;font-size:30px;letter-spacing:-.045em}
.hub-friends-v2-header p{margin:0;color:#7f8998;font-size:10px;line-height:1.55}
.hub-friends-v2-stats{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.hub-friends-v2-stats span{min-width:76px;padding:10px 12px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:#0b1118;color:#697586;font-size:8px;text-transform:uppercase;letter-spacing:.06em}
.hub-friends-v2-stats strong{display:block;margin-bottom:2px;color:#e1e6ed;font-size:15px;letter-spacing:-.03em}
.hub-friends-v2-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;align-items:start}
.hub-friends-v2-main{display:grid;gap:14px;min-width:0}
.hub-friends-v2-side{position:sticky;top:88px}
.hub-friends-v2-panel{border:1px solid rgba(255,255,255,.06);border-radius:12px;background:#090f16;overflow:hidden}
.hub-friends-v2-panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 16px;border-bottom:1px solid rgba(255,255,255,.05)}
.hub-friends-v2-panel-head span{display:block;margin-bottom:3px;color:#586477;font-size:7px;font-weight:800;letter-spacing:.13em}
.hub-friends-v2-panel-head h2{margin:0;color:#dfe4eb;font-size:12px;letter-spacing:-.02em}
.hub-friends-v2-panel-head em{color:#5e6a7b;font-size:8px;font-style:normal}
.hub-friends-v2-panel-head b{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#171f2a;color:#bfc7d2;font-size:8px}
.hub-friends-v2-search-panel{padding-bottom:10px}
.hub-friends-v2-searchbox{display:flex;align-items:center;gap:8px;margin:13px 14px 8px;padding:0 11px;height:40px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:#0c131c;color:#536071}
.hub-friends-v2-searchbox:focus-within{border-color:rgba(255,255,255,.14);background:#0d151f}
.hub-friends-v2-searchbox input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#dce2e9;font:inherit;font-size:10px}
.hub-friends-v2-searchbox input::placeholder{color:#566171}
.hub-friends-v2-search-results{display:grid;margin:0 8px}
.hub-friends-v2-person{display:flex;align-items:center;gap:10px;padding:8px 7px;border-radius:9px}
.hub-friends-v2-person:hover{background:#0c131c}
.hub-friends-v2-person-main,.hub-friends-v2-request-main,.hub-friends-v2-card-profile{display:flex;align-items:center;gap:10px;min-width:0;flex:1;border:0;background:transparent;color:inherit;text-align:left}
.hub-friends-v2-person-main>span:last-child,.hub-friends-v2-request-main>span:last-child{min-width:0;flex:1}
.hub-friends-v2-person-main strong,.hub-friends-v2-person-main small,.hub-friends-v2-request-main strong,.hub-friends-v2-request-main small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hub-friends-v2-person-main strong,.hub-friends-v2-request-main strong{color:#d6dce4;font-size:9px}
.hub-friends-v2-person-main small,.hub-friends-v2-request-main small{margin-top:3px;color:#596677;font-size:7.5px}
.hub-friends-v2-avatar{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:#111a25;color:#9da8b7;font-size:10px;font-weight:800}
.hub-friends-v2-avatar.large{width:52px;height:52px;flex-basis:52px;border-radius:11px;font-size:13px}
.hub-friends-v2-avatar img{width:100%;height:100%;object-fit:cover}
.hub-friends-v2-action{min-width:82px;height:30px;padding:0 10px;border:1px solid #2c3542;border-radius:8px;background:#19222e;color:#d3d9e1;font-size:8px;font-weight:700}
.hub-friends-v2-action:hover{background:#202b39;color:#fff}
.hub-friends-v2-action.muted,.hub-friends-v2-action:disabled{border-color:rgba(255,255,255,.055);background:#0e151e;color:#596676;cursor:default}
.hub-friends-v2-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px}
.hub-friends-v2-card{min-width:0;padding:11px;border:1px solid rgba(255,255,255,.05);border-radius:10px;background:#0c131b}
.hub-friends-v2-card:hover{border-color:rgba(255,255,255,.09);background:#0e1620}
.hub-friends-v2-card-copy{min-width:0;flex:1}
.hub-friends-v2-card-copy strong,.hub-friends-v2-card-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hub-friends-v2-card-copy strong{color:#dce1e8;font-size:10px}
.hub-friends-v2-card-copy small{margin-top:4px;color:#5e6b7c;font-size:7.5px}
.hub-friends-v2-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}
.hub-friends-v2-card-actions button,.hub-friends-v2-request>div button{height:30px;border:1px solid rgba(255,255,255,.065);border-radius:7px;background:#121a24;color:#aeb7c4;font-size:8px;font-weight:700}
.hub-friends-v2-card-actions button:hover,.hub-friends-v2-request>div button:hover{background:#18222e;color:#fff}
.hub-friends-v2-card-actions button.danger:hover{border-color:rgba(214,89,100,.24);background:rgba(174,61,72,.12);color:#e99ca4}
.hub-friends-v2-requests{display:grid;padding:8px}
.hub-friends-v2-request{padding:10px 8px;border-radius:9px}
.hub-friends-v2-request+.hub-friends-v2-request{border-top:1px solid rgba(255,255,255,.045);border-radius:0}
.hub-friends-v2-request>div{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:8px 0 0 48px}
.hub-friends-v2-request>div button.accept{border-color:#313b49;background:#1a2531;color:#dce2e9}
.hub-friends-v2-empty,.hub-friends-v2-search-empty,.hub-friends-v2-side-empty{display:grid;justify-items:center;text-align:center;padding:30px 18px;color:#5e6979}
.hub-friends-v2-search-empty{padding:22px 16px}
.hub-friends-v2-empty span{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.07);border-radius:50%;background:#101821;color:#778397;font-size:18px}
.hub-friends-v2-empty strong,.hub-friends-v2-search-empty strong,.hub-friends-v2-side-empty strong{margin-top:8px;color:#adb6c3;font-size:9px}
.hub-friends-v2-empty p,.hub-friends-v2-search-empty p,.hub-friends-v2-side-empty p{max-width:230px;margin:5px 0 0;font-size:8px;line-height:1.5}
@media(max-width:980px){.hub-friends-v2-layout{grid-template-columns:1fr}.hub-friends-v2-side{position:static}.hub-friends-v2-header{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){.hub-friends-v2-grid{grid-template-columns:1fr}.hub-friends-v2-stats{width:100%}.hub-friends-v2-stats span{flex:1}.hub-friends-v2-person{align-items:flex-start}.hub-friends-v2-action{min-width:74px}}


/* ===== 2026-09-02 profile sync + single-scrollbar + full community nav fix ===== */
/* Exactly one browser scrollbar on normal pages. */
html:not(.hub-root-scroll-lock){
  overflow-x:hidden!important;
  overflow-y:auto!important;
  min-height:100%!important;
}
body:not(.hub-home-body-lock):not(.hub-civilian-body-lock){
  overflow:visible!important;
  min-height:100vh!important;
}
body:has(.hub-profile-v6),
body:has(.hub-community-admin-v3){overflow:visible!important;height:auto!important;min-height:100vh!important}
html:has(.hub-profile-v6),
html:has(.hub-community-admin-v3){overflow-y:auto!important;height:auto!important;min-height:100%!important}

/* Revert the compact management tab pill. Keep the original full-width row,
   but make that same row sticky/floating once it reaches the top. */
.hub-community-admin-v3-tabs{
  position:sticky!important;
  top:56px!important;
  z-index:1800!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0 10px!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:space-between!important;
  gap:0!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  border-radius:0!important;
  background:rgba(7,12,19,.96)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.20)!important;
  backdrop-filter:blur(18px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(120%)!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
}
.hub-community-admin-v3-tabs::-webkit-scrollbar{display:none!important}
.hub-community-admin-v3-tabs button{
  flex:0 0 auto!important;
  min-height:62px!important;
  padding:0 17px!important;
  border:0!important;
  border-bottom:2px solid transparent!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.hub-community-admin-v3-tabs button.active{
  border-bottom-color:#6558ff!important;
}
@media(max-width:900px){
  .hub-community-admin-v3-tabs{top:56px!important;justify-content:flex-start!important;padding:0 6px!important}
  .hub-community-admin-v3-tabs button{min-height:56px!important;padding:0 14px!important}
}

/* ===== 2026-09-02 friends layout v3: requests inline, not a right inbox ===== */
.hub-friends-v3-stack{display:grid;gap:16px;width:100%}
.hub-friends-v3-page .hub-friends-v2-layout{display:block!important}
.hub-friends-v3-requests-panel{overflow:hidden}
.hub-friends-v3-request-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hub-friends-v3-request-grid .hub-friends-v2-request{min-height:72px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:#0f151e}
.hub-friends-v3-request-grid .hub-friends-v2-request-main{min-width:0}
@media(max-width:760px){.hub-friends-v3-request-grid{grid-template-columns:1fr}}

/* 2026-09-04: top-bar shortcuts + strict account menu cleanup */
.hub-topbar-right{
  display:flex;
  align-items:center;
  gap:6px;
  margin-left:auto;
}
.hub-topbar-right .hub-utility-actions{
  margin:0 2px 0 0;
  gap:4px;
}
.hub-topbar-right .hub-utility-btn{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  padding:0;
}
.hub-topbar-right .hub-utility-btn svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.hub-topbar-right .hub-utility-btn b{
  right:0;
  top:-1px;
  min-width:15px;
  height:15px;
  padding:0 4px;
  line-height:15px;
  font-size:9px;
}
@media (max-width:720px){
  .hub-topbar-right .hub-utility-btn{width:32px;height:32px}
  .hub-topbar-right .hub-utility-btn svg{width:17px;height:17px}
}


/* ===== focused UX additions: community management, messages, applications ===== */
.hub-topbar-manage-community{
  border:1px solid rgba(255,255,255,.11);
  background:rgba(255,255,255,.055);
  color:var(--text,#f4f7fb);
  border-radius:10px;
  padding:8px 12px;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}
.hub-topbar-manage-community:hover{background:rgba(255,255,255,.09)}
.hub-topbar-manage-community[hidden]{display:none!important}
.hub-messages-v3-head-actions{display:flex;align-items:center;gap:10px}
.hub-messages-v3-clear-all,
.hub-messages-v3-chat-actions .danger{
  border:1px solid rgba(255,95,114,.24)!important;
  color:#ff8796!important;
  background:rgba(255,95,114,.07)!important;
}
.hub-message-muted-tag{
  display:inline-flex;margin-left:5px;padding:2px 5px;border-radius:999px;
  font-size:9px;font-weight:800;letter-spacing:.04em;color:var(--muted,#9ba6b6);
  background:rgba(255,255,255,.06);vertical-align:middle;
}
.hub-community-apply-v2{max-width:980px;margin:0 auto;padding-bottom:70px}
.hub-community-apply-v2-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.hub-community-apply-v2-top>span{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--muted)}
.hub-community-apply-v2-head{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:24px 0 26px;border-bottom:1px solid var(--border)}
.hub-community-apply-v2-identity{display:flex;align-items:center;gap:16px;min-width:0}
.hub-community-apply-v2-logo{width:58px;height:58px;flex:0 0 58px;border-radius:14px;overflow:hidden;display:grid;place-items:center;border:1px solid var(--border);background:rgba(255,255,255,.045);font-weight:900}
.hub-community-apply-v2-logo img{width:100%;height:100%;object-fit:cover}
.hub-community-apply-v2-identity>div>span{display:block;font-size:10px;letter-spacing:.16em;font-weight:800;color:var(--muted);margin-bottom:6px}
.hub-community-apply-v2-identity h1{margin:0;font-size:clamp(28px,4vw,42px);letter-spacing:-.045em}
.hub-community-apply-v2-identity p{margin:8px 0 0;color:var(--muted);line-height:1.55;max-width:680px}
.hub-community-apply-v2-status{flex:0 0 auto;min-width:88px;text-align:center;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.03)}
.hub-community-apply-v2-status strong{display:block;font-size:20px}
.hub-community-apply-v2-status span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.09em}
.hub-community-apply-v2-form{display:grid;gap:12px;margin-top:20px}
.hub-community-apply-v2-question{padding:18px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.025)}
.hub-community-apply-v2-question-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}
.hub-community-apply-v2-question-head>span{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.055);font-size:10px;font-weight:900;color:var(--muted)}
.hub-community-apply-v2-question-head div{display:flex;flex-direction:column;gap:3px}
.hub-community-apply-v2-question-head strong{font-size:14px}
.hub-community-apply-v2-question-head small{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.hub-community-apply-v2-question input,
.hub-community-apply-v2-question textarea,
.hub-community-apply-v2-question select{width:100%;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.04);color:var(--text);padding:12px 13px;outline:none;font:inherit}
.hub-community-apply-v2-question textarea{min-height:120px;resize:vertical}
.hub-community-apply-v2-question input:focus,
.hub-community-apply-v2-question textarea:focus,
.hub-community-apply-v2-question select:focus{border-color:var(--profile-accent,var(--accent))}
.hub-community-apply-v2-empty{padding:24px;text-align:center;border:1px dashed var(--border);border-radius:14px}
.hub-community-apply-v2-empty p{color:var(--muted)}
.hub-community-apply-v2-submit{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:4px;padding:18px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.035)}
.hub-community-apply-v2-submit>div{display:flex;flex-direction:column;gap:4px}
.hub-community-apply-v2-submit span{font-size:12px;color:var(--muted)}
.hub-community-apply-v2-submit .hub-primary-btn{width:auto;min-width:180px}
@media(max-width:760px){
  .hub-community-apply-v2-head,.hub-community-apply-v2-submit{align-items:stretch;flex-direction:column}
  .hub-community-apply-v2-status{align-self:flex-start}
  .hub-community-apply-v2-submit .hub-primary-btn{width:100%}
  .hub-topbar-manage-community{display:none!important}
}

/* 2026-09-04: nav-aligned Manage Community + cleaner message actions */
.hub-manage-community-nav[hidden]{display:none!important}
.hub-messages-v3-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}
.hub-messages-v3-read-all{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:46px;
  padding:7px 13px 7px 8px;
  border:1px solid rgba(255,255,255,.085);
  border-radius:12px;
  background:rgba(255,255,255,.035);
  color:var(--text,#f4f7fb);
  text-align:left;
  transition:background .14s ease,border-color .14s ease,transform .14s ease;
}
.hub-messages-v3-read-all:hover{
  background:rgba(255,255,255,.065);
  border-color:rgba(255,255,255,.14);
  transform:translateY(-1px);
}
.hub-messages-v3-read-all-icon{
  width:32px;height:32px;flex:0 0 32px;border-radius:9px;
  display:grid;place-items:center;
  background:rgba(101,88,255,.14);
  color:var(--profile-accent,#7c5cff);
}
.hub-messages-v3-read-all-icon svg{
  width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round;
}
.hub-messages-v3-read-all-copy{display:flex;flex-direction:column;gap:2px;line-height:1.15}
.hub-messages-v3-read-all-copy strong{font-size:12px;font-weight:850;color:inherit}
.hub-messages-v3-read-all-copy small{font-size:10px;font-weight:600;color:var(--muted,#8e99aa)}
.hub-messages-v3-page-stat{display:none!important}
.hub-light .hub-messages-v3-read-all{background:rgba(20,24,32,.035);border-color:rgba(20,24,32,.10)}
.hub-light .hub-messages-v3-read-all:hover{background:rgba(20,24,32,.06);border-color:rgba(20,24,32,.15)}
@media(max-width:720px){
  .hub-messages-v3-read-all-copy small{display:none}
  .hub-messages-v3-read-all{min-height:38px;padding:4px 9px 4px 5px}
  .hub-messages-v3-read-all-icon{width:28px;height:28px;flex-basis:28px}
}


/* ===== myHub Messages upgrade ===== */
.hub-route-loading-bar{position:fixed;z-index:99999;top:0;left:0;height:2px;width:0;opacity:0;pointer-events:none;background:linear-gradient(90deg,var(--site-primary),var(--site-secondary));transition:width .18s ease,opacity .18s ease}
.hub-route-loading-bar.show{width:74%;opacity:1}.hub-route-loading-bar.show.done{width:100%;opacity:0}
.hub-messages-v3-group-label{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 6px;font-size:10px;letter-spacing:.13em;color:var(--muted)}
.hub-messages-v3-group-label small{font-size:10px;letter-spacing:0}
.hub-typing-status{color:var(--site-secondary);font-weight:600}
.hub-message-image{display:block;max-width:min(360px,100%);max-height:360px;object-fit:cover;border-radius:10px;margin-top:7px;border:1px solid rgba(255,255,255,.08)}
.hub-message-image-button{display:grid;place-items:center;min-width:38px;height:38px;border-radius:9px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045);color:inherit;cursor:pointer;font-size:20px}
.hub-message-image-preview-wrap{width:100%}
.hub-message-image-preview{position:relative;width:max-content;max-width:180px;margin:8px 0}
.hub-message-image-preview img{display:block;max-width:180px;max-height:130px;object-fit:cover;border-radius:9px;border:1px solid rgba(255,255,255,.08)}
.hub-message-image-preview button{position:absolute;top:5px;right:5px;width:24px;height:24px;border:0;border-radius:50%;background:rgba(0,0,0,.72);color:white}


/* ===== Messages polish ===== */
.hub-messages-v3-search,
.hub-messages-v3-search input,
.hub-messages-v3-search-wrap,
.hub-messages-v3-search-wrap input,
#hubMessageSearch,
input[placeholder*="Search messages"],
input[placeholder*="Search users"],
input[placeholder*="Search messages or users"]{
  box-shadow:none!important;
  outline:none!important;
  border-color:rgba(255,255,255,.08)!important;
}
.hub-messages-v3-search:focus,
.hub-messages-v3-search input:focus,
.hub-messages-v3-search-wrap:focus-within,
.hub-messages-v3-search-wrap input:focus,
#hubMessageSearch:focus,
input[placeholder*="Search messages"]:focus,
input[placeholder*="Search users"]:focus,
input[placeholder*="Search messages or users"]:focus{
  box-shadow:none!important;
  outline:none!important;
  border-color:rgba(255,255,255,.12)!important;
}

/* Explicit image attachment control in composer */
.hub-message-attach-button{
  display:inline-flex;
  align-items:center;
  gap:7px;
  height:38px;
  padding:0 12px;
  border-radius:9px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.045);
  color:inherit;
  cursor:pointer;
  font-size:12px;
  font-weight:600;
}
.hub-message-attach-button svg{width:16px;height:16px}