.memora-manager-page {
  --manager-text: #f5f7ff;
  --manager-text-strong: #ffffff;
  --manager-text-muted: rgba(230, 236, 255, 0.74);
  --manager-text-soft: rgba(230, 236, 255, 0.62);
  --manager-panel-border: rgba(132, 160, 255, 0.22);
  --manager-panel-bg: linear-gradient(180deg, rgba(12, 18, 46, 0.82), rgba(5, 9, 28, 0.74));
  --manager-card-bg: rgba(255, 255, 255, 0.07);
  --manager-chip-bg: rgba(8, 14, 38, 0.64);
  --manager-field-bg: rgba(8, 14, 38, 0.88);
  --manager-shadow: 0 18px 44px rgba(0, 0, 0, 0.24);
  --manager-focus: rgba(42, 167, 165, 0.52);
  --manager-theme-transition: background 260ms ease, color 260ms ease, border-color 260ms ease, box-shadow 260ms ease, filter 260ms ease, opacity 260ms ease;
  background:
    radial-gradient(circle at 18% 14%, rgba(255, 177, 27, 0.18), transparent 28vw),
    radial-gradient(circle at 86% 20%, rgba(42, 167, 165, 0.18), transparent 30vw),
    linear-gradient(180deg, rgba(3, 5, 16, 0.96), rgba(7, 9, 29, 1));
}

.memora-manager-page .brand {
  flex: 0 0 auto;
}

.memora-manager-page .manager-theme-switch {
  margin-right: auto;
}
.memora-manager-page .nav-links {
  gap: clamp(12px, 2vw, 26px);
}

.manager-hero {
  min-height: 72svh;
  padding: 148px 0 72px;
  background:
    linear-gradient(90deg, rgba(3, 5, 16, 0.96), rgba(20, 10, 42, 0.86) 52%, rgba(4, 26, 50, 0.64)),
    image-set(url("aura-memora.png") 1x) right 12% center / min(42vw, 560px) auto no-repeat,
    url("fundo.png") center / cover no-repeat;
}

.manager-hero::after {
  background: url("memora-xp-coasters.png") center / contain no-repeat;
  opacity: 0.28;
}

.manager-hero-inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(250px, 0.36fr);
  gap: clamp(22px, 5vw, 76px);
  align-items: end;
}

.manager-hero-copy h1 {
  color: var(--white);
  font-size: clamp(3.2rem, 8vw, 8.2rem);
  line-height: 0.88;
  white-space: normal;
}

.manager-title-logo {
  width: min(100%, 560px);
  max-height: 220px;
  object-fit: contain;
  object-position: left center;
  filter: drop-shadow(0 22px 34px rgba(0, 0, 0, 0.5));
}

.manager-hero-copy p:not(.eyebrow) {
  max-width: 760px;
  margin: 24px 0 0;
  color: rgba(245, 247, 255, 0.82);
  font-size: clamp(1.05rem, 1.7vw, 1.38rem);
  font-weight: 750;
}

.manager-hero-status,
.manager-control-panel,
.manager-accordion,
.manager-card-grid article,
.manager-preview-card,
.manager-contact-picker label {
  border: 1px solid var(--manager-panel-border);
  border-radius: 8px;
  background: var(--manager-panel-bg);
  box-shadow: var(--manager-shadow);
  backdrop-filter: blur(12px);
}

.manager-hero-status {
  display: grid;
  gap: 8px;
  padding: 18px;
  color: rgba(245, 247, 255, 0.76);
}

.manager-hero-status strong {
  color: var(--white);
  font-size: clamp(1.35rem, 2.2vw, 2rem);
  line-height: 1;
}

.manager-hero-status span,
.manager-hero-status small {
  font-weight: 850;
}

.manager-avatar {
  background: linear-gradient(135deg, rgba(255, 177, 27, 0.24), rgba(42, 167, 165, 0.22));
}

.memora-manager-page .memora-id-profile-dock {
  justify-items: center;
  padding-inline: 18px;
}

.memora-manager-page .memora-id-profile-menu {
  width: min(760px, calc(100vw - 36px));
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(18, 13, 34, 0.92), rgba(4, 24, 38, 0.86)),
    rgba(3, 5, 16, 0.78);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.32);
}

.memora-manager-page .memora-id-profile-menu.is-open {
  padding: 0;
}

.memora-manager-page .memora-id-profile-menu-inner {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
  padding: 16px;
}

.memora-manager-page .memora-id-profile {
  align-items: start;
  gap: 14px;
}

.memora-manager-page .memora-id-avatar-wrap {
  width: 64px;
}

.memora-manager-page .memora-id-profile h2 {
  font-size: clamp(1.42rem, 2vw, 1.86rem);
  line-height: 1;
}

.memora-manager-page .memora-id-handle {
  margin-top: 4px;
}

.memora-manager-page .memora-id-contact {
  display: flex;
  max-width: none;
  flex-flow: row wrap;
  gap: 6px;
  margin-top: 10px;
}

.memora-manager-page .memora-id-contact span,
.memora-manager-page .memora-id-contact-share,
.memora-manager-page .memora-id-stats div {
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
}

.memora-manager-page .memora-id-contact span {
  padding: 6px 9px;
}

.memora-manager-page .memora-id-role {
  max-width: 620px;
  margin-top: 9px;
}

.memora-manager-page .memora-id-contact-share {
  width: 100%;
  max-width: none;
  justify-content: space-between;
  margin-top: 12px;
  padding: 9px 10px;
}

.memora-manager-page .memora-id-stats {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.memora-manager-page .memora-id-stats div {
  padding: 9px 10px;
  backdrop-filter: none;
}

.memora-manager-page .memora-id-stats dd {
  font-size: clamp(0.98rem, 1.35vw, 1.2rem);
}

.manager-shell {
  background:
    linear-gradient(180deg, rgba(4, 8, 25, 0.96), rgba(7, 9, 29, 0.94)),
    url("fundo.png") center right / cover no-repeat;
}

.manager-band {
  background:
    linear-gradient(135deg, rgba(5, 5, 22, 0.95), rgba(73, 8, 45, 0.84) 48%, rgba(4, 40, 63, 0.86)),
    url("fundo.jpg") center / cover no-repeat;
}

.manager-hive-layout {
  margin-bottom: clamp(26px, 5vw, 56px);
}

.memora-manager-page[data-manager-edition] .memora-id-hive-track {
  width: 100%;
  justify-content: center;
  padding-inline: 0 !important;
}

.memora-manager-page[data-manager-edition] .manager-hive-layout {
  width: min(100%, 460px);
  margin-inline: auto;
  margin-bottom: clamp(18px, 3vw, 34px);
}

.memora-manager-page[data-manager-edition] .memora-id-hive-stage {
  display: grid;
  place-items: center;
}

.memora-manager-page[data-manager-edition] .memora-id-hive-stage::before,
.memora-manager-page[data-manager-edition] .memora-id-hive-stage::after {
  width: clamp(20px, 5vw, 44px);
}

.memora-manager-page[data-manager-edition] .memora-id-hive-viewport {
  width: 100%;
  padding: clamp(14px, 2.5vw, 24px);
}

.memora-manager-page[data-manager-edition] .memora-id-hive-track {
  --hive-cell-size: clamp(156px, 18vw, 214px);
  min-height: calc(var(--hive-cell-size) + clamp(18px, 3vw, 30px));
  align-items: center;
}

.memora-manager-page[data-manager-edition] .memora-id-honeycomb-cell {
  --cell-y: 0;
  aspect-ratio: 1;
}

.memora-manager-page[data-manager-edition] .memora-id-honeycomb-cell img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.manager-control-panel {
  display: grid;
  gap: clamp(18px, 3vw, 28px);
  margin-top: clamp(28px, 5vw, 58px);
  padding: clamp(18px, 3vw, 32px);
  color: var(--manager-text);
}

.manager-token-config {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.68fr);
  gap: clamp(16px, 3vw, 28px);
  align-items: end;
  border: 1px solid rgba(255, 177, 27, 0.24);
  border-radius: 8px;
  padding: clamp(14px, 2.4vw, 22px);
  background: linear-gradient(135deg, rgba(255, 177, 27, 0.1), rgba(42, 167, 165, 0.08)), rgba(255, 255, 255, 0.06);
}

.manager-token-config[hidden] {
  display: none;
}

.manager-token-config h3 {
  margin: 6px 0 0;
  color: var(--white);
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  line-height: 1.05;
}

.manager-token-config-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.manager-token-config-fields label {
  display: grid;
  gap: 8px;
  min-width: 0;
  color: rgba(230, 236, 255, 0.66);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.manager-token-config-fields input {
  width: 100%;
  min-height: 46px;
  border: 1px solid rgba(132, 160, 255, 0.28);
  border-radius: 8px;
  padding: 10px 12px;
  background: rgba(8, 14, 38, 0.82);
  color: var(--white);
  font: inherit;
  font-size: 1.05rem;
  font-weight: 900;
  letter-spacing: 0;
}
.manager-panel-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.58fr);
  gap: clamp(18px, 4vw, 44px);
  align-items: start;
}

.manager-panel-top h2 {
  color: var(--manager-text-strong);
  font-size: clamp(2rem, 5vw, 5.4rem);
  line-height: 0.92;
}

.manager-panel-meta,
.manager-panel-actions,
.manager-form-row,
.manager-section-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.manager-panel-meta {
  margin-top: 14px;
}

