/* Zedstar montage: the deal room a finance team had built for itself (dash-finance.js), drawn in DX Sidekick's Daylight
   look. A floating glass sidebar and three panes over the red, white and blue slabs: the deal's documents, the open
   document with its clauses flagged, and the findings waiting for a person. Geist for the interface, Newsreader for
   titles, the contract and the company's name, Geist Mono for codes, keys and times. Scoped under .zd-fi, drawn at
   1600 x 1000 and scaled by the script.
   The glass is painted, not blurred live: every pane draws the same still picture of the ground as Sidekick's
   blur(40px) saturate(1.8) would show it (a small baked raster), under a 42% white, so nothing costs a backdrop filter.
   No fragment references anywhere in the page (it has <base href="/">); the ground keeps its own drawing inside its data URI.
   Nothing here animates by itself: every moving part is set by the script's one clock, so stop() stills it all. */

.zd-fi {
  --zd-fi-fg: #0a1120;
  --zd-fi-fg2: #34445e;
  --zd-fi-fg3: #4a5a7d;
  --zd-fi-line: rgba(20, 40, 80, .08);
  --zd-fi-line2: rgba(20, 40, 80, .15);
  --zd-fi-glass: rgba(255, 255, 255, .42);
  --zd-fi-rim: rgba(255, 255, 255, .78);
  --zd-fi-light: rgba(255, 255, 255, .85);
  --zd-fi-shadow: 0 30px 70px -30px rgba(12, 24, 48, .32), 0 2px 8px rgba(12, 24, 48, .06);
  --zd-fi-control: rgba(255, 255, 255, .62);
  --zd-fi-hover: rgba(255, 255, 255, .92);
  --zd-fi-cline: rgba(20, 40, 80, .1);
  --zd-fi-solid: rgba(255, 255, 255, .72);
  --zd-fi-fline: rgba(20, 40, 80, .13);
  --zd-fi-accent: #c9384c;
  --zd-fi-accent-text: #a3243c;
  --zd-fi-accent-soft: rgba(201, 56, 76, .12);
  --zd-fi-ok: #3d5479;
  --zd-fi-ok-soft: rgba(79, 106, 147, .14);
  --zd-fi-ring: #4f6a93;
  --zd-fi-ice: #6f8cb5;
  --zd-fi-steel: #7a8aab;
  --zd-fi-menu: rgba(255, 255, 255, .86);
  --zd-fi-btn: #c9384c;
  --zd-fi-btn-hover: #d04157;
  --zd-fi-btn-press: #b32a44;
  --zd-fi-sans: Geist, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --zd-fi-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --zd-fi-serif: Newsreader, ui-serif, Georgia, "Times New Roman", serif;
  --zd-fi-ground-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 1080' preserveAspectRatio='xMaxYMin slice'%3E%3Cdefs%3E%3Cfilter id='gl' filterUnits='userSpaceOnUse' x='-400' y='-400' width='2720' height='1880'%3E%3CfeGaussianBlur stdDeviation='34'/%3E%3C/filter%3E%3Cfilter id='sp' filterUnits='userSpaceOnUse' x='-400' y='-400' width='2720' height='1880'%3E%3CfeGaussianBlur stdDeviation='90'/%3E%3C/filter%3E%3CradialGradient id='w' gradientUnits='userSpaceOnUse' cx='1760' cy='360' r='980'%3E%3Cstop offset='0' stop-color='%23a9c2ea' stop-opacity='.42'/%3E%3Cstop offset='.55' stop-color='%23cddaf0' stop-opacity='.26'/%3E%3Cstop offset='1' stop-color='%23edf1f7' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='e' gradientUnits='userSpaceOnUse' cx='1150' cy='640' r='520'%3E%3Cstop offset='0' stop-color='%23ec7d8f' stop-opacity='.14'/%3E%3Cstop offset='1' stop-color='%23ec7d8f' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='f0' gradientUnits='userSpaceOnUse' x1='0' y1='1080' x2='0' y2='0'%3E%3Cstop offset='0' stop-color='%23f2dde1'/%3E%3Cstop offset='0.38' stop-color='%23efc3ca'/%3E%3Cstop offset='0.7' stop-color='%23e9a3af'/%3E%3Cstop offset='1' stop-color='%23e28b99'/%3E%3C/linearGradient%3E%3ClinearGradient id='f1' gradientUnits='userSpaceOnUse' x1='0' y1='1080' x2='0' y2='0'%3E%3Cstop offset='0' stop-color='%23eef2f7'/%3E%3Cstop offset='0.38' stop-color='%23f7f9fc'/%3E%3Cstop offset='0.7' stop-color='%23fdfdfe'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3ClinearGradient id='f2' gradientUnits='userSpaceOnUse' x1='0' y1='1080' x2='0' y2='0'%3E%3Cstop offset='0' stop-color='%23dde6f5'/%3E%3Cstop offset='0.38' stop-color='%23c3d4f1'/%3E%3Cstop offset='0.7' stop-color='%23a8c1ee'/%3E%3Cstop offset='1' stop-color='%2391b0e9'/%3E%3C/linearGradient%3E%3ClinearGradient id='f3' gradientUnits='userSpaceOnUse' x1='0' y1='1080' x2='0' y2='0'%3E%3Cstop offset='0' stop-color='%23e3eaf6'/%3E%3Cstop offset='0.38' stop-color='%23cfdcf3'/%3E%3Cstop offset='0.7' stop-color='%23bacdf1'/%3E%3Cstop offset='1' stop-color='%23a8c0ec'/%3E%3C/linearGradient%3E%3ClinearGradient id='f4' gradientUnits='userSpaceOnUse' x1='0' y1='1080' x2='0' y2='0'%3E%3Cstop offset='0' stop-color='%23e7edf7'/%3E%3Cstop offset='0.38' stop-color='%23d8e2f4'/%3E%3Cstop offset='0.7' stop-color='%23c9d7f2'/%3E%3Cstop offset='1' stop-color='%23bccdef'/%3E%3C/linearGradient%3E%3ClinearGradient id='d' gradientUnits='userSpaceOnUse' x1='0' y1='1080' x2='0' y2='0'%3E%3Cstop offset='0' stop-color='%23e5eaf2'/%3E%3Cstop offset='0.6' stop-color='%23eef2f8'/%3E%3Cstop offset='1' stop-color='%23f6f8fb'/%3E%3C/linearGradient%3E%3ClinearGradient id='fl' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='.52' stop-color='%23edf1f7' stop-opacity='0'/%3E%3Cstop offset='.8' stop-color='%23edf1f7' stop-opacity='.78'/%3E%3Cstop offset='.95' stop-color='%23edf1f7'/%3E%3C/linearGradient%3E%3ClinearGradient id='po' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%23edf1f7' stop-opacity='.86'/%3E%3Cstop offset='.42' stop-color='%23edf1f7' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='-400' y='-400' width='2720' height='1880' fill='%23edf1f7'/%3E%3Crect x='-400' y='-400' width='2720' height='1880' fill='url(%23w)'/%3E%3Crect x='-400' y='-400' width='2720' height='1880' fill='url(%23e)'/%3E%3Cg opacity='0.2' stroke-linejoin='bevel' fill='none'%3E%3Cpath d='M-371 1269L-87.8 797L-68.8 607L386 -151' stroke='%23d6dde8' stroke-width='62'/%3E%3Cpath d='M-386 1260L-102.8 788L-83.8 598L371 -160' stroke='%23fff' stroke-opacity='.95' stroke-width='62'/%3E%3Cpath d='M-383.8 1260L-100.6 788L-81.6 598L373.2 -160' stroke='url(%23d)' stroke-width='59'/%3E%3C/g%3E%3Cg opacity='0.3' stroke-linejoin='bevel' fill='none'%3E%3Cpath d='M-175 1269L131 759L150 569L582 -151' stroke='%23d6dde8' stroke-width='62'/%3E%3Cpath d='M-190 1260L116 750L135 560L567 -160' stroke='%23fff' stroke-opacity='.95' stroke-width='62'/%3E%3Cpath d='M-187.8 1260L118.2 750L137.2 560L569.2 -160' stroke='url(%23d)' stroke-width='59'/%3E%3C/g%3E%3Cg opacity='0.5' stroke-linejoin='bevel' fill='none'%3E%3Cpath d='M21 1269L349.8 721L368.8 531L778 -151' stroke='%23d6dde8' stroke-width='62'/%3E%3Cpath d='M6 1260L334.8 712L353.8 522L763 -160' stroke='%23fff' stroke-opacity='.95' stroke-width='62'/%3E%3Cpath d='M8.2 1260L337.0 712L356.0 522L765.2 -160' stroke='url(%23d)' stroke-width='59'/%3E%3C/g%3E%3Cg opacity='0.6' stroke-linejoin='bevel' fill='none'%3E%3Cpath d='M217 1269L568.6 683L587.6 493L974 -151' stroke='%23d6dde8' stroke-width='62'/%3E%3Cpath d='M202 1260L553.6 674L572.6 484L959 -160' stroke='%23fff' stroke-opacity='.95' stroke-width='62'/%3E%3Cpath d='M204.2 1260L555.8 674L574.8 484L961.2 -160' stroke='url(%23d)' stroke-width='59'/%3E%3C/g%3E%3Cg opacity='0.7' stroke-linejoin='bevel' fill='none'%3E%3Cpath d='M413 1269L787.4 645L806.4 455L1170 -151' stroke='%23d6dde8' stroke-width='62'/%3E%3Cpath d='M398 1260L772.4 636L791.4 446L1155 -160' stroke='%23fff' stroke-opacity='.95' stroke-width='62'/%3E%3Cpath d='M400.2 1260L774.6 636L793.6 446L1157.2 -160' stroke='url(%23d)' stroke-width='59'/%3E%3C/g%3E%3Cg opacity='0.9' stroke-linejoin='bevel' fill='none'%3E%3Cpath d='M609 1269L1006.2 607L1025.2 417L1366 -151' stroke='%23d6dde8' stroke-width='62'/%3E%3Cpath d='M594 1260L991.2 598L1010.2 408L1351 -160' stroke='%23fff' stroke-opacity='.95' stroke-width='62'/%3E%3Cpath d='M596.2 1260L993.4 598L1012.4 408L1353.2 -160' stroke='url(%23d)' stroke-width='59'/%3E%3C/g%3E%3Cg filter='url(%23sp)' fill='none' stroke-linejoin='round'%3E%3Cpath d='M790 1260L1210 560L1229 370L1547 -160' stroke='%23ef8595' stroke-opacity='0.2' stroke-width='198.4'/%3E%3Cpath d='M986 1260L1428.8 522L1447.8 332L1743 -160' stroke='%23fff' stroke-opacity='0.4' stroke-width='198.4'/%3E%3Cpath d='M1182 1260L1647.6 484L1666.6 294L1939 -160' stroke='%237ea3ea' stroke-opacity='0.2' stroke-width='198.4'/%3E%3Cpath d='M1378 1260L1866.4 446L1885.4 256L2135 -160' stroke='%237ea3ea' stroke-opacity='0.1' stroke-width='198.4'/%3E%3Cpath d='M1574 1260L2085.2 408L2104.2 218L2331 -160' stroke='%237ea3ea' stroke-opacity='0.1' stroke-width='198.4'/%3E%3C/g%3E%3Cg filter='url(%23gl)' fill='none' stroke-linejoin='round'%3E%3Cpath d='M790 1260L1210 560L1229 370L1547 -160' stroke='%23ef8595' stroke-opacity='0.2' stroke-width='93'/%3E%3Cpath d='M986 1260L1428.8 522L1447.8 332L1743 -160' stroke='%23fff' stroke-opacity='0.6' stroke-width='93'/%3E%3Cpath d='M1182 1260L1647.6 484L1666.6 294L1939 -160' stroke='%237ea3ea' stroke-opacity='0.2' stroke-width='93'/%3E%3Cpath d='M1378 1260L1866.4 446L1885.4 256L2135 -160' stroke='%237ea3ea' stroke-opacity='0.1' stroke-width='93'/%3E%3Cpath d='M1574 1260L2085.2 408L2104.2 218L2331 -160' stroke='%237ea3ea' stroke-opacity='0.1' stroke-width='93'/%3E%3C/g%3E%3Cg stroke-linejoin='bevel' fill='none'%3E%3Cpath d='M806 1270L1226 570L1245 380L1563 -150' stroke='%23d9aab3' stroke-width='62'/%3E%3Cpath d='M790 1260L1210 560L1229 370L1547 -160' stroke='%23fff5f6' stroke-width='62'/%3E%3Cpath d='M792.6 1260L1212.6 560L1231.6 370L1549.6 -160' stroke='url(%23f0)' stroke-width='59'/%3E%3C/g%3E%3Cg stroke-linejoin='bevel' fill='none'%3E%3Cpath d='M1002 1270L1444.8 532L1463.8 342L1759 -150' stroke='%23d0d8e4' stroke-width='62'/%3E%3Cpath d='M986 1260L1428.8 522L1447.8 332L1743 -160' stroke='%23fff' stroke-width='62'/%3E%3Cpath d='M988.6 1260L1431.4 522L1450.4 332L1745.6 -160' stroke='url(%23f1)' stroke-width='59'/%3E%3C/g%3E%3Cg stroke-linejoin='bevel' fill='none'%3E%3Cpath d='M1198 1270L1663.6 494L1682.6 304L1955 -150' stroke='%23b3c1dc' stroke-width='62'/%3E%3Cpath d='M1182 1260L1647.6 484L1666.6 294L1939 -160' stroke='%23f6f9ff' stroke-width='62'/%3E%3Cpath d='M1184.6 1260L1650.2 484L1669.2 294L1941.6 -160' stroke='url(%23f2)' stroke-width='59'/%3E%3C/g%3E%3Cg stroke-linejoin='bevel' fill='none'%3E%3Cpath d='M1394 1270L1882.4 456L1901.4 266L2151 -150' stroke='%23bcc8df' stroke-width='62'/%3E%3Cpath d='M1378 1260L1866.4 446L1885.4 256L2135 -160' stroke='%23f7faff' stroke-width='62'/%3E%3Cpath d='M1380.6 1260L1869 446L1888 256L2137.6 -160' stroke='url(%23f3)' stroke-width='59'/%3E%3C/g%3E%3Cg stroke-linejoin='bevel' fill='none'%3E%3Cpath d='M1590 1270L2101.2 418L2120.2 228L2347 -150' stroke='%23c6d0e2' stroke-width='62'/%3E%3Cpath d='M1574 1260L2085.2 408L2104.2 218L2331 -160' stroke='%23f9fbff' stroke-width='62'/%3E%3Cpath d='M1576.6 1260L2087.8 408L2106.8 218L2333.6 -160' stroke='url(%23f4)' stroke-width='59'/%3E%3C/g%3E%3Crect width='1920' height='1080' fill='url(%23po)'/%3E%3Crect width='1920' height='1080' fill='url(%23fl)'/%3E%3C/svg%3E");
  --zd-fi-frost-img: url("data:image/webp;base64,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");
  position: absolute;
  left: 0;
  top: 0;
  width: 1600px;
  height: 1000px;
  overflow: hidden;
  transform-origin: 0 0;
  background: #edf1f7;
  color: var(--zd-fi-fg);
  font: 400 14px/1.5 var(--zd-fi-sans);
  font-feature-settings: "ss01", "cv11";
  font-synthesis: none;
  font-kerning: normal;
  letter-spacing: normal;
  text-align: left;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  pointer-events: none;
  user-select: none;
  contain: strict;
}
.zd-fi *, .zd-fi *::before, .zd-fi *::after { box-sizing: border-box; }
.zd-fi :where(p, b, em, i, span, time, img, svg) { margin: 0; padding: 0; }
.zd-fi :where(b) { font-weight: inherit; }
.zd-fi :where(em, i) { font-style: normal; }
.zd-fi :where(img) { display: block; max-width: none; }
.zd-fi svg { flex: none; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; overflow: visible; }
.zd-fi .zd-fi-mono { font-family: var(--zd-fi-mono); font-feature-settings: normal; }
.zd-fi .zd-fi-num { font-variant-numeric: tabular-nums; }

