/* ==========================================================================
   CHATZA UNIFIED EXPERIENCE v11
   Editorial pages, flat information lanes and expressive Nickpages.
   Loaded last on purpose: this layer replaces the old card-first language.
   ========================================================================== */
:root {
  --yu-bg: #2a2a32;
  --yu-deep: #212128;
  --yu-soft: #32323a;
  --yu-raised: #3b3b44;
  --yu-ink: #f7f5f2;
  --yu-muted: #aaa7b1;
  --yu-orange: #ff6600;
  --yu-green: #9cff00;
  --yu-violet: #795cff;
  --yu-coral: #ff4d67;
  --yu-line: rgba(255,255,255,.11);
  --yu-faint: rgba(255,255,255,.045);
}

.cz-global-footer-design,
.cz-footer-design-credit {
  color: #77747d;
  font-size: 8px;
  font-weight: 650;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.cz-global-footer-design { margin-top: 3px; }
.cz-global-footer-design strong,
.cz-footer-design-credit b { color: var(--yu-orange); font-weight: 950; }

/* Shared page rhythm ------------------------------------------------------- */
body.cz-youth-auth #modal-overlay[data-view] .modal-card {
  background: var(--yu-bg) !important;
}
body.cz-youth-auth #modal-overlay[data-view] .modal-body {
  background:
    radial-gradient(circle at 92% 2%, rgba(121,92,255,.09), transparent 25rem),
    var(--yu-bg) !important;
}
.cz-page-rule,
.cz30-page-line,
.np-page-line {
  min-height: 38px;
  display: grid;
  grid-template-columns: auto auto minmax(30px,1fr);
  align-items: center;
  gap: 10px;
  color: var(--yu-muted);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .15em;
  text-transform: uppercase;
}
.cz30-page-line span,.np-page-line span { color: var(--yu-orange); }
.cz30-page-line i,.np-page-line i { height: 1px; background: var(--yu-line); }

/* Internal Nickpage — the main showpiece --------------------------------- */
#modal-overlay[data-view="profile"] .modal-body { padding: 0 10px 42px !important; }
#modal-overlay[data-view="profile"] .modal-header {
  position: absolute !important;
  z-index: 40;
  top: 8px;
  right: 8px;
  left: auto;
  width: 44px;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