.manager-panel-meta span,
.manager-status-pill,
.manager-tag,
.manager-consent {
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  align-items: center;
  min-height: 28px;
  border: 1px solid rgba(132, 160, 255, 0.24);
  border-radius: 999px;
  padding: 6px 10px;
  background: var(--manager-chip-bg);
  color: rgba(232, 238, 255, 0.84);
  font-size: 0.76rem;
  font-weight: 900;
  text-transform: uppercase;
}

.manager-panel-actions {
  justify-content: flex-end;
}

.manager-metric-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}

.manager-metric-grid div {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(132, 160, 255, 0.2);
  border-radius: 8px;
  background: var(--manager-card-bg);
}

.manager-metric-grid dt,
.manager-metric-grid dd {
  margin: 0;
}

.manager-metric-grid dt {
  color: rgba(230, 236, 255, 0.62);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.manager-metric-grid dd {
  color: var(--white);
  font-size: clamp(1.15rem, 2.2vw, 1.75rem);
  font-weight: 900;
  line-height: 1.05;
}

.manager-accordion-list {
  display: grid;
  gap: 12px;
}

.manager-accordion {
  overflow: hidden;
  color: var(--manager-text);
}

.manager-accordion h3 {
  margin: 0;
  font-size: 1rem;
}

.manager-accordion h3 button {
  display: flex;
  width: 100%;
  min-height: 58px;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border: 0;
  padding: 16px 18px;
  background: transparent;
  color: var(--white);
  cursor: pointer;
  font: inherit;
  font-size: 1rem;
  font-weight: 900;
  text-align: left;
}

.manager-accordion h3 button:focus-visible {
  outline: 2px solid var(--manager-focus);
  outline-offset: -4px;
}

.manager-accordion h3 span {
  flex: none;
  width: 12px;
  height: 12px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  transition: transform 160ms ease;
}

.manager-accordion h3 button[aria-expanded="true"] span {
  transform: rotate(225deg);
}

.manager-accordion-panel {
  display: grid;
  gap: 14px;
  padding: 0 18px 18px;
}

.manager-token-panel {
  border: 1px solid rgba(132, 160, 255, 0.2);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.055);
  overflow: hidden;
}

.manager-token-panel summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 16px;
  gap: 12px;
  align-items: center;
  min-height: 58px;
  padding: 14px;
  cursor: pointer;
  list-style: none;
}

.manager-token-panel summary::-webkit-details-marker {
  display: none;
}

.manager-token-panel summary::after {
  content: "";
  width: 10px;
  height: 10px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  transition: transform 160ms ease;
}

.manager-token-panel[open] summary::after {
  transform: rotate(225deg);
}

.manager-token-panel summary span {
  color: var(--white);
  font-size: 1rem;
  font-weight: 900;
}

.manager-token-panel summary small {
  color: rgba(230, 236, 255, 0.68);
  font-size: 0.78rem;
  font-weight: 850;
  text-align: right;
}

.manager-token-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0 14px 14px;
}

.manager-token-legend span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 28px;
  border: 1px solid rgba(132, 160, 255, 0.22);
  border-radius: 999px;
  padding: 5px 9px;
  color: rgba(230, 236, 255, 0.78);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.manager-token-grid {
  display: grid;
  grid-template-columns: repeat(20, minmax(0, 1fr));
  gap: 7px;
  padding: 0 14px 16px;
}

.manager-token-hex,
.manager-token-swatch {
  --token-fill: rgba(236, 240, 246, 0.9);
  --token-ring: rgba(236, 240, 246, 0.58);
  display: block;
  aspect-ratio: 1;
  clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0 50%);
  background: var(--token-fill);
  box-shadow: inset 0 0 0 1px var(--token-ring), 0 3px 8px rgba(0, 0, 0, 0.18);
}

.manager-token-hex {
  min-width: 0;
}

.manager-token-hex.is-active,
.manager-token-swatch.is-active {
  --token-fill: #34c77b;
  --token-ring: rgba(52, 199, 123, 0.5);
}

.manager-token-hex.is-sold,
.manager-token-swatch.is-sold {
  --token-fill: #f4c542;
  --token-ring: rgba(244, 197, 66, 0.54);
}

.manager-token-hex.is-available,
.manager-token-swatch.is-available {
  --token-fill: #e7ecf2;
  --token-ring: rgba(231, 236, 242, 0.62);
}

.manager-token-swatch {
  width: 14px;
  flex: 0 0 14px;
}
.manager-section-grid,
.manager-card-grid,
.manager-community-grid,
.manager-payment-grid,
.manager-timeline-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.manager-section-card,
.manager-community-card,
.manager-payment-card,
.manager-log-card,
.manager-memory-card {
  display: grid;
  min-width: 0;
  gap: 8px;
  padding: 14px;
  border: 1px solid rgba(132, 160, 255, 0.18);
  border-radius: 8px;
  background: var(--manager-card-bg);
}

.manager-edition-cover-link {
  display: block;
  overflow: hidden;
  border-radius: 8px;
  transition: transform 160ms ease, filter 160ms ease;
}

.manager-edition-cover-link:hover,
.manager-edition-cover-link:focus-visible {
  outline: none;
  filter: brightness(1.06);
  transform: translateY(-1px);
}

.manager-edition-cover-link:focus-visible {
  box-shadow: 0 0 0 2px rgba(245, 247, 255, 0.72);
}
.manager-section-card img {
  width: 100%;
  aspect-ratio: 16 / 10;
  border-radius: 8px;
  object-fit: cover;
}

.manager-edition-cover-card img {
  aspect-ratio: 458 / 410;
  background: rgba(4, 19, 37, 0.78);
  object-fit: contain;
}

.manager-section-card strong,
.manager-community-card strong,
.manager-payment-card strong,
.manager-log-card strong,
.manager-memory-card strong,
.manager-card-grid strong {
  color: var(--white);
  font-size: 1rem;
}

.manager-section-card span,
.manager-section-card p,
.manager-community-card span,
.manager-community-card p,
.manager-payment-card span,
.manager-payment-card p,
.manager-log-card span,
.manager-log-card p,
.manager-memory-card span,
.manager-memory-card p,
.manager-card-grid span,
.manager-sensitive-note {
  margin: 0;
  color: rgba(230, 236, 255, 0.74);
  font-size: 0.9rem;
}

.manager-digital-card-config {
  grid-column: 1 / -1;
  align-items: start;
}

.manager-card-config-copy {
  display: grid;
  gap: 6px;
}

.manager-card-composer {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 4px;
  padding: 12px;
  border: 1px solid rgba(132, 160, 255, 0.2);
  border-radius: 8px;
  background: rgba(8, 14, 38, 0.32);
}

.manager-card-side {
  display: grid;
  min-width: 0;
  gap: 9px;
  align-content: start;
}

.manager-card-upload-target {
  display: grid;
  min-width: 0;
  gap: 9px;
  cursor: pointer;
}

.manager-card-upload-target > span:first-child,
.manager-card-side > span:first-child {
  color: var(--manager-text-strong);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.manager-card-side input {
  width: 100%;
  color: var(--manager-text-muted);
  font: inherit;
  font-size: 0.78rem;
}

.manager-card-preview {
  position: relative;
  display: grid;
  width: min(100%, 132px);
  aspect-ratio: 9 / 14;
  place-items: center;
  justify-self: center;
  overflow: hidden;
  border: 1px dashed rgba(245, 247, 255, 0.34);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02)),
    rgba(5, 9, 28, 0.72);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), 0 12px 22px rgba(0, 0, 0, 0.2);
}

.manager-card-preview.has-image {
  border-style: solid;
  border-color: rgba(42, 167, 165, 0.42);
}

.manager-card-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.manager-card-preview small {
  max-width: 12ch;
  color: var(--manager-text-soft);
  font-size: 0.72rem;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
}

.manager-card-remove {
  min-height: 36px;
  justify-self: start;
  border: 1px solid rgba(245, 247, 255, 0.22);
  border-radius: 999px;
  padding: 8px 12px;
  background: rgba(255, 255, 255, 0.06);
  color: var(--manager-text);
  cursor: pointer;
  font: inherit;
  font-size: 0.78rem;
  font-weight: 850;
}

.manager-card-remove:hover,
.manager-card-remove:focus-visible {
  border-color: rgba(245, 247, 255, 0.42);
  background: rgba(255, 255, 255, 0.12);
  outline: 2px solid var(--manager-focus);
  outline-offset: 2px;
}

.manager-card-save-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 12px;
  align-items: center;
  justify-content: space-between;
  margin-top: 4px;
}

.manager-card-save-status {
  flex: 1 1 220px;
  color: var(--manager-text-soft);
  font-size: 0.8rem;
  font-weight: 800;
  line-height: 1.35;
}

.manager-card-save-status[data-tone="pending"] {
  color: rgba(255, 213, 128, 0.9);
}

.manager-card-save-status[data-tone="saved"] {
  color: rgba(144, 238, 218, 0.92);
}

.manager-card-save-status[data-tone="error"] {
  color: rgba(255, 148, 158, 0.92);
}

.manager-illustrator-card {
  grid-template-columns: 82px minmax(0, 1fr);
  align-content: start;
  align-items: center;
  gap: 10px 12px;
}

.manager-illustrator-title {
  grid-column: 1 / -1;
}

.manager-illustrator-avatar {
  width: 82px;
  aspect-ratio: 1;
  clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0 50%);
  overflow: hidden;
  background: rgba(8, 14, 38, 0.6);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.22);
}

.manager-illustrator-avatar img {
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  border-radius: 0;
  object-fit: cover;
  object-position: center;
}

