/* AGENTIA V487. Scoped to the collections book in Finance and the home widget. */
:is(#rm-production, [data-home-collections-root].home-collections) {
  --book-line: #d7e0eb;
  --book-ink: #172335;
  background: #eef2f7;
  color: var(--book-ink);
  border: 1px solid var(--book-line);
  border-radius: 20px;
  padding: 0 18px 18px;
  box-shadow: 0 10px 28px #1723350c;
  overflow: hidden;
}
:is(#rm-production, [data-home-collections-root].home-collections) > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  margin: 0 -18px 18px;
  padding: 24px 26px;
  background: linear-gradient(115deg, #1c2533, #303946);
  border-left: 5px solid #fa8746;
  color: #fff;
}
:is(#rm-production, [data-home-collections-root].home-collections) > header h2 {
  color: #fff;
  font-size: clamp(20px, 1.8vw, 26px);
  line-height: 1.25;
  font-weight: 750;
  letter-spacing: -.025em;
  margin: 0;
}
:is(#rm-production, [data-home-collections-root].home-collections) > header p {
  color: #d6dfea;
  opacity: 1;
  font-size: 13px;
  line-height: 1.6;
  margin: 7px 0 0;
}
[data-home-collections-root].home-collections > header > button {
  background: #414d5d;
  border-color: #6c7c91;
  color: #fff;
  border-radius: 10px;
  padding: 10px 16px;
}
[data-home-collections-root].home-collections > header > button:hover {background: #536176; border-color: #faad7d}
[data-home-collections-root].home-collections .home-collections-updated {color: #526175; opacity: 1; font-size: 12px}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book {
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--book-ink);
  overflow: visible;
}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tabs {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
  overflow: visible;
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0 0 16px;
}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab {
  --book-from: #a84b18;
  --book-to: #542815;
  --book-accent: #ffbd87;
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0;
  min-width: 0;
  min-height: 162px;
  padding: 19px 16px 18px;
  border: 1px solid #ffffff25;
  border-top: 3px solid var(--book-accent);
  border-radius: 13px;
  background: linear-gradient(135deg, var(--book-from), var(--book-to));
  color: #fff;
  text-align: left;
  line-height: 1.3;
  cursor: pointer;
  box-shadow: 0 4px 10px #0a172716;
  transition: transform .16s ease, box-shadow .16s ease;
}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab[data-collection-tab="fees"] {--book-from: #14664c; --book-to: #0c332b; --book-accent: #8ae3c1}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab[data-collection-tab="rentals"] {--book-from: #245a9e; --book-to: #122f57; --book-accent: #9bcfff}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab[data-collection-tab="sales"] {--book-from: #633b98; --book-to: #332047; --book-accent: #d7b4ff}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab[data-collection-tab="anticretics"] {--book-from: #155e75; --book-to: #0a3545; --book-accent: #9fe7f5}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab[data-collection-tab="construction"] {--book-from: #77501e; --book-to: #3d2d17; --book-accent: #ffd998}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab::after {
  content: "↗";
  position: absolute;
  right: 14px;
  bottom: 17px;
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border: 1px solid #ffffff60;
  border-radius: 50%;
  color: #fff;
  font: 15px/1 'Segoe UI', Arial, sans-serif;
}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab > span {
  color: #fff;
  font-size: 13px;
  font-weight: 650;
  letter-spacing: .01em;
  white-space: normal;
  overflow-wrap: anywhere;
  margin-bottom: 20px;
}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab > strong {
  color: #fff;
  font: 700 clamp(20px, 1.6vw, 26px)/1.15 'Segoe UI', Arial, sans-serif;
  letter-spacing: -.025em;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
  margin-top: auto;
}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab > small {
  color: #fff;
  opacity: 1;
  font-size: 12px;
  line-height: 1.4;
  font-weight: 500;
  margin-top: 8px;
  padding-right: 30px;
}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab:hover {
  background: linear-gradient(135deg, var(--book-from), var(--book-to));
  border-color: #ffffff60;
  border-top-color: var(--book-accent);
  transform: translateY(-2px);
  box-shadow: 0 8px 17px #0a172727;
}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab[aria-selected="true"] {
  background: linear-gradient(135deg, var(--book-from), var(--book-to));
  border-color: #fff;
  border-top-color: var(--book-accent);
  outline: 2px solid var(--book-from);
  outline-offset: 2px;
  box-shadow: 0 8px 17px #0a172727;
}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab[aria-selected="true"]::after {content: "✓"; background: #fff; color: var(--book-to); border-color: #fff}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab:focus-visible {outline: 3px solid #172335; outline-offset: 3px}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tools {
  padding: 14px 16px;
  border: 1px solid #d3deea;
  border-radius: 12px 12px 0 0;
  background: #e1e8f1;
  color: #314055;
  gap: 12px;
}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tools > span {color: #314055; opacity: 1; font-size: 12px}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tools .rm-button {
  background: #f8fafc;
  border: 1px solid #b9c8d9;
  color: #243348;
  border-radius: 9px;
  font-size: 12px;
  min-height: 42px;
  padding: 10px 15px;
}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tools .rm-book-download {
  background: #bd480f;
  border-color: #bd480f;
  color: #fff;
  box-shadow: 0 3px 6px #91380715;
}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tools .rm-book-download:hover {background: #9e3b0a; border-color: #9e3b0a}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-placeholder {
  min-height: 138px;
  padding: 28px 18px;
  gap: 7px;
  border: 1px solid #d3deea;
  border-top: 0;
  border-radius: 0 0 12px 12px;
  background: #e9eef5;
  color: #26394e;
}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-placeholder > b {color: #26394e; font-size: 15px}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-placeholder > span {color: #526175; opacity: 1; font-size: 13px}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-panel {
  padding: 20px;
  border: 1px solid #d3deea;
  border-top: 0;
  border-radius: 0 0 12px 12px;
  background: #f8fafc;
  color: #243348;
}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-summary {
  padding-bottom: 15px;
  margin-bottom: 18px;
  border-bottom: 1px solid #dce4ee;
  color: #243348;
}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-summary :is(h3, strong) {color: #1d2e45}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-summary p,
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-summary > div > span {color: #526175; opacity: 1}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-table-scroll {border-color: #d3deea; background: #fff}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-table-scroll th {background: #e8edf4; color: #34465d; border-color: #d3deea}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-table-scroll td {color: #243348; border-color: #e2e8f0}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-table-scroll tr:nth-child(even) td {background: #f4f7fb}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-empty {background: #e9eef5; border-color: #bccbdd; color: #526175; opacity: 1}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-other {color: #314055; border-color: #d3deea}
[data-home-collections-root].home-collections .rm-notices {color: #684412; background: #fff4df; border-color: #e5c58d}
@media (max-width: 1150px) {
  :is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tabs {grid-template-columns: repeat(3, minmax(0, 1fr))}
}
@media (max-width: 650px) {
  :is(#rm-production, [data-home-collections-root].home-collections) {padding: 0 12px 12px; border-radius: 15px}
  :is(#rm-production, [data-home-collections-root].home-collections) > header {margin: 0 -12px 14px; padding: 19px 16px}
  :is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tabs {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px}
  :is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab {min-height: 149px; padding: 16px 12px}
  :is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab > span {font-size: 12px; margin-bottom: 18px}
  :is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab > strong {font-size: 21px}
  :is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab > small {font-size: 11px}
  :is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tools {padding: 12px}
  :is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tools > div {width: 100%; gap: 8px}
  :is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tools .rm-button {flex: 1 1 170px; font-size: 12px}
  :is(#rm-production, [data-home-collections-root].home-collections) .rm-book-panel {padding: 14px 12px}
}
@media (prefers-reduced-motion: reduce) {
  :is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab {transition: none}
  :is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab:hover {transform: none}
}
@media print {
  :is(#rm-production, [data-home-collections-root].home-collections) {background: #fff; color: #111; box-shadow: none; padding: 10px}
  :is(#rm-production, [data-home-collections-root].home-collections) > header {background: #fff; border-left-color: #444; margin: 0 0 12px; padding: 12px}
  :is(#rm-production, [data-home-collections-root].home-collections) > header :is(h2, p) {color: #111}
  :is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tabs {grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 5px}
  :is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab {background: #fff !important; color: #111; border: 1px solid #aaa; box-shadow: none; min-height: 100px; padding: 10px 7px; outline: none; transform: none}
  :is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab > :is(span, strong, small) {color: #111; padding-right: 0; font-size: 9pt}
  :is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab::after {display: none}
  [data-home-collections-root].home-collections > header > button {display: none}
}

/* AGENTIA V489. Decorative skin only: all labels, balances and actions remain live.
   /assets/agentia-metal-ornament-v489-bb2c9102c3e1.svg, /assets/agentia-metal-chip-v489-233f4925fd13.svg, /assets/agentia-metal-isologo-v489-2998b22f6615.png are resolved to content-hashed local assets. */
:is(#rm-production, [data-home-collections-root].home-collections) {
  container-type: inline-size;
}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tabs {
  gap: 14px;
  padding: 4px;
  margin: -4px -4px 16px;
}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab,
.agent-kpis.agent-results-kpis > .agent-kpi-card {
  --metal-light: #454b54;
  --metal-mid: #20242c;
  --metal-dark: #090b10;
  --metal-edge: #a5abb4;
  --metal-reflect: #d9e0eb;
  --chip-top: 65px;
  --card-skin: url("/assets/agentia-metal-chip-v489-233f4925fd13.svg") 18px var(--chip-top) / 35px 27px no-repeat,
    url("/assets/agentia-metal-ornament-v489-bb2c9102c3e1.svg") center / 100% 100% no-repeat,
    linear-gradient(116deg, transparent 18%, #ffffff03 38%, #ffffff29 46%, #ffffff04 52%, transparent 63%),
    radial-gradient(ellipse at 79% 0%, #ffffff24, transparent 55%),
    linear-gradient(142deg, var(--metal-light), var(--metal-mid) 47%, var(--metal-dark));
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  min-width: 0;
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--metal-edge) !important;
  border-radius: 17px;
  background: var(--card-skin) !important;
  color: #fff !important;
  text-align: left;
  cursor: pointer;
  box-shadow: inset 0 0 0 2px #ffffff12, inset 0 1px 0 #ffffffa6,
    inset 0 -2px 0 #00000050, 0 7px 13px -5px #10151d65;
  transition: transform .18s ease, box-shadow .18s ease;
  -webkit-tap-highlight-color: transparent;
}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab {
  min-height: 184px;
  aspect-ratio: 1.586;
  padding: 18px 17px 34px;
  line-height: 1.3;
}
/* Six related metallic finishes; Black is the membership signature. */
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab[data-collection-tab="fees"],
.agent-kpis.agent-results-kpis > .agent-kpi-card.earnings-paid {
  --metal-light: #276859; --metal-mid: #12483c; --metal-dark: #072a24;
  --metal-edge: #76b69f; --metal-reflect: #b4e8d3;
}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab[data-collection-tab="rentals"],
.agent-kpis.agent-results-kpis > .agent-kpi-card.production {
  --metal-light: #345983; --metal-mid: #213b61; --metal-dark: #101f37;
  --metal-edge: #849fc7; --metal-reflect: #c0d5f8;
}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab[data-collection-tab="sales"],
.agent-kpis.agent-results-kpis > .agent-kpi-card.network {
  --metal-light: #624476; --metal-mid: #422b51; --metal-dark: #271a34;
  --metal-edge: #b58fc6; --metal-reflect: #ead0f5;
}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab[data-collection-tab="anticretics"] {
  --metal-light: #276772; --metal-mid: #104651; --metal-dark: #092d35;
  --metal-edge: #7bb8c0; --metal-reflect: #b8eaf0;
}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab[data-collection-tab="construction"],
.agent-kpis.agent-results-kpis > .agent-kpi-card.achievement {
  --metal-light: #806132; --metal-mid: #594121; --metal-dark: #362714;
  --metal-edge: #d7b879; --metal-reflect: #f8e3ac;
}
/* Real Agentia alpha silhouette: no substituted or invented logo. */
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab::before,
.agent-kpis.agent-results-kpis > .agent-kpi-card::before {
  content: "";
  position: absolute;
  top: 12px;
  right: 11px;
  width: 78px;
  height: 78px;
  background: linear-gradient(140deg, #ffffffb0, var(--metal-reflect) 35%, #ffffff18 68%, #ffffff65);
  -webkit-mask: url("/assets/agentia-metal-isologo-v489-2998b22f6615.png") center / contain no-repeat;
  mask: url("/assets/agentia-metal-isologo-v489-2998b22f6615.png") center / contain no-repeat;
  opacity: .65;
  pointer-events: none;
  z-index: -1;
}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab::after,
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab[aria-selected="true"]::after,
.agent-kpis.agent-results-kpis > .agent-kpi-card::after {
  content: "A G E N T I A";
  position: absolute;
  top: auto;
  right: 17px;
  bottom: 13px;
  width: auto;
  height: auto;
  display: block;
  border: 0;
  border-radius: 0;
  background: none;
  color: #ffffffce;
  opacity: 1;
  font: 600 8px/1.2 'Segoe UI', Arial, sans-serif;
  letter-spacing: .12em;
  pointer-events: none;
}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab > span {
  min-height: 32px;
  padding-right: 63px;
  margin: 0 0 46px;
  color: #fff;
  font: 650 13px/1.35 'Segoe UI', Arial, sans-serif;
  letter-spacing: .005em;
  text-shadow: 0 1px 3px #00000075;
  overflow-wrap: normal;
}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab > strong {
  margin: auto 0 0;
  color: #fff;
  font: 700 clamp(21px, 1.55vw, 29px)/1.15 'Segoe UI', Arial, sans-serif;
  letter-spacing: -.025em;
  font-variant-numeric: tabular-nums;
  text-shadow: 0 1px 3px #00000065;
  overflow-wrap: anywhere;
}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab > small {
  margin: 6px 0 0;
  padding: 0;
  color: #f6f7f9;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  text-shadow: 0 1px 2px #00000065;
}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab:hover,
.agent-kpis.agent-results-kpis > .agent-kpi-card:hover {
  transform: translateY(-3px);
  box-shadow: inset 0 0 0 2px #ffffff24, inset 0 1px 0 #fff,
    inset 0 -2px 0 #00000050, 0 12px 20px -7px #10151d7a;
}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab[aria-selected="true"] {
  outline: 2px solid var(--metal-mid);
  outline-offset: 3px;
  box-shadow: inset 0 0 0 2px #ffffff90, inset 0 1px 0 #fff,
    inset 0 -2px 0 #00000050, 0 9px 17px -5px #10151d65;
}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab[aria-selected="true"] > span::after {
  content: " ✓";
  color: #fff;
}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab:focus-visible,
.agent-kpis.agent-results-kpis > .agent-kpi-card:focus-visible {
  outline: 3px solid #f58038;
  outline-offset: 3px;
  box-shadow: inset 0 0 0 2px #ffffffa6, 0 0 0 2px #fff, 0 10px 20px -5px #10151d65;
}
/* The five advisor cards keep their descriptions, dialogs and navigation. */
.agent-kpis.agent-results-kpis {
  gap: 14px;
  align-items: stretch;
  padding: 4px;
}
.agent-kpis.agent-results-kpis > .agent-kpi-card {
  --chip-top: 68px;
  min-height: 250px;
  padding: 18px 18px 36px !important;
  font-family: 'Segoe UI', Arial, sans-serif;
}
.agent-kpis.agent-results-kpis > .agent-kpi-card > .agent-kpi-icon {display: none}
.agent-kpis.agent-results-kpis > .agent-kpi-card > span {
  min-height: 35px;
  padding-right: 63px;
  color: #fff !important;
  font-size: 13px;
  line-height: 1.35;
  font-weight: 650;
  text-shadow: 0 1px 3px #00000075;
}
.agent-kpis.agent-results-kpis > .agent-kpi-card > strong {
  margin: 57px 0 7px;
  color: #fff !important;
  font: 700 clamp(22px, 1.65vw, 29px)/1.15 'Segoe UI', Arial, sans-serif;
  font-variant-numeric: tabular-nums;
  letter-spacing: -.02em;
  text-shadow: 0 1px 3px #00000065;
  overflow-wrap: anywhere;
}
.agent-kpis.agent-results-kpis > .agent-kpi-card > strong small {
  display: inline;
  color: #fff !important;
  font: 500 12px/1.4 'Segoe UI', Arial, sans-serif;
  letter-spacing: 0;
}
.agent-kpis.agent-results-kpis > .agent-kpi-card > small {
  color: #f0f3f7 !important;
  font-size: 12px;
  line-height: 1.5;
  text-shadow: 0 1px 2px #00000080;
}
.agent-kpis.agent-results-kpis > .agent-kpi-card > .agent-kpi-link {
  margin-top: auto;
  padding-top: 12px;
  color: #fff !important;
  opacity: 1;
  font-size: 12px;
  line-height: 1.4;
  text-shadow: 0 1px 2px #00000065;
}
/* Match the actual space available inside Finance and Home, not just the screen. */
@container (max-width: 1270px) {
  :is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tabs {grid-template-columns: repeat(3, minmax(0, 1fr))}
}
@container (max-width: 640px) {
  :is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tabs {grid-template-columns: repeat(2, minmax(0, 1fr))}
}
@container (max-width: 400px) {
  :is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tabs {grid-template-columns: minmax(0, 1fr)}
}
@media (min-width: 701px) and (max-width: 1000px) {
  .agent-kpis.agent-results-kpis {grid-template-columns: repeat(2, minmax(0, 1fr))}
}
@media (max-width: 700px) {
  /* Preserve the existing mobile swipe row for the advisor dashboard. */
  .agent-kpis.agent-results-kpis {gap: 12px; padding: 4px 4px 14px; grid-auto-columns: min(82vw, 310px)}
  .agent-kpis.agent-results-kpis > .agent-kpi-card {min-height: 250px}
}
@media (max-width: 450px) {
  :is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tabs {grid-template-columns: minmax(0, 1fr)}
}
@media (prefers-reduced-motion: reduce) {
  :is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab,
  .agent-kpis.agent-results-kpis > .agent-kpi-card {transition: none}
  :is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab:hover,
  .agent-kpis.agent-results-kpis > .agent-kpi-card:hover {transform: none}
}
@media print {
  :is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab,
  .agent-kpis.agent-results-kpis > .agent-kpi-card {
    background: #fff !important; color: #111 !important; border: 1px solid #777 !important;
    box-shadow: none; outline: none; transform: none; min-height: 100px; aspect-ratio: auto;
    padding: 10px !important; break-inside: avoid;
  }
  :is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab::before,
  :is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab::after,
  .agent-kpis.agent-results-kpis > .agent-kpi-card::before,
  .agent-kpis.agent-results-kpis > .agent-kpi-card::after {display: none}
  :is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab > :is(span,strong,small),
  .agent-kpis.agent-results-kpis > .agent-kpi-card > :is(span,strong,small,b),
  .agent-kpis.agent-results-kpis > .agent-kpi-card > strong small {
    color: #111 !important; text-shadow: none; padding: 0; margin: 4px 0; font-size: 10pt;
  }
  .agent-kpis.agent-results-kpis {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); grid-auto-flow: row; overflow: visible}
}

/* V490: keep every card inside its own slot and give selection a front layer.
   Metallic decoration, hover movement and existing click handlers stay intact. */
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tabs {
  isolation: isolate;
  padding: 8px 6px;
}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab,
.agent-kpis.agent-results-kpis > .agent-kpi-card {
  --chip-top: 48px;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  min-height: 154px;
  aspect-ratio: 1.586;
  padding: 14px 16px 30px !important;
  z-index: 0;
}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab > span {
  min-height: 30px;
  margin: 0 0 34px;
}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab {
  padding-bottom: 12px !important;
}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab > small {
  padding-right: 76px;
}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab:hover {
  z-index: 1;
}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab[aria-selected="true"] {
  z-index: 3;
}
:is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab:focus-visible {
  z-index: 4;
}
/* Only the label and the main total remain on the advisor card.
   The existing dialog and destination sections still own all the detail. */
.agent-kpis.agent-results-kpis > .agent-kpi-card > span {
  min-height: 30px;
}
.agent-kpis.agent-results-kpis > .agent-kpi-card > strong {
  margin: auto 0 0;
}
.agent-kpis.agent-results-kpis > .agent-kpi-card > small,
.agent-kpis.agent-results-kpis > .agent-kpi-card > strong small,
.agent-kpis.agent-results-kpis > .agent-kpi-card > .agent-kpi-link {
  display: none;
}
/* Change columns before bank cards would become square on a narrow desktop. */
@container (min-width: 641px) and (max-width: 1440px) {
  :is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tabs {grid-template-columns: repeat(3, minmax(0, 1fr))}
}
@media (min-width: 1001px) and (max-width: 1500px) {
  .agent-kpis.agent-results-kpis {grid-template-columns: repeat(3, minmax(0, 1fr))}
}
@media print {
  :is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab,
  .agent-kpis.agent-results-kpis > .agent-kpi-card {
    min-height: 100px;
    aspect-ratio: auto;
    padding: 10px !important;
  }
  :is(#rm-production, [data-home-collections-root].home-collections) .rm-book-tab > span,
  .agent-kpis.agent-results-kpis > .agent-kpi-card > strong {margin: 4px 0}
}

/* V491: advisor Mi Red only. Keep the six official KPIs and remove the two
   redundant strips from the visual and accessibility layout. */
.agent-main.network-main > .network-live-sync,
.agent-main.network-main > .network-leadership-alert {
  display: none !important;
}
.agent-main.network-main > .network-kpis {
  gap: 10px;
  margin-bottom: 16px;
}
.agent-main.network-main > .network-kpis > article {
  --network-from: #fff3e3;
  --network-to: #ffe0b7;
  --network-accent: #ff8a1e;
  --network-icon: #b94a12;
  position: relative;
  isolation: isolate;
  box-sizing: border-box;
  min-width: 0;
  min-height: 128px;
  padding: 16px 14px !important;
  overflow: hidden;
  border: 1px solid #26364b10;
  border-left: 5px solid var(--network-accent);
  border-radius: 14px;
  background: linear-gradient(135deg, var(--network-from), var(--network-to));
  color: #18263b;
  box-shadow: 0 5px 13px #1623360d, inset 0 1px #ffffffa0;
}
.agent-main.network-main > .network-kpis > article:nth-child(2) {
  --network-from: #edf3ff; --network-to: #cfddff; --network-accent: #497cff; --network-icon: #2456c7;
}
.agent-main.network-main > .network-kpis > article.active {
  --network-from: #e4f8ed; --network-to: #bfeed7; --network-accent: #20bb82; --network-icon: #08734e;
}
.agent-main.network-main > .network-kpis > article.production {
  --network-from: #e5f8ff; --network-to: #bcecf7; --network-accent: #16abd4; --network-icon: #076e92;
}
.agent-main.network-main > .network-kpis > article.income {
  --network-from: #fff0f6; --network-to: #ffd6e6; --network-accent: #ed5690; --network-icon: #ad275f;
}
.agent-main.network-main > .network-kpis > article.rank {
  --network-from: #f2eaff; --network-to: #ddcbff; --network-accent: #a56cf1; --network-icon: #7538b8;
}
.agent-main.network-main > .network-kpis > article::after {
  width: 85px;
  height: 85px;
  background: var(--network-accent);
  opacity: .06;
  pointer-events: none;
  z-index: -1;
}
.agent-main.network-main > .network-kpis > article > i {
  position: absolute;
  top: 13px;
  right: 12px;
  float: none;
  width: 30px;
  height: 30px;
  border: 1px solid #ffffff50;
  border-radius: 50%;
  background: var(--network-icon);
  color: #fff;
}
.agent-main.network-main > .network-kpis > article > span {
  min-height: 31px;
  padding-right: 33px;
  color: #25354a;
  opacity: 1;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.35;
  letter-spacing: 0;
  text-transform: none;
}
.agent-main.network-main > .network-kpis > article > strong {
  margin: 9px 0 5px;
  color: #18263b;
  font: 700 27px/1.15 'Segoe UI', Arial, sans-serif;
  font-variant-numeric: tabular-nums;
  letter-spacing: -.025em;
  overflow-wrap: anywhere;
}
.agent-main.network-main > .network-kpis > article > strong > b {
  color: #374357;
  font: 500 13px/1.3 'Segoe UI', Arial, sans-serif;
}
.agent-main.network-main > .network-kpis > article > small {
  color: #374357;
  opacity: 1;
  font-size: 11.5px;
  line-height: 1.45;
}
@media print {
  .agent-main.network-main > .network-kpis > article {
    background: #fff;
    border: 1px solid #777;
    box-shadow: none;
    break-inside: avoid;
  }
  .agent-main.network-main > .network-kpis > article::after {display: none}
  .agent-main.network-main > .network-kpis > article > i {background: #fff}
  .agent-main.network-main > .network-kpis > article > :is(i,span,strong,small),
  .agent-main.network-main > .network-kpis > article > strong > b {color: #111}
}

/* V492. Approved Titanio finish, scoped only to the advisor's Mi Red KPIs. */
.agent-main.network-main > .network-kpis {
  gap: 12px;
  padding: 4px 2px 8px;
}
.agent-main.network-main > .network-kpis > article {
  --ti-light: #f2e9d9;
  --ti-mid: #ded0b9;
  --ti-dark: #c4b69f;
  --ti-edge: #b49c7c;
  --ti-icon: #86441e;
  --ti-symbol: url("/assets/agentia-titanium-people-v492-581b757c2ae9.svg");
  min-height: 160px;
  padding: 16px 14px !important;
  border: 1px solid var(--ti-edge);
  border-radius: 14px;
  color: #112033;
  background:
    repeating-linear-gradient(0deg, #ffffff00 0, #ffffff00 1px, #ffffff26 1px, #ffffff26 2px, #00000004 2px, #00000004 3px),
    linear-gradient(112deg, #ffffffa3 0, #ffffff00 24%, #ffffff80 42%, #ffffff00 59%, #ffffff75 81%, #ffffff00 100%),
    linear-gradient(135deg, var(--ti-light), var(--ti-mid) 52%, var(--ti-dark));
  box-shadow: inset 0 1px 0 #fff, inset 0 -2px 0 #00000016, 0 7px 12px -6px #1a202b55;
}
.agent-main.network-main > .network-kpis > article:nth-child(2) {
  --ti-light: #ecf0f5; --ti-mid: #ccd7e3; --ti-dark: #b0bfce;
  --ti-edge: #899fb7; --ti-icon: #245284;
}
.agent-main.network-main > .network-kpis > article.active {
  --ti-light: #eef1e7; --ti-mid: #d5ddcc; --ti-dark: #bbc6b4;
  --ti-edge: #94a48c; --ti-icon: #2d603e; --ti-symbol: url("/assets/agentia-titanium-network-v492-17e7856309b0.svg");
}
.agent-main.network-main > .network-kpis > article.production {
  --ti-light: #ecedf1; --ti-mid: #cdd4dd; --ti-dark: #aeb8c5;
  --ti-edge: #8895a8; --ti-icon: #345572; --ti-symbol: url("/assets/agentia-titanium-gear-v492-5ecbf7194662.svg");
}
.agent-main.network-main > .network-kpis > article.income {
  --ti-light: #f3ebe4; --ti-mid: #ded1c6; --ti-dark: #c8b9ab;
  --ti-edge: #b39c88; --ti-icon: #855535; --ti-symbol: url("/assets/agentia-titanium-coins-v492-23955c3113d7.svg");
}
.agent-main.network-main > .network-kpis > article.rank {
  --ti-light: #f0edf4; --ti-mid: #d8d2e0; --ti-dark: #bfb6ca;
  --ti-edge: #9f94ad; --ti-icon: #58436f; --ti-symbol: url("/assets/agentia-titanium-rank-v492-78276b01523a.svg");
}
.agent-main.network-main > .network-kpis > article::before {
  content: "";
  position: absolute;
  inset: 3px;
  border: 1px solid #ffffffad;
  border-radius: 10px;
  pointer-events: none;
}
.agent-main.network-main > .network-kpis > article::after {display: none}
.agent-main.network-main > .network-kpis > article > i {
  top: 15px;
  right: 12px;
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  border: 1px solid var(--ti-edge);
  border-radius: 50%;
  background: linear-gradient(145deg, #fff, var(--ti-light) 38%, var(--ti-dark));
  box-shadow: inset 0 0 0 2px #ffffffcc, 0 3px 5px #26304030;
  color: transparent;
  font-size: 0;
}
.agent-main.network-main > .network-kpis > article > i::before {
  content: "";
  display: block;
  width: 21px;
  height: 21px;
  background: var(--ti-icon);
  -webkit-mask: var(--ti-symbol) center / contain no-repeat;
  mask: var(--ti-symbol) center / contain no-repeat;
}
.agent-main.network-main > .network-kpis > article > span {
  min-height: 36px;
  padding-right: 43px;
  color: #112033;
  font: 600 14px/1.25 Georgia, 'Times New Roman', serif;
  letter-spacing: -.01em;
  text-transform: none;
}
.agent-main.network-main > .network-kpis > article > span::after {
  content: "";
  display: block;
  width: 35px;
  height: 1px;
  margin-top: 8px;
  background: var(--ti-icon);
  box-shadow: 0 1px 0 #ffffffbf;
  opacity: .65;
}
.agent-main.network-main > .network-kpis > article > strong {
  margin: 12px 0 5px;
  color: #112033;
  font: 700 34px/1.1 'Segoe UI', Arial, sans-serif;
  letter-spacing: -.035em;
  font-variant-numeric: tabular-nums;
}
.agent-main.network-main > .network-kpis > article > strong > b {
  color: #253247;
  font: 500 16px/1.2 'Segoe UI', Arial, sans-serif;
}
.agent-main.network-main > .network-kpis > article > small {
  color: #253247;
  font-size: 11.5px;
  line-height: 1.4;
  opacity: 1;
}
/* The only direct inventory-notice without a retry button is the loading notice.
   Keep errors/retry visible. Hide the old flow row so it cannot shift the page.
   Reveal a small hero status after 900ms; removing the loading node resets it. */
.agent-main.network-main > .inventory-notice:not(:has(button)) {
  display: none !important;
}
.agent-main.network-main:has(> .inventory-notice):not(:has(> .inventory-notice button))
  > .network-hero > .network-hero-actions > small::after {
  content: "Actualizando…";
  position: absolute;
  right: 0;
  bottom: -15px;
  color: inherit;
  font: 500 11px/1.2 'Segoe UI', Arial, sans-serif;
  white-space: nowrap;
  pointer-events: none;
  visibility: hidden;
  animation: agentia-network-sync-v492 0s linear .9s forwards;
}
@keyframes agentia-network-sync-v492 {
  to {visibility: visible}
}
@media print {
  .agent-main.network-main > .network-kpis > article {
    background: #fff;
    border: 1px solid #777;
    box-shadow: none;
    min-height: 100px;
  }
  .agent-main.network-main > .network-kpis > article::before {display: none}
  .agent-main.network-main > .network-kpis > article > i {background: #fff; box-shadow: none}
  .agent-main.network-main > .network-hero > .network-hero-actions > small::after {display: none}
}

/* V494. Subtle hover motion for the six informational Mi Red cards only.
   No navigation, data, layout dimensions or touch interactions are changed. */
@media screen and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .agent-main.network-main > .network-kpis > article {
    transform-origin: center;
    transition:
      transform 280ms cubic-bezier(.22, .61, .36, 1),
      box-shadow 280ms ease;
  }

  .agent-main.network-main > .network-kpis > article:hover {
    transform: translateY(-5px) scale(1.015);
    box-shadow:
      inset 0 1px 0 #fff,
      inset 0 -2px 0 #00000016,
      0 13px 21px -8px #1a202b66;
  }
}