#modal-overlay[data-view="profile"] .modal-title { display: none !important; }
#modal-overlay[data-view="profile"] .modal-close {
  width: 44px !important;
  height: 44px !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 15px !important;
  color: #fff !important;
  background: rgba(20,20,25,.68) !important;
  backdrop-filter: blur(16px);
}
.cz30-profile { width: min(100%, 840px) !important; max-width: 840px !important; margin: 0 auto !important; }
.cz30-hero {
  position: relative;
  min-height: 590px;
  margin: 0 !important;
  padding: 0 22px 22px !important;
  overflow: hidden;
  border: 0 !important;
  border-radius: 13px 42px 13px 42px !important;
  background: var(--yu-deep) !important;
  box-shadow: 0 28px 72px rgba(0,0,0,.34) !important;
  isolation: isolate;
}
.cz30-hero::before {
  content: '@';
  position: absolute;
  z-index: -1;
  right: -12px;
  bottom: -92px;
  color: rgba(255,255,255,.025);
  font-size: 330px;
  line-height: 1;
  font-weight: 1000;
  pointer-events: none;
}
.cz30-cover {
  position: relative !important;
  height: 315px !important;
  margin: 0 -22px !important;
  border-radius: 0 !important;
  background-position: center !important;
  background-size: cover !important;
  filter: saturate(1.12) contrast(1.05) !important;
}
.cz30-cover::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(15,15,19,.08), rgba(25,25,31,.08) 52%, var(--yu-deep) 100%) !important;
}
.cz30-cover-mark {
  position: absolute;
  z-index: 4;
  top: 22px;
  left: 22px;
  display: grid;
  gap: 2px;
  color: #fff;
  text-shadow: 0 2px 12px rgba(0,0,0,.45);
}
.cz30-cover-mark span { color: var(--profile-accent,var(--yu-orange)); font-size: 8px; font-weight: 950; letter-spacing: .22em; }
.cz30-cover-mark b { font-size: 10px; letter-spacing: .08em; }
.cz30-toprow {
  position: relative !important;
  z-index: 7;
  margin-top: -91px !important;
  padding: 0 !important;
  align-items: end !important;
}
.cz30-avatar-wrap { width: 172px !important; height: 172px !important; flex: 0 0 172px !important; }
.cz30-avatar {
  width: 172px !important;
  height: 172px !important;
  border: 8px solid var(--yu-deep) !important;
  border-radius: 45px 14px 45px 14px !important;
  box-shadow: 0 0 0 2px var(--profile-accent,var(--yu-orange)), 0 25px 45px rgba(0,0,0,.38) !important;
  object-fit: cover;
}
.cz30-avatar-fallback { display: grid; place-items: center; background: linear-gradient(145deg,var(--yu-raised),var(--yu-soft)) !important; font-size: 48px !important; font-weight: 1000; }
.cz30-presence {
  right: 5px !important;
  bottom: 5px !important;
  width: 22px !important;
  height: 22px !important;
  border: 5px solid var(--yu-deep) !important;
  background: #74717b !important;
}
.cz30-presence.online { background: var(--yu-green) !important; box-shadow: 0 0 20px rgba(156,255,0,.4); }
.cz30-actions { margin-bottom: 5px; display: flex; gap: 7px; }
.cz30-actions button {
  min-height: 47px !important;
  padding: 0 16px !important;
  border: 1px solid var(--yu-line) !important;
  border-radius: 16px 6px 16px 6px !important;
  color: var(--yu-ink) !important;
  background: rgba(255,255,255,.055) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
}
.cz30-actions button.primary { border-color: transparent !important; color: #16161a !important; background: var(--profile-accent,var(--yu-orange)) !important; }
.cz30-identity { position: relative; z-index: 5; padding: 14px 0 8px 192px !important; margin-top: -82px; min-height: 112px; }
.cz30-identity-kicker,.np-kicker { color: var(--profile-accent,var(--yu-orange)); font-size: 8px; font-weight: 950; letter-spacing: .17em; }
.cz30-identity h1 {
  max-width: 100%;
  margin: 5px 0 2px !important;
  overflow: hidden;
  color: var(--yu-ink) !important;
  font-size: clamp(52px, 10vw, 92px) !important;
  line-height: .76 !important;
  font-weight: 1000 !important;
  letter-spacing: -.085em !important;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}
.cz30-handle { margin-top: 8px !important; color: var(--yu-muted) !important; font-size: 10px !important; }
.cz30-handle span { margin-left: 6px; padding: 4px 8px !important; border: 0 !important; border-radius: 6px !important; color: #151519 !important; background: var(--yu-green) !important; font-weight: 950; }
.cz30-identity p { margin: 10px 0 0 !important; color: #dbd8de !important; font-size: 14px !important; line-height: 1.4; }
.cz30-stats {
  margin: 22px 0 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(4,1fr) !important;
  overflow: visible !important;
  border: 0 !important;
  border-top: 1px solid var(--yu-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
}
.cz30-stats > div { min-width: 0; padding: 17px 11px 4px !important; display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 8px; border: 0 !important; border-right: 1px solid var(--yu-line) !important; text-align: left !important; }
.cz30-stats > div:first-child { padding-left: 0 !important; }
.cz30-stats > div:last-child { border-right: 0 !important; }
.cz30-stats i { grid-row: 1 / 3; align-self: center; color: var(--profile-accent,var(--yu-orange)) !important; font-size: 18px; font-style: normal; }
.cz30-stats strong { color: var(--yu-ink) !important; font-size: 22px !important; line-height: 1; }
.cz30-stats span { color: var(--yu-muted) !important; font-size: 8px !important; letter-spacing: .1em; text-transform: uppercase; }

.cz30-tabs {
  position: sticky !important;
  z-index: 16;
  top: 0 !important;
  margin: 11px 0 2px !important;
  padding: 0 5px !important;
  display: flex !important;
  gap: 24px !important;
  overflow-x: auto !important;
  border: 0 !important;
  border-bottom: 1px solid var(--yu-line) !important;
  border-radius: 0 !important;
  background: rgba(36,36,43,.94) !important;
  backdrop-filter: blur(18px);
  scrollbar-width: none;
}
.cz30-tabs::-webkit-scrollbar { display: none; }
.cz30-tabs button {
  position: relative;
  min-height: 52px !important;
  padding: 0 !important;
  flex: 0 0 auto;
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--yu-muted) !important;
  background: transparent !important;
  font-size: 10px !important;
  font-weight: 850 !important;
}
.cz30-tabs button.active { color: var(--yu-ink) !important; background: transparent !important; }
.cz30-tabs button.active::after { content: ''; position: absolute; right: 0; bottom: -1px; left: 0; height: 3px; border-radius: 3px 3px 0 0; background: var(--profile-accent,var(--yu-orange)); }
.cz30-page-line { margin: 8px 2px 2px; }
.cz30-card {
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--yu-ink) !important;
  background: transparent !important;
  box-shadow: none !important;
}
.cz30-block {
  position: relative;
  min-height: 150px;
  padding: 22px 8px 24px 148px !important;
  border: 0 !important;
  border-top: 1px solid var(--yu-line) !important;
  background: transparent !important;
}
.cz30-block::before { position: absolute; top: 22px; left: 5px; color: rgba(255,255,255,.04); font-size: 78px; line-height: .8; font-weight: 1000; }
.cz30-block:nth-child(1)::before { content: '01'; }
.cz30-block:nth-child(2)::before { content: '02'; }
.cz30-block:nth-child(3)::before { content: '03'; }
.cz30-block-head { margin-bottom: 12px; }
.cz30-block-head h2 { color: var(--yu-ink) !important; font-size: 22px !important; font-weight: 950 !important; letter-spacing: -.035em; }
.cz30-block-head button,.cz30-inline-link,.cz30-all-activity { color: var(--profile-accent,var(--yu-orange)) !important; }
.cz30-block p { color: #cfccd3 !important; font-size: 14px !important; line-height: 1.65 !important; }
.cz30-chips { display: flex; flex-wrap: wrap; gap: 0 !important; border-top: 1px solid var(--yu-line); }
.cz30-chips span { padding: 10px 13px !important; border: 0 !important; border-right: 1px solid var(--yu-line) !important; border-bottom: 1px solid var(--yu-line) !important; border-radius: 0 !important; color: var(--yu-ink) !important; background: transparent !important; font-size: 10px; }
.cz30-activity-list { border-top: 1px solid var(--yu-line); }
.cz30-activity { min-height: 62px; padding: 8px 0 !important; border: 0 !important; border-bottom: 1px solid var(--yu-line) !important; border-radius: 0 !important; background: transparent !important; }
.cz30-activity > i { border-radius: 11px 4px 11px 4px !important; color: #151519 !important; background: var(--profile-accent,var(--yu-orange)) !important; }
.cz30-activity > span { color: var(--profile-accent,var(--yu-orange)) !important; }
.cz30-guestbook,.cz30-lists,.cz30-timecapsule,.cz30-questionbox,.cz30-zabox,.cz30-zaspace { margin-top: 8px !important; padding: 18px 8px !important; border-top: 1px solid var(--yu-line) !important; }
.cz30-guest-row,.cz30-list-block,.cz30-capsule,.cz30-question-pending,.cz30-zaspace-settings,.cz30-question-answered {
  margin: 0 !important;
  padding: 13px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--yu-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
}
.cz30-guest-row > span { border-radius: 12px 4px 12px 4px !important; }
.cz30-guest-compose,.cz30-list-add-form,.cz30-ask-form { margin-top: 12px; padding: 6px !important; border: 1px solid var(--yu-line); border-radius: 15px 6px 15px 6px; background: var(--yu-soft); }
.cz30-manage { margin-top: 12px !important; }

/* Profile editor: workbench instead of a pile of cards */
.cz-profile-editor { display: grid; gap: 0 !important; }
.cz-editor-progress,.cz-editor-card,.cz-privacy-blocked {
  margin: 0 !important;
  padding: 22px 4px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--yu-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.cz-editor-card-title { display: grid !important; grid-template-columns: 50px minmax(0,1fr); gap: 12px !important; }
.cz-editor-card-title > span { width: 50px !important; height: 50px !important; display: grid; place-items: center; border-radius: 16px 5px 16px 5px !important; color: #151519; background: var(--profile-accent,var(--yu-orange)) !important; font-size: 20px; }
.cz-editor-card-title h3 { margin: 0 !important; color: var(--yu-ink) !important; font-size: 19px !important; }
.cz-editor-card-title p { margin: 4px 0 0 !important; color: var(--yu-muted) !important; }
.cz-editor-grid,.cz-privacy-switches { gap: 8px !important; }
.cz-editor-field input,.cz-editor-field textarea,.cz-editor-field select,.cz-editor-inline input {
  border: 0 !important;
  border-bottom: 1px solid var(--yu-line) !important;
  border-radius: 0 !important;
  color: var(--yu-ink) !important;
  background: transparent !important;
}
.cz-editor-savebar { bottom: 86px !important; padding: 8px !important; border: 1px solid var(--yu-line) !important; border-radius: 17px 6px 17px 6px !important; background: rgba(35,35,41,.94) !important; backdrop-filter: blur(16px); }
.cz-editor-savebar button { border: 0 !important; color: #151519 !important; background: var(--profile-accent,var(--yu-orange)) !important; }

/* External/public Nickpage ------------------------------------------------ */
body.cz-public-profile {
  min-height: 100dvh !important;
  padding: 0 0 calc(24px + env(safe-area-inset-bottom)) !important;
  color: var(--yu-ink) !important;
  background:
    radial-gradient(circle at 94% 8%, rgba(121,92,255,.12), transparent 30rem),
    var(--yu-bg) !important;
}
.cz-public-profile .np-top {
  height: 62px !important;
  padding: 0 max(13px,calc((100vw - 980px)/2)) !important;
  border-color: var(--yu-line) !important;
  background: rgba(25,25,31,.88) !important;
  backdrop-filter: blur(18px);
}
.cz-public-profile .np-logo { color: var(--yu-ink); font-size: 24px !important; text-transform: uppercase; }
.cz-public-profile .np-logo span,.cz-public-profile .np-back,.cz-public-profile .np-login { color: var(--yu-orange) !important; }
.cz-public-profile .np-page { width: min(100%, 980px) !important; max-width: 980px !important; margin: 10px auto 0 !important; padding: 0 10px !important; }
.cz-public-profile .np-profile { width: 100%; }
.cz-public-profile .np-hero {
  position: relative;
  min-height: 620px;
  padding: 0 24px 24px !important;
  overflow: hidden;
  border: 0 !important;
  border-radius: 13px 46px 13px 46px !important;
  background: var(--yu-deep) !important;
  box-shadow: 0 30px 80px rgba(0,0,0,.36) !important;
  isolation: isolate;
}
.cz-public-profile .np-hero::before { content: 'ZA'; position: absolute; z-index: -1; right: -34px; bottom: -74px; color: rgba(255,255,255,.022); font-size: 340px; line-height: 1; font-weight: 1000; letter-spacing: -.14em; transform: rotate(-7deg); }
.cz-public-profile .np-cover { position: relative; height: 340px !important; margin: 0 -24px !important; border-radius: 0 !important; filter: saturate(1.12) contrast(1.05); }
.cz-public-profile .np-cover::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg,rgba(10,10,14,.05),transparent 45%,var(--yu-deep)); }
.np-cover-mark { position: absolute; z-index: 4; top: 24px; left: 24px; display: grid; gap: 2px; text-shadow: 0 2px 12px rgba(0,0,0,.45); }
.np-cover-mark span { color: var(--accent); font-size: 8px; font-weight: 950; letter-spacing: .22em; }
.np-cover-mark b { color: #fff; font-size: 10px; letter-spacing: .08em; }
.cz-public-profile .np-toprow { margin-top: -101px !important; align-items: end !important; }
.cz-public-profile .np-avatar-wrap { width: 186px !important; height: 186px !important; flex: 0 0 186px !important; }
.cz-public-profile .np-avatar-wrap img,.cz-public-profile .np-avatar-initials {
  width: 186px !important;
  height: 186px !important;
  border: 8px solid var(--yu-deep) !important;
  border-radius: 49px 15px 49px 15px !important;
  background: var(--yu-soft) !important;
  box-shadow: 0 0 0 2px var(--accent),0 26px 48px rgba(0,0,0,.42) !important;
  font-size: 50px !important;
}
.cz-public-profile .np-presence { right: 6px !important; bottom: 6px !important; width: 23px !important; height: 23px !important; border: 5px solid var(--yu-deep) !important; background: var(--yu-green) !important; }
.cz-public-profile .np-actions { margin-bottom: 7px !important; }
.cz-public-profile .np-actions a { min-height: 48px !important; padding: 0 17px !important; border: 1px solid var(--yu-line) !important; border-radius: 16px 6px 16px 6px !important; color: var(--yu-ink) !important; background: var(--yu-faint) !important; }
.cz-public-profile .np-actions a:first-child { border-color: transparent !important; color: #151519 !important; background: var(--accent) !important; }
.cz-public-profile .np-identity { min-height: 120px; margin-top: -94px; padding: 22px 0 12px 210px !important; }
.cz-public-profile .np-kicker { color: var(--accent); }
.cz-public-profile .np-name { max-width: 100%; margin: 5px 0 2px !important; overflow: hidden; color: var(--yu-ink) !important; font-size: clamp(62px,10vw,105px) !important; line-height: .76 !important; font-weight: 1000 !important; letter-spacing: -.09em !important; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.cz-public-profile .np-verified { width: 25px !important; height: 25px !important; color: #151519 !important; vertical-align: 10px !important; }
.cz-public-profile .np-handle { margin-top: 9px; color: var(--yu-muted) !important; }
.cz-public-profile .np-handle span { border: 0 !important; border-radius: 6px !important; color: #151519 !important; background: var(--yu-green) !important; font-weight: 950; }
.cz-public-profile .np-meta,.cz-public-profile .np-motto { color: #d6d3da !important; }
.cz-public-profile .np-motto { margin-top: 10px !important; font-size: 14px !important; }
.cz-public-profile .np-stats { margin: 28px 0 0 !important; border: 0 !important; border-top: 1px solid var(--yu-line) !important; border-radius: 0 !important; background: transparent !important; }
.cz-public-profile .np-stat { padding: 18px 10px 4px !important; display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 8px; border-color: var(--yu-line) !important; text-align: left !important; }
.cz-public-profile .np-stat:first-child { padding-left: 0 !important; }
.cz-public-profile .np-stat i { grid-row: 1 / 3; align-self: center; color: var(--accent) !important; }
.cz-public-profile .np-stat b { color: var(--yu-ink) !important; font-size: 23px !important; line-height: 1; }
.cz-public-profile .np-stat span { color: var(--yu-muted) !important; letter-spacing: .1em; }
.cz-public-profile .np-tabs { margin: 12px 0 0 !important; display: flex !important; gap: 26px; overflow-x: auto; border: 0 !important; border-bottom: 1px solid var(--yu-line) !important; border-radius: 0 !important; background: transparent !important; }
.cz-public-profile .np-tabs span { position: relative; min-height: 52px !important; padding: 0 !important; border: 0 !important; color: var(--yu-muted) !important; }
.cz-public-profile .np-tabs .active { color: var(--yu-ink) !important; background: transparent !important; box-shadow: none !important; }
.cz-public-profile .np-tabs .active::after { content: ''; position: absolute; right: 0; bottom: 0; left: 0; height: 3px; background: var(--accent); }
.cz-public-profile .np-page-line { margin-top: 7px; }
.cz-public-profile .np-card { margin: 0 !important; overflow: visible !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; }
.cz-public-profile .np-block { position: relative; min-height: 160px; padding: 24px 10px 27px 160px !important; border: 0 !important; border-top: 1px solid var(--yu-line) !important; }
.cz-public-profile .np-block::before { position: absolute; top: 24px; left: 7px; color: rgba(255,255,255,.04); font-size: 84px; line-height: .8; font-weight: 1000; }
.cz-public-profile .np-block:nth-child(1)::before { content: '01'; }
.cz-public-profile .np-block:nth-child(2)::before { content: '02'; }
.cz-public-profile .np-block:nth-child(3)::before { content: '03'; }
.cz-public-profile .np-block-head h2 { color: var(--yu-ink) !important; font-size: 23px !important; letter-spacing: -.04em; }
.cz-public-profile .np-block p { color: #cfccd3 !important; font-size: 14px !important; line-height: 1.65 !important; }
.cz-public-profile .np-chips { gap: 0 !important; border-top: 1px solid var(--yu-line); }
.cz-public-profile .np-chip { padding: 10px 13px !important; border: 0 !important; border-right: 1px solid var(--yu-line) !important; border-bottom: 1px solid var(--yu-line) !important; border-radius: 0 !important; color: var(--yu-ink) !important; background: transparent !important; }
.cz-public-profile .np-activity,.cz-public-profile .np-guest { padding: 10px 0 !important; border-color: var(--yu-line) !important; }
.cz-public-profile .np-activity > i,.cz-public-profile .np-guest > span { border-radius: 12px 4px 12px 4px !important; color: #151519 !important; background: var(--accent) !important; }
.cz-public-profile .np-activity b,.cz-public-profile .np-guest b { color: var(--yu-ink) !important; }
.cz-public-profile .np-footer { max-width: 960px; margin: 20px auto 0 !important; border: 0 !important; border-top: 1px solid var(--yu-line) !important; border-radius: 0 !important; background: transparent !important; }

/* Members: roster, not cards --------------------------------------------- */
#modal-overlay[data-view="members"] .modal-body { padding: 0 12px 38px !important; }
.cz-members-page { width: min(100%,760px) !important; max-width: 760px !important; margin: 0 auto; }
.cz-members-heading { min-height: 260px !important; padding: 27px 22px !important; align-content: end !important; border: 0 !important; border-radius: 12px 36px 12px 36px !important; background: radial-gradient(circle at 88% 13%,rgba(121,92,255,.27),transparent 33%),linear-gradient(135deg,rgba(255,102,0,.23),transparent 54%),var(--yu-deep) !important; }
.cz-members-heading h1 { max-width: 520px; margin: 5px 0 8px !important; color: var(--yu-ink) !important; font-size: clamp(53px,12vw,92px) !important; line-height: .79 !important; font-weight: 1000 !important; letter-spacing: -.09em !important; text-transform: uppercase; }
.cz-members-heading p { max-width: 430px !important; color: var(--yu-muted) !important; font-size: 11px !important; }
.cz-members-heading #cz-member-find-btn { min-height: 48px !important; border: 0 !important; border-radius: 15px 5px 15px 5px !important; color: #151519 !important; background: var(--yu-green) !important; }
.cz-member-tools { margin: 14px 0 7px !important; }
.cz-member-tools .cz-search,.cz-member-tools .cz-filter-btn { border: 0 !important; border-bottom: 1px solid var(--yu-line) !important; border-radius: 0 !important; background: transparent !important; }
.cz-member-tabs { margin: 0 !important; padding: 0 0 5px !important; border-bottom: 1px solid var(--yu-line); }
.cz-member-tabs button { border: 0 !important; border-radius: 0 !important; color: var(--yu-muted) !important; background: transparent !important; }
.cz-member-tabs button.active { color: var(--yu-ink) !important; background: transparent !important; box-shadow: inset 0 -3px var(--yu-orange); }
.cz-member-list { gap: 0 !important; counter-reset: yu-member; }
.cz-member-list .cz-member {
  counter-increment: yu-member;
  min-height: 98px !important;
  margin: 0 !important;
  padding: 12px 4px !important;
  grid-template-columns: 58px minmax(0,1fr) 42px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--yu-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.cz-member-list .cz-member::before { content: counter(yu-member,decimal-leading-zero); position: absolute; right: 48px; color: rgba(255,255,255,.035); font-size: 45px; font-weight: 1000; }
.cz-member-list .cz-avatar-wrap,.cz-member-list .cz-avatar { width: 54px !important; height: 54px !important; }
.cz-member-list .cz-avatar { border-radius: 18px 6px 18px 6px !important; }
.cz-member-list .cz-member-name { color: var(--yu-ink) !important; font-size: 16px !important; }
.cz-member-list .cz22-member-arrow { border: 0 !important; color: var(--yu-orange) !important; background: transparent !important; }

/* Friends, team and rank: relationship lists ----------------------------- */
.cz-friends-page,.cz-team-page,.cz-leaderboard { width: min(100%,760px) !important; max-width: 760px !important; }
.cz-friends-intro { min-height: 210px; padding: 26px !important; display: flex !important; flex-direction: column; justify-content: end !important; align-items: start !important; border: 0 !important; border-radius: 12px 34px 12px 34px !important; background: radial-gradient(circle at 88% 10%,rgba(255,77,103,.22),transparent 35%),linear-gradient(135deg,rgba(121,92,255,.24),transparent 58%),var(--yu-deep) !important; }
.cz-friends-intro::before { content: 'DEINE LEUTE'; color: var(--yu-orange); font-size: 8px; font-weight: 950; letter-spacing: .18em; }
.cz-friends-intro span { color: var(--yu-ink) !important; font-size: clamp(54px,13vw,86px) !important; line-height: .8; font-weight: 1000; letter-spacing: -.08em; text-transform: uppercase; }
.cz-friends-intro p { margin: 10px 0 0 !important; color: var(--yu-green) !important; font-size: 11px !important; font-weight: 850; }
.cz-friends-section-label { margin-top: 13px !important; padding: 7px 0 !important; border-bottom: 1px solid var(--yu-line); color: var(--yu-muted) !important; letter-spacing: .12em; }
.cz-friends-list { gap: 0 !important; }
.cz-friend-row { min-height: 82px !important; margin: 0 !important; padding: 10px 2px !important; border: 0 !important; border-bottom: 1px solid var(--yu-line) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
.cz-friend-avatar { border-radius: 16px 5px 16px 5px !important; }
.cz-friend-row button { border: 0 !important; color: var(--yu-muted) !important; background: transparent !important; }
.cz-friend-row button:hover { color: var(--yu-orange) !important; }
.cz-friend-accept-btn { color: #151519 !important; background: var(--yu-green) !important; }

.cz-team-intro { min-height: 250px !important; padding: 27px 23px !important; align-items: end !important; border: 0 !important; border-radius: 12px 35px 12px 35px !important; background: radial-gradient(circle at 88% 14%,rgba(156,255,0,.12),transparent 30%),linear-gradient(135deg,rgba(255,102,0,.23),transparent 56%),var(--yu-deep) !important; }
.cz-team-intro h2 { max-width: 520px; margin: 6px 0 8px !important; color: var(--yu-ink) !important; font-size: clamp(46px,10vw,78px) !important; line-height: .8; font-weight: 1000 !important; letter-spacing: -.08em !important; text-transform: uppercase; }
.cz-team-intro aside { border-left: 1px solid var(--yu-line); padding-left: 16px; }
.cz-team-intro aside b { color: var(--yu-green) !important; font-size: 48px !important; }
.cz-team-contact { width: 100%; min-height: 54px !important; margin: 10px 0 20px !important; border: 0 !important; border-radius: 17px 6px 17px 6px !important; color: #151519 !important; background: var(--yu-orange) !important; }
.team-group { margin: 0 !important; padding: 20px 0 !important; border: 0 !important; border-top: 1px solid var(--yu-line) !important; border-radius: 0 !important; background: transparent !important; }
.team-group-header > span { color: var(--yu-orange); background: transparent !important; }
.team-group-desc { max-width: 560px; color: var(--yu-muted) !important; }
.cz-team-person { min-height: 72px !important; padding: 10px 0 !important; border: 0 !important; border-bottom: 1px solid var(--yu-line) !important; border-radius: 0 !important; background: transparent !important; }
.cz-team-avatar { border-radius: 16px 5px 16px 5px !important; }

.cz-leaderboard-hero { min-height: 250px; padding: 27px 23px !important; display: grid; align-content: end; border: 0 !important; border-radius: 12px 35px 12px 35px !important; background: radial-gradient(circle at 86% 12%,rgba(156,255,0,.12),transparent 32%),linear-gradient(135deg,rgba(121,92,255,.27),transparent 56%),var(--yu-deep) !important; }
.cz-leaderboard-hero h2 { max-width: 590px; margin: 6px 0 9px !important; color: var(--yu-ink) !important; font-size: clamp(46px,10vw,78px) !important; line-height: .8; font-weight: 1000 !important; letter-spacing: -.08em !important; text-transform: uppercase; }
.cz-leaderboard-tabs { margin: 12px 0 5px !important; padding: 0 0 5px !important; border-bottom: 1px solid var(--yu-line); }
.cz-leaderboard-tabs button { border: 0 !important; border-radius: 0 !important; color: var(--yu-muted) !important; background: transparent !important; }
.cz-leaderboard-tabs button.active { color: var(--yu-ink) !important; background: transparent !important; box-shadow: inset 0 -3px var(--yu-green); }
.cz-own-rank { border: 0 !important; border-bottom: 1px solid var(--yu-line) !important; border-radius: 0 !important; background: transparent !important; }
.cz-own-rank b { color: var(--yu-orange) !important; font-size: 44px !important; }
.cz-podium { gap: 0 !important; border-bottom: 1px solid var(--yu-line); }
.cz-podium-place { min-height: 190px; border: 0 !important; border-right: 1px solid var(--yu-line) !important; border-radius: 0 !important; background: transparent !important; }
.cz-podium-place:last-child { border-right: 0 !important; }
.cz-rank-row { min-height: 70px; border: 0 !important; border-bottom: 1px solid var(--yu-line) !important; border-radius: 0 !important; background: transparent !important; }

/* Projects and calendar: feeds/timeline ---------------------------------- */
.cz-projects-page,.cz-project-detail,.cz-project-form,.cz-calendar-page { width: min(100%,760px); max-width: 760px; margin: 0 auto; }
.cz-projects-intro,.cz-calendar-intro { min-height: 250px !important; padding: 27px 23px !important; display: grid !important; align-content: end !important; border: 0 !important; border-radius: 12px 35px 12px 35px !important; background: radial-gradient(circle at 86% 12%,rgba(255,77,103,.2),transparent 33%),linear-gradient(135deg,rgba(255,102,0,.22),transparent 56%),var(--yu-deep) !important; }
.cz-projects-intro h2,.cz-calendar-intro h2 { max-width: 570px; margin: 6px 0 8px !important; color: var(--yu-ink) !important; font-size: clamp(48px,11vw,82px) !important; line-height: .79; font-weight: 1000 !important; letter-spacing: -.085em !important; text-transform: uppercase; }
.cz-projects-intro #cz-project-new-btn { width: max-content; min-height: 47px; margin-top: 15px; border: 0 !important; border-radius: 15px 5px 15px 5px !important; color: #151519 !important; background: var(--yu-orange) !important; }
.cz-project-list { display: grid; gap: 0 !important; counter-reset: yu-project; }
.cz-project-card { counter-increment: yu-project; position: relative; min-height: 116px !important; padding: 15px 48px 15px 74px !important; border: 0 !important; border-bottom: 1px solid var(--yu-line) !important; border-radius: 0 !important; color: var(--yu-ink) !important; background: transparent !important; box-shadow: none !important; text-align: left; }
.cz-project-card::before { content: counter(yu-project,decimal-leading-zero); position: absolute; left: 2px; color: rgba(255,255,255,.08); font-size: 35px; font-weight: 1000; }
.cz-project-icon { border: 0 !important; color: var(--yu-orange) !important; background: transparent !important; font-size: 26px !important; }
.cz-project-copy b { color: var(--yu-ink) !important; font-size: 17px !important; }
.cz-project-copy small,.cz-project-copy p { color: var(--yu-muted) !important; }
.cz-project-arrow { color: var(--yu-orange) !important; }
.cz-project-detail > #cz-project-detail-back { border: 0 !important; color: var(--yu-orange) !important; background: transparent !important; }
.cz-project-detail-head { min-height: 190px; padding: 24px !important; border: 0 !important; border-radius: 12px 34px 12px 34px !important; background: linear-gradient(135deg,rgba(121,92,255,.25),transparent 58%),var(--yu-deep) !important; }
.cz-project-detail-head h2 { color: var(--yu-ink) !important; font-size: clamp(38px,9vw,65px) !important; line-height: .85; letter-spacing: -.07em; }
.cz-project-detail-desc,.cz-project-participants-row { border: 0 !important; border-bottom: 1px solid var(--yu-line) !important; border-radius: 0 !important; background: transparent !important; }
.cz-project-message { padding: 13px 0 !important; border: 0 !important; border-bottom: 1px solid var(--yu-line) !important; background: transparent !important; }
.cz-project-message-avatar { border-radius: 13px 4px 13px 4px !important; }
.cz-project-message-form { padding: 6px !important; border: 1px solid var(--yu-line) !important; border-radius: 16px 6px 16px 6px !important; background: var(--yu-soft) !important; }

.cz-calendar-note-form { margin: 12px 0 0 !important; padding: 10px !important; border: 1px solid var(--yu-line) !important; border-radius: 17px 6px 17px 6px !important; background: var(--yu-soft) !important; }
.cz-calendar-list { position: relative; display: grid; gap: 0 !important; padding-left: 28px; }
.cz-calendar-list::before { content: ''; position: absolute; top: 12px; bottom: 12px; left: 8px; width: 1px; background: linear-gradient(var(--yu-orange),var(--yu-line)); }
.cz-calendar-row { position: relative; min-height: 86px !important; padding: 11px 2px !important; border: 0 !important; border-bottom: 1px solid var(--yu-line) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
.cz-calendar-row::before { content: ''; position: absolute; top: 50%; left: -26px; width: 9px; height: 9px; border: 3px solid var(--yu-bg); border-radius: 50%; background: var(--yu-orange); box-shadow: 0 0 0 1px var(--yu-orange); }
.cz-calendar-icon { border: 0 !important; color: var(--yu-orange) !important; background: transparent !important; }

/* Forum and admin become cleaner working pages ---------------------------- */
#forum-overlay .forum-row { margin: 0 !important; border: 0 !important; border-bottom: 1px solid var(--yu-line) !important; border-radius: 0 !important; background: transparent !important; }
#forum-overlay .forum-category-title { margin-top: 19px !important; }
#forum-overlay .forum-post { margin: 0 !important; border: 0 !important; border-bottom: 1px solid var(--yu-line) !important; border-radius: 0 !important; background: transparent !important; }
#forum-overlay .forum-newtopic-form,#forum-overlay .forum-reply-form { border: 0 !important; border-top: 1px solid var(--yu-line) !important; border-radius: 0 !important; background: transparent !important; }
#admin-overlay .admin-stat-grid { gap: 0 !important; border-top: 1px solid var(--yu-line); border-bottom: 1px solid var(--yu-line); }
#admin-overlay .admin-stat-card { border: 0 !important; border-right: 1px solid var(--yu-line) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
#admin-overlay .cz-admin-quick { gap: 0 !important; }
#admin-overlay .cz-admin-quick button { min-height: 70px; border: 0 !important; border-bottom: 1px solid var(--yu-line) !important; border-radius: 0 !important; background: transparent !important; }
#admin-overlay .admin-table-wrap { border: 0 !important; border-top: 1px solid var(--yu-line) !important; border-bottom: 1px solid var(--yu-line) !important; border-radius: 0 !important; background: transparent !important; }

/* Other community tools: consistent flat work surfaces ------------------- */
.cz-activity-page,.cz-events-page { width: min(100%,760px); max-width: 760px; margin: 0 auto; }
.cz-activity-page > header,.cz-events-hero {
  min-height: 245px;
  padding: 26px 22px;
  display: grid;
  align-content: end;
  overflow: hidden;
  border-radius: 12px 35px 12px 35px;
  background: radial-gradient(circle at 87% 12%,rgba(121,92,255,.24),transparent 34%),linear-gradient(135deg,rgba(255,102,0,.22),transparent 58%),var(--yu-deep);
}
.cz-activity-page > header span,.cz-events-hero > span { color: var(--yu-orange); font-size: 8px; font-weight: 950; letter-spacing: .18em; }
.cz-activity-page > header h2,.cz-events-hero h2 { max-width: 560px; margin: 6px 0 8px; color: var(--yu-ink); font-size: clamp(49px,11vw,82px); line-height: .79; font-weight: 1000; letter-spacing: -.085em; text-transform: uppercase; }
.cz-activity-page > header p,.cz-events-hero p { max-width: 450px; margin: 0; color: var(--yu-muted); font-size: 11px; }
.cz-activity-feed { display: grid; gap: 0; counter-reset: yu-activity; }
.cz-activity-row { counter-increment: yu-activity; position: relative; min-height: 94px; padding: 15px 54px 15px 53px; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: start; gap: 4px 8px; border-bottom: 1px solid var(--yu-line); }
.cz-activity-row::before { content: counter(yu-activity,decimal-leading-zero); position: absolute; top: 18px; left: 2px; color: rgba(255,255,255,.07); font-size: 25px; font-weight: 1000; }
.cz-activity-row > span:first-child { color: var(--yu-orange); }
.cz-activity-row .gb-author { font-size: 12px; font-weight: 900; }
.cz-activity-row time { color: var(--yu-muted); font-size: 8px; }
.cz-activity-row p { grid-column: 2 / -1; margin: 3px 0 0; color: #cfccd3; font-size: 12px; line-height: 1.45; }
.cz-events-page > .admin-inline-form { margin: 13px 0 6px !important; padding: 9px !important; border: 1px solid var(--yu-line) !important; border-radius: 17px 6px 17px 6px !important; background: var(--yu-soft) !important; }
.cz-events-page #new-event-desc { margin: 0 0 6px !important; border: 0 !important; border-bottom: 1px solid var(--yu-line) !important; border-radius: 0 !important; background: transparent !important; }
.cz-events-list .event-card { margin: 0 !important; padding: 17px 2px !important; border: 0 !important; border-bottom: 1px solid var(--yu-line) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
.cz-events-list .event-title { color: var(--yu-ink) !important; font-size: 18px !important; font-weight: 900; }
.cz-events-list .event-time { color: var(--yu-orange) !important; }
.cz-events-list .event-desc,.cz-events-list .row-meta { color: var(--yu-muted) !important; }
.cz-events-list .event-rsvp-btn { border: 0 !important; border-radius: 13px 5px 13px 5px !important; color: #151519 !important; background: var(--yu-green) !important; }

#modal-overlay[data-view="contact"] .modal-body,#modal-overlay[data-view="feedback"] .modal-body { padding: 15px 12px 36px !important; }
#modal-overlay[data-view="contact"] .contact-tabs { max-width: 680px; margin: 0 auto 12px; display: flex; border-bottom: 1px solid var(--yu-line); }
#modal-overlay[data-view="contact"] .contact-tab-btn { min-height: 48px; border: 0 !important; border-radius: 0 !important; color: var(--yu-muted) !important; background: transparent !important; }
#modal-overlay[data-view="contact"] .contact-tab-btn.active { color: var(--yu-ink) !important; box-shadow: inset 0 -3px var(--yu-orange); }
#modal-overlay[data-view="contact"] .contact-pane,#modal-overlay[data-view="feedback"] .gb-form { max-width: 680px; margin-right: auto !important; margin-left: auto !important; padding: 18px !important; border: 0 !important; border-top: 1px solid var(--yu-line) !important; border-bottom: 1px solid var(--yu-line) !important; border-radius: 0 !important; background: transparent !important; }
#modal-overlay[data-view="contact"] input,#modal-overlay[data-view="contact"] textarea,#modal-overlay[data-view="contact"] select,
#modal-overlay[data-view="feedback"] input,#modal-overlay[data-view="feedback"] textarea,#modal-overlay[data-view="feedback"] select { border: 0 !important; border-bottom: 1px solid var(--yu-line) !important; border-radius: 0 !important; color: var(--yu-ink) !important; background: transparent !important; }
#modal-overlay[data-view="contact"] .gb-form > button,#modal-overlay[data-view="feedback"] .gb-form > button { min-height: 46px; border: 0 !important; border-radius: 15px 5px 15px 5px !important; color: #151519 !important; background: var(--yu-orange) !important; }
#modal-overlay[data-view="feedback"] .feedback-list { width: min(100%,680px); margin: 0 auto; }
#modal-overlay[data-view="feedback"] .feedback-item { padding: 15px 2px !important; border: 0 !important; border-bottom: 1px solid var(--yu-line) !important; border-radius: 0 !important; background: transparent !important; }

#modal-overlay[data-view="topics"] .cz-topic-members > button,
#modal-overlay[data-view="friendship-timeline"] .cz-timeline-item,
#modal-overlay[data-view="zabox-inbox"] .cz-zabox-entry,
#modal-overlay[data-view="invite-manager"] .cz-invite-card,
#modal-overlay[data-view="zapass-manager"] .cz-zapass-row {
  border: 0 !important;
  border-bottom: 1px solid var(--yu-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
#modal-overlay[data-view="account-settings"] .cz30-card,
#modal-overlay[data-view="invite-manager"] .cz30-card,
#modal-overlay[data-view="zapass-manager"] .cz30-card,
#modal-overlay[data-view="zabox-inbox"] .cz30-card {
  border: 0 !important;
  border-top: 1px solid var(--yu-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

/* Logged-in home: sections rather than floating cards -------------------- */
#home-screen .cz-dashboard-card,#home-screen .cz22-now,#home-screen .cz-home-unread {
  border: 0 !important;
  border-top: 1px solid var(--yu-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}
#home-screen .cz-dashboard-online { gap: 0 !important; }
#home-screen .cz-dashboard-online > * { border-bottom: 1px solid var(--yu-line) !important; border-radius: 0 !important; background: transparent !important; }
#home-screen #home-latest-posts .home-post { border: 0 !important; border-bottom: 1px solid var(--yu-line) !important; border-radius: 0 !important; background: transparent !important; }

/* Standalone pages -------------------------------------------------------- */
body.cz-public-page {
  --bg: var(--yu-bg) !important;
  --card: var(--yu-soft) !important;
  --card2: var(--yu-raised) !important;
  --panel: var(--yu-soft) !important;
  --panel2: var(--yu-raised) !important;
  --line: var(--yu-line) !important;
  --border: var(--yu-line) !important;
  --amber: var(--yu-orange) !important;
  --light: #ff944d !important;
  --amber2: #ff944d !important;
  --accent: var(--yu-orange) !important;
  --text: var(--yu-ink) !important;
  --soft: #c7c4cc !important;
  --muted: var(--yu-muted) !important;
  color: var(--yu-ink) !important;
  background: radial-gradient(circle at 90% 2%,rgba(121,92,255,.11),transparent 30rem),var(--yu-bg) !important;
}
.cz-public-page .top { border-color: var(--yu-line) !important; background: rgba(42,42,50,.92) !important; backdrop-filter: blur(18px); }
.cz-public-page .top a,.cz-public-page .back,.cz-public-page .page-back { border: 0 !important; border-radius: 0 !important; color: var(--yu-orange) !important; background: transparent !important; }
.cz-public-page .hero { min-height: 390px; display: grid; align-content: end; border-bottom: 1px solid var(--yu-line); }
.cz-public-page .hero h1 { max-width: 850px !important; color: var(--yu-ink) !important; font-size: clamp(55px,10vw,100px) !important; line-height: .8 !important; letter-spacing: -.085em !important; text-transform: uppercase; }
.cz-public-page .hero h1 span,.cz-public-page .section-head h2 span,.cz-public-page .group h2 span { color: var(--yu-orange) !important; }
.cz-public-page .facts { gap: 0 !important; border-bottom: 1px solid var(--yu-line); }
.cz-public-page .facts div { padding: 20px 14px !important; border: 0 !important; border-right: 1px solid var(--yu-line) !important; border-radius: 0 !important; background: transparent !important; }
.cz-public-page .facts div:last-child { border-right: 0 !important; }
.cz-public-page .grid,.cz-public-page .help-grid { gap: 0 !important; border-top: 1px solid var(--yu-line); }
.cz-public-page .card,.cz-public-page .help-card { min-height: 230px; padding: 23px !important; border: 0 !important; border-right: 1px solid var(--yu-line) !important; border-bottom: 1px solid var(--yu-line) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
.cz-public-page .card:nth-child(3n),.cz-public-page .help-card:nth-child(2n) { border-right: 0 !important; }
.cz-public-page .card > i,.cz-public-page .help-card > i { border-radius: 16px 5px 16px 5px !important; color: #151519 !important; background: var(--yu-orange) !important; }
.cz-public-page .jump { padding: 0 !important; gap: 0 !important; border: 0 !important; border-top: 1px solid var(--yu-line) !important; border-bottom: 1px solid var(--yu-line) !important; border-radius: 0 !important; background: transparent !important; }
.cz-public-page .jump a { border-right: 1px solid var(--yu-line); border-radius: 0 !important; }
.cz-public-page .jump a:last-child { border-right: 0; }
.cz-public-page .privacy,.cz-public-page .note { border: 0 !important; border-left: 3px solid var(--yu-orange) !important; border-radius: 0 !important; background: rgba(255,102,0,.07) !important; }
.cz-public-page .command-group,.cz-public-page .release { border: 0 !important; border-top: 1px solid var(--yu-line) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
.cz-public-page .release::before { background: var(--yu-orange) !important; box-shadow: 0 0 0 1px var(--yu-orange),0 0 16px rgba(255,102,0,.45) !important; }
.cz-public-page .version { border-radius: 6px !important; color: #151519 !important; background: var(--yu-green) !important; }
.cz-public-page .page-content,.cz-public-page .legal-copy { border: 0 !important; border-top: 1px solid var(--yu-line) !important; border-radius: 0 !important; background: transparent !important; }

/* Touch, focus and motion ------------------------------------------------- */
.cz30-profile button:focus-visible,.cz-members-page button:focus-visible,.cz-friends-page button:focus-visible,
.cz-team-page button:focus-visible,.cz-leaderboard button:focus-visible,.cz-projects-page button:focus-visible,
.cz-calendar-page button:focus-visible,.cz-public-profile a:focus-visible,.cz-public-page a:focus-visible {
  outline: 3px solid var(--yu-green) !important;
  outline-offset: 3px;
}
@media (hover:hover) {
  .cz-member-list .cz-member:hover,.cz-friend-row:hover,.cz-team-person:hover,.cz-rank-row:hover,.cz-project-card:hover,.cz-calendar-row:hover { background: rgba(255,255,255,.035) !important; }
}

@media (max-width: 760px) {
  .cz30-hero { min-height: 515px; padding: 0 14px 16px !important; border-radius: 9px 30px 9px 30px !important; }
  .cz30-cover { height: 245px !important; margin: 0 -14px !important; }
  .cz30-cover-mark { top: 16px; left: 15px; }
  .cz30-toprow { margin-top: -68px !important; }
  .cz30-avatar-wrap,.cz30-avatar { width: 128px !important; height: 128px !important; }
  .cz30-avatar-wrap { flex-basis: 128px !important; }
  .cz30-avatar { border-width: 6px !important; border-radius: 34px 10px 34px 10px !important; }
  .cz30-actions button { min-height: 42px !important; padding: 0 11px !important; }
  .cz30-identity { min-height: auto; margin-top: -52px; padding: 11px 0 9px 143px !important; }
  .cz30-identity h1 { font-size: clamp(43px,14vw,66px) !important; }
  .cz30-identity p { max-width: 100%; margin-top: 21px !important; margin-left: -143px !important; }
  .cz30-stats { margin-top: 14px !important; }
  .cz30-stats > div { padding: 13px 5px 3px !important; grid-template-columns: 1fr; text-align: center !important; }
  .cz30-stats i { display: none; }
  .cz30-stats strong { font-size: 16px !important; }
  .cz30-block { min-height: 0; padding: 18px 4px 21px 68px !important; }
  .cz30-block::before { top: 19px; font-size: 40px; }
  .cz30-block-head h2 { font-size: 17px !important; }
  .cz30-block p { font-size: 12px !important; }

  .cz-public-profile .np-page { padding: 0 7px !important; }
  .cz-public-profile .np-hero { min-height: 530px; padding: 0 14px 16px !important; border-radius: 9px 31px 9px 31px !important; }
  .cz-public-profile .np-cover { height: 250px !important; margin: 0 -14px !important; }
  .np-cover-mark { top: 16px; left: 15px; }
  .cz-public-profile .np-toprow { margin-top: -71px !important; }
  .cz-public-profile .np-avatar-wrap,.cz-public-profile .np-avatar-wrap img,.cz-public-profile .np-avatar-initials { width: 132px !important; height: 132px !important; }
  .cz-public-profile .np-avatar-wrap { flex-basis: 132px !important; }
  .cz-public-profile .np-avatar-wrap img,.cz-public-profile .np-avatar-initials { border-width: 6px !important; border-radius: 35px 10px 35px 10px !important; }
  .cz-public-profile .np-actions a { min-height: 42px !important; padding: 0 10px !important; }
  .cz-public-profile .np-identity { min-height: auto; margin-top: -55px; padding: 12px 0 10px 147px !important; }
  .cz-public-profile .np-name { font-size: clamp(45px,15vw,70px) !important; }
  .cz-public-profile .np-motto,.cz-public-profile .np-meta { margin-left: -147px !important; }
  .cz-public-profile .np-motto { margin-top: 21px !important; }
  .cz-public-profile .np-stats { margin-top: 14px !important; }
  .cz-public-profile .np-stat { padding: 13px 4px 3px !important; grid-template-columns: 1fr; text-align: center !important; }
  .cz-public-profile .np-stat i { display: none; }
  .cz-public-profile .np-stat b { font-size: 16px !important; }
  .cz-public-profile .np-block { min-height: 0; padding: 18px 4px 22px 70px !important; }
  .cz-public-profile .np-block::before { top: 19px; font-size: 41px; }
  .cz-public-profile .np-block-head h2 { font-size: 17px !important; }
  .cz-public-profile .np-block p { font-size: 12px !important; }

  .cz-members-heading,.cz-team-intro,.cz-leaderboard-hero,.cz-projects-intro,.cz-calendar-intro { min-height: 220px !important; padding: 22px 17px !important; }
  .cz-members-heading h1,.cz-team-intro h2,.cz-leaderboard-hero h2,.cz-projects-intro h2,.cz-calendar-intro h2 { font-size: clamp(45px,14vw,66px) !important; }
  .cz-podium-place { min-height: 165px; padding: 10px 3px !important; }
  .cz-project-card { padding-left: 58px !important; }
  .cz-project-card::before { font-size: 27px; }
  .cz-calendar-note-form { grid-template-columns: 1fr !important; }
  .cz-activity-page > header,.cz-events-hero { min-height: 220px; padding: 22px 17px; }
  .cz-activity-page > header h2,.cz-events-hero h2 { font-size: clamp(46px,14vw,67px); }

  .cz-public-page .hero { min-height: 330px; }
  .cz-public-page .hero h1 { font-size: clamp(50px,16vw,78px) !important; }
  .cz-public-page .grid,.cz-public-page .help-grid { grid-template-columns: 1fr !important; }
  .cz-public-page .card,.cz-public-page .help-card { min-height: 0; border-right: 0 !important; }
  .cz-public-page .facts { grid-template-columns: 1fr !important; }
  .cz-public-page .facts div { border-right: 0 !important; border-bottom: 1px solid var(--yu-line) !important; }
}

@media (max-width: 390px) {
  .cz30-actions button { max-width: 100px; padding: 0 8px !important; font-size: 8px !important; }
  .cz30-identity h1,.cz-public-profile .np-name { font-size: 42px !important; }
  .cz30-stats span,.cz-public-profile .np-stat span { font-size: 6px !important; }
  .cz-public-profile .np-actions a { padding: 0 8px !important; font-size: 8px !important; }
  .cz-team-intro { grid-template-columns: 1fr !important; }
  .cz-team-intro aside { margin-top: 10px; border-left: 0; border-top: 1px solid var(--yu-line); padding: 10px 0 0; }
}

@media (prefers-reduced-motion: no-preference) {
  .cz30-hero,.cz-members-heading,.cz-friends-intro,.cz-team-intro,.cz-leaderboard-hero,.cz-projects-intro,.cz-calendar-intro,.cz-public-profile .np-hero { animation: yu-enter .62s cubic-bezier(.22,1,.36,1) both; }
}
@keyframes yu-enter { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) { .cz30-profile *, .cz-public-profile *, .cz-public-page * { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }

/* ========================================================================== */
/* V9 – Forum als klar gegliederte Gesprächsseite, Teamzahl fest oben rechts. */
/* ========================================================================== */
#forum-overlay {
  color: var(--yu-ink) !important;
  background:
    radial-gradient(circle at 92% 0,rgba(121,92,255,.11),transparent 24rem),
    var(--yu-bg) !important;
}
#forum-overlay .forum-header {
  min-height: 62px !important;
  padding: 9px max(14px,calc((100vw - 880px)/2)) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--yu-line) !important;
  background: rgba(25,25,31,.9) !important;
  backdrop-filter: blur(18px);
}
#forum-overlay .area-badge { color: var(--yu-orange) !important; }
#forum-overlay .forum-breadcrumb { min-width: 0; overflow-x: auto; scrollbar-width: none; }
#forum-overlay .forum-breadcrumb::-webkit-scrollbar { display: none; }
#forum-overlay .forum-breadcrumb .crumb { flex: 0 0 auto; }
#forum-overlay #forum-close { border-color: var(--yu-line) !important; color: var(--yu-ink) !important; background: rgba(255,255,255,.04) !important; }
#forum-overlay .forum-body {
  width: min(100%,880px) !important;
  max-width: 880px !important;
  margin: 0 auto !important;
  padding: 12px 14px 110px !important;
  background: transparent !important;
}
#forum-overlay .cz-youth-forum-hero,
#forum-overlay .cz-forum-view-head,
#forum-overlay .cz-forum-thread-head,
#forum-overlay .cz-forum-compose-head {
  position: relative;
  min-height: 245px;
  margin: 0 0 24px;
  padding: 26px 23px 22px;
  display: grid;
  align-content: end;
  overflow: hidden;
  border: 0 !important;
  border-radius: 11px 35px 11px 35px;
  color: var(--yu-ink);
  background:
    radial-gradient(circle at 91% 10%,rgba(121,92,255,.32),transparent 34%),
    linear-gradient(135deg,rgba(255,102,0,.29),transparent 56%),
    var(--yu-deep) !important;
  box-shadow: 0 26px 64px rgba(0,0,0,.3);
  isolation: isolate;
}
#forum-overlay .cz-youth-forum-hero::after,
#forum-overlay .cz-forum-view-head::after,
#forum-overlay .cz-forum-thread-head::after,
#forum-overlay .cz-forum-compose-head::after {
  content: '#';
  position: absolute;
  z-index: -1;
  top: -48px;
  right: 8px;
  color: rgba(255,255,255,.045);
  font-size: 225px;
  line-height: 1;
  font-weight: 1000;
}
#forum-overlay .cz-youth-forum-hero > div > span,
#forum-overlay .cz-forum-view-head > span,
#forum-overlay .cz-forum-thread-head > span,
#forum-overlay .cz-forum-compose-head > span {
  color: var(--yu-orange);
  font-size: 8px;
  font-weight: 950;
  letter-spacing: .19em;
}
#forum-overlay .cz-youth-forum-hero h1,
#forum-overlay .cz-forum-view-head h1,
#forum-overlay .cz-forum-thread-head h1,
#forum-overlay .cz-forum-compose-head h1 {
  max-width: 720px;
  margin: 7px 0 9px;
  color: #fff !important;
  font-size: clamp(48px,9vw,78px) !important;
  line-height: .82 !important;
  font-weight: 1000 !important;
  letter-spacing: -.075em !important;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}
#forum-overlay .cz-youth-forum-hero p,
#forum-overlay .cz-forum-view-head p,
#forum-overlay .cz-forum-compose-head p { max-width: 570px; margin: 0; color: #c5c1ca !important; font-size: 12px !important; line-height: 1.5; }
#forum-overlay .cz-youth-forum-hero dl { margin: 20px 0 0; border-top: 1px solid var(--yu-line); }
#forum-overlay .cz-forum-view-head > div,
#forum-overlay .cz-forum-thread-head > div { margin-top: 18px; padding-top: 13px; display: flex; align-items: center; gap: 9px; border-top: 1px solid var(--yu-line); color: var(--yu-muted); font-size: 9px; }
#forum-overlay .cz-forum-view-head > div b { color: var(--yu-ink); font-size: 16px; }
#forum-overlay .cz-forum-view-head > div i,
#forum-overlay .cz-forum-thread-head > div i { width: 1px; height: 17px; background: var(--yu-line); }
#forum-overlay .cz-forum-thread-head > div b { font-size: 11px; }
#forum-overlay .cz-forum-thread-head > div em { padding: 4px 7px; border: 1px solid var(--yu-line); border-radius: 6px; color: var(--yu-green); font-size: 7px; font-style: normal; font-weight: 900; }

#forum-overlay .cz-youth-forum-flow { gap: 26px !important; }
#forum-overlay .forum-category-title {
  margin: 0 !important;
  padding: 9px 2px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--yu-line) !important;
  color: var(--yu-muted) !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase;
}
#forum-overlay .forum-row {
  position: relative;
  min-height: 82px !important;
  margin: 0 !important;
  padding: 12px 4px !important;
  display: grid !important;
  grid-template-columns: 48px minmax(0,1fr) auto auto 24px !important;
  align-items: center !important;
  gap: 10px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--yu-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
#forum-overlay .cz22-forum-icon,
#forum-overlay .cz22-topic-avatar {
  width: 44px !important;
  height: 47px !important;
  display: grid;
  place-items: center;
  border: 0 !important;
  border-radius: 14px 5px 14px 5px !important;
  color: #17171b !important;
  background: var(--yu-orange) !important;
  font-size: 10px;
  font-weight: 950;
}
#forum-overlay .cz22-topic-avatar { color: var(--topic-color) !important; background: rgba(255,255,255,.055) !important; }
#forum-overlay .forum-row-title { color: var(--yu-ink) !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.25; }
#forum-overlay .forum-row-desc,#forum-overlay .cz22-forum-meta { margin-top: 4px; color: var(--yu-muted) !important; font-size: 9px !important; }
#forum-overlay .forum-row-stats,#forum-overlay .forum-row-lastpost { color: var(--yu-muted) !important; font-size: 8px !important; }
#forum-overlay .cz22-row-arrow { color: var(--yu-orange) !important; font-size: 22px; }
#forum-overlay .forum-toolbar { min-height: 54px; margin: 0 !important; padding: 0 2px; display: flex; align-items: center; justify-content: space-between; gap: 10px; border-bottom: 1px solid var(--yu-line); }
#forum-overlay .cz-forum-list-label { color: var(--yu-muted); font-size: 9px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
#forum-overlay .forum-new-btn,#forum-overlay #reply-submit {
  min-height: 43px;
  padding: 0 15px;
  border: 0 !important;
  border-radius: 7px 15px 7px 15px !important;
  color: #17171b !important;
  background: var(--yu-orange) !important;
  font-size: 10px !important;
  font-weight: 950 !important;
}
#forum-overlay .forum-pagination { margin: 19px 0 !important; padding: 8px 0; border-top: 1px solid var(--yu-line); border-bottom: 1px solid var(--yu-line); }
#forum-overlay .forum-pagination button { border: 0 !important; color: var(--yu-orange) !important; background: transparent !important; }
#forum-overlay .forum-pagination .page-info { color: var(--yu-muted); font-size: 9px; }

#forum-overlay .cz-forum-post-list { counter-reset: forum-post; }
#forum-overlay .forum-post.cz-forum-post {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 20px 2px 24px !important;
  display: block !important;
  border: 0 !important;
  border-bottom: 1px solid var(--yu-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
#forum-overlay .cz-forum-post-head { display: grid; grid-template-columns: 28px 48px minmax(0,1fr) auto; align-items: center; gap: 10px; }
#forum-overlay .cz-forum-post-number { color: rgba(255,255,255,.16); font-size: 11px; font-weight: 950; }
#forum-overlay .forum-post-avatar { width: 46px !important; height: 49px !important; margin: 0 !important; border: 1px solid var(--yu-line) !important; border-radius: 15px 5px 15px 5px !important; object-fit: cover; background: var(--yu-soft) !important; }
#forum-overlay .cz-forum-avatar-fallback { display: grid; place-items: center; color: var(--forum-avatar,var(--yu-orange)); font-size: 10px; font-weight: 950; }
#forum-overlay .cz-forum-post-person { min-width: 0; }
#forum-overlay .forum-post-name { max-width: none !important; font-size: 13px !important; font-weight: 900 !important; }
#forum-overlay .forum-post-meta { margin-top: 3px; color: var(--yu-muted) !important; font-size: 8px !important; }
#forum-overlay .cz-forum-post-actions { display: flex; gap: 4px; }
#forum-overlay .cz-forum-post-actions button { min-width: 34px; min-height: 34px; border: 1px solid var(--yu-line) !important; border-radius: 10px 4px 10px 4px !important; background: rgba(255,255,255,.035) !important; }
#forum-overlay .forum-post-body { margin: 15px 0 0 86px; color: #ebe8ee !important; font-size: 15px !important; line-height: 1.7 !important; white-space: pre-wrap; }
#forum-overlay .forum-reply-form,#forum-overlay .forum-newtopic-form {
  margin-top: 20px !important;
  padding: 17px !important;
  display: grid;
  gap: 9px;
  border: 1px solid var(--yu-line) !important;
  border-radius: 19px 7px 19px 7px !important;
  background: var(--yu-soft) !important;
}
#forum-overlay .cz-forum-compose-form label { color: var(--yu-orange); font-size: 8px; font-weight: 950; letter-spacing: .14em; text-transform: uppercase; }
#forum-overlay .forum-reply-form textarea,#forum-overlay .forum-newtopic-form input,#forum-overlay .forum-newtopic-form textarea {
  width: 100%;border: 0 !important;border-bottom: 1px solid var(--yu-line) !important;border-radius: 0 !important;color: var(--yu-ink) !important;background: transparent !important;box-shadow: none !important;
}
#forum-overlay .forum-reply-form textarea,#forum-overlay .forum-newtopic-form textarea { min-height: 145px; }

/* Team: Online-Zahl bleibt unabhängig vom langen Titel oben rechts. */
#modal-overlay[data-view="team"] .modal-body { padding: 0 13px 100px !important; }
.cz-team-page { margin: 0 auto !important; }
.cz-team-intro {
  position: relative !important;
  min-height: 268px !important;
  padding: 30px 120px 26px 24px !important;
  display: flex !important;
  align-items: flex-end !important;
  overflow: hidden;
}
.cz-team-intro > div { max-width: 590px; }
.cz-team-intro h2 { font-size: clamp(45px,9vw,72px) !important; }
.cz-team-intro aside {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 84px;
  min-height: 92px;
  padding: 11px 8px !important;
  display: grid;
  place-items: center;
  align-content: center;
  border: 1px solid rgba(156,255,0,.25) !important;
  border-radius: 17px 6px 17px 6px;
  background: rgba(25,25,31,.56);
  backdrop-filter: blur(12px);
  text-align: center;
}
.cz-team-intro aside b { font-size: 32px !important; line-height: 1; }
.cz-team-intro aside small { margin-top: 5px; color: var(--yu-muted); font-size: 8px; line-height: 1.25; }

@media(max-width:760px) {
  #forum-overlay .forum-header { min-height: 52px !important; padding: 7px 12px !important; }
  #forum-overlay .area-badge { display: none !important; }
  #forum-overlay #forum-close { width: 42px; overflow: hidden; color: transparent !important; }
  #forum-overlay #forum-close::after { content: '✕'; color: var(--yu-ink); }
  #forum-overlay .forum-body { padding: 7px 12px 96px !important; }
  #forum-overlay .cz-youth-forum-hero,#forum-overlay .cz-forum-view-head,#forum-overlay .cz-forum-thread-head,#forum-overlay .cz-forum-compose-head { min-height: 210px; margin-bottom: 18px; padding: 21px 16px 17px; border-radius: 8px 27px 8px 27px; }
  #forum-overlay .cz-youth-forum-hero h1,#forum-overlay .cz-forum-view-head h1,#forum-overlay .cz-forum-thread-head h1,#forum-overlay .cz-forum-compose-head h1 { font-size: clamp(40px,13vw,58px) !important; }
  #forum-overlay .cz-youth-forum-hero dl { margin-top: 15px; }
  #forum-overlay .forum-row { min-height: 76px !important; grid-template-columns: 44px minmax(0,1fr) 21px !important; gap: 9px !important; }
  #forum-overlay .forum-row-stats,#forum-overlay .forum-row-lastpost { display: none !important; }
  #forum-overlay .forum-row-mod-actions { grid-column: 2 / -1; margin: 0 !important; }
  #forum-overlay .cz22-forum-icon,#forum-overlay .cz22-topic-avatar { width: 40px !important; height: 43px !important; }
  #forum-overlay .forum-row-title { font-size: 13px !important; }
  #forum-overlay .cz-forum-post-head { grid-template-columns: 23px 43px minmax(0,1fr) auto; gap: 8px; }
  #forum-overlay .forum-post-avatar { width: 41px !important; height: 44px !important; }
  #forum-overlay .forum-post-body { margin: 13px 0 0 74px; font-size: 14px !important; line-height: 1.65 !important; }
  #forum-overlay .cz-forum-post-actions button { min-width: 30px; min-height: 30px; padding: 0 !important; }
  #modal-overlay[data-view="team"] .modal-body { padding: 0 10px 92px !important; }
  .cz-team-intro { min-height: 238px !important; padding: 24px 88px 22px 17px !important; }
  .cz-team-intro h2 { max-width: 100%; font-size: clamp(38px,11vw,52px) !important; }
  .cz-team-intro p { font-size: 11px !important; line-height: 1.5 !important; }
  .cz-team-intro aside { top: 14px; right: 13px; width: 70px; min-height: 78px; padding: 8px 5px !important; }
  .cz-team-intro aside b { font-size: 27px !important; }
}

/* ========================================================================== */
/* CHATZA V18 — Hub als klare Themenübersicht mit Hilfe- und Team-Werkzeugen  */
/* ========================================================================== */
.cz-youth-lane-help::after { background: #4cc9ff; }
.cz-youth-lane-help .cz-youth-lane-go { color: #111116; background: #70d6ff; }
.cz-youth-lane-help { min-height: 144px; }
.cz-youth-lane-copy nav { flex-wrap: wrap; }

/* Die kleinen Ziele funktionieren wie farbige Badges, nicht wie weitere Kacheln. */
.cz-youth-lane-copy nav button {
  position: relative;
  overflow: hidden;
  border-color: rgba(255,255,255,.16);
  background: rgba(8,8,12,.34);
  box-shadow: inset 3px 0 0 rgba(255,255,255,.18);
}
.cz-youth-lane-community nav button { border-color: rgba(157,255,56,.3); color: #c9ff8c; box-shadow: inset 3px 0 #91ef31; }
.cz-youth-lane-people nav button { border-color: rgba(163,125,255,.34); color: #c8adff; box-shadow: inset 3px 0 #8f62ff; }
.cz-youth-lane-discover nav button { border-color: rgba(255,189,76,.31); color: #ffd484; box-shadow: inset 3px 0 #ffb52f; }
.cz-youth-lane-help nav button { border-color: rgba(112,214,255,.3); color: #aee7ff; box-shadow: inset 3px 0 #70d6ff; }

.cz-youth-lane-staff {
  min-height: 132px;
  padding-right: 14px;
  border-color: rgba(255,105,65,.28);
  background:
    linear-gradient(110deg,rgba(255,91,45,.15),transparent 52%),
    linear-gradient(120deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
}
.cz-youth-lane-staff::after { background: linear-gradient(180deg,#ff6a00,#ff365d); }
.cz-youth-lane-staff .cz-youth-lane-copy nav {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 8px;
}
.cz-youth-lane-staff .cz-youth-lane-copy nav button {
  min-height: 42px;
  padding: 0 12px;
  border-color: rgba(255,121,68,.42);
  border-radius: 8px 14px 8px 14px;
  color: #ffd0b8;
  background: rgba(16,14,18,.62);
  box-shadow: inset 4px 0 #ff6a00;
  font-size: 11px;
}
.cz-youth-lane-staff .cz-youth-lane-copy nav button:only-child { grid-column: 1 / -1; }

.cz-youth-hub > footer button[data-youth-action="mychatza"] {
  color: #17171b;
  border-color: rgba(156,255,0,.5);
  background: #9cff00;
}

@media(min-width:720px) {
  .cz-youth-lanes { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .cz-youth-lane-help,.cz-youth-lane-staff { grid-column: 1 / -1; }
}

@media(max-width:390px) {
  .cz-youth-lane-help { min-height: 158px; }
  .cz-youth-lane-staff .cz-youth-lane-copy nav { grid-template-columns: 1fr; }
}

@media(max-width:390px) {
  #forum-overlay .cz-forum-post-head { grid-template-columns: 20px 40px minmax(0,1fr); }
  #forum-overlay .cz-forum-post-actions { grid-column: 3; }
  #forum-overlay .forum-post-body { margin-left: 67px; }
  .cz-team-intro { padding-right: 81px !important; }
}

/* ========================================================================== */
/* CHATZA V14 — kollisionsfreier Profilkopf und konsistente Rangsignatur       */
/* ========================================================================== */
.role-tag,
.cz-inline-rank {
  width: max-content;
  min-height: 20px;
  padding: 2px 7px;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(255,102,0,.34);
  border-radius: 4px 9px 4px 9px;
  color: var(--yu-orange) !important;
  background: rgba(255,102,0,.08);
  font-size: 7px !important;
  font-weight: 950 !important;
  line-height: 1;
  letter-spacing: .07em;
  text-transform: uppercase;
  vertical-align: middle;
}
.role-vip,.cz-inline-rank-vip { border-color: rgba(140,255,0,.34); color: var(--yu-green) !important; background: rgba(140,255,0,.07); }
.role-community-manager,.cz-inline-rank-manager { box-shadow: 0 0 13px rgba(255,102,0,.12); }
.cz-inline-rank i { font-style: normal; }
.cz-member-name .cz-inline-rank { margin-left: 5px; }

@media(max-width:760px) {
  #modal-overlay[data-view="profile"] .cz30-hero {
    min-height: 0 !important;
    padding: 0 14px 18px !important;
  }
  #modal-overlay[data-view="profile"] .cz30-cover {
    height: 220px !important;
    margin: 0 -14px !important;
  }
  #modal-overlay[data-view="profile"] .cz30-toprow {
    min-height: 126px !important;
    margin-top: -60px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 9px !important;
  }
  #modal-overlay[data-view="profile"] .cz30-avatar-wrap,
  #modal-overlay[data-view="profile"] .cz30-avatar {
    width: 116px !important;
    height: 126px !important;
  }
  #modal-overlay[data-view="profile"] .cz30-avatar-wrap { flex: 0 0 116px !important; }
  #modal-overlay[data-view="profile"] .cz30-actions {
    width: min(100%, 205px) !important;
    margin: 0 0 5px !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 7px !important;
  }
  #modal-overlay[data-view="profile"] .cz30-actions button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    padding: 0 8px !important;
    overflow: hidden;
    font-size: 8px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  #modal-overlay[data-view="profile"] .cz30-identity {
    min-height: 0 !important;
    margin: 0 !important;
    padding: 17px 0 2px !important;
    display: block !important;
  }
  #modal-overlay[data-view="profile"] .cz30-identity-kicker {
    display: block !important;
    line-height: 1.35 !important;
  }
  #modal-overlay[data-view="profile"] .cz30-identity h1 {
    margin: 7px 0 6px !important;
    font-size: clamp(42px,14vw,62px) !important;
    line-height: .86 !important;
    white-space: normal !important;
  }
  #modal-overlay[data-view="profile"] .cz-profile-rank {
    margin: 2px 0 9px !important;
  }
  #modal-overlay[data-view="profile"] .cz30-handle {
    margin: 0 !important;
    display: flex !important;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap;
    font-size: 11px !important;
  }
  #modal-overlay[data-view="profile"] .cz30-handle span { margin-left: 0 !important; }
  #modal-overlay[data-view="profile"] .cz30-identity p {
    margin: 13px 0 0 !important;
    font-size: 13px !important;
  }
  #modal-overlay[data-view="profile"] .cz30-stats {
    margin-top: 20px !important;
  }
  #modal-overlay[data-view="profile"] .cz30-tabs {
    margin: 11px 0 3px !important;
    padding: 0 5px !important;
    display: flex !important;
    grid-template-columns: none !important;
    gap: 23px !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }
  #modal-overlay[data-view="profile"] .cz30-tabs button {
    width: auto !important;
    min-width: max-content !important;
    flex: 0 0 auto !important;
    padding: 0 !important;
  }
  .cz-member-name .cz-inline-rank {
    max-width: 118px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

/* V18 Abschlussregeln: Rang im Chat als ruhige Textinformation statt Badge. */
body.cz-youth-chat #chat-sidebar .role-tag,
body.cz-youth-chat .presence-item .role-tag,
body.cz-youth-chat #sidebar-self-role,
body.cz-youth-chat .line.whois-card .role-tag,
body.cz-youth-chat .line.room-overview .role-tag {
  width: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #e8c45b !important;
  background: transparent !important;
  box-shadow: none !important;
  font-family: inherit !important;
  font-size: 10px !important;
  font-weight: 650 !important;
  letter-spacing: .02em !important;
  text-transform: none !important;
}
body.cz-youth-chat .line:not(.whois-card):not(.room-overview) .role-tag {
  display: none !important;
}

/* ========================================================================== */
/* CHATZA V17 — Profilfeinschliff, Goldrang im Chat und zweiter Start-CTA      */
/* ========================================================================== */
#app .role-tag,
#chat-sidebar .role-tag,
#sidebar-self-role,
body.cz-youth-chat .line.whois-card .role-tag,
body.cz-youth-chat .line.room-overview .role-tag {
  border-color: rgba(255,211,86,.46) !important;
  color: #ffd356 !important;
  background: rgba(255,211,86,.09) !important;
  box-shadow: none !important;
}
#sidebar-self-role { background: transparent !important; }

#home-screen .cz-home-chatza-v5 {
  margin-top: 9px !important;
  color: var(--yu-ink) !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  background: rgba(255,255,255,.06) !important;
  box-shadow: none !important;
  backdrop-filter: blur(12px);
}
#home-screen .cz-home-chatza-v5 i {
  color: #17171b !important;
  background: var(--yu-green) !important;
  font-size: 11px !important;
  font-weight: 1000;
}

#modal-overlay[data-view="profile"] .cz30-actions button.is-friend {
  border-color: rgba(156,255,0,.32) !important;
  color: #d9e8ca !important;
  background: rgba(156,255,0,.07) !important;
}
#modal-overlay[data-view="profile"] .cz30-actions button.is-incoming {
  border-color: var(--yu-orange) !important;
  color: #17171b !important;
  background: var(--yu-orange) !important;
}
#modal-overlay[data-view="profile"] .cz30-actions button.is-pending {
  border-color: rgba(255,255,255,.12) !important;
  color: var(--yu-muted) !important;
  background: rgba(255,255,255,.035) !important;
  opacity: 1 !important;
}

.cz-cover-position-field { margin-top: 12px; }
.cz-cover-position-field span { display: flex; justify-content: space-between; gap: 12px; }
.cz-cover-position-field output { color: var(--yu-green); font-weight: 950; }
.cz-cover-position-field input[type="range"] { width: 100%; accent-color: var(--yu-orange); }

.cz-profile-collection { padding: 6px 2px 24px; }
.cz-collection-head { min-height: 112px; padding: 18px 2px; display: flex; align-items: flex-end; justify-content: space-between; gap: 15px; border-bottom: 1px solid var(--yu-line); }
.cz-collection-head span { color: var(--yu-orange); font-size: 8px; font-weight: 950; letter-spacing: .18em; }
.cz-collection-head h2 { margin: 5px 0 0; color: var(--yu-ink); font-size: clamp(34px,8vw,58px); line-height: .86; letter-spacing: -.055em; text-transform: uppercase; }
.cz-collection-head > b { color: var(--yu-ink); font-size: 42px; line-height: .8; }
.cz-collection-head > b small { color: var(--yu-muted); font-size: 12px; }
.cz-collection-progress { height: 4px; margin: -2px 0 20px; overflow: hidden; background: rgba(255,255,255,.07); }
.cz-collection-progress i { height: 100%; display: block; background: linear-gradient(90deg,var(--yu-orange),#ffb24f); }
.cz-profile-collection .kudos-list { display: grid; gap: 0; }
.cz-profile-collection .kudos-item { min-height: 82px; padding: 15px 3px !important; border: 0 !important; border-bottom: 1px solid var(--yu-line) !important; border-radius: 0 !important; background: transparent !important; }
.cz-profile-collection .kudos-message { margin-top: 8px; color: var(--yu-ink); font-size: 13px; line-height: 1.5; }
.cz-profile-collection .achievement-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.cz-profile-collection .achievement-card { min-height: 142px; padding: 17px 10px !important; border: 1px solid var(--yu-line) !important; border-radius: 7px 17px 7px 17px !important; background: rgba(255,255,255,.025) !important; }
.cz-profile-collection .achievement-card.unlocked { border-color: rgba(255,102,0,.34) !important; background: linear-gradient(145deg,rgba(255,102,0,.1),rgba(255,255,255,.025)) !important; }
.cz-profile-collection .achievement-icon { width: 42px; height: 44px; margin: 0 auto 12px; display: grid; place-items: center; border-radius: 13px 4px 13px 4px; background: rgba(255,255,255,.07); }
.cz-profile-collection .achievement-card.unlocked .achievement-icon { color: #17171b; background: var(--yu-orange); }

@media(max-width:760px) {
  #modal-overlay[data-view="profile"] .cz30-cover {
    height: 198px !important;
  }
  #modal-overlay[data-view="profile"] .cz30-toprow {
    min-height: 114px !important;
    margin-top: -53px !important;
  }
  #modal-overlay[data-view="profile"] .cz30-avatar-wrap,
  #modal-overlay[data-view="profile"] .cz30-avatar {
    width: 104px !important;
    height: 114px !important;
  }
  #modal-overlay[data-view="profile"] .cz30-avatar-wrap { flex-basis: 104px !important; }
  #modal-overlay[data-view="profile"] .cz30-actions { width: calc(100% - 113px) !important; }
  #modal-overlay[data-view="profile"] .cz30-identity { padding-top: 13px !important; }
  #modal-overlay[data-view="profile"] .cz30-identity h1 { font-size: clamp(38px,12vw,56px) !important; }
  #modal-overlay[data-view="profile"] .cz30-stats { margin-top: 15px !important; }
  #modal-overlay[data-view="profile"] .cz30-stats > div { padding-top: 13px !important; }
  #modal-overlay[data-view="profile"] .cz30-tabs {
    position: sticky !important;
    top: 0 !important;
    z-index: 30 !important;
    background: rgba(36,36,43,.96) !important;
    backdrop-filter: blur(18px);
  }
  #home-screen .cz-home-chatza-v5 { min-height: 54px !important; }
}

@media(max-width:390px) {
  #modal-overlay[data-view="profile"] .cz30-avatar-wrap,
  #modal-overlay[data-view="profile"] .cz30-avatar { width: 98px !important; height: 108px !important; }
  #modal-overlay[data-view="profile"] .cz30-avatar-wrap { flex-basis: 98px !important; }
  #modal-overlay[data-view="profile"] .cz30-actions { width: calc(100% - 106px) !important; }
}

@media(max-width:390px) {
  #modal-overlay[data-view="profile"] .cz30-avatar-wrap,
  #modal-overlay[data-view="profile"] .cz30-avatar { width: 108px !important; height: 118px !important; }
  #modal-overlay[data-view="profile"] .cz30-avatar-wrap { flex-basis: 108px !important; }
  #modal-overlay[data-view="profile"] .cz30-actions { width: calc(100% - 116px) !important; }
}

/* ========================================================================== */
/* CHATZA V11 — eindeutige Navigation und deutlich größere Chatfläche         */
/* ========================================================================== */
@media(max-width:800px) {
  /* Nur der aktuelle Hauptbereich leuchtet. Das Icon bekommt den kräftigen
     orangefarbenen Halo, die grüne Linie bleibt als präziser Statusanker. */
  body.cz-youth-auth #cz-youth-dock > button.is-active:not(.cz-youth-launcher) {
    color: #fff !important;
    background: linear-gradient(180deg,rgba(255,102,0,.1),rgba(255,102,0,.025)) !important;
  }
  body.cz-youth-auth #cz-youth-dock > button.is-active:not(.cz-youth-launcher) .cz-youth-dock-icon {
    color: var(--y-orange) !important;
    filter: drop-shadow(0 0 8px rgba(255,102,0,.78));
  }
  body.cz-youth-auth #cz-youth-dock > button.is-active:not(.cz-youth-launcher) > span {
    color: #fff !important;
    text-shadow: 0 0 11px rgba(255,102,0,.5);
  }
  body.cz-youth-auth #cz-youth-dock > button.is-active:not(.cz-youth-launcher)::after {
    content: '';
    position: absolute;
    right: 25%;
    bottom: 0;
    left: 25%;
    height: 3px;
    border-radius: 4px;
    background: var(--y-lime);
    box-shadow: 0 0 10px rgba(140,255,0,.72);
  }
  body.cz-youth-auth #cz-youth-dock .cz-youth-launcher.is-active {
    box-shadow:
      0 0 0 2px rgba(140,255,0,.7),
      0 0 22px rgba(140,255,0,.3),
      0 14px 34px rgba(255,102,0,.58) !important;
    transform: translateY(-2px) !important;
  }
  body.cz-youth-auth #cz-youth-dock [data-youth-action="profile"].is-active #cz-youth-avatar {
    border-color: var(--y-orange) !important;
    box-shadow: 0 0 15px rgba(255,102,0,.72);
  }

  /* Im Chat ersetzt die Raumzeile den globalen Kopf. So gehen nicht zwei Header
     übereinander von der Gesprächsfläche ab. */
  body.cz-youth-chat #cz-youth-top {
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(-135%) !important;
  }
  body.cz-youth-auth.cz-youth-chat #app.app {
    top: var(--cz-visual-top,0px) !important;
    height: var(--cz-visual-height,100dvh) !important;
    padding-top: max(4px,env(safe-area-inset-top)) !important;
    padding-bottom: calc(82px + env(safe-area-inset-bottom)) !important;
  }
  body.cz-youth-chat #app .topbar {
    min-height: 48px !important;
    padding: 5px 12px !important;
    background: linear-gradient(90deg,rgba(255,102,0,.055),transparent 55%) !important;
  }
  body.cz-youth-chat #app .topbar-room { font-size: 19px !important; }
  body.cz-youth-chat #app #cz-room-strip {
    min-height: 41px !important;
    padding: 4px 9px !important;
  }
  body.cz-youth-chat #app .cz-room-pill { min-height: 31px !important; }
  body.cz-youth-chat #app .cz-chat-tools {
    min-height: 37px !important;
    padding: 3px 8px !important;
  }
  body.cz-youth-chat #app .cz-chat-tools button { min-height: 29px !important; }
  body.cz-youth-chat #app #log {
    padding: 10px 12px 14px !important;
    overscroll-behavior: contain;
  }
  body.cz-youth-chat #app .composer {
    min-height: 58px !important;
    margin: 3px 8px 4px !important;
    padding: 5px !important;
    border-radius: 17px !important;
  }

  /* Tastatur offen: versteckte Kopf-/Dockflächen belegen jetzt auch rechnerisch
     keinen Platz mehr. Räume und Werkzeuge verschwinden vorübergehend; Verlauf und
     Eingabe nutzen den kompletten sichtbaren Android-Viewport. */
  body.cz-youth-chat.cz-keyboard-open #app.app {
    top: var(--cz-visual-top,0px) !important;
    height: var(--cz-visual-height,100dvh) !important;
    min-height: 0 !important;
    padding-top: max(2px,env(safe-area-inset-top)) !important;
    padding-bottom: max(2px,env(safe-area-inset-bottom)) !important;
  }
  body.cz-youth-chat.cz-keyboard-open #app #cz-room-strip,
  body.cz-youth-chat.cz-keyboard-open #app .cz-chat-tools { display: none !important; }
  body.cz-youth-chat.cz-keyboard-open #app .topbar {
    min-height: 43px !important;
    padding: 3px 10px !important;
  }
  body.cz-youth-chat.cz-keyboard-open #app .topbar-topic { display: none !important; }
  body.cz-youth-chat.cz-keyboard-open #app .topbar-online { grid-row: 1 !important; }
  body.cz-youth-chat.cz-keyboard-open #app #log { padding: 7px 11px 9px !important; }
  body.cz-youth-chat.cz-keyboard-open #app .typing-indicator { min-height: 14px !important; height: 14px !important; }
  body.cz-youth-chat.cz-keyboard-open #app .composer {
    margin: 2px 7px max(2px,env(safe-area-inset-bottom)) !important;
  }
}