.manager-illustrator-info {
  display: grid;
  min-width: 0;
  gap: 5px;
}

.manager-illustrator-heading {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.manager-illustrator-heading strong {
  overflow: hidden;
  color: var(--white);
  font-size: 1.05rem;
  line-height: 1.05;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.manager-illustrator-heading span {
  color: rgba(230, 236, 255, 0.76);
  font-size: 1rem;
  font-weight: 900;
}

.manager-illustrator-name,
.manager-illustrator-bio {
  margin: 0;
  color: rgba(245, 247, 255, 0.9);
  font-size: 0.78rem;
  font-weight: 850;
  line-height: 1.25;
}

.manager-illustrator-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 10px;
  margin: 2px 0;
}

.manager-illustrator-stats div {
  display: inline-flex;
  gap: 4px;
  align-items: baseline;
}

.manager-illustrator-stats dt,
.manager-illustrator-stats dd {
  margin: 0;
  color: rgba(245, 247, 255, 0.86);
  font-size: 0.76rem;
  line-height: 1.1;
}

.manager-illustrator-stats dd {
  order: -1;
  color: var(--white);
  font-weight: 950;
}

.manager-illustrator-bio {
  color: rgba(245, 247, 255, 0.94);
  font-weight: 800;
}

.manager-illustrator-card {
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
  border-color: rgba(132, 160, 255, 0.22);
}

.manager-illustrator-title {
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(230, 236, 255, 0.14);
}

.manager-illustrator-avatar {
  grid-row: 2;
  width: 74px;
  justify-self: start;
}

.manager-illustrator-info {
  grid-row: 2;
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr);
  gap: 6px 14px;
  align-items: center;
}

.manager-illustrator-heading,
.manager-illustrator-name {
  grid-column: 2;
}

.manager-illustrator-heading {
  align-self: end;
}

.manager-illustrator-name {
  align-self: start;
  color: var(--manager-text-soft);
}

.manager-illustrator-stats {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
  margin: 10px 0 0;
}

.manager-illustrator-stats div {
  display: grid;
  gap: 3px;
  min-width: 0;
  border: 1px solid rgba(132, 160, 255, 0.18);
  border-radius: 8px;
  padding: 9px 8px;
  background: rgba(8, 14, 38, 0.26);
  text-align: center;
}

.manager-illustrator-stats dd {
  order: -1;
  font-size: 0.92rem;
}

.manager-illustrator-stats dt {
  color: var(--manager-text-soft);
  font-size: 0.68rem;
  font-weight: 850;
  text-transform: uppercase;
}

.manager-illustrator-bio {
  grid-column: 1 / -1;
  margin-top: 4px;
  border-left: 3px solid rgba(132, 160, 255, 0.36);
  padding: 9px 0 9px 12px;
  color: var(--manager-text-muted);
  font-size: 0.86rem;
}
.manager-wallpaper-config {
  align-content: start;
}

.manager-wallpaper-upload {
  display: grid;
  gap: 8px;
  padding: 12px;
  border: 1px dashed rgba(245, 247, 255, 0.3);
  border-radius: 8px;
  background: rgba(8, 14, 38, 0.34);
  cursor: pointer;
}

.manager-wallpaper-upload span {
  color: var(--manager-text-strong);
  font-size: 0.82rem;
  font-weight: 900;
  text-transform: uppercase;
}

.manager-wallpaper-upload input {
  width: 100%;
  color: var(--manager-text-muted);
  font: inherit;
  font-size: 0.82rem;
}

.manager-wallpaper-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.manager-wallpaper-clear {
  justify-self: start;
  margin-top: 2px;
}

.manager-wallpaper-thumb {
  position: relative;
  display: grid;
  width: 58px;
  min-width: 0;
  gap: 5px;
  margin: 0;
}

.manager-wallpaper-remove {
  position: absolute;
  top: -7px;
  right: -7px;
  z-index: 2;
  display: inline-grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 50%;
  background: rgba(18, 18, 24, 0.9);
  color: #fff;
  cursor: pointer;
  font: inherit;
  font-size: 1rem;
  font-weight: 900;
  line-height: 1;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.28);
}

.manager-wallpaper-remove:hover,
.manager-wallpaper-remove:focus-visible {
  background: rgba(220, 58, 74, 0.96);
  outline: 2px solid var(--manager-focus);
  outline-offset: 2px;
}

.memora-manager-page[data-manager-edition="toninho-borbo-biplano"] .manager-wallpaper-remove {
  top: -9px;
  right: -9px;
  width: 26px;
  height: 26px;
  border-color: rgba(255, 255, 255, 0.86);
  background: rgba(13, 17, 28, 0.96);
  color: #fff;
  font-family: var(--font-main);
  font-size: 0.95rem;
  line-height: 1;
  text-transform: uppercase;
}

.manager-wallpaper-thumb img {
  width: 58px;
  height: 82px;
  aspect-ratio: auto;
  border-radius: 6px;
  object-fit: cover;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.18);
}

.manager-wallpaper-thumb figcaption {
  overflow: hidden;
  color: var(--manager-text-soft);
  font-size: 0.68rem;
  font-weight: 850;
  line-height: 1.15;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.manager-sensitive-note {
  border-left: 3px solid var(--honey);
  padding-left: 12px;
  font-weight: 750;
}

.manager-consent {
  border-color: rgba(42, 167, 165, 0.34);
  color: rgba(224, 255, 252, 0.88);
}

.manager-form-grid {
  display: grid;
  gap: 14px;
}

.manager-form-grid label {
  display: grid;
  gap: 7px;
  color: rgba(245, 247, 255, 0.72);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.manager-form-grid select,
.manager-form-grid textarea {
  width: 100%;
  border: 1px solid rgba(132, 160, 255, 0.26);
  border-radius: 8px;
  padding: 12px;
  background: var(--manager-field-bg);
  color: var(--white);
  font: inherit;
  font-size: 0.95rem;
  text-transform: none;
}

.manager-form-row {
  align-items: center;
  justify-content: space-between;
}

.manager-form-row span {
  color: rgba(230, 236, 255, 0.68);
  font-weight: 850;
}

.manager-preview-card {
  display: grid;
  gap: 8px;
  padding: 16px;
}

.manager-preview-card small,
.manager-preview-card span {
  color: rgba(230, 236, 255, 0.62);
  font-size: 0.78rem;
  font-weight: 850;
}

.manager-preview-card strong {
  color: var(--white);
  font-size: 1.12rem;
}

.manager-preview-card p {
  margin: 0;
  color: rgba(245, 247, 255, 0.82);
}

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

.manager-contact-picker label {
  display: flex;
  min-height: 58px;
  align-items: center;
  gap: 10px;
  padding: 12px;
  color: rgba(245, 247, 255, 0.82);
  cursor: pointer;
  font-size: 0.9rem;
  font-weight: 800;
  text-transform: none;
}

.manager-update-feed li {
  padding-right: 18px;
}

.manager-update-feed button {
  justify-self: start;
  margin-top: 6px;
}

.manager-card-grid article {
  display: grid;
  min-height: 118px;
  gap: 8px;
  padding: 18px;
}

@media (max-width: 980px) {
  .manager-hero-inner,
  .manager-panel-top,
  .manager-token-config {
    grid-template-columns: 1fr;
  }

  .manager-panel-actions {
    justify-content: flex-start;
  }

  .manager-metric-grid,
  .manager-token-grid,
  .manager-section-grid,
  .manager-card-grid,
  .manager-community-grid,
  .manager-payment-grid,
  .manager-timeline-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .manager-card-composer {
    grid-template-columns: 1fr;
  }

  .manager-card-preview {
    width: min(100%, 150px);
  }
}
@media (max-width: 760px) {

.memora-manager-page .brand {
  flex: 0 0 auto;
}

.memora-manager-page .manager-theme-switch {
  margin-right: auto;
}
.memora-manager-page .nav-links {
    display: none;
  }

  .manager-hero {
    min-height: auto;
    padding-top: 126px;
    background:
      linear-gradient(180deg, rgba(3, 5, 16, 0.76), rgba(3, 5, 16, 0.96)),
      url("fundo.png") center / cover no-repeat;
  }

  .manager-hero-copy h1 {
    font-size: clamp(3rem, 16vw, 4.5rem);
  }

  .manager-title-logo {
    width: min(100%, 360px);
    max-height: 160px;
    object-position: center;
  }

  .manager-control-panel {
    margin-inline: -10px;
  }

  .manager-metric-grid,
  .manager-token-grid,
  .manager-section-grid,
  .manager-card-grid,
  .manager-community-grid,
  .manager-payment-grid,
  .manager-timeline-grid,
  .manager-contact-picker {
    grid-template-columns: 1fr;
  }

  .manager-panel-actions .memora-id-action-button,
  .manager-section-actions .memora-id-action-button,
  .manager-form-row .memora-id-action-button {
    width: 100%;
  }
}

.memora-manager-page[data-manager-edition="toninho-borbo-biplano"] {
  background:
    linear-gradient(180deg, rgba(10, 9, 15, 0.5), rgba(10, 9, 15, 0.94) 58%, rgba(10, 9, 15, 0.98)),
    url("toninho-biplano-background.png") center top / cover fixed no-repeat;
}

.memora-manager-page[data-manager-edition="toninho-borbo-biplano"] .manager-hero,
.memora-manager-page[data-manager-edition="toninho-borbo-biplano"] .manager-shell {
  background:
    linear-gradient(90deg, rgba(10, 9, 15, 0.96), rgba(10, 9, 15, 0.78) 52%, rgba(10, 9, 15, 0.48)),
    url("toninho-biplano-background.png") center top / cover fixed no-repeat;
}

.memora-manager-page[data-manager-edition="fourkaos"] {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.24), rgba(0, 0, 0, 0.88) 58%, rgba(0, 0, 0, 0.97)),
    radial-gradient(circle at 20% 44%, rgba(255, 255, 255, 0.12), transparent 28%),
    url("fourkaos-band.jpg") left 58% / min(46vw, 520px) auto fixed no-repeat,
    url("fourkaos-background.jpg") center top / cover fixed no-repeat;
}

