/* look14-owner.css — v469 A · Joe's own top, a first-class header (Joe, Fri 23 Oct 2026 9:07pm: "Make 5 more upgrades please";
   the brief, as for v463 and v468: "make it look like a billion dollar crm … think of yourself as a world class apple Software
   engineer"). A customer got one clean header in v468 (look13-top); Joe's own 5.0 top was still five rows — Español/Sign out capsules,
   the gold plate, six robot tiles, Answering + Note, the JETSY 5.0 · OWNER · BILLIONAIRE pill, + ? Find, then the company chips.
   · Joe's top (html.j14-top — look14-owner.js sets it on his CEO top only: html.j12-ceo, his account, never a preview, never the
     plain top): ONE header. Row 1: his robot coin (the crowned robot stays — it is his; a picked company's logo on its white tile
     when one is picked) with a slim gold ring · the gold plate's words as a slim gold "CEO" tag over his name, 15/18 bold · + ? Find
     as 32 px glass circles (44 px to a thumb) · his coin (initials) → the Account sheet. Row 2 under the name: Answering and Note
     (24 px capsules). Gone from the top, into the sheet: Español, Sign out, the JETSY 5.0 · OWNER · BILLIONAIRE pill, the six robot
     tiles. Nothing is re-parented: flex order does the layout; app.js's plate keeps its words (look14-owner.js wraps them in spans,
     the text unchanged). About 80 px tall instead of 236.
   · The company chips (#co-bar: All · Happy Brush · Jetsy · Launch Off · AZ Directory) stay on the page and WRAP — never a sliding
     row (Joe, 10 Oct 2:10pm "show all companies without having to scroll") — drawn as an iOS filter-pill row: 32 px pills, the
     picked one filled, the counts as small red badges.
   · The Account sheet (.j14-ov / .j14-sh): the same iOS bottom sheet as a customer's (look13-top.css) — grabber, title, Done, inset
     grouped rows; its own tokens below, so it stands on its own with or without look13.
   Colors: every one is a custom property in the two blocks below (dark, then html.je-light): easy2.js's light mode rewrites literal
   colors in rules whose text does not say je-light, so no rule here holds one. Specificity: the top's rules carry three fake ids
   (:not(#j14x):not(#j14y) … :not(#j14z)) so they beat look12-ceo (one id, !important), easy2, cofit and app.js's inline styles
   without depending on load order. Every rule sits under html:not(.nolook14) — localStorage nolook14 = 1 gives v468's top back. */