/* Besondere Community-Ränge direkt in der Profilidentität. Normale Mitglieder
   und technische Zwischenrollen erhalten bewusst keinen zusätzlichen Badge. */
.cz-profile-rank {
  width: max-content;
  min-height: 30px;
  margin: 5px 0 8px;
  padding: 0 11px 0 7px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 5px 13px 5px 13px;
  color: var(--yu-ink);
  background: rgba(255,255,255,.05);
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.cz-profile-rank i {
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  border-radius: 7px 3px 7px 3px;
  font-size: 11px;
  font-style: normal;
}
.cz-profile-rank-manager { border-color: rgba(255,102,0,.45); box-shadow: 0 0 20px rgba(255,102,0,.1); }
.cz-profile-rank-manager i { color: #17171b; background: linear-gradient(135deg,var(--yu-orange),#ff9a3c); }
.cz-profile-rank-admin { border-color: rgba(255,102,0,.32); }
.cz-profile-rank-admin i { color: var(--yu-orange); background: rgba(255,102,0,.13); }
.cz-profile-rank-vip { border-color: rgba(140,255,0,.36); }
.cz-profile-rank-vip i { color: #17171b; background: var(--yu-green); box-shadow: 0 0 12px rgba(140,255,0,.3); }

@media(max-width:760px) {
  .cz-profile-rank { min-height: 27px; margin: 4px 0 7px; font-size: 8px; }
  .cz-profile-rank i { width: 18px; height: 18px; }
}

/* ========================================================================== */
/* V10 – „Mein ChatZa“ und alle persönlichen Unterseiten aus einem Guss.      */
/* ========================================================================== */
#modal-overlay[data-view="mychatza-hub"] .modal-body,
#modal-overlay[data-view="my-zaspace"] .modal-body,
#modal-overlay[data-view="zabox-inbox"] .modal-body,
#modal-overlay[data-view="zapass-manager"] .modal-body,
#modal-overlay[data-view="invite-manager"] .modal-body,
#modal-overlay[data-view="account-settings"] .modal-body,
#modal-overlay[data-view="friends"] .modal-body,
#modal-overlay[data-view="inbox"] .modal-body {
  padding: 0 13px 110px !important;
  background:
    radial-gradient(circle at 91% 1%,rgba(121,92,255,.1),transparent 25rem),
    var(--yu-bg) !important;
}
.cz-personal-page,.cz-inbox { width: min(100%,780px) !important; max-width: 780px !important; margin: 0 auto !important; }
.cz-personal-head,
#modal-overlay[data-view="inbox"] .cz-inbox-head {
  position: relative;
  min-height: 245px;
  margin: 0 0 22px !important;
  padding: 27px 23px 23px !important;
  display: flex !important;
  flex-direction: column;
  align-items: flex-start !important;
  justify-content: flex-end !important;
  overflow: hidden;
  border: 0 !important;
  border-radius: 11px 35px 11px 35px !important;
  color: var(--yu-ink);
  background:
    radial-gradient(circle at 89% 12%,rgba(121,92,255,.3),transparent 35%),
    linear-gradient(135deg,rgba(255,102,0,.27),transparent 57%),
    var(--yu-deep) !important;
  box-shadow: 0 25px 65px rgba(0,0,0,.3) !important;
  isolation: isolate;
}
.cz-personal-head::after,
#modal-overlay[data-view="inbox"] .cz-inbox-head::after {
  content: '@';
  position: absolute;
  z-index: -1;
  top: -63px;
  right: -4px;
  color: rgba(255,255,255,.04);
  font-size: 235px;
  line-height: 1;
  font-weight: 1000;
}
.cz-personal-head > span,
#modal-overlay[data-view="inbox"] .cz-inbox-head > div > span {
  color: var(--yu-orange) !important;
  font-size: 8px !important;
  font-weight: 950 !important;
  letter-spacing: .19em !important;
}
.cz-personal-head h2,
#modal-overlay[data-view="inbox"] .cz-inbox-head h2 {
  max-width: 650px;
  margin: 7px 0 10px !important;
  color: #fff !important;
  font-size: clamp(48px,9vw,78px) !important;
  line-height: .81 !important;
  font-weight: 1000 !important;
  letter-spacing: -.075em !important;
  text-transform: uppercase;
}
.cz-personal-head h2 em,
#modal-overlay[data-view="inbox"] .cz-inbox-head h2 em { color: var(--yu-green); font-style: normal; }
.cz-personal-head > p,
#modal-overlay[data-view="inbox"] .cz-inbox-head p { max-width: 570px; margin: 0 !important; color: #c5c1ca !important; font-size: 12px !important; line-height: 1.5 !important; }
.cz-personal-section-label {
  min-height: 43px;
  padding: 9px 2px;
  display: flex;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid var(--yu-line);
  color: var(--yu-muted);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.cz-personal-section-label span { color: var(--yu-orange); }

/* Mein ChatZa: echte Navigationszeilen statt 4x2-Kachelwand. */
.cz-mychatza-hub { gap: 0 !important; }
.cz-mychatza-head { min-height: 300px; }
.cz-mychatza-identity {
  width: 100%;
  margin-top: 21px;
  padding: 13px 0 0 !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 0 !important;
  border-top: 1px solid var(--yu-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  text-align: left !important;
}
.cz-mychatza-identity b { color: var(--yu-ink) !important; font-size: 13px !important; }
.cz-mychatza-identity small { margin: 0 !important; color: var(--yu-green) !important; font-size: 10px !important; }
.cz-mychatza-list { display: grid; }
.cz-mychatza-list > button,
.cz-mychatza-account {
  width: 100%;
  min-height: 78px;
  padding: 11px 3px !important;
  display: grid !important;
  grid-template-columns: 39px minmax(0,1fr) 34px;
  align-items: center;
  gap: 11px;
  border: 0 !important;
  border-bottom: 1px solid var(--yu-line) !important;
  border-radius: 0 !important;
  color: var(--yu-ink) !important;
  background: transparent !important;
  text-align: left;
}
.cz-mychatza-list > button > i { color: rgba(255,255,255,.2); font-size: 10px; font-style: normal; font-weight: 950; }
.cz-mychatza-list > button span,.cz-mychatza-account span { min-width: 0; }
.cz-mychatza-list > button b,.cz-mychatza-account b { display: block; color: var(--yu-ink); font-size: 16px; font-weight: 900; }
.cz-mychatza-list > button small,.cz-mychatza-account small { display: block; margin-top: 4px; color: var(--yu-muted); font-size: 9px; }
.cz-mychatza-list > button > em,.cz-mychatza-account > em { width: 32px; height: 34px; display: grid; place-items: center; border: 1px solid var(--yu-line); border-radius: 11px 4px 11px 4px; color: var(--yu-orange); font-size: 14px; font-style: normal; }
.cz-mychatza-list > button:active,.cz-mychatza-account:active { background: rgba(255,255,255,.035) !important; }
.cz-mychatza-account { margin-top: 22px; grid-template-columns: minmax(0,1fr) 34px; border-top: 1px solid var(--yu-line) !important; color: #17171b !important; }
.cz-mychatza-account > em { background: var(--yu-orange); color: #17171b; }

/* Gemeinsame Formsprache für ZaSpace, ZaPass, Einladungen und Konto. */
.cz-personal-form,.cz-zapass-create-form {
  margin: 0 !important;
  padding: 19px 2px 25px !important;
  display: grid;
  gap: 13px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--yu-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
}
.cz-personal-form > label,.cz-zapass-create-row label { display: grid !important; gap: 6px !important; color: var(--yu-orange) !important; font-size: 8px !important; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.cz-personal-form input,.cz-personal-form textarea,.cz-personal-form select,
.cz-zapass-create-form input {
  width: 100%;
  min-height: 52px !important;
  padding: 10px 12px !important;
  border: 1px solid var(--yu-line) !important;
  border-radius: 14px 5px 14px 5px !important;
  color: var(--yu-ink) !important;
  background: rgba(255,255,255,.035) !important;
  box-shadow: none !important;
}
.cz-personal-form textarea { min-height: 125px !important; resize: vertical; }
.cz-personal-form-actions { display: flex; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
.cz-personal-form-actions button,.cz-zapass-create-form > button { min-height: 49px !important; border-radius: 8px 17px 8px 17px !important; }
.cz-personal-form-actions .cz-btn-primary,.cz-zapass-create-form > button { color: #17171b !important; background: var(--yu-orange) !important; }
.cz-personal-form-actions i { font-style: normal; }
.cz-personal-status { min-height: 18px; color: var(--yu-green); }
.cz-zapass-create-row { gap: 9px !important; }
.cz-zapass-list { display: grid; gap: 0 !important; }
.cz-zapass-row {
  min-height: 86px;
  margin: 0 !important;
  padding: 14px 2px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--yu-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
}
.cz-zapass-copy b { color: var(--yu-ink) !important; font-size: 14px !important; }
.cz-zapass-copy small { color: var(--yu-muted) !important; font-size: 9px !important; }
.cz-zapass-url { min-height: 38px !important; border: 0 !important; border-bottom: 1px solid var(--yu-line) !important; border-radius: 0 !important; color: var(--yu-green) !important; background: transparent !important; }

/* ZaBox und Postfach als ruhige Zeit-/Gesprächslisten. */
.cz-zabox-inbox { display: block !important; }
.cz-zabox-list { display: grid; gap: 0; }
.cz-zabox-item {
  position: relative;
  min-height: 86px;
  padding: 14px 2px !important;
  display: grid !important;
  grid-template-columns: 44px minmax(0,1fr) auto !important;
  border: 0 !important;
  border-bottom: 1px solid var(--yu-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
}
.cz-zabox-icon { width: 40px; height: 43px; display: grid; place-items: center; border-radius: 13px 4px 13px 4px; background: var(--yu-orange); font-size: 17px; }
.cz-zabox-copy p { color: var(--yu-ink) !important; font-size: 14px !important; }.cz-zabox-copy small { color: var(--yu-muted) !important; }
.cz-zabox-item.cz-zabox-unopened { border-left: 0 !important; background: linear-gradient(90deg,rgba(255,102,0,.07),transparent 35%) !important; }
#modal-overlay[data-view="inbox"] .cz-inbox-head { min-height: 250px !important; }
#modal-overlay[data-view="inbox"] .cz-inbox-head > div { max-width: 610px; }
#modal-overlay[data-view="inbox"] .cz-inbox-head > button { position: absolute; right: 20px; bottom: 20px; min-height: 47px !important; border-radius: 8px 17px 8px 17px !important; color: #17171b !important; background: var(--yu-orange) !important; }
#modal-overlay[data-view="inbox"] .cz-inbox-search { margin: 0 0 10px !important; border: 1px solid var(--yu-line) !important; border-radius: 15px 5px 15px 5px !important; background: rgba(255,255,255,.035) !important; }
#modal-overlay[data-view="inbox"] .cz-inbox-tabs { margin: 0 !important; padding-bottom: 8px; overflow-x: auto; border-bottom: 1px solid var(--yu-line); scrollbar-width: none; }
#modal-overlay[data-view="inbox"] .cz-inbox-tab { border: 0 !important; border-radius: 0 !important; color: var(--yu-muted) !important; background: transparent !important; }
#modal-overlay[data-view="inbox"] .cz-inbox-tab.active { color: var(--yu-ink) !important; box-shadow: inset 0 -3px var(--yu-orange); }
#modal-overlay[data-view="inbox"] .cz-conversation-row { border-bottom: 1px solid var(--yu-line) !important; border-radius: 0 !important; background: transparent !important; }

/* Freunde und Konto gehören sichtbar zum selben persönlichen Bereich. */
.cz-friends-intro { min-height: 245px !important; padding: 27px 23px 23px !important; align-items: flex-start !important; }
.cz-friends-intro > div { margin-top: 16px; padding-top: 12px; display: flex; align-items: center; gap: 9px; border-top: 1px solid var(--yu-line); color: var(--yu-muted); font-size: 9px; }
.cz-friends-intro > div b { color: var(--yu-ink); font-size: 18px; }.cz-friends-intro > div i { width: 1px; height: 17px; background: var(--yu-line); }
#modal-overlay[data-view="friends"] .cz-friends-section-label { margin-top: 19px !important; }
#modal-overlay[data-view="account-settings"] .cz30-tabs { margin: 0 0 12px !important; }

/* Startbühne: Orangefläche bekommt einen Markenanker; DEIN CHATZA rückt lesbar raus. */
#home-screen .cz-home-orange-mark {
  position: absolute;
  z-index: 2;
  top: 79px;
  left: 29px;
  display: flex;
  align-items: center;
  gap: 9px;
  color: rgba(20,20,24,.72);
  pointer-events: none;
}
#home-screen .cz-home-orange-mark b { font-size: 50px; line-height: .75; font-weight: 1000; letter-spacing: -.11em; }
#home-screen .cz-home-orange-mark span { padding-left: 9px; border-left: 1px solid rgba(20,20,24,.3); font-size: 7px; font-weight: 950; line-height: 1.25; letter-spacing: .16em; }
#home-screen .cz-home-stage-copy > small {
  width: max-content;
  padding: 5px 8px;
  display: block;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 8px 3px 8px 3px;
  color: #fff !important;
  background: rgba(17,17,22,.56);
  transform: translateX(16px);
}
#home-screen .cz-home-stage-live button:active { background: rgba(255,255,255,.13) !important; transform: translateY(1px); }

@media(max-width:760px) {
  #modal-overlay[data-view="mychatza-hub"] .modal-body,#modal-overlay[data-view="my-zaspace"] .modal-body,#modal-overlay[data-view="zabox-inbox"] .modal-body,#modal-overlay[data-view="zapass-manager"] .modal-body,#modal-overlay[data-view="invite-manager"] .modal-body,#modal-overlay[data-view="account-settings"] .modal-body,#modal-overlay[data-view="friends"] .modal-body,#modal-overlay[data-view="inbox"] .modal-body { padding: 0 9px 96px !important; }
  .cz-personal-head,#modal-overlay[data-view="inbox"] .cz-inbox-head { min-height: 220px; padding: 22px 16px 18px !important; border-radius: 8px 28px 8px 28px !important; }
  .cz-personal-head h2,#modal-overlay[data-view="inbox"] .cz-inbox-head h2 { font-size: clamp(40px,12vw,58px) !important; }
  .cz-mychatza-head { min-height: 275px; }
  .cz-mychatza-identity { display: grid; justify-content: start; }
  .cz-mychatza-list > button,.cz-mychatza-account { min-height: 73px; }
  .cz-zapass-create-row { display: grid !important; grid-template-columns: 1fr 1fr; }
  #modal-overlay[data-view="inbox"] .cz-inbox-head { padding-right: 84px !important; }
  #modal-overlay[data-view="inbox"] .cz-inbox-head > button { right: 14px; bottom: 15px; min-width: 55px; padding: 0 11px !important; }
  #home-screen .cz-home-orange-mark { top: 73px; left: 18px; }
  #home-screen .cz-home-orange-mark b { font-size: 43px; }
  #home-screen .cz-home-stage-copy > small { transform: translateX(19px); }
}

@media(max-width:390px) {
  .cz-personal-head h2,#modal-overlay[data-view="inbox"] .cz-inbox-head h2 { font-size: 39px !important; }
  .cz-zapass-create-row { grid-template-columns: 1fr; }
  .cz-personal-form-actions { display: grid; grid-template-columns: 1fr; }
  #home-screen .cz-home-orange-mark { top: 78px; }
  #home-screen .cz-home-orange-mark span { display: none; }
}

/* ========================================================================== */
/* CHATZA V15 — kompaktere Begrüßung und ruhige Rangdarstellung im Chat       */
/* ========================================================================== */
.presence-item .role-tag {
  border-color: rgba(244,195,77,.42) !important;
  color: #f4c34d !important;
  background: rgba(244,195,77,.09) !important;
  box-shadow: 0 0 12px rgba(244,195,77,.08) !important;
}

@media(max-width:620px) {
  #home-screen .cz-home-stage-copy h1 {
    width: calc(100% - 10px);
    font-size: clamp(38px,11vw,56px) !important;
    letter-spacing: -.06em !important;
    transform: translateX(10px);
  }
  #home-screen .cz-home-stage-copy p {
    width: 100%;
    min-height: 0;
    margin: 13px 0 0 !important;
    line-height: 1.4 !important;
    transform: none !important;
  }
}

/* ========================================================================== */
/* CHATZA V16 — ein Rang, ruhiger Level-Chip und Tabs ohne Wischzwang         */
/* ========================================================================== */
#modal-overlay[data-view="profile"] .cz30-handle span {
  border: 1px solid rgba(156,255,0,.23) !important;
  color: #d2ddc7 !important;
  background: rgba(156,255,0,.065) !important;
  box-shadow: none !important;
}

@media(max-width:760px) {
  #modal-overlay[data-view="profile"] .cz30-tabs {
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    gap: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    border-radius: 7px 17px 7px 17px !important;
    background: rgba(255,255,255,.035) !important;
  }
  #modal-overlay[data-view="profile"] .cz30-tabs button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 52px !important;
    padding: 0 4px !important;
    border-right: 1px solid rgba(255,255,255,.1) !important;
    font-size: 9px !important;
    white-space: nowrap;
  }
  #modal-overlay[data-view="profile"] .cz30-tabs button:last-child {
    border-right: 0 !important;
  }
}

