/* The spy agent's workspace (js/tracker.js, on the spy agent's page; it was the Tracker page): the person's people on the left (Find people with its filters, or From decision makers; the tracked people), "What's new" or one person's
   timeline on the right, in the app's tokens so light and dark both follow (the look of Messaging). At phone width two tabs
   pick the side shown, and a person's timeline replaces the list with Back. */
.tk-host{font-family:"Circular Std","Figtree",ui-sans-serif,system-ui,sans-serif,"Noto Sans Thai";color:var(--ink)}
.tk-host .tk-i{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tk-host .tk-spin{display:inline-block;width:14px;height:14px;flex:none;border-radius:50%;border:1.5px solid var(--brand);border-top-color:transparent;animation:spin .8s linear infinite}
@media (prefers-reduced-motion:reduce){.tk-host .tk-spin{animation:none}}
.tk-host .tk-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 14px;border-radius:9999px;border:1px solid var(--line2);
  background:var(--surface);color:var(--ink);font:inherit;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer;text-decoration:none}
.tk-host .tk-btn:hover:not(:disabled){background:var(--hover)}
.tk-host .tk-btn:disabled{opacity:.45;cursor:not-allowed}
.tk-host .tk-btn.pri{background:var(--brand);border-color:var(--brand);color:#fff}
.tk-host .tk-btn.pri:hover:not(:disabled){background:var(--brand-h)}
.tk-host .tk-btn.pri .tk-spin{border-color:#fff;border-top-color:transparent;width:12px;height:12px}
.tk-host .tk-btn.sm{height:32px;padding:0 12px;font-size:12.5px}
.tk-host .tk-btn.xs{height:28px;padding:0 10px;font-size:12px}
.tk-host .tk-btn.bad{color:var(--bad);border-color:color-mix(in oklab,var(--bad) 40%,var(--line2))}
.tk-host .tk-btn .tk-i{width:14px;height:14px}
.tk-host :is(button,a,input):focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.tk-host .tk-av{position:relative;flex:none;width:44px;height:44px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--chip);color:var(--ink2);font-size:14px;font-weight:700}
.tk-host .tk-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tk-host .tk-av.tk-avlg{width:56px;height:56px;font-size:17px}
.tk-host .tk-chip{flex:none;font-size:10.5px;line-height:16px;font-weight:700;border-radius:6px;padding:1px 7px;white-space:nowrap;background:var(--chip);color:var(--ink2)}
.tk-host .tk-chip.ok{background:var(--good-s);color:var(--good)}
.tk-host .tk-chip.brand{background:var(--tint);color:var(--brand-d)}
.tk-host .tk-chip.info{background:color-mix(in oklab,var(--brand) 18%,var(--surface));color:var(--brand-d)}
.tk-host .tk-chs{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}
.tk-host .tk-note{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;padding:28px 16px;text-align:center;color:var(--ink3);font-size:13px;line-height:19px}
.tk-host .tk-note.bad{color:var(--bad)}
.tk-host .warn{color:var(--warn)}

/* the page */
.tk-host .tk-hd{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin-bottom:16px}
.tk-host .tk-hd h2{margin:0;font-size:18px;line-height:24px;font-weight:700}
.tk-host .tk-top{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:6px;min-height:32px;min-width:0}
.tk-host .tk-today{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--good);font-variant-numeric:tabular-nums}
.tk-host .tk-today.warn{color:var(--warn);font-weight:500;line-height:17px}
.tk-host .tk-dot{width:7px;height:7px;border-radius:50%;background:var(--good);flex:none}
.tk-host .tk-pane{background:var(--surface);border:1px solid var(--line);border-radius:16px}
.tk-host .tk-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:320px;padding:32px 16px;text-align:center;color:var(--ink3);font-size:14px}
.tk-host .tk-empty b{color:var(--ink);font-size:16px}
.tk-host .tk-tabs{display:none}
.tk-host .tk-split{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);height:min(680px,calc(100vh - 160px));min-height:460px;background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}
/* the left side: search, then the tracked people or the results */
.tk-host .tk-side{display:flex;flex-direction:column;min-width:0;min-height:0;border-right:1px solid var(--line)}
.tk-host .tk-lhd{position:relative;flex:none;padding:12px 14px 0;border-bottom:1px solid var(--line)}
.tk-host .tk-srch{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;border:1px solid var(--line2);border-radius:10px;color:var(--ink3);background:var(--surface)}
.tk-host .tk-srch:focus-within{border-color:var(--brand)}
.tk-host .tk-srch input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:14px}
.tk-host .tk-srch input:focus-visible{outline:0}
.tk-host .tk-sr{display:flex;align-items:center;gap:8px}
.tk-host .tk-sr .tk-srch{flex:1;min-width:0}
.tk-host .tk-sr .tk-btn{flex:none;height:40px}
.tk-host .tk-dchips{padding-bottom:2px}
/* Find people / From decision makers, and the filters of the LinkedIn search (Industry, Current company, Location: typeahead + chips) */
.tk-host .tk-seg{display:flex;gap:4px;padding:3px;margin-bottom:10px;border-radius:10px;background:var(--chip)}
.tk-host .tk-segb{flex:1 1 auto;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:5px;height:30px;padding:0 6px;border:0;border-radius:8px;background:transparent;color:var(--ink2);font:inherit;font-size:12.5px;font-weight:700;white-space:nowrap;cursor:pointer}
.tk-host .tk-segb:hover{color:var(--ink)}
.tk-host .tk-segb.on{background:var(--surface);color:var(--ink);box-shadow:var(--soft)}
.tk-host .tk-segb .tk-i{width:14px;height:14px}
.tk-host .tk-side .tk-dmx{display:none}
.tk-host .tk-side.m-dm .tk-dmx{display:block}
.tk-host .tk-side.m-dm .tk-sr.tk-dmx{display:flex}
.tk-host .tk-side.m-dm .tk-lix{display:none}
/* On watch: its own search and chips */
.tk-host .tk-side .tk-wx{display:none}
.tk-host .tk-side.m-w .tk-sr.tk-wx{display:flex}
.tk-host .tk-side.m-w .tk-lix,.tk-host .tk-side.m-w .tk-dmx,.tk-host .tk-side.m-w .tk-sr.tk-dmx{display:none}
.tk-host .tk-segn{font-size:11.5px;font-weight:700;color:var(--ink3);font-variant-numeric:tabular-nums}
.tk-host .tk-segb.on .tk-segn{color:var(--brand-d)}
.tk-host .tk-fbar{display:flex;align-items:center;gap:8px;margin-top:8px}
.tk-host .tk-fti{margin-left:auto;display:inline-flex}
.tk-host .tk-fbtn{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;border:1px solid var(--line2);border-radius:9999px;background:var(--surface);color:var(--ink2);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}
.tk-host .tk-fbtn:hover{background:var(--hover)}
.tk-host .tk-fbtn[aria-expanded="true"]{background:var(--tint);border-color:color-mix(in oklab,var(--brand) 40%,var(--line2));color:var(--brand-d)}
.tk-host .tk-fbtn .tk-i{width:14px;height:14px}
.tk-host .tk-fbtn b{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--brand);color:#fff;font-size:11px;line-height:18px;text-align:center;font-variant-numeric:tabular-nums}
.tk-host .tk-fbtn b:empty{display:none}
.tk-host .tk-lk{border:0;background:none;padding:4px 2px;color:var(--brand-d);font:inherit;font-size:12px;font-weight:600;cursor:pointer}
.tk-host .tk-lk:hover{text-decoration:underline}
.tk-host .tk-lk[hidden]{display:none}
/* the filters: a card over the list (Max 2026-10-18: "make filter as pop up over lay"), where they were, scrolling inside */
.tk-host .tk-flt{position:absolute;left:8px;right:8px;z-index:8;display:grid;gap:12px;margin-top:6px;padding:12px 14px 0;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 44px rgba(0,0,0,.2);overflow-y:auto;overscroll-behavior:contain}
.tk-host .tk-flt[hidden]{display:none}
.tk-host .tk-flh{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px}
.tk-host .tk-flx{flex:none;width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--ink2);cursor:pointer}
.tk-host .tk-flx:hover{background:var(--hover)}
.tk-host .tk-flf{position:sticky;bottom:0;display:flex;align-items:center;gap:8px;margin:0 -14px;padding:10px 14px 12px;background:var(--surface);border-top:1px solid var(--line)}
.tk-host .tk-sp{flex:1}
/* at phone width: a sheet from the bottom of the screen over everything, the page dimmed behind it (a press there shuts it) */
@media (max-width:800px),(pointer:coarse) and (max-width:950px){
  .tk-host .tk-flt{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:60;margin:0;max-height:82vh;max-height:82dvh;border-radius:16px 16px 0 0;border-bottom:0;box-shadow:0 0 0 100vmax rgba(0,0,0,.45),0 -8px 30px rgba(0,0,0,.25);padding-bottom:0}
  .tk-host .tk-flf{padding-bottom:max(12px,env(safe-area-inset-bottom))}
}
.tk-host .tk-ff{min-width:0}
.tk-host .tk-ff label{display:flex;align-items:center;gap:4px;margin-bottom:5px;font-size:12px;font-weight:700;color:var(--ink2)}
.tk-host .tk-tin{display:flex;align-items:center;gap:8px;height:36px;padding:0 10px;border:1px solid var(--line2);border-radius:10px;color:var(--ink3);background:var(--surface)}
.tk-host .tk-tin:focus-within{border-color:var(--brand)}
.tk-host .tk-tin input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:13.5px}
.tk-host .tk-tin input:focus-visible{outline:0}
.tk-host .tk-sug{margin-top:4px;max-height:188px;overflow-y:auto;padding:4px;background:var(--surface);border:1px solid var(--line);border-radius:10px}
.tk-host .tk-sug.hide{display:none}
.tk-host .tk-sug button{display:flex;align-items:center;gap:8px;width:100%;min-height:34px;padding:6px 10px;border:0;border-radius:7px;background:transparent;color:var(--ink);font:inherit;font-size:13px;text-align:left;cursor:pointer}
.tk-host .tk-sug button:hover,.tk-host .tk-sug button:focus-visible{background:var(--hover)}
.tk-host .tk-sugn{display:flex;align-items:center;gap:8px;padding:8px 10px;font-size:12.5px;color:var(--ink3)}
.tk-host .tk-tags{display:flex;flex-wrap:wrap;gap:6px}
.tk-host .tk-tags:not(:empty){margin-top:7px}
.tk-host .tk-fsum{max-height:92px;overflow-y:auto;margin-bottom:2px}
.tk-host .tk-tag{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:3px 4px 3px 10px;border-radius:9999px;background:var(--tint);color:var(--brand-d);font-size:12px;line-height:16px;font-weight:600;overflow-wrap:anywhere}
.tk-host .tk-tag button{flex:none;width:20px;height:20px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}
.tk-host .tk-tag button:hover{background:color-mix(in oklab,var(--brand) 20%,transparent)}
.tk-host .tk-tag .tk-i{width:12px;height:12px}
/* From decision makers: the company picker, each company with its real logo (a plain building when it has none) */
.tk-host .tk-dco{position:relative;margin-top:8px}
.tk-host .tk-dcob{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:5px 10px 5px 6px;border:1px solid var(--line2);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;font-size:13.5px;text-align:left;cursor:pointer}
.tk-host .tk-dcob:disabled{opacity:.55;cursor:default}
.tk-host .tk-dcob[aria-expanded="true"]{border-color:var(--brand)}
.tk-host .tk-dcob > .tk-i{flex:none;width:16px;height:16px;color:var(--ink3)}
.tk-host .tk-dcn{flex:1;min-width:0;line-height:18px;overflow-wrap:anywhere}
.tk-host .tk-dcob b,.tk-host .tk-dco1 b{flex:none;font-size:12px;font-weight:600;color:var(--ink3);font-variant-numeric:tabular-nums}
.tk-host .tk-dcom{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:6;max-height:300px;overflow-y:auto;overscroll-behavior:contain;padding:4px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.16)}
.tk-host .tk-dcom.hide{display:none}
.tk-host .tk-dco1{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:6px 10px 6px 6px;border:0;border-radius:8px;background:transparent;color:var(--ink);font:inherit;font-size:13.5px;text-align:left;cursor:pointer}
.tk-host .tk-dco1:hover,.tk-host .tk-dco1:focus-visible{background:var(--hover);outline:0}
.tk-host .tk-dco1.on{background:var(--tint);color:var(--brand-d);font-weight:600}
.tk-host .tk-lg{position:relative;overflow:hidden;flex:none;width:28px;height:28px;border-radius:6px;display:grid;place-items:center;background:#fff;border:1px solid var(--line);color:var(--ink3)}
.tk-host .tk-lg.none,.tk-host .tk-lg.all{background:var(--chip);border-color:transparent}
.tk-host .tk-lg .tk-i{width:15px;height:15px}
.tk-host .tk-lg img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff}
.tk-host .tk-gh{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:6px;padding:10px 14px 6px;background:var(--surface);color:var(--ink3);font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.tk-host .tk-gh b{font-weight:700;opacity:.8;font-variant-numeric:tabular-nums}
.tk-host .tk-ghc{gap:8px;padding-top:12px;color:var(--ink2);font-size:12.5px;letter-spacing:0;text-transform:none}
.tk-host .tk-ghc .tk-lg{width:22px;height:22px;border-radius:5px}
.tk-host .tk-ghc span{min-width:0;overflow-wrap:anywhere}
.tk-host .tk-deg{flex:none;display:inline-flex;align-items:center;height:18px;padding:0 6px;margin-left:6px;border-radius:9999px;background:var(--hover);color:var(--ink2);font-size:10.5px;font-weight:700;line-height:1;vertical-align:middle}
.tk-host .tk-rt .tk-deg{margin-left:0}
.tk-host .tk-more{display:flex;justify-content:center;padding:12px 0 18px}
.tk-host .tk-note .tk-nw{flex-basis:100%}
.tk-host .tk-net{display:flex;align-items:center;gap:4px;margin:6px 2px 0;font-size:11.5px;color:var(--ink3);font-variant-numeric:tabular-nums}
.tk-host .tk-ctl{min-height:52px}
.tk-host .tk-chips{display:flex;flex-wrap:wrap;gap:6px;padding:10px 0 12px}
.tk-host .tk-fchip{display:inline-flex;align-items:center;height:28px;padding:0 11px;border:1px solid var(--line2);border-radius:9999px;background:var(--surface);color:var(--ink2);font:inherit;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer}
.tk-host .tk-fchip b{margin-left:5px;color:var(--ink3);font-weight:700;font-variant-numeric:tabular-nums}
.tk-host .tk-fchip:hover{background:var(--hover)}
.tk-host .tk-fchip.on{background:var(--brand);border-color:var(--brand);color:#fff}
.tk-host .tk-fchip.on b{color:#fff;opacity:.85}
.tk-host .tk-selrow{display:flex;align-items:center;gap:10px;min-height:52px}
.tk-host .tk-selall{display:inline-flex;align-items:center;gap:10px;height:30px;padding:0 6px 0 2px;border:0;background:transparent;color:var(--ink);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.tk-host .tk-selall:disabled{opacity:.45;cursor:default}
.tk-host .tk-selh{flex:1;min-width:0;display:flex;align-items:center;font-size:12px;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.tk-host .tk-addn{flex:none;min-width:96px}
.tk-host .tk-box{width:16px;height:16px;flex:none;border-radius:4px;border:1.5px solid var(--ink3);background:var(--surface);display:grid;place-items:center}
.tk-host .tk-box .tk-i{display:none;width:12px;height:12px;stroke-width:3;color:var(--surface)}
.tk-host [aria-checked="true"] .tk-box,.tk-host [aria-checked="mixed"] .tk-box{background:var(--ink);border-color:var(--ink)}
.tk-host [aria-checked="true"] .tk-box .tk-i:first-child{display:block}
.tk-host [aria-checked="mixed"] .tk-box .tk-i:last-child{display:block}
.tk-host .tk-pick:disabled .tk-box{opacity:.35}
.tk-host .tk-rows{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.tk-host .tk-row{position:relative;display:flex;align-items:center;border-bottom:1px solid var(--line)}
.tk-host .tk-row:hover{background:var(--hover)}
.tk-host .tk-row.sel{background:var(--tint);box-shadow:inset 3px 0 0 var(--brand)}
.tk-host .tk-pick{flex:none;align-self:stretch;display:grid;place-items:center;width:40px;padding-left:6px;border:0;background:transparent;cursor:pointer}
.tk-host .tk-pick:disabled{cursor:default}
.tk-host .tk-rb{flex:1;min-width:0;display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:0;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.tk-host .tk-pick + .tk-rb{padding-left:4px}
.tk-host .tk-rm{flex:1;min-width:0;display:flex;flex-direction:column}
.tk-host .tk-rt{display:flex;align-items:center;gap:6px;min-width:0}
/* names, titles and companies in full, wrapped (Max 2026-10-18: "show full work titles and company not half cuts") */
.tk-host .tk-nm{min-width:0;font-size:14px;line-height:19px;font-weight:600;overflow-wrap:anywhere}
.tk-host .tk-sub{font-size:12.5px;line-height:17px;color:var(--ink2);overflow-wrap:anywhere}
/* a row that opens the full profile: its photo ringed and its name underlined on hover */
.tk-host .tk-rb[data-tk="card"]:hover .tk-nm{text-decoration:underline;text-underline-offset:2px}
.tk-host .tk-rb[data-tk="card"]:hover .tk-av,.tk-host .tk-rb[data-tk="card"]:focus-visible .tk-av{box-shadow:0 0 0 2px var(--brand)}
.tk-host .tk-rd{margin-top:3px;font-size:11.5px;line-height:16px;color:var(--ink3)}
.tk-host .tk-udot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--brand)}
.tk-host .tk-add1{flex:none;min-width:82px;margin-right:12px}
.tk-host .tk-tracking{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:82px;height:28px;margin-right:12px;font-size:12px;font-weight:700;color:var(--good)}
.tk-host .tk-tracking .tk-i{width:14px;height:14px;stroke-width:2.4}
/* the right side: the feed or one person */
.tk-host .tk-main{min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;background:var(--page)}
.tk-host .tk-fh{position:sticky;top:0;z-index:2;padding:14px 18px 0;background:var(--surface);border-bottom:1px solid var(--line)}
.tk-host .tk-fht{display:flex;align-items:center;gap:6px}
.tk-host .tk-fh h2,.tk-host .tk-phn h2{margin:0;font-size:17px;line-height:24px;font-weight:700}
.tk-host .tk-blank{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:320px;padding:24px;color:var(--ink3);font-size:13.5px;text-align:center}
.tk-host .tk-blank b{color:var(--ink2);font-size:15px}
.tk-host .tk-blank.sm{min-height:0;padding:36px 16px}
.tk-host .tk-feed{display:flex;flex-direction:column;gap:10px;padding:14px 18px 20px}
.tk-host .tk-feed h3,.tk-host .tk-now h3{margin:2px 0 0;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3)}
.tk-host .tk-ev{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:12px}
.tk-host .tk-ev.new{border-color:color-mix(in oklab,var(--brand) 45%,var(--line));box-shadow:inset 3px 0 0 var(--brand)}
.tk-host .tk-avb{flex:none;border:0;background:transparent;padding:0;border-radius:50%;cursor:pointer}
.tk-host .tk-avb .tk-av{width:40px;height:40px;font-size:13px}
.tk-host .tk-avb.tk-avbl .tk-av{width:56px;height:56px;font-size:17px}
.tk-host .tk-avc{flex:none;display:flex;border-radius:50%}
.tk-host .tk-avc:hover .tk-av,.tk-host .tk-avb:hover .tk-av,.tk-host .tk-avb:focus-visible .tk-av{box-shadow:0 0 0 2px var(--brand)}
.tk-host .tk-avb:focus-visible{outline:none}
.tk-host .tk-kic{flex:none;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--chip);color:var(--ink2)}
.tk-host .tk-kic.k-open{background:var(--good-s);color:var(--good)}
.tk-host .tk-kic:is(.k-job,.k-title){background:var(--tint);color:var(--brand-d)}
.tk-host .tk-evm{flex:1;min-width:0}
.tk-host .tk-evt{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 8px;min-width:0}
.tk-host .tk-nmb{min-width:0;max-width:100%;border:0;background:transparent;padding:0;font:inherit;font-size:14px;font-weight:700;color:var(--ink);text-align:left;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tk-host .tk-nmb:hover{text-decoration:underline}
.tk-host .tk-evk{display:inline-flex;align-items:center;gap:5px;min-width:0;font-size:13px;color:var(--ink2)}
.tk-host .tk-evk.solo{font-size:14px;font-weight:700;color:var(--ink)}
.tk-host .tk-evk .tk-i{width:14px;height:14px;color:var(--ink3)}
.tk-host .tk-new{flex:none;font-size:10px;line-height:15px;font-weight:700;color:var(--brand-d);background:var(--tint);border-radius:4px;padding:0 5px}
.tk-host .tk-tm{margin-left:auto;font-size:11.5px;color:var(--ink3);white-space:nowrap;font-variant-numeric:tabular-nums}
.tk-host .tk-evb{margin:5px 0 0;font-size:13px;line-height:19px;color:var(--ink);overflow-wrap:anywhere}
.tk-host .tk-evb.post{white-space:pre-line;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-clamp:5;overflow:hidden}
.tk-host .tk-eva{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.tk-host .tk-ph{position:sticky;top:0;z-index:2;display:grid;gap:10px;padding:12px 18px 14px;background:var(--surface);border-bottom:1px solid var(--line)}
.tk-host .tk-back{justify-self:start;display:inline-flex;align-items:center;gap:2px;height:30px;padding:0 8px 0 2px;margin-left:-4px;border:0;border-radius:8px;background:transparent;color:var(--ink2);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.tk-host .tk-back:hover{background:var(--hover)}
.tk-host .tk-phm{display:flex;align-items:flex-start;gap:14px;min-width:0}
.tk-host .tk-phn{flex:1;min-width:0}
.tk-host .tk-phn h2{overflow-wrap:anywhere}
.tk-host .tk-sub2{font-size:13px;line-height:18px;color:var(--ink2);overflow-wrap:anywhere}
.tk-host .tk-pha,.tk-host .tk-cf{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-height:32px}
.tk-host .tk-cf span{flex:1 1 220px;min-width:0;font-size:13px;color:var(--ink)}
.tk-host .tk-now{display:grid;gap:8px;margin:14px 18px 0;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:12px}
.tk-host .tk-pos{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:19px;color:var(--ink2);min-width:0}
.tk-host .tk-pos .tk-i{margin-top:2px;color:var(--ink3)}
.tk-host .tk-pos span{min-width:0;overflow-wrap:anywhere}
.tk-host .tk-pos b{color:var(--ink);font-weight:600}
.tk-host .tk-pos small{color:var(--ink3);font-size:12px}
.tk-host .tk-hl{font-size:12.5px;line-height:18px;color:var(--ink3);overflow-wrap:anywhere}
.tk-host .tk-feed.solo{padding-top:16px}

@media (max-width:800px),(pointer:coarse) and (max-width:950px){
  .tk-host .tk-hd{margin-bottom:10px}
  .tk-host .tk-tabs{display:flex;gap:6px;margin-bottom:10px}
  .tk-host .tk-tab{flex:1;height:36px;border:1px solid var(--line2);border-radius:9999px;background:var(--surface);color:var(--ink2);font:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}
  .tk-host .tk-tab b{color:var(--ink3);font-variant-numeric:tabular-nums}
  .tk-host .tk-tab.on{background:var(--brand);border-color:var(--brand);color:#fff}
  .tk-host .tk-tab.on b{color:#fff;opacity:.85}
  .tk-host .tk-split{display:block;height:auto;min-height:0;border-radius:14px}
  .tk-host .tk-side{border-right:0}
  .tk-host .tk-split:not(.show-side) .tk-side{display:none}
  .tk-host .tk-split:not(.show-main) .tk-main{display:none}
  .tk-host .tk-rows,.tk-host .tk-main{overflow:visible}
  .tk-host .tk-fh,.tk-host .tk-ph{position:static}
  .tk-host .tk-fh{padding:12px 12px 0;border-radius:14px 14px 0 0}
  .tk-host .tk-ph{padding:10px 12px 12px;border-radius:14px 14px 0 0}
  .tk-host .tk-feed{padding:12px}
  .tk-host .tk-now{margin:12px 12px 0}
  .tk-host .tk-lhd{padding:10px 12px 0}
  .tk-host .tk-rb{padding:12px 10px}
  .tk-host .tk-ev{padding:11px 12px;gap:10px}
  .tk-host .tk-main{border-radius:14px}
}
/* at a phone's width the two buttons' icons go, so "From decision makers" fits whole */
@media (max-width:480px){ .tk-host .tk-segb .tk-i{display:none} .tk-host .tk-segb{padding:0 4px} }

/* LIVE: what the network agent is doing, in the feed's head */
.tk-host .tk-live{display:inline-flex;align-items:center;gap:6px;margin-left:auto;font-size:12px;font-weight:600;color:var(--ink3);min-width:0}
.tk-host .tk-live.on{color:var(--brand-d)}
.tk-host .tk-ldot{width:8px;height:8px;border-radius:50%;background:var(--good);box-shadow:0 0 0 3px color-mix(in oklab,var(--good) 22%,transparent);flex:none}
@media (prefers-reduced-motion:no-preference){.tk-host .tk-ldot{animation:tkpulse 2s ease-in-out infinite}}
@keyframes tkpulse{50%{box-shadow:0 0 0 6px color-mix(in oklab,var(--good) 8%,transparent)}}
/* a post's draft: the reaction to pick, the comment, Approve and Skip */
.tk-host .tk-dr{margin-top:10px;padding:10px 12px;border:1px solid color-mix(in oklab,var(--brand) 30%,var(--line));border-radius:12px;background:color-mix(in oklab,var(--tint) 55%,var(--surface))}
.tk-host .tk-drh{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--brand-d)}
.tk-host .tk-drh .tk-i{width:14px;height:14px}
.tk-host .tk-rxs{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.tk-host .tk-rx{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 10px;border:1px solid var(--line2);border-radius:9999px;background:var(--surface);color:var(--ink2);font:inherit;font-size:12px;font-weight:600;cursor:pointer}
.tk-host .tk-rx:hover{background:var(--hover)}
.tk-host .tk-rx.on{border-color:var(--brand);background:var(--brand);color:#fff}
.tk-host .tk-drw{margin:6px 0 0;font-size:12px;line-height:17px;color:var(--ink3);overflow-wrap:anywhere}
.tk-host .tk-dct{display:block;width:100%;margin-top:8px;padding:8px 10px;border:1px solid var(--line2);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;font-size:13px;line-height:19px;resize:vertical;min-height:64px;box-sizing:border-box}
.tk-host .tk-dct:focus{outline:0;border-color:var(--brand)}
.tk-host .tk-dre{margin:6px 0 0;font-size:12px;color:var(--bad)}
.tk-host .tk-dra{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}
.tk-host .tk-drd{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:12px;color:var(--ink3);overflow-wrap:anywhere}
.tk-host .tk-drd.ok{color:var(--good)}
.tk-host .tk-drd .tk-i{width:14px;height:14px}

.tk-host .tk-nop{margin:0 0 10px;font-size:13px;font-weight:600;color:var(--ink3)}

/* ── A phone (Max 2026-10-20: "Make it like real monile app UI now its confusing to look at on phone"): the same window as the
   app's top bar and tab bar. The rows of chips are one row that slides
   sideways, every button and field is 40 px or more (fields 16 px, so the phone doesn't zoom), and the company list is a
   sheet from the bottom. ── */
@media (max-width:800px),(pointer:coarse) and (max-width:950px){
  .tk-host .tk-hd{margin:0 0 8px}
  .tk-host .tk-tabs{margin:0 0 8px}
  .tk-host .tk-tab{height:44px;font-size:14px}
  .tk-host .tk-split{scroll-margin-top:calc(var(--mbar-h) + 56px)}
  .tk-host .tk-btn,.tk-host .tk-btn.sm{min-height:40px;height:40px}
  .tk-host .tk-btn.xs{min-height:40px;height:40px;padding:0 14px;font-size:13px}
  .tk-host .tk-segb{height:40px;font-size:13.5px}
  .tk-host .tk-srch,.tk-host .tk-tin{height:48px}
  .tk-host .tk-sr .tk-btn{height:48px}
  .tk-host .tk-srch input,.tk-host .tk-tin input,.tk-host .tk-dct{font-size:16px}
  .tk-host .tk-dct{min-height:88px}
  .tk-host .tk-fbtn{height:40px;font-size:13.5px}
  .tk-host .tk-flx{width:44px;height:44px}
  .tk-host .tk-lk{min-height:40px;padding:0 8px}
  .tk-host .tk-sug button{min-height:44px;font-size:15px}
  .tk-host .tk-tag{padding:5px 6px 5px 12px;font-size:13px}
  .tk-host .tk-tag button{width:28px;height:28px}
  /* the chips of a list: one row that slides sideways */
  .tk-host .tk-chips{flex-wrap:nowrap;overflow-x:auto;margin:0 -12px;padding:10px 12px 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .tk-host .tk-chips::-webkit-scrollbar{display:none}
  .tk-host .tk-fchip{flex:none;height:40px;padding:0 14px;font-size:13px}
  .tk-host .tk-srch input,.tk-host .tk-tin input{height:100%}
  .tk-host .tk-nmb{padding:10px 0;margin:-10px 0}
  /* small print is 12 px and up */
  .tk-host .tk-chip,.tk-host .tk-deg,.tk-host .tk-new,.tk-host .tk-tm,.tk-host .tk-rd,.tk-host .tk-net,.tk-host .tk-segn,.tk-host .tk-gh,.tk-host .tk-feed h3,.tk-host .tk-now h3{font-size:12px}
  .tk-host .tk-net span{font-size:12px}
  .tk-host .tk-rxs{gap:8px}
  .tk-host .tk-rx{height:40px;padding:0 12px;font-size:13px}
  .tk-host .tk-row{min-height:64px}
  .tk-host .tk-pick{width:48px}
  .tk-host .tk-add1,.tk-host .tk-tracking{margin-right:10px}
  .tk-host .tk-eva .tk-btn{flex:1 1 0;min-width:0}
  .tk-host .tk-pha .tk-btn{flex:1 1 auto}
  .tk-host .tk-back{height:44px;padding:0 14px 0 2px;font-size:15px}
  .tk-host .tk-back .tk-i{width:20px;height:20px}
  /* the companies of From decision makers: a sheet from the bottom, the page dimmed behind it */
  .tk-host .tk-dcob{min-height:48px;font-size:15px}
  .tk-host .tk-dcom{position:fixed;left:0;right:0;top:auto;bottom:0;z-index:60;max-height:72vh;max-height:72dvh;padding:8px 8px calc(12px + env(safe-area-inset-bottom));border:0;border-radius:18px 18px 0 0;box-shadow:0 0 0 100vmax rgba(0,0,0,.45),0 -8px 30px rgba(0,0,0,.25)}
  .tk-host .tk-dco1{min-height:56px;font-size:15px}
}
/* The Post tracker's page (js/post-tracker.js): the workspace in a card, as on the network agent's page */
#sec-posts .pt-h1{display:flex;align-items:center;gap:6px}
.tk-host.tk-pt .tk-hdt{display:none}
.tk-host.tk-pt .tk-hd:has(.tk-top:empty){display:none}
#sec-posts .pt-watch{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:18px}
@media (max-width:800px),(pointer:coarse) and (max-width:950px){#sec-posts .pt-watch{padding:0;background:none;border:0;border-radius:0}}
/* its buttons on a post (js/tracker.js ptActs): Like with LinkedIn's six reactions over it, Comment's box, what was done */
.tk-host .tk-evp{cursor:pointer;border-radius:8px;margin-left:-4px;margin-right:-4px;padding:2px 4px}
.tk-host .tk-evp:hover{background:var(--hover)}
.tk-host .tk-evp:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.tk-host .tk-rxw{position:relative;display:inline-flex}
.tk-host .tk-btn.on{border-color:var(--brand);color:var(--brand-d)}
.tk-host .tk-rxb.on{background:var(--tint)}
.tk-host .tk-rxe{font-size:15px;line-height:1}
.tk-host .tk-rxp{display:inline-flex;flex-wrap:wrap;gap:2px;margin-top:8px;padding:6px;border:1px solid var(--line);border-radius:9999px;background:var(--surface);box-shadow:0 6px 18px rgb(0 0 0 / .1)}
.tk-host .tk-rxo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:52px;height:52px;border:0;border-radius:9999px;background:none;color:var(--ink2);font:inherit;cursor:pointer}
.tk-host .tk-rxo span{font-size:24px;line-height:1}
.tk-host .tk-rxo small{font-size:10px;line-height:12px;font-weight:600}
.tk-host .tk-rxo:hover,.tk-host .tk-rxo:focus-visible{background:var(--hover)}
.tk-host .tk-rxo.on{background:var(--tint);color:var(--brand-d)}
@media (prefers-reduced-motion:no-preference){.tk-host .tk-rxo span{transition:transform .12s}.tk-host .tk-rxo:hover span,.tk-host .tk-rxo:focus-visible span{transform:scale(1.2)}}
.tk-host .tk-pcb{margin-top:8px}
.tk-host .tk-pct{display:block;width:100%;padding:8px 10px;border:1px solid var(--line2);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;font-size:13px;line-height:19px;resize:vertical;min-height:64px;box-sizing:border-box}
.tk-host .tk-pct:focus{outline:0;border-color:var(--brand)}
.tk-host .tk-pan{display:flex;align-items:center;gap:6px;margin:8px 0 0;font-size:12.5px;line-height:18px;color:var(--good)}
.tk-host .tk-pan.bad{color:var(--bad)}
.tk-host .tk-pan .tk-i{width:14px;height:14px}
@media (max-width:800px),(pointer:coarse) and (max-width:950px){
  .tk-host .tk-pa{display:grid;grid-template-columns:1fr 1fr}
  .tk-host .tk-pa .tk-btn,.tk-host .tk-rxw{width:100%}
  .tk-host .tk-pct{font-size:16px;min-height:88px}
  /* one row on a phone: the faces only (each keeps its name for screen readers and as its title) */
  .tk-host .tk-rxp{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:0;width:100%;padding:4px;box-sizing:border-box;border-radius:16px}
  .tk-host .tk-rxo{width:auto;flex:1 1 0;min-width:40px;height:48px}
  .tk-host .tk-rxo small{display:none}
}