.memora-manager-page[data-manager-edition="fourkaos"] .manager-hero,
.memora-manager-page[data-manager-edition="fourkaos"] .manager-shell {
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0.96), rgba(0, 0, 0, 0.78) 52%, rgba(0, 0, 0, 0.48)),
    radial-gradient(circle at 20% 44%, rgba(255, 255, 255, 0.12), transparent 28%),
    url("fourkaos-band.jpg") left 58% / min(46vw, 520px) auto fixed no-repeat,
    url("fourkaos-background.jpg") center top / cover fixed no-repeat;
}

.memora-manager-page[data-manager-edition="aura"] {
  background:
    linear-gradient(180deg, rgba(2, 8, 20, 0.42), rgba(2, 8, 20, 0.9) 54%, rgba(2, 8, 20, 0.98)),
    radial-gradient(circle at 68% 26%, rgba(205, 121, 38, 0.28), transparent 26%),
    url("aura-memora.png") right 44% / min(46vw, 560px) auto fixed no-repeat,
    url("fundo.png") center top / cover fixed no-repeat,
    #06101d;
}

.memora-manager-page[data-manager-edition="aura"] .manager-hero,
.memora-manager-page[data-manager-edition="aura"] .manager-shell {
  background:
    linear-gradient(90deg, rgba(2, 8, 20, 0.96), rgba(2, 8, 20, 0.78) 52%, rgba(2, 8, 20, 0.48)),
    radial-gradient(circle at 68% 26%, rgba(205, 121, 38, 0.24), transparent 26%),
    url("aura-memora.png") right 44% / min(46vw, 560px) auto fixed no-repeat,
    url("fundo.png") center top / cover fixed no-repeat,
    #06101d;
}

.memora-manager-page[data-manager-edition="distance"] {
  background:
    linear-gradient(180deg, rgba(5, 6, 13, 0.36), rgba(5, 6, 13, 0.9) 55%, rgba(5, 6, 13, 0.98)),
    radial-gradient(circle at 74% 22%, rgba(255, 177, 27, 0.2), transparent 26%),
    url("Capa.jpg") center top / cover fixed no-repeat,
    #090a10;
}

.memora-manager-page[data-manager-edition="distance"] .manager-hero,
.memora-manager-page[data-manager-edition="distance"] .manager-shell {
  background:
    linear-gradient(90deg, rgba(5, 6, 13, 0.96), rgba(5, 6, 13, 0.78) 52%, rgba(5, 6, 13, 0.48)),
    radial-gradient(circle at 74% 22%, rgba(255, 177, 27, 0.18), transparent 26%),
    url("Capa.jpg") center top / cover fixed no-repeat,
    #090a10;
}

.memora-manager-page[data-manager-edition="toninho-borbo-biplano"] .manager-band {
  background:
    linear-gradient(135deg, rgba(10, 9, 15, 0.95), rgba(55, 24, 32, 0.82) 48%, rgba(10, 9, 15, 0.9)),
    url("toninho-biplano-background.png") center top / cover fixed no-repeat;
}

.memora-manager-page[data-manager-edition="fourkaos"] .manager-band {
  background:
    linear-gradient(135deg, rgba(0, 0, 0, 0.95), rgba(73, 8, 45, 0.8) 48%, rgba(0, 0, 0, 0.9)),
    url("fourkaos-background.jpg") center top / cover fixed no-repeat;
}

.memora-manager-page[data-manager-edition="aura"] .manager-band {
  background:
    linear-gradient(135deg, rgba(2, 8, 20, 0.95), rgba(73, 8, 45, 0.74) 48%, rgba(4, 40, 63, 0.84)),
    url("fundo.png") center top / cover fixed no-repeat;
}

.memora-manager-page[data-manager-edition="distance"] .manager-band {
  background:
    linear-gradient(135deg, rgba(5, 6, 13, 0.95), rgba(73, 8, 45, 0.74) 48%, rgba(4, 40, 63, 0.84)),
    url("Capa.jpg") center top / cover fixed no-repeat;
}

@media (max-width: 640px) {
  .memora-manager-page[data-manager-edition="toninho-borbo-biplano"],
  .memora-manager-page[data-manager-edition="toninho-borbo-biplano"] .manager-hero,
  .memora-manager-page[data-manager-edition="toninho-borbo-biplano"] .manager-shell {
    background:
      linear-gradient(180deg, rgba(10, 9, 15, 0.58), rgba(10, 9, 15, 0.92) 58%, rgba(10, 9, 15, 0.98)),
      url("toninho-biplano-background.png") center top / cover scroll no-repeat;
  }

  .memora-manager-page[data-manager-edition="fourkaos"],
  .memora-manager-page[data-manager-edition="fourkaos"] .manager-hero,
  .memora-manager-page[data-manager-edition="fourkaos"] .manager-shell {
    background:
      linear-gradient(180deg, rgba(0, 0, 0, 0.48), rgba(0, 0, 0, 0.9) 58%, rgba(0, 0, 0, 0.98)),
      url("fourkaos-background.jpg") center top / cover scroll no-repeat;
  }

  .memora-manager-page[data-manager-edition="aura"],
  .memora-manager-page[data-manager-edition="aura"] .manager-hero,
  .memora-manager-page[data-manager-edition="aura"] .manager-shell {
    background:
      linear-gradient(180deg, rgba(2, 8, 20, 0.56), rgba(2, 8, 20, 0.92) 58%, rgba(2, 8, 20, 0.98)),
      url("fundo.png") center top / cover scroll no-repeat;
  }

  .memora-manager-page[data-manager-edition="distance"],
  .memora-manager-page[data-manager-edition="distance"] .manager-hero,
  .memora-manager-page[data-manager-edition="distance"] .manager-shell {
    background:
      linear-gradient(180deg, rgba(5, 6, 13, 0.52), rgba(5, 6, 13, 0.92) 58%, rgba(5, 6, 13, 0.98)),
      url("Capa.jpg") center top / cover scroll no-repeat;
  }
}
/* Mobile refinements */
@media (max-width: 760px) {
  .manager-hero {
    padding: calc(104px + env(safe-area-inset-top, 0px)) 0 48px;
  }

  .manager-hero-inner {
    gap: 22px;
    align-items: stretch;
  }

  .manager-hero-copy {
    text-align: center;
  }

  .manager-hero-copy h1 {
    font-size: clamp(2.75rem, 15vw, 4.35rem);
  }

  .manager-hero-copy p:not(.eyebrow) {
    margin-inline: auto;
    font-size: clamp(0.98rem, 4.5vw, 1.12rem);
  }

  .manager-hero-status {
    text-align: center;
  }

  .manager-control-panel {
    margin-inline: 0;
    padding: 16px;
  }

  .manager-panel-top h2 {
    font-size: clamp(2.15rem, 12vw, 3.7rem);
  }

  .manager-panel-meta,
  .manager-panel-actions,
  .manager-form-row,
  .manager-section-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .manager-panel-meta span,
  .manager-status-pill,
  .manager-tag,
  .manager-consent {
    width: 100%;
    justify-content: center;
    text-align: center;
  }

  .manager-accordion h3 button {
    min-height: 54px;
    padding-inline: 14px;
  }

  .manager-accordion-panel {
    padding-inline: 14px;
  }

  .manager-form-grid select,
  .manager-form-grid textarea {
    min-height: 46px;
    font-size: 1rem;
  }

  .manager-update-feed li {
    padding-right: 0;
  }
}

@media (max-width: 430px) {
  .manager-title-logo {
    max-height: 130px;
  }

  .manager-control-panel {
    padding-inline: 14px;
  }

  .manager-metric-grid dd {
    font-size: 1.18rem;
  }

  .manager-section-card,
  .manager-community-card,
  .manager-payment-card,
  .manager-log-card,
  .manager-memory-card,
  .manager-card-grid article {
    padding: 13px;
  }
}

