/* Stunner Network — mobile-first */
.net-insights { margin: 0 0 14px; }
.net-insights-title { margin: 0 0 8px; font-size: 0.95rem; }
.insight-card {
  border: 1px solid var(--line, #2a3340);
  border-radius: 14px;
  padding: 12px;
  background: var(--panel-2, #121820);
  margin-bottom: 8px;
}
.insight-headline { margin: 0 0 6px; font-weight: 600; font-size: 0.98rem; }
.insight-receipt-rows { list-style: none; padding: 0; margin: 8px 0 0; display: grid; gap: 6px; }
.insight-receipt-rows li { display: flex; justify-content: space-between; gap: 8px; font-size: 0.85rem; }
.btn-ghost {
  border: 0;
  background: transparent;
  color: var(--accent, #c4a574);
  padding: 4px 0;
  cursor: pointer;
  font-size: 0.85rem;
}
.net-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 12px 0 16px;
}
.net-tab {
  flex: 1 1 calc(50% - 6px);
  min-width: 0;
  border: 1px solid var(--line, #2a3340);
  background: var(--panel-2, #121820);
  color: inherit;
  border-radius: 999px;
  padding: 10px 8px;
  font-size: 0.82rem;
  cursor: pointer;
}
.net-tab.is-on {
  border-color: var(--accent, #c4a574);
  background: color-mix(in srgb, var(--accent, #c4a574) 16%, transparent);
}
.net-list { display: grid; gap: 10px; }
.net-card {
  border: 1px solid var(--line, #2a3340);
  border-radius: 14px;
  padding: 12px;
  background: var(--panel-2, #121820);
}
.net-card h3 {
  margin: 0 0 4px;
  font-size: 1rem;
  font-family: var(--font-display, inherit);
}
.net-card .meta { margin: 0 0 8px; font-size: 0.8rem; }
.net-card .row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}
.net-form label { display: grid; gap: 4px; }
.net-form .check {
  display: flex;
  align-items: center;
  gap: 8px;
  grid-template-columns: none;
}
.net-channels {
  border: 1px solid var(--line, #2a3340);
  border-radius: 12px;
  padding: 10px 12px;
  display: grid;
  gap: 6px;
}
.net-actions { margin: 12px 0; }
.net-key {
  font-family: ui-monospace, monospace;
  font-size: 0.72rem;
  word-break: break-all;
  color: var(--muted, #8b93a0);
}
@media (min-width: 720px) {
  .net-tab { flex: 0 1 auto; padding: 8px 14px; }
}

/* UI refoundation — align with studio shell */
.network-page {
  background: transparent;
}
.network-page .lede {
  max-width: 42rem;
  color: var(--muted, #aeb9c8);
}
.net-tab {
  border-radius: 12px;
  min-height: 44px;
}
.net-tabs-creator .net-tab,
.net-tabs-advertiser .net-tab {
  flex: 1 1 calc(33.33% - 6px);
}
.net-panel {
  border-radius: var(--radius-lg, 16px);
  padding: 16px;
}
.net-card {
  border-radius: var(--radius-md, 12px);
  transition: border-color 140ms ease;
}
@media (prefers-reduced-motion: reduce) {
  .net-card { transition: none; }
}

/* Network command center */
.network-page .studio-content { max-width: 1120px; margin-inline: auto; }
.net-hero { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:24px; align-items:end; margin-bottom:18px; }
.net-hero h1 { margin:2px 0 3px; font-size:clamp(1.7rem,3vw,2.35rem); letter-spacing:-.045em; }
.net-eyebrow { margin:0; font-size:.61rem; font-weight:800; letter-spacing:.16em; color:var(--accent,#35d9ff); }
.net-kpis { display:grid; grid-template-columns:repeat(3,minmax(105px,1fr)); border:1px solid rgba(255,255,255,.08); border-radius:10px; overflow:hidden; background:rgba(5,11,20,.3); }
.net-kpis div { padding:10px 13px; border-left:1px solid rgba(255,255,255,.07); }
.net-kpis div:first-child { border-left:0; }
.net-kpis span { display:block; color:var(--muted); font-size:.61rem; text-transform:uppercase; letter-spacing:.055em; }
.net-kpis strong { display:block; margin-top:2px; font-size:1.15rem; letter-spacing:-.03em; }
.net-modebar { display:flex; align-items:center; gap:7px; padding:6px; margin-bottom:14px; border:1px solid rgba(255,255,255,.075); border-radius:10px; background:rgba(5,10,18,.28); }
.net-mode-label { padding:0 5px 0 8px; color:var(--muted); font-size:.59rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.net-modebar .net-tabs { display:flex; gap:3px; margin:0; }
.net-modebar .net-tabs-creator { flex:1; }
.net-modebar .net-tab { flex:0 0 auto; min-height:32px; padding:0 11px; border:0; border-radius:7px; background:transparent; font-size:.7rem; font-weight:700; color:var(--muted); }
.net-modebar .net-tab.is-on { color:var(--text); background:color-mix(in srgb,var(--accent) 13%,rgba(255,255,255,.045)); box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent); }
.net-panel { padding:14px; border:1px solid rgba(255,255,255,.075); border-radius:11px; background:linear-gradient(145deg,rgba(255,255,255,.026),rgba(255,255,255,.01)); }
.net-section-head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:3px; }
.net-section-head h2 { margin:2px 0 0; }
.net-search { width:min(330px,42vw); min-height:34px; border-radius:8px!important; font-size:.72rem; }
.net-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.net-card { position:relative; padding:13px; border-radius:9px; background:rgba(5,10,18,.28); }
.net-card:hover { border-color:color-mix(in srgb,var(--accent) 42%,var(--line)); }
.net-card h3 { font-size:.91rem; }
.net-card .meta { font-size:.71rem; line-height:1.4; }
.net-card .button { min-height:31px; padding:0 10px; font-size:.68rem; }
.net-form { max-width:760px; }
@media(max-width:820px){.net-hero{grid-template-columns:1fr}.net-kpis{width:100%}.net-modebar{align-items:stretch;flex-wrap:wrap}.net-modebar .net-tabs{flex:1 1 100%}.net-list{grid-template-columns:1fr}.net-search{width:48%}}
@media(max-width:520px){.net-kpis{grid-template-columns:1fr}.net-kpis div{border-left:0;border-top:1px solid rgba(255,255,255,.07)}.net-kpis div:first-child{border-top:0}.net-section-head{align-items:flex-start;flex-direction:column}.net-search{width:100%}}
.net-status { display:inline-flex;align-items:center;min-height:29px;padding:0 9px;border-radius:999px;background:rgba(40,210,155,.09);color:#7ee7bf;font-size:.65rem;font-weight:750; }
.net-destination { white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.72; }

/* Revenue path — make the marketplace legible and action-oriented */
.net-offer-card { display:flex;flex-direction:column;min-height:190px;padding:14px; }
.net-offer-top { display:flex;align-items:center;justify-content:space-between;gap:8px; }
.net-offer-card h3 { margin:7px 0 1px;font-size:1.05rem;letter-spacing:-.02em; }
.net-offer-name { margin:0 0 7px;color:color-mix(in srgb,var(--text) 86%,var(--muted));font-size:.73rem;font-weight:650; }
.net-offer-desc { min-height:2.2em;line-height:1.38; }
.net-offer-meta { display:flex;flex-wrap:wrap;gap:5px;margin-top:auto;padding-top:8px; }
.net-offer-chip { display:inline-flex;align-items:center;max-width:100%;min-height:24px;padding:3px 7px;border:1px solid rgba(255,255,255,.075);border-radius:6px;background:rgba(255,255,255,.025);color:var(--muted);font-size:.59rem;font-weight:650; }
.net-dest-chip { max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.net-offer-card .row-actions { margin-top:10px;padding-top:9px;border-top:1px solid rgba(255,255,255,.055); }
.net-offer-card .button.primary { flex:1;justify-content:center; }
.net-status { display:inline-flex;align-items:center;color:var(--ok,#7dffb3);font-size:.68rem;font-weight:700; }
@media(min-width:760px){#discover-list.net-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}}
@media(min-width:1100px){#discover-list.net-list{grid-template-columns:repeat(3,minmax(0,1fr))}.net-offer-card{min-height:205px}}

/* Revenue pass 3 — advertiser activation */
.net-flow-badge{align-self:center;padding:5px 8px;border:1px solid rgba(77,210,224,.14);border-radius:6px;background:rgba(77,210,224,.045);color:var(--accent);font-size:.62rem;font-weight:700;white-space:nowrap}
.campaign-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:13px 0 15px}
.campaign-guide span{display:flex;align-items:center;gap:7px;padding:8px 9px;border:1px solid rgba(255,255,255,.065);border-radius:7px;background:rgba(255,255,255,.018);color:var(--muted);font-size:.67rem;font-weight:650}
.campaign-guide b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:rgba(77,210,224,.09);color:var(--accent);font-size:.62rem}
.campaign-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.campaign-span{grid-column:1/-1}
.net-form label small{display:block;margin-top:4px;color:var(--muted);font-size:.6rem}
.campaign-submit{min-height:40px;justify-content:center}
.campaign-list-head{margin-top:22px;padding-top:17px;border-top:1px solid rgba(255,255,255,.06)}
@media(max-width:640px){.campaign-guide,.campaign-form-grid{grid-template-columns:1fr}.campaign-span{grid-column:auto}.net-flow-badge{display:none}}
.net-mode-switch{appearance:none;font:inherit;cursor:pointer;border:0;background:transparent}.net-mode-switch:hover{color:var(--text)}.net-mode-switch.is-on{color:var(--accent)}
/* Revenue pass 4 — creator distribution */
.net-link-card{display:flex;flex-direction:column;gap:5px}.net-link-head{display:flex;justify-content:flex-end}.net-link-status{padding:3px 6px;border:1px solid rgba(255,255,255,.07);border-radius:5px;color:var(--muted);font-size:.55rem;font-weight:800;letter-spacing:.09em}.net-link-status.is-active{border-color:rgba(72,225,167,.16);background:rgba(72,225,167,.06);color:#7ee7bf}.net-link-url{margin:5px 0 2px;padding:7px 8px;border:1px solid rgba(255,255,255,.06);border-radius:6px;background:rgba(0,0,0,.12);overflow:hidden}.net-link-url span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.59rem}.net-link-card .row-actions{margin-top:5px}.net-link-card .row-actions .primary{flex:1;justify-content:center}
/* Revenue pass 5 — performance visibility */
.net-kpis{grid-template-columns:repeat(4,minmax(88px,1fr))}.net-link-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:5px 0}.net-link-metrics>div{padding:7px 8px;border:1px solid rgba(255,255,255,.055);border-radius:6px;background:rgba(255,255,255,.018)}.net-link-metrics strong{display:block;font-size:.88rem;line-height:1.05}.net-link-metrics span{display:block;margin-top:3px;color:var(--muted);font-size:.55rem;text-transform:uppercase;letter-spacing:.07em}.net-revenue-note{display:flex;align-items:baseline;gap:6px;margin:2px 0;color:#a8e8d1;font-size:.65rem;font-weight:700}.net-revenue-note span{color:var(--muted);font-size:.55rem;font-weight:500}@media(max-width:760px){.net-kpis{grid-template-columns:repeat(2,1fr)}.net-revenue-note{display:block}.net-revenue-note span{display:block;margin-top:2px}}
.net-compensation{margin:7px 0 9px;padding:8px 10px;border:1px solid rgba(70,230,199,.16);border-radius:7px;background:rgba(70,230,199,.035)}.net-compensation span{display:block;color:var(--muted);font-size:.55rem;text-transform:uppercase;letter-spacing:.09em}.net-compensation strong{display:block;margin-top:2px;color:#c8f8ea;font-size:.72rem;line-height:1.3}
.net-campaign-card{display:flex;flex-direction:column;gap:5px}.net-campaign-card .net-offer-top{margin-bottom:1px}.net-compensation.is-empty{border-style:dashed;background:transparent}.net-compensation.is-empty strong{color:var(--muted);font-weight:600}