/* ----------------------------------------------------------------------------------------- the colors: dark, then light -- */
html:not(.nolook14){
  --j14-ink1:#F5F7FB; --j14-ink2:#A7B3C6; --j14-ink3:#8794A8;
  --j14-sheet:#0C131F; --j14-cell:#162133; --j14-cell-press:#1E2C43; --j14-sep:rgba(255,255,255,.10);
  --j14-ov:rgba(0,0,0,.52); --j14-grab:rgba(255,255,255,.30); --j14-sheet-sh:0 -16px 48px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.07);
  --j14-tint:#FF8A3D; --j14-red:#F25F5C; --j14-glyph:#FFFFFF; --j14-chev:rgba(214,224,240,.32);
  --j14-blue:#4BA3F5; --j14-indigo:#7E86F5; --j14-purple:#A58BFA; --j14-gray:#8A94A6; --j14-green:#3ED598; --j14-orange:#FFB259; --j14-pink:#F2668B;
  --j14-me-bg:linear-gradient(180deg,#A6ABB7 0%,#7C828F 100%); --j14-me-ink:#FFFFFF; --j14-me-sh:inset 0 1px 0 rgba(255,255,255,.26),0 1px 2px rgba(0,0,0,.4);
  --j14-coin-bg:linear-gradient(180deg,#223455 0%,#141F33 100%); --j14-coin-ring:0 0 0 1.5px #D7AC4E,0 0 0 2.5px rgba(0,0,0,.35),0 4px 12px -4px rgba(215,172,78,.55);
  --j14-logo-bg:#FFFFFF; --j14-logo-ring:0 0 0 1px rgba(0,0,0,.08); --j14-crown-sh:drop-shadow(0 1px 1px rgba(0,0,0,.45));
  --j14-gold:linear-gradient(172deg,#FCF1C9 0%,#EED17F 30%,#D7AC4E 62%,#BB8A30 100%); --j14-gold-ink:#2A1C05;
  --j14-gold-sh:inset 0 1px 0 rgba(255,255,255,.8),inset 0 -1px 0 rgba(112,74,12,.45),0 1px 1px rgba(0,0,0,.4); --j14-gold-engrave:0 1px 0 rgba(255,248,220,.6); --j14-gold-text:#F1D58A; --j14-gold-line:rgba(226,194,107,.55); --j14-gold-tint:rgba(226,194,107,.09);
  --j14-circle:rgba(255,255,255,.07); --j14-circle-sh:inset 0 0 0 1px rgba(255,255,255,.11),inset 0 1px 0 rgba(255,255,255,.05);
  --j14-cap:rgba(255,255,255,.06); --j14-cap-line:rgba(255,255,255,.10);
  --j14-pill:rgba(255,255,255,.08); --j14-pill-line:rgba(255,255,255,.08); --j14-pill-ink:#E6ECF5; --j14-pill-on:#F5F7FB; --j14-pill-on-ink:#0B1220;
  --j14-pill-on-sh:0 1px 1px rgba(0,0,0,.25),0 6px 16px -8px rgba(0,0,0,.6);
  --j14-badge:#F25F5C; --j14-badge-ink:#FFFFFF;
  --j14-tile:rgba(255,255,255,.05); --j14-tile-line:rgba(255,255,255,.08); --j14-tile-on:rgba(255,255,255,.14); --j14-tile-on-line:rgba(255,255,255,.28);
  --j14-seg:rgba(110,124,148,.24); --j14-seg-on:#5B6A80; --j14-seg-ink:#EBEBF5; --j14-seg-on-ink:#FFFFFF; --j14-seg-sh:0 3px 8px rgba(0,0,0,.24),0 1px 1px rgba(0,0,0,.12);
  --j14-sw-off:rgba(110,124,148,.36); --j14-sw-on:#3ED598; --j14-knob:#FFFFFF; --j14-knob-sh:0 3px 8px rgba(0,0,0,.2),0 3px 1px rgba(0,0,0,.08);
  --j14-ring:#4BA3F5;
}
html.je-light:not(.nolook14){
  --j14-ink1:#0B1220; --j14-ink2:#5B6475; --j14-ink3:#6B7486;
  --j14-sheet:#F3F5F9; --j14-cell:#FFFFFF; --j14-cell-press:#E3E8EF; --j14-sep:rgba(52,64,84,.18);
  --j14-ov:rgba(0,0,0,.30); --j14-grab:rgba(52,64,84,.30); --j14-sheet-sh:0 -10px 40px rgba(16,32,58,.16);
  --j14-tint:#C2410C; --j14-red:#D93B3B; --j14-glyph:#FFFFFF; --j14-chev:rgba(52,64,84,.32);
  --j14-blue:#1F6FD1; --j14-indigo:#5560D8; --j14-purple:#7C5CD6; --j14-gray:#8A94A6; --j14-green:#1FA971; --j14-orange:#D9822B; --j14-pink:#D93D68;
  --j14-me-bg:linear-gradient(180deg,#A6ABB7 0%,#7C828F 100%); --j14-me-ink:#FFFFFF; --j14-me-sh:inset 0 1px 0 rgba(255,255,255,.3),0 1px 2px rgba(16,32,58,.18);
  --j14-coin-bg:#FFFFFF; --j14-coin-ring:0 0 0 1.5px #C99A3E,0 0 0 2.5px rgba(255,255,255,.9),0 3px 10px -4px rgba(150,106,28,.45);
  --j14-logo-bg:#FFFFFF; --j14-logo-ring:0 0 0 1px rgba(10,20,40,.10); --j14-crown-sh:drop-shadow(0 1px 1px rgba(80,56,10,.35));
  --j14-gold:linear-gradient(172deg,#FCF1C9 0%,#EED17F 30%,#D7AC4E 62%,#BB8A30 100%); --j14-gold-ink:#2A1C05;
  --j14-gold-sh:inset 0 1px 0 rgba(255,255,255,.85),inset 0 -1px 0 rgba(112,74,12,.4),0 1px 1px rgba(80,56,10,.25); --j14-gold-engrave:0 1px 0 rgba(255,248,220,.6); --j14-gold-text:#6E4C0E; --j14-gold-line:rgba(176,134,40,.62); --j14-gold-tint:rgba(226,194,107,.2);
  --j14-circle:rgba(255,255,255,.92); --j14-circle-sh:inset 0 0 0 1px rgba(10,20,40,.10),0 1px 2px rgba(16,32,58,.08);
  --j14-cap:rgba(10,20,40,.045); --j14-cap-line:rgba(10,20,40,.11);
  --j14-pill:rgba(10,20,40,.06); --j14-pill-line:rgba(10,20,40,.08); --j14-pill-ink:#1F2937; --j14-pill-on:#0B1220; --j14-pill-on-ink:#FFFFFF;
  --j14-pill-on-sh:0 1px 1px rgba(16,32,58,.18),0 6px 16px -8px rgba(16,32,58,.45);
  --j14-badge:#D93B3B; --j14-badge-ink:#FFFFFF;
  --j14-tile:rgba(10,20,40,.045); --j14-tile-line:rgba(10,20,40,.09); --j14-tile-on:rgba(10,20,40,.10); --j14-tile-on-line:rgba(10,20,40,.24);
  --j14-seg:rgba(110,124,148,.12); --j14-seg-on:#FFFFFF; --j14-seg-ink:#3C3C43; --j14-seg-on-ink:#000000; --j14-seg-sh:0 3px 8px rgba(0,0,0,.12),0 3px 1px rgba(0,0,0,.04);
  --j14-sw-off:rgba(110,124,148,.16); --j14-sw-on:#1FA971; --j14-knob:#FFFFFF; --j14-knob-sh:0 3px 8px rgba(0,0,0,.15),0 3px 1px rgba(0,0,0,.06);
  --j14-ring:#1F6FD1;
}

/* ------------------------------------------------------------------------------------------- the header: one row + one -- */
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) .in{
  position:relative!important;display:flex!important;flex-wrap:wrap!important;align-items:flex-start!important;align-content:flex-start!important;
  gap:0 8px!important;grid-template-areas:none!important;grid-template-columns:none!important;grid-template-rows:none!important;
  padding:6px 16px 8px!important;padding-left:max(16px,env(safe-area-inset-left))!important;padding-right:max(16px,env(safe-area-inset-right))!important;
  min-height:0!important;height:auto!important;
}
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) .in::before,
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) .in::after{content:none!important;display:none!important}
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) .in > *{order:9!important;margin:0!important;grid-area:auto!important}
/* gone from the top (the Account sheet has them): the lockup, Español, Sign out, the OWNER · BILLIONAIRE pill, the robots' tiles */
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) .in > .mark,
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) .in > #langsw,
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) .in > a[href="logout.php"],
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) .who > #pl,
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) .who > .j12-dock,
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) .who > .jb-badge{display:none!important}

