/* SRI — All Businesses + Pre-intake surfaces. Adapted to the SRI green system. */
.bzRoot, .piRoot { font: 400 13px var(--font-sans); color: var(--foreground); }
.bzRoot .tabular, .piRoot .tabular { font-variant-numeric: tabular-nums; }
.bzRoot .mono, .piRoot .mono { font-family: var(--font-mono, ui-monospace, monospace); }

.bzHead { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.bzHeadDesc { font: 400 11.5px var(--font-sans); color: var(--muted-foreground); line-height: 1.5; max-width: 60ch; text-wrap: pretty; }
.bzHeadBtns { display: flex; gap: 6px; flex-shrink: 0; }

.bzNetToggle { display: flex; background: var(--muted); border: 1px solid var(--border); border-radius: var(--radius-input);
  padding: 3px; gap: 2px; margin-bottom: 16px; width: fit-content; }
.bzNetBtn { display: inline-flex; align-items: center; gap: 6px; padding: 5px 14px; border-radius: 5px;
  font: 500 11px var(--font-sans); cursor: pointer; color: var(--muted-foreground); border: 1px solid transparent;
  background: transparent; white-space: nowrap; transition: all var(--dur-fast) var(--ease-out); }
.bzNetBtn.isOn { background: var(--card); color: var(--foreground); border-color: var(--border); }
.bzNetCount { background: var(--background); border: 1px solid var(--border); border-radius: var(--radius-full);
  padding: 1px 6px; font: 500 10px var(--font-sans); }

.bzToolbar { display: flex; align-items: center; gap: 8px; margin-bottom: 16px; }
.bzSearch { position: relative; flex: 1; max-width: 300px; display: flex; align-items: center; }
.bzSearch svg { position: absolute; left: 9px; color: var(--muted-foreground); pointer-events: none; }
.bzSearch input { padding: 6px 9px 6px 30px; border-radius: var(--radius-input); border: 1px solid var(--border);
  font: 400 11px var(--font-sans); width: 100%; background: var(--card); color: var(--foreground); }
.bzViewToggle { display: flex; border: 1px solid var(--border); border-radius: var(--radius-input); overflow: hidden; margin-left: auto; }
.bzVtBtn { padding: 5px 9px; cursor: pointer; background: transparent; border: 0; color: var(--muted-foreground); display: flex; }
.bzVtBtn.isOn { background: var(--muted); color: var(--foreground); }

.bzGrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 16px; }
.bzCard { background: var(--card); border: 1px solid var(--border); border-radius: var(--radius-card); padding: 14px;
  position: relative; transition: border-color var(--dur-fast) var(--ease-out); }
.bzCard:hover { border-color: var(--border-strong); }
.bzCard.isFeatured { border-color: var(--green-9); }
.bzRelBadge { position: absolute; top: 10px; right: 10px; }
.bzCardTop { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 10px; padding-right: 70px; }
.bzLogo { width: 38px; height: 38px; border-radius: 8px; background: var(--green-9); display: flex; align-items: center;
  justify-content: center; font: 500 10px var(--font-sans); color: oklch(0.99 0.01 155); flex-shrink: 0; }