/* Token manager responsive fixes */
@media (max-width: 980px) {
  .manager-token-grid {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .manager-token-config-fields {
    grid-template-columns: 1fr;
  }

  .manager-token-grid {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
}

@media (max-width: 430px) {
  .manager-token-grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .manager-token-panel summary {
    grid-template-columns: minmax(0, 1fr) 16px;
  }

  .manager-token-panel summary small {
    grid-column: 1 / -1;
    order: 3;
    text-align: left;
  }
}

.manager-theme-switch {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-width: max-content;
  color: rgba(245, 247, 255, 0.86);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
  text-shadow: 0 1px 16px rgba(0, 0, 0, 0.42);
}

.manager-theme-switch input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.manager-theme-track {
  position: relative;
  width: 42px;
  height: 24px;
  flex: 0 0 42px;
  border: 1px solid rgba(255, 255, 255, 0.34);
  border-radius: 999px;
  background: rgba(3, 5, 16, 0.72);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), 0 8px 18px rgba(0, 0, 0, 0.22);
  transition: var(--manager-theme-transition), transform 220ms ease;
}

.manager-theme-thumb {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: linear-gradient(180deg, #ffffff, #dfe8ff);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.32);
  transition: transform 240ms ease, background 240ms ease, box-shadow 240ms ease;
}

.manager-theme-switch input:checked + .manager-theme-track {
  border-color: rgba(255, 177, 27, 0.78);
  background: linear-gradient(135deg, rgba(255, 177, 27, 0.9), rgba(42, 167, 165, 0.82));
}

.manager-theme-switch input:checked + .manager-theme-track .manager-theme-thumb {
  transform: translateX(18px);
  background: #fffaf2;
}

.manager-theme-switch input:focus-visible + .manager-theme-track {
  outline: 2px solid rgba(255, 255, 255, 0.86);
  outline-offset: 3px;
}

.manager-theme-text {
  white-space: nowrap;
}

.memora-manager-page,
.memora-manager-page .site-header,
.memora-manager-page .manager-hero,
.memora-manager-page .manager-shell,
.memora-manager-page .manager-band,
.memora-manager-page .manager-hero-status,
.memora-manager-page .manager-control-panel,
.memora-manager-page .manager-accordion,
.memora-manager-page .manager-section-card,
.memora-manager-page .manager-community-card,
.memora-manager-page .manager-payment-card,
.memora-manager-page .manager-log-card,
.memora-manager-page .manager-memory-card,
.memora-manager-page .manager-card-grid article,
.memora-manager-page .manager-preview-card,
.memora-manager-page .manager-contact-picker label,
.memora-manager-page .manager-token-config,
.memora-manager-page .manager-token-panel,
.memora-manager-page .manager-metric-grid div,
.memora-manager-page .manager-panel-meta span,
.memora-manager-page .manager-status-pill,
.memora-manager-page .manager-tag,
.memora-manager-page .manager-consent,
.memora-manager-page .manager-form-grid select,
.memora-manager-page .manager-form-grid textarea,
.memora-manager-page .manager-token-legend span,
.memora-manager-page .manager-token-config-fields input,
.memora-manager-page .memora-id-profile-menu,
.memora-manager-page .memora-id-modal-dialog,
.memora-manager-page .memora-id-hive-stage,
.memora-manager-page .memora-id-hive-stage::before,
.memora-manager-page .memora-id-hive-stage::after,
.memora-manager-page .memora-id-hive-controls,
.memora-manager-page .memora-id-icon-button,
.memora-manager-page .memora-id-action-button,
.memora-manager-page .memora-id-modal-close {
  transition: var(--manager-theme-transition);
}

html[data-manager-theme="light"] .memora-manager-page {
  --manager-text: #182033;
  --manager-text-strong: #071024;
  --manager-text-muted: rgba(28, 36, 56, 0.78);
  --manager-text-soft: rgba(35, 44, 67, 0.64);
  --manager-panel-border: rgba(255, 255, 255, 0.52);
  --manager-panel-bg: linear-gradient(180deg, rgba(255, 252, 244, 0.78), rgba(231, 241, 246, 0.58));
  --manager-card-bg: rgba(255, 252, 244, 0.58);
  --manager-chip-bg: rgba(255, 255, 255, 0.56);
  --manager-field-bg: rgba(255, 255, 255, 0.72);
  --manager-shadow: 0 18px 42px rgba(30, 42, 68, 0.16);
  --manager-focus: rgba(228, 28, 62, 0.42);
  color: var(--manager-text);
}

html[data-manager-theme="light"] .memora-manager-page .site-header,
html[data-manager-theme="light"].has-nav-scrolled .memora-manager-page .site-header {
  background: linear-gradient(180deg, rgba(14, 18, 31, 0.72), rgba(14, 18, 31, 0.18));
  box-shadow: 0 16px 38px rgba(30, 42, 68, 0.14);
}

html[data-manager-theme="light"] .memora-manager-page .brand img,
html[data-manager-theme="light"] .memora-manager-page .manager-title-logo {
  filter: drop-shadow(0 16px 28px rgba(255, 255, 255, 0.34)) drop-shadow(0 18px 32px rgba(30, 42, 68, 0.2));
}

html[data-manager-theme="light"] .manager-theme-switch {
  color: rgba(255, 255, 255, 0.94);
}

html[data-manager-theme="light"] .memora-manager-page .manager-hero-copy p:not(.eyebrow),
html[data-manager-theme="light"] .memora-manager-page .manager-hero-status,
html[data-manager-theme="light"] .memora-manager-page .manager-section-card span,
html[data-manager-theme="light"] .memora-manager-page .manager-section-card p,
html[data-manager-theme="light"] .memora-manager-page .manager-community-card span,
html[data-manager-theme="light"] .memora-manager-page .manager-community-card p,
html[data-manager-theme="light"] .memora-manager-page .manager-payment-card span,
html[data-manager-theme="light"] .memora-manager-page .manager-payment-card p,
html[data-manager-theme="light"] .memora-manager-page .manager-log-card span,
html[data-manager-theme="light"] .memora-manager-page .manager-log-card p,
html[data-manager-theme="light"] .memora-manager-page .manager-memory-card span,
html[data-manager-theme="light"] .memora-manager-page .manager-memory-card p,
html[data-manager-theme="light"] .memora-manager-page .manager-card-grid span,
html[data-manager-theme="light"] .memora-manager-page .manager-sensitive-note,
html[data-manager-theme="light"] .memora-manager-page .manager-form-row span,
html[data-manager-theme="light"] .memora-manager-page .manager-preview-card p {
  color: var(--manager-text-muted);
}

html[data-manager-theme="light"] .memora-manager-page .manager-hero-status strong,
html[data-manager-theme="light"] .memora-manager-page .manager-panel-top h2,
html[data-manager-theme="light"] .memora-manager-page .manager-metric-grid dd,
html[data-manager-theme="light"] .memora-manager-page .manager-accordion h3 button,
html[data-manager-theme="light"] .memora-manager-page .manager-token-panel summary span,
html[data-manager-theme="light"] .memora-manager-page .manager-section-card strong,
html[data-manager-theme="light"] .memora-manager-page .manager-community-card strong,
html[data-manager-theme="light"] .memora-manager-page .manager-payment-card strong,
html[data-manager-theme="light"] .memora-manager-page .manager-log-card strong,
html[data-manager-theme="light"] .memora-manager-page .manager-memory-card strong,
html[data-manager-theme="light"] .memora-manager-page .manager-card-grid strong,
html[data-manager-theme="light"] .memora-manager-page .manager-preview-card strong,
html[data-manager-theme="light"] .memora-manager-page .manager-token-config h3 {
  color: var(--manager-text-strong);
}

html[data-manager-theme="light"] .memora-manager-page .manager-metric-grid dt,
html[data-manager-theme="light"] .memora-manager-page .manager-token-panel summary small,
html[data-manager-theme="light"] .memora-manager-page .manager-token-legend span,
html[data-manager-theme="light"] .memora-manager-page .manager-token-config-fields label,
html[data-manager-theme="light"] .memora-manager-page .manager-form-grid label,
html[data-manager-theme="light"] .memora-manager-page .manager-preview-card small,
html[data-manager-theme="light"] .memora-manager-page .manager-preview-card span,
html[data-manager-theme="light"] .memora-manager-page .memora-id-hive-controls {
  color: var(--manager-text-soft);
}
html[data-manager-theme="light"] .memora-manager-page .memora-id-section-heading h2,
html[data-manager-theme="light"] .memora-manager-page .memora-id-profile h1,
html[data-manager-theme="light"] .memora-manager-page .memora-id-profile h2,
html[data-manager-theme="light"] .memora-manager-page .memora-id-stats dd,
html[data-manager-theme="light"] .memora-manager-page .memora-id-timeline h3,
html[data-manager-theme="light"] .memora-manager-page .memora-id-modal-dialog h2,
html[data-manager-theme="light"] .memora-manager-page .manager-card-upload-target > span:first-child,
html[data-manager-theme="light"] .memora-manager-page .manager-card-side > span:first-child,
html[data-manager-theme="light"] .memora-manager-page .manager-wallpaper-upload span,
html[data-manager-theme="light"] .memora-manager-page .manager-illustrator-heading strong,
html[data-manager-theme="light"] .memora-manager-page .manager-illustrator-stats dd {
  color: var(--manager-text-strong);
}

html[data-manager-theme="light"] .memora-manager-page .memora-id-section-heading p:not(.eyebrow),
html[data-manager-theme="light"] .memora-manager-page .memora-id-band .memora-id-section-heading p:not(.eyebrow),
html[data-manager-theme="light"] .memora-manager-page .memora-id-contact,
html[data-manager-theme="light"] .memora-manager-page .memora-id-role,
html[data-manager-theme="light"] .memora-manager-page .memora-id-contact-share,
html[data-manager-theme="light"] .memora-manager-page .memora-id-timeline p,
html[data-manager-theme="light"] .memora-manager-page .memora-id-modal-dialog p:not(.eyebrow),
html[data-manager-theme="light"] .memora-manager-page .manager-card-save-status,
html[data-manager-theme="light"] .memora-manager-page .manager-illustrator-name,
html[data-manager-theme="light"] .memora-manager-page .manager-illustrator-bio {
  color: var(--manager-text-muted);
}

html[data-manager-theme="light"] .memora-manager-page .memora-id-stats dt,
html[data-manager-theme="light"] .memora-manager-page .manager-card-preview small,
html[data-manager-theme="light"] .memora-manager-page .manager-illustrator-stats dt,
html[data-manager-theme="light"] .memora-manager-page .manager-wallpaper-thumb figcaption {
  color: var(--manager-text-soft);
}

html[data-manager-theme="light"] .memora-manager-page .memora-id-stats div {
  border-color: rgba(42, 55, 89, 0.14);
  background: rgba(255, 255, 255, 0.48);
}

html[data-manager-theme="light"] .memora-manager-page .manager-panel-meta span,
html[data-manager-theme="light"] .memora-manager-page .manager-status-pill,
html[data-manager-theme="light"] .memora-manager-page .manager-tag,
html[data-manager-theme="light"] .memora-manager-page .manager-consent {
  border-color: rgba(42, 167, 165, 0.26);
  color: rgba(18, 42, 53, 0.86);
}

html[data-manager-theme="light"] .memora-manager-page .manager-token-config {
  border-color: rgba(255, 177, 27, 0.34);
  background: linear-gradient(135deg, rgba(255, 228, 166, 0.54), rgba(196, 242, 238, 0.42)), rgba(255, 255, 255, 0.38);
}

html[data-manager-theme="light"] .memora-manager-page .manager-token-config-fields input,
html[data-manager-theme="light"] .memora-manager-page .manager-form-grid select,
html[data-manager-theme="light"] .memora-manager-page .manager-form-grid textarea {
  border-color: rgba(42, 55, 89, 0.18);
  background: var(--manager-field-bg);
  color: var(--manager-text-strong);
}


html[data-manager-theme="light"] .memora-manager-page .memora-id-hive-stage {
  border-color: rgba(255, 255, 255, 0.58);
  background:
    radial-gradient(circle at 50% 46%, rgba(255, 177, 27, 0.18), transparent 54%),
    linear-gradient(180deg, rgba(255, 252, 244, 0.56), rgba(231, 241, 246, 0.42));
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.38), 0 18px 42px rgba(30, 42, 68, 0.14);
}

html[data-manager-theme="light"] .memora-manager-page .memora-id-hive-stage::before {
  background: linear-gradient(90deg, rgba(255, 252, 244, 0.86), transparent);
}

html[data-manager-theme="light"] .memora-manager-page .memora-id-hive-stage::after {
  background: linear-gradient(270deg, rgba(255, 252, 244, 0.86), transparent);
}

html[data-manager-theme="light"] .memora-manager-page .memora-id-honeycomb-cell:hover,
html[data-manager-theme="light"] .memora-manager-page .memora-id-honeycomb-cell:focus-visible,
html[data-manager-theme="light"] .memora-manager-page .memora-id-honeycomb-cell.is-active {
  filter: drop-shadow(0 0 14px rgba(255, 177, 27, 0.34)) drop-shadow(0 18px 28px rgba(30, 42, 68, 0.18));
}

html[data-manager-theme="light"] .memora-manager-page .memora-id-icon-button,
html[data-manager-theme="light"] .memora-manager-page .memora-id-action-button,
html[data-manager-theme="light"] .memora-manager-page .memora-id-profile-trigger,
html[data-manager-theme="light"] .memora-manager-page .memora-id-modal-close {
  border-color: rgba(42, 55, 89, 0.16);
  background: rgba(255, 255, 255, 0.68);
  color: var(--manager-text-strong);
  box-shadow: 0 8px 18px rgba(30, 42, 68, 0.08);
}

html[data-manager-theme="light"] .memora-manager-page .memora-id-action-button:first-child {
  border-color: rgba(228, 28, 62, 0.22);
  background: linear-gradient(135deg, rgba(228, 28, 62, 0.9), rgba(42, 167, 165, 0.78));
  color: #ffffff;
}

html[data-manager-theme="light"] .memora-manager-page .memora-id-icon-button:hover,
html[data-manager-theme="light"] .memora-manager-page .memora-id-icon-button:focus-visible,
html[data-manager-theme="light"] .memora-manager-page .memora-id-action-button:hover,
html[data-manager-theme="light"] .memora-manager-page .memora-id-action-button:focus-visible,
html[data-manager-theme="light"] .memora-manager-page .memora-id-profile-trigger:hover,
html[data-manager-theme="light"] .memora-manager-page .memora-id-profile-trigger:focus-visible,
html[data-manager-theme="light"] .memora-manager-page .memora-id-profile-trigger[aria-expanded="true"],
html[data-manager-theme="light"] .memora-manager-page .memora-id-modal-close:hover,
html[data-manager-theme="light"] .memora-manager-page .memora-id-modal-close:focus-visible {
  background: rgba(255, 255, 255, 0.9);
  outline-color: var(--manager-focus);
}

html[data-manager-theme="light"] .memora-manager-page .manager-contact-picker label {
  color: var(--manager-text-muted);
}

html[data-manager-theme="light"] .memora-manager-page .manager-card-composer,
html[data-manager-theme="light"] .memora-manager-page .manager-wallpaper-upload,
html[data-manager-theme="light"] .memora-manager-page .manager-illustrator-stats div,
html[data-manager-theme="light"] .memora-manager-page .manager-illustrator-instagram {
  border-color: rgba(42, 55, 89, 0.16);
  background: rgba(255, 255, 255, 0.46);
}

html[data-manager-theme="light"] .memora-manager-page .manager-card-preview,
html[data-manager-theme="light"] .memora-manager-page .manager-illustrator-avatar {
  border-color: rgba(42, 55, 89, 0.18);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.56), rgba(231, 241, 246, 0.34)),
    rgba(255, 255, 255, 0.44);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28), 0 12px 22px rgba(30, 42, 68, 0.12);
}