/* left: the block — row 1 the coin + the words, row 2 (indented under the words) Answering and Note */
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) .in > .who{
  order:1!important;flex:1 1 100%!important;min-width:0!important;max-width:none!important;width:100%!important;height:auto!important;min-height:36px!important;
  display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;align-content:flex-start!important;
  gap:0!important;column-gap:0!important;row-gap:0!important;grid-template-columns:none!important;grid-template-rows:none!important;grid-template-areas:none!important;
  padding:0!important;margin:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;
  position:relative!important;line-height:normal!important;
}
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) .who > *{order:9!important;grid-area:auto!important;justify-self:auto!important;align-self:center!important}
/* the line break after the words, then the indent that puts row 2 under them (36 coin + 10 gap) */
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) .who::before{content:""!important;display:block!important;position:static!important;order:5!important;flex:0 0 100%!important;width:100%!important;height:0!important;margin:0!important;padding:0!important;background:none!important;border:0!important}
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) .who::after{content:""!important;display:block!important;position:static!important;order:6!important;flex:0 0 46px!important;width:46px!important;height:0!important;margin:0!important;padding:0!important;background:none!important;border:0!important}
/* his coin: the robot (the crown on its head), a slim gold ring — the one gold with the CEO tag; a picked company's logo on white */
html:not(.nolook14) .j14-coin{
  position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;border-radius:10px;
  background:var(--j14-coin-bg);box-shadow:var(--j14-coin-ring);box-sizing:border-box;overflow:visible;-webkit-user-select:none;user-select:none;
}
html:not(.nolook14) .j14-coin img{display:block;width:30px;height:30px;object-fit:contain;border-radius:6px;pointer-events:none}
html:not(.nolook14) .j14-coin.j14-lg{background:var(--j14-logo-bg)}
html:not(.nolook14) .j14-coin.j14-lg img{width:32px;height:32px;padding:2px;box-sizing:border-box}
html:not(.nolook14) .j14-coin::before{content:"\1F451";position:absolute;left:50%;top:-10px;font-size:13px;line-height:1;transform:translateX(-50%) rotate(-8deg);filter:var(--j14-crown-sh);pointer-events:none}
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) .who > .j14-coin{order:1!important;flex:0 0 36px!important;width:36px!important;height:36px!important;margin:0 10px 0 0!important;align-self:center!important}
/* the words: the plate stays (its text is unchanged) — drawn as a slim gold CEO tag over the name, no metal plate */
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) .who > #co{
  order:2!important;flex:1 1 0%!important;min-width:0!important;max-width:none!important;width:auto!important;height:auto!important;
  display:block!important;margin:0 172px 0 0!important;max-width:var(--j14-room,none)!important;padding:0!important;white-space:normal!important;overflow:hidden!important;text-overflow:clip!important;
  font:700 15px/18px var(--j12-sf)!important;letter-spacing:-.015em!important;color:var(--j14-ink1)!important;text-align:left!important;
  background:none!important;border:0!important;box-shadow:none!important;align-self:center!important;
}
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) #co .ceo-plate{
  display:block!important;position:static!important;height:auto!important;width:auto!important;max-width:100%!important;margin:0!important;padding:0!important;gap:0!important;
  background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;text-shadow:none!important;overflow:visible!important;isolation:auto!important;
  color:inherit!important;font:inherit!important;letter-spacing:inherit!important;text-transform:none!important;white-space:normal!important;animation:none!important;
}
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) #co .ceo-plate::after,
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) #co .ceo-plate::before{content:none!important;display:none!important;animation:none!important}
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) #co .ceo-plate .sc,
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) #co .ceo-plate .j14-dot{display:none!important}
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) #co .ceo-plate .j14-ttl{
  display:inline-flex!important;align-items:center!important;height:15px!important;margin:0 0 3px!important;padding:0 6px!important;border-radius:5px!important;vertical-align:top!important;
  background:var(--j14-gold)!important;box-shadow:var(--j14-gold-sh)!important;color:var(--j14-gold-ink)!important;
  font:800 9.5px/1 var(--j12-sf)!important;letter-spacing:.1em!important;text-transform:uppercase!important;text-shadow:var(--j14-gold-engrave)!important;white-space:nowrap!important;
}
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) #co .ceo-plate .j14-nm{
  display:block!important;min-width:0!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;
  font:700 15px/18px var(--j12-sf)!important;letter-spacing:-.015em!important;color:var(--j14-ink1)!important;
}
/* the name steps down (look14-owner.js measures) before it ever wraps: 15 → 14 → 13 → two lines at 13 */
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) #co .ceo-plate .j14-nm.j14-f14{font-size:14px!important;letter-spacing:-.02em!important}
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) #co .ceo-plate .j14-nm.j14-f13{font-size:13px!important;letter-spacing:-.02em!important}
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) #co .ceo-plate .j14-nm.j14-f2{font-size:13px!important;line-height:15px!important;white-space:normal!important;overflow-wrap:break-word!important}
/* a plate without the wrap yet (a frame before the script runs): plain words, no metal */
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) #co > .jot-co{display:none!important}

