/* Gestores de Rede · hub editorial dentro do painel administrativo de Afiliados.
   Escopo isolado para não afetar as demais áreas do Superadmin. */
.network-hub {
  --network-ink: #20372e;
  --network-deep: #193c2d;
  --network-muted: #62736a;
  --network-border: #dfe6dc;
  --network-tint: #f6f8f4;
  --network-gold: #dfbd81;
  display: grid;
  align-content: start;
  gap: clamp(1rem, 2vw, 1.4rem);
  min-width: 0;
  max-width: 98rem;
  margin-inline: auto;
  padding-bottom: clamp(2rem, 4vw, 4rem);
}

.network-hub *, .network-hub *::before, .network-hub *::after { box-sizing: border-box; }
.network-hub [hidden] { display: none !important; }
.network-hub :is(a, button, input, select, summary):focus-visible {
  outline: 3px solid #3a946d;
  outline-offset: 3px;
}
.network-hub :is(.network-hub-hero, .network-hub-section, .network-hub-accordion, .network-hub-stat) {
  min-width: 0;
}

.network-hub-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(14rem, .78fr);
  gap: clamp(1.2rem, 3vw, 3rem);
  align-items: stretch;
  padding: clamp(1.25rem, 3vw, 2.5rem);
  border: 1px solid rgba(243,247,238,.08);
  border-radius: 1.25rem;
  color: #fff;
  background: radial-gradient(circle at 88% 12%, rgba(116,170,129,.21), transparent 45%),
    linear-gradient(115deg, #1c3c2f 0%, #12271f 100%);
  box-shadow: 0 20px 50px rgba(19,44,32,.1);
}