html[data-manager-theme="light"] .memora-manager-page .manager-card-side input,
html[data-manager-theme="light"] .memora-manager-page .manager-wallpaper-upload input {
  color: var(--manager-text-muted);
}

html[data-manager-theme="light"] .memora-manager-page .manager-card-remove,
html[data-manager-theme="light"] .memora-manager-page .manager-wallpaper-remove {
  border-color: rgba(42, 55, 89, 0.16);
  background: rgba(255, 255, 255, 0.62);
  color: var(--manager-text-strong);
}

html[data-manager-theme="light"] .memora-manager-page .manager-card-remove:hover,
html[data-manager-theme="light"] .memora-manager-page .manager-card-remove:focus-visible,
html[data-manager-theme="light"] .memora-manager-page .manager-illustrator-instagram:hover,
html[data-manager-theme="light"] .memora-manager-page .manager-illustrator-instagram:focus-visible {
  border-color: rgba(42, 167, 165, 0.32);
  background: rgba(255, 255, 255, 0.84);
}

html[data-manager-theme="light"] .memora-manager-page .manager-card-save-status[data-tone="pending"] {
  color: rgba(122, 83, 18, 0.9);
}

html[data-manager-theme="light"] .memora-manager-page .manager-card-save-status[data-tone="saved"] {
  color: rgba(16, 100, 84, 0.9);
}

html[data-manager-theme="light"] .memora-manager-page .manager-card-save-status[data-tone="error"] {
  color: rgba(146, 23, 44, 0.9);
}

html[data-manager-theme="light"] .memora-manager-page .manager-token-panel {
  border-color: rgba(255, 255, 255, 0.48);
  background: rgba(255, 255, 255, 0.36);
}

html[data-manager-theme="light"] .memora-manager-page .manager-token-hex,
html[data-manager-theme="light"] .memora-manager-page .manager-token-swatch {
  box-shadow: inset 0 0 0 1px var(--token-ring), 0 6px 12px rgba(30, 42, 68, 0.12);
}

html[data-manager-theme="light"] .memora-manager-page[data-manager-edition="toninho-borbo-biplano"],
html[data-manager-theme="light"] .memora-manager-page[data-manager-edition="toninho-borbo-biplano"] .manager-hero,
html[data-manager-theme="light"] .memora-manager-page[data-manager-edition="toninho-borbo-biplano"] .manager-shell {
  background:
    linear-gradient(180deg, rgba(255, 252, 244, 0.42), rgba(255, 252, 244, 0.72) 58%, rgba(245, 247, 255, 0.8)),
    linear-gradient(90deg, rgba(62, 31, 41, 0.56), rgba(68, 42, 48, 0.28) 52%, rgba(255, 255, 255, 0.22)),
    url("toninho-biplano-background.png") center top / cover fixed no-repeat;
}

html[data-manager-theme="light"] .memora-manager-page[data-manager-edition="fourkaos"],
html[data-manager-theme="light"] .memora-manager-page[data-manager-edition="fourkaos"] .manager-hero,
html[data-manager-theme="light"] .memora-manager-page[data-manager-edition="fourkaos"] .manager-shell {
  background:
    linear-gradient(180deg, rgba(255, 252, 244, 0.34), rgba(245, 247, 255, 0.72) 58%, rgba(239, 245, 248, 0.84)),
    radial-gradient(circle at 20% 44%, rgba(255, 255, 255, 0.34), transparent 28%),
    url("fourkaos-band.jpg") left 58% / min(46vw, 520px) auto fixed no-repeat,
    url("fourkaos-background.jpg") center top / cover fixed no-repeat;
}

