/* "Watch him work" (talk/catalog-pc.js): the pop-up with James's computer on
   every catalog card. The dialog and its Chrome window, then each tool's page
   (.jc-app, drawn at 900px and scaled into the window), then the products
   with their own look. Every rule sits under .jcpc so nothing reaches the
   page. Colours a page wears come in as --b (the brand), --bd (the brand dark
   enough to read on white), --bl/--bm (its tints), --btn/--btt (the primary
   button and its text), --c/--ct (the app bar or sidebar and its text). */

html.jcpc-lock{overflow:hidden}
.jcpc{position:fixed;inset:0;margin:auto;padding:0;border:0;background:transparent;width:min(1240px,calc(100vw - 32px));height:min(820px,calc(100vh - 32px));max-width:none;max-height:none;overflow:visible;color:var(--fg,#0B1220);font-family:var(--sans,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif);line-height:1.5}
.jcpc[open]{display:flex}
.jcpc::backdrop{background:rgba(11,18,32,.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.jcpc *{box-sizing:border-box}
.jcpc p,.jcpc ol,.jcpc li{margin:0;padding:0}
.jcpc button{font-family:inherit}
.jcpc .jc-box{flex:1;min-width:0;display:flex;flex-direction:column;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 40px 120px -40px rgba(0,0,0,.65);animation:jcUp .35s var(--ease,ease)}
@keyframes jcUp{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
@keyframes jcIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@keyframes jcFade{from{opacity:.25}to{opacity:1}}
@keyframes jcPulse{0%{box-shadow:0 0 0 0 rgba(8,145,178,.5)}70%{box-shadow:0 0 0 7px rgba(8,145,178,0)}100%{box-shadow:0 0 0 0 rgba(8,145,178,0)}}
@keyframes jcPulseA{0%{box-shadow:0 0 0 0 rgba(217,119,6,.5)}70%{box-shadow:0 0 0 7px rgba(217,119,6,0)}100%{box-shadow:0 0 0 0 rgba(217,119,6,0)}}
@keyframes jcBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

/* the header: who he is on this card */
.jcpc .jc-hd{display:flex;align-items:center;gap:12px;padding:12px 14px 12px 18px;border-bottom:1px solid var(--line,rgba(0,0,0,.08));flex:none}
.jcpc .jc-hme{width:40px;height:40px;flex:none}
.jcpc .jc-ht{display:flex;flex-direction:column;min-width:0;flex:1}
.jcpc .jc-eb{font-family:var(--mono,ui-monospace,Menlo,monospace);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan3,#0E7490)}
.jcpc .jc-ht b{font-size:17px;font-weight:600;letter-spacing:-.01em;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jcpc .jc-hsub{font-size:12.5px;color:var(--fg3,#667085);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jcpc .jc-x{width:44px;height:44px;border-radius:50%;border:1px solid var(--line2,rgba(0,0,0,.14));background:#fff;display:grid;place-items:center;cursor:pointer;flex:none;transition:background .2s}
.jcpc .jc-x:hover{background:#F3F4F6}
.jcpc .jc-x:focus-visible,.jcpc .jc-again:focus-visible,.jcpc .jc-hire:focus-visible,.jcpc .jc-next:focus-visible{outline:2px solid var(--cyan,#0891B2);outline-offset:2px}
.jcpc .jc-x svg{width:18px;height:18px;fill:none;stroke:var(--fg,#0B1220);stroke-width:2;stroke-linecap:round}

/* the card's steps on the left, his computer on the right */
.jcpc .jc-body{flex:1;min-height:0;display:grid;grid-template-columns:296px minmax(0,1fr)}
.jcpc .jc-side{min-height:0;overflow:auto;padding:18px 16px 16px 18px;border-right:1px solid var(--line,rgba(0,0,0,.08));background:#FBFCFD;display:flex;flex-direction:column;gap:14px;scroll-behavior:smooth}
.jcpc .jc-when{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid var(--line,rgba(0,0,0,.08));font-size:13px;line-height:1.3}
.jcpc .jc-when .jc-i{width:18px;height:18px;color:var(--cyan,#0891B2)}
.jcpc .jc-when span{color:var(--fg3,#667085)}
.jcpc .jc-when b{font-weight:600}
.jcpc .jc-sl{list-style:none;display:flex;flex-direction:column;gap:2px}
.jcpc .jc-s{position:relative;display:flex;gap:12px;padding:9px 10px;border-radius:12px;transition:background .35s,box-shadow .35s,opacity .35s;opacity:.6}
.jcpc .jc-s:not(:last-child)::before{content:"";position:absolute;left:22px;top:36px;bottom:-8px;width:2px;background:#E4E8EE;transition:background .4s}
.jcpc .jc-s.is-done:not(:last-child)::before{background:#86D3A3}
.jcpc .jc-s.is-run,.jcpc .jc-s.is-done,.jcpc .jc-s.is-wait{opacity:1}
.jcpc .jc-s.is-run{background:#fff;box-shadow:0 0 0 1px rgba(8,145,178,.35),0 10px 26px -16px rgba(8,145,178,.7)}
.jcpc .jc-sn{position:relative;z-index:1;width:26px;height:26px;border-radius:50%;flex:none;display:grid;place-items:center;background:#fff;border:1.5px solid #CBD3DD;font-size:12px;color:var(--fg2,#5B6472);transition:background .3s,border-color .3s}
.jcpc .jc-sn b{font-weight:600}
.jcpc .jc-sn svg{display:none;width:15px;height:15px;fill:none;stroke:#fff;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.jcpc .is-run .jc-sn{border-color:var(--cyan,#0891B2);color:var(--cyan,#0891B2);animation:jcPulse 1.6s infinite}
.jcpc .is-wait .jc-sn{border-color:#D97706;color:#B45309;background:#FFF7E0;animation:jcPulseA 1.4s infinite}
.jcpc .is-done .jc-sn{background:var(--green,#15803D);border-color:var(--green,#15803D);animation:none}
.jcpc .is-done .jc-sn b{display:none}
.jcpc .is-done .jc-sn svg{display:block}
.jcpc .jc-sx{display:flex;flex-direction:column;gap:3px;min-width:0;padding-top:3px}
.jcpc .jc-stt{font-size:13.5px;line-height:1.35;color:var(--fg,#0B1220)}
.jcpc .is-run .jc-stt{font-weight:500}
.jcpc .jc-sm{display:flex;align-items:center;gap:6px;font-size:11.5px;line-height:1.3;color:var(--fg3,#667085)}
.jcpc .jc-slg{width:14px;height:14px}
.jcpc .jc-sm .jc-i{width:13px;height:13px}
.jcpc .jc-you0{display:inline-flex;align-items:center;gap:5px}
.jcpc .jc-sm em,.jcpc .jc-sm strong{display:none;font-style:normal;font-weight:600;border-radius:99px;padding:2px 8px}
.jcpc .jc-sm em{color:#B45309;background:#FFF7E0;border:1px solid #FDE7B0}
.jcpc .jc-sm strong{color:#15803D;background:#ECFDF3;border:1px solid #BBF7D0}
.jcpc .is-wait .jc-you0,.jcpc .is-ok .jc-you0,.jcpc .jc-you.is-done .jc-you0{display:none}
.jcpc .is-wait .jc-sm em{display:inline-block}
.jcpc .is-ok .jc-sm strong,.jcpc .jc-you.is-done .jc-sm strong{display:inline-block}
.jcpc .jc-get{margin-top:auto;padding:12px 14px;border-radius:14px;background:linear-gradient(180deg,#F0FAFC,#fff);border:1px solid rgba(8,145,178,.18)}
.jcpc .jc-get small{display:block;font-family:var(--mono,ui-monospace,Menlo,monospace);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan3,#0E7490)}
.jcpc .jc-get p{font-size:13px;line-height:1.45;margin-top:4px}
.jcpc .jc-inv{font-size:11.5px;line-height:1.4;color:var(--fg3,#667085)}

.jcpc .jc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.jcpc .jc-pc{min-width:0;min-height:0;display:flex;flex-direction:column;padding:16px;background:#EEF1F5}

/* his Chrome, drawn the way Chrome draws itself on a Mac */
.jcpc .jc-win{flex:1;min-height:0;display:flex;flex-direction:column;border-radius:12px;border:1px solid rgba(0,0,0,.16);background:#fff;overflow:hidden;box-shadow:0 30px 70px -32px rgba(11,18,32,.5);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}
.jcpc .jc-tabs{display:flex;align-items:flex-end;height:40px;padding-right:6px;background:#DFE3E8;min-width:0;flex:none}
.jcpc .jc-tl{display:flex;gap:8px;align-self:center;padding:0 12px 0 13px;flex:none}
.jcpc .jc-tl i{width:12px;height:12px;border-radius:50%;background:#FF5F57;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.14)}
.jcpc .jc-tl i:nth-child(2){background:#FEBC2E}
.jcpc .jc-tl i:nth-child(3){background:#28C840}
.jcpc .jc-tabl{display:flex;align-items:flex-end;min-width:0;flex:0 1 auto}
.jcpc .jc-tab{position:relative;display:flex;align-items:center;gap:8px;height:33px;padding:0 7px 0 12px;border-radius:9px 9px 0 0;font-size:12px;color:#474747;flex:1 1 0;width:210px;max-width:220px;min-width:0;white-space:nowrap}
.jcpc .jc-tab>span{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 16px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 16px),transparent)}
.jcpc .jc-tab .jc-fav{width:16px;height:16px;flex:none;border-radius:3px}
.jcpc .jc-tab .jc-tx2{width:16px;height:16px;flex:none;padding:2px;fill:none;stroke:#474747;stroke-width:1.6;stroke-linecap:round}
.jcpc .jc-tab.on{background:#fff;color:#1F1F1F;z-index:1}
.jcpc .jc-tab.on::before,.jcpc .jc-tab.on::after{content:"";position:absolute;bottom:0;width:9px;height:9px}
.jcpc .jc-tab.on::before{left:-9px;background:radial-gradient(circle at 0 0,transparent 8.5px,#fff 9px)}
.jcpc .jc-tab.on::after{right:-9px;background:radial-gradient(circle at 100% 0,transparent 8.5px,#fff 9px)}
.jcpc .jc-tab:not(.on)+.jc-tab:not(.on)::before{content:"";position:absolute;left:-1px;top:9px;width:1px;height:16px;background:#A8ADB3}
.jcpc .jc-spin{width:14px;height:14px;flex:none;border-radius:50%;border:2px solid #C6CBD1;border-top-color:#1A73E8;animation:jcSpin .7s linear infinite}
@keyframes jcSpin{to{transform:rotate(360deg)}}
.jcpc .jc-new{align-self:center;width:28px;height:28px;display:grid;place-items:center;flex:none;margin-left:6px;border-radius:50%}
.jcpc .jc-new svg{width:14px;height:14px;fill:none;stroke:#474747;stroke-width:1.6;stroke-linecap:round}
.jcpc .jc-bar{display:flex;align-items:center;gap:4px;height:38px;padding:0 8px;background:#fff;border-bottom:1px solid #E2E2E2;flex:none}
.jcpc .jc-nv{display:flex;gap:2px;flex:none}
.jcpc .jc-nv svg{width:28px;height:28px;padding:6px;flex:none;fill:none;stroke:#474747;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.jcpc .jc-nv svg:nth-child(2){stroke:#B9BDC1}
.jcpc .jc-omni{flex:1;display:flex;align-items:center;gap:6px;height:29px;background:#EEF1F5;border-radius:999px;padding:0 8px 0 3px;font-size:13px;color:#1F1F1F;min-width:0;margin:0 4px}
.jcpc .jc-site{width:23px;height:23px;border-radius:50%;background:#fff;display:grid;place-items:center;flex:none}
.jcpc .jc-site svg{width:14px;height:14px;fill:none;stroke:#474747;stroke-width:1.8;stroke-linecap:round}
.jcpc .jc-url{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.005em}
.jcpc .jc-url.ph:empty::before{content:"Search Google or type a URL";color:#80868B}
.jcpc .jc-url.typing::after{content:"";display:inline-block;width:1.5px;height:14px;margin-left:1px;background:#1F1F1F;vertical-align:-2px;animation:jcCaret .9s steps(1) infinite}
.jcpc .jc-star{width:16px;height:16px;flex:none;fill:none;stroke:#474747;stroke-width:1.7;stroke-linejoin:round}
.jcpc .jc-prof{width:24px;height:24px;flex:none;margin:0 2px}
.jcpc .jc-view{position:relative;flex:1;min-height:0;overflow:hidden;background:#fff}
.jcpc .jc-load{position:absolute;left:0;top:0;z-index:30;height:2.5px;width:0;background:#1A73E8;opacity:0}
.jcpc .jc-cv{position:absolute;left:0;top:0;transform-origin:0 0;transition:opacity .18s}
.jcpc .jc-pg{position:absolute;inset:0}
.jcpc .jc-pg[hidden]{display:none}
.jcpc .jc-pg.jc-fresh{animation:jcFade .4s ease}
.jcpc .jc-cur{position:absolute;left:0;top:0;width:24px;height:24px;margin:-2px 0 0 -5px;z-index:40;pointer-events:none;transition:transform .66s cubic-bezier(.3,.7,.25,1),opacity .3s,scale .12s;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}
.jcpc .jc-cur path{fill:#111;stroke:#fff;stroke-width:1.5;stroke-linejoin:round}
.jcpc .jc-cur.down{scale:.84}
.jcpc .jc-ring{position:absolute;left:0;top:0;z-index:39;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;border:2px solid rgba(8,145,178,.85);opacity:0;pointer-events:none}
.jcpc .jc-ring.go{animation:jcRing .55s ease-out}
@keyframes jcRing{0%{opacity:.95;scale:.3}100%{opacity:0;scale:1.25}}

/* a new tab, before the job's time */
.jcpc .jc-ntp{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(60% 50% at 50% 42%,#EEF9FC,#fff)}
.jcpc .jc-ntpc{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-family:var(--sans,-apple-system,sans-serif);padding:0 30px}
.jcpc .jc-ntme{width:104px;height:104px;margin-bottom:14px;animation:jcBob 3s ease-in-out infinite}
.jcpc .jc-ntpc small{font-family:var(--mono,ui-monospace,Menlo,monospace);font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan3,#0E7490)}
.jcpc .jc-ntpc b{font-size:32px;font-weight:600;letter-spacing:-.02em;line-height:1.15;color:var(--fg,#0B1220)}
.jcpc .jc-ntpc span{font-size:16px;color:var(--fg3,#667085)}

/* his text to the owner, top right: a question waiting for the OK, or news */
.jcpc .jc-msg{position:absolute;top:12px;right:12px;z-index:35;width:min(330px,calc(100% - 24px));padding:12px 12px 13px;border-radius:18px;background:rgba(255,255,255,.97);border:1px solid var(--line,rgba(0,0,0,.08));box-shadow:0 22px 50px -18px rgba(11,18,32,.5);animation:jcIn .3s var(--ease,ease);font-family:var(--sans,-apple-system,sans-serif)}
.jcpc .jc-msg[hidden]{display:none}
.jcpc .jc-msg .jc-mh{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.jcpc .jc-mme{width:26px;height:26px;flex:none}
.jcpc .jc-msg .jc-mh b{font-size:13px;font-weight:600}
.jcpc .jc-msg .jc-mh small{margin-left:auto;font-size:11px;color:var(--fg3,#667085)}
.jcpc .jc-mb{width:fit-content;max-width:94%;padding:9px 13px;border-radius:18px 18px 18px 6px;background:#E9E9EB;font-size:13.5px;line-height:1.42;color:#111}
.jcpc .jc-mw{display:none;align-items:center;gap:7px;margin-top:9px;font-size:12px;font-weight:600;color:#B45309}
.jcpc .jc-mw i{width:7px;height:7px;border-radius:50%;background:#D97706;animation:jcPulseA 1.4s infinite}
.jcpc .jc-msg.is-ask .jc-mw{display:flex}
.jcpc .jc-msg.is-ok .jc-mw{display:none}
.jcpc .jc-mo{display:none;flex-direction:column;align-items:flex-end;gap:2px;margin-top:8px}
.jcpc .jc-mo span{padding:7px 16px;border-radius:18px 18px 6px 18px;background:#0B93F6;color:#fff;font-size:14px;font-weight:500}
.jcpc .jc-mo small{font-size:10.5px;color:var(--fg3,#667085)}
.jcpc .jc-msg.is-ok .jc-mo{display:flex;animation:jcIn .3s}

/* the end: what the owner gets */
.jcpc .jc-end{position:absolute;inset:0;z-index:45;display:grid;place-items:center;padding:16px;background:rgba(244,247,250,.72);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;transition:opacity .45s}
.jcpc .jc-end.on{opacity:1}
.jcpc .jc-end[hidden]{display:none}
.jcpc .jc-endc{width:min(440px,100%);max-height:100%;overflow:auto;padding:24px 24px 22px;border-radius:22px;background:#fff;border:1px solid var(--line,rgba(0,0,0,.08));box-shadow:0 30px 70px -30px rgba(11,18,32,.45);text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}
.jcpc .jc-endme{width:58px;height:58px;margin-bottom:4px}
.jcpc .jc-endc b{font-size:20px;font-weight:600;letter-spacing:-.01em}
.jcpc .jc-endc p{font-size:14.5px;color:var(--fg2,#5B6472);line-height:1.5}
.jcpc .jc-endb{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap;justify-content:center}
.jcpc .jc-again,.jcpc .jc-hire,.jcpc .jc-next{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:999px;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:transform .25s var(--ease,ease),background .25s}
.jcpc .jc-again,.jcpc .jc-next{border:1px solid var(--line2,rgba(0,0,0,.14));background:#fff;color:var(--fg,#0B1220)}
.jcpc .jc-again .jc-i{width:17px;height:17px}
.jcpc .jc-hire{border:1px solid var(--fg,#0B1220);background:var(--fg,#0B1220);color:#fff;text-decoration:none}
.jcpc .jc-again:hover,.jcpc .jc-next:hover{background:#F3F4F6}
.jcpc .jc-hire:hover{background:#1B2537}
.jcpc .jc-hire[hidden]{display:none}

/* the strip under the window on a phone, and "Next step" with reduced motion */
.jcpc .jc-cap{display:none}
.jcpc .jc-capbar{position:absolute;left:0;top:-1px;height:2px;width:var(--p,0%);border-radius:2px;background:linear-gradient(90deg,#0891B2,#7C3AED);transition:width .45s var(--ease,ease)}
.jcpc .jc-capdot{width:8px;height:8px;border-radius:50%;flex:none;background:#A3B1C4}
.jcpc .jc-cap.is-run .jc-capdot{background:#0891B2;animation:jcPulse 1.6s infinite}
.jcpc .jc-cap.is-wait .jc-capdot{background:#D97706}
.jcpc .jc-cap.is-done .jc-capdot,.jcpc .jc-cap.is-end .jc-capdot{background:#15803D}
.jcpc .jc-captx{min-width:0}
.jcpc .jc-captx b{color:var(--fg,#0B1220);font-weight:600;margin-right:4px}
.jcpc .jc-captx em{font-style:normal;font-weight:600;color:#B45309}
.jcpc .jc-captx strong{font-weight:600;color:#15803D}
.jcpc .jc-ctl{display:flex;justify-content:center;padding-top:12px;flex:none}
.jcpc .jc-ctl[hidden]{display:none}

/* a tablet or a phone: the window on top, the step he is on under it */
@media(max-width:900px){
  .jcpc .jc-body{grid-template-columns:minmax(0,1fr)}
  .jcpc .jc-side{display:none}
  .jcpc .jc-cap{position:relative;display:flex;align-items:center;gap:8px;flex:none;min-height:46px;margin-top:10px;padding:9px 12px;border-radius:12px;background:#fff;border:1px solid var(--line,rgba(0,0,0,.08));font-size:13px;line-height:1.35;color:var(--fg2,#5B6472)}
}
@media(max-width:760px){
  .jcpc{width:100vw;height:100vh;height:100dvh;max-width:100vw;max-height:100vh;max-height:100dvh;margin:0}
  .jcpc .jc-box{border-radius:0;animation:none}
  .jcpc .jc-hd{padding:10px 10px 10px 14px;gap:10px}
  .jcpc .jc-hme{width:32px;height:32px}
  .jcpc .jc-ht b{font-size:15.5px}
  .jcpc .jc-pc{padding:10px}
  .jcpc .jc-tab:not(.on)>span,.jcpc .jc-tab:not(.on) .jc-tx2{display:none}
  .jcpc .jc-tab:not(.on){flex:none;width:auto;padding:0 9px}
  .jcpc .jc-tab.on{width:150px}
  .jcpc .jc-tl{gap:6px;padding:0 8px 0 10px}
  .jcpc .jc-tl i{width:10px;height:10px}
  .jcpc .jc-nv svg:nth-child(2),.jcpc .jc-nv svg:nth-child(3),.jcpc .jc-star{display:none}
  .jcpc .jc-msg{top:8px;right:8px;width:calc(100% - 16px);padding:10px}
  .jcpc .jc-mb{font-size:13px}
}
.jcpc.rm .jc-cur,.jcpc.rm .jc-ring{display:none}
.jcpc.rm *,.jcpc.rm *::before,.jcpc.rm *::after{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.jcpc *,.jcpc *::before,.jcpc *::after{animation:none!important;transition:none!important}}

/* ======================================================= a tool's page */
.jcpc .jc-app{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;background:var(--pg,#F6F7F9);color:#1D2433;font:14px/1.45 var(--jf,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif);text-align:left;-webkit-font-smoothing:antialiased;cursor:default;-webkit-user-select:none;user-select:none;letter-spacing:0}
.jcpc .jc-app b{font-weight:600}
.jcpc .jc-app p{margin:0}
.jcpc .jc-i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.jcpc .jc-i.jc-dots{stroke-width:3}
.jcpc .jc-lg{width:22px;height:22px;flex:none;display:inline-block}
.jcpc .lgo{display:inline-block;width:22px;height:22px;flex:none;background-position:center;background-size:contain;background-repeat:no-repeat}
.jcpc .jc-av{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;flex:none;background:hsl(var(--h,211) 50% 46%);color:#fff;font-size:11.5px;font-weight:600;letter-spacing:.02em;line-height:1}
.jcpc .jc-me{width:28px;height:28px;flex:none;border-radius:50%}
.jcpc .jc-sp{flex:1}
.jcpc .jc-row{flex:1;min-height:0;display:flex}
.jcpc .jc-mn{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}
.jcpc .jc-sc{overflow:hidden;scroll-behavior:smooth}
.jcpc .jc-hl{box-shadow:inset 0 0 0 2px rgba(8,145,178,.75)!important;background-color:rgba(8,145,178,.07)!important}
.jcpc .jc-flash{animation:jcFlash 1.3s ease}
@keyframes jcFlash{0%{box-shadow:inset 0 0 0 999px rgba(18,183,106,.2)}100%{box-shadow:inset 0 0 0 999px rgba(18,183,106,0)}}
.jcpc .jc-typing::after{content:"";display:inline-block;width:2px;height:1.05em;margin-left:1px;background:currentColor;vertical-align:-.16em;animation:jcCaret .9s steps(1) infinite}
@keyframes jcCaret{50%{opacity:0}}

/* the shells: a sidebar (dark or light), a top bar, an icon rail, Google's */
.jcpc .jc-sb{width:208px;flex:none;display:flex;flex-direction:column;gap:1px;padding:14px 10px 12px;background:var(--c);color:var(--ct);overflow:hidden}
.jcpc .s-sidel .jc-sb{background:#fff;color:#344054;border-right:1px solid #E6E8EC}
.jcpc .jc-brand{display:flex;align-items:center;gap:9px;padding:0 8px 14px;min-width:0;flex:none}
.jcpc .jc-blg{width:26px;height:26px;border-radius:6px}
.jcpc .jc-wm.long{font-size:14px!important}
.jcpc .jc-wm{font-size:16.5px;font-weight:700!important;letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jcpc .jc-create{display:flex;align-items:center;justify-content:center;gap:6px;height:36px;flex:none;margin:0 4px 10px;border-radius:8px;background:var(--btn);color:var(--btt);font-weight:600;font-size:13.5px}
.jcpc .jc-create .jc-i{width:17px;height:17px;stroke-width:2.2}
.jcpc .jc-nav{display:flex;flex-direction:column;gap:1px;min-height:0;overflow:hidden}
.jcpc .jc-ni{display:flex;align-items:center;gap:11px;height:34px;flex:none;padding:0 10px;border-radius:7px;font-size:13.5px;white-space:nowrap;opacity:.8}
.jcpc .jc-ni .jc-i{width:18px;height:18px}
.jcpc .jc-ni.on{opacity:1;font-weight:600;background:rgba(255,255,255,.15)}
.jcpc .s-sidel .jc-ni{opacity:1;color:#475467}
.jcpc .s-sidel .jc-ni.on{background:var(--bl);color:var(--bd)}
.jcpc .jc-sbf{margin-top:auto}
.jcpc .jc-tb{display:flex;align-items:center;gap:14px;height:54px;flex:none;padding:0 20px;background:#fff;border-bottom:1px solid #E6E8EC}
.jcpc .jc-srch{display:flex;align-items:center;gap:8px;width:300px;max-width:48%;height:34px;padding:0 12px;border-radius:8px;background:#F2F4F7;color:#667085;font-size:13px;white-space:nowrap;overflow:hidden}
.jcpc .jc-srch .jc-i{width:17px;height:17px}
.jcpc .jc-tbi{display:flex;gap:14px;color:#667085}
.jcpc .jc-tbi .jc-i{width:19px;height:19px}
.jcpc .jc-acct{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;white-space:nowrap;color:#1D2433}
.jcpc .jc-ct{flex:1;min-height:0;position:relative;display:flex;flex-direction:column;padding:20px 24px 16px}
.jcpc .jc-ct.full{padding:16px 18px}
.jcpc .jc-top{display:flex;align-items:center;gap:16px;height:54px;flex:none;padding:0 16px;background:var(--c);color:var(--ct);white-space:nowrap}
.jcpc .s-topl .jc-top{background:#fff;color:#3C4043;border-bottom:1px solid #E6E8EC}
.jcpc .jc-top .jc-brand{padding:0;flex:none}
.jcpc .jc-tn{display:flex;align-self:stretch;min-width:0;overflow:hidden;padding-right:22px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 22px),transparent)}
.jcpc .jc-tn span{display:flex;align-items:center;padding:0 10px;font-size:13.5px;opacity:.82;border-top:3px solid transparent;border-bottom:3px solid transparent}
.jcpc .jc-tn span.on{opacity:1;font-weight:600;border-bottom-color:var(--ul)}
.jcpc .jc-tsr{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:rgba(127,127,127,.16);flex:none}
.jcpc .jc-tsr .jc-i{width:17px;height:17px}
.jcpc .jc-top .jc-tbi{color:inherit;opacity:.85}
.jcpc .jc-top .jc-acct{color:inherit}
.jcpc .s-rail .jc-top .jc-srch{background:rgba(255,255,255,.12);color:rgba(255,255,255,.78)}
.jcpc .jc-rl{width:56px;flex:none;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0;background:var(--c);color:var(--ct)}
.jcpc .jc-ri{width:40px;height:38px;display:grid;place-items:center;border-radius:8px;opacity:.72}
.jcpc .jc-ri.on{opacity:1;background:rgba(255,255,255,.16)}
.jcpc .s-google{background:#F8FAFD;color:#1F1F1F}
.jcpc .jc-gt{display:flex;align-items:center;gap:6px;height:62px;flex:none;padding:0 12px 0 8px;background:#F8FAFD}
.jcpc .jc-gb{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#444746;flex:none}
.jcpc .jc-glg{width:30px;height:30px;margin-left:4px}
.jcpc .jc-gname{font-size:21px;color:#444746;margin:0 26px 0 6px;white-space:nowrap;letter-spacing:-.01em}
.jcpc .jc-gs{flex:1;max-width:560px;min-width:0;display:flex;align-items:center;gap:14px;height:46px;padding:0 16px;border-radius:24px;background:#E9EEF6;color:#444746;font-size:15px}
.jcpc .jc-gs span{flex:1;white-space:nowrap;overflow:hidden}
.jcpc .jc-gme{width:32px;height:32px;margin-left:6px;flex:none}
.jcpc .jc-gn{width:232px;flex:none;display:flex;flex-direction:column;padding:4px 12px 0 0;overflow:hidden;background:#F8FAFD}
.jcpc .jc-gbig{display:inline-flex;align-self:flex-start;align-items:center;gap:12px;height:54px;flex:none;padding:0 22px 0 18px;margin:0 0 14px 8px;border-radius:16px;background:#C2E7FF;color:#001D35;font-size:14px;font-weight:500}
.jcpc .jc-gi{display:flex;align-items:center;gap:16px;height:32px;flex:none;padding:0 12px 0 26px;border-radius:0 16px 16px 0;font-size:14px;color:#1F1F1F;white-space:nowrap}
.jcpc .jc-gi .jc-i{width:19px;height:19px;color:#444746}
.jcpc .jc-gi.on{background:#D3E3FD;font-weight:700;color:#001D35}
.jcpc .jc-gi em{margin-left:auto;font-style:normal;font-size:12.5px;font-weight:700}
.jcpc .jc-gm{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;background:#fff;border-radius:16px;margin:0 14px 14px 0;overflow:hidden;position:relative}
.jcpc .s-google .jc-ct{padding:18px 22px}
.jcpc .s-google.k-calendar .jc-gn{display:none}
.jcpc .s-google.k-calendar .jc-gm{margin-left:14px}
.jcpc .jc-calside .jc-gbig{margin:0}
.jcpc .s-google .jc-btn,.jcpc .s-google .jc-btn2{border-radius:20px}

/* the pieces every page is made of */
.jcpc .jc-ph{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex:none}
.jcpc .jc-pht{min-width:0}
.jcpc .jc-h1{font-size:21px;font-weight:700;letter-spacing:-.015em;color:#101828;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.jcpc .jc-sub{font-size:13px;color:#667085}
.jcpc .jc-btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 15px;border-radius:8px;background:var(--btn);color:var(--btt);font-weight:600;font-size:13.5px;white-space:nowrap;flex:none;transition:background .3s,color .3s}
.jcpc .jc-btn .jc-i{width:16px;height:16px;stroke-width:2}
.jcpc .jc-btn2{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 13px;border-radius:8px;border:1px solid #D0D5DD;background:#fff;color:#344054;font-weight:500;font-size:13px;white-space:nowrap;flex:none}
.jcpc .jc-btn2 .jc-i{width:16px;height:16px}
.jcpc .jc-btn.done,.jcpc .jc-ab.done,.jcpc .jc-gact.done,.jcpc .jc-shck.done,.jcpc .jc-shsh.done,.jcpc .jc-cnsh.done,.jcpc .jc-ntsh.done,.jcpc .jc-gsend .done,.jcpc .jc-lipost.done,.jcpc .jc-xbtn.done{background:#DCFAE6!important;color:#067647!important;border-color:transparent!important}
.jcpc .jc-btn.done::before,.jcpc .jc-ab.done::before,.jcpc .jc-gact.done::before,.jcpc .jc-shck.done::before,.jcpc .jc-shsh.done::before,.jcpc .jc-cnsh.done::before,.jcpc .jc-lipost.done::before,.jcpc .jc-xbtn.done::before,.jcpc .jc-igsh.done::before{content:"";width:14px;height:14px;flex:none;margin-right:2px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.jcpc .jc-pill{display:inline-block;max-width:100%;height:24px;line-height:24px;padding:0 10px;border-radius:999px;font-style:normal;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;transition:background .3s,color .3s}
.jcpc .t-ok{background:#ECFDF3;color:#067647}
.jcpc .t-warn{background:#FFF6E5;color:#B54708}
.jcpc .t-bad{background:#FEF3F2;color:#B42318}
.jcpc .t-new{background:#EFF4FF;color:#1849A9}
.jcpc .t-mute{background:#F2F4F7;color:#475467}
.jcpc .jc-card{background:#fff;border:1px solid #E4E7EC;border-radius:12px;box-shadow:0 1px 2px rgba(16,24,40,.05)}
.jcpc .jc-chip{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 10px 0 3px;border-radius:14px;background:#F2F4F7;font-size:13px;font-weight:500;color:#1D2433;white-space:nowrap;max-width:100%;overflow:hidden;flex:none}
.jcpc .jc-chip .jc-av,.jcpc .jc-chip .jc-clg{width:22px;height:22px;font-size:9.5px}
.jcpc .jc-in{display:inline-flex;align-items:center;gap:8px;width:220px;height:34px;padding:0 11px;border:1px solid #D0D5DD;border-radius:8px;background:#fff;color:#98A2B3;font-size:13px;flex:none}
.jcpc .jc-in .jc-i{width:16px;height:16px}
.jcpc .jc-seg{display:inline-flex;border:1px solid #D0D5DD;border-radius:8px;overflow:hidden;background:#fff;flex:none}
.jcpc .jc-seg span{display:flex;align-items:center;height:32px;padding:0 12px;font-size:13px;color:#475467;border-left:1px solid #D0D5DD}
.jcpc .jc-seg span:first-child{border-left:0}
.jcpc .jc-seg span.on{background:#F2F4F7;color:#101828;font-weight:600}
.jcpc .jc-toast{position:absolute;left:50%;bottom:22px;z-index:20;display:none;align-items:center;gap:8px;max-width:80%;padding:11px 16px;border-radius:10px;background:#101828;color:#fff;font-size:13.5px;font-weight:500;white-space:nowrap;box-shadow:0 16px 40px -12px rgba(0,0,0,.45);transform:translateX(-50%)}
.jcpc .jc-toast span{overflow:hidden;text-overflow:ellipsis}
.jcpc .jc-toast .jc-i{width:18px;height:18px;color:#47CD89;stroke-width:2.4}
.jcpc .jc-did .jc-toast{display:flex;animation:jcToast 3.4s ease forwards}
@keyframes jcToast{0%{opacity:0;transform:translate(-50%,10px)}10%,82%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,0);visibility:hidden}}

/* table */
.jcpc .jc-tools{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex:none}
.jcpc .jc-tbl{overflow:hidden;flex:none}
.jcpc .jc-tr{display:grid;align-items:center;gap:0 12px;min-height:56px;padding:8px 16px 8px 14px;border-top:1px solid #EAECF0;transition:background .3s}
.jcpc .jc-th{min-height:42px;border-top:0;background:#F9FAFB;font-size:12px;font-weight:600;color:#475467}
.jcpc .jc-th>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jcpc .jc-cb{width:16px;height:16px;border:1.5px solid #D0D5DD;border-radius:4px;background:#fff}
.jcpc .jc-c1{display:flex;align-items:center;gap:10px;min-width:0}
.jcpc .jc-c1 b{font-weight:600;color:#101828;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}
.jcpc .jc-c2{color:#475467;font-size:13px;line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.jcpc .jc-num{font-variant-numeric:tabular-nums}
.jcpc .jc-ab{display:inline-flex;align-items:center;justify-content:center;gap:5px;max-width:100%;height:30px;padding:0 11px;border-radius:7px;border:1px solid var(--bm);color:var(--bd);background:#fff;font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .3s,color .3s}
.jcpc .jc-tr.done{background:#F6FEF9}
.jcpc .jc-tr .jc-pill{height:auto;min-height:24px;padding:3px 10px;line-height:1.35;white-space:normal;border-radius:12px;display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.jcpc .jc-setr:not(.done) .jc-ab,.jcpc .jc-setr:not(.done) .jc-gact,.jcpc .jc-setr:not(.done) .jc-shck{opacity:.35}
.jcpc .jc-tf{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:10px 16px;border-top:1px solid #EAECF0;font-size:12.5px;color:#667085}
.jcpc .jc-tf .jc-i{width:16px;height:16px}

/* mail */
.jcpc .jc-mailc{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.jcpc .jc-mf{display:flex;align-items:center;gap:12px;min-height:46px;flex:none;padding:6px 18px;border-bottom:1px solid #EAECF0;font-size:13.5px}
.jcpc .jc-mf>span:first-child{width:56px;flex:none;color:#667085}
.jcpc .jc-mf small{color:#667085}
.jcpc .jc-mf b{font-weight:600;color:#101828}
.jcpc .jc-fmt{display:flex;align-items:center;gap:12px;height:40px;flex:none;padding:0 18px;border-bottom:1px solid #EAECF0;color:#475467;font-size:13px}
.jcpc .jc-fmt>span{display:flex;align-items:center;gap:2px}
.jcpc .jc-fmt i{width:1px;height:18px;background:#E4E7EC}
.jcpc .jc-fmt .jc-i{width:17px;height:17px}
.jcpc .jc-fmt b,.jcpc .jc-fmt em,.jcpc .jc-fmt u{font-size:14px;color:#344054}
.jcpc .jc-mbd{flex:1;min-height:0;padding:16px 18px;font-size:14px;line-height:1.6;color:#1D2433;overflow:hidden}
.jcpc .jc-mbd p+p{margin-top:10px}
.jcpc .jc-mft{display:flex;align-items:center;gap:10px;flex:none;padding:12px 16px;border-top:1px solid #EAECF0;color:#667085}
.jcpc .jc-mft>.jc-i{width:19px;height:19px}

/* an inbox and a conversation */
.jcpc .jc-2p{flex:1;min-height:0;display:flex;overflow:hidden}
.jcpc .jc-ll{width:290px;flex:none;display:flex;flex-direction:column;min-height:0;border-right:1px solid #EAECF0}
.jcpc .jc-llh{display:flex;align-items:center;justify-content:space-between;height:52px;flex:none;padding:0 16px;border-bottom:1px solid #EAECF0;font-size:15px;color:#667085}
.jcpc .jc-llh b{color:#101828}
.jcpc .jc-lls{flex:1;min-height:0}
.jcpc .jc-li{display:flex;gap:10px;align-items:flex-start;padding:12px 14px 12px 11px;border-bottom:1px solid #F2F4F7;border-left:3px solid transparent}
.jcpc .jc-li.on{background:var(--bl);border-left-color:var(--b)}
.jcpc .jc-lit{flex:1;min-width:0;display:flex;flex-direction:column}
.jcpc .jc-lit b{font-weight:500;font-size:13.5px;color:#101828;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jcpc .jc-li.un .jc-lit b{font-weight:700}
.jcpc .jc-lit span{font-size:12.5px;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jcpc .jc-li.un .jc-lit span{color:#344054}
.jcpc .jc-li time{font-size:11.5px;color:#98A2B3;white-space:nowrap}
.jcpc .jc-li.un time{color:var(--bd);font-weight:600}
.jcpc .jc-cw{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}
.jcpc .jc-cvh{display:flex;align-items:center;gap:10px;height:56px;flex:none;padding:0 16px;border-bottom:1px solid #EAECF0;color:#667085}
.jcpc .jc-cvh>div{display:flex;flex-direction:column;min-width:0}
.jcpc .jc-cvh b{color:#101828;font-size:14px}
.jcpc .jc-cvh small{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jcpc .jc-cvh .jc-i{width:18px;height:18px}
.jcpc .jc-cvb{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px;padding:16px;background:#FAFBFC}
.jcpc .jc-bb{display:flex;gap:8px;align-items:flex-end;max-width:86%;flex:none;border-radius:16px}
.jcpc .jc-bb .jc-av{width:28px;height:28px}
.jcpc .jc-bt{min-width:0}
.jcpc .jc-bt small{display:block;font-size:11px;color:#98A2B3;margin:0 0 3px 4px}
.jcpc .jc-bt p{padding:10px 13px;border-radius:16px 16px 16px 4px;background:#fff;border:1px solid #EAECF0;font-size:13.5px;line-height:1.45;color:#1D2433}
.jcpc .jc-bb.me{align-self:flex-end}
.jcpc .jc-bb.me .jc-bt small{text-align:right;margin:0 4px 3px 0}
.jcpc .jc-bb.me .jc-bt p{background:var(--btn);color:var(--btt);border-color:transparent;border-radius:16px 16px 4px 16px}
.jcpc .jc-em .jc-bb{max-width:100%;align-self:stretch}
.jcpc .jc-em .jc-bt{flex:1}
.jcpc .jc-em .jc-bb.me .jc-bt p{background:#fff;color:#1D2433;border-color:var(--bm)}
.jcpc .jc-sent{display:none!important}
.jcpc [data-done~="go"] .jc-sent{display:flex!important;animation:jcIn .35s}
.jcpc .jc-cmpz{flex:none;margin:0 14px 14px;border:1px solid #D0D5DD;border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.05)}
.jcpc .jc-dr{min-height:58px;max-height:150px;overflow:hidden;padding:11px 13px 4px;font-size:13.5px;line-height:1.5;color:#1D2433}
.jcpc .jc-dr p+p{margin-top:6px}
.jcpc [data-done~="go"] .jc-dr .jc-tx{display:none}
.jcpc .jc-cmpf{display:flex;align-items:center;gap:12px;padding:6px 8px 8px 13px;color:#667085}
.jcpc .jc-cmpf .jc-i{width:18px;height:18px}

/* a calendar as the tool's agenda */
.jcpc .jc-cal{flex:1;min-height:0;display:flex;gap:16px}
.jcpc .jc-calside{width:214px;flex:none;display:flex;flex-direction:column;gap:14px}
.jcpc .jc-mini{background:#fff;border:1px solid #E4E7EC;border-radius:12px;padding:12px}
.jcpc .jc-mnh{display:flex;align-items:center;gap:4px;margin-bottom:8px;font-size:13px}
.jcpc .jc-mnh b{flex:1}
.jcpc .jc-mnh .jc-i{width:16px;height:16px;color:#667085}
.jcpc .jc-mg{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center;font-size:11px}
.jcpc .jc-mg b{color:#98A2B3;font-weight:600!important;font-size:10px;padding:3px 0}
.jcpc .jc-mg span{height:24px;display:grid;place-items:center;border-radius:50%;color:#344054}
.jcpc .jc-mg span.on{background:var(--b);color:var(--bt);font-weight:700}
.jcpc .jc-cals{display:flex;flex-direction:column;gap:8px;padding:0 4px;font-size:12.5px;color:#344054}
.jcpc .jc-cals b{font-size:12px;color:#667085}
.jcpc .jc-cals span{display:flex;align-items:center;gap:8px}
.jcpc .jc-cals i{width:12px;height:12px;border-radius:3px}
.jcpc .jc-agd{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.jcpc .jc-calh{display:flex;align-items:center;gap:8px;height:54px;flex:none;padding:0 14px;border-bottom:1px solid #EAECF0}
.jcpc .jc-calh b{flex:1;min-width:0;font-size:16px;margin-left:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jcpc .jc-calh .jc-i{width:18px;height:18px;color:#475467}
.jcpc .jc-calh .jc-seg span{padding:0 10px}
.jcpc .jc-agl{flex:1;min-height:0;padding:4px 14px}
.jcpc .jc-sl2{display:flex;gap:14px;align-items:stretch;padding:6px 0;border-bottom:1px solid #F2F4F7}
.jcpc .jc-slt{width:86px;flex:none;padding-top:9px;font-size:12.5px;font-weight:600;color:#475467;font-variant-numeric:tabular-nums}
.jcpc .jc-ev{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;min-height:50px;padding:7px 12px;border-radius:8px;font-size:13px;transition:background .35s}
.jcpc .jc-ev b{font-weight:600;color:#101828;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jcpc .jc-ev small{font-size:12px;color:#475467;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jcpc .jc-ev.bk{background:var(--bl);border-left:4px solid var(--b)}
.jcpc .jc-ev.op{border:1.5px dashed #D0D5DD;background:#fff}
.jcpc .jc-ev.op b{color:#667085;font-weight:500}
.jcpc .jc-ev.nw{border:1.5px dashed var(--bm);background:#fff}
.jcpc .jc-evo{display:flex;align-items:center;gap:8px}
.jcpc .jc-evo .jc-i{width:16px;height:16px;color:var(--bd)}
.jcpc .jc-evo b{color:var(--bd)}
.jcpc .jc-evo small{color:#667085}
.jcpc .jc-evbk{margin-left:auto;padding:5px 14px;border-radius:7px;background:var(--btn);color:var(--btt);font-size:12.5px;font-weight:600}
.jcpc .jc-evb{display:none;flex-direction:column;min-width:0;padding-right:84px}
.jcpc .jc-evb .jc-pill{position:absolute;right:10px;top:50%;margin-top:-12px;background:rgba(255,255,255,.92);color:#067647}
.jcpc .jc-ev.nw.done{background:var(--b);border:1.5px solid var(--b)}
.jcpc .jc-ev.nw.done .jc-evo{display:none}
.jcpc .jc-ev.nw.done .jc-evb{display:flex;animation:jcIn .35s}
.jcpc .jc-ev.nw.done b,.jcpc .jc-ev.nw.done small{color:var(--bt)}

/* reviews */
.jcpc .jc-rvw{flex:1;min-height:0;display:flex;gap:16px}
.jcpc .jc-rvs{width:214px;flex:none;align-self:flex-start;padding:16px}
.jcpc .jc-rbig{display:flex;flex-direction:column;gap:4px;padding-bottom:12px;border-bottom:1px solid #EAECF0}
.jcpc .jc-rbig>b{font-size:36px;font-weight:700;line-height:1;color:#101828}
.jcpc .jc-rbig small{color:#667085;font-size:12.5px}
.jcpc .jc-rbig .jc-st i{width:18px;height:18px}
.jcpc .jc-dist{display:flex;flex-direction:column;gap:5px;padding:12px 0;border-bottom:1px solid #EAECF0}
.jcpc .jc-db{display:flex;align-items:center;gap:8px;font-size:11.5px;color:#475467}
.jcpc .jc-db i{flex:1;height:7px;border-radius:4px;background:#EAECF0;overflow:hidden}
.jcpc .jc-db i b{display:block;height:100%;background:#FDB022;border-radius:4px}
.jcpc .jc-rft{display:flex;flex-direction:column;gap:2px;padding-top:10px;font-size:13px;color:#475467}
.jcpc .jc-rft span{padding:6px 8px;border-radius:6px}
.jcpc .jc-rft span.on{background:var(--bl);color:var(--bd);font-weight:600}
.jcpc .jc-rvl{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;gap:12px}
.jcpc .jc-rv{flex:none;background:#fff;border:1px solid #E4E7EC;border-radius:12px;padding:14px 16px;transition:background .3s}
.jcpc .jc-rvh{display:flex;align-items:flex-start;gap:10px}
.jcpc .jc-rvh>div{display:flex;flex-direction:column;gap:2px}
.jcpc .jc-rvh b{color:#101828}
.jcpc .jc-rvh small{font-size:12px;color:#667085}
.jcpc .jc-rv>p{margin-top:8px;font-size:13.5px;line-height:1.5;color:#344054}
.jcpc .jc-st{display:inline-flex;gap:1px}
.jcpc .jc-st i{display:block;width:14px;height:14px}
.jcpc .jc-st svg{display:block;width:100%;height:100%;fill:#E4E7EC}
.jcpc .jc-st i.on svg{fill:#FDB022}
.jcpc .jc-gst i.on svg{fill:#FBBC04}
.jcpc .jc-ys{gap:2px}
.jcpc .jc-ys i{width:17px;height:17px;padding:2px;border-radius:3px;background:#E4E7EC}
.jcpc .jc-rbig .jc-ys i{width:21px;height:21px}
.jcpc .jc-ys svg,.jcpc .jc-ys i.on svg{fill:#fff}
.jcpc .jc-ys.r5 i.on{background:#FB433C}
.jcpc .jc-ys.r4 i.on{background:#FF643D}
.jcpc .jc-ys.r3 i.on{background:#FF8742}
.jcpc .jc-ys.r2 i.on{background:#FFAD48}
.jcpc .jc-ys.r1 i.on{background:#FFCC4B}
.jcpc .jc-rbox{margin-top:12px;padding:10px 12px;border-radius:10px;background:#F9FAFB;border:1px solid #EAECF0}
.jcpc .jc-rbox>small{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#475467}
.jcpc .jc-rbox>small .jc-i{width:15px;height:15px}
.jcpc .jc-rdr{margin-top:6px;min-height:42px;padding:8px 10px;border:1px solid #D0D5DD;border-radius:8px;background:#fff;font-size:13.5px;line-height:1.5;color:#1D2433}
.jcpc .jc-rbf{display:flex;margin-top:8px}
.jcpc .jc-rv.done .jc-rbox{background:#fff;border-color:transparent;border-left:3px solid var(--b);border-radius:0 8px 8px 0}
.jcpc .jc-rv.done .jc-rdr{border-color:transparent;background:transparent;padding:0}
.jcpc .jc-rv.done .jc-rbf{display:none}
.jcpc .jc-rv.done .jc-rbox>small::after{content:"\00b7  just now";font-weight:400;margin-left:2px}

/* a post: the composer and how it will look */
.jcpc .jc-pcmp{flex:1;min-height:0;display:flex;gap:16px}
.jcpc .jc-pf{flex:1.1;min-width:0;display:flex;flex-direction:column;overflow:hidden}
.jcpc .jc-pfh{display:flex;flex-direction:column;gap:8px;padding:12px 16px;border-bottom:1px solid #EAECF0;flex:none}
.jcpc .jc-pfh>small{font-size:12px;font-weight:600;color:#475467}
.jcpc .jc-pfh .jc-chip{align-self:flex-start}
.jcpc .jc-media{display:flex;gap:10px}
.jcpc .jc-addm{width:84px;height:84px;border:1.5px dashed #D0D5DD;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px;color:#667085}
.jcpc .jc-ptx{min-height:84px;max-height:136px;overflow:hidden;padding:10px 12px;border:1px solid #D0D5DD;border-radius:8px;background:#fff;font-size:13.5px;line-height:1.5;color:#1D2433}
.jcpc .jc-ptx p+p{margin-top:6px}
.jcpc .jc-pti{display:flex;gap:10px;color:#98A2B3}
.jcpc .jc-pti .jc-i{width:17px;height:17px}
.jcpc .jc-pfs{flex-direction:row;align-items:center;justify-content:space-between}
.jcpc .jc-tg{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#344054}
.jcpc .jc-tg i{position:relative;width:32px;height:18px;border-radius:9px;background:#D0D5DD}
.jcpc .jc-tg i::after{content:"";position:absolute;left:2px;top:2px;width:14px;height:14px;border-radius:50%;background:#fff}
.jcpc .jc-tg.on i{background:var(--btn)}
.jcpc .jc-tg.on i::after{left:16px}
.jcpc .jc-pf .jc-mft{margin-top:auto}
.jcpc .jc-pv{flex:.9;min-width:0;display:flex;flex-direction:column;gap:8px}
.jcpc .jc-pv>small{font-size:12px;font-weight:600;color:#475467}
.jcpc .jc-fbp{overflow:hidden}
.jcpc .jc-fbh{display:flex;align-items:center;gap:10px;padding:12px 14px 8px}
.jcpc .jc-fbh>div{display:flex;flex-direction:column;min-width:0}
.jcpc .jc-fbh b{color:#050505;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jcpc .jc-fbh small{display:flex;align-items:center;gap:4px;font-size:12px;color:#65676B}
.jcpc .jc-fbh small .jc-i{width:12px;height:12px}
.jcpc .jc-fbp>p{padding:0 14px 10px;font-size:13.5px;line-height:1.45;color:#050505;max-height:88px;overflow:hidden;white-space:pre-line}
.jcpc .jc-fbp .jc-vis{border-radius:0}
.jcpc .jc-fba{display:flex;justify-content:space-around;padding:8px 6px;border-top:1px solid #E4E6EB;color:#65676B;font-size:13px;font-weight:600}
.jcpc .jc-fba span{display:flex;align-items:center;gap:6px}
.jcpc .jc-fba .jc-i{width:17px;height:17px}
.jcpc .jc-vis{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;aspect-ratio:1.3;padding:18px;background:linear-gradient(140deg,var(--v1),var(--v2));color:#fff;text-align:left;flex:none}
.jcpc .jc-vis i{position:absolute;border-radius:50%;background:rgba(255,255,255,.14)}
.jcpc .jc-vis i:first-child{width:62%;aspect-ratio:1;right:-14%;top:-24%}
.jcpc .jc-vis i:nth-child(2){width:28%;aspect-ratio:1;right:22%;top:30%;background:rgba(255,255,255,.1)}
.jcpc .jc-vis small{position:relative;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.92}
.jcpc .jc-vis b{position:relative;font-size:22px;font-weight:800!important;line-height:1.12;letter-spacing:-.02em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.jcpc .jc-vis em{position:relative;font-style:normal;font-size:11px;opacity:.85}
.jcpc .jc-vis.sm{width:84px;height:84px;aspect-ratio:auto;padding:8px;border-radius:8px;gap:2px}
.jcpc .jc-vis.sm b{font-size:10px;-webkit-line-clamp:3}
.jcpc .jc-vis.sm small,.jcpc .jc-vis.sm em,.jcpc .jc-vis.xs small,.jcpc .jc-vis.xs em{display:none}
.jcpc .jc-vis.wide{aspect-ratio:2;border-radius:14px}
.jcpc .jc-vis.sq{aspect-ratio:1;padding:28px}
.jcpc .jc-vis.sq b{font-size:30px}
.jcpc .jc-vis.xs{width:64px;aspect-ratio:1;padding:6px;border-radius:6px}
.jcpc .jc-vis.xs b{font-size:8.5px;-webkit-line-clamp:3}

/* a form */
.jcpc .jc-form{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.jcpc .jc-fg{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;padding:18px;align-content:start;overflow:hidden}
.jcpc .jc-fl{display:flex;flex-direction:column;gap:5px;min-width:0;border-radius:8px}
.jcpc .jc-fl.w{grid-column:1/-1}
.jcpc .jc-fll{font-size:12.5px;font-weight:600;color:#344054}
.jcpc .jc-flv{display:block;min-height:38px;padding:8px 11px;border:1px solid #D0D5DD;border-radius:8px;background:#fff;font-size:13.5px;line-height:1.4;color:#101828;transition:border-color .3s}
.jcpc .jc-fl.jc-hl .jc-flv,.jcpc .jc-flv:has(.jc-typing){border-color:var(--b);box-shadow:0 0 0 3px var(--bl)}

/* a document or report */
.jcpc .jc-doc{flex:1;min-height:0;overflow:hidden;padding:22px 26px}
.jcpc .jc-dh{font-size:17px;font-weight:700;color:#101828;margin-bottom:12px}
.jcpc .jc-dl{padding:7px 8px;font-size:14px;line-height:1.5;color:#344054;border-radius:6px}
.jcpc .jc-dl.bul{position:relative;padding-left:24px}
.jcpc .jc-dl.bul::before{content:"";position:absolute;left:10px;top:15px;width:5px;height:5px;border-radius:50%;background:#98A2B3}
.jcpc .jc-dl.kv{display:flex;gap:16px;border-bottom:1px solid #F2F4F7;border-radius:0}
.jcpc .jc-dl.kv span{width:38%;flex:none;color:#667085}
.jcpc .jc-dl.kv b{font-weight:600;color:#101828}
.jcpc .jc-dtbl{border:1px solid #EAECF0;border-radius:10px;overflow:hidden}
.jcpc .jc-dtr{display:grid;gap:12px;padding:10px 14px;border-top:1px solid #EAECF0;font-size:13px;color:#344054}
.jcpc .jc-dtr>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.jcpc .jc-dth{border-top:0;background:#F9FAFB;font-weight:600;font-size:12px;color:#475467}

/* a team channel */
.jcpc .jc-ch{flex:1;min-height:0;display:flex;overflow:hidden}
.jcpc .jc-chl{width:200px;flex:none;display:flex;flex-direction:column;gap:2px;padding:14px 10px;border-right:1px solid #EAECF0;background:#FAFBFC;font-size:13.5px;color:#475467}
.jcpc .jc-chl>b{padding:0 8px 10px;color:#101828}
.jcpc .jc-chl span{display:flex;align-items:center;gap:6px;height:30px;padding:0 8px;border-radius:6px}
.jcpc .jc-chl span.on{background:var(--bl);color:var(--bd);font-weight:600}
.jcpc .jc-chl .jc-i{width:15px;height:15px}
.jcpc .jc-cm{display:flex;gap:10px;align-items:flex-start;padding:6px 4px;border-radius:8px;flex:none}
.jcpc .jc-cm>div{min-width:0}
.jcpc .jc-cm b{font-size:13.5px}
.jcpc .jc-cm time{margin-left:8px;font-size:11.5px;color:#98A2B3}
.jcpc .jc-cm p{font-size:13.5px;line-height:1.45;color:#344054}
.jcpc .jc-cmme{width:30px;height:30px;flex:none}

/* ===================================== the products with their own look */
/* Gmail */
.jcpc .sp-gmail{background:#F8FAFD;color:#1F1F1F}
.jcpc .jc-glab{display:flex;justify-content:space-between;align-items:center;padding:16px 14px 0 26px;font-size:15px;color:#1F1F1F}
.jcpc .jc-glab .jc-i{width:19px;height:19px}
.jcpc .jc-gtl{display:flex;align-items:center;gap:18px;height:48px;flex:none;padding:0 16px;color:#444746}
.jcpc .jc-gtl .jc-i{width:19px;height:19px}
.jcpc .jc-gtl>i{width:1px;height:20px;background:#E0E0E0}
.jcpc .jc-gpg{font-size:12px;color:#444746}
.jcpc .jc-gcb{width:16px;height:16px;border:2px solid #747775;border-radius:2px;flex:none}
.jcpc .jc-gtabs{display:flex;flex:none;border-bottom:1px solid #F1F1F1}
.jcpc .jc-gtabs span{flex:1;display:flex;align-items:center;gap:14px;height:52px;padding:0 16px;font-size:14px;color:#444746;border-bottom:3px solid transparent}
.jcpc .jc-gtabs span.on{color:#0B57D0;border-bottom-color:#0B57D0;font-weight:500}
.jcpc .jc-gtabs .jc-i{width:19px;height:19px}
.jcpc .jc-grs{flex:1;min-height:0}
.jcpc .jc-gr{display:flex;align-items:center;gap:12px;height:42px;padding:0 16px;border-bottom:1px solid #EFEFEF;font-size:14px;color:#444746;background:#F2F6FC;transition:background .3s}
.jcpc .jc-gr .fr{width:176px;flex:none;color:#1F1F1F;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jcpc .jc-gr .sj{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#5E5E5E}
.jcpc .jc-gr .sj b{font-weight:400;color:#1F1F1F}
.jcpc .jc-gr.un{background:#fff}
.jcpc .jc-gr.un .fr,.jcpc .jc-gr.un .sj b,.jcpc .jc-gr.un time{font-weight:700;color:#1F1F1F}
.jcpc .jc-gr time{width:62px;flex:none;text-align:right;font-size:12px}
.jcpc .jc-gsr{width:18px!important;height:18px!important;color:#747775}
.jcpc .jc-glb{display:inline-block;margin-right:8px;padding:0 6px;border-radius:4px;font-style:normal;font-size:12px;line-height:20px;font-weight:500;vertical-align:1px}
.jcpc .jc-gact{display:inline-flex;align-items:center;flex:none;height:28px;padding:0 12px;border-radius:14px;border:1px solid #747775;background:#fff;color:#0B57D0;font-size:12.5px;font-weight:500;white-space:nowrap}
.jcpc .jc-gr.done{background:#fff}
.jcpc .jc-gtla{display:flex;justify-content:flex-end;flex:none;padding:12px 16px;border-top:1px solid #F1F1F1}
.jcpc .jc-gcmp{position:absolute;right:20px;bottom:0;z-index:5;width:520px;height:min(470px,calc(100% - 70px));display:flex;flex-direction:column;background:#fff;border-radius:12px 12px 0 0;box-shadow:0 8px 40px rgba(0,0,0,.28)}
.jcpc .jc-gch{display:flex;align-items:center;height:40px;flex:none;padding:0 14px;background:#F2F6FC;border-radius:12px 12px 0 0;font-size:14px;font-weight:500;color:#1F1F1F}
.jcpc .jc-gch .jc-i{width:18px;height:18px}
.jcpc .jc-gcf{display:flex;align-items:center;gap:10px;min-height:38px;flex:none;margin:0 16px;border-bottom:1px solid #F1F1F1;font-size:14px;color:#444746}
.jcpc .jc-gcf b{font-weight:400;color:#1F1F1F}
.jcpc .jc-gcbody{flex:1;min-height:0;padding:12px 16px;font-size:14px;line-height:1.55;color:#222}
.jcpc .jc-gcbody p+p{margin-top:10px}
.jcpc .jc-gcft{display:flex;align-items:center;gap:14px;flex:none;padding:10px 16px 14px;color:#444746}
.jcpc .jc-gcft .jc-i{width:19px;height:19px}
.jcpc .jc-gsend{display:inline-flex;align-items:center;height:36px;flex:none;border-radius:18px;background:#0B57D0;color:#fff;font-size:14px;font-weight:500;overflow:hidden}
.jcpc .jc-gsend>span{display:inline-flex;align-items:center;height:100%;padding:0 14px 0 22px}
.jcpc .jc-gsend>i{width:1px;height:100%;background:rgba(255,255,255,.4)}
.jcpc .jc-gsend .jc-i{width:18px;height:18px;margin:0 8px 0 6px}
.jcpc [data-done~="go"] .jc-gcmp,.jcpc [data-done~="go"] .jc-grep,.jcpc [data-done~="go"] .jc-olr{display:none}
.jcpc .jc-snack{position:absolute;left:20px;bottom:20px;z-index:6;display:none;align-items:center;gap:22px;height:48px;padding:0 18px;border-radius:4px;background:#1F1F1F;color:#F2F2F2;font-size:14px;box-shadow:0 4px 14px rgba(0,0,0,.3)}
.jcpc .jc-snack b{color:#A8C7FA;font-weight:500}
.jcpc .jc-did .jc-snack{display:flex;animation:jcToast2 4s ease forwards}
@keyframes jcToast2{0%{opacity:0;transform:translateY(10px)}8%,85%{opacity:1;transform:none}100%{opacity:0;visibility:hidden}}
.jcpc .jc-gsplit{flex:1;min-height:0;display:flex;border-top:1px solid #F1F1F1}
.jcpc .jc-gsl{width:290px;flex:none;border-right:1px solid #F1F1F1}
.jcpc .jc-gsi{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;padding:12px 16px;border-bottom:1px solid #F1F1F1;font-size:13.5px;color:#444746}
.jcpc .jc-gsi b{font-weight:400;color:#1F1F1F;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jcpc .jc-gsi time{font-size:12px}
.jcpc .jc-gsi span{grid-column:1/-1;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jcpc .jc-gsi.un b,.jcpc .jc-gsi.un time,.jcpc .jc-gsi.un span{font-weight:700;color:#1F1F1F}
.jcpc .jc-gsi.on{background:#C2E7FF}
.jcpc .jc-gcv{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}
.jcpc .jc-gsub{display:flex;align-items:center;gap:10px;flex:none;padding:16px 20px 10px 24px;font-size:20px;color:#1F1F1F;line-height:1.3}
.jcpc .jc-gsub em{font-style:normal;font-size:12px;padding:1px 6px;border-radius:4px;background:#E3E3E3;color:#444746}
.jcpc .jc-gcvb{flex:1;min-height:0;display:flex;flex-direction:column;padding:0 20px}
.jcpc .jc-gmsg{display:flex;gap:12px;flex:none;padding:12px 4px;border-bottom:1px solid #F1F1F1;border-radius:4px}
.jcpc .jc-gmsg>div{min-width:0}
.jcpc .jc-gmsg b{font-size:14px;color:#1F1F1F}
.jcpc .jc-gmsg small{display:block;font-size:12px;color:#5E5E5E}
.jcpc .jc-gmsg p{margin-top:8px;font-size:14px;line-height:1.5;color:#222}
.jcpc .jc-gmme{width:36px;height:36px;flex:none}
.jcpc .jc-gmsg .jc-av,.jcpc .jc-gfrom .jc-av{width:36px;height:36px;font-size:13px}
.jcpc .jc-grep{flex:none;margin:8px 20px 16px;border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.25),0 1px 8px rgba(0,0,0,.08);background:#fff}
.jcpc .jc-grh{display:flex;align-items:center;gap:10px;padding:10px 14px 0;color:#444746}
.jcpc .jc-grh .jc-i{width:18px;height:18px}
.jcpc .jc-grep .jc-dr{min-height:70px;max-height:130px;font-size:14px}
.jcpc .jc-gread{flex:1;min-height:0;padding-bottom:16px}
.jcpc .jc-gfrom{display:flex;align-items:center;gap:12px;padding:8px 20px 0 24px;font-size:14px;color:#5E5E5E}
.jcpc .jc-gfrom>div{display:flex;flex-direction:column}
.jcpc .jc-gfrom b{color:#1F1F1F}
.jcpc .jc-gfrom small,.jcpc .jc-gfrom time{font-size:12px}
.jcpc .jc-gfrom .jc-i{width:19px;height:19px}
.jcpc .jc-gbody{margin:14px 24px 0 72px;padding:18px 22px;border:1px solid #E0E0E0;border-radius:8px;background:#fff}
.jcpc .jc-gatt{display:inline-flex;align-items:center;gap:8px;margin:14px 0 0 72px;padding:10px 14px;border:1px solid #E0E0E0;border-radius:8px;font-size:13px;color:#444746}
.jcpc .jc-gatt .jc-i{color:#EA4335}

/* Outlook */
.jcpc .sp-outlook{background:#F5F5F5;color:#242424}
.jcpc .jc-olbar{display:flex;align-items:center;gap:14px;height:48px;flex:none;padding:0 14px;background:#0F6CBD;color:#fff}
.jcpc .jc-olbar b{font-size:16px}
.jcpc .jc-olbar .jc-i{width:19px;height:19px}
.jcpc .jc-olsr{display:flex;align-items:center;gap:8px;width:42%;height:32px;margin-left:60px;padding:0 10px;border-radius:4px;background:#fff;color:#616161;font-size:13.5px}
.jcpc .jc-olsr .jc-i{width:16px;height:16px}
.jcpc .jc-olbar .jc-me{width:30px;height:30px}
.jcpc .jc-olrb{display:flex;align-items:center;gap:16px;height:44px;flex:none;padding:0 12px 0 64px;background:#fff;border-bottom:1px solid #E0E0E0;font-size:13.5px;color:#424242}
.jcpc .jc-olrb span.on{display:flex;align-items:center;height:100%;color:#0F6CBD;font-weight:600;box-shadow:inset 0 -2px #0F6CBD}
.jcpc .jc-olrb>i{width:1px;height:20px;background:#E0E0E0}
.jcpc .jc-olrb .jc-btn,.jcpc .jc-olt .jc-btn{height:30px;border-radius:4px}
.jcpc .jc-olrb .jc-i{width:18px;height:18px}
.jcpc .jc-olrail{width:52px;flex:none;display:flex;flex-direction:column;align-items:center;gap:18px;padding-top:12px;color:#616161;background:#F0F0F0}
.jcpc .jc-olrail .jc-i:first-child{color:#0F6CBD}
.jcpc .jc-olfp{width:188px;flex:none;display:flex;flex-direction:column;gap:2px;padding:12px 8px;font-size:13.5px}
.jcpc .jc-olfp>b{padding:4px 8px 8px;font-size:13px}
.jcpc .jc-olfp span{display:flex;align-items:center;gap:10px;height:32px;padding:0 8px;border-radius:4px;white-space:nowrap}
.jcpc .jc-olfp span.on{background:#CFE4FA;font-weight:600}
.jcpc .jc-olfp em{margin-left:auto;font-style:normal;color:#0F6CBD;font-weight:600}
.jcpc .jc-olfp .jc-i{width:17px;height:17px}
.jcpc .jc-olml{width:256px;flex:none;display:flex;flex-direction:column;min-height:0;background:#fff;border-left:1px solid #E0E0E0;border-right:1px solid #E0E0E0}
.jcpc .jc-olml>.jc-sc{flex:1;min-height:0}
.jcpc .jc-olmh{display:flex;align-items:center;gap:16px;height:40px;flex:none;padding:0 14px;font-size:13.5px;color:#616161;border-bottom:1px solid #EDEBE9}
.jcpc .jc-olmh .on{display:flex;align-items:center;height:100%;color:#242424;font-weight:600;box-shadow:inset 0 -2px #0F6CBD}
.jcpc .jc-olit{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1px 8px;padding:10px 14px 10px 11px;border-bottom:1px solid #EDEBE9;border-left:3px solid transparent;font-size:13px;color:#616161}
.jcpc .jc-olit b{font-weight:400;color:#242424;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jcpc .jc-olit time{font-size:11.5px}
.jcpc .jc-olit span{grid-column:1/-1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jcpc .jc-olit.un{border-left-color:#0F6CBD}
.jcpc .jc-olit.un b,.jcpc .jc-olit.un span{font-weight:600;color:#242424}
.jcpc .jc-olit.on{background:#CFE4FA}
.jcpc .jc-olc{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;margin:10px;background:#fff;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.12);overflow:hidden;transition:opacity .4s}
.jcpc .jc-olt{display:flex;align-items:center;gap:8px;flex:none;padding:10px 14px;color:#616161}
.jcpc .jc-olt .jc-i{width:18px;height:18px}
.jcpc .jc-olf{display:flex;align-items:center;gap:10px;min-height:42px;flex:none;margin:0 14px;border-bottom:1px solid #EDEBE9;font-size:13.5px}
.jcpc .jc-olf .jc-btn2{height:28px;border-radius:4px}
.jcpc .jc-olsj{font-size:15px;font-weight:600}
.jcpc .jc-olb{flex:1;min-height:0;padding:14px;font-size:14px;line-height:1.55}
.jcpc .jc-olb p+p{margin-top:10px}
.jcpc [data-done~="go"] .k-mail .jc-olc{opacity:.45}
.jcpc .jc-olsj2{flex:none;padding:16px 18px 6px;font-size:18px;font-weight:600}
.jcpc .jc-olm{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px;padding:0 18px}
.jcpc .jc-olmsg{display:flex;gap:10px;flex:none;padding:10px 12px;border:1px solid #EDEBE9;border-radius:6px}
.jcpc .jc-olmsg p{margin-top:4px;font-size:13.5px;line-height:1.5}
.jcpc .jc-olr{flex:none;margin:8px 18px 14px;border:1px solid #D1D1D1;border-radius:6px}

/* Slack */
.jcpc .sp-slack{background:#3F0E40;color:#1D1C1D;font-family:Lato,-apple-system,"Segoe UI",Helvetica,sans-serif}
.jcpc .jc-skbar{display:flex;align-items:center;gap:10px;height:40px;flex:none;padding:0 12px;color:#fff}
.jcpc .jc-skbar>.jc-i{width:18px;height:18px}
.jcpc .jc-sksr{display:flex;align-items:center;gap:8px;width:50%;height:28px;padding:0 10px;border-radius:6px;background:rgba(255,255,255,.2);color:rgba(255,255,255,.88);font-size:13px}
.jcpc .jc-sksr .jc-i{width:16px;height:16px}
.jcpc .jc-skf{padding:0 6px 6px 0}
.jcpc .jc-skrl{width:64px;flex:none;display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:6px;color:#fff}
.jcpc .jc-skws{width:36px;height:36px;border-radius:9px;background:#fff;color:#3F0E40;display:grid;place-items:center;font-weight:800;font-size:14px}
.jcpc .jc-skrl>span:not(.jc-skws){width:36px;height:36px;border-radius:8px;display:grid;place-items:center;opacity:.8}
.jcpc .jc-skrl>span.on{background:rgba(255,255,255,.22);opacity:1}
.jcpc .jc-skme{width:32px;height:32px;margin:auto 0 8px}
.jcpc .jc-skp{flex:1;min-width:0;display:flex;border-radius:8px;overflow:hidden;background:#fff}
.jcpc .jc-sksb{width:228px;flex:none;display:flex;flex-direction:column;gap:1px;padding:10px 8px;background:#5B2C5C;color:#fff}
.jcpc .jc-skwn{display:flex;align-items:center;gap:4px;padding:4px 10px 12px;font-weight:800;font-size:17px;white-space:nowrap;overflow:hidden}
.jcpc .jc-skwn .jc-i{width:16px;height:16px}
.jcpc .jc-ski{display:flex;align-items:center;gap:8px;height:28px;flex:none;padding:0 10px;border-radius:6px;color:rgba(255,255,255,.78);font-size:14px;white-space:nowrap;overflow:hidden}
.jcpc .jc-ski .jc-i{width:16px;height:16px}
.jcpc .jc-ski.on{background:rgba(255,255,255,.92);color:#3F0E40;font-weight:700}
.jcpc .jc-sksb small{padding:14px 10px 4px;color:rgba(255,255,255,.75);font-size:13px;font-weight:600}
.jcpc .jc-skav{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:8px;flex:none;background:hsl(var(--h,211) 42% 44%);color:#fff;font-weight:700;font-size:13px}
.jcpc svg.jc-skav{background:none}
.jcpc .jc-skav.sm{width:20px;height:20px;border-radius:5px;font-size:9px}
.jcpc .jc-skc{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}
.jcpc .jc-skh{display:flex;align-items:center;gap:8px;height:50px;flex:none;padding:0 18px;border-bottom:1px solid #E8E8E8}
.jcpc .jc-skh b{display:flex;align-items:center;gap:2px;font-size:17px;font-weight:800}
.jcpc .jc-skh .jc-i{width:17px;height:17px}
.jcpc .jc-skmb{display:flex;align-items:center;gap:4px;padding:3px 8px;border:1px solid #DDD;border-radius:6px;font-size:13px;color:#616061}
.jcpc .jc-skms{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;padding:8px 0}
.jcpc .jc-skday{position:relative;margin:14px 0 4px;border-top:1px solid #E8E8E8;text-align:center}
.jcpc .jc-skday span{position:relative;top:-12px;display:inline-block;padding:2px 14px;border:1px solid #E8E8E8;border-radius:12px;background:#fff;font-size:12.5px;font-weight:700}
.jcpc .jc-skm{display:flex;gap:10px;padding:6px 20px;border-radius:4px}
.jcpc .jc-skm>div{min-width:0}
.jcpc .jc-skm b{font-size:15px;font-weight:800}
.jcpc .jc-skm time{margin-left:8px;font-size:12px;color:#616061}
.jcpc .jc-skm p{font-size:15px;line-height:1.46;color:#1D1C1D}
.jcpc .jc-sent>.jc-skm{flex:1}
.jcpc .jc-skcmp{flex:none;margin:0 18px 16px;border:1px solid #BBBABB;border-radius:8px}
.jcpc .jc-skfmt{display:flex;align-items:center;gap:14px;height:34px;padding:0 10px;background:#F8F8F8;border-radius:8px 8px 0 0;color:#616061;font-size:14px}
.jcpc .jc-skfmt .jc-i{width:17px;height:17px}
.jcpc .jc-skcmp .jc-dr{min-height:44px;font-size:15px}
.jcpc .jc-skcf{display:flex;align-items:center;gap:12px;padding:6px 8px;color:#616061}
.jcpc .jc-skcf .jc-i{width:18px;height:18px}
.jcpc .jc-sksend{display:grid;place-items:center;width:34px;height:28px;border-radius:4px;background:#007A5A;color:#fff}
.jcpc .jc-sksend .jc-i{width:16px;height:16px}
.jcpc .jc-sksend.done{background:#DDD;color:#888}

/* Google Sheets and Docs */
.jcpc .sp-sheets,.jcpc .sp-drive{background:#F9FBFD;color:#1F1F1F}
.jcpc .jc-shtop{display:flex;align-items:center;gap:10px;height:66px;flex:none;padding:0 16px 0 12px;color:#444746}
.jcpc .jc-shtop>.jc-i{width:20px;height:20px}
.jcpc .jc-shlg{width:28px;height:38px}
.jcpc .jc-gdlg{width:26px;height:36px;flex:none}
.jcpc .jc-shtt{display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;min-width:0}
.jcpc .jc-shtt>b{font-size:18px;font-weight:400!important;color:#1F1F1F;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:380px}
.jcpc .jc-shtt>.jc-i{width:18px;height:18px}
.jcpc .jc-shmn{flex-basis:100%;display:flex;gap:14px;font-size:13.5px;color:#1F1F1F;white-space:nowrap;overflow:hidden}
.jcpc .jc-shsh{display:inline-flex;align-items:center;gap:8px;height:38px;flex:none;padding:0 20px;border-radius:19px;background:#C2E7FF;color:#001D35;font-size:14px;font-weight:500}
.jcpc .jc-shsh .jc-i{width:17px;height:17px}
.jcpc .jc-shtb{display:flex;align-items:center;gap:13px;height:40px;flex:none;margin:0 10px 6px;padding:0 14px;border-radius:20px;background:#EDF2FA;color:#444746;font-size:13px;white-space:nowrap;overflow:hidden}
.jcpc .jc-shtb .jc-i{width:17px;height:17px}
.jcpc .jc-shtb>i{width:1px;height:20px;flex:none;background:#C7C7C7}
.jcpc .jc-shtb b,.jcpc .jc-shtb em,.jcpc .jc-shtb s,.jcpc .jc-shtb u{font-size:14px;color:#444746}
.jcpc .jc-shfx{display:flex;align-items:center;gap:10px;height:30px;flex:none;padding:0 12px;border-top:1px solid #E1E1E1;border-bottom:1px solid #E1E1E1;background:#fff;font-size:13px;color:#444746}
.jcpc .jc-shfx>span:first-child{width:60px}
.jcpc .jc-shfx>i{width:1px;height:18px;background:#E1E1E1}
.jcpc .jc-shfx .jc-i{width:15px;height:15px}
.jcpc .jc-shfx em{font-style:italic;color:#9AA0A6}
.jcpc .jc-shg{flex:1;min-height:0;background:#fff}
.jcpc .jc-shr{display:grid;min-height:28px;font-size:13px;color:#202124;font-family:Arial,sans-serif}
.jcpc .jc-shr>span{display:flex;align-items:center;min-width:0;padding:3px 8px;border-right:1px solid #E1E1E1;border-bottom:1px solid #E1E1E1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.jcpc .jc-shl>span,.jcpc .jc-shn{justify-content:center;background:#F8F9FA;color:#5F6368;font-size:11.5px!important}
.jcpc .jc-shl>span{min-height:24px}
.jcpc .jc-shb>span:not(.jc-shn){font-weight:700;background:#E6F4EA}
.jcpc .jc-shh{font-weight:700;font-size:14px!important;overflow:visible!important}
.jcpc .jc-shck{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:4px;border:1px solid #DADCE0;color:#1A73E8;font-size:12px;font-weight:500}
.jcpc .jc-shr.done>span:not(.jc-shn){background-color:#F1F8F3}
.jcpc .jc-shr.done>span.jc-shs,.jcpc .jc-shr>span.jc-shs{font-weight:600}
.jcpc .jc-shtabs{display:flex;align-items:center;gap:8px;height:38px;flex:none;padding:0 12px;border-top:1px solid #E1E1E1;background:#F9FBFD;font-size:13px;color:#444746}
.jcpc .jc-shtabs .jc-i{width:17px;height:17px}
.jcpc .jc-shtabs span{padding:6px 14px;border-radius:4px}
.jcpc .jc-shtabs span.on{background:#E1E9F7;color:#0B57D0;font-weight:500}
.jcpc .jc-gdbg{flex:1;min-height:0;padding:20px 0;background:#F9FBFD;border-top:1px solid #E1E1E1}
.jcpc .jc-gdpg{width:640px;max-width:calc(100% - 40px);min-height:100%;margin:0 auto;padding:56px 64px;background:#fff;box-shadow:0 1px 3px rgba(60,64,67,.15),0 4px 8px rgba(60,64,67,.1);font-family:Arial,sans-serif;color:#202124}
.jcpc .jc-gdh{margin-bottom:14px;font-size:22px;color:#202124}

/* Notion */
.jcpc .sp-notion{background:#fff;color:#37352F;font-family:ui-sans-serif,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif}
.jcpc .jc-ntsb{width:220px;flex:none;display:flex;flex-direction:column;gap:1px;padding:10px 8px;background:#F7F7F5;color:#5F5E5B;font-size:14px}
.jcpc .jc-ntws{display:flex;align-items:center;gap:8px;padding:4px 8px 10px;color:#37352F;font-weight:600;white-space:nowrap;overflow:hidden}
.jcpc .jc-ntws span{width:22px;height:22px;flex:none;border-radius:4px;background:#37352F;color:#fff;display:grid;place-items:center;font-size:12px}
.jcpc .jc-ntws .jc-i{width:15px;height:15px}
.jcpc .jc-nti{display:flex;align-items:center;gap:8px;height:28px;flex:none;padding:0 8px;border-radius:5px;white-space:nowrap;overflow:hidden}
.jcpc .jc-nti .jc-i{width:17px;height:17px}
.jcpc .jc-nti.on{background:rgba(0,0,0,.05);color:#37352F;font-weight:500}
.jcpc .jc-ntsb small{padding:14px 8px 4px;font-size:12px;font-weight:600;color:#91918E}
.jcpc .jc-ntbar{display:flex;align-items:center;gap:12px;height:44px;flex:none;padding:0 14px;font-size:14px}
.jcpc .jc-ntbar small{color:#91918E;font-size:13px}
.jcpc .jc-ntbar .jc-i{width:18px;height:18px;color:#5F5E5B}
.jcpc .jc-ntsh{padding:4px 10px;border-radius:5px;background:#2383E2;color:#fff;font-size:13px;font-weight:500}
.jcpc .jc-ntpg{flex:1;min-height:0;padding:24px 72px}
.jcpc .jc-ntic .jc-i{width:54px;height:54px;stroke-width:1.2;color:#37352F}
.jcpc .jc-ntt{margin:8px 0 16px;font-size:34px;font-weight:700;letter-spacing:-.02em;line-height:1.2;color:#37352F}
.jcpc .jc-ntv{display:flex;align-items:center;gap:12px;padding-bottom:8px;font-size:14px;color:#787774}
.jcpc .jc-ntv span{display:flex;align-items:center;gap:6px}
.jcpc .jc-ntv span.on{color:#37352F;font-weight:500}
.jcpc .jc-ntv .jc-i{width:16px;height:16px}
.jcpc .jc-ntv .jc-btn{height:28px;padding:0 10px;border-radius:5px;background:#2383E2;color:#fff}
.jcpc .jc-ntdb .jc-tbl{border-top:1px solid #E9E9E7}
.jcpc .jc-ntdb .jc-tr{border-top-color:#E9E9E7}
.jcpc .jc-ntdb .jc-th{background:#fff;color:#787774;font-weight:500}

/* Instagram */
.jcpc .sp-instagram{background:#fff;color:#000}
.jcpc .jc-igrl{width:72px;flex:none;display:flex;flex-direction:column;align-items:center;gap:22px;padding:26px 0;border-right:1px solid #DBDBDB;color:#000}
.jcpc .jc-igrl .jc-i{width:24px;height:24px;stroke-width:1.9}
.jcpc .jc-igmk{width:26px;height:26px;margin-bottom:10px}
.jcpc .jc-igfeed{flex:1;display:flex;flex-direction:column;align-items:center;padding:24px}
.jcpc .jc-igst{display:flex;gap:16px}
.jcpc .jc-igs{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11.5px;color:#262626}
.jcpc .jc-igs i{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:700;color:#fff;background:#C7C7CC;box-shadow:0 0 0 2px #fff,0 0 0 4px #D62976}
.jcpc .jc-igpost{width:420px;height:420px;margin-top:24px;border-radius:6px;background:#EFEFEF}
.jcpc .jc-igov{position:absolute;inset:0;z-index:4;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.66)}
.jcpc .jc-igm{position:relative;width:min(780px,100%);display:flex;flex-direction:column;border-radius:12px;background:#fff;overflow:hidden}
.jcpc .jc-igmh{display:flex;align-items:center;justify-content:space-between;height:44px;flex:none;padding:0 14px;border-bottom:1px solid #DBDBDB;font-size:16px}
.jcpc .jc-igmh .jc-i{width:22px;height:22px}
.jcpc .jc-igsh{display:inline-flex;align-items:center;color:#0095F6;font-weight:600;font-size:14px}
.jcpc .jc-igsh.done{color:#737373}
.jcpc .jc-igmb{display:flex;min-height:0}
.jcpc .jc-igmb .jc-vis.sq{width:56%;border-radius:0}
.jcpc .jc-igside{flex:1;min-width:0;display:flex;flex-direction:column}
.jcpc .jc-igacc{display:flex;align-items:center;gap:10px;padding:14px 16px 8px;font-size:14px}
.jcpc .jc-igacc .jc-av{width:28px;height:28px;font-size:10px}
.jcpc .jc-igcap{min-height:110px;max-height:176px;overflow:hidden;padding:0 16px;font-size:14px;line-height:1.45;color:#000}
.jcpc .jc-igcnt{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;border-bottom:1px solid #EFEFEF;font-size:12px;color:#737373}
.jcpc .jc-igcnt .jc-i{width:20px;height:20px}
.jcpc .jc-igside>span{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #EFEFEF;font-size:14.5px;color:#262626}
.jcpc .jc-igside>span .jc-i{width:18px;height:18px}
.jcpc .jc-igdone{position:absolute;inset:44px 0 0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#fff;font-size:18px}
.jcpc .jc-igdone svg{width:96px;height:96px}
.jcpc .jc-igdone b{font-weight:400!important}
.jcpc [data-done~="go"] .jc-igdone{display:flex;animation:jcIn .4s}

/* LinkedIn */
.jcpc .sp-linkedin{background:#F4F2EE;color:#191919}
.jcpc .jc-litop{display:flex;align-items:center;gap:4px;height:52px;flex:none;padding:0 22px;background:#fff;border-bottom:1px solid #E8E8E8}
.jcpc .jc-lilg{width:34px;height:34px}
.jcpc .jc-lisr{display:flex;align-items:center;gap:8px;width:250px;height:34px;margin-left:8px;padding:0 12px;border-radius:4px;background:#EDF3F8;color:#666;font-size:13.5px}
.jcpc .jc-lisr .jc-i{width:16px;height:16px}
.jcpc .jc-litop>span:not(.jc-lisr):not(.jc-sp){display:flex;flex-direction:column;align-items:center;width:74px;color:#666}
.jcpc .jc-litop small{font-size:11.5px}
.jcpc .jc-litop .jc-i{width:22px;height:22px}
.jcpc .jc-lime{width:24px;height:24px}
.jcpc .jc-lifeed{display:flex;gap:20px;padding:22px 60px}
.jcpc .jc-liprof{width:210px;flex:none;display:flex;flex-direction:column;align-items:center;gap:4px;padding:20px;border-radius:8px}
.jcpc .jc-liprof small{color:#666;font-size:12px}
.jcpc .jc-lipav{width:64px;height:64px;font-size:20px;border-radius:8px}
.jcpc .jc-lisp{flex:1;display:flex;align-items:center;gap:10px;height:72px;padding:0 16px;border-radius:8px}
.jcpc .jc-lisp>span:not(.jc-av){flex:1;height:46px;display:flex;align-items:center;padding:0 16px;border:1px solid #8C8C8C;border-radius:23px;color:#666;font-weight:600;font-size:14px}
.jcpc .jc-liov{position:absolute;inset:0;z-index:4;display:grid;place-items:center;padding:18px;background:rgba(0,0,0,.6)}
.jcpc .jc-lim{width:min(700px,100%);max-height:100%;display:flex;flex-direction:column;border-radius:10px;background:#fff;overflow:hidden}
.jcpc .jc-limh{display:flex;align-items:center;gap:12px;flex:none;padding:16px 20px}
.jcpc .jc-lipav2{width:52px;height:52px;border-radius:8px;font-size:17px}
.jcpc .jc-limh b{font-size:18px}
.jcpc .jc-limh small{display:flex;align-items:center;gap:2px;font-size:13.5px;color:#666}
.jcpc .jc-limh small .jc-i{width:16px;height:16px}
.jcpc .jc-limh>.jc-i{width:22px;height:22px;color:#666}
.jcpc .jc-limb{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px;padding:0 24px 12px}
.jcpc .jc-licap{min-height:90px;font-size:15.5px;line-height:1.45;color:#191919}
.jcpc .jc-licap p+p{margin-top:12px}
.jcpc .jc-limb .jc-vis.wide{aspect-ratio:2.4;border-radius:8px}
.jcpc .jc-limf{display:flex;align-items:center;gap:16px;flex:none;padding:12px 20px;border-top:1px solid #E8E8E8;color:#666}
.jcpc .jc-limf .jc-i{width:21px;height:21px}
.jcpc .jc-lipost{display:inline-flex;align-items:center;padding:7px 18px;border-radius:18px;background:#0A66C2;color:#fff;font-weight:600;font-size:15px}
.jcpc [data-done~="go"] .jc-liov{display:none}
.jcpc .jc-lic{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px}
.jcpc .jc-lisent{display:none;overflow:hidden}
.jcpc .jc-lisent>p{padding:0 16px 12px;font-size:14px;line-height:1.45;color:#191919}
.jcpc .jc-lisent .jc-vis{border-radius:0}
.jcpc [data-done~="go"] .jc-lisent{display:block;animation:jcIn .4s}

/* X */
.jcpc .sp-x{background:#fff;color:#0F1419}
.jcpc .jc-xnav{width:88px;flex:none;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0 0}
.jcpc .jc-xlg{width:28px;height:28px;margin:8px 0 10px}
.jcpc .jc-xnav>span:not(.jc-xpost){display:grid;place-items:center;width:50px;height:50px;border-radius:25px}
.jcpc .jc-xnav .jc-i{width:25px;height:25px}
.jcpc .jc-xnav .on .jc-i{stroke-width:2.5}
.jcpc .jc-xnav b{display:none}
.jcpc .jc-xpost{display:grid;place-items:center;width:50px;height:50px;margin-top:12px;border-radius:25px;background:#0F1419;color:#fff}
.jcpc .jc-xpost .jc-i{width:22px;height:22px}
.jcpc .jc-xmain{width:520px;flex:none;display:flex;flex-direction:column;min-height:0;border-left:1px solid #EFF3F4;border-right:1px solid #EFF3F4}
.jcpc .jc-xtabs{display:flex;height:52px;flex:none;border-bottom:1px solid #EFF3F4}
.jcpc .jc-xtabs span{flex:1;display:grid;place-items:center;color:#536471;font-size:15px}
.jcpc .jc-xtabs .on{color:#0F1419;font-weight:700;box-shadow:inset 0 -4px 0 -0px #1D9BF0}
.jcpc .jc-xcmp{display:flex;gap:12px;flex:none;padding:12px 16px;border-bottom:1px solid #EFF3F4}
.jcpc .jc-xcmp>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}
.jcpc .jc-xcmp .jc-av,.jcpc .jc-xsent .jc-av{width:40px;height:40px;font-size:14px}
.jcpc .jc-xtx{min-height:50px;max-height:150px;overflow:hidden;padding-top:6px;font-size:18px;line-height:1.35;color:#0F1419}
.jcpc .jc-xtl{display:flex;align-items:center;gap:14px;padding-top:10px;border-top:1px solid #EFF3F4;color:#1D9BF0}
.jcpc .jc-xtl .jc-i{width:19px;height:19px}
.jcpc .jc-xbtn{display:inline-flex;align-items:center;padding:8px 18px;border-radius:18px;background:#0F1419;color:#fff;font-weight:700;font-size:15px}
.jcpc .jc-xsent{display:none;gap:12px;flex:none;padding:12px 16px;border-bottom:1px solid #EFF3F4}
.jcpc .jc-xsent>div{flex:1;min-width:0}
.jcpc .jc-xsent small{color:#536471}
.jcpc .jc-xsent p{margin:2px 0 10px;font-size:15px;line-height:1.4}
.jcpc [data-done~="go"] .jc-xsent{display:flex;animation:jcIn .4s}
.jcpc [data-done~="go"] .jc-xcmp .jc-xtx .jc-tx,.jcpc [data-done~="go"] .jc-xcmp .jc-vis{display:none}
.jcpc .jc-xside{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px;padding:8px 18px}
.jcpc .jc-xsr{display:flex;align-items:center;gap:10px;height:42px;padding:0 16px;border-radius:21px;background:#EFF3F4;color:#536471;font-size:14px}
.jcpc .jc-xsr .jc-i{width:17px;height:17px}
.jcpc .jc-xbox{display:flex;flex-direction:column;gap:12px;padding:12px 16px;border:1px solid #EFF3F4;border-radius:16px}
.jcpc .jc-xbox b{font-size:19px;font-weight:800!important}
.jcpc .jc-xbox span{display:flex;flex-direction:column;font-weight:700;font-size:14.5px}
.jcpc .jc-xbox small{font-weight:400;color:#536471;font-size:12.5px}
.jcpc .jc-xtoast{background:#1D9BF0}
.jcpc .jc-xtoast .jc-i{color:#fff}

/* Canva */
.jcpc .sp-canva{background:#EBECF0;color:#0E1318}
.jcpc .jc-cnbar{display:flex;align-items:center;gap:14px;height:56px;flex:none;padding:0 14px;background:linear-gradient(90deg,#00C4CC,#7D2AE8);color:#fff;font-size:14px;white-space:nowrap}
.jcpc .jc-cnh{display:flex;align-items:center;gap:16px}
.jcpc .jc-cnh>span{display:flex;align-items:center;gap:6px}
.jcpc .jc-cnh .jc-i,.jcpc .jc-cnbar>.jc-i{width:18px;height:18px}
.jcpc .jc-cnlg{width:30px;height:30px;border-radius:50%}
.jcpc .jc-cnt{max-width:220px;overflow:hidden;text-overflow:ellipsis}
.jcpc .jc-cnbar .jc-av{width:32px;height:32px;box-shadow:0 0 0 2px rgba(255,255,255,.7)}
.jcpc .jc-cnsh{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 16px;border-radius:8px;background:#fff;color:#0E1318;font-weight:600}
.jcpc .jc-cnsh .jc-i{width:17px;height:17px}
.jcpc .jc-cn{background:#EBECF0}
.jcpc .jc-cnrl{width:72px;flex:none;display:flex;flex-direction:column;gap:4px;padding-top:10px;background:#fff;border-right:1px solid #E1E1E6}
.jcpc .jc-cnrl span{display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 0;color:#0E1318}
.jcpc .jc-cnrl small{font-size:10.5px}
.jcpc .jc-cnrl .jc-i{width:22px;height:22px}
.jcpc .jc-cnrl span.on{color:#8B3DFF}
.jcpc .jc-cnst{flex:1;min-width:0;min-height:0;display:flex;gap:18px;padding:22px}
.jcpc .jc-cnmain{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
.jcpc .jc-cnmain small{font-size:12.5px;color:#4F5257}
.jcpc .jc-vis.cn{width:min(100%,360px);aspect-ratio:.8;padding:26px;box-shadow:0 6px 20px rgba(0,0,0,.15)}
.jcpc .jc-vis.cn b{font-size:28px}
.jcpc .jc-cnpages{width:268px;flex:none;display:flex;flex-direction:column;gap:10px}
.jcpc .jc-cnpg{display:flex;gap:10px;align-items:flex-start;flex:none;padding:10px;border-radius:10px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.jcpc .jc-cnpg>span{font-size:12px;font-weight:700;color:#4F5257}
.jcpc .jc-cnpg p{font-size:12.5px;line-height:1.4;color:#0E1318}
.jcpc .jc-cnpanel{width:280px;flex:none;align-self:flex-start;display:flex;flex-direction:column;gap:12px;padding:16px}
.jcpc .jc-cnpanel .jc-in{width:auto}
.jcpc .jc-cnpanel .jc-btn{justify-content:center;height:40px}

/* DocuSign */
.jcpc .jc-dsst{display:flex;gap:6px;margin-bottom:14px;flex:none}
.jcpc .jc-dsst span{flex:1;padding:8px 10px;border-radius:6px;background:#fff;border:1px solid #E2E0E7;font-size:12.5px;color:#6B6573;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jcpc .jc-dsst span.on{border-color:var(--b);color:var(--bd);font-weight:600}
.jcpc .jc-dsw{flex:1;min-height:0;display:flex;gap:16px}
.jcpc .jc-dsdoc{width:200px;flex:none;align-self:flex-start;display:flex;flex-direction:column;gap:8px;padding:14px}
.jcpc .jc-dspg{position:relative;aspect-ratio:.77;display:flex;flex-direction:column;gap:7px;padding:16px 14px;border:1px solid #E2E0E7;border-radius:4px;background:#fff}
.jcpc .jc-dspg b{font-size:11px;line-height:1.3}
.jcpc .jc-dspg i{height:5px;border-radius:3px;background:#ECEAF0}
.jcpc .jc-dspg i.s{width:60%}
.jcpc .jc-dspg span{position:absolute;left:14px;bottom:16px;display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:3px;background:#FFE14D;color:#1E1E1E;font-size:10.5px;font-weight:700}
.jcpc .jc-dspg span .jc-i{width:13px;height:13px}
.jcpc .jc-dsdoc small{font-size:12px;color:#6B6573}
.jcpc .jc-dsf{flex:1;min-width:0;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;align-content:start;padding:16px;overflow:hidden}
.jcpc .jc-dsft{display:flex;align-items:center;gap:10px;margin-top:12px;flex:none}

/* a narrow window (a phone): the 600px canvas */
.jcpc .narrow .jc-sb{width:58px;padding:12px 8px}
.jcpc .narrow .jc-sb .jc-wm,.jcpc .narrow .jc-ni>span,.jcpc .narrow .jc-create{display:none}
.jcpc .narrow .jc-sb .jc-brand{justify-content:center;padding:0 0 12px}
.jcpc .narrow .jc-ni{justify-content:center;padding:0}
.jcpc .narrow .jc-srch,.jcpc .narrow .jc-acct>span,.jcpc .narrow .jc-top .jc-tbi,.jcpc .narrow .jc-tsr{display:none}
.jcpc .narrow .jc-tn span:not(.on){display:none}
.jcpc .narrow .jc-tb{height:46px;padding:0 14px}
.jcpc .narrow .jc-ct{padding:14px}
.jcpc .narrow .jc-gn,.jcpc .narrow .jc-gname,.jcpc .narrow .jc-gt .jc-gb:not(:first-child){display:none}
.jcpc .narrow .jc-gm{margin-left:12px}
.jcpc .narrow .jc-gs{margin-left:8px}
.jcpc .narrow .jc-tools .jc-seg,.jcpc .narrow .jc-tools .jc-btn2,.jcpc .narrow .jc-ph .jc-btn2{display:none}
.jcpc .narrow .jc-tbl{--aw:104px}
.jcpc .narrow .jc-tr{padding:8px 10px;gap:0 8px}
.jcpc .narrow .jc-c1 .jc-av{display:none}
.jcpc .narrow .jc-ll{width:196px}
.jcpc .narrow .jc-li .jc-av{display:none}
.jcpc .narrow .jc-calside,.jcpc .narrow .jc-rvs,.jcpc .narrow .jc-pv,.jcpc .narrow .jc-chl{display:none}
.jcpc .narrow .jc-fg{grid-template-columns:1fr}
.jcpc .narrow .jc-gcmp{left:10px;right:10px;width:auto}
.jcpc .narrow .jc-gsl{width:190px}
.jcpc .narrow .jc-gr .fr{width:110px}
.jcpc .narrow .jc-gtabs span:nth-child(n+3){display:none}
.jcpc .narrow .jc-gbody,.jcpc .narrow .jc-gatt{margin-left:24px}
.jcpc .narrow .jc-olfp,.jcpc .narrow .jc-olrail,.jcpc .narrow .jc-olsr{display:none}
.jcpc .narrow .jc-olml{width:180px}
.jcpc .narrow .jc-olrb{padding-left:12px}
.jcpc .narrow .jc-sksb{display:none}
.jcpc .narrow .jc-skrl{width:52px}
.jcpc .narrow .jc-ntsb{display:none}
.jcpc .narrow .jc-ntpg{padding:22px 28px}
.jcpc .narrow .jc-gdpg{padding:32px 30px}
.jcpc .narrow .jc-shtop>.jc-i{display:none}
.jcpc .narrow .jc-lisr,.jcpc .narrow .jc-litop>span:nth-child(n+5):not(:last-child){display:none}
.jcpc .narrow .jc-lifeed{padding:16px}
.jcpc .narrow .jc-liprof{display:none}
.jcpc .narrow .jc-xside{display:none}
.jcpc .narrow .jc-xnav{width:68px}
.jcpc .narrow .jc-xmain{flex:1;width:auto}
.jcpc .narrow .jc-cnh>span,.jcpc .narrow .jc-cnt,.jcpc .narrow .jc-cnbar>.jc-i{display:none}
.jcpc .narrow .jc-cnrl{width:56px}
.jcpc .narrow .jc-cnrl small{display:none}
.jcpc .narrow .jc-cnpages,.jcpc .narrow .jc-cnpanel{width:200px}
.jcpc .narrow .jc-dsdoc,.jcpc .narrow .jc-dsst{display:none}
.jcpc .narrow .jc-dsf{grid-template-columns:1fr}
.jcpc .narrow .jc-igfeed{padding:16px}
.jcpc .narrow .jc-igrl{width:56px}
/* ============ tech startups and solo founders: their products' own looks */
/* a composer's Reply / Note tabs (Intercom, Zendesk) */
.jcpc .jc-cmpt{display:flex;gap:16px;padding:8px 13px 0;font-size:12.5px;font-weight:600;color:#667085}
.jcpc .jc-cmpt span{padding-bottom:6px;border-bottom:2px solid transparent}
.jcpc .jc-cmpt .on{color:#101828;border-bottom-color:var(--b)}
/* a video's still */
.jcpc .jc-thumb{position:relative;display:flex;align-items:flex-end;flex:none;width:120px;aspect-ratio:16/9;padding:6px 8px;border-radius:6px;overflow:hidden;background:linear-gradient(140deg,var(--v1),var(--v2));color:#fff}
.jcpc .jc-thumb b{position:relative;z-index:1;font-size:10px;font-weight:800!important;line-height:1.15;max-width:72%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.jcpc .jc-thumb .jc-i{position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;padding:4px;border-radius:50%;background:rgba(0,0,0,.45);fill:#fff;stroke:none}
.jcpc .jc-thumb em{position:absolute;right:4px;bottom:4px;padding:0 4px;border-radius:3px;background:rgba(0,0,0,.75);font-style:normal;font-size:9.5px;font-weight:600;line-height:15px}
.jcpc .jc-thumb.row{width:64px;padding:4px}
.jcpc .jc-thumb.row b,.jcpc .jc-thumb.row em{display:none}
.jcpc .jc-thumb.row .jc-i{width:18px;height:18px;margin:-9px 0 0 -9px;padding:3px}
.jcpc .jc-thumb.lm{width:100%;border-radius:10px 10px 0 0;padding:12px}
.jcpc .jc-thumb.lm b{font-size:15px;max-width:80%}
.jcpc .jc-thumb.lm .jc-i{width:40px;height:40px;margin:-20px 0 0 -20px;padding:9px}
.jcpc .jc-thumb.lm em{right:8px;bottom:8px;font-size:11px;line-height:18px;padding:0 6px}

/* Jira: its lozenges, issue-type marks and blue */
.jcpc .x-jr .jc-pill{height:20px;line-height:20px;padding:0 6px;border-radius:3px;text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.01em}
.jcpc .x-jr .jc-tr .jc-pill{min-height:20px;padding:0 6px;line-height:20px;border-radius:3px}
.jcpc .x-jr .t-warn,.jcpc .x-jr .t-new{background:#E9F2FF;color:#0055CC}
.jcpc .x-jr .t-mute{background:#DCDFE4;color:#44546F}
.jcpc .x-jr .t-ok{background:#DCFFF1;color:#216E4E}
.jcpc .x-jr .t-bad{background:#FFECEB;color:#AE2E24}
.jcpc .jc-jrt{display:grid;place-items:center;width:18px;height:18px;flex:none;border-radius:3px;background:#4BCE97;color:#fff}
.jcpc .jc-jrt .jc-i{width:12px;height:12px;stroke-width:3}
.jcpc .jc-jrt.bug{background:#E2483D;border-radius:50%}
.jcpc .jc-jrt.bug .jc-i{fill:#fff;stroke:none}
.jcpc .x-jr .jc-btn,.jcpc .x-jr .jc-create,.jcpc .x-jr .jc-btn2,.jcpc .x-jr .jc-ab{border-radius:3px}

/* Zendesk: the white bar over the dark green rail */
.jcpc .x-zd .jc-top{background:#fff;color:#2F3941;border-bottom:1px solid #D8DCDE}
.jcpc .x-zd.s-rail .jc-top .jc-srch{background:#F8F9F9;color:#68737D;border:1px solid #D8DCDE}
.jcpc .x-zd .jc-rl{background:#03363D}
.jcpc .x-zd .jc-ri.on{background:#17494D}
.jcpc .x-zd .jc-ct{background:#F8F9F9}
.jcpc .x-zd .jc-btn,.jcpc .x-zd .jc-btn2{border-radius:4px}

/* GitHub */
.jcpc .sp-github{background:#fff;color:#1F2328;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif}
.jcpc .jc-ghh{display:flex;align-items:center;gap:12px;height:56px;flex:none;padding:0 16px;background:#F6F8FA;color:#59636E}
.jcpc .jc-ghh>.jc-i{width:32px;height:32px;padding:7px;border:1px solid #D1D9E0;border-radius:6px}
.jcpc .jc-ghcat{width:32px;height:32px;fill:#1F2328;flex:none}
.jcpc .jc-ghcr{font-size:14px;color:#1F2328;white-space:nowrap}
.jcpc .jc-ghcr b{font-weight:600}
.jcpc .jc-ghs{display:flex;align-items:center;gap:8px;width:280px;height:32px;padding:0 10px;border:1px solid #D1D9E0;border-radius:6px;background:#fff;font-size:13px}
.jcpc .jc-ghs .jc-i{width:16px;height:16px}
.jcpc .jc-ghb{display:flex;align-items:center;height:32px;padding:0 6px;border:1px solid #D1D9E0;border-radius:6px}
.jcpc .jc-ghb .jc-i{width:16px;height:16px}
.jcpc .jc-ghh .jc-me{width:32px;height:32px}
.jcpc .jc-ghtabs{display:flex;gap:2px;height:48px;flex:none;padding:0 16px;background:#F6F8FA;border-bottom:1px solid #D1D9E0;white-space:nowrap;overflow:hidden}
.jcpc .jc-ghtabs span{display:flex;align-items:center;gap:8px;padding:0 8px;font-size:14px;color:#1F2328;border-bottom:2px solid transparent}
.jcpc .jc-ghtabs .jc-i{width:16px;height:16px;color:#59636E}
.jcpc .jc-ghtabs .on{font-weight:600;border-bottom-color:#FD8C73}
.jcpc .jc-ghtabs em{font-style:normal;font-size:12px;font-weight:500;padding:0 6px;border-radius:10px;background:rgba(129,139,152,.18)}
.jcpc .sp-github .jc-ct{background:#fff}
.jcpc .jc-ghbar{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex:none}
.jcpc .jc-ghq{flex:1;display:flex;align-items:center;gap:8px;height:32px;padding:0 10px;border:1px solid #D1D9E0;border-radius:6px;background:#F6F8FA;font-size:13.5px;color:#1F2328;min-width:0}
.jcpc .jc-ghq .jc-i{width:15px;height:15px}
.jcpc .jc-ghq i{width:1px;height:32px;background:#D1D9E0}
.jcpc .jc-ghq span{color:#59636E;font-family:var(--mono,ui-monospace,Menlo,monospace);font-size:12.5px}
.jcpc .sp-github .jc-btn,.jcpc .sp-github .jc-btn2{height:32px;border-radius:6px}
.jcpc .jc-ghbox{border:1px solid #D1D9E0;border-radius:6px;overflow:hidden;flex:none}
.jcpc .jc-ghbh{display:flex;align-items:center;gap:16px;height:48px;padding:0 16px;background:#F6F8FA;border-bottom:1px solid #D1D9E0;font-size:14px;color:#59636E;white-space:nowrap}
.jcpc .jc-ghbh b{display:flex;align-items:center;gap:6px;color:#1F2328}
.jcpc .jc-ghbh>span:not(.jc-sp):not(.jc-gcb){display:flex;align-items:center;gap:2px}
.jcpc .jc-ghbh .jc-i{width:14px;height:14px}
.jcpc .jc-ghr{display:flex;align-items:flex-start;gap:12px;padding:10px 16px;border-top:1px solid #D1D9E0;transition:background .3s}
.jcpc .jc-ghr:first-of-type{border-top:0}
.jcpc .jc-ghr .jc-gcb,.jcpc .jc-ghbh .jc-gcb{width:14px;height:14px;margin-top:3px;border:1px solid #818B98;border-radius:3px}
.jcpc .jc-ghi{width:16px;height:16px;flex:none;margin-top:2px}
.jcpc .jc-ghi.open{fill:#1A7F37}
.jcpc .jc-ghi.merged{fill:#8250DF}
.jcpc .jc-ghi.closed{fill:#8250DF}
.jcpc .jc-ghrt{flex:1;min-width:0}
.jcpc .jc-ghrt b{font-size:15px;font-weight:600;color:#1F2328}
.jcpc .jc-ghrt .jc-pill{height:20px;line-height:20px;padding:0 8px;font-size:12px;font-weight:500;vertical-align:1px}
.jcpc .jc-ghrt small{display:block;margin-top:2px;font-size:12px;color:#59636E}
.jcpc .jc-ghc{display:flex;align-items:center;gap:4px;font-size:12px;color:#59636E}
.jcpc .jc-ghc .jc-i{width:15px;height:15px}
.jcpc .jc-ghr .jc-ab{height:28px;border-radius:6px;border-color:#D1D9E0;color:#1F2328;background:#F6F8FA}
.jcpc .jc-ghr.done{background:#F6FEF9}

/* Linear */
.jcpc .sp-linear{background:#F5F5F7;color:#282A30;font-family:"Inter",-apple-system,"Segoe UI",sans-serif}
.jcpc .jc-lnsb{width:220px;flex:none;display:flex;flex-direction:column;gap:1px;padding:10px 8px;font-size:13px;color:#3C4149}
.jcpc .jc-lnws{display:flex;align-items:center;gap:8px;padding:2px 6px 12px}
.jcpc .jc-lnws span{width:20px;height:20px;border-radius:5px;display:grid;place-items:center;background:#5E6AD2;color:#fff;font-size:11px;font-weight:700}
.jcpc .jc-lnws b{flex:1;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jcpc .jc-lnws .jc-i{width:16px;height:16px;color:#6B6F76}
.jcpc .jc-lni{display:flex;align-items:center;gap:9px;height:28px;flex:none;padding:0 8px;border-radius:6px;white-space:nowrap}
.jcpc .jc-lni .jc-i{width:15px;height:15px;color:#6B6F76}
.jcpc .jc-lni.sub{padding-left:28px}
.jcpc .jc-lni.on{background:#E8E8EC;font-weight:500}
.jcpc .jc-lnsb small{padding:12px 8px 3px;font-size:11.5px;font-weight:500;color:#8A8F98}
.jcpc .jc-lnt{display:inline-flex;align-items:center;gap:8px}
.jcpc .jc-lnt i{width:16px;height:16px;border-radius:4px;display:grid;place-items:center;background:#F2994A;color:#fff;font-style:normal;font-size:9.5px;font-weight:700}
.jcpc .jc-lnm{margin:8px 8px 8px 0;background:#fff;border:1px solid #E6E6EA;border-radius:8px;overflow:hidden}
.jcpc .jc-lnh{display:flex;align-items:center;gap:8px;height:44px;flex:none;padding:0 14px;border-bottom:1px solid #EFEFF2;font-size:13px;color:#6B6F76}
.jcpc .jc-lnh b{color:#282A30;font-weight:500}
.jcpc .jc-lnh .jc-i{width:15px;height:15px}
.jcpc .jc-lnh .jc-btn{height:26px;padding:0 10px;font-size:12.5px;border-radius:6px}
.jcpc .jc-lnv{display:flex;align-items:center;gap:6px;height:40px;flex:none;padding:0 14px;border-bottom:1px solid #EFEFF2;font-size:12.5px;color:#6B6F76}
.jcpc .jc-lnv span{display:flex;align-items:center;gap:5px;height:24px;padding:0 9px;border:1px solid #E6E6EA;border-radius:6px}
.jcpc .jc-lnv span.jc-sp{border:0}
.jcpc .jc-lnv .on{background:#F2F2F5;color:#282A30;font-weight:500}
.jcpc .jc-lnv .jc-i{width:13px;height:13px}
.jcpc .jc-lnl{flex:1;min-height:0}
.jcpc .jc-lng{display:flex;align-items:center;gap:8px;height:36px;padding:0 14px;background:#F7F7F9;font-size:13px}
.jcpc .jc-lng b{font-weight:500}
.jcpc .jc-lng em{font-style:normal;color:#8A8F98}
.jcpc .jc-lng .jc-i{width:14px;height:14px;margin-left:auto;color:#8A8F98}
.jcpc .jc-lnr{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 14px;border-bottom:1px solid #F2F2F5;font-size:13px;transition:background .3s}
.jcpc .jc-lnr b{font-weight:500;color:#282A30;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:0 1 auto;max-width:38%}
.jcpc .jc-lnr small{flex:1;min-width:0;font-size:12.5px;color:#8A8F98;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jcpc .jc-lnr .jc-pill{height:22px;line-height:22px;font-size:11.5px;font-weight:500;background:#fff;border:1px solid #E6E6EA;color:#3C4149;flex:none;max-width:150px}
.jcpc .jc-lnr .jc-av{width:20px;height:20px;font-size:8.5px}
.jcpc .jc-lnr .jc-ab{height:26px;font-size:12px;flex:none;border-radius:6px}
.jcpc .jc-abx{width:0}
.jcpc .jc-lnr.done{background:#F7F8FF}
.jcpc .jc-lnp{display:flex;align-items:flex-end;gap:1.5px;width:14px;height:12px;flex:none}
.jcpc .jc-lnp i{width:3px;border-radius:1px;background:#D3D5DA}
.jcpc .jc-lnp i.on{background:#6B6F76}
.jcpc .jc-lnid{width:58px;flex:none;color:#8A8F98;font-size:12.5px;font-variant-numeric:tabular-nums}
.jcpc .jc-lns{width:14px;height:14px;flex:none;fill:none;stroke:#B4B8C0;stroke-width:1.6}
.jcpc .jc-lns.t-warn{stroke:#F2C94C}
.jcpc .jc-lns.t-warn .f{fill:#F2C94C;stroke:none}
.jcpc .jc-lns.t-ok{fill:#5E6AD2;stroke:#5E6AD2}
.jcpc .jc-lns.t-ok path{stroke:#fff;stroke-width:1.6;fill:none}
.jcpc .jc-lns.t-bad{stroke:#EB5757}
.jcpc .jc-lns.t-new{stroke:#8A8F98;stroke-dasharray:2 2}
.jcpc .jc-lnr.done .jc-lns{fill:#5E6AD2;stroke:#5E6AD2}

/* Apollo */
.jcpc .jc-apw{flex:1;min-height:0;display:flex;gap:14px}
.jcpc .jc-apf{width:206px;flex:none;align-self:flex-start;display:flex;flex-direction:column;padding:10px 0}
.jcpc .jc-apf b{display:flex;align-items:center;gap:8px;padding:2px 14px 10px;border-bottom:1px solid #EAECF0;font-size:13.5px}
.jcpc .jc-apf b .jc-i{width:16px;height:16px}
.jcpc .jc-apf>span{display:flex;align-items:center;gap:6px;padding:9px 14px;border-bottom:1px solid #F2F4F7;font-size:13px;color:#344054}
.jcpc .jc-apf>span .jc-i{width:15px;height:15px;margin-left:auto;color:#98A2B3}
.jcpc .jc-apf>span.on{font-weight:600;color:#101828}
.jcpc .jc-apf em{font-style:normal;font-size:11px;font-weight:700;padding:0 6px;border-radius:9px;background:#FCEBB3;color:#7A5A00}
.jcpc .jc-apm{flex:1;min-width:0;display:flex;flex-direction:column}
.jcpc .jc-aptabs{display:flex;align-items:center;gap:6px;margin-bottom:10px;font-size:13px;color:#475467}
.jcpc .jc-aptabs>span:not(.jc-sp):not(.jc-btn2){padding:6px 12px;border-radius:7px}
.jcpc .jc-aptabs .on{background:#fff;border:1px solid #E4E7EC;font-weight:600;color:#101828}
.jcpc .jc-aptabs em{font-style:normal;color:#667085;font-weight:500;margin-left:4px}
.jcpc .sp-apollo .jc-ab{border-color:#E4E7EC;color:#101828;background:#FFF8DB}

/* Intercom */
.jcpc .sp-intercom{background:#fff;color:#1A1A1A}
.jcpc .jc-icrl{width:56px;flex:none;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 0;background:#F6F6F4;border-right:1px solid #E8E8E5;color:#5A5A55}
.jcpc .jc-iclg{width:26px;height:26px;margin-bottom:10px}
.jcpc .jc-icrl>span:not(.jc-sp){width:36px;height:34px;display:grid;place-items:center;border-radius:8px}
.jcpc .jc-icrl>span.on{background:#E6E5E1;color:#1A1A1A}
.jcpc .jc-icrl .jc-i{width:18px;height:18px}
.jcpc .jc-icrl .jc-me{width:28px;height:28px}
.jcpc .jc-icib{width:206px;flex:none;display:flex;flex-direction:column;gap:1px;padding:12px 8px;background:#FAFAF8;border-right:1px solid #E8E8E5;font-size:13px;color:#3D3D39}
.jcpc .jc-icibh{display:flex;align-items:center;gap:8px;padding:0 6px 10px}
.jcpc .jc-icibh b{flex:1;font-size:16px}
.jcpc .jc-icibh .jc-i{width:16px;height:16px;color:#77776F}
.jcpc .jc-ici{display:flex;align-items:center;gap:8px;height:30px;flex:none;padding:0 8px;border-radius:7px;white-space:nowrap}
.jcpc .jc-ici .jc-i{width:15px;height:15px;color:#77776F}
.jcpc .jc-ici em{margin-left:auto;font-style:normal;font-size:12px;color:#77776F}
.jcpc .jc-ici.on{background:#EDECE8;font-weight:600}
.jcpc .jc-icib small{padding:12px 8px 4px;font-size:11.5px;font-weight:600;color:#9A9A92}
.jcpc .jc-icm .jc-2p{border:0;border-radius:0;box-shadow:none;height:100%}

/* YouTube Studio */
.jcpc .sp-youtube{background:#fff;color:#0F0F0F;font-family:Roboto,Arial,sans-serif}
.jcpc .jc-ytbar{display:flex;align-items:center;gap:14px;height:56px;flex:none;padding:0 16px;border-bottom:1px solid #E5E5E5;color:#0F0F0F}
.jcpc .jc-ytbar>.jc-i{width:22px;height:22px}
.jcpc .jc-ytlg{width:30px;height:22px;margin-left:6px}
.jcpc .jc-ytwm{margin-left:-8px;font-size:19px;font-weight:600!important;letter-spacing:-.03em}
.jcpc .jc-ytsr{display:flex;align-items:center;gap:10px;width:380px;height:38px;margin-left:60px;padding:0 12px;border:1px solid #CCC;border-radius:4px;color:#606060;font-size:14px}
.jcpc .jc-ytsr .jc-i{width:18px;height:18px}
.jcpc .jc-ytcr{display:flex;align-items:center;gap:6px;height:34px;padding:0 12px;border:1px solid #CCC;border-radius:4px;font-size:13px;font-weight:500;text-transform:uppercase}
.jcpc .jc-ytcr .jc-i{width:18px;height:18px;color:#FF0000}
.jcpc .jc-ytbar .jc-me{width:32px;height:32px}
.jcpc .jc-ytsb{width:220px;flex:none;display:flex;flex-direction:column;gap:2px;padding:0 0 10px;border-right:1px solid #E5E5E5}
.jcpc .jc-ytch{display:flex;flex-direction:column;align-items:center;gap:2px;padding:18px 10px 14px;text-align:center}
.jcpc .jc-ytav{width:88px;height:88px;font-size:28px;margin-bottom:8px}
.jcpc .jc-ytch small{font-size:13px;color:#0F0F0F;font-weight:500}
.jcpc .jc-ytch b{font-size:12.5px;font-weight:400!important;color:#606060}
.jcpc .jc-yti{display:flex;align-items:center;gap:22px;height:44px;flex:none;padding:0 24px;font-size:14.5px;color:#0F0F0F}
.jcpc .jc-yti .jc-i{width:20px;height:20px;color:#606060}
.jcpc .jc-yti.on{background:#F2F2F2;color:#FF0000;font-weight:500;box-shadow:inset 3px 0 #FF0000}
.jcpc .jc-yti.on .jc-i{color:#FF0000}
.jcpc .sp-youtube .jc-ct{background:#fff;padding:18px 24px}
.jcpc .jc-yttabs{display:flex;gap:28px;margin-top:14px;flex:none;border-bottom:1px solid #E5E5E5;font-size:14px;color:#606060}
.jcpc .jc-yttabs span{padding:10px 0;border-bottom:3px solid transparent}
.jcpc .jc-yttabs .on{color:#0F0F0F;font-weight:500;border-bottom-color:#0F0F0F}
.jcpc .jc-ytf{display:flex;align-items:center;gap:10px;height:46px;flex:none;border-bottom:1px solid #E5E5E5;font-size:14px;color:#606060}
.jcpc .jc-ytf .jc-i{width:18px;height:18px}
.jcpc .jc-ytr{display:grid;grid-template-columns:30px 120px minmax(0,1fr) minmax(0,.55fr) auto;align-items:center;gap:14px;padding:10px 6px;border-bottom:1px solid #E5E5E5;transition:background .3s}
.jcpc .jc-yth{padding:10px 6px;font-size:13px;color:#606060}
.jcpc .jc-yth>span:nth-child(2){grid-column:2/4}
.jcpc .jc-yth>span:nth-child(3){display:none}
.jcpc .jc-ytt{min-width:0}
.jcpc .jc-ytt b{display:block;font-size:13.5px;font-weight:500;color:#0F0F0F;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.jcpc .jc-ytt small{display:block;margin-top:2px;font-size:12px;color:#606060;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jcpc .jc-ytr .jc-gcb{width:16px;height:16px;border:2px solid #909090;border-radius:2px}
.jcpc .jc-ytr .jc-ab{border-radius:18px;border-color:#CCC;color:#065FD4}
.jcpc .jc-ytr.done{background:#F2F8FF}
.jcpc .jc-ytr .jc-pill{white-space:normal;height:auto;min-height:22px;line-height:1.3;padding:3px 9px;display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

/* Loom */
.jcpc .jc-lmtabs{display:flex;align-items:center;gap:6px;margin-bottom:14px;flex:none;font-size:13.5px;color:#525252}
.jcpc .jc-lmtabs>span:not(.jc-sp):not(.jc-btn2){padding:6px 12px;border-radius:8px}
.jcpc .jc-lmtabs .on{background:#EFEEFF;color:#4A44D4;font-weight:600}
.jcpc .jc-lmg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.jcpc .jc-lmc{display:flex;flex-direction:column;overflow:hidden;transition:background .3s,box-shadow .3s}
.jcpc .jc-lmt{display:flex;flex-direction:column;gap:3px;padding:10px 12px 12px}
.jcpc .jc-lmt b{font-size:13.5px;line-height:1.3;color:#101828;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.jcpc .jc-lmt small{font-size:12px;color:#667085;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.jcpc .jc-lmt>div{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}
.jcpc .jc-lmt .jc-pill{min-width:0}
.jcpc .jc-lmc.done{box-shadow:0 0 0 2px #B9B6FA}

/* Substack and Kit: the newsletter editor */
.jcpc .sp-substack,.jcpc .sp-kit{background:#fff;color:#1A1A1A}
.jcpc .jc-nlbar{display:flex;align-items:center;gap:12px;height:56px;flex:none;padding:0 18px;border-bottom:1px solid #EDEDED}
.jcpc .jc-nlbar>.jc-i{width:20px;height:20px;color:#6B6B6B}
.jcpc .jc-nllg{width:24px;height:24px}
.jcpc .jc-nllg.kit{width:44px;height:20px}
.jcpc .jc-nlcr{display:flex;align-items:center;gap:6px;font-size:14px;color:#6B6B6B}
.jcpc .jc-nlcr b{color:#1A1A1A;font-weight:600}
.jcpc .jc-nlcr .jc-i{width:14px;height:14px}
.jcpc .jc-nlbar small{font-size:12.5px;color:#8A8A8A}
.jcpc .jc-nlbar .jc-btn,.jcpc .jc-nlbar .jc-btn2{height:34px;border-radius:8px}
.jcpc .sp-substack .jc-nlbar .jc-btn{border-radius:18px;padding:0 18px}
.jcpc .jc-nltb{display:flex;align-items:center;justify-content:center;gap:14px;height:44px;flex:none;border-bottom:1px solid #EDEDED;color:#4A4A4A;font-size:13.5px}
.jcpc .jc-nltb>span{display:flex;align-items:center;gap:3px}
.jcpc .jc-nltb .jc-i{width:17px;height:17px}
.jcpc .jc-nltb i{width:1px;height:18px;background:#E3E3E3}
.jcpc .jc-nltb b,.jcpc .jc-nltb em,.jcpc .jc-nltb s{font-size:14.5px}
.jcpc .jc-nlbt{padding:3px 10px;border:1px solid #D6D6D6;border-radius:6px;font-size:12.5px}
.jcpc .jc-nlpg{flex:1;min-height:0;padding:30px 20px 60px}
.jcpc .sp-kit .jc-nlpg{background:#F6F6F4}
.jcpc .jc-nlcol{max-width:620px;margin:0 auto}
.jcpc .jc-nlto{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;padding:5px 12px;border-radius:16px;background:#F4F4F4;font-size:12.5px;color:#4A4A4A}
.jcpc .jc-nlto .jc-i{width:15px;height:15px}
.jcpc .jc-nlt{font:700 34px/1.2 Georgia,"Times New Roman",serif;letter-spacing:-.01em;color:#1A1A1A}
.jcpc .jc-nlsub{margin-top:8px;font:400 19px/1.35 Georgia,serif;color:#B3B3B3}
.jcpc .jc-nlby{display:flex;align-items:center;gap:8px;margin:18px 0 22px;font-size:13px}
.jcpc .jc-nlby .jc-av{width:26px;height:26px;font-size:10px}
.jcpc .jc-nlbody{font:400 17px/1.6 Georgia,"Times New Roman",serif;color:#262626}
.jcpc .jc-nlbody p+p{margin-top:14px}
.jcpc .jc-nlbody .jc-dl{padding:4px 0;font:inherit}
.jcpc .jc-nlf{display:flex;align-items:center;gap:14px;min-height:46px;padding:8px 14px;margin-bottom:8px;background:#fff;border:1px solid #E3E3E0;border-radius:8px;font-size:14px}
.jcpc .jc-nlf span{width:96px;flex:none;color:#6B6B66;font-size:13px}
.jcpc .jc-nlf small{color:#6B6B66;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jcpc .jc-nlcard{margin-top:14px;background:#fff;border:1px solid #E3E3E0;border-radius:8px;overflow:hidden}
.jcpc .jc-nlhd{padding:16px 28px;border-bottom:3px solid var(--b);font-weight:700;font-size:15px}
.jcpc .sp-kit .jc-nlbody{padding:22px 28px;font:400 15.5px/1.6 -apple-system,"Segoe UI",Helvetica,sans-serif}
.jcpc .jc-nlst{position:absolute;left:18px;bottom:16px}

/* Upwork */
.jcpc .x-uw .jc-btn,.jcpc .x-uw .jc-btn2,.jcpc .x-uw .jc-ab{border-radius:18px}
.jcpc .x-uw .jc-ab{background:var(--btn);color:#fff;border-color:transparent}
.jcpc .jc-uwh{flex:none;margin-bottom:12px}
.jcpc .jc-uwtabs{display:flex;gap:24px;margin-top:12px;border-bottom:1px solid #D5E0D5;font-size:14px;color:#5E6D55}
.jcpc .jc-uwtabs span{padding:8px 0;border-bottom:2px solid transparent}
.jcpc .jc-uwtabs .on{color:#001E00;font-weight:600;border-bottom-color:#108A00}
.jcpc .jc-uwsub{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex:none;font-size:13.5px;color:#5E6D55}
.jcpc .jc-uwsub>span:not(.jc-sp):not(.jc-btn):not(.jc-btn2){padding:5px 12px;border-radius:16px;border:1px solid #D5E0D5;background:#fff}
.jcpc .jc-uwsub .on{background:#001E00!important;color:#fff;border-color:#001E00!important}
.jcpc .jc-uwl{flex:none;overflow:hidden}
.jcpc .jc-uwc{display:flex;gap:14px;padding:14px 18px;border-top:1px solid #E4EBE4;transition:background .3s}
.jcpc .jc-uwc:first-child{border-top:0}
.jcpc .jc-uwav{width:46px;height:46px;font-size:15px}
.jcpc .jc-uwt{flex:1;min-width:0}
.jcpc .jc-uwt b{font-size:15px;color:#108A00;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(16,138,0,.35)}
.jcpc .jc-uwt small{display:block;margin-top:2px;font-size:13px;font-weight:600;color:#001E00}
.jcpc .jc-uwm{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.jcpc .jc-uwm span{padding:2px 9px;border-radius:12px;background:#F2F7F2;font-size:12px;color:#5E6D55}
.jcpc .jc-uwa{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:none;max-width:180px}
.jcpc .jc-uwa .jc-btn2{height:30px;font-size:12.5px;color:#108A00;border-color:#108A00}
.jcpc .jc-uwa .jc-ab{height:30px}
.jcpc .jc-uwc.done{background:#F4FBF3}

/* Gumroad: black lines, pink buttons, cream page */
.jcpc .x-gr .jc-card,.jcpc .x-gr .jc-in,.jcpc .x-gr .jc-seg,.jcpc .x-gr .jc-btn2,.jcpc .x-gr .jc-flv,.jcpc .x-gr .jc-ptx{border:1px solid #000;border-radius:4px;box-shadow:none}
.jcpc .x-gr .jc-btn,.jcpc .x-gr .jc-create{border:1px solid #000;border-radius:4px;color:#000;box-shadow:3px 3px 0 #000}
.jcpc .x-gr .jc-ab{border:1px solid #000;border-radius:4px;color:#000;background:#fff}
.jcpc .x-gr .jc-ni.on{background:transparent;color:#FF90E8}
.jcpc .x-gr .jc-sb{border-right:0}
.jcpc .x-gr .jc-tb{background:#F4F4F0;border-bottom:1px solid #000}
.jcpc .x-gr .jc-th{background:#fff;border-bottom:1px solid #000;color:#000}
.jcpc .x-gr .jc-tr{border-top-color:#000}
.jcpc .x-gr .jc-h1{font-size:26px}
.jcpc .x-gr .jc-pill{border:1px solid currentColor}

/* the new products in a narrow window */
.jcpc .narrow .jc-ghs,.jcpc .narrow .jc-ghb,.jcpc .narrow .jc-ghbh>span:not(.jc-gcb):not(.jc-sp),.jcpc .narrow .jc-ghtabs span:nth-child(n+4),.jcpc .narrow .jc-ghc{display:none}
.jcpc .narrow .jc-ghbar .jc-btn2{display:none}
.jcpc .narrow .jc-lnsb,.jcpc .narrow .jc-lnr small,.jcpc .narrow .jc-lnp,.jcpc .narrow .jc-lnr .jc-av{display:none}
.jcpc .narrow .jc-lnm{margin:0;border-radius:0;border:0}
.jcpc .narrow .jc-lnr b{max-width:none;flex:1}
.jcpc .narrow .jc-apf{display:none}
.jcpc .narrow .jc-icib{display:none}
.jcpc .narrow .jc-ytsb,.jcpc .narrow .jc-ytsr,.jcpc .narrow .jc-ytcr,.jcpc .narrow .jc-yttabs span:nth-child(n+5){display:none}
.jcpc .narrow .jc-ytr{grid-template-columns:24px 88px minmax(0,1fr) auto}
.jcpc .narrow .jc-ytr>span:nth-child(4){display:none}
.jcpc .narrow .jc-ytr .jc-thumb{width:88px}
.jcpc .narrow .jc-lmg{grid-template-columns:repeat(2,minmax(0,1fr))}
.jcpc .narrow .jc-nltb span,.jcpc .narrow .jc-nlbar small{display:none}
.jcpc .narrow .jc-uwtabs span:nth-child(1),.jcpc .narrow .jc-uwtabs span:nth-child(2),.jcpc .narrow .jc-uwsub>span:nth-child(n+3):not(.jc-btn):not(.jc-btn2){display:none}
.jcpc .narrow .jc-uwm{display:none}
/* Jira's issue types and keys, Zoom's meeting mark, a transcript's time codes */
.jcpc .jc-jrt.story{background:#63BA3C}
.jcpc .jc-jrt.task{background:#4BADE8}
.jcpc .jc-jrt.story .jc-i{fill:#fff;stroke:none;width:11px;height:11px}
.jcpc .jc-jrk{margin-right:6px;color:#0C66E4;font-weight:500}
.jcpc .jc-zmi{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:8px;background:#E8F0FF;color:#0B5CFF}
.jcpc .jc-zmi .jc-i{width:17px;height:17px}
.jcpc .jc-dl.tc{display:flex;gap:16px;align-items:baseline}
.jcpc .jc-dl.tc time{width:46px;flex:none;color:#065FD4;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}
/* GitHub: when it merged, at the row's end */
.jcpc .jc-ghst{flex:none;font-style:normal;font-size:12px;color:#59636E;white-space:nowrap;margin-top:3px}
.jcpc .jc-ghr.done .jc-ghst{color:#1A7F37;font-weight:600}
.jcpc .jc-ghr.done .jc-ghst::before{content:"\2713  "}
/* Linear's new issue window */
.jcpc .jc-lndim{background:#fff}
.jcpc .jc-lnov{position:absolute;inset:0;z-index:4;display:grid;place-items:center;padding:24px;background:rgba(20,20,30,.28)}
.jcpc .jc-lnmod{width:min(680px,100%);max-height:100%;display:flex;flex-direction:column;background:#fff;border:1px solid #E0E0E6;border-radius:12px;box-shadow:0 30px 70px -20px rgba(0,0,0,.35);overflow:hidden}
.jcpc .jc-lnmh{display:flex;align-items:center;gap:8px;height:46px;flex:none;padding:0 16px;font-size:13px;color:#3C4149}
.jcpc .jc-lnmh .jc-i{width:14px;height:14px;color:#8A8F98}
.jcpc .jc-lnmh .jc-pill{height:20px;line-height:20px;font-size:11px;margin-left:6px}
.jcpc .jc-lnmb{flex:1;min-height:0;padding:4px 20px 8px}
.jcpc .jc-lnti{padding:4px 4px 8px;font-size:20px;font-weight:600;line-height:1.3;color:#1F2023;border-radius:6px}
.jcpc .jc-lnfd{padding:4px;border-radius:6px}
.jcpc .jc-lnfd small,.jcpc .jc-lnkv small{display:block;font-size:11.5px;font-weight:600;color:#8A8F98}
.jcpc .jc-lnfd p{font-size:14px;line-height:1.5;color:#3C4149}
.jcpc .jc-lnkv{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;margin-top:6px}
.jcpc .jc-lnkv>span{padding:4px;border-radius:6px;font-size:13px;color:#3C4149}
.jcpc .jc-lnprops{display:flex;flex-wrap:wrap;gap:6px;padding:10px 18px;flex:none}
.jcpc .jc-lnch{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 9px;border:1px solid #E6E6EA;border-radius:6px;font-size:12.5px;color:#3C4149}
.jcpc .jc-lnch .jc-i{width:13px;height:13px;color:#8A8F98}
.jcpc .jc-lnmf{display:flex;align-items:center;gap:12px;height:54px;flex:none;padding:0 16px;border-top:1px solid #EFEFF2;color:#8A8F98;font-size:12.5px}
.jcpc .jc-lnmf .jc-i{width:16px;height:16px}
.jcpc .jc-lnmf .jc-btn{height:30px;border-radius:6px;font-size:13px}
/* Zendesk's views */
.jcpc .jc-zdw{flex:1;min-height:0;display:flex;gap:18px}
.jcpc .jc-zdv{width:220px;flex:none;display:flex;flex-direction:column;gap:1px;font-size:13.5px;color:#2F3941}
.jcpc .jc-zdv>b{display:flex;align-items:center;justify-content:space-between;padding:0 8px 10px;font-size:15px}
.jcpc .jc-zdv>b .jc-i{width:16px;height:16px;color:#68737D}
.jcpc .jc-zdv>span{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:4px}
.jcpc .jc-zdv>span>span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jcpc .jc-zdv em{font-style:normal;color:#68737D}
.jcpc .jc-zdv .on{background:#EDF7FF;color:#1F73B7;font-weight:600}
.jcpc .jc-zdm{flex:1;min-width:0;display:flex;flex-direction:column}
.jcpc .narrow .jc-zdv,.jcpc .narrow .jc-lnsb{display:none}
.jcpc .narrow .jc-lnkv{grid-template-columns:1fr}

/* a sidebar kept to its icons (Apollo), and a top bar in the app's colour */
.jcpc .mini .jc-sb{width:60px;padding:12px 8px}
.jcpc .mini .jc-sb .jc-wm,.jcpc .mini .jc-ni>span,.jcpc .mini .jc-create{display:none}
.jcpc .mini .jc-sb .jc-brand{justify-content:center;padding:0 0 12px}
.jcpc .mini .jc-ni{justify-content:center;padding:0}
.jcpc .jc-tb.dk{color:#fff;border-bottom:0}
.jcpc .jc-tb.dk .jc-srch{background:rgba(255,255,255,.12);color:rgba(255,255,255,.75)}
.jcpc .jc-tb.dk .jc-tbi,.jcpc .jc-tb.dk .jc-acct{color:#fff}
.jcpc .jc-tbn{font-size:15px;font-weight:600;white-space:nowrap}
/* the older desks (athenaOne, Dentrix, Applied Epic, ezyVet, ConnectWise, Autotask): square, tight */
.jcpc .x-cl .jc-card,.jcpc .x-cl .jc-btn,.jcpc .x-cl .jc-btn2,.jcpc .x-cl .jc-in,.jcpc .x-cl .jc-seg,.jcpc .x-cl .jc-ab,.jcpc .x-cl .jc-flv{border-radius:3px}
.jcpc .x-cl .jc-pill{border-radius:3px}
.jcpc .x-cl .jc-th{background:#E9EDF2;color:#2B3440}
.jcpc .x-cl .jc-tr{min-height:48px}
.jcpc .x-cl .jc-top{height:48px}
/* Airbnb */
.jcpc .x-ab .jc-top{height:64px;border-bottom:1px solid #EBEBEB}
.jcpc .x-ab .jc-wm{color:#FF385C;font-weight:800!important;letter-spacing:-.03em;font-size:20px}
.jcpc .x-ab .jc-tn span.on{border-bottom-color:#222;color:#222}
.jcpc .x-ab .jc-btn,.jcpc .x-ab .jc-btn2{border-radius:8px}
.jcpc .x-ab .jc-card{border-radius:12px}
.jcpc .x-ab .jc-bb.me .jc-bt p{background:#222;color:#fff}
.jcpc .jc-lnid{width:72px;white-space:nowrap}
.jcpc .jc-apf{width:186px}
.jcpc .jc-blg.tile{background-color:#fff;border-radius:6px;background-origin:content-box;padding:3px}