.network-hub-hero-main { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; min-width: 0; }
.network-hub-overline {
  display: flex; flex-wrap: wrap; align-items: center; gap: .5rem;
  margin: 0 0 .8rem; color: #bad1c0;
  font-size: .69rem; font-weight: 820; letter-spacing: .12em; text-transform: uppercase; line-height: 1.5;
}
.network-hub-overline span { color: #d4b77c; opacity: .85; }
.network-hub-hero h1 {
  max-width: none; margin: 0 0 .85rem; color: #fff;
  font-size: clamp(2rem, 3.3vw, 3.35rem);
  font-weight: 780; line-height: 1.08; letter-spacing: -.04em;
  text-wrap: balance;
}
.network-hub-lede {
  max-width: 61ch; margin: 0; color: #d3e2d7;
  font-size: clamp(.9rem, 1.15vw, 1rem); line-height: 1.7;
}
.network-hub-hero-actions { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: 1.55rem; }
.network-hub .network-hub-hero-actions .admin-primary-button {
  min-height: 2.9rem; padding: .75rem 1.1rem; border-radius: .67rem;
  border-color: #e7ca92; background: #e7ca92; color: #1d3528; font-size: .87rem; font-weight: 850;
}
.network-hub .network-hub-hero-actions .admin-primary-button:hover { background: #f4dcab; border-color: #f4dcab; }
.network-hub .network-hub-hero-actions .admin-secondary-button {
  min-height: 2.9rem; padding: .75rem 1.1rem; border-radius: .67rem;
  border-color: rgba(238,247,235,.4); background: rgba(255,255,255,.06); color: #fff;
  font-size: .87rem; font-weight: 780;
}
.network-hub .network-hub-hero-actions .admin-secondary-button:hover { background: rgba(255,255,255,.15); }
.network-hub-hero-side {
  display: grid; align-content: start; min-width: 0;
  padding: 1.2rem; border: 1px solid rgba(255,255,255,.13);
  border-radius: .96rem; background: rgba(255,255,255,.07);
}
.network-hub-hero-side-kicker {
  margin: 0 0 .95rem; color: #c9dccc;
  font-size: .7rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase;
}
.network-hub-process { display: grid; gap: .78rem; margin: 0; padding: 0; list-style: none; }
.network-hub-process li {
  display: grid; grid-template-columns: 2rem minmax(0,1fr);
  align-items: baseline; column-gap: .65rem; row-gap: .1rem; min-width: 0;
}
.network-hub-process li span {
  grid-row: span 2; color: #e5c68f; font-size: .8rem; font-weight: 850;
}
.network-hub-process strong { font-size: .88rem; font-weight: 780; line-height: 1.3; }
.network-hub-process small { color: #bdd0c1; font-size: .73rem; line-height: 1.45; }
.network-hub-hero-side > p {
  margin: 1rem 0 0; padding-top: .85rem; border-top: 1px solid rgba(255,255,255,.13);
  color: #d4dfd3; font-size: .72rem; line-height: 1.55;
}

.network-hub .admin-affiliate-program-tabs { margin: 0; }
.network-hub .admin-affiliate-program-tabs a { min-height: 4.25rem; border-radius: .82rem; }
.network-hub .admin-affiliate-program-tabs a.active {
  background: #f0f6ef; border-color: #b8d5bc; color: var(--network-ink);
}
.network-hub-live-status {
  margin: 0; min-height: 3rem; padding: .75rem 1rem; border-radius: .75rem;
  font-size: .8rem; line-height: 1.5; overflow-wrap: anywhere;
}
.network-hub-live-status:not(.error) { border-color: #d4e6d5; background: #f7fbf7; }

.network-hub-overview {
  display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: .8rem;
}
.network-hub-stat {
  display: grid; align-content: start; gap: .5rem;
  min-height: 9rem; padding: 1.05rem 1.12rem;
  border: 1px solid var(--network-border); border-radius: .88rem;
  background: #fff; box-shadow: 0 8px 24px rgba(32,55,46,.035);
}
.network-hub-stat > span {
  color: var(--network-muted); font-size: .71rem; font-weight: 820;
  text-transform: uppercase; letter-spacing: .06em; line-height: 1.45;
}
.network-hub-stat strong {
  margin-top: .05rem; color: var(--network-ink);
  font-size: clamp(1.8rem, 2.5vw, 2.6rem); font-weight: 800; line-height: 1; font-variant-numeric: tabular-nums;
}
.network-hub-stat small { margin-top: auto; color: #79877e; font-size: .75rem; line-height: 1.45; }
.network-hub-stat-attention { background: #fdf9f1; border-color: #f0dfbf; }
.network-hub-stat-attention strong { color: #7d5b23; }

.network-hub-sections {
  display: flex; flex-wrap: wrap; gap: .4rem; align-items: center;
  padding: .4rem; border: 1px solid var(--network-border);
  border-radius: .9rem; background: rgba(255,255,255,.88);
}
.network-hub-sections a {
  display: inline-flex; align-items: center; gap: .45rem;
  min-width: 0; min-height: 2.65rem; padding: .55rem .7rem;
  border-radius: .65rem; color: #42574b; font-size: .77rem; font-weight: 760;
  text-decoration: none; line-height: 1.35;
}
.network-hub-sections a:hover, .network-hub-sections a:focus-visible { background: #f0f6ef; color: var(--network-deep); }
.network-hub-sections a > span {
  color: #87958b; font-size: .67rem; font-variant-numeric: tabular-nums;
}
.network-hub-sections a > strong {
  display: grid; place-items: center; min-width: 1.35rem; height: 1.35rem;
  padding-inline: .24rem; border-radius: .35rem; background: #edf3ed;
  color: #385c45; font-size: .68rem; font-variant-numeric: tabular-nums;
}

.network-hub .network-hub-section {
  display: grid; gap: 1.15rem;
  margin: 0; padding: clamp(1.1rem,2.3vw,1.7rem);
  border: 1px solid var(--network-border); border-radius: 1rem;
  background: #fff; box-shadow: 0 11px 32px rgba(37,52,42,.035);
  scroll-margin-top: 5.75rem;
}
.network-hub .network-hub-priority { border-color: #cadbca; }
.network-hub-section-head {
  display: flex; align-items: flex-start; justify-content: space-between;
  gap: .8rem 1.5rem; min-width: 0;
}
.network-hub-section-head > div { min-width: 0; }
.network-hub-section-kicker {
  margin: 0 0 .37rem; color: #527357; font-size: .68rem;
  font-weight: 850; text-transform: uppercase; letter-spacing: .1em;
}
.network-hub-section-head h2, .network-hub-form-intro h2 {
  max-width: none; margin: 0 0 .4rem; color: var(--network-ink);
  font-size: clamp(1.28rem, 1.85vw, 1.8rem); line-height: 1.23; letter-spacing: -.03em;
}
.network-hub-section-head p:not(.network-hub-section-kicker), .network-hub-form-intro > p:not(.network-hub-section-kicker) {
  max-width: 74ch; margin: 0; color: var(--network-muted); font-size: .86rem; line-height: 1.65;
}
.network-hub-inline-link {
  display: inline-flex; flex: 0 0 auto; align-items: center; gap: .45rem; min-height: 2.5rem;
  padding: .55rem .7rem; border: 1px solid #cedfcf; border-radius: .62rem;
  background: #f2f8f2; color: var(--network-ink); text-decoration: none;
  font-size: .76rem; font-weight: 800;
}
.network-hub-inline-link:hover { background: #e6f0e6; }

.network-hub .network-admin-list { display: grid; gap: .7rem; min-width: 0; }
.network-hub .network-admin-card {
  display: grid; gap: .8rem; min-width: 0; padding: 1rem 1.1rem;
  border: 1px solid #e2e8e0; border-radius: .82rem;
  background: #fff; box-shadow: none;
}
.network-hub .network-admin-card[data-state="accepted"] {
  border-color: #c2dcc9; background: #fbfefa;
}
.network-hub .network-admin-card[data-state="invited"] { border-left: 3px solid #dbc28b; }
.network-hub .network-admin-card-header { align-items: center; gap: 1rem; min-width: 0; }
.network-hub .network-admin-card-header > div { min-width: 0; }
.network-hub .network-admin-card-header h3 {
  max-width: none; font-size: 1rem; font-weight: 800;
  color: var(--network-ink); letter-spacing: -.01em; overflow-wrap: anywhere; line-height: 1.4;
}
.network-hub .network-admin-card-header p {
  margin-top: .14rem; color: var(--network-muted); font-size: .76rem; line-height: 1.45;
}
.network-hub .network-admin-card > p { color: #53675a; font-size: .82rem; line-height: 1.55; }
.network-hub .network-admin-status-pill {
  flex: 0 0 auto; white-space: normal; text-align: center;
  padding: .4rem .65rem; border-radius: 999px; text-transform: none;
  font-size: .68rem; line-height: 1.4; font-weight: 830;
  background: #f2f5f1; color: #506455; border-color: #d6e1d5;
}
.network-hub .network-admin-status-pill[data-tone="success"] { background: #eaf7eb; color: #266444; border-color: #b9dec7; }
.network-hub .network-admin-status-pill[data-tone="pending"] { background: #fff6e6; color: #806027; border-color: #edd7af; }
.network-hub .network-admin-status-pill[data-tone="warning"] { background: #fff0ec; color: #8a4835; border-color: #f2cbbc; }
.network-hub .network-admin-meta {
  display: flex; flex-wrap: wrap; gap: .4rem .45rem; min-width: 0;
  color: var(--network-muted); font-size: .72rem; line-height: 1.45;
}
.network-hub .network-admin-meta span {
  display: inline-flex; align-items: center; min-height: 1.8rem;
  padding: .35rem .58rem; max-width: 100%; overflow-wrap: anywhere;
  border: 1px solid #e6ebe4; border-radius: .48rem; background: #f8faf7;
}
.network-hub .network-admin-meta span[data-tone="warning"] { color: #93412f; border-color: #eed2c7; background: #fff6f2; }
.network-hub .network-admin-meta span[data-tone="success"] { color: #225d3e; border-color: #c8e0cf; background: #f0faf2; }
.network-hub .network-admin-meta span[data-tone="pending"] { color: #866225; border-color: #ebddb9; background: #fffaf0; }
.network-hub .network-admin-empty {
  margin: 0; padding: 1.6rem 1.1rem;
  border: 1px dashed #c8daca; border-radius: .8rem;
  background: #f9fbf8; color: #667b6a; font-size: .86rem; text-align: center; line-height: 1.6;
}
.network-hub .network-admin-filters {
  display: grid; gap: .75rem; margin: 0;
  grid-template-columns: minmax(0, 1fr) minmax(10rem, .36fr);
}
.network-hub .network-admin-filters label,
.network-hub .network-admin-settings label { display: grid; gap: .32rem; min-width: 0; }
.network-hub .network-admin-filters label span,
.network-hub .network-admin-settings label > span { color: #5a6e60; font-size: .74rem; font-weight: 780; }
.network-hub :is(.network-admin-filters, .network-admin-settings, .network-admin-actions) :is(input, select),
.network-hub .network-admin-self-grid input, .network-hub-form-grid :is(input,select) {
  width: 100%; max-width: 100%; min-width: 0; min-height: 2.8rem; padding: .65rem .75rem;
  border: 1px solid #cfdcd0; border-radius: .6rem;
  background: #fff; color: #283d30; font: inherit; font-size: .82rem;
}
.network-hub :is(input,select):focus { border-color: #5b9a72; }
.network-hub .network-admin-card > .network-admin-actions:not(.network-admin-member-actions) {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
}
.network-hub .network-admin-card > .network-admin-actions {
  display: flex; flex-wrap: wrap; gap: .55rem; align-items: center;
  padding-top: .8rem; border-top: 1px solid #e9eee7;
}
.network-hub .network-admin-card > .network-admin-actions .admin-primary-button,
.network-hub .network-admin-card > .network-admin-actions .admin-secondary-button {
  flex: 0 1 auto; min-height: 2.6rem; padding: .55rem .85rem;
  border-radius: .58rem; font-size: .77rem; white-space: normal;
}

.network-hub-accordion {
  min-width: 0; overflow: hidden; border: 1px solid var(--network-border);
  border-radius: 1rem; background: #fff; scroll-margin-top: 6rem;
}
.network-hub-accordion[open] { border-color: #bad5be; box-shadow: 0 10px 34px rgba(35,76,46,.06); }
.network-hub-accordion > summary {
  display: flex; align-items: center; gap: .85rem; min-width: 0;
  padding: 1.1rem clamp(1.1rem, 2vw, 1.6rem);
  cursor: pointer; list-style: none;
}
.network-hub-accordion > summary::-webkit-details-marker,
.network-hub .network-admin-card-details > summary::-webkit-details-marker { display: none; }
.network-hub-summary-icon {
  display: grid; flex: 0 0 2.6rem; place-items: center;
  width: 2.6rem; height: 2.6rem; border-radius: .72rem;
  background: #edf4ed; color: #24573d; font-size: 1.2rem; font-weight: 780;
}
.network-hub-accordion > summary > span:nth-child(2) {
  display: grid; gap: .24rem; min-width: 0;
}
.network-hub-accordion > summary strong { color: var(--network-ink); font-size: .96rem; line-height: 1.35; }
.network-hub-accordion > summary small { color: var(--network-muted); font-size: .77rem; line-height: 1.45; }
.network-hub-chevron { margin-left: auto; color: #42664a; font-size: 1.45rem; transition: transform .16s ease; }
.network-hub-accordion[open] > summary .network-hub-chevron { transform: rotate(180deg); }
.network-hub-accordion-content {
  display: grid; gap: 1.2rem;
  padding: clamp(1.05rem, 2vw, 1.6rem);
  border-top: 1px solid #e6eee3; background: #fcfdfb;
}
.network-hub-form-intro { display: grid; gap: .35rem; }
.network-hub-form-grid {
  display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem .85rem;
}
.network-hub-field { display: grid; align-content: start; gap: .4rem; min-width: 0; }
.network-hub-field > span { color: #40594a; font-size: .78rem; font-weight: 800; }
.network-hub-field abbr { color: #ae653b; text-decoration: none; }
.network-hub-field small { color: var(--network-muted); font-size: .72rem; line-height: 1.55; }
.network-hub-field-reason { grid-column: 1 / -1; }
.network-hub-invite-footer {
  display: flex; align-items: center; justify-content: space-between; gap: 1.1rem;
  padding-top: 1rem; border-top: 1px solid #e2eae0;
}
.network-hub-invite-footer p { margin: 0; max-width: 55ch; font-size: .8rem; color: var(--network-muted); line-height: 1.6; }
.network-hub-invite-footer p strong { color: #324d3a; }
.network-hub-invite-footer button { flex: 0 0 auto; max-width: 100%; min-height: 2.9rem; padding: .65rem 1rem; font-size: .83rem; }
.network-hub .network-admin-self-grid {
  grid-template-columns: minmax(0,1.3fr) minmax(9rem,.45fr) auto; gap: .85rem; align-items: end;
}
.network-hub .network-admin-self-grid > div { min-width: 0; }
.network-hub .network-admin-self-grid > div strong { color: var(--network-ink); line-height: 1.5; }
.network-hub .network-admin-self-grid > div p { color: var(--network-muted); font-size: .82rem; line-height: 1.5; }
.network-hub .network-admin-self-grid label span { font-size: .74rem; }
.network-hub-self { margin-top: .3rem; }

.network-hub .network-admin-card-details {
  margin-top: .2rem; border: 1px solid #e0e9dc;
  border-radius: .68rem; background: #fbfdfb; min-width: 0;
}
.network-hub .network-admin-card-details > summary {
  cursor: pointer; list-style: none; display: flex; gap: .5rem; align-items: center;
  padding: .7rem .85rem; color: #365b41; font-size: .76rem; font-weight: 850;
}
.network-hub .network-admin-card-details > summary::after { content: "⌄"; margin-left: auto; font-size: 1rem; }
.network-hub .network-admin-card-details[open] > summary::after { transform: rotate(180deg); }
.network-hub .network-admin-card-details > .network-admin-settings,
.network-hub .network-admin-card-details > .network-admin-actions,
.network-hub .network-admin-card-details > .network-admin-audit-state {
  margin: 0 .8rem .8rem; padding: .85rem 0 0;
  border-top: 1px solid #e3e9e0;
}
.network-hub .network-admin-card-details > .network-admin-settings {
  grid-template-columns: repeat(2,minmax(0,1fr));
}
.network-hub .network-admin-card-details > .network-admin-settings label:nth-child(3) { grid-column: 1 / -1; }
.network-hub .network-admin-card-details > .network-admin-settings button { grid-column: 1 / -1; width: max-content; max-width: 100%; }
.network-hub .network-admin-card-details > .network-admin-actions {
  display: flex; align-items: center; flex-wrap: wrap; gap: .55rem;
}
.network-hub .network-admin-card-details > .network-admin-actions > input { flex: 1 1 100%; }
.network-hub .network-admin-card-details > .network-admin-actions button {
  width: auto; min-height: 2.5rem; padding: .55rem .85rem;
  font-size: .76rem; border-radius: .55rem;
}
.network-hub .network-admin-member-actions > select { flex: 1 1 14rem; }
.network-hub .network-admin-member-actions > input { flex: 1 1 15rem !important; }
.network-hub .network-admin-card-details > .network-admin-audit-state { grid-template-columns: repeat(2,minmax(0,1fr)); }
.network-hub .network-admin-audit-state div { min-width: 0; }
.network-hub .network-admin-audit-state code { font-size: .73rem; color: #455c4b; }

.network-hub-footer {
  display: flex; flex-wrap: wrap; align-items: center; gap: .4rem 1rem;
  padding: 1rem .15rem 0; border-top: 1px solid #dee4da;
}
.network-hub-footer span { font-weight: 820; color: var(--network-ink); font-size: .8rem; }
.network-hub-footer p { flex: 1 1 20rem; margin: 0; color: #687a6e; font-size: .75rem; line-height: 1.6; }
.network-hub-footer a { color: #24573d; font-size: .78rem; font-weight: 820; text-decoration: none; }
.network-hub-footer a:hover { text-decoration: underline; }

@media(max-width: 78rem) {
  .network-hub-hero { grid-template-columns: minmax(0,1.4fr) minmax(12rem,.85fr); }
  .network-hub-overview { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .network-hub .network-admin-self-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .network-hub .network-admin-self-grid > div { grid-column: 1 / -1; }
}
@media(max-width: 56rem) {
  .network-hub-hero { grid-template-columns: 1fr; }
  .network-hub-hero-side { grid-template-columns: 1fr; }
  .network-hub .network-hub-section { scroll-margin-top: 1rem; }
  .network-hub-section-head { flex-direction: column; }
  .network-hub-inline-link { align-self: flex-start; }
  .network-hub .network-admin-filters { grid-template-columns: 1fr; }
  .network-hub-invite-footer { align-items: flex-start; flex-direction: column; }
  .network-hub .network-admin-self-grid { grid-template-columns: 1fr; }
  .network-hub .network-admin-self-grid > div { grid-column: auto; }
}
@media(max-width: 40rem) {
  .network-hub { gap: .8rem; }
  .network-hub-hero { padding: 1.2rem; border-radius: 1rem; }
  .network-hub-hero h1 { font-size: clamp(1.9rem,8vw,2.6rem); }
  .network-hub-hero-side { padding: 1rem; }
  .network-hub .admin-affiliate-program-tabs { gap: .45rem; }
  .network-hub .admin-affiliate-program-tabs a { min-height: 3.8rem; padding: .7rem; }
  .network-hub-overview { gap: .55rem; }
  .network-hub-stat { min-height: 7.6rem; padding: .8rem .85rem; }
  .network-hub-stat > span { font-size: .67rem; }
  .network-hub-stat strong { font-size: 1.85rem; }
  .network-hub-stat small { font-size: .68rem; }
  .network-hub-sections { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: thin; }
  .network-hub-sections a { flex: 0 0 auto; white-space: nowrap; }
  .network-hub .network-hub-section { padding: 1rem; border-radius: .85rem; }
  .network-hub .network-admin-card { padding: .9rem; }
  .network-hub .network-admin-card-header { flex-direction: column; align-items: flex-start; gap: .6rem; }
  .network-hub .network-admin-meta span { font-size: .7rem; }
  .network-hub-form-grid { grid-template-columns: 1fr; }
  .network-hub-field-reason { grid-column: auto; }
  .network-hub .network-admin-card-details > .network-admin-settings,
  .network-hub .network-admin-card-details > .network-admin-audit-state { grid-template-columns: 1fr; }
  .network-hub .network-admin-card-details > .network-admin-settings label:nth-child(3) { grid-column: auto; }
  .network-hub .network-admin-card-details > .network-admin-settings button { grid-column: auto; width: 100%; }
  .network-hub .network-admin-card-details > .network-admin-actions button { width: 100%; }
  .network-hub .network-admin-card-details > .network-admin-actions { align-items: stretch; }
}
@media(max-width: 28rem) {
  .network-hub-overview { grid-template-columns: 1fr; }
  .network-hub-hero-actions { display: grid; width: 100%; }
  .network-hub-hero-actions > * { width: 100%; }
}
@media(prefers-reduced-motion: reduce) {
  .network-hub * { scroll-behavior: auto !important; transition: none !important; }
}

/* Ativação administrativa: decisão separada com evidência verificada no servidor. */
.network-hub-activation-dialog {
  position: fixed; width: min(calc(100% - 2rem), 37rem); max-width: 37rem;
  max-height: min(90dvh, 48rem); margin: auto; padding: 0;
  overflow: auto; border: 1px solid #cadbcb; border-radius: 1.15rem;
  background: #fff; box-shadow: 0 32px 96px rgba(13,32,23,.28);
  color: #23382b;
}
.network-hub-activation-dialog::backdrop {
  background: rgba(13,31,22,.68);
  backdrop-filter: blur(5px);
}
.network-hub-activation-content { display: grid; gap: 1.1rem; padding: clamp(1.2rem,3vw,2rem); }
.network-hub-activation-heading { display: flex; align-items: center; justify-content: space-between; gap: .6rem; }
.network-hub-modal-close {
  flex: 0 0 2.4rem; width: 2.4rem; height: 2.4rem; display: grid; place-items: center;
  border: 1px solid #d4e2d5; border-radius: .65rem; background: #f7faf6;
  color: #284938; font-size: 1.6rem; cursor: pointer;
}
.network-hub-activation-dialog h2 { max-width: none; margin: 0; font-size: clamp(1.45rem,2.5vw,2.1rem); line-height: 1.2; letter-spacing: -.03em; color: #20392b; }
.network-hub-activation-dialog #network-activation-description { margin: 0; color: #536b59; font-size: .87rem; line-height: 1.65; }
.network-hub-activation-facts {
  display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .55rem; margin: 0;
}
.network-hub-activation-facts div {
  display: grid; gap: .24rem; min-width: 0; padding: .8rem;
  border: 1px solid #e1e9de; border-radius: .72rem; background: #f9fbf8;
}
.network-hub-activation-facts div:first-child { grid-column: 1 / -1; }
.network-hub-activation-facts dt {
  color: #687d70; font-size: .68rem; font-weight: 820;
  letter-spacing: .06em; text-transform: uppercase;
}
.network-hub-activation-facts dd { margin: 0; color: #1d3c2a; font-size: .92rem; font-weight: 780; line-height: 1.5; overflow-wrap: anywhere; }
.network-hub-activation-consent {
  display: flex; align-items: flex-start; gap: .7rem;
  padding: .92rem; border: 1px solid #bdd7c1; border-radius: .72rem;
  background: #f4faf3; color: #294833; font-size: .86rem; font-weight: 690; line-height: 1.62; cursor: pointer;
}
.network-hub-activation-consent input { width: 1.2rem; height: 1.2rem; margin: .12rem 0 0; flex: 0 0 auto; accent-color: #287149; cursor: pointer; }
.network-hub-activation-feedback {
  padding: .75rem .9rem; margin: 0; border: 1px solid #e9c6bc; border-radius: .65rem;
  color: #903f2b; background: #fff4f0; font-size: .82rem; line-height: 1.5;
}
.network-hub-activation-actions { display: grid; grid-template-columns: minmax(0,.7fr) minmax(0,1.3fr); gap: .6rem; }
.network-hub-activation-actions button { width: 100%; min-height: 2.9rem; font-size: .83rem; white-space: normal; line-height: 1.35; }
.network-hub-activation-dialog button:disabled { opacity: .5; cursor: not-allowed; }
.network-hub-activation-note { margin: 0; color: #6e7d70; font-size: .73rem; line-height: 1.6; }
.network-hub-activation-dialog :is(input,button):focus-visible { outline: 3px solid #3a946d; outline-offset: 3px; }

@media (max-width: 40rem) {
  .network-hub-activation-dialog { width: calc(100% - 1rem); max-height: calc(100dvh - 1rem); border-radius: .88rem; }
  .network-hub-activation-facts { grid-template-columns: 1fr; }
  .network-hub-activation-facts div:first-child { grid-column: auto; }
  .network-hub-activation-actions { grid-template-columns: 1fr; }
}

/* Fila de adesões: ordenação visual sem esconder as pendências de entrega. */
.network-hub-stat-link {
  display: inline-flex; align-items: center; gap: .3rem;
  margin-top: .35rem; color: #72511b; font-size: .73rem;
  font-weight: 850; line-height: 1.45; text-decoration: none;
}
.network-hub-stat-link:hover { text-decoration: underline; }
.network-hub-offer-tools {
  display: flex; align-items: end; flex-wrap: wrap; justify-content: space-between;
  gap: .7rem; padding: .75rem .9rem; border: 1px solid #e4ebe1;
  border-radius: .75rem; background: #f7faf6;
}
.network-hub-offer-tools label { display: grid; gap: .35rem; width: min(100%,21rem); }
.network-hub-offer-tools label > span { color: #5a705f; font-size: .74rem; font-weight: 810; }
.network-hub-offer-tools select {
  width: 100%; max-width: 100%; min-height: 2.7rem; padding: .55rem .65rem;
  border: 1px solid #cddacc; border-radius: .6rem; background: #fff;
  color: #234234; font: inherit; font-size: .8rem;
}
.network-hub-offer-tools > span { padding-bottom: .55rem; color: #657c68; font-size: .75rem; font-variant-numeric: tabular-nums; }
@media(max-width:40rem) {
  .network-hub-offer-tools label { width: 100%; }
  .network-hub-offer-tools > span { padding-bottom: 0; }
}

/* Fila operacional: tarefas reais, nunca contadores estáticos. */
.network-workbench {
  display: grid;
  gap: 1rem;
  padding: clamp(1.05rem, 2.4vw, 1.55rem);
  border: 1px solid #cdddcf;
  border-radius: 1rem;
  background: #f9fbf7;
}
.network-workbench-heading {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  align-items: flex-end;
}
.network-workbench-heading h2 {
  margin: .15rem 0 .3rem;
  max-width: none;
  font-size: clamp(1.3rem, 2vw, 1.75rem);
  letter-spacing: -.035em;
  color: #213c2b;
}
.network-workbench-heading p:not(.network-hub-section-kicker) {
  max-width: 66ch;
  margin: 0;
  font-size: .82rem;
  line-height: 1.65;
  color: #667768;
}
.network-workbench-heading > span {
  white-space: nowrap;
  color: #6e806f;
  font-size: .72rem;
  font-weight: 750;
}
.network-workbench-grid {
  display: grid;
  grid-template-columns: repeat(5,minmax(0,1fr));
  gap: .6rem;
}
.network-workbench-task {
  display: grid;
  justify-items: start;
  align-content: start;
  gap: .46rem;
  min-width: 0;
  min-height: 11rem;
  padding: 1rem .95rem;
  border: 1px solid #dce5da;
  border-radius: .82rem;
  background: #fff;
  text-align: left;
  color: #243d2b;
  font: inherit;
  cursor: pointer;
  transition: transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.network-workbench-task:hover {
  transform: translateY(-2px);
  border-color: #9fc4aa;
  box-shadow: 0 8px 22px rgba(29,63,34,.07);
}
.network-workbench-task > span {
  color: #69826e;
  font-size: .69rem;
  font-weight: 820;
  letter-spacing: .04em;
}
.network-workbench-task strong {
  color: #24482f;
  font-size: clamp(1.7rem, 2.7vw, 2.5rem);
  line-height: 1.05;
  font-variant-numeric: tabular-nums;
}
.network-workbench-task small {
  color: #617367;
  font-size: .74rem;
  line-height: 1.48;
}
.network-workbench-task em {
  align-self: end;
  margin-top: auto;
  color: #28623e;
  font-size: .74rem;
  font-style: normal;
  font-weight: 850;
}
.network-workbench-task[data-empty="true"] {
  border-color: #e4ebe2;
  background: #fdfefd;
}
.network-workbench-task[data-empty="true"] strong { color: #789081; }
.network-hub .network-admin-card[data-state="accepted"] { border-left: 3px solid #66a278; }
.network-hub .network-hub-offer-tools input[type="search"] {
  width: 100%;
  min-height: 2.7rem;
  padding: .55rem .65rem;
  border: 1px solid #cddacc;
  border-radius: .6rem;
  background: #fff;
  color: #234234;
  font: inherit;
  font-size: .8rem;
}
.network-hub-clear {
  flex: 0 0 auto;
  min-height: 2.7rem;
  padding: .55rem .8rem;
  border: 1px solid #d6e5d6;
  border-radius: .6rem;
  color: #3d6447;
  background: #fff;
  font: inherit;
  font-size: .78rem;
  font-weight: 770;
  cursor: pointer;
}
.network-hub-clear:hover { background: #f0f7ee; }
.network-hub-invite-preview {
  border: 1px solid #c9ddc9;
  border-radius: .76rem;
  padding: 1rem 1.1rem;
  background: #f2f8ef;
  color: #2d5539;
  font-size: .84rem;
  font-weight: 660;
  line-height: 1.65;
}
.network-hub-field-person input[type="search"] {
  width: 100%;
  min-height: 2.8rem;
  border: 1px solid #cddacc;
  border-radius: .6rem;
  padding: .6rem .7rem;
  background: #fff;
  font: inherit;
  font-size: .81rem;
}
.network-hub-capacity {
  display: grid;
  gap: .37rem;
  max-width: 32rem;
  padding: .4rem 0;
}
.network-hub-capacity span {
  color: #566c5b;
  font-size: .78rem;
  font-weight: 750;
}
.network-hub-capacity progress {
  display: block;
  width: 100%;
  height: .62rem;
  accent-color: #337951;
}
.network-admin-action-hint {
  display: inline-flex;
  align-items: center;
  color: #8a5737;
  font-size: .79rem;
  line-height: 1.5;
  font-weight: 740;
}
.network-admin-details-help {
  margin: .1rem .85rem .8rem;
  padding: .7rem .8rem;
  border-radius: .6rem;
  background: #f1f7f1;
  color: #516a58 !important;
  font-size: .77rem !important;
  line-height: 1.65;
}
@media(max-width: 90rem) {
  .network-workbench-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media(max-width: 62rem) {
  .network-workbench-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .network-workbench-heading { align-items: flex-start; flex-direction: column; }
}
@media(max-width: 37rem) {
  .network-workbench-grid { grid-template-columns: 1fr; }
  .network-workbench-task {
    grid-template-columns: minmax(0,1fr) auto;
    min-height: 0;
    padding: .9rem;
  }
  .network-workbench-task > span,
  .network-workbench-task small,
  .network-workbench-task em { grid-column: 1; }
  .network-workbench-task strong { grid-column: 2; grid-row: 1 / 4; align-self: center; }
  .network-hub-clear { width: 100%; }
}
@media(prefers-reduced-motion: reduce) {
  .network-workbench-task { transition: none; }
  .network-workbench-task:hover { transform: none; }
}

/* Priorização operacional: o tutorial assume a explicação longa. */
.network-hub .network-hub-hero {
  grid-template-columns: minmax(0, 1fr);
  gap: .8rem;
  padding: clamp(1rem, 2.1vw, 1.5rem);
  border-radius: .9rem;
  box-shadow: none;
}
.network-hub .network-hub-hero h1 {
  font-size: clamp(1.6rem, 2.5vw, 2.45rem);
  margin-bottom: .4rem;
}
.network-hub .network-hub-lede { font-size: .87rem; }
.network-hub .network-hub-hero-actions {
  align-items: center;
  margin-top: .85rem;
  gap: .45rem;
}
.network-hub .network-hub-overview {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .5rem;
}
.network-hub .network-hub-stat {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: .2rem;
  min-height: 5.1rem;
  padding: .7rem .85rem;
  box-shadow: none;
}
.network-hub .network-hub-stat strong {
  order: -1;
  margin: 0;
  font-size: clamp(1.45rem, 2.1vw, 1.9rem);
}
.network-hub .network-hub-stat small { display: none; }
.network-hub .network-hub-stat-link { font-size: .69rem; margin-top: .2rem; }
.network-hub .network-workbench {
  padding: clamp(.9rem, 2vw, 1.25rem);
  gap: .75rem;
}
.network-hub .network-workbench-heading { align-items: center; }
.network-hub .network-workbench-heading h2 { font-size: clamp(1.12rem, 1.7vw, 1.48rem); }
.network-hub .network-workbench-heading p:not(.network-hub-section-kicker) {
  font-size: .77rem;
}
.network-workbench-heading-actions {
  display: flex;
  align-items: center;
  gap: .55rem;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.network-workbench-heading-actions > span {
  font-size: .7rem;
  color: #738277;
  white-space: nowrap;
}
.network-hub .network-workbench-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 10.4rem), 1fr));
  gap: .5rem;
}
.network-hub .network-workbench-task {
  min-height: 6.1rem;
  gap: .18rem;
  padding: .73rem .8rem;
  border-radius: .68rem;
  box-shadow: none;
}
.network-hub .network-workbench-task strong {
  font-size: clamp(1.48rem, 2.5vw, 2rem);
}
.network-hub .network-workbench-task small {
  display: none;
}
.network-hub .network-workbench-task em {
  margin-top: .28rem;
  font-size: .69rem;
}
.network-hub .network-workbench-task[data-empty="true"] { display: none; }
.network-workbench-empty {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .6rem .85rem;
  padding: .85rem .95rem;
  border: 1px dashed #cbdacc;
  border-radius: .72rem;
  background: #f8fbf7;
}
.network-workbench-empty strong {
  font-size: .9rem;
  color: #295038;
}
.network-workbench-empty > span {
  color: #657b69;
  font-size: .78rem;
}
.network-workbench-empty > div {
  display: flex;
  align-items: center;
  gap: .55rem;
  margin-left: auto;
  flex-wrap: wrap;
}
.network-workbench-empty a {
  display: inline-flex;
  align-items: center;
  min-height: 2.2rem;
  padding: .4rem .68rem;
  border: 1px solid #c9dbca;
  border-radius: .55rem;
  background: #fff;
  color: #28553a;
  text-decoration: none;
  font-size: .76rem;
  font-weight: 770;
}
.network-workbench-empty a:hover { background: #eaf5eb; }
.network-hub-help-button {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: .38rem;
  min-height: 2.3rem;
  padding: .48rem .65rem;
  border: 1px solid #d5e1d5;
  border-radius: .58rem;
  background: #fff;
  color: #376447;
  font: inherit;
  font-size: .73rem;
  font-weight: 800;
  white-space: nowrap;
  cursor: pointer;
}
.network-hub-help-button:hover,
.network-hub-help-button:focus-visible { background: #eff8f0; border-color: #a8d0af; }
.network-hub-help-button > span {
  display: grid;
  place-items: center;
  width: 1rem;
  height: 1rem;
  border: 1px solid currentColor;
  border-radius: 50%;
  font-size: .68rem;
  line-height: 1;
}
.network-hub .network-hub-hero-tutorial {
  background: rgba(255,255,255,.07);
  color: #f3f7ee;
  border-color: rgba(255,255,255,.32);
}
.network-hub .network-hub-hero-tutorial:hover {
  background: rgba(255,255,255,.18);
  border-color: rgba(255,255,255,.58);
}
.network-hub-section-controls {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  align-items: center;
  justify-content: flex-end;
}
.network-hub .network-hub-section-head > .network-hub-help-button {
  align-self: flex-start;
}
.network-hub .network-hub-section { gap: .85rem; }
.network-hub .network-hub-section-head p:not(.network-hub-section-kicker) {
  font-size: .79rem;
}
.network-hub .network-hub-section-head h2 { margin-bottom: .25rem; }
.network-hub .network-hub-sections { padding: .25rem; }
.network-hub .network-hub-sections a { min-height: 2.35rem; }
@media(max-width: 52rem) {
  .network-hub .network-hub-overview {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .network-hub .network-workbench-heading { align-items: flex-start; }
  .network-workbench-heading-actions { justify-content: flex-start; }
  .network-hub .network-hub-section-controls { justify-content: flex-start; }
}
@media(max-width: 34rem) {
  .network-hub .network-workbench-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .network-hub .network-workbench-task {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    min-height: 5.8rem;
    padding: .7rem;
  }
  .network-hub .network-workbench-task[data-empty="true"] { display: none; }
  .network-hub .network-hub-hero-actions .admin-secondary-button,
  .network-hub .network-hub-hero-actions .network-hub-help-button { width: auto; }
  .network-hub .network-hub-hero-actions { display: flex; width: auto; }
  .network-workbench-empty > div { margin-left: 0; }
}

.network-hub-form-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: .5rem;
}
.network-hub .network-hub-form-heading h2 { margin: 0; }

/* Fila de solicitações: primeiro o próximo passo, detalhes sensíveis recolhidos. */
.network-hub .network-requests-toolbar {
  display: flex;
  align-items: center;
  gap: .45rem;
  flex-wrap: wrap;
  margin: 0 0 .9rem;
}
.network-hub .network-requests-toolbar button {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  min-height: 2.5rem;
  padding: .56rem .72rem;
  border: 1px solid #d3e0d4;
  border-radius: .62rem;
  background: #fff;
  color: #345840;
  font: inherit;
  font-size: .77rem;
  font-weight: 780;
  cursor: pointer;
}
.network-hub .network-requests-toolbar button strong {
  display: grid;
  place-items: center;
  min-width: 1.55rem;
  min-height: 1.45rem;
  padding-inline: .2rem;
  border-radius: .38rem;
  color: #45634c;
  background: #ecf4ed;
  font-size: .72rem;
  font-variant-numeric: tabular-nums;
}
.network-hub .network-requests-toolbar button[aria-pressed="true"] {
  background: #234e34;
  color: #fff;
  border-color: #234e34;
}
.network-hub .network-requests-toolbar button[aria-pressed="true"] strong {
  background: rgba(255,255,255,.19);
  color: #fff;
}
.network-hub .network-requests-toolbar button:hover:not([aria-pressed="true"]) {
  border-color: #83b18f;
  background: #f2f8f2;
}
.network-hub .network-requests-toolbar button:focus-visible {
  outline: 3px solid #5b9d6d;
  outline-offset: 2px;
}
.network-hub .network-request-card {
  border-color: #d7e4d8;
}
.network-hub .network-request-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .55rem;
}
.network-hub .network-request-reject {
  margin-top: .45rem;
}
.network-hub .network-request-reject summary {
  color: #718079;
  font-size: .76rem;
}
@media(max-width: 39.99rem) {
  .network-hub .network-requests-toolbar button { flex: 1 1 auto; justify-content: center; }
  .network-hub .network-request-actions > * { width: 100%; justify-content: center; }
}