html[data-manager-theme="light"] .memora-manager-page[data-manager-edition="aura"],
html[data-manager-theme="light"] .memora-manager-page[data-manager-edition="aura"] .manager-hero,
html[data-manager-theme="light"] .memora-manager-page[data-manager-edition="aura"] .manager-shell {
  background:
    linear-gradient(180deg, rgba(255, 252, 244, 0.36), rgba(238, 248, 247, 0.7) 56%, rgba(245, 247, 255, 0.84)),
    radial-gradient(circle at 68% 26%, rgba(255, 177, 27, 0.22), transparent 26%),
    url("aura-memora.png") right 44% / min(46vw, 560px) auto fixed no-repeat,
    url("fundo.png") center top / cover fixed no-repeat,
    #eef6f7;
}

html[data-manager-theme="light"] .memora-manager-page[data-manager-edition="distance"],
html[data-manager-theme="light"] .memora-manager-page[data-manager-edition="distance"] .manager-hero,
html[data-manager-theme="light"] .memora-manager-page[data-manager-edition="distance"] .manager-shell {
  background:
    linear-gradient(180deg, rgba(255, 252, 244, 0.34), rgba(244, 248, 255, 0.68) 55%, rgba(239, 245, 248, 0.84)),
    radial-gradient(circle at 74% 22%, rgba(255, 177, 27, 0.18), transparent 26%),
    url("Capa.jpg") center top / cover fixed no-repeat,
    #edf3f7;
}

html[data-manager-theme="light"] .memora-manager-page .manager-band,
html[data-manager-theme="light"] .memora-manager-page[data-manager-edition="toninho-borbo-biplano"] .manager-band,
html[data-manager-theme="light"] .memora-manager-page[data-manager-edition="fourkaos"] .manager-band,
html[data-manager-theme="light"] .memora-manager-page[data-manager-edition="aura"] .manager-band,
html[data-manager-theme="light"] .memora-manager-page[data-manager-edition="distance"] .manager-band {
  background:
    linear-gradient(135deg, rgba(255, 252, 244, 0.74), rgba(231, 241, 246, 0.68) 48%, rgba(217, 238, 236, 0.7)),
    url("fundo.jpg") center / cover fixed no-repeat;
}

html[data-manager-theme="light"] .memora-manager-page .memora-id-profile-menu,
html[data-manager-theme="light"] .memora-manager-page .memora-id-modal-dialog {
  color: var(--manager-text);
  background: linear-gradient(180deg, rgba(255, 252, 244, 0.92), rgba(231, 241, 246, 0.88));
  box-shadow: 0 22px 48px rgba(30, 42, 68, 0.16);
}

@media (max-width: 760px) {
  .memora-manager-page .site-header {
    gap: 10px;
  }

  .manager-theme-switch {
    gap: 7px;
    font-size: 0.7rem;
  }

  .manager-theme-track {
    width: 38px;
    height: 22px;
    flex-basis: 38px;
  }

  .manager-theme-thumb {
    width: 16px;
    height: 16px;
  }

  .manager-theme-switch input:checked + .manager-theme-track .manager-theme-thumb {
    transform: translateX(16px);
  }
}

@media (max-width: 430px) {
  .manager-theme-switch {
    flex-direction: column;
    align-items: center;
    gap: 4px;
    line-height: 1;
  }
}
/* Light theme keeps each edition background in secondary bands. */
html[data-manager-theme="light"] .memora-manager-page .manager-hero-copy h1 {
  color: var(--manager-text-strong);
}

html[data-manager-theme="light"] .memora-manager-page[data-manager-edition="toninho-borbo-biplano"] .manager-band {
  background:
    linear-gradient(135deg, rgba(255, 252, 244, 0.74), rgba(241, 229, 223, 0.66) 48%, rgba(226, 242, 239, 0.68)),
    url("toninho-biplano-background.png") center top / cover fixed no-repeat;
}

html[data-manager-theme="light"] .memora-manager-page[data-manager-edition="fourkaos"] .manager-band {
  background:
    linear-gradient(135deg, rgba(255, 252, 244, 0.72), rgba(239, 232, 244, 0.66) 48%, rgba(226, 242, 239, 0.68)),
    url("fourkaos-background.jpg") center top / cover fixed no-repeat;
}

html[data-manager-theme="light"] .memora-manager-page[data-manager-edition="aura"] .manager-band {
  background:
    linear-gradient(135deg, rgba(255, 252, 244, 0.72), rgba(239, 232, 244, 0.64) 48%, rgba(226, 242, 239, 0.7)),
    url("fundo.png") center top / cover fixed no-repeat;
}

html[data-manager-theme="light"] .memora-manager-page[data-manager-edition="distance"] .manager-band {
  background:
    linear-gradient(135deg, rgba(255, 252, 244, 0.72), rgba(239, 232, 244, 0.64) 48%, rgba(226, 242, 239, 0.7)),
    url("Capa.jpg") center top / cover fixed no-repeat;
}

/* Organized illustrator profile card */
.manager-illustrator-card {
  grid-template-columns: 74px minmax(0, 1fr);
  align-items: start;
  gap: 14px 14px;
  padding: 16px;
}

.manager-illustrator-title {
  grid-column: 1 / -1;
  grid-row: auto;
}

.manager-illustrator-avatar {
  grid-column: 1;
  grid-row: 2;
  width: 74px;
  margin-top: 2px;
}

.manager-illustrator-info {
  grid-column: 2;
  grid-row: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.manager-illustrator-heading,
.manager-illustrator-name,
.manager-illustrator-stats,
.manager-illustrator-bio,
.manager-illustrator-instagram {
  grid-column: 1;
}

.manager-illustrator-heading {
  min-height: 0;
  align-self: auto;
}

.manager-illustrator-name {
  margin-top: -7px;
  align-self: auto;
}

.manager-illustrator-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 2px 0 0;
}

.manager-illustrator-stats div {
  min-height: 56px;
  place-content: center;
  padding: 8px 5px;
}

.manager-illustrator-stats dd {
  order: -1;
  font-size: 0.92rem;
  line-height: 1;
}

.manager-illustrator-stats dt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.manager-illustrator-bio {
  margin-top: 2px;
}