/* V17 Abschlussregeln: bewusst ganz am Ende, damit ältere Designschichten die
   neuen Chat-/Profilentscheidungen nicht erneut überschreiben können. */
#app .role-tag,#chat-sidebar .role-tag,#sidebar-self-role,
body.cz-youth-chat .line .role-tag {
  border-color: rgba(255,211,86,.46) !important;
  color: #ffd356 !important;
  background: rgba(255,211,86,.09) !important;
  box-shadow: none !important;
}
#sidebar-self-role { background: transparent !important; }
#home-screen .cz-home-chatza-v5 {
  color: var(--yu-ink) !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  background: rgba(255,255,255,.06) !important;
  box-shadow: none !important;
}
#home-screen .cz-home-chatza-v5 i { color:#17171b !important; background:var(--yu-green) !important; }

@media(max-width:760px) {
  #modal-overlay[data-view="profile"] .cz30-cover { height:198px !important; }
  #modal-overlay[data-view="profile"] .cz30-toprow { min-height:114px !important; margin-top:-53px !important; }
  #modal-overlay[data-view="profile"] .cz30-avatar-wrap,
  #modal-overlay[data-view="profile"] .cz30-avatar { width:104px !important; height:114px !important; }
  #modal-overlay[data-view="profile"] .cz30-avatar-wrap { flex-basis:104px !important; }
  #modal-overlay[data-view="profile"] .cz30-actions { width:calc(100% - 113px) !important; }
  #modal-overlay[data-view="profile"] .cz30-identity { padding-top:13px !important; }
  #modal-overlay[data-view="profile"] .cz30-identity h1 { font-size:clamp(38px,12vw,56px) !important; }
  #modal-overlay[data-view="profile"] .cz30-stats { margin-top:15px !important; }
  #modal-overlay[data-view="profile"] .cz30-stats > div { padding-top:13px !important; }
  #modal-overlay[data-view="profile"] .cz30-tabs {
    position:sticky !important;
    top:0 !important;
    z-index:30 !important;
    background:rgba(36,36,43,.96) !important;
    backdrop-filter:blur(18px);
  }
}