.bzLogo.isExt { background: var(--muted); border: 1px solid var(--border); color: var(--muted-foreground); }
.bzLogo.isBlue { background: #E6F1FB; color: #0C447C; }
.bzMeta { flex: 1; min-width: 0; }
.bzName { font: 500 12px var(--font-sans); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bzCat { font: 400 10px var(--font-sans); color: var(--muted-foreground); margin-top: 1px; }
.bzSignal { background: var(--muted); border-radius: 6px; padding: 6px 8px; margin-bottom: 8px; font: 400 10px var(--font-sans);
  color: var(--muted-foreground); line-height: 1.4; display: flex; align-items: flex-start; gap: 5px; text-wrap: pretty; }
.bzSignal svg { color: #B8860B; flex-shrink: 0; margin-top: 1px; }
.bzFoot { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-top: 8px; border-top: 1px solid var(--border); }
.bzFootL { font: 400 10px var(--font-sans); color: var(--muted-foreground); display: inline-flex; align-items: center; gap: 4px; }
.bzRight { font: 400 10px var(--font-sans); color: var(--muted-foreground); }
.bzRight.isWarn { color: #B8860B; font-weight: 500; }
.bzExtPill { display: inline-flex; align-items: center; gap: 4px; font: 400 10px var(--font-sans); padding: 2px 6px;
  background: var(--background); border: 1px solid var(--border); border-radius: var(--radius-full); color: var(--muted-foreground); }
.bzAddBtn { padding: 3px 8px; border-radius: var(--radius-input); border: 1px solid #085041; background: transparent;
  font: 500 10px var(--font-sans); color: #085041; cursor: pointer; white-space: nowrap; }
.bzAddBtn:hover { background: #E1F5EE; }
.bzCountMut { font-weight: 400; color: var(--muted-foreground); }
.bzExtBanner { background: var(--muted); border: 1px solid var(--border); border-radius: var(--radius-input);
  padding: 10px 13px; margin-bottom: 14px; display: flex; align-items: center; gap: 8px;
  font: 400 11px var(--font-sans); color: var(--muted-foreground); line-height: 1.4; }
.bzExtBanner svg { color: var(--muted-foreground); flex-shrink: 0; }

/* ── Pre-intake ── */
.piChannels { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; margin-bottom: 18px; }
.piCh { background: var(--card); border: 1px solid var(--border); border-radius: var(--radius-card); padding: 10px;
  cursor: pointer; text-align: left; transition: border-color var(--dur-fast) var(--ease-out); }
.piCh:hover { border-color: var(--border-strong); }
.piCh.isOn { border-color: var(--green-9); }
.piChIcon { width: 28px; height: 28px; border-radius: 6px; display: flex; align-items: center; justify-content: center; margin-bottom: 7px; }
.piChIcon.is-ev { background: #E6F1FB; color: #0C447C; }
.piChIcon.is-form { background: #E1F5EE; color: #085041; }
.piChIcon.is-import { background: #EEEDFE; color: #3C3489; }
.piChIcon.is-email { background: #FFF8E8; color: #854F0B; }
.piChIcon.is-social { background: #FBEAF0; color: #72243E; }
.piChLabel { font: 500 10px var(--font-sans); color: var(--foreground); margin-bottom: 2px; }
.piChCount { font: 500 16px var(--font-sans); color: var(--foreground); }
.piChSub { font: 400 10px var(--font-sans); color: var(--muted-foreground); }

.piFormsHead { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.piForm { background: var(--card); border: 1px solid var(--border); border-radius: var(--radius-card); padding: 11px 13px;
  margin-bottom: 6px; display: flex; align-items: center; gap: 10px; }
.piFormAv { width: 30px; height: 30px; border-radius: 6px; background: var(--green-9); display: flex; align-items: center;
  justify-content: center; color: oklch(0.99 0.01 155); flex-shrink: 0; }
.piFormName { font: 500 11px var(--font-sans); }
.piFormUrl { font-size: 10px; color: var(--muted-foreground); margin-top: 1px; }
.piFormRight { margin-left: auto; display: flex; align-items: center; gap: 14px; }
.piFormStat { text-align: right; }
.piFormStatV { font: 500 13px var(--font-sans); }
.piFormStatL { font: 400 10px var(--font-sans); color: var(--muted-foreground); }
.piFormBtns { display: flex; flex-direction: column; gap: 4px; }
.piCopyBtn { padding: 3px 8px; border-radius: var(--radius-input); border: 1px solid var(--border-strong); background: transparent;
  font: 400 10px var(--font-sans); color: var(--muted-foreground); cursor: pointer; display: inline-flex; align-items: center; gap: 3px; }
.piCopyBtn:hover { background: var(--muted); }
.piEmbedBtn { padding: 3px 8px; border-radius: var(--radius-input); border: 1px solid var(--green-9); background: var(--green-9);
  font: 500 10px var(--font-sans); color: oklch(0.99 0.01 155); cursor: pointer; }
.piEmbedBtn:hover { background: var(--green-10); }

.piSubsHead { display: flex; align-items: center; gap: 8px; margin: 6px 0 10px; }
.piSubsFilters { margin-left: auto; display: flex; gap: 6px; }
.piSubsFilters .owSelect { font-size: 10px; padding: 4px 7px; }
.piSub { background: var(--card); border: 1px solid var(--border); border-radius: var(--radius-card); padding: 10px 12px;
  display: flex; align-items: center; gap: 10px; margin-bottom: 6px; cursor: pointer; transition: border-color var(--dur-fast) var(--ease-out); }
.piSub:hover { border-color: var(--border-strong); }
.piSubAv { width: 32px; height: 32px; border-radius: 7px; background: var(--green-9); display: flex; align-items: center;
  justify-content: center; font: 500 9px var(--font-sans); color: oklch(0.99 0.01 155); flex-shrink: 0; }
.piSubInfo { flex: 1; min-width: 0; }
.piSubName { font: 500 11px var(--font-sans); }
.piSubCat { font: 400 10px var(--font-sans); color: var(--muted-foreground); }
.piSrcChip { display: inline-flex; align-items: center; gap: 3px; padding: 2px 6px; border-radius: var(--radius-full);
  font: 500 10px var(--font-sans); white-space: nowrap; flex-shrink: 0; }
.piSrcChip.is-event { background: #E6F1FB; color: #0C447C; border: 1px solid #85B7EB; }
.piSrcChip.is-form { background: #E1F5EE; color: #085041; border: 1px solid #5DCAA5; }
.piSrcChip.is-import { background: #EEEDFE; color: #3C3489; border: 1px solid #AFA9EC; }
.piSrcChip.is-email { background: #FFF8E8; color: #854F0B; border: 1px solid #FAC775; }
.piSrcChip.is-social { background: #FBEAF0; color: #72243E; border: 1px solid #ED93B1; }
.piScore { width: 32px; height: 32px; border-radius: var(--radius-full); display: flex; align-items: center; justify-content: center;
  font: 500 10px var(--font-sans); flex-shrink: 0; }
.piScore.is-hi { background: #E1F5EE; color: #085041; }
.piScore.is-mid { background: #FFF8E8; color: #854F0B; }
.piScore.is-lo { background: #FCEBEB; color: #A32D2D; }
.piSubTime { font: 400 10px var(--font-sans); color: var(--muted-foreground); white-space: nowrap; margin-left: 4px; }
.piSubActions { display: flex; gap: 4px; margin-left: 6px; }
.piSaBtn { padding: 3px 8px; border-radius: var(--radius-input); border: 1px solid var(--border-strong); background: transparent;
  font: 400 10px var(--font-sans); color: var(--muted-foreground); cursor: pointer; white-space: nowrap; }
.piSaBtn:hover { background: var(--muted); }
.piSaBtn.isApprove { border-color: #085041; color: #085041; }
.liRoot { font: 400 13px var(--font-sans); color: var(--foreground); }
.liGrid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.liCard { background: var(--card); border: 1px solid var(--border); border-radius: var(--radius-card); padding: 13px 14px;
  cursor: pointer; transition: border-color var(--dur-fast) var(--ease-out); }
.liCard:hover { border-color: var(--border-strong); }
.liTop { display: flex; align-items: center; gap: 10px; margin-bottom: 9px; }
.liIcon { width: 30px; height: 30px; border-radius: 7px; background: var(--green-9); display: flex; align-items: center;
  justify-content: center; color: oklch(0.99 0.01 155); flex-shrink: 0; }
.liName { font: 500 12px var(--font-sans); color: var(--foreground); line-height: 1.3; }
.liCount { font: 400 10px var(--font-sans); color: var(--muted-foreground); margin-top: 1px; }
.liMeta { display: flex; align-items: center; gap: 12px; padding-top: 9px; border-top: 1px solid var(--border); flex-wrap: wrap; }
.liMetaItem { display: inline-flex; align-items: center; gap: 4px; font: 400 10px var(--font-sans); color: var(--muted-foreground); }
.liShared { margin-left: auto; display: inline-flex; align-items: center; gap: 4px; font: 500 10px var(--font-sans);
  padding: 2px 7px; border-radius: var(--radius-full); background: #E6F1FB; color: #0C447C; border: 1px solid #85B7EB; }
.liShared.isGreen { background: #E1F5EE; color: #085041; border-color: #5DCAA5; }

/* ── Relationship intelligence graph ── */
.rgWrap { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(220px, 1fr); gap: 14px; align-items: stretch; }
.rgCanvas { background: var(--muted); border: 1px solid var(--border); border-radius: var(--radius-card); padding: 10px; position: relative; }
.rgSvg { width: 100%; height: auto; display: block; }
.rgNode { transition: opacity var(--dur-fast) var(--ease-out); }
.rgLabel { font: 500 10.5px var(--font-sans); }
.rgLegend { display: flex; flex-wrap: wrap; gap: 10px 14px; padding: 8px 6px 2px; }
.rgLegendItem { display: inline-flex; align-items: center; gap: 5px; font: 400 10.5px var(--font-sans); color: var(--muted-foreground); }
.rgSwatch { width: 9px; height: 9px; border-radius: var(--radius-full); flex: none; }
.rgAside { background: var(--card); border: 1px solid var(--border); border-radius: var(--radius-card); padding: 14px; display: flex; flex-direction: column; }
.rgAsideType { font: 600 10px var(--font-sans); text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 5px; }
.rgAsideName { font: 600 15px var(--font-sans); color: var(--foreground); letter-spacing: -0.01em; }
.rgAsideSub { font: 400 11.5px var(--font-sans); color: var(--muted-foreground); line-height: 1.5; margin-top: 5px; text-wrap: pretty; }
.rgBar { margin-top: auto; padding-top: 14px; }
.rgBarLabel { display: block; font: 400 10px var(--font-sans); color: var(--muted-foreground); margin-bottom: 5px; }
.rgBarTrack { height: 6px; background: var(--muted); border-radius: 3px; overflow: hidden; }
.rgBarFill { height: 100%; background: var(--green-9); border-radius: 3px; transition: width var(--dur) var(--ease-out); }
.rgBarVal { font: 500 11px var(--font-sans); color: var(--green-11); margin-top: 4px; display: inline-block; }
.rgStats { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: auto; padding-top: 14px; }
.rgStat { background: var(--muted); border-radius: var(--radius-input); padding: 8px 10px; }
.rgStatN { display: block; font: 600 18px var(--font-sans); color: var(--foreground); }
.rgStatL { font: 400 10px var(--font-sans); color: var(--muted-foreground); }
@media (max-width: 720px) { .rgWrap { grid-template-columns: 1fr; } }