/* row 2 under the words: Answering (as a customer's: 24 px, 13 px type) and Note beside it */
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) .who > .live{
  order:7!important;flex:0 1 auto!important;min-width:0!important;max-width:max-content!important;width:auto!important;height:24px!important;min-height:24px!important;
  margin:10px 6px 0 0!important;padding:0 9px 0 8px!important;gap:6px!important;display:inline-flex!important;align-items:center!important;overflow:hidden!important;
  position:static!important;justify-self:auto!important;transform:none!important;
}
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) .who > .live > span:not(.pulse){font:600 13px/1 var(--j12-sf)!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important}
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) .who > .live .pulse{width:7px!important;height:7px!important;flex:0 0 7px!important}
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) .who > .jnote-b{
  order:8!important;flex:0 0 auto!important;height:24px!important;min-height:24px!important;margin:10px 0 0!important;padding:0 9px 0 7px!important;gap:4px!important;
  position:relative!important;display:inline-flex!important;align-items:center!important;justify-self:auto!important;transform:none!important;
  border:0!important;border-radius:999px!important;background:var(--j14-cap)!important;box-shadow:inset 0 0 0 1px var(--j14-cap-line)!important;
  color:var(--j14-ink1)!important;font:600 13px/1 var(--j12-sf)!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap!important;
}
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) .who > .jnote-b::before{content:""!important;position:absolute!important;left:0!important;right:0!important;top:-8px!important;bottom:-12px!important;border-radius:inherit}
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) .who > .jnote-b .ji{width:14px!important;height:14px!important;vertical-align:0!important}
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) .who > .jnote-b .ji svg{width:14px!important;height:14px!important}
/* the 5.0 / Ask button when it sits in the bar (html.j2-bar — rare on Joe's own top): its own short line under row 2, 24 px */
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) .in > #j2btn.j2-btn{
  order:9!important;flex:0 0 auto!important;height:24px!important;min-height:24px!important;max-height:24px!important;min-width:0!important;
  margin:8px 0 0 46px!important;padding:0 9px 0 7px!important;gap:5px!important;border-radius:999px!important;align-self:auto!important;line-height:1!important;translate:none!important;position:relative!important;
}
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) .in > #j2btn.j2-btn::before{content:""!important;position:absolute!important;top:-10px!important;bottom:-10px!important;left:0!important;right:0!important}
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) .in > #j2btn.j2-btn .pc-btn-t{font:600 13px/1 var(--j12-sf)!important;letter-spacing:0!important}
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) .in > #j2btn.j2-btn img{width:16px!important;height:16px!important}