/* the ground: the slabs as they stand, on a layer of their own that is painted once */
.zd-fi .zd-fi-ground { position: absolute; left: 0; top: 0; width: 1600px; height: 1000px; background: #edf1f7 var(--zd-fi-ground-img) 0 0 / 1600px 1000px no-repeat; will-change: transform; }

/* ---- glass: tint, frost, a 1px rim, a light inside the top edge, a deep soft shadow ---- */
.zd-fi .zd-fi-glass {
  position: absolute;
  border: 1px solid var(--zd-fi-rim);
  border-radius: 22px;
  background-image: linear-gradient(var(--zd-fi-glass), var(--zd-fi-glass)), var(--zd-fi-frost-img);
  background-repeat: no-repeat;
  background-origin: border-box;
  background-size: 100% 100%, 1600px 1000px;
  box-shadow: inset 0 1px 0 var(--zd-fi-light), var(--zd-fi-shadow);
}
/* the menu's glass: the same frost under Sidekick's denser 86% white */
.zd-fi .zd-fi-float {
  position: absolute;
  border: 1px solid var(--zd-fi-rim);
  background-image: linear-gradient(var(--zd-fi-menu), var(--zd-fi-menu)), var(--zd-fi-frost-img);
  background-repeat: no-repeat;
  background-origin: border-box;
  background-size: 100% 100%, 1600px 1000px;
  box-shadow: inset 0 1px 0 var(--zd-fi-light), var(--zd-fi-shadow);
}

/* ---- the sidebar ---- */
.zd-fi .zd-fi-side { left: 12px; top: 12px; width: 264px; height: 976px; padding: 12px; display: flex; flex-direction: column; background-position: 0 0, -12px -12px; }
.zd-fi .zd-fi-shead { display: flex; align-items: center; gap: 12px; height: 36px; flex: none; }
.zd-fi .zd-fi-toggle { display: grid; place-items: center; width: 36px; height: 36px; flex: none; border-radius: 999px; color: var(--zd-fi-fg2); }
.zd-fi .zd-fi-toggle svg { width: 18px; height: 18px; }
.zd-fi .zd-fi-brand { display: flex; align-items: center; gap: 12px; min-width: 0; }
.zd-fi .zd-fi-wm { width: 84px; height: 15px; flex: none; }
.zd-fi .zd-fi-div { display: block; width: 1px; height: 16px; flex: none; background: var(--zd-fi-line2); }
.zd-fi .zd-fi-sys { font-size: 13px; font-weight: 500; letter-spacing: -.01em; color: var(--zd-fi-fg2); white-space: nowrap; }
.zd-fi .zd-fi-ctx { flex: none; margin: 22px 10px 18px; }
.zd-fi .zd-fi-ctxl { font-size: 12px; font-weight: 500; line-height: 16px; color: var(--zd-fi-fg3); }
.zd-fi .zd-fi-org { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 6px; }
.zd-fi .zd-fi-org b { font: 400 21px/1.15 var(--zd-fi-serif); letter-spacing: -.005em; color: var(--zd-fi-fg); }
.zd-fi .zd-fi-org svg { width: 16px; height: 16px; color: var(--zd-fi-fg3); }
.zd-fi .zd-fi-sbody { display: grid; grid-template-columns: minmax(0, 1fr); align-content: start; gap: 10px; flex: 1 1 auto; min-height: 0; padding-top: 2px; }

/* search, the way into the command menu: a field with a magnifier and the shortcut as two key caps */
.zd-fi .zd-fi-search { position: relative; display: flex; align-items: center; gap: 10px; height: 38px; padding: 0 8px 0 12px; border: 1px solid var(--zd-fi-cline); border-radius: 12px; background: var(--zd-fi-control); font-size: 13.5px; color: var(--zd-fi-fg3); }
.zd-fi .zd-fi-search > svg { width: 16px; height: 16px; stroke-width: 1.7; }
.zd-fi .zd-fi-keys { display: flex; gap: 3px; margin-left: auto; }
.zd-fi .zd-fi-key { position: relative; display: inline-grid; place-items: center; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 6px; background: var(--zd-fi-control); box-shadow: inset 0 0 0 1px var(--zd-fi-cline); font: 500 11px/1 var(--zd-fi-mono); color: var(--zd-fi-fg2); }
.zd-fi .zd-fi-key svg { width: 10px; height: 10px; stroke-width: 2.1; }
.zd-fi .zd-fi-key > svg, .zd-fi .zd-fi-key > span { position: relative; }
.zd-fi .zd-fi-key i { position: absolute; inset: 0; border-radius: inherit; background: rgba(20, 40, 80, .1); box-shadow: inset 0 1px 2px rgba(10, 17, 32, .18); opacity: 0; }

/* navigation: one lit tab rides between the rows */
.zd-fi .zd-fi-nav { position: relative; display: grid; gap: 4px; }
.zd-fi .zd-fi-navlit { position: absolute; left: 0; right: 0; top: 0; height: 40px; border-radius: 12px; background: var(--zd-fi-control); box-shadow: inset 0 0 0 1px var(--zd-fi-cline); }
.zd-fi .zd-fi-navi { position: relative; display: flex; align-items: center; gap: 12px; height: 40px; padding: 0 12px; border-radius: 12px; font-size: 14px; color: var(--zd-fi-fg2); }
.zd-fi .zd-fi-navi svg { width: 18px; height: 18px; color: var(--zd-fi-fg3); }
.zd-fi .zd-fi-navi.zd-fi-on { font-weight: 500; color: var(--zd-fi-fg); }
.zd-fi .zd-fi-navi.zd-fi-on svg { color: var(--zd-fi-accent); }
.zd-fi .zd-fi-count { display: inline-grid; place-items: center; min-width: 20px; height: 20px; margin-left: auto; padding: 0 6px; border-radius: 999px; background: var(--zd-fi-btn); font: 600 11px/1 var(--zd-fi-mono); color: #fff; }

/* the agents, each with its state: working (a ring that breathes out), waiting on a person (a crimson dot), done (a check) */
.zd-fi .zd-fi-agh { display: flex; align-items: baseline; justify-content: space-between; margin: 20px 10px 0; font-size: 12px; font-weight: 500; line-height: 16px; color: var(--zd-fi-fg3); }
.zd-fi .zd-fi-agh span + span { font-weight: 400; }
.zd-fi .zd-fi-agents { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2px; }
.zd-fi .zd-fi-agent { display: flex; align-items: center; gap: 12px; height: 46px; padding: 0 10px; }
.zd-fi .zd-fi-ad { position: relative; display: grid; place-items: center; width: 30px; height: 30px; flex: none; border-radius: 999px; background: var(--zd-fi-control); box-shadow: inset 0 0 0 1px var(--zd-fi-cline); color: var(--zd-fi-fg3); }
.zd-fi .zd-fi-ad svg { width: 15px; height: 15px; stroke-width: 1.7; }
.zd-fi .zd-fi-ar { position: absolute; left: -3px; top: -3px; width: 36px; height: 36px; border-radius: 999px; border: 1.25px solid var(--zd-fi-ice); opacity: 0; will-change: transform, opacity; }
.zd-fi .zd-fi-aw { position: absolute; right: -3px; top: -3px; width: 11px; height: 11px; border: 2px solid #f4f6fa; border-radius: 999px; background: var(--zd-fi-accent); opacity: 0; }
.zd-fi .zd-fi-ak { position: absolute; right: -4px; bottom: -4px; display: grid; place-items: center; width: 15px; height: 15px; border: 2px solid #f4f6fa; border-radius: 999px; background: var(--zd-fi-ok); color: #fff; opacity: 0; }
.zd-fi .zd-fi-ak svg { width: 8px; height: 8px; stroke-width: 3.2; }
.zd-fi .zd-fi-agent.zd-fi-work .zd-fi-ad { color: var(--zd-fi-ok); background: rgba(255, 255, 255, .78); }
.zd-fi .zd-fi-agent.zd-fi-wait .zd-fi-ad { color: var(--zd-fi-accent); }
.zd-fi .zd-fi-at { min-width: 0; flex: 1; }
.zd-fi .zd-fi-an { display: block; font-size: 13.5px; font-weight: 500; line-height: 18px; color: var(--zd-fi-fg); white-space: nowrap; }
.zd-fi .zd-fi-aj { display: block; height: 17px; overflow: hidden; }
.zd-fi .zd-fi-aj span { display: block; font-size: 12px; line-height: 17px; color: var(--zd-fi-fg3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.zd-fi .zd-fi-agent.zd-fi-wait .zd-fi-aj span { color: var(--zd-fi-accent-text); }

/* the account row */
.zd-fi .zd-fi-sfoot { flex: none; margin-top: auto; padding: 14px 10px 30px; border-top: 1px solid var(--zd-fi-line); }
.zd-fi .zd-fi-user { display: flex; align-items: center; gap: 12px; padding: 8px; border-radius: 14px; }
.zd-fi .zd-fi-user > svg { width: 16px; height: 16px; margin-left: auto; color: var(--zd-fi-fg3); }
.zd-fi .zd-fi-un b { display: block; font-size: 13px; font-weight: 500; line-height: 19.5px; }
.zd-fi .zd-fi-un em { display: block; font-size: 12px; line-height: 18px; color: var(--zd-fi-fg3); }

/* initials on a brand tint, as Sidekick draws them */
.zd-fi .zd-fi-av { display: grid; place-items: center; width: 32px; height: 32px; flex: none; border-radius: 999px; box-shadow: inset 0 0 0 1px var(--zd-fi-cline); font-size: 12px; font-weight: 600; line-height: 1; color: var(--zd-fi-fg); }
.zd-fi .zd-fi-t0 { background: color-mix(in srgb, #4f6a93 24%, rgba(255, 255, 255, .62)); }
.zd-fi .zd-fi-t1 { background: color-mix(in srgb, #c9384c 24%, rgba(255, 255, 255, .62)); }
.zd-fi .zd-fi-t2 { background: color-mix(in srgb, #6f8cb5 24%, rgba(255, 255, 255, .62)); }
.zd-fi .zd-fi-t3 { background: color-mix(in srgb, #56688a 24%, rgba(255, 255, 255, .62)); }

/* ---- the page header ---- */
.zd-fi .zd-fi-head { position: absolute; left: 324px; top: 28px; width: 1248px; }
.zd-fi .zd-fi-marker { display: flex; align-items: center; gap: 10px; height: 15px; font: 400 15px/1 var(--zd-fi-serif); color: var(--zd-fi-fg2); }
.zd-fi .zd-fi-marker::before { content: ""; width: 3px; height: 15px; border-radius: 2px; background: var(--zd-fi-accent); }
.zd-fi .zd-fi-title { margin-top: 11px; font: 400 50px/1.06 var(--zd-fi-serif); letter-spacing: -.014em; color: var(--zd-fi-fg); }
.zd-fi .zd-fi-lede { margin-top: 7px; font-size: 15px; line-height: 24px; color: var(--zd-fi-fg2); }
.zd-fi .zd-fi-acts { position: absolute; right: 0; top: 70px; display: flex; align-items: center; gap: 10px; }
.zd-fi .zd-fi-stack { display: flex; align-items: center; margin-right: 6px; }
.zd-fi .zd-fi-stack .zd-fi-av { position: relative; width: 30px; height: 30px; margin-left: -5px; font-size: 10.5px; box-shadow: inset 0 0 0 1px var(--zd-fi-cline), 0 0 0 2px #edf1f7; }
.zd-fi .zd-fi-stack .zd-fi-av:nth-child(1) { z-index: 4; }
.zd-fi .zd-fi-stack .zd-fi-av:nth-child(2) { z-index: 3; }
.zd-fi .zd-fi-stack .zd-fi-av:nth-child(3) { z-index: 2; }
.zd-fi .zd-fi-stack .zd-fi-av:first-child { margin-left: 0; }
.zd-fi .zd-fi-stack .zd-fi-more { background: var(--zd-fi-solid); color: var(--zd-fi-fg2); font-weight: 500; }

/* pill tabs under the header, with the lit tab */
.zd-fi .zd-fi-tabs { position: absolute; left: 324px; top: 156px; display: flex; gap: 4px; }
.zd-fi .zd-fi-tablit { position: absolute; left: 0; top: 0; height: 36px; border-radius: 999px; background: var(--zd-fi-control); box-shadow: inset 0 0 0 1px var(--zd-fi-cline); }
.zd-fi .zd-fi-tab { position: relative; display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 16px; border-radius: 999px; font-size: 14px; color: var(--zd-fi-fg2); white-space: nowrap; }
.zd-fi .zd-fi-tab.zd-fi-on { font-weight: 500; color: var(--zd-fi-fg); }
.zd-fi .zd-fi-tabn { position: relative; font: 400 11px/1 var(--zd-fi-mono); color: var(--zd-fi-fg3); }

/* ---- buttons: pills that press to 97% ---- */
.zd-fi .zd-fi-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 40px; padding: 0 18px; border: 1px solid transparent; border-radius: 999px; font-size: 14px; font-weight: 500; letter-spacing: -.005em; white-space: nowrap; }
.zd-fi .zd-fi-btn svg { position: relative; width: 16px; height: 16px; stroke-width: 1.8; }
.zd-fi .zd-fi-btn > span { position: relative; }
.zd-fi .zd-fi-btn > i { position: absolute; inset: -1px; border-radius: inherit; opacity: 0; }
.zd-fi .zd-fi-sm { height: 32px; padding: 0 12px; font-size: 13px; gap: 6px; }
.zd-fi .zd-fi-sm svg { width: 15px; height: 15px; }
.zd-fi .zd-fi-pri { color: #fff; background: var(--zd-fi-btn); }
.zd-fi .zd-fi-pri > .zd-fi-hov { background: var(--zd-fi-btn-hover); }
.zd-fi .zd-fi-pri > .zd-fi-prs { background: var(--zd-fi-btn-press); }
.zd-fi .zd-fi-sec { color: var(--zd-fi-fg); background: var(--zd-fi-control); border-color: var(--zd-fi-cline); }
.zd-fi .zd-fi-head .zd-fi-sec { background: var(--zd-fi-solid); }
.zd-fi .zd-fi-sec > .zd-fi-hov { background: var(--zd-fi-hover); }
.zd-fi .zd-fi-quiet { color: var(--zd-fi-fg2); background: transparent; }
.zd-fi .zd-fi-ib { width: 40px; padding: 0; }
.zd-fi .zd-fi-ib.zd-fi-sm { width: 32px; }

/* status pills with a dot */
.zd-fi .zd-fi-badge { display: inline-flex; align-items: center; gap: 6px; height: 24px; padding: 0 10px; border-radius: 999px; background: var(--zd-fi-control); box-shadow: inset 0 0 0 1px var(--zd-fi-cline); font-size: 12px; font-weight: 500; line-height: 1; color: var(--zd-fi-fg2); white-space: nowrap; }
.zd-fi .zd-fi-badge::before { content: ""; width: 6px; height: 6px; flex: none; border-radius: 999px; background: currentColor; }
.zd-fi .zd-fi-badge.zd-fi-wt { background: var(--zd-fi-accent-soft); box-shadow: none; color: var(--zd-fi-accent-text); }
.zd-fi .zd-fi-badge.zd-fi-okb { background: var(--zd-fi-ok-soft); box-shadow: none; color: var(--zd-fi-ok); }
.zd-fi .zd-fi-badge.zd-fi-hd { color: var(--zd-fi-fg2); }
.zd-fi .zd-fi-badge.zd-fi-hd::before { background: transparent; box-shadow: inset 0 0 0 1.5px currentColor; }

/* a checkbox and a switch, at Sidekick's sizes */
.zd-fi .zd-fi-check { display: inline-grid; place-items: center; width: 18px; height: 18px; flex: none; border-radius: 6px; background: var(--zd-fi-btn); color: #fff; }
.zd-fi .zd-fi-check svg { width: 12px; height: 12px; stroke-width: 2.6; }
.zd-fi .zd-fi-switch { position: relative; display: inline-block; width: 38px; height: 22px; flex: none; border-radius: 999px; background: var(--zd-fi-btn); }
.zd-fi .zd-fi-switch::after { content: ""; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 999px; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .25); transform: translateX(16px); }

/* a segmented choice with its sliding lit segment */
.zd-fi .zd-fi-seg { position: relative; display: flex; padding: 3px; border-radius: 999px; background: var(--zd-fi-control); box-shadow: inset 0 0 0 1px var(--zd-fi-cline); }
.zd-fi .zd-fi-seglit { position: absolute; left: 0; top: 3px; height: 30px; border-radius: 999px; background: var(--zd-fi-hover); box-shadow: 0 1px 2px rgba(10, 17, 32, .12), inset 0 0 0 1px var(--zd-fi-cline); }
.zd-fi .zd-fi-segb { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 6px; flex: 1 1 auto; height: 30px; padding: 0 10px; border-radius: 999px; font-size: 13px; color: var(--zd-fi-fg2); white-space: nowrap; }
.zd-fi .zd-fi-segb.zd-fi-on { font-weight: 500; color: var(--zd-fi-fg); }
.zd-fi .zd-fi-segb em { position: relative; font: 400 11px/1 var(--zd-fi-mono); color: var(--zd-fi-fg3); }

/* 4px progress pill */
.zd-fi .zd-fi-prog { position: relative; height: 4px; overflow: hidden; border-radius: 999px; background: var(--zd-fi-cline); }
.zd-fi .zd-fi-prog i { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: inherit; background: var(--zd-fi-ok); transform-origin: 0 50%; }

/* ---- the three panes ---- */
.zd-fi .zd-fi-pane { top: 210px; height: 778px; padding: 20px; z-index: 0; }
.zd-fi .zd-fi-ph { display: flex; align-items: center; justify-content: space-between; gap: 12px; height: 32px; }
.zd-fi .zd-fi-pt { display: flex; align-items: baseline; gap: 10px; font-size: 15px; font-weight: 600; letter-spacing: -.01em; color: var(--zd-fi-fg); white-space: nowrap; }
.zd-fi .zd-fi-pt em { font-weight: 400; letter-spacing: 0; color: var(--zd-fi-fg3); }

/* the deal's documents and what the agents have done */
.zd-fi .zd-fi-docs { left: 324px; width: 296px; background-position: 0 0, -324px -210px; }
.zd-fi .zd-fi-read { margin-top: 16px; }
.zd-fi .zd-fi-readl { display: flex; justify-content: space-between; margin-top: 9px; font-size: 12.5px; line-height: 16px; color: var(--zd-fi-fg3); }
.zd-fi .zd-fi-readl .zd-fi-mono { font-size: 11.5px; }
.zd-fi .zd-fi-docs .zd-fi-seg { margin-top: 16px; }
.zd-fi .zd-fi-dlist { position: relative; height: 214px; margin: 10px -10px 0; }
.zd-fi .zd-fi-drow { position: absolute; left: 0; right: 0; display: grid; grid-template-columns: 16px minmax(0, 1fr) auto; align-items: center; column-gap: 12px; height: 52px; padding: 0 10px; border-radius: 12px; }
.zd-fi .zd-fi-drow > svg { width: 16px; height: 16px; color: var(--zd-fi-fg3); align-self: start; margin-top: 10px; }
.zd-fi .zd-fi-drow.zd-fi-on { background: var(--zd-fi-control); box-shadow: inset 0 0 0 1px var(--zd-fi-cline); }
.zd-fi .zd-fi-drow.zd-fi-on > svg { color: var(--zd-fi-accent); }
.zd-fi .zd-fi-dt { display: block; font-size: 13.5px; font-weight: 500; line-height: 18px; color: var(--zd-fi-fg); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.zd-fi .zd-fi-ds { display: block; margin-top: 1px; font-size: 12px; line-height: 16px; color: var(--zd-fi-fg3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.zd-fi .zd-fi-ds .zd-fi-mono { font-size: 11px; }
.zd-fi .zd-fi-dflag { display: inline-flex; align-items: center; gap: 4px; align-self: start; margin-top: 9px; font: 500 11.5px/1 var(--zd-fi-mono); color: var(--zd-fi-accent-text); }
.zd-fi .zd-fi-dflag svg { width: 12px; height: 12px; stroke-width: 1.9; }
.zd-fi .zd-fi-focus { position: absolute; inset: -2px; border-radius: 14px; box-shadow: 0 0 0 2px var(--zd-fi-ring); opacity: 0; }
.zd-fi .zd-fi-act { position: absolute; left: 20px; right: 20px; top: 392px; bottom: 20px; padding-top: 16px; border-top: 1px solid var(--zd-fi-line); }
.zd-fi .zd-fi-act .zd-fi-ph { height: 22px; }
.zd-fi .zd-fi-live { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--zd-fi-fg3); }
.zd-fi .zd-fi-live i { width: 6px; height: 6px; border-radius: 999px; background: var(--zd-fi-ok); }
.zd-fi .zd-fi-feed { position: absolute; left: 0; right: 0; top: 52px; bottom: 0; overflow: hidden; }
.zd-fi .zd-fi-li { position: absolute; left: 0; top: 0; right: 0; display: grid; grid-template-columns: 26px minmax(0, 1fr); column-gap: 10px; height: 62px; will-change: transform, opacity; }
.zd-fi .zd-fi-lav { position: relative; display: grid; place-items: center; width: 26px; height: 26px; margin-top: 1px; border-radius: 999px; background: var(--zd-fi-control); box-shadow: inset 0 0 0 1px var(--zd-fi-cline); color: var(--zd-fi-fg3); font-size: 10px; font-weight: 600; }
.zd-fi .zd-fi-lav svg { width: 13px; height: 13px; stroke-width: 1.8; }
.zd-fi .zd-fi-lav.zd-fi-person { color: var(--zd-fi-fg); background: color-mix(in srgb, #c9384c 24%, rgba(255, 255, 255, .62)); }
.zd-fi .zd-fi-lh { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.zd-fi .zd-fi-lh b { font-size: 13px; font-weight: 500; line-height: 18px; color: var(--zd-fi-fg); white-space: nowrap; }
.zd-fi .zd-fi-lh time { font: 400 11px/18px var(--zd-fi-mono); color: var(--zd-fi-fg3); }
.zd-fi .zd-fi-lt { display: block; margin-top: 2px; font-size: 12.5px; line-height: 17px; color: var(--zd-fi-fg2); text-wrap: pretty; }
.zd-fi .zd-fi-lfade { position: absolute; left: 0; right: 0; bottom: 0; height: 44px; }
/* the foot of a list fades into its pane: the pane's own glass laid over it through a gradient mask */
.zd-fi .zd-fi-lfade, .zd-fi .zd-fi-ffade { background-image: linear-gradient(var(--zd-fi-glass), var(--zd-fi-glass)), var(--zd-fi-frost-img); background-repeat: no-repeat; background-size: 100% 100%, 1600px 1000px; -webkit-mask-image: linear-gradient(rgba(0, 0, 0, 0), #000 72%); mask-image: linear-gradient(rgba(0, 0, 0, 0), #000 72%); }

/* the open document */
.zd-fi .zd-fi-doc { left: 640px; width: 540px; padding: 0; overflow: hidden; background-position: 0 0, -640px -210px; }
.zd-fi .zd-fi-dh { display: flex; align-items: center; gap: 12px; height: 72px; padding: 0 20px; border-bottom: 1px solid var(--zd-fi-line); }
.zd-fi .zd-fi-dico { display: grid; place-items: center; width: 34px; height: 34px; flex: none; border-radius: 999px; background: var(--zd-fi-control); box-shadow: inset 0 0 0 1px var(--zd-fi-cline); color: var(--zd-fi-accent); }
.zd-fi .zd-fi-dico svg { width: 16px; height: 16px; }
.zd-fi .zd-fi-dn { min-width: 0; flex: 1; }
.zd-fi .zd-fi-dn b { display: block; font-size: 15px; font-weight: 600; line-height: 20px; letter-spacing: -.01em; }
.zd-fi .zd-fi-dn em { display: block; margin-top: 1px; font-size: 12.5px; line-height: 17px; color: var(--zd-fi-fg3); white-space: nowrap; }
.zd-fi .zd-fi-dn .zd-fi-mono { font-size: 11.5px; }
.zd-fi .zd-fi-flags { display: flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 500; color: var(--zd-fi-fg2); }
.zd-fi .zd-fi-pager { display: flex; align-items: center; gap: 2px; margin-left: 6px; padding-left: 12px; border-left: 1px solid var(--zd-fi-line); font: 400 11.5px/1 var(--zd-fi-mono); color: var(--zd-fi-fg2); }
.zd-fi .zd-fi-pager svg { width: 15px; height: 15px; color: var(--zd-fi-fg3); stroke-width: 1.8; }
.zd-fi .zd-fi-pager span { padding: 0 6px; }
.zd-fi .zd-fi-paper { position: absolute; left: 20px; top: 92px; width: 462px; height: 666px; overflow: hidden; border-radius: 8px; background: rgba(255, 255, 255, .95); box-shadow: 0 0 0 1px rgba(20, 40, 80, .06), 0 1px 2px rgba(12, 24, 48, .05), 0 18px 40px -22px rgba(12, 24, 48, .28); z-index: 1; }
.zd-fi .zd-fi-rh { display: flex; justify-content: space-between; margin: 26px 32px 0; padding-bottom: 9px; border-bottom: 1px solid rgba(20, 40, 80, .1); font: 400 11.5px/1 var(--zd-fi-serif); color: var(--zd-fi-fg3); }
.zd-fi .zd-fi-txt { position: absolute; left: 32px; right: 32px; top: 64px; font: 400 13.5px/1.62 var(--zd-fi-serif); color: #1b2434; hyphens: auto; -webkit-hyphens: auto; }
.zd-fi .zd-fi-txt.zd-fi-hl { color: transparent; }
.zd-fi .zd-fi-ch { display: flex; gap: 10px; margin: 16px 0 6px; font-size: 14.5px; font-weight: 600; color: var(--zd-fi-fg); }
.zd-fi .zd-fi-ch:first-child { margin-top: 0; }
.zd-fi .zd-fi-cl { display: flex; gap: 10px; margin-bottom: 8px; }
.zd-fi .zd-fi-cn { flex: none; width: 30px; color: var(--zd-fi-fg3); font-variant-numeric: tabular-nums; }
.zd-fi .zd-fi-ct { flex: 1; min-width: 0; text-align: justify; }
.zd-fi .zd-fi-ct b { font-style: italic; }
.zd-fi .zd-fi-txt mark { color: transparent; padding: 1px 0; border-radius: 2px; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.zd-fi .zd-fi-txt mark.zd-fi-k0 { background: rgba(201, 56, 76, .15); }
.zd-fi .zd-fi-txt mark.zd-fi-k1 { background: rgba(111, 140, 181, .2); }
.zd-fi .zd-fi-txt mark.zd-fi-k2 { background: rgba(122, 138, 171, .17); }
.zd-fi .zd-fi-lit { position: absolute; left: 22px; right: 22px; border-radius: 8px; background: rgba(201, 56, 76, .06); box-shadow: inset 0 0 0 1px rgba(201, 56, 76, .3); opacity: 0; }
.zd-fi .zd-fi-pfade { position: absolute; left: 0; right: 0; bottom: 0; height: 120px; background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, .95) 78%); }
.zd-fi .zd-fi-tag { position: absolute; left: 470px; display: flex; align-items: center; height: 22px; padding: 0 9px 0 12px; border-radius: 0 999px 999px 0; font: 500 10.5px/1 var(--zd-fi-mono); color: #fff; white-space: nowrap; z-index: 0; }
.zd-fi .zd-fi-tag.zd-fi-k0 { background: var(--zd-fi-accent); }
.zd-fi .zd-fi-tag.zd-fi-k1 { background: var(--zd-fi-ice); }
.zd-fi .zd-fi-tag.zd-fi-k2 { background: var(--zd-fi-steel); }

/* the findings */
.zd-fi .zd-fi-finds { left: 1200px; width: 372px; overflow: hidden; background-position: 0 0, -1200px -210px; }
.zd-fi .zd-fi-fwrap { position: absolute; left: 8px; right: 8px; top: 66px; bottom: 20px; overflow: hidden; }
.zd-fi .zd-fi-fall { position: absolute; inset: 0; }
.zd-fi .zd-fi-card { position: absolute; left: 12px; right: 12px; top: 0; padding: 16px; border-radius: 16px; background: rgba(255, 255, 255, .6); box-shadow: inset 0 0 0 1px var(--zd-fi-cline); will-change: transform, opacity; }
.zd-fi .zd-fi-ck { position: relative; display: flex; align-items: center; justify-content: space-between; height: 16px; }
.zd-fi .zd-fi-ckm { position: absolute; left: 0; top: 0; display: flex; align-items: center; gap: 9px; height: 16px; font: 400 14px/1 var(--zd-fi-serif); color: var(--zd-fi-fg2); white-space: nowrap; }
.zd-fi .zd-fi-ckm::before { content: ""; width: 3px; height: 14px; border-radius: 2px; background: var(--zd-fi-accent); }
.zd-fi .zd-fi-ckm.zd-fi-okm::before { background: var(--zd-fi-ok); }
.zd-fi .zd-fi-ckid { margin-left: auto; font: 400 11.5px/16px var(--zd-fi-mono); color: var(--zd-fi-fg3); }
.zd-fi .zd-fi-ckid b { font-family: var(--zd-fi-sans); font-weight: 500; font-size: 12px; color: var(--zd-fi-accent-text); }
.zd-fi .zd-fi-ctt { margin-top: 10px; font: 400 22px/1.2 var(--zd-fi-serif); letter-spacing: -.01em; color: var(--zd-fi-fg); }
.zd-fi .zd-fi-csum { margin-top: 6px; font-size: 13.5px; line-height: 21px; color: var(--zd-fi-fg2); }
.zd-fi .zd-fi-chips { display: flex; gap: 6px; margin-top: 12px; }
.zd-fi .zd-fi-chip { position: relative; display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 9px 0 7px; border-radius: 8px; background: var(--zd-fi-solid); box-shadow: inset 0 0 0 1px var(--zd-fi-cline); font: 400 11px/1 var(--zd-fi-mono); color: var(--zd-fi-fg2); white-space: nowrap; }
.zd-fi .zd-fi-chip svg { width: 13px; height: 13px; color: var(--zd-fi-fg3); stroke-width: 1.8; }
.zd-fi .zd-fi-chip.zd-fi-more { padding: 0 9px; color: var(--zd-fi-fg3); }
.zd-fi .zd-fi-chip i { position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 1.5px rgba(201, 56, 76, .55); background: rgba(201, 56, 76, .05); opacity: 0; }
.zd-fi .zd-fi-crow { display: flex; align-items: center; gap: 10px; margin-top: 12px; font-size: 13px; line-height: 18px; color: var(--zd-fi-fg2); }
.zd-fi .zd-fi-cby { display: flex; align-items: center; gap: 8px; margin-top: 10px; font-size: 12px; line-height: 16px; color: var(--zd-fi-fg3); }
.zd-fi .zd-fi-cby .zd-fi-lav { width: 20px; height: 20px; margin: 0; }
.zd-fi .zd-fi-cby .zd-fi-lav svg { width: 11px; height: 11px; }
.zd-fi .zd-fi-cby .zd-fi-lav + .zd-fi-lav { margin-left: -12px; box-shadow: inset 0 0 0 1px var(--zd-fi-cline), 0 0 0 2px #f6f8fb; }
.zd-fi .zd-fi-cact { position: relative; height: 40px; margin-top: 14px; }
.zd-fi .zd-fi-btns { position: absolute; left: 0; top: 0; display: flex; gap: 8px; }
.zd-fi .zd-fi-cdone { position: absolute; left: 0; right: 0; top: 0; display: flex; align-items: center; gap: 10px; height: 40px; font-size: 13px; line-height: 18px; color: var(--zd-fi-fg2); opacity: 0; }
.zd-fi .zd-fi-cdone svg { width: 18px; height: 18px; padding: 3px; border-radius: 999px; background: var(--zd-fi-ok-soft); color: var(--zd-fi-ok); stroke-width: 2.4; }
.zd-fi .zd-fi-cdone b { font-weight: 500; color: var(--zd-fi-fg); }
.zd-fi .zd-fi-rows { position: absolute; left: 0; right: 0; top: 0; will-change: transform; }
.zd-fi .zd-fi-frow { position: absolute; left: 0; right: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto auto; align-items: center; column-gap: 12px; height: 60px; padding: 0 12px; border-radius: 12px; }
.zd-fi .zd-fi-rl { position: absolute; left: 12px; right: 12px; top: -1px; height: 1px; background: var(--zd-fi-line); }
.zd-fi .zd-fi-rhov { position: absolute; inset: 0; border-radius: inherit; background: var(--zd-fi-control); box-shadow: inset 0 0 0 1px var(--zd-fi-cline); opacity: 0; }
.zd-fi .zd-fi-ft { position: relative; grid-column: 1; grid-row: 1; align-self: end; font-size: 14px; font-weight: 500; line-height: 19px; color: var(--zd-fi-fg); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.zd-fi .zd-fi-fm { position: relative; grid-column: 1; grid-row: 2; align-self: start; margin-top: 2px; font-size: 12.5px; line-height: 17px; color: var(--zd-fi-fg3); white-space: nowrap; }
.zd-fi .zd-fi-fm .zd-fi-mono { font-size: 11.5px; }
.zd-fi .zd-fi-fm b { font-weight: 500; color: var(--zd-fi-accent-text); }
.zd-fi .zd-fi-fb { position: relative; grid-column: 2; grid-row: 1 / span 2; display: grid; justify-items: end; }
.zd-fi .zd-fi-fb > * { grid-area: 1 / 1; }
.zd-fi .zd-fi-fb .zd-fi-badge { position: relative; }
.zd-fi .zd-fi-bh { position: absolute; inset: 0; border-radius: 999px; box-shadow: inset 0 0 0 1.5px rgba(163, 36, 60, .4); opacity: 0; }
.zd-fi .zd-fi-ffade { position: absolute; left: 0; right: 0; bottom: 0; height: 52px; }

/* the row's menu */
.zd-fi .zd-fi-menu { position: absolute; width: 236px; padding: 6px; border-radius: 16px; opacity: 0; transform-origin: 100% 0; z-index: 8; will-change: transform, opacity; }
.zd-fi .zd-fi-mi { position: relative; display: flex; align-items: center; gap: 10px; height: 36px; padding: 0 10px; border-radius: 10px; font-size: 13.5px; color: var(--zd-fi-fg); white-space: nowrap; }
.zd-fi .zd-fi-mi > svg { position: relative; width: 16px; height: 16px; color: var(--zd-fi-fg3); }
.zd-fi .zd-fi-mi > span { position: relative; }
.zd-fi .zd-fi-mi > em { position: relative; margin-left: auto; font: 400 11px/1 var(--zd-fi-mono); color: var(--zd-fi-fg3); }
.zd-fi .zd-fi-mi > i { position: absolute; inset: 0; border-radius: inherit; background: var(--zd-fi-hover); box-shadow: 0 1px 2px rgba(10, 17, 32, .06); opacity: 0; }
.zd-fi .zd-fi-msep { height: 1px; margin: 6px; background: var(--zd-fi-line); }

/* the command menu, with the assistant's answer in it */
.zd-fi .zd-fi-scrim { position: absolute; left: 0; top: 0; width: 1600px; height: 1000px; background: rgba(10, 14, 24, .16); opacity: 0; z-index: 9; will-change: opacity; }
.zd-fi .zd-fi-sheet { left: 520px; top: 116px; width: 560px; height: 530px; overflow: hidden; border-radius: 22px; background-position: 0 0, -520px -116px; opacity: 0; transform-origin: 50% 30%; z-index: 10; will-change: transform, opacity; }
.zd-fi .zd-fi-cin { position: relative; display: flex; align-items: center; height: 58px; padding: 0 18px 0 50px; font-size: 16px; color: var(--zd-fi-fg); white-space: nowrap; overflow: hidden; }
.zd-fi .zd-fi-cin > svg { position: absolute; left: 18px; top: 20px; width: 18px; height: 18px; color: var(--zd-fi-fg3); stroke-width: 1.7; }
.zd-fi .zd-fi-cph { position: absolute; left: 53px; top: 0; height: 58px; display: flex; align-items: center; color: var(--zd-fi-fg3); }
.zd-fi .zd-fi-cq { position: relative; display: flex; align-items: center; height: 58px; }
.zd-fi .zd-fi-caret { display: inline-block; width: 1.5px; height: 19px; margin-left: 1px; background: var(--zd-fi-fg); }
.zd-fi .zd-fi-clist { position: absolute; left: 0; right: 0; top: 58px; height: 429px; border-top: 1px solid var(--zd-fi-line); }
.zd-fi .zd-fi-cl1, .zd-fi .zd-fi-cl2 { position: absolute; inset: 0; padding: 6px; }
.zd-fi .zd-fi-clab { padding: 8px 10px 6px; font-size: 12px; font-weight: 500; line-height: 16px; color: var(--zd-fi-fg3); }
.zd-fi .zd-fi-ci { position: relative; display: flex; align-items: center; gap: 12px; min-height: 44px; padding: 6px 12px; border-radius: 12px; font-size: 14px; color: var(--zd-fi-fg); }
.zd-fi .zd-fi-ci > svg { width: 18px; height: 18px; color: var(--zd-fi-fg3); }
.zd-fi .zd-fi-ci.zd-fi-on { background: var(--zd-fi-hover); }
.zd-fi .zd-fi-ci.zd-fi-on > svg { color: var(--zd-fi-accent); }
.zd-fi .zd-fi-cit { min-width: 0; flex: 1; }
.zd-fi .zd-fi-cit b { display: block; font-weight: 400; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.zd-fi .zd-fi-cit em { display: block; font-size: 12px; line-height: 16px; color: var(--zd-fi-fg3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.zd-fi .zd-fi-cit .zd-fi-mono { font-size: 11px; }
.zd-fi .zd-fi-ci > .zd-fi-key, .zd-fi .zd-fi-ci > .zd-fi-hint { margin-left: auto; }
.zd-fi .zd-fi-hint { font: 400 11px/1 var(--zd-fi-mono); color: var(--zd-fi-fg3); }
.zd-fi .zd-fi-ans { position: relative; padding: 4px 12px 0 42px; }
.zd-fi .zd-fi-ans > svg { position: absolute; left: 12px; top: 6px; width: 18px; height: 18px; color: var(--zd-fi-accent); }
.zd-fi .zd-fi-think { position: absolute; left: 42px; top: 4px; display: flex; align-items: center; height: 22px; overflow: hidden; font-size: 14px; color: var(--zd-fi-fg3); }
.zd-fi .zd-fi-think i { position: absolute; left: 0; top: 0; width: 90px; height: 22px; background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .92), rgba(255, 255, 255, 0)); will-change: transform; }
.zd-fi .zd-fi-atext { font-size: 14.5px; line-height: 22px; color: var(--zd-fi-fg); }
.zd-fi .zd-fi-atext span { opacity: 0; }
.zd-fi .zd-fi-bars { display: grid; gap: 7px; margin-top: 12px; }
.zd-fi .zd-fi-bar { display: grid; grid-template-columns: 188px minmax(0, 1fr) 46px; align-items: center; column-gap: 12px; font-size: 12.5px; line-height: 17px; color: var(--zd-fi-fg2); }
.zd-fi .zd-fi-bar > span:first-child { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.zd-fi .zd-fi-bar > span:first-child .zd-fi-mono { margin-right: 6px; font-size: 11px; color: var(--zd-fi-fg3); }
.zd-fi .zd-fi-bt { height: 6px; border-radius: 999px; background: var(--zd-fi-cline); overflow: hidden; }
.zd-fi .zd-fi-bt i { display: block; height: 100%; border-radius: inherit; background: var(--zd-fi-ok); transform-origin: 0 50%; transform: scaleX(0); }
.zd-fi .zd-fi-bv { text-align: right; font: 400 11.5px/1 var(--zd-fi-mono); color: var(--zd-fi-fg); }
.zd-fi .zd-fi-ans .zd-fi-chips { margin-top: 12px; }
.zd-fi .zd-fi-cfoot { position: absolute; left: 0; right: 0; bottom: 0; display: flex; align-items: center; gap: 16px; height: 43px; padding: 0 16px; border-top: 1px solid var(--zd-fi-line); font-size: 12px; color: var(--zd-fi-fg3); }
.zd-fi .zd-fi-cfoot > span { display: flex; align-items: center; gap: 6px; }
.zd-fi .zd-fi-cfoot .zd-fi-key { min-width: 22px; height: 22px; font-weight: 400; }
.zd-fi .zd-fi-cfoot .zd-fi-key svg { width: 11px; height: 11px; stroke-width: 1.9; }

/* toasts land at the bottom center, 22px up, as Sidekick places them */
.zd-fi .zd-fi-toast { left: 0; bottom: 22px; display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 10px 18px 10px 14px; border-radius: 999px; font-size: 14px; color: var(--zd-fi-fg); white-space: nowrap; opacity: 0; transform-origin: 50% 100%; z-index: 11; will-change: transform, opacity; }
.zd-fi .zd-fi-toast svg { width: 18px; height: 18px; padding: 3px; border-radius: 999px; background: var(--zd-fi-ok-soft); color: var(--zd-fi-ok); stroke-width: 2.4; }

/* the thread from a finding's source to the clause it came from, and the pointer */
.zd-fi .zd-fi-threads { position: absolute; left: 0; top: 0; width: 10px; height: 10px; overflow: visible; z-index: 5; }
.zd-fi .zd-fi-thread { stroke: var(--zd-fi-accent); stroke-width: 1.5; fill: none; }
.zd-fi .zd-fi-tend { fill: #fff; stroke: var(--zd-fi-accent); stroke-width: 1.5; }
.zd-fi .zd-fi-cursor { position: absolute; left: 0; top: 0; width: 24px; height: 24px; z-index: 20; opacity: 0; filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .28)) drop-shadow(0 3px 6px rgba(10, 17, 32, .16)); will-change: transform, opacity; }
.zd-fi .zd-fi-cursor path { fill: #0b0f17; stroke: #fff; stroke-width: 1.5; stroke-linejoin: round; }

/* every small part the clock moves draws on a layer of its own, so a change never repaints the glass under it */
.zd-fi .zd-fi-aj span, .zd-fi .zd-fi-aw, .zd-fi .zd-fi-ak, .zd-fi .zd-fi-count, .zd-fi .zd-fi-key i, .zd-fi .zd-fi-live i,
.zd-fi .zd-fi-prog i, .zd-fi .zd-fi-focus, .zd-fi .zd-fi-lit, .zd-fi .zd-fi-tag, .zd-fi .zd-fi-threads, .zd-fi .zd-fi-rhov,
.zd-fi .zd-fi-fb .zd-fi-badge, .zd-fi .zd-fi-bh, .zd-fi .zd-fi-frow[data-r], .zd-fi .zd-fi-ckm, .zd-fi .zd-fi-btns, .zd-fi .zd-fi-cdone,
.zd-fi .zd-fi-cl1, .zd-fi .zd-fi-cl2, .zd-fi .zd-fi-mi > i, .zd-fi .zd-fi-btn > i, .zd-fi .zd-fi-chip i { will-change: transform, opacity; }