/* V18 finale Lesbarkeits- und Chatregeln. */
body.cz-youth-chat #chat-sidebar .role-tag,
body.cz-youth-chat .presence-item .role-tag,
body.cz-youth-chat #sidebar-self-role,
body.cz-youth-chat .line.whois-card .role-tag,
body.cz-youth-chat .line.room-overview .role-tag {
  width:auto !important;
  min-height:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  color:#e8c45b !important;
  background:transparent !important;
  box-shadow:none !important;
  font-family:inherit !important;
  font-size:11px !important;
  font-weight:650 !important;
  letter-spacing:.01em !important;
  text-transform:none !important;
}
body.cz-youth-chat .line:not(.whois-card):not(.room-overview) .role-tag { display:none !important; }

.cz-youth-lane-staff .cz-youth-lane-copy nav button { grid-column:1 / -1; }

@media(max-width:760px) {
  /* Hub: kleine Beschriftungen bleiben kompakt, aber nicht winzig. */
  .cz-youth-hub-meta { font-size:12px !important; }
  .cz-youth-lane-copy small { font-size:9px !important; }
  .cz-youth-lane-copy nav button { min-height:32px; font-size:11px !important; }
  .cz-youth-hub > footer button { font-size:11px !important; }

  /* Forum: Titel, Metadaten, Beiträge und Eingaben erhalten eine klare Lesestufe. */
  #forum-overlay .forum-row-title { font-size:15px !important; }
  #forum-overlay .forum-row-desc,
  #forum-overlay .cz22-forum-meta { font-size:11px !important; line-height:1.45 !important; }
  #forum-overlay .cz-forum-list-label,
  #forum-overlay .forum-pagination .page-info { font-size:10px !important; }
  #forum-overlay .forum-post-name { font-size:14px !important; }
  #forum-overlay .forum-post-meta { font-size:10px !important; line-height:1.4 !important; }
  #forum-overlay .forum-post-body { font-size:15px !important; line-height:1.72 !important; }
  #forum-overlay .cz-forum-compose-form label { font-size:10px !important; }
  #forum-overlay .forum-new-btn,
  #forum-overlay #reply-submit { font-size:12px !important; }
  #forum-overlay .forum-reply-form textarea,
  #forum-overlay .forum-newtopic-form input,
  #forum-overlay .forum-newtopic-form textarea { font-size:16px !important; line-height:1.55 !important; }

  /* Profil: Nutztext und Statistiklabels werden lesbar, ohne die Bühne aufzublähen. */
  #modal-overlay[data-view="profile"] .cz30-identity-kicker { font-size:10px !important; }
  #modal-overlay[data-view="profile"] .cz30-handle { font-size:13px !important; }
  #modal-overlay[data-view="profile"] .cz30-handle span { font-size:10px !important; }
  #modal-overlay[data-view="profile"] .cz30-identity p { font-size:15px !important; }
  #modal-overlay[data-view="profile"] .cz30-stats strong { font-size:18px !important; }
  #modal-overlay[data-view="profile"] .cz30-stats span { font-size:9px !important; letter-spacing:.06em !important; }
  #modal-overlay[data-view="profile"] .cz30-tabs button { font-size:11px !important; }
  #modal-overlay[data-view="profile"] .cz30-block-head h2 { font-size:19px !important; }
  #modal-overlay[data-view="profile"] .cz30-block p { font-size:14px !important; line-height:1.65 !important; }
  #modal-overlay[data-view="profile"] .cz30-chips span,
  #modal-overlay[data-view="profile"] .cz30-activity b { font-size:12px !important; }
  #modal-overlay[data-view="profile"] .cz30-activity small { font-size:11px !important; }

  /* Formulare: 16px verhindert zugleich den störenden Auto-Zoom mobiler Browser. */
  body.cz-youth-auth input,
  body.cz-youth-auth textarea,
  body.cz-youth-auth select { font-size:16px !important; }
  body.cz-youth-auth label { font-size:max(11px,1em); }
}

/* ========================================================================== */
/* CHATZA V20 — sichtbarer Footer, klarer Hubkopf und gleich großer Chatrang  */
/* ========================================================================== */
body.cz-youth-chat #chat-sidebar .role-tag,
body.cz-youth-chat .presence-item .role-tag,
body.cz-youth-chat #sidebar-self-role,
body.cz-youth-chat .line.whois-card .role-tag,
body.cz-youth-chat .line.room-overview .role-tag {
  font-size:13px !important;
  line-height:1.45 !important;
}