/* right: + ? Find as 32 px circles on a 44 px pitch (44 px to a thumb, no two halos overlapping), then his coin — pinned to the
   top right, so row 2 runs the whole width; the words keep 172 px clear of them (3 × 44 + 32 + 8) */
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) .in > .je2-hb{order:2!important;position:absolute!important;top:8px!important;right:calc(max(16px,env(safe-area-inset-right,0px)) + 88px)!important;left:auto!important;flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:12px!important;margin:0!important;padding:0!important;min-height:0!important;justify-self:auto!important;align-self:auto!important;z-index:2}
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) .in > .je2-hb .je2-tb,
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) .in > .je2-hb .j6-hfind,
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) .in > .j6-hfind{
  width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;max-width:32px!important;padding:0!important;margin:0!important;
  border-radius:50%!important;background:var(--j14-circle)!important;box-shadow:var(--j14-circle-sh)!important;color:var(--j14-ink1)!important;
}
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) .in > .je2-hb .je2-tb{position:relative!important}
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) .in > .je2-hb .je2-tb::before,
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) .in > .je2-hb .j6-hfind::before,
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) .in > .j6-hfind::before{content:""!important;display:block!important;position:absolute!important;top:-8px!important;right:-6px!important;bottom:-4px!important;left:-6px!important;border-radius:50%}
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) .in > .je2-hb .je2-tb.je2-plus{font-size:24px!important;line-height:1!important;font-weight:300!important}
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) .in > .je2-hb .je2-tb.je2-help{font-size:16px!important;line-height:1!important}
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) .in > .j6-hfind{order:3!important;position:absolute!important;top:8px!important;right:calc(max(16px,env(safe-area-inset-right,0px)) + 44px)!important;left:auto!important;flex:0 0 32px!important;align-self:auto!important;justify-self:auto!important;z-index:2}
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) .in > .j6-hfind svg,
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) .in > .je2-hb .j6-hfind svg{width:18px!important;height:18px!important;display:block}
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) .in > .j14-me{
  order:4!important;position:absolute!important;top:8px!important;right:max(16px,env(safe-area-inset-right,0px))!important;left:auto!important;z-index:2;
  flex:0 0 32px!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;align-self:auto!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;
  background:var(--j14-me-bg)!important;box-shadow:var(--j14-me-sh)!important;color:var(--j14-me-ink)!important;
  font:600 13px/1 var(--j12-sf)!important;letter-spacing:.02em!important;cursor:pointer;-webkit-tap-highlight-color:transparent;
  transition:transform var(--j12-tq) var(--j12-spring);
}
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) .in > .j14-me::before{content:""!important;position:absolute!important;top:-8px!important;right:-6px!important;bottom:-4px!important;left:-6px!important;border-radius:50%}
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) .in > .j14-me:active{transform:scale(.92)}
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) .in > .j14-me:focus-visible{outline:2px solid var(--j14-ring)!important;outline-offset:2px!important}
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) .in > .j14-me svg{display:block;width:18px;height:18px}

/* the robots: in the header they have no tiles now — they stand on the sheet's (look14-owner.js parks them there through the
   v463 hook, window.JetsyParkAt) and wait out of sight while it is closed; open, they sit over the sheet */
html.j14-top:not(.nolook14):not(.j14-sheet) body .jbud{visibility:hidden!important}
html.j14-top.j14-sheet:not(.nolook14) body .jbud{z-index:74;visibility:visible}
html.j14-top.j14-sheet:not(.nolook14) body .jbud .in{transform:scale(.9)}
html.j14-top.j14-sheet:not(.nolook14) body .jbud.sm .in{transform:scale(.7)}
html.j14-top.j14-sheet:not(.nolook14) body .jbud.lead .in{transform:scale(1.1)}