.manager-illustrator-instagram {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(132, 160, 255, 0.3);
  border-radius: 999px;
  padding: 10px 12px;
  background: rgba(8, 14, 38, 0.28);
  color: var(--manager-text-strong);
  font-size: 0.74rem;
  font-weight: 900;
  line-height: 1.1;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: background 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.manager-illustrator-instagram:hover,
.manager-illustrator-instagram:focus-visible {
  border-color: rgba(132, 160, 255, 0.54);
  background: rgba(132, 160, 255, 0.14);
  outline: none;
  transform: translateY(-1px);
}

@media (max-width: 760px) {
  .manager-illustrator-card {
    grid-template-columns: 68px minmax(0, 1fr);
  }

  .manager-illustrator-avatar {
    width: 68px;
  }
}
/* Centered illustrator avatar */
.manager-illustrator-card {
  grid-template-columns: minmax(0, 1fr);
  justify-items: center;
  text-align: center;
}

.manager-illustrator-avatar {
  grid-column: 1;
  grid-row: auto;
  width: 104px;
  margin: 2px auto 4px;
}

.manager-illustrator-info {
  grid-column: 1;
  grid-row: auto;
  width: 100%;
  justify-items: center;
  text-align: center;
}

.manager-illustrator-heading {
  justify-content: center;
}

.manager-illustrator-heading span {
  display: none;
}

.manager-illustrator-name {
  margin-top: -5px;
}

.manager-illustrator-stats,
.manager-illustrator-bio,
.manager-illustrator-instagram {
  width: 100%;
}

.manager-illustrator-bio {
  border-left: 0;
  border-top: 1px solid rgba(132, 160, 255, 0.18);
  padding: 12px 0 0;
  text-align: center;
}

@media (max-width: 760px) {
  .manager-illustrator-card {
    grid-template-columns: minmax(0, 1fr);
  }

  .manager-illustrator-avatar {
    width: 96px;
  }
}
html[data-manager-theme="light"] .memora-manager-page .memora-id-profile-menu {
  border-color: rgba(255, 255, 255, 0.72);
  background:
    linear-gradient(135deg, rgba(255, 252, 244, 0.9), rgba(230, 242, 241, 0.84)),
    rgba(255, 255, 255, 0.72);
  box-shadow: 0 18px 42px rgba(30, 42, 68, 0.16);
}

html[data-manager-theme="light"] .memora-manager-page .memora-id-contact span,
html[data-manager-theme="light"] .memora-manager-page .memora-id-contact-share,
html[data-manager-theme="light"] .memora-manager-page .memora-id-stats div {
  border-color: rgba(30, 42, 68, 0.12);
  background: rgba(255, 255, 255, 0.56);
}

@media (max-width: 700px) {
  .memora-manager-page .memora-id-profile-dock {
    padding-inline: 12px;
  }

  .memora-manager-page .memora-id-profile-menu {
    width: calc(100vw - 24px);
  }

  .memora-manager-page .memora-id-profile-menu-inner {
    padding: 14px;
  }

  .memora-manager-page .memora-id-profile {
    gap: 12px;
  }

  .memora-manager-page .memora-id-avatar-wrap {
    width: 56px;
  }

  .memora-manager-page .memora-id-contact-share {
    align-items: center;
  }

  .memora-manager-page .memora-id-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 430px) {
  .memora-manager-page .memora-id-profile {
    grid-template-columns: 1fr;
  }

  .memora-manager-page .memora-id-contact-share {
    align-items: flex-start;
  }
}

/* Toninho Manager: force the same timeline composition as the public edition. */
.memora-manager-page[data-manager-edition="toninho-borbo-biplano"] .toninho-timeline-mock {
  position: relative !important;
  display: grid !important;
  gap: 34px !important;
  max-width: 900px !important;
  margin: 32px auto 42px !important;
  padding: 10px 0 !important;
}

.memora-manager-page[data-manager-edition="toninho-borbo-biplano"] .toninho-timeline-mock::before {
  position: absolute !important;
  z-index: 0 !important;
  top: 8px !important;
  bottom: 8px !important;
  left: 50% !important;
  display: block !important;
  width: 6px !important;
  height: auto !important;
  transform: translateX(-50%) !important;
  border-radius: 999px !important;
  content: "" !important;
  background: linear-gradient(to bottom, #ffad43 0 25%, #f15a24 25% 52%, #ba3a30 52% 76%, #9dbd43 76% 100%) !important;
  opacity: 1 !important;
}

.memora-manager-page[data-manager-edition="toninho-borbo-biplano"] .toninho-timeline-mock-item {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 62px minmax(0, 1fr) !important;
  align-items: center !important;
  min-height: 126px !important;
}

.memora-manager-page[data-manager-edition="toninho-borbo-biplano"] .toninho-timeline-mock-marker {
  position: relative !important;
  z-index: 2 !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  justify-self: center !important;
  width: 23px !important;
  height: 26px !important;
  top: auto !important;
  right: auto !important;
  background: #ffb11b !important;
  clip-path: polygon(25% 6.7%, 75% 6.7%, 100% 50%, 75% 93.3%, 25% 93.3%, 0 50%) !important;
}

.memora-manager-page[data-manager-edition="toninho-borbo-biplano"] .toninho-timeline-mock-item:nth-child(2) .toninho-timeline-mock-marker { background: #f15a24 !important; }
.memora-manager-page[data-manager-edition="toninho-borbo-biplano"] .toninho-timeline-mock-item:nth-child(3) .toninho-timeline-mock-marker { background: #9dbd43 !important; }
.memora-manager-page[data-manager-edition="toninho-borbo-biplano"] .toninho-timeline-mock-content { grid-column: 1 !important; grid-row: 1 !important; justify-self: end !important; width: min(100%, 330px) !important; }
.memora-manager-page[data-manager-edition="toninho-borbo-biplano"] .toninho-timeline-mock-item:nth-child(even) .toninho-timeline-mock-content { grid-column: 3 !important; justify-self: start !important; }
.memora-manager-page[data-manager-edition="toninho-borbo-biplano"] .toninho-timeline-mock-content img {
  display: block !important;
  width: 72px !important;
  height: 82px !important;
  object-fit: cover !important;
  object-position: center !important;
  clip-path: polygon(25% 6.7%, 75% 6.7%, 100% 50%, 75% 93.3%, 25% 93.3%, 0 50%) !important;
}

@media (max-width: 620px) {
  .memora-manager-page[data-manager-edition="toninho-borbo-biplano"] .toninho-timeline-mock { gap: 22px !important; padding-left: 38px !important; }
  .memora-manager-page[data-manager-edition="toninho-borbo-biplano"] .toninho-timeline-mock::before { left: 12px !important; transform: none !important; }
  .memora-manager-page[data-manager-edition="toninho-borbo-biplano"] .toninho-timeline-mock-item { grid-template-columns: 28px minmax(0, 1fr) !important; min-height: 0 !important; }
  .memora-manager-page[data-manager-edition="toninho-borbo-biplano"] .toninho-timeline-mock-marker { grid-column: 1 !important; width: 18px !important; height: 21px !important; }
  .memora-manager-page[data-manager-edition="toninho-borbo-biplano"] .toninho-timeline-mock-content,
  .memora-manager-page[data-manager-edition="toninho-borbo-biplano"] .toninho-timeline-mock-item:nth-child(even) .toninho-timeline-mock-content { grid-column: 2 !important; justify-self: stretch !important; width: 100% !important; }
}

.memora-manager-page[data-manager-edition="toninho-borbo-biplano"] .toninho-timeline-mock-item::before {
  position: absolute !important;
  top: 50% !important;
  right: 50% !important;
  left: auto !important;
  display: block !important;
  width: min(140px, 18vw) !important;
  height: 2px !important;
  transform: translateY(-50%) !important;
  content: "" !important;
  background: rgba(255, 255, 255, 0.58) !important;
}
.memora-manager-page[data-manager-edition="toninho-borbo-biplano"] .toninho-timeline-mock-item:nth-child(even)::before { right: auto !important; left: 50% !important; }
@media (max-width: 620px) {
  .memora-manager-page[data-manager-edition="toninho-borbo-biplano"] .toninho-timeline-mock-item::before,
  .memora-manager-page[data-manager-edition="toninho-borbo-biplano"] .toninho-timeline-mock-item:nth-child(even)::before { left: -26px !important; right: auto !important; width: 24px !important; }
}

/* Manager override: same center and non-overlapping connectors as the public timeline. */
.memora-manager-page[data-manager-edition="toninho-borbo-biplano"] .toninho-timeline-mock[data-timeline-scroll] { padding-right: 0 !important; scrollbar-gutter: stable; }
.memora-manager-page[data-manager-edition="toninho-borbo-biplano"] .toninho-timeline-mock::before { left: 50% !important; }
.memora-manager-page[data-manager-edition="toninho-borbo-biplano"] .toninho-timeline-mock-marker { justify-self: center !important; transform: none !important; }
.memora-manager-page[data-manager-edition="toninho-borbo-biplano"] .toninho-timeline-mock-item::before {
  width: clamp(30px, 4vw, 42px) !important;
  background: rgba(77, 68, 66, 0.28) !important;
}
@media (max-width: 620px) {
  .memora-manager-page[data-manager-edition="toninho-borbo-biplano"] .toninho-timeline-mock[data-timeline-scroll] { padding-right: 0 !important; }
}

/* Manager uses per-event segments so the scrollable axis is continuous. */
.memora-manager-page[data-manager-edition="toninho-borbo-biplano"] .toninho-timeline-mock::before { display: none !important; }
.memora-manager-page[data-manager-edition="toninho-borbo-biplano"] .toninho-timeline-mock-item::after {
  position: absolute !important;
  z-index: 0 !important;
  top: 50% !important;
  left: calc(50% - 3px) !important;
  display: block !important;
  width: 6px !important;
  height: calc(100% + 34px) !important;
  content: "" !important;
  background: linear-gradient(to bottom, #ffad43, #f15a24 38%, #ba3a30 68%, #9dbd43) !important;
}
.memora-manager-page[data-manager-edition="toninho-borbo-biplano"] .toninho-timeline-mock-item:last-child::after { display: none !important; }
@media (max-width: 620px) {
  .memora-manager-page[data-manager-edition="toninho-borbo-biplano"] .toninho-timeline-mock-item::after { left: 9px !important; height: calc(100% + 22px) !important; }
}
.manager-capsule-form { display: grid; gap: 14px; margin-top: 22px; padding-top: 20px; border-top: 1px solid rgba(132, 160, 255, .2); }
.manager-capsule-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.manager-capsule-form input { width: 100%; border: 1px solid rgba(132, 160, 255, .26); border-radius: 8px; padding: 12px; background: var(--manager-field-bg); color: var(--white); font: inherit; font-size: .95rem; text-transform: none; }
.manager-capsule-status { margin: 0; color: rgba(230, 236, 255, .72); font-size: .82rem; font-weight: 750; }
@media (max-width: 620px) { .manager-capsule-fields { grid-template-columns: 1fr; } }

.manager-sales-by-point {
  grid-column: 1 / -1;
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid rgba(132, 160, 255, 0.25);
  border-radius: 10px;
  background: rgba(8, 14, 38, 0.3);
}
.manager-sales-by-point-heading { display: flex; gap: 12px; align-items: end; justify-content: space-between; }
.manager-sales-by-point-heading .eyebrow { margin: 0 0 4px; }
.manager-sales-by-point-heading h4 { margin: 0; color: var(--white); font-size: 1.1rem; }
.manager-sales-by-point-heading > span { color: rgba(230, 236, 255, .72); font-size: .82rem; font-weight: 800; }
.manager-sales-by-point-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.manager-sales-point-card { display: grid; gap: 12px; padding: 14px; border: 1px solid rgba(132, 160, 255, .18); border-radius: 8px; background: var(--manager-card-bg); }
.manager-sales-point-card strong { color: var(--white); font-size: 1rem; }
.manager-sales-point-card dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; }
.manager-sales-point-card dl div { display: grid; gap: 3px; }
.manager-sales-point-card dt { color: rgba(230, 236, 255, .64); font-size: .72rem; font-weight: 750; }
.manager-sales-point-card dd { margin: 0; color: var(--white); font-size: .9rem; font-weight: 850; }
html[data-manager-theme="light"] .memora-manager-page .manager-sales-by-point,
html[data-manager-theme="light"] .memora-manager-page .manager-sales-point-card { border-color: rgba(42, 55, 89, .16); background: rgba(255, 255, 255, .5); }
html[data-manager-theme="light"] .memora-manager-page .manager-sales-point-card strong,
html[data-manager-theme="light"] .memora-manager-page .manager-sales-point-card dd,
html[data-manager-theme="light"] .memora-manager-page .manager-sales-by-point-heading h4 { color: var(--manager-text-strong); }
@media (max-width: 760px) { .manager-sales-by-point-list { grid-template-columns: 1fr; } }
@media (max-width: 430px) { .manager-sales-by-point { padding: 13px; } .manager-sales-by-point-heading { align-items: start; flex-direction: column; } .manager-sales-point-card dl { grid-template-columns: 1fr; } }