.cz-youth-hub-head-actions { display:flex; align-items:center; gap:7px; }
.cz-youth-hub-head-actions > button {
  min-height:44px;
  border:1px solid var(--y-line);
  color:var(--y-ink);
  background:var(--y-surface);
}
.cz-youth-hub-head-actions .cz-youth-hub-close { width:44px; padding:11px; border-radius:15px; }
.cz-youth-hub-logout {
  padding:0 12px;
  display:inline-flex;
  align-items:center;
  gap:9px;
  border-color:rgba(255,97,88,.28) !important;
  border-radius:8px 15px 8px 15px;
  color:#ff958e !important;
  background:rgba(255,74,67,.07) !important;
  font-size:11px;
  font-weight:850;
}
.cz-youth-hub-logout b { color:#ff6a61; font-size:14px; }

.cz-global-footer {
  width:min(980px,calc(100% - 20px)) !important;
  margin:32px auto 0 !important;
  padding:20px !important;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:9px 25px 9px 25px !important;
  color:#9d99a3 !important;
  background:
    linear-gradient(115deg,rgba(255,102,0,.09),transparent 38%),
    rgba(29,28,34,.9) !important;
  box-shadow:0 18px 50px rgba(0,0,0,.2);
  text-align:left !important;
  font-size:11px !important;
}
.cz-global-footer-main { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:26px; }
.cz-global-footer-brand { display:flex; align-items:center; gap:10px; color:#f7f4f0; text-decoration:none; }
.cz-global-footer-brand > i {
  width:48px;
  height:51px;
  display:grid;
  place-items:center;
  border-radius:14px 5px 14px 5px;
  color:#17171b;
  background:#ff6600;
  box-shadow:0 10px 25px rgba(255,102,0,.16);
  font-size:17px;
  font-style:normal;
  font-weight:1000;
}
.cz-global-footer-brand > span { display:grid; }
.cz-global-footer-brand b { color:#f8f5f1; font-size:20px; line-height:1; letter-spacing:-.06em; }
.cz-global-footer-brand b span { color:#ff6600; }
.cz-global-footer-brand small { margin-top:5px; color:#77737d; font-size:7px; font-weight:900; letter-spacing:.12em; white-space:nowrap; }
.cz-global-footer-links { margin:0 !important; display:flex !important; justify-content:flex-end !important; gap:6px !important; }
.cz-global-footer-links a {
  min-height:34px;
  padding:0 10px;
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(255,255,255,.09);
  border-radius:7px 12px 7px 12px;
  color:#b9b5bd !important;
  background:rgba(255,255,255,.025);
  font-size:10px !important;
  font-weight:750;
  text-decoration:none;
}
.cz-global-footer-links a:hover { border-color:rgba(156,255,0,.25); color:#cfff9c !important; }
.cz-global-footer-links a.is-current {
  border-color:rgba(255,102,0,.38);
  color:#17171b !important;
  background:#ff6600;
}
.cz-global-footer-bottom {
  margin-top:18px;
  padding-top:13px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  border-top:1px solid rgba(255,255,255,.09);
}
.cz-global-footer-copy { color:#a8a4ad !important; font-size:11px !important; }
.cz-global-footer-design { display:block; margin-top:3px !important; color:#77737c !important; font-size:9px !important; }
.cz-global-footer-design strong { color:#ff6600 !important; }
.cz-global-footer-versions { margin:0 !important; color:#706c76 !important; font-size:9px !important; text-align:right; }

#login-screen .page-copyright-corner {
  position:static !important;
  width:min(680px,calc(100% - 20px)) !important;
  max-width:none !important;
  margin:22px auto 10px !important;
  padding:15px 16px !important;
  border:1px solid rgba(255,255,255,.11);
  border-radius:8px 18px 8px 18px;
  color:#aaa6af !important;
  background:rgba(255,255,255,.035);
  opacity:1 !important;
  text-align:center !important;
  font-size:11px !important;
}

#login-screen .page-copyright-corner.cz-global-footer {
  width:min(980px,calc(100% - 20px)) !important;
  margin:24px auto 10px !important;
  padding:20px !important;
  border-radius:9px 25px 9px 25px !important;
  text-align:left !important;
}

@media(max-width:700px) {
  .cz-youth-hub > header { align-items:center; }
  .cz-youth-hub > header h2 { font-size:clamp(34px,10vw,46px); }
  .cz-youth-hub-logout span { display:none; }
  .cz-youth-hub-logout { width:44px; padding:0; justify-content:center; }
  .cz-youth-hub-logout b { font-size:17px; }
  .cz-global-footer { width:calc(100% - 18px) !important; padding:17px 14px calc(86px + env(safe-area-inset-bottom)) !important; }
  #forum-overlay .cz-global-footer,
  #admin-overlay .cz-global-footer,
  #modal-overlay .cz-global-footer,
  body.cz-help-page .cz-global-footer { padding-bottom:18px !important; }
  .cz-global-footer-main { grid-template-columns:1fr; gap:16px; }
  .cz-global-footer-links { justify-content:flex-start !important; }
  .cz-global-footer-links a { min-height:36px; font-size:11px !important; }
  .cz-global-footer-bottom { align-items:flex-start; flex-direction:column; }
  .cz-global-footer-versions { text-align:left; }
  #login-screen .page-copyright-corner.cz-global-footer {
    width:calc(100% - 18px) !important;
    padding:17px 14px 20px !important;
  }
}

/* ========================================================================== */
/* CHATZA V21 — Verbindungen statt Endlosfeed                                 */
/* ========================================================================== */
.cz-youth-lane-connect::after { background:#9cff00; }
.cz-youth-lane-connect .cz-youth-lane-go { color:#17171b; background:#9cff00; }
.cz-youth-lane-connect nav button { border-color:rgba(156,255,0,.25) !important; color:#cfff9d !important; box-shadow:inset 3px 0 #9cff00 !important; }
.cz-youth-lane-staff .cz-youth-lane-copy nav button { grid-column:auto; }
.cz-youth-control-logout { grid-column:1/-1; border-color:rgba(255,91,82,.35) !important; color:#ff9a94 !important; box-shadow:inset 3px 0 #ff6158 !important; }

/* Patenstatus auf der internen Nickpage. Betreuungsbeziehungen bleiben hinter Login. */
.cz30-mentor-block { background:linear-gradient(135deg,rgba(183,255,37,.055),transparent 65%); }
.cz30-mentor-state { padding:4px 8px;border:1px solid rgba(183,255,37,.35);border-radius:999px;color:var(--y-lime,#b7ff25);font-size:9px;font-weight:900;letter-spacing:.12em; }
.cz30-mentor-people { display:grid;gap:6px;margin-top:12px; }
.cz30-mentor-people button { width:100%;min-height:52px;padding:7px 4px;border:0;border-top:1px solid rgba(255,255,255,.1);display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;color:inherit;background:transparent;text-align:left; }
.cz30-mentor-people button i { width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-style:normal;font-weight:900; }
.cz30-mentor-people button span { display:grid;gap:2px; }.cz30-mentor-people button b{font-size:14px}.cz30-mentor-people button small{font-size:11px;color:var(--y-muted,#aaa6ad)}
.cz30-mentor-people button em { color:var(--y-lime,#b7ff25);font-size:11px;font-style:normal;font-weight:800; }
.cz30-mentor-empty { margin-top:10px;color:var(--y-muted,#aaa6ad);font-size:12px; }
.cz-connect-identity{min-height:68px;margin:0 0 10px;padding:10px 13px;display:flex;align-items:center;gap:11px;border:1px solid rgba(255,102,0,.34);border-radius:18px 7px 18px 7px;background:linear-gradient(120deg,rgba(255,102,0,.13),rgba(121,92,255,.07))}.cz-connect-identity>i{width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;border-radius:13px 5px 13px 5px;color:#171218;background:#ff6600;font-size:14px;font-style:normal;font-weight:1000}.cz-connect-identity>span{min-width:0;display:grid;gap:2px}.cz-connect-identity b{overflow:hidden;color:#f7f3ee;font-size:14px;text-overflow:ellipsis}.cz-connect-identity small{overflow:hidden;color:#aaa6ad;font-size:11px;text-overflow:ellipsis}
.cz-connect-personal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.cz-connect-personal-grid>button{min-height:68px;padding:9px;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;border:1px solid var(--cc-line,rgba(255,255,255,.11));border-radius:8px 17px 8px 17px;color:#f7f3ee;background:#26252c;text-align:left}.cz-connect-personal-grid>button>i{width:34px;height:38px;display:grid;place-items:center;border-radius:10px 4px 10px 4px;color:#17171b;background:#ff6600;font-size:15px;font-style:normal;font-weight:950}.cz-connect-personal-grid>button>span{min-width:0;display:grid;gap:2px}.cz-connect-personal-grid b{font-size:13px}.cz-connect-personal-grid small{overflow:hidden;color:#aaa6af;font-size:10px;white-space:nowrap;text-overflow:ellipsis}.cz-connect-personal-grid>button:active{border-color:rgba(156,255,0,.34);background:rgba(156,255,0,.055)}

#modal-overlay[data-view="connections"] .modal-body { padding:0 !important; background:#222229 !important; }
.cz-connect { --cc-orange:#ff6600;--cc-green:#9cff00;--cc-line:rgba(255,255,255,.13);--cc-card:#2c2b33; color:#f6f3ef; }
.cz-connect button,.cz-connect input,.cz-connect textarea,.cz-connect select { font:inherit; }
.cz-connect-hero { position:relative; min-height:310px; padding:38px clamp(18px,5vw,50px); display:flex; flex-direction:column; justify-content:flex-end; overflow:hidden; background:linear-gradient(145deg,transparent 0 58%,rgba(121,92,255,.32) 58%),linear-gradient(155deg,#ff6600 0 31%,#2b2a32 31%); }
.cz-connect-hero::after { content:'∞'; position:absolute; right:4%; bottom:-80px; color:rgba(255,255,255,.055); font-size:240px; font-weight:1000; pointer-events:none; }
.cz-connect-hero small,.cz-connect-section-head>span { position:relative; z-index:1; color:var(--cc-green); font-size:10px; font-weight:950; letter-spacing:.16em; }
.cz-connect-hero h1 { position:relative; z-index:1; margin:7px 0 10px; font-size:clamp(45px,11vw,78px); line-height:.86; letter-spacing:-.075em; text-transform:uppercase; }
.cz-connect-hero h1 em { color:#fff; font-style:normal; }
.cz-connect-hero p { position:relative; z-index:1; max-width:620px; margin:0; color:#d0ccd4; font-size:15px; }
.cz-connect-tabs { position:sticky; z-index:25; top:0; padding:7px; display:flex; gap:5px; overflow-x:auto; border-bottom:1px solid var(--cc-line); background:rgba(28,27,33,.95); backdrop-filter:blur(18px); scrollbar-width:none; }
.cz-connect-tabs::-webkit-scrollbar { display:none; }
.cz-connect-tabs button { min-width:max-content; min-height:42px; padding:0 13px; border:1px solid transparent; border-radius:7px 13px 7px 13px; color:#aaa6af; background:transparent; font-size:12px; font-weight:850; }
.cz-connect-tabs button.active { border-color:rgba(255,102,0,.35); color:#17171b; background:var(--cc-orange); }
.cz-connect-panel { display:none; padding:25px clamp(14px,4vw,38px) 42px; }
.cz-connect-panel.active { display:block; }
.cz-connect-section-head { margin:18px 0 12px; padding-left:13px; border-left:3px solid var(--cc-orange); }
.cz-connect-section-head h2 { margin:3px 0; color:#f7f4f0; font-size:clamp(25px,6vw,39px); line-height:1; letter-spacing:-.05em; }
.cz-connect-section-head p { margin:7px 0 0; color:#aaa6af; font-size:14px; }
.cz-connect-rows { border-top:1px solid var(--cc-line); }
.cz-connect-rows>button,.cz-bookmark-row>button:first-child { width:100%; min-height:65px; padding:11px 4px; display:flex; align-items:center; justify-content:space-between; gap:12px; border:0; border-bottom:1px solid var(--cc-line); color:#f5f2ef; background:transparent; text-align:left; }
.cz-connect-rows button span { display:grid; gap:3px; }
.cz-connect-rows button b { font-size:14px; }.cz-connect-rows button small { color:#aaa6af; font-size:12px; }.cz-connect-rows button i { color:#ffad78; font-size:11px; font-style:normal; white-space:nowrap; }
.cz-goals { display:grid; gap:7px; margin-bottom:28px; }
.cz-goals article { min-height:78px; padding:12px 14px; display:grid; grid-template-columns:38px minmax(0,1fr) auto; align-items:center; gap:12px; border-bottom:1px solid var(--cc-line); }
.cz-goals article>i { color:var(--cc-green); font-size:24px; font-style:normal; }.cz-goals article>span { display:grid; gap:3px; }.cz-goals b{font-size:14px}.cz-goals small{color:#aaa6af;font-size:11px}.cz-goals strong{font-size:12px;color:#ffb180}
.cz-goals em { height:4px; margin-top:5px; overflow:hidden; background:rgba(255,255,255,.08); }.cz-goals u { display:block; height:100%; background:linear-gradient(90deg,var(--cc-orange),var(--cc-green)); }
.cz-circle-list,.cz-format-list { display:grid; gap:9px; }
.cz-circle { padding:17px; border:1px solid var(--cc-line); border-radius:8px 23px 8px 23px; background:var(--cc-card); }
.cz-circle header { display:grid; grid-template-columns:46px minmax(0,1fr) auto; align-items:center; gap:11px; }.cz-circle header>em { width:44px;height:48px;display:grid;place-items:center;border-radius:13px 4px 13px 4px;color:#17171b;background:var(--cc-orange);font-size:12px;font-style:normal;font-weight:1000}.cz-circle header span{display:grid}.cz-circle header small{color:var(--cc-green);font-size:8px;font-weight:900;letter-spacing:.12em}.cz-circle h3{margin:2px 0;font-size:20px}.cz-circle header strong{color:#aaa6af;font-size:11px}.cz-circle>p{margin:13px 0;color:#aaa6af;font-size:13px;line-height:1.55}.cz-circle>footer{display:flex;flex-wrap:wrap;gap:6px}.cz-circle>footer button{min-height:34px;padding:0 10px;border:1px solid rgba(255,255,255,.12);border-radius:6px 12px 6px 12px;color:#f0edf1;background:rgba(255,255,255,.035);font-size:11px;font-weight:750}
.cz-connect-create { margin-top:14px; border:1px solid var(--cc-line); border-radius:8px 20px 8px 20px; background:rgba(255,255,255,.04); }.cz-connect-create summary{padding:15px;color:#ffad78;font-size:13px;font-weight:850;cursor:pointer}.cz-connect-create form,.cz-connect-form{padding:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.cz-connect-create textarea,.cz-connect-form textarea{grid-column:1/-1}.cz-connect form label{display:grid;gap:5px;color:#aaa6af;font-size:10px;font-weight:800}.cz-connect form input,.cz-connect form textarea,.cz-connect form select{width:100%;min-height:45px;padding:10px 12px;border:1px solid var(--cc-line);border-radius:7px 14px 7px 14px;color:#f6f3ef;background:#26252c;font-size:16px}.cz-connect form textarea{min-height:82px;resize:vertical}.cz-connect form button,.cz-connect-primary{min-height:46px;padding:0 14px;border:0;border-radius:7px 15px 7px 15px;color:#17171b;background:var(--cc-orange);font-size:12px;font-weight:900}.cz-connect form button.ghost{border:1px solid var(--cc-line);color:#aaa6af;background:transparent}
.cz-plan-list { display:grid; gap:0; margin-top:17px; border-top:1px solid var(--cc-line); }.cz-plan-list article{min-height:76px;padding:11px 4px;display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:11px;border-bottom:1px solid var(--cc-line)}.cz-plan-list article>i{width:9px;height:9px;border-radius:50%;box-shadow:0 0 12px currentColor}.cz-plan-list article>span{display:grid;gap:2px}.cz-plan-list b{font-size:14px}.cz-plan-list small{color:#aaa6af;font-size:11px}.cz-plan-list p{margin:3px 0 0;color:#d0ccd4;font-size:12px}.cz-plan-list button{border:0;color:#ffad78;background:transparent;font-size:11px;font-weight:800}
.cz-mentor-match { padding:17px; display:grid; grid-template-columns:48px minmax(0,1fr) auto; gap:12px; align-items:center; border:1px solid rgba(156,255,0,.22); border-radius:8px 22px 8px 22px; background:rgba(156,255,0,.04); }.cz-mentor-match>i{width:46px;height:49px;display:grid;place-items:center;border-radius:13px 4px 13px 4px;color:#17171b;background:var(--cc-green);font-size:22px;font-style:normal}.cz-mentor-match small{color:var(--cc-green);font-size:9px;font-weight:900}.cz-mentor-match h3{margin:2px 0}.cz-mentor-match p{margin:0;color:#aaa6af;font-size:12px}.cz-mentor-match button{border:0;color:#ffad78;background:transparent}.cz-mentor-toggle{margin:14px 0;padding:14px;display:flex!important;align-items:center;gap:11px;border:1px solid var(--cc-line);border-radius:8px 18px 8px 18px;background:var(--cc-card)}.cz-mentor-toggle input{width:22px!important;min-height:22px!important}.cz-mentor-toggle span{display:grid}.cz-mentor-toggle b{color:#f6f3ef;font-size:13px}.cz-mentor-toggle small{color:#aaa6af;font-size:11px}
.cz-bookmark-row { display:grid; grid-template-columns:minmax(0,1fr) 42px; border-bottom:1px solid var(--cc-line); }.cz-bookmark-row>button:first-child{border-bottom:0}.cz-bookmark-row .delete{border:0;color:#ff817a;background:transparent;font-size:22px}
.cz-format-list article { padding:15px 4px; display:grid; grid-template-columns:42px minmax(0,1fr) auto; align-items:start; gap:12px; border-bottom:1px solid var(--cc-line); }.cz-format-list article>em{width:40px;height:43px;display:grid;place-items:center;border-radius:11px 4px 11px 4px;color:#17171b;background:var(--cc-orange);font-size:10px;font-style:normal;font-weight:1000}.cz-format-list article>span{display:grid;gap:3px}.cz-format-list article b{font-size:15px}.cz-format-list article small,.cz-format-list article u{color:#aaa6af;font-size:11px;text-decoration:none}.cz-format-list article p{margin:4px 0;color:#d0ccd4;font-size:12px}.cz-format-list article>div{display:grid;gap:5px}.cz-format-list button{min-height:30px;padding:0 8px;border:1px solid var(--cc-line);border-radius:5px 10px 5px 10px;color:#ffad78;background:transparent;font-size:10px;font-weight:800}
.cz-circle-capsule-slot:not(:empty){margin-top:13px;padding-top:12px;border-top:1px solid var(--cc-line)}.cz-capsule-list{display:grid;gap:6px}.cz-capsule-list article{padding:9px;display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;border-radius:6px 13px 6px 13px;background:rgba(255,255,255,.055)}.cz-capsule-list i{color:#ffad78;font-style:normal}.cz-capsule-list span{display:grid}.cz-capsule-list b{font-size:12px}.cz-capsule-list small{color:#aaa6af;font-size:10px}.cz-capsule-form{margin-top:8px!important;padding:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important}.cz-capsule-form textarea{grid-column:1/-1!important}.cz-capsule-form input{font-size:13px!important}.cz-kudo-type{margin-left:6px;padding:3px 6px;border-radius:999px;color:#ffb27f;background:rgba(255,102,0,.09);font-size:9px;font-weight:800}.cz-kudo-form{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important}.cz-kudo-form select{min-height:42px;border:1px solid rgba(255,255,255,.12);border-radius:7px 13px 7px 13px;color:#f6f3ef;background:#25242b}

@media(max-width:700px){
  .cz-connect-hero{min-height:255px;padding:25px 17px}.cz-connect-hero h1{font-size:clamp(43px,14vw,60px)}.cz-connect-panel{padding:18px 11px 34px}.cz-connect-create form,.cz-connect-form{grid-template-columns:1fr}.cz-connect-create textarea,.cz-connect-form textarea{grid-column:auto}.cz-plan-list article{grid-template-columns:9px minmax(0,1fr)}.cz-plan-list article button{grid-column:2;justify-self:start;padding:0}.cz-format-list article{grid-template-columns:38px minmax(0,1fr)}.cz-format-list article>div{grid-column:2;grid-template-columns:repeat(2,max-content)}.cz-mentor-match{grid-template-columns:42px minmax(0,1fr)}.cz-mentor-match button{grid-column:2;justify-self:start;padding:0}.cz-kudo-form{grid-template-columns:1fr!important}.cz-youth-lane-staff .cz-youth-lane-copy nav button{grid-column:auto}
}

/* Desktop-Chat: die App belegt exakt den verbleibenden Viewport zwischen
   Kopf/Ticker und Fensterrand. Dadurch bleibt der Composer unten verankert,
   während ausschließlich der Nachrichtenverlauf scrollt. */
@media(min-width:801px){
  body.cz-youth-auth.cz-youth-chat{overflow:hidden!important}
  body.cz-youth-auth.cz-youth-chat #app.app{
    height:0!important;
    min-height:0!important;
    flex:1 1 0!important;
    overflow:hidden!important;
  }
  body.cz-youth-auth.cz-youth-chat #app .main{
    height:100%!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }
  body.cz-youth-auth.cz-youth-chat #app #log{
    height:auto!important;
    min-height:0!important;
    flex:1 1 0!important;
    overflow-y:auto!important;
  }
  body.cz-youth-auth.cz-youth-chat #app .composer{
    position:relative!important;
    inset:auto!important;
    flex:0 0 auto!important;
    margin-top:auto!important;
  }
}

/* Native In-App-Seiten: Hilfen und Rechtliches bleiben im ChatZa-Rahmen. */
.cz-native-page{position:fixed;z-index:10000;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr);color:#f7f3ee;background:#222229;opacity:0;pointer-events:none;transform:translateX(100%);transition:transform .22s ease,opacity .18s ease}
.cz-native-page.open{opacity:1;pointer-events:auto;transform:translateX(0)}
.cz-native-page>header{min-height:calc(66px + env(safe-area-inset-top));padding:max(8px,env(safe-area-inset-top)) 12px 8px;display:grid;grid-template-columns:45px minmax(0,1fr) 45px;align-items:center;gap:9px;border-bottom:1px solid rgba(255,255,255,.13);background:#202027}
.cz-native-page>header>button{width:43px;height:43px;border:1px solid rgba(255,255,255,.13);border-radius:14px;color:#f7f3ee;background:#2e2e36;font-size:23px}
.cz-native-page>header>span{min-width:0;display:flex;align-items:center;gap:10px}.cz-native-page>header img{width:55px;height:38px;padding:4px;border-radius:11px;background:#ece8e4;object-fit:contain}.cz-native-page>header b{overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}
.cz-native-page-scroll{width:100%;height:100%;min-height:0;overflow:auto;background:#211f26;-webkit-overflow-scrolling:touch}
.cz-native-page-content{display:block;min-height:100%}
.cz-native-page-loading,.cz-native-page-error{min-height:55dvh;padding:28px;display:grid;place-items:center;align-content:center;gap:12px;color:#aaa6af;text-align:center}.cz-native-page-loading i{width:34px;height:34px;border:3px solid rgba(255,255,255,.12);border-top-color:#ff6600;border-radius:50%;animation:cz-native-spin .8s linear infinite}.cz-native-page-error b{color:#f7f3ee;font-size:18px}.cz-native-page-error span{font-size:12px}.cz-native-page-error button{min-height:42px;padding:0 15px;border:0;border-radius:8px 16px 8px 16px;color:#17171b;background:#ff6600;font-weight:900}@keyframes cz-native-spin{to{transform:rotate(360deg)}}
body.cz-native-page-open{overflow:hidden!important}
/* Kompakte Befehlsausgaben: /w, /wc und lokale Antworten wirken wie normaler Chattext
   statt wie große Karten und verbrauchen auf dem Handy deutlich weniger Höhe. */
body.cz-youth-chat #app .line.command-output,
body.cz-youth-chat #app .line.whois-card,
body.cz-youth-chat #app .line.room-overview {
  margin:2px 0 !important; padding:4px 5px !important; border:0 !important;
  border-radius:0 !important; background:transparent !important; box-shadow:none !important;
  font-size:15px !important; line-height:1.5 !important;
}
body.cz-youth-chat #app .line.whois-card .whois-body,
body.cz-youth-chat #app .line.whois-card .whois-title,
body.cz-youth-chat #app .line.room-overview > div { font-size:15px !important; line-height:1.5 !important; }

/* Sicherheits- und Verwaltungsoberflächen */
.cz-admin-unlock,.cz-safety-report{display:grid;gap:13px}.cz-admin-unlock p,.cz-safety-report p{margin:0;color:var(--yu-muted);line-height:1.55}.cz-admin-unlock label,.cz-safety-report>label{display:grid;gap:6px}.cz-admin-unlock label>span,.cz-safety-report label>span{font-size:11px;font-weight:900;color:var(--yu-ink)}.cz-admin-unlock input,.cz-safety-report input,.cz-safety-report select,.cz-safety-report textarea{width:100%;box-sizing:border-box}.cz-admin-unlock small,.cz-safety-report>small{min-height:18px;color:#ff8860}.cz-safety-report>small.success{color:var(--yu-green)}.cz-safety-emergency{display:grid;gap:3px;padding:12px;border-left:3px solid #ff4d67;background:rgba(255,77,103,.08)}.cz-safety-emergency b{color:#ff8091}.cz-safety-emergency span{font-size:12px;color:var(--yu-muted)}
.cz-safety-center{display:grid;gap:10px}.cz-safety-center>section{padding:15px;border:1px solid var(--yu-line);border-radius:17px 6px 17px 6px;background:#292930}.cz-safety-center h3{margin:0 0 8px;font-size:16px}.cz-safety-center p,.cz-safety-center li{color:var(--yu-muted);font-size:12px;line-height:1.55}.cz-safety-center ol{margin:0;padding-left:20px}.cz-safety-center textarea{width:100%;box-sizing:border-box}.cz-safety-center>section>button{margin-top:8px}.cz-safety-center>section>small{display:block;min-height:16px;margin-top:7px;color:var(--yu-green)}.cz-safety-appeals{display:grid;gap:7px}.cz-safety-appeals article{padding:9px;border-left:2px solid #ff6600;background:rgba(255,255,255,.03)}.cz-safety-appeals article p{margin:4px 0}.cz-safety-appeals article small{color:var(--yu-muted)}
.cz-admin-security-state{display:grid;place-items:center;align-content:center;min-width:130px;padding:15px;border:1px solid rgba(156,255,0,.25);border-radius:18px 6px 18px 6px;background:rgba(156,255,0,.05)}.cz-admin-security-state b{font-size:24px}.cz-admin-security-state span{font-size:9px;font-weight:900;color:var(--yu-green)}
.cz-admin-card{margin:14px 0;padding:16px;border:1px solid var(--yu-line);border-radius:20px 7px 20px 7px;background:var(--yu-faint)}.cz-admin-card h3{margin:0 0 12px}.cz-admin-hint{color:var(--yu-muted);font-size:11px}.cz-chat-setting-rooms{display:grid;gap:9px}.cz-chat-setting-room{display:grid;gap:9px;padding:13px;border:1px solid var(--yu-line);border-radius:15px 5px 15px 5px;background:#292930}.cz-chat-setting-room header{display:flex;justify-content:space-between;gap:8px}.cz-chat-setting-room header span{color:var(--yu-muted);font-size:10px}.cz-chat-setting-options{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.cz-chat-setting-options label{display:flex;align-items:center;gap:5px;font-size:11px}.cz-chat-setting-options input{width:auto}.cz-chat-setting-options select{min-width:150px}
.cz-rank-label-grid{display:grid;gap:7px;margin:13px 0}.cz-rank-label-grid>b{display:inline-block;width:33%;color:var(--yu-muted);font-size:9px;text-transform:uppercase}.cz-rank-label-grid>label{display:grid;grid-template-columns:minmax(105px,.7fr) 1fr 1fr;gap:7px;align-items:center}.cz-rank-label-grid>label>span{overflow:hidden;color:var(--yu-muted);font:9px var(--mono);text-overflow:ellipsis}.cz-rank-label-grid input{min-width:0;width:100%;box-sizing:border-box}
.cz-mod-admin-tabs{display:flex;gap:6px;overflow-x:auto;padding:5px 0 12px}.cz-mod-admin-tabs button{flex:0 0 auto;padding:9px 12px;border:1px solid var(--yu-line);border-radius:12px 4px;color:var(--yu-muted);background:#292930;font-size:10px;font-weight:900}.cz-mod-admin-tabs button.active{border-color:#ff6600;color:#ff8738;background:rgba(255,102,0,.08)}.cz-mod-admin-workspace{display:grid;gap:12px;margin-bottom:18px}.cz-mod-work-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.cz-mod-work-head>div{display:grid}.cz-mod-work-head b{font-size:17px}.cz-mod-work-head small{color:var(--yu-muted);font-size:10px}.cz-mod-work-head input{max-width:190px}.cz-mod-case-list,.cz-mod-member-list{display:grid;gap:8px}.cz-mod-case-list>article,.cz-mod-member-list>article{padding:13px;border:1px solid var(--yu-line);border-radius:15px 5px 15px 5px;background:#292930}.cz-mod-case-list article header,.cz-mod-case-list article footer,.cz-mod-member-list article{display:flex;align-items:center;gap:8px}.cz-mod-case-list article header,.cz-mod-case-list article footer{justify-content:space-between}.cz-mod-case-list article h3{margin:10px 0 5px}.cz-mod-case-list article h3 small{color:var(--yu-muted);font-size:10px}.cz-mod-case-list article p{color:var(--yu-muted);font-size:12px}.cz-mod-case-list blockquote{display:grid;gap:3px;margin:7px 0;padding:8px 10px;border-left:2px solid #ff6600;background:rgba(255,255,255,.03);font-size:11px}.cz-mod-member-list article>div{min-width:0;flex:1;display:grid}.cz-mod-member-list article small{overflow:hidden;color:var(--yu-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.cz-mod-member-list button,.cz-mod-case-list button{padding:7px 9px;border:1px solid var(--yu-line);border-radius:9px;color:var(--yu-ink);background:#34343c;font-size:9px}.cz-mod-room-create{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cz-mod-room-create button,.cz-mod-room-create small{grid-column:1/-1}.cz-mod-room-create label{display:flex;align-items:center;gap:6px;font-size:11px}.cz-mod-room-create label input{width:auto}
@media(max-width:650px){.cz-admin-security-state{min-width:95px}.cz-admin-card{padding:12px}.cz-rank-label-grid>b{display:none}.cz-rank-label-grid>label{grid-template-columns:1fr}.cz-rank-label-grid>label>span{margin-top:5px}.cz-chat-setting-room header{align-items:flex-start;flex-direction:column}.cz-chat-setting-options{display:grid;grid-template-columns:1fr 1fr;width:100%}.cz-chat-setting-options select{grid-column:1/-1;width:100%}.cz-mod-work-head{align-items:stretch;flex-direction:column}.cz-mod-work-head input{max-width:none}.cz-mod-case-list article footer{align-items:stretch;flex-wrap:wrap}.cz-mod-room-create{grid-template-columns:1fr}.cz-mod-room-create button,.cz-mod-room-create small{grid-column:1}.cz-mod-member-list article{flex-wrap:wrap}}

/* V22 – eigenständige Arbeitsoberflächen für Administration und Moderation. */
.topbar-rooms-btn{min-height:34px;padding:0 11px;border:1px solid rgba(255,102,0,.36);border-radius:12px 5px 12px 5px;color:#ff9a58;background:rgba(255,102,0,.07);font-size:11px;font-weight:900}.topbar-rooms-btn span{color:var(--yu-green);font-size:15px}
.cz-room-select-button{width:100%;min-height:48px;padding:7px 12px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:9px;border:1px solid rgba(255,102,0,.32);border-radius:9px 19px 9px 19px;color:var(--yu-ink);background:linear-gradient(90deg,rgba(255,102,0,.09),rgba(156,255,0,.035));text-align:left}.cz-room-select-button>span{min-width:0;display:flex;align-items:center;gap:5px}.cz-room-select-button i{color:var(--yu-orange);font-size:18px;font-style:normal}.cz-room-select-button b{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.cz-room-select-button small{color:var(--yu-muted);font-size:9px;font-weight:800}.cz-room-select-button em{color:var(--yu-green);font-size:24px;font-style:normal}
.staff-area-tag{padding:3px 6px;border:1px solid rgba(156,255,0,.28);border-radius:8px 3px 8px 3px;color:#caff8e;background:rgba(156,255,0,.06);font-size:8px;font-weight:900;white-space:nowrap}
body.cz-youth-chat #app .line.whois-card .whois-name,body.cz-youth-chat #app .line.room-overview [style*="font-weight:600"]{font-size:15px!important;line-height:1.5!important}
.cz-maintenance-notice{min-height:300px;padding:28px;display:grid;align-content:center;justify-items:start;border-radius:12px 34px 12px 34px;background:radial-gradient(circle at 85% 15%,rgba(156,255,0,.12),transparent 28%),linear-gradient(135deg,rgba(255,102,0,.28),transparent 60%),#242329}.cz-maintenance-notice>span{font-size:40px}.cz-maintenance-notice h2{max-width:520px;margin:12px 0 8px;font-size:clamp(34px,8vw,58px);line-height:.9;letter-spacing:-.06em}.cz-maintenance-notice p{max-width:560px;color:var(--yu-muted);font-size:15px;line-height:1.55}.cz-maintenance-notice button{min-height:47px;padding:0 17px!important;border:0!important;border-radius:15px 5px 15px 5px!important;color:#17171b!important;background:var(--yu-orange)!important;font-weight:900!important}
.cz-maintenance-settings{position:relative;overflow:hidden}.cz-maintenance-settings::before{content:'';position:absolute;inset:0 auto 0 0;width:4px;background:#777}.cz-maintenance-settings.is-active::before{background:#ff4f57;box-shadow:0 0 18px #ff4f57}.cz-card-kicker{color:#ff8c48;font-size:9px;font-weight:950;letter-spacing:.16em}.cz-maintenance-settings>div h3{margin:4px 0}.cz-maintenance-settings textarea{width:100%;box-sizing:border-box}

#modal-overlay[data-view="moderation"],#modal-overlay[data-view="forum-moderation"]{--work-line:rgba(255,255,255,.13);--work-soft:#2b2a31;--work-deep:#1c1b20;background:rgba(9,9,11,.88)!important;backdrop-filter:blur(10px)}
#modal-overlay[data-view="moderation"] .modal-card,#modal-overlay[data-view="forum-moderation"] .modal-card{width:min(960px,calc(100% - 24px))!important;max-width:960px!important;max-height:calc(100dvh - 28px)!important;border:1px solid var(--work-line)!important;border-radius:12px 34px 12px 34px!important;background:#222127!important;box-shadow:0 28px 90px rgba(0,0,0,.55)!important}
#modal-overlay[data-view="moderation"] .modal-header,#modal-overlay[data-view="forum-moderation"] .modal-header{min-height:62px!important;padding:0 18px!important;border-bottom:1px solid var(--work-line)!important;background:#1b1a1f!important}#modal-overlay[data-view="moderation"] .modal-title,#modal-overlay[data-view="forum-moderation"] .modal-title{font-size:16px!important;font-weight:950!important}#modal-overlay[data-view="moderation"] .modal-body,#modal-overlay[data-view="forum-moderation"] .modal-body{padding:14px!important;background:#222127!important}
.cz-mod-panel{gap:12px!important}.cz-mod-hero,.cz-workspace-hero{min-height:170px;padding:22px!important;display:flex;align-items:flex-end;gap:16px;border:0!important;border-radius:10px 30px 10px 30px!important;background:radial-gradient(circle at 88% 10%,rgba(156,255,0,.15),transparent 29%),linear-gradient(135deg,rgba(255,102,0,.32),transparent 58%),#18171b!important}.cz-mod-hero>span,.cz-workspace-hero>span{width:54px!important;height:58px!important;display:grid;place-items:center;border-radius:16px 5px 16px 5px!important;color:#17171b!important;background:var(--yu-orange)!important;font-size:26px!important}.cz-mod-hero h2,.cz-workspace-hero h2{margin:3px 0!important;color:var(--yu-ink)!important;font-size:clamp(30px,7vw,51px)!important;line-height:.9!important;letter-spacing:-.06em!important}.cz-mod-hero p,.cz-workspace-hero p{margin:7px 0 0!important;color:#c7c2ca!important;font-size:12px!important}.cz-mod-hero small,.cz-workspace-hero small{color:var(--yu-green)!important;font-size:8px!important;font-weight:950!important;letter-spacing:.15em!important}
.cz-mod-action-center,.cz-mod-section,.cz-mod-locked{padding:16px!important;border:1px solid var(--work-line)!important;border-radius:8px 21px 8px 21px!important;background:var(--work-soft)!important}.cz-mod-section-title{align-items:end!important}.cz-mod-section-title b{font-size:17px!important}.cz-mod-section-title small{color:#aaa5ad!important;font-size:10px!important}.cz-mod-action-grid{display:grid!important;grid-template-columns:1.2fr 1fr .7fr!important;gap:9px!important}.cz-mod-action-grid label,.cz-mod-reason{display:grid!important;gap:5px!important}.cz-mod-action-grid span,.cz-mod-reason span{color:#aaa5ad!important;font-size:9px!important;font-weight:850!important}.cz-mod-panel input,.cz-mod-panel select,.cz-mod-panel textarea,.cz-forum-mod-center input{width:100%!important;min-height:45px!important;padding:9px 12px!important;border:1px solid var(--work-line)!important;border-radius:7px 15px 7px 15px!important;color:#f7f3ee!important;background:#1d1c21!important;font-size:15px!important;box-sizing:border-box!important}.cz-mod-panel textarea{min-height:76px!important}.cz-mod-action-footer button,.cz-mod-room-create>button{min-height:45px!important;padding:0 15px!important;border:0!important;border-radius:7px 15px 7px 15px!important;color:#17171b!important;background:var(--yu-orange)!important;font-size:11px!important;font-weight:950!important}.cz-mod-principles{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:1px!important;overflow:hidden;border:1px solid var(--work-line);border-radius:7px 17px 7px 17px;background:var(--work-line)}.cz-mod-principles span{min-height:43px;padding:8px!important;display:grid;place-items:center;border:0!important;border-radius:0!important;color:#c4bfc7!important;background:#25242a!important;font-size:10px!important}
.cz-mod-admin-tabs{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important;padding:0!important;overflow:visible!important}.cz-mod-admin-tabs button{min-height:42px!important;padding:6px!important;border:1px solid var(--work-line)!important;border-radius:7px 13px 7px 13px!important;color:#aaa5ad!important;background:#29282e!important;font-size:9px!important;font-weight:900!important}.cz-mod-admin-tabs button.active{border-color:transparent!important;color:#17171b!important;background:var(--yu-orange)!important}.cz-mod-admin-workspace{padding:15px!important;border:1px solid var(--work-line);border-radius:8px 22px 8px 22px;background:#1d1c21}.cz-mod-case-list>article,.cz-mod-member-list>article{border:0!important;border-bottom:1px solid var(--work-line)!important;border-radius:0!important;background:transparent!important}.cz-mod-member-list button,.cz-mod-case-list button,.cz-forum-mod-list button{min-height:34px!important;padding:0 10px!important;border:1px solid var(--work-line)!important;border-radius:6px 11px 6px 11px!important;color:#f1edf2!important;background:#333139!important;font-size:9px!important;font-weight:850!important}.cz-mod-room-create{padding:12px;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;border:1px solid var(--work-line);border-radius:7px 17px 7px 17px;background:#25242a}.cz-mod-room-create label{padding:8px!important}.cz-mod-room-create label input{width:20px!important;min-height:20px!important}.mod-cmd-row{min-height:50px!important;padding:9px 2px!important;display:grid!important;grid-template-columns:minmax(120px,.8fr) 1.4fr auto!important;align-items:center!important;gap:8px!important;border-bottom:1px solid var(--work-line)!important}.mod-cmd-row:last-child{border-bottom:0!important}.mod-cmd{color:#bfff7e!important;font-size:11px!important}.mod-cmd-desc{color:#d1ccd3!important;font-size:10px!important}.mod-cmd-tier{color:#ff9960!important;font-size:8px!important}
.cz-workspace-search{margin:12px 0;padding:8px 11px;display:flex;align-items:center;gap:8px;border:1px solid var(--work-line);border-radius:7px 16px 7px 16px;background:#29282e}.cz-workspace-search>span{color:var(--yu-orange);font-size:22px}.cz-workspace-search input{border:0!important;background:transparent!important}.cz-forum-mod-list{display:grid;gap:0}.cz-forum-mod-list>article{min-height:102px;padding:13px 2px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px;border-bottom:1px solid var(--work-line)}.cz-forum-mod-state{display:grid;justify-items:center;gap:5px}.cz-forum-mod-state i{width:34px;height:37px;display:grid;place-items:center;border-radius:10px 4px 10px 4px;color:#999;background:#2c2b31;font-style:normal}.cz-forum-mod-state i.locked{color:#17171b;background:var(--yu-orange)}.cz-forum-mod-state b{color:var(--yu-green);font-size:8px}.cz-forum-mod-list article>div:nth-child(2){min-width:0}.cz-forum-mod-list h3{overflow:hidden;margin:3px 0;color:#f7f3ee;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.cz-forum-mod-list p,.cz-forum-mod-list small{margin:0;color:#aaa5ad;font-size:10px}.cz-forum-mod-list footer{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.cz-forum-mod-list button.danger{color:#ff958f!important;border-color:rgba(255,95,86,.3)!important}

#admin-overlay{--admin-line:rgba(255,255,255,.13);color:#f7f3ee!important;background:#1c1b20!important}#admin-overlay .forum-header{position:sticky!important;top:0!important;z-index:40!important;min-height:68px!important;padding:0 18px!important;border-bottom:1px solid var(--admin-line)!important;background:rgba(25,24,29,.96)!important;backdrop-filter:blur(16px)}#admin-overlay .area-badge-admin{padding:7px 9px!important;border-radius:7px 13px 7px 13px!important;color:#17171b!important;background:var(--yu-orange)!important;font-size:9px!important;font-weight:950!important}#admin-overlay #admin-close{min-height:38px!important;padding:0 12px!important;border:1px solid var(--admin-line)!important;border-radius:7px 13px 7px 13px!important;color:#d0cbd2!important;background:#2b2a30!important}.admin-category-bar{padding:12px 14px 5px!important;background:#1c1b20!important}.admin-category-bar select{min-height:48px!important;border:1px solid var(--admin-line)!important;border-radius:8px 18px 8px 18px!important;color:#f7f3ee!important;background:#2a292f!important;font-size:14px!important}.admin-tabs{padding:7px 14px 10px!important;border-bottom:1px solid var(--admin-line)!important;background:#1c1b20!important}.admin-tab-btn{min-height:38px!important;border:1px solid var(--admin-line)!important;border-radius:7px 14px 7px 14px!important;color:#aaa5ad!important;background:#29282e!important}.admin-tab-btn.active{border-color:transparent!important;color:#17171b!important;background:var(--yu-orange)!important}.admin-search-quickjump{padding:10px 14px!important;background:#1c1b20!important}.admin-search-quickjump input{min-height:43px!important;border:1px solid var(--admin-line)!important;border-radius:7px 15px 7px 15px!important;color:#f7f3ee!important;background:#25242a!important}#admin-overlay #admin-body{width:min(1120px,100%)!important;padding:18px clamp(12px,3vw,28px) 70px!important;box-sizing:border-box!important}#admin-overlay .cz-admin-hero{min-height:240px!important;padding:27px!important;align-items:end!important;border:0!important;border-radius:11px 34px 11px 34px!important;background:radial-gradient(circle at 86% 10%,rgba(156,255,0,.14),transparent 29%),linear-gradient(135deg,rgba(255,102,0,.32),transparent 57%),#18171b!important}#admin-overlay .cz-admin-hero h1{margin:6px 0!important;font-size:clamp(39px,8vw,72px)!important;line-height:.86!important;letter-spacing:-.075em!important}#admin-overlay .cz-admin-hero p{max-width:580px!important;color:#c9c4cb!important;font-size:13px!important}.cz-admin-security-state{border-color:rgba(156,255,0,.28)!important;background:rgba(156,255,0,.07)!important}.admin-stat-grid{grid-template-columns:repeat(4,1fr)!important;margin:15px 0!important}.admin-stat-card{min-height:102px!important;padding:16px!important;text-align:left!important}.admin-stat-value{color:var(--yu-orange)!important;font-size:34px!important}.admin-stat-label{color:#aaa5ad!important}.cz-admin-quick{grid-template-columns:repeat(4,1fr)!important;gap:7px!important}.cz-admin-quick button{min-height:90px!important;padding:13px!important;border:1px solid var(--admin-line)!important;border-radius:8px 20px 8px 20px!important;color:#f7f3ee!important;background:#29282e!important}.cz-admin-quick button span{color:var(--yu-orange)!important}.cz-admin-quick button small{color:#aaa5ad!important}.cz-admin-card{padding:18px!important;border:1px solid var(--admin-line)!important;border-radius:9px 23px 9px 23px!important;background:#29282e!important}#admin-overlay input,#admin-overlay select,#admin-overlay textarea{min-height:45px!important;padding:9px 12px!important;border:1px solid var(--admin-line)!important;border-radius:7px 15px 7px 15px!important;color:#f7f3ee!important;background:#1e1d22!important;font-size:14px!important;box-sizing:border-box!important}#admin-overlay textarea{min-height:86px!important}#admin-overlay .admin-btn,#admin-overlay button.admin-btn{min-height:40px!important;padding:0 13px!important;border:1px solid rgba(255,102,0,.35)!important;border-radius:7px 14px 7px 14px!important;color:#ff9b60!important;background:rgba(255,102,0,.08)!important;font-weight:900!important}#admin-overlay .admin-btn.danger{border-color:rgba(255,82,82,.32)!important;color:#ff9690!important;background:rgba(255,82,82,.06)!important}.cz-setting-toggle{min-height:46px;padding:8px 2px!important;display:flex!important;align-items:center!important;gap:10px!important;border-bottom:1px solid var(--admin-line)}.cz-setting-toggle input{width:21px!important;min-height:21px!important;padding:0!important}.cz-chat-setting-room{border:0!important;border-bottom:1px solid var(--admin-line)!important;border-radius:0!important;background:transparent!important}.cz-rank-label-grid>label{padding:8px 0;border-bottom:1px solid var(--admin-line)}

#modal-overlay[data-view="safety"]{background:rgba(8,8,10,.9)!important;backdrop-filter:blur(10px)}#modal-overlay[data-view="safety"] .modal-card{width:min(760px,calc(100% - 20px))!important;max-width:760px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:11px 30px 11px 30px!important;background:#222127!important;box-shadow:0 25px 80px rgba(0,0,0,.55)!important}#modal-overlay[data-view="safety"] .modal-header{min-height:62px!important;padding:0 18px!important;border-bottom:1px solid rgba(255,255,255,.12)!important;background:#1b1a1f!important}#modal-overlay[data-view="safety"] .modal-body{padding:14px 14px 92px!important;background:radial-gradient(circle at 95% 2%,rgba(156,255,0,.07),transparent 25%),#222127!important}.cz-safety-center{gap:12px!important}.cz-safety-center>section{padding:18px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:9px 22px 9px 22px!important;background:#2a292f!important}.cz-safety-center>section:first-child{border-left:4px solid #ff5d68!important;background:linear-gradient(100deg,rgba(255,75,90,.09),transparent 55%),#2a292f!important}.cz-safety-center h3{margin:0 0 10px!important;color:#f7f3ee!important;font-size:18px!important}.cz-safety-center p,.cz-safety-center li{color:#bbb6bf!important;font-size:13px!important;line-height:1.58!important}.cz-safety-center>section>button,.cz-safety-center button,.cz-safety-report button{min-height:43px!important;padding:0 14px!important;border:1px solid rgba(255,102,0,.38)!important;border-radius:7px 15px 7px 15px!important;color:#ff9b60!important;background:rgba(255,102,0,.09)!important;font-family:inherit!important;font-size:11px!important;font-weight:900!important;box-shadow:none!important}.cz-safety-center>section>button:hover,.cz-safety-center button:hover,.cz-safety-report button:hover{border-color:#ff6600!important;color:#17171b!important;background:#ff6600!important}.cz-safety-center textarea,.cz-safety-report textarea,.cz-safety-report select{padding:12px!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:8px 17px 8px 17px!important;color:#f7f3ee!important;background:#1c1b20!important;font-family:inherit!important;font-size:14px!important;box-sizing:border-box!important}.cz-safety-center textarea:focus,.cz-safety-report textarea:focus,.cz-safety-report select:focus{border-color:rgba(156,255,0,.6)!important;outline:0!important;box-shadow:0 0 0 3px rgba(156,255,0,.07)!important}.cz-safety-appeals article{padding:12px!important;border:0!important;border-left:3px solid #ff6600!important;border-radius:0 12px 12px 0!important;background:#222127!important}

@media(max-width:700px){.topbar-rooms-btn{display:none!important}#modal-overlay[data-view="moderation"] .modal-card,#modal-overlay[data-view="forum-moderation"] .modal-card{width:100%!important;max-height:100dvh!important;border:0!important;border-radius:0!important}.cz-mod-hero,.cz-workspace-hero{min-height:150px;padding:17px!important;align-items:flex-end}.cz-mod-hero>span,.cz-workspace-hero>span{width:44px!important;height:48px!important}.cz-mod-action-grid{grid-template-columns:1fr!important}.cz-mod-action-footer{align-items:stretch!important;flex-direction:column!important}.cz-mod-principles{grid-template-columns:1fr!important}.cz-mod-principles span{min-height:34px!important}.cz-mod-admin-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}.cz-mod-room-create{grid-template-columns:1fr!important}.mod-cmd-row{grid-template-columns:1fr!important}.cz-forum-mod-list>article{grid-template-columns:34px minmax(0,1fr)!important}.cz-forum-mod-list footer{grid-column:1/-1;grid-template-columns:repeat(4,1fr)!important}.cz-forum-mod-list footer button{padding:0 5px!important}.admin-stat-grid{grid-template-columns:repeat(2,1fr)!important}.cz-admin-quick{grid-template-columns:repeat(2,1fr)!important}#admin-overlay .cz-admin-hero{min-height:210px!important;padding:20px!important;grid-template-columns:1fr!important}.cz-admin-security-state{justify-self:start;min-width:0!important;padding:9px 12px!important;grid-template-columns:auto auto;gap:7px}.cz-admin-security-state b{font-size:16px}.cz-chat-setting-options{grid-template-columns:1fr!important}.cz-chat-setting-options select{grid-column:1!important}}

/* V23 – Administration wie eine normale ChatZa-Seite, nicht wie ein Formularstapel. */
#admin-overlay .admin-page-head{position:sticky;top:0;z-index:60;min-height:68px;padding:0 clamp(12px,3vw,24px);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.12);background:rgba(25,24,29,.97);backdrop-filter:blur(16px)}
#admin-overlay .admin-page-back{width:40px;height:40px;padding:0!important;display:grid;place-items:center;border:1px solid rgba(255,255,255,.13)!important;border-radius:12px 5px 12px 5px!important;color:#f7f3ee!important;background:#2c2b31!important;font-size:29px!important;line-height:1!important}.admin-page-heading{min-width:0;display:grid;gap:1px}.admin-page-heading small{color:#9cff00;font-size:8px;font-weight:950;letter-spacing:.16em}.admin-page-heading b{overflow:hidden;font-size:18px;text-overflow:ellipsis;white-space:nowrap}.admin-page-lock{padding:6px 9px;border:1px solid rgba(156,255,0,.25);border-radius:8px 3px 8px 3px;color:#bdff7b;background:rgba(156,255,0,.055);font-size:8px;font-weight:900;text-transform:uppercase}
#admin-overlay .admin-primary-nav{position:sticky;top:68px;z-index:55;padding:7px clamp(10px,3vw,24px);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;border-bottom:1px solid rgba(255,255,255,.1);background:#1c1b20}#admin-overlay .admin-primary-nav button{min-height:52px;padding:5px 7px!important;display:flex!important;align-items:center;justify-content:center;gap:7px;border:1px solid transparent!important;border-radius:8px 17px 8px 17px!important;color:#96919a!important;background:transparent!important;font-size:10px!important;font-weight:900!important}#admin-overlay .admin-primary-nav button i{color:#ff8738;font-size:16px;font-style:normal}#admin-overlay .admin-primary-nav button.active{border-color:rgba(255,102,0,.3)!important;color:#f7f3ee!important;background:rgba(255,102,0,.08)!important}#admin-overlay .admin-primary-nav button.active i{color:#9cff00}
#admin-overlay .admin-tabs{position:sticky;top:128px;z-index:54;padding:7px clamp(10px,3vw,24px)!important;min-height:42px;box-sizing:border-box!important}#admin-overlay .admin-tab-category{width:100%;display:flex;justify-content:center;gap:6px}#admin-overlay .admin-tab-btn{min-height:34px!important;padding:0 13px!important;border-radius:7px 13px 7px 13px!important;font-size:9px!important}#admin-overlay .admin-tab-btn.active{color:#17171b!important;background:#ff6600!important}
.cz-feature-manager{display:grid;gap:16px}.cz-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.cz-feature-switch{position:relative;min-height:76px;padding:11px 12px;display:grid;grid-template-columns:32px minmax(0,1fr) 42px;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.11);border-radius:8px 19px 8px 19px;background:#232228;cursor:pointer}.cz-feature-number{color:#ff8738;font:9px var(--mono)}.cz-feature-switch>span:nth-child(2){display:grid;gap:3px}.cz-feature-switch b{font-size:13px}.cz-feature-switch small{color:#99949d;font-size:9px;line-height:1.35}.cz-feature-switch input{position:absolute!important;opacity:0!important;pointer-events:none}.cz-feature-switch i{position:relative;width:40px;height:23px;border-radius:99px;background:#3b3941;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}.cz-feature-switch i::after{content:'';position:absolute;top:4px;left:4px;width:15px;height:15px;border-radius:50%;background:#85808a;transition:.18s}.cz-feature-switch input:checked+i{background:rgba(156,255,0,.16);box-shadow:inset 0 0 0 1px rgba(156,255,0,.38)}.cz-feature-switch input:checked+i::after{left:21px;background:#9cff00}.cz-admin-core-note{padding:12px;display:grid;gap:3px;border-left:3px solid #9cff00;background:rgba(156,255,0,.045)}.cz-admin-core-note b{font-size:11px}.cz-admin-core-note span{color:#aaa5ad;font-size:10px}.cz-feature-manager>footer{display:flex;align-items:center;gap:12px}.cz-feature-manager>footer small{color:#9cff00}
.cz-server-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:12px}.cz-server-stats article{min-height:82px;padding:13px;display:grid;align-content:center;gap:5px;border:1px solid rgba(255,255,255,.11);border-radius:8px 18px 8px 18px;background:#29282e}.cz-server-stats small{color:#8f8a93;font-size:8px;font-weight:900;letter-spacing:.12em}.cz-server-stats b{font-size:17px}.cz-server-stats b i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#9cff00;box-shadow:0 0 12px #9cff00}.cz-server-restart-card{display:grid!important;grid-template-columns:60px minmax(0,1fr) auto!important;align-items:center!important;gap:14px!important}.cz-server-restart-icon{width:54px;height:58px;display:grid;place-items:center;border-radius:16px 5px 16px 5px;color:#17171b;background:#ff6600;font-size:30px}.cz-server-restart-card h3{margin:0 0 5px}.cz-server-restart-card p{margin:0 0 5px;color:#b7b2ba;font-size:11px;line-height:1.5}.cz-server-restart-card div small{color:#ff9a58;font-size:9px}.cz-server-restart-card>#admin-server-restart-status{grid-column:2/-1;color:#9cff00}
@media(max-width:700px){#admin-overlay .admin-page-head{min-height:60px;padding:0 11px}.admin-page-lock{display:none}#admin-overlay .admin-primary-nav{top:60px;padding:5px 7px;gap:2px}#admin-overlay .admin-primary-nav button{min-height:51px!important;padding:4px 2px!important;display:grid!important;justify-items:center;gap:1px!important;border-radius:7px 12px 7px 12px!important;font-size:8px!important}#admin-overlay .admin-primary-nav button i{font-size:15px}#admin-overlay .admin-tabs{top:111px;padding:5px 7px!important}.cz-feature-grid{grid-template-columns:1fr}.cz-feature-switch{min-height:69px}.cz-server-stats{grid-template-columns:repeat(2,1fr)}.cz-server-restart-card{grid-template-columns:48px minmax(0,1fr)!important}.cz-server-restart-icon{width:44px;height:48px}.cz-server-restart-card button{grid-column:1/-1;width:100%}.cz-server-restart-card>#admin-server-restart-status{grid-column:1/-1}}
body.cz-youth-auth #cz-youth-dock.cz-feature-forum-off{grid-template-columns:repeat(4,minmax(0,1fr))!important}

/* Android-Download direkt bei den Login-Aktionen; in der nativen App wird der Link
   weiterhin durch 22-native-shell.js verborgen. */
#login-screen .cz-login-app-promo{
  width:min(100%,390px);min-height:58px;margin-top:13px;padding:7px 10px 7px 7px;
  display:flex;align-items:center;gap:10px;border:1px solid rgba(0,255,0,.28);
  border-radius:10px 21px 10px 21px;color:#f4f2ed!important;
  background:linear-gradient(135deg,rgba(0,255,0,.08),rgba(255,102,0,.07));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 12px 28px rgba(0,0,0,.22);
  text-decoration:none!important
}
#login-screen .cz-login-app-promo img{width:43px;height:43px;flex:0 0 43px;border-radius:12px;object-fit:contain}
#login-screen .cz-login-app-promo span{min-width:0;display:grid;line-height:1.15}
#login-screen .cz-login-app-promo small{color:#00ff00;font-size:8px;font-weight:950;letter-spacing:.13em}
#login-screen .cz-login-app-promo b{margin-top:4px;font-size:13px}
#login-screen .cz-login-app-promo i{width:31px;height:31px;margin-left:auto;display:grid;place-items:center;border-radius:10px 4px 10px 4px;color:#17171c;background:#ff6600;font-size:19px;font-style:normal;font-weight:950}
@media(max-width:620px){#login-screen .cz-login-app-promo{width:100%;min-height:55px;margin-top:11px}}

/* V24 – kompakte App-Kopfzeile und Markenlogo direkt in der orangefarbenen Bühne. */
@media(max-width:800px){
  :root{--y-top-height:52px}
  body.cz-youth-auth #cz-youth-top{
    min-height:52px!important;padding:5px 7px 5px 11px!important;
    border-radius:10px 22px 10px 22px!important
  }
  body.cz-youth-auth .cz-youth-brand{gap:0!important}
  body.cz-youth-auth .cz-youth-brand-copy{transform:none!important;gap:1px!important}
  body.cz-youth-auth .cz-youth-brand .cz-youth-wordmark{font-size:17px!important;line-height:1!important}
  body.cz-youth-auth .cz-youth-brand small{font-size:8px!important}
  body.cz-youth-auth .cz-youth-brand small em{max-width:86px}
  body.cz-youth-auth .cz-youth-top-actions{gap:1px}
  body.cz-youth-auth .cz-youth-top-actions button{width:38px!important;height:38px!important;padding:9px!important;border-radius:12px!important}
  #home-screen .cz-home-orange-mark{top:66px!important;left:17px!important;gap:7px!important}
  #home-screen .cz-home-orange-mark img{
    width:70px;height:42px;display:block;object-fit:contain;
    filter:drop-shadow(0 5px 7px rgba(0,0,0,.19))
  }
  #home-screen .cz-home-orange-mark span{padding-left:7px!important;font-size:6px!important}
}
@media(max-width:390px){
  #home-screen .cz-home-orange-mark{top:69px!important}
  #home-screen .cz-home-orange-mark img{width:62px;height:38px}
  #home-screen .cz-home-orange-mark span{display:block!important}
}
/* Personalisierung, Schutz und barrierearme Bedienung ---------------------- */
html { font-size: calc(16px * var(--cz-font-scale, 1)); }
.cz-reduced-motion *, .cz-reduced-motion *::before, .cz-reduced-motion *::after { animation-duration:.001ms!important; animation-iteration-count:1!important; scroll-behavior:auto!important; transition-duration:.001ms!important; }
.cz-high-contrast { --muted:#d4d3d9; --border:#777580; }
.cz-high-contrast button:focus-visible,.cz-high-contrast input:focus-visible,.cz-high-contrast select:focus-visible,.cz-high-contrast textarea:focus-visible { outline:3px solid #9cff00!important; outline-offset:3px; }
.cz-talk-match-card{margin:18px 0;padding:24px;border:1px solid rgba(255,102,0,.45);border-radius:24px;background:linear-gradient(135deg,#27252d,#18171d);display:flex;align-items:center;justify-content:space-between;gap:18px;box-shadow:0 18px 45px rgba(0,0,0,.2)}
.cz-talk-match-card small{color:#8cff00;font-weight:900;letter-spacing:.18em}.cz-talk-match-card h2{margin:8px 0 5px;font-size:clamp(1.3rem,4vw,2rem)}.cz-talk-match-card p{margin:0;color:var(--muted)}
.cz-talk-match-card button,.cz-passkey-login{border:0;border-radius:16px;padding:14px 18px;background:#ff6500;color:#111;font-weight:900;white-space:nowrap}.cz-passkey-login{width:100%;margin-top:9px;background:transparent;color:var(--text);border:1px solid var(--border)}
.cz-personal-onboarding fieldset{border:1px solid var(--border);border-radius:16px;padding:14px;margin:15px 0;display:grid;gap:10px}.cz-personal-onboarding label,.cz-talk-dialog label,.cz-enhancement-settings>label{display:grid;gap:6px;margin:12px 0}.cz-personal-onboarding input[type=text],.cz-personal-onboarding select,.cz-talk-dialog select,.cz-talk-dialog input,.cz-enhancement-settings select{width:100%;box-sizing:border-box;background:var(--panel-2);border:1px solid var(--border);border-radius:12px;color:var(--text);padding:12px}
.cz-talk-dialog{text-align:left}.cz-talk-dialog .cz-talk-ready{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#8cff00;color:#111;font-size:30px;font-weight:900;margin:0 auto}.cz-talk-dialog h3{text-align:center}.cz-talk-dialog>button{width:100%;margin-top:10px}.cz-talk-dialog>small{display:block;margin-top:12px;color:var(--muted)}
.cz-enhancement-settings{border-top:1px solid var(--border);margin-top:18px;padding-top:18px}.cz-enhancement-settings h3{margin:0 0 8px}.cz-enhancement-settings p{color:var(--muted)}
.cz-passkey-list{display:grid;gap:8px;margin:10px 0}.cz-passkey-list>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px;border:1px solid var(--border);border-radius:10px}.cz-passkey-list button{border:0;background:transparent;color:#ff8b62}
.cz-draft-state{display:block;color:var(--muted);margin:-4px 0 10px}.cz-forum-subscribe{margin-right:auto}
@media(max-width:640px){.cz-talk-match-card{align-items:stretch;flex-direction:column}.cz-talk-match-card button{width:100%}}
.cz-permission-matrix{overflow:auto;margin-bottom:16px}.cz-permission-matrix table{width:100%;border-collapse:collapse;min-width:720px}.cz-permission-matrix th,.cz-permission-matrix td{padding:12px;border-bottom:1px solid var(--border);text-align:center}.cz-permission-matrix tbody th{text-align:left}.cz-permission-matrix input{width:20px;height:20px;accent-color:#ff6500}.cz-health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cz-health-grid article{padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--panel-2)}.cz-health-grid small,.cz-health-grid b{display:block}.cz-health-grid small{color:var(--muted);margin-bottom:7px}.cz-health-grid b{font-size:1.05rem}@media(max-width:700px){.cz-health-grid{grid-template-columns:1fr 1fr}}
.cz-report-workflow{display:grid;grid-template-columns:140px minmax(160px,1fr) auto;gap:8px;align-items:center;margin:12px 0}.cz-report-workflow select,.cz-report-workflow input{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:10px}.cz-report-workflow small{grid-column:1/-1;color:var(--muted)}@media(max-width:620px){.cz-report-workflow{grid-template-columns:1fr}.cz-report-workflow small{grid-column:auto}}

/* Profil-Editor als eindeutige eigene Ansicht – besonders wichtig in der App-WebView. */
.cz30-profile.is-editing>.cz30-hero,.cz30-profile.is-editing>.cz30-tabs,.cz30-profile.is-editing>#cz30-overview,.cz30-profile.is-editing>#cz30-more{display:none!important}
.cz30-profile.is-editing .cz30-manage{margin-top:0!important}.cz-profile-editor-head{position:sticky;top:0;z-index:8;display:flex;align-items:center;gap:13px;min-height:68px;padding:8px 12px;border-bottom:1px solid var(--border);background:rgba(28,27,32,.96);backdrop-filter:blur(12px)}.cz-profile-editor-head button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--border);border-radius:14px;color:var(--text);background:var(--panel-2);font-size:28px}.cz-profile-editor-head small,.cz-profile-editor-head h2{display:block;margin:0}.cz-profile-editor-head small{color:#9cff00;font-size:10px;font-weight:900;letter-spacing:.16em}.cz-profile-editor-head h2{margin-top:2px;font-size:19px}