/* ----------------------------------------------------------------------- the company chips: an iOS filter-pill row, wrapping -- */
/* every company in view, never a sliding row (Joe 10 Oct 2:10pm): the pills wrap; the picked one is filled; counts are small red badges */
html:not(.nolook14):not(.nolook12) body #co-bar{
  display:flex!important;flex-wrap:wrap!important;overflow:visible!important;justify-content:flex-start!important;align-items:center!important;
  gap:8px!important;padding:4px 16px 10px!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;
  -webkit-mask-image:none!important;mask-image:none!important;
}
html:not(.nolook14):not(.nolook12).j7-work body #co-bar{padding-top:6px!important}
html.j14-top:not(.nolook14):not(.nolook12) body #co-bar{padding-top:2px!important}
html:not(.nolook14):not(.nolook12) body #co-bar>button{
  position:relative;flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;gap:7px!important;
  height:32px!important;min-height:32px!important;max-height:32px!important;padding:0 12px 0 5px!important;margin:0!important;box-sizing:border-box!important;
  border:0!important;border-radius:999px!important;background:var(--j14-pill)!important;box-shadow:inset 0 0 0 1px var(--j14-pill-line)!important;
  color:var(--j14-pill-ink)!important;font:600 15px/1 var(--j12-sf)!important;letter-spacing:-.01em!important;white-space:nowrap!important;
  -webkit-tap-highlight-color:transparent;cursor:pointer;
  transition:background-color var(--j12-tq,160ms) var(--j12-spring,ease),color var(--j12-tq,160ms) var(--j12-spring,ease),transform var(--j12-tq,160ms) var(--j12-spring,ease);
}
html:not(.nolook14):not(.nolook12) body #co-bar>button.all{padding:0 14px!important}
html:not(.nolook14):not(.nolook12) body #co-bar>button::before{content:"";position:absolute;left:0;right:0;top:-6px;bottom:-6px;border-radius:999px}   /* 44 px to a thumb */
html:not(.nolook14):not(.nolook12) body #co-bar>button:active{transform:scale(.97)}
html:not(.nolook14):not(.nolook12) body #co-bar>button[aria-pressed="true"]{background:var(--j14-pill-on)!important;color:var(--j14-pill-on-ink)!important;box-shadow:var(--j14-pill-on-sh)!important}
html:not(.nolook14):not(.nolook12) body #co-bar>button:focus-visible{outline:2px solid var(--j14-ring)!important;outline-offset:2px}
html:not(.nolook14):not(.nolook12) body #co-bar>button img{width:22px!important;height:22px!important;border-radius:50%!important;object-fit:cover;background:var(--j14-logo-bg)!important;flex:0 0 auto;box-shadow:var(--j14-logo-ring)!important}
html:not(.nolook14):not(.nolook12) body #co-bar>button .j406-bdg.j406-bdg.j406-bdg{
  display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;margin:0 -4px 0 0;
  font:700 12px/18px var(--j12-sf)!important;font-variant-numeric:tabular-nums;letter-spacing:0!important;
  background:var(--j14-badge)!important;color:var(--j14-badge-ink)!important;
}

/* ------------------------------------------------------------------------------------------------- the Account sheet -- */
html:not(.nolook14) .j14-ov{
  position:fixed;left:0;right:0;top:0;bottom:0;z-index:73;display:flex;align-items:flex-end;justify-content:center;
  background:var(--j14-ov);opacity:0;transition:opacity 280ms var(--j12-spring);-webkit-tap-highlight-color:transparent;touch-action:none;
}
html:not(.nolook14) .j14-ov.on{opacity:1}
html:not(.nolook14) .j14-sh{
  position:relative;box-sizing:border-box;width:100%;max-width:34rem;max-height:calc(100% - 44px - env(safe-area-inset-top,0px));
  overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;
  margin:0;padding:0 16px calc(18px + env(safe-area-inset-bottom,0px));border-radius:22px 22px 0 0;
  background:var(--j14-sheet);color:var(--j14-ink1);box-shadow:var(--j14-sheet-sh);text-align:left;outline:none;
  font:400 17px/22px var(--j12-sf);transform:translateY(100%);transition:transform 380ms var(--j12-spring);
}
html:not(.nolook14) .j14-ov.on .j14-sh{transform:none}
html:not(.nolook14) .j14-sh.j14-drag{transition:none}
html:not(.nolook14) .j14-sh *{box-sizing:border-box}
html:not(.nolook14) .j14-cap{position:sticky;top:0;z-index:2;margin:0 -16px 6px;padding:0 16px;background:var(--j14-sheet)}
html:not(.nolook14) .j14-grab{width:36px;height:5px;border-radius:3px;margin:0 auto;position:relative;top:6px;background:var(--j14-grab)}
html:not(.nolook14) .j14-shd{position:relative;display:flex;align-items:center;justify-content:center;height:50px;padding:0 64px}
html:not(.nolook14) .j14-shd h2{margin:0;font:600 17px/22px var(--j12-sf);letter-spacing:-.01em;color:var(--j14-ink1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html:not(.nolook14) .j14-done{position:absolute;right:-8px;top:3px;height:44px;min-width:44px;padding:0 8px;border:0;background:none;color:var(--j14-tint);font:600 17px/22px var(--j12-sf);cursor:pointer;-webkit-tap-highlight-color:transparent}
/* inset grouped rows, in Jetsy's own look */
html:not(.nolook14) .j14-grp{background:var(--j14-cell);border-radius:16px;overflow:hidden;margin:0 0 18px}
html:not(.nolook14) .j14-row{
  position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:52px;margin:0;padding:8px 16px;
  border:0;border-radius:0;background:none;color:var(--j14-ink1);font:400 17px/22px var(--j12-sf);text-align:left;text-decoration:none;
  -webkit-tap-highlight-color:transparent;
}
html:not(.nolook14) .j14-row + .j14-row::before{content:"";position:absolute;top:0;right:0;left:57px;height:1px;background:var(--j14-sep);transform:scaleY(.5);transform-origin:0 0}
html:not(.nolook14) .j14-tap{cursor:pointer;transition:background-color var(--j12-tq) linear}
html:not(.nolook14) .j14-tap:active{background:var(--j14-cell-press)}
html:not(.nolook14) .j14-row:focus-visible,html:not(.nolook14) .j14-done:focus-visible,html:not(.nolook14) .j14-seg button:focus-visible,html:not(.nolook14) .j14-sw:focus-visible{outline:2px solid var(--j14-ring);outline-offset:-2px}
html:not(.nolook14) .j14-ico{flex:0 0 29px;width:29px;height:29px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:var(--j14-glyph);font-size:15px;line-height:1}
html:not(.nolook14) .j14-ico svg{display:block}
html:not(.nolook14) .j14-blue{background:var(--j14-blue)}
html:not(.nolook14) .j14-indigo{background:var(--j14-indigo)}
html:not(.nolook14) .j14-purple{background:var(--j14-purple)}
html:not(.nolook14) .j14-gray{background:var(--j14-gray)}
html:not(.nolook14) .j14-orange{background:var(--j14-orange)}
html:not(.nolook14) .j14-pink{background:var(--j14-pink)}
html:not(.nolook14) .j14-ico.j14-goldi{background:var(--j14-gold);box-shadow:var(--j14-gold-sh);color:var(--j14-gold-ink)}
html:not(.nolook14) .j14-tx{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:center}
html:not(.nolook14) .j14-tx b{font:400 17px/22px var(--j12-sf);color:var(--j14-ink1);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html:not(.nolook14) .j14-tx b.j14-wrap{white-space:normal;overflow-wrap:anywhere;font-weight:600}
html:not(.nolook14) .j14-tx small{font:400 13px/18px var(--j12-sf);color:var(--j14-ink2);margin-top:1px}
html:not(.nolook14) .j14-val{flex:0 0 auto;color:var(--j14-ink2);font:400 17px/22px var(--j12-sf);white-space:nowrap}
html:not(.nolook14) .j14-chev{flex:0 0 8px;display:block;color:var(--j14-chev)}
html:not(.nolook14) .j14-sh .j14-coin.j14-sm{flex:0 0 29px;width:29px;height:29px;border-radius:7px}
html:not(.nolook14) .j14-sh .j14-coin.j14-sm img{width:24px;height:24px}
html:not(.nolook14) .j14-sh .j14-coin.j14-sm.j14-lg img{width:26px;height:26px;padding:2px}
html:not(.nolook14) .j14-sh .j14-coin.j14-sm::before{font-size:11px;top:-8px}
/* who is signed in */
html:not(.nolook14) .j14-prof{display:flex;align-items:center;gap:14px;min-height:80px;padding:12px 16px}
html:not(.nolook14) .j14-av{flex:0 0 56px;width:56px;height:56px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--j14-me-bg);box-shadow:var(--j14-me-sh);color:var(--j14-me-ink);font:600 22px/1 var(--j12-sf);letter-spacing:.02em}
html:not(.nolook14) .j14-prof .j14-tx b{font:600 20px/25px var(--j12-sf);letter-spacing:-.02em;white-space:normal;overflow-wrap:anywhere}
html:not(.nolook14) .j14-prof .j14-tx small{font:400 15px/20px var(--j12-sf);overflow-wrap:anywhere}
/* Jetsy 5.0 · Owner, with the BILLIONAIRE chip (the old pill's words) */
html:not(.nolook14) .j14-bil{
  flex:0 0 auto;align-self:flex-start;display:inline-flex;align-items:center;gap:4px;height:22px;margin:7px 0 2px;padding:0 9px 0 7px;border-radius:999px;
  background:var(--j14-gold);box-shadow:var(--j14-gold-sh);color:var(--j14-gold-ink);
  font:800 10.5px/1 var(--j12-sf);letter-spacing:.07em;text-transform:uppercase;text-shadow:var(--j14-gold-engrave);white-space:nowrap;
}
/* Your robots: six tiles in a row; the live robots stand on them (the picked company's tile lights up) */
html:not(.nolook14) .j14-row.j14-bots{flex-direction:column;align-items:flex-start;gap:10px;padding:10px 16px 12px}
html:not(.nolook14) .j14-row.j14-bots .j14-tx{width:100%;flex:0 0 auto}
html:not(.nolook14) .j14-dock{display:grid;grid-template-columns:repeat(6,38px);gap:6px;height:38px;margin:0;padding:0;width:auto;justify-content:start}
html:not(.nolook14) .j14-dock > i{display:block;width:38px;height:38px;border-radius:12px;background:var(--j14-tile);box-shadow:inset 0 0 0 1px var(--j14-tile-line);transition:background-color var(--j12-t) var(--j12-spring),box-shadow var(--j12-t) var(--j12-spring)}
html:not(.nolook14) .j14-dock > i.on{background:var(--j14-tile-on);box-shadow:inset 0 0 0 1px var(--j14-tile-on-line)}
html:not(.nolook14) .j14-dock > i > svg{display:block;width:38px;height:38px;padding:4px}
@media (max-width:359px){
  html:not(.nolook14) .j14-dock{grid-template-columns:repeat(6,32px);height:32px;gap:5px}
  html:not(.nolook14) .j14-dock > i{width:32px;height:32px;border-radius:10px}
}
/* Language: a segmented control (44 px to a thumb) */
html:not(.nolook14) .j14-seg{flex:0 0 auto;position:relative;display:inline-flex;gap:2px;padding:2px;border-radius:9px;background:var(--j14-seg)}
html:not(.nolook14) .j14-seg button{position:relative;min-width:74px;height:30px;margin:0;padding:0 10px;border:0;border-radius:7px;background:none;color:var(--j14-seg-ink);font:500 13px/1 var(--j12-sf);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--j12-tq) linear,color var(--j12-tq) linear}
html:not(.nolook14) .j14-seg button::before{content:"";position:absolute;top:-7px;bottom:-7px;left:0;right:0}
html:not(.nolook14) .j14-seg button[aria-checked="true"]{background:var(--j14-seg-on);color:var(--j14-seg-on-ink);box-shadow:var(--j14-seg-sh);font-weight:600}
/* Light mode: an iOS switch (the app's own data-je2s="light") */
html:not(.nolook14) .j14-sw{flex:0 0 51px;position:relative;width:51px;height:31px;margin:0;padding:0;border:0;border-radius:999px;background:var(--j14-sw-off);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--j12-t) var(--j12-spring)}
html:not(.nolook14) .j14-sw::before{content:"";position:absolute;top:-7px;bottom:-7px;left:-4px;right:-4px}
html:not(.nolook14) .j14-sw::after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:var(--j14-knob);box-shadow:var(--j14-knob-sh);transition:transform var(--j12-t) var(--j12-spring)}
html:not(.nolook14) .j14-sw[aria-checked="true"]{background:var(--j14-sw-on)}
html:not(.nolook14) .j14-sw[aria-checked="true"]::after{transform:translateX(20px)}
/* Sign out: red, centered, in Jetsy's own look */
html:not(.nolook14) .j14-row.j14-out{justify-content:center;text-align:center;font:400 17px/22px var(--j12-sf);color:var(--j14-red)}
@media (prefers-reduced-motion:reduce){
  html:not(.nolook14) .j14-ov,html:not(.nolook14) .j14-sh,html:not(.nolook14) .j14-sw,html:not(.nolook14) .j14-sw::after,html:not(.nolook14) .j14-seg button,html:not(.nolook14) .j14-tap,html:not(.nolook14) .j14-dock > i{transition:none!important}
  html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) .in > .j14-me{transition:none!important}
  html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) .in > .j14-me:active{transform:none!important}
  html:not(.nolook14):not(.nolook12) body #co-bar>button{transition:none!important}
  html:not(.nolook14):not(.nolook12) body #co-bar>button:active{transform:none!important}
}

/* v470: the words' room is measured from the real buttons (look14-owner.js, --j14-room); the 172 px margin is only the fallback */
html.j14-top:not(.nolook14):not(#j14x):not(#j14y) body header.appbar:not(#j14z) .who > #co[style*="--j14-room"]{margin-right:0!important;flex:0 1 auto!important}