/* FB-REDESIGN-SHELL-COLLAB-0928 — the FocusBoards shell, from the founder's 28 Sep picks (approved 28 Sep).
   Feel: Jira (flat canvas, one 2px underline, 13px density, restrained colour, a 24px left gutter).
   Same bytes on Mission Control (#mc-board) and the Network (#fsn-board): every colour is the page's own
   token (--card --card2 --ln --ln2 --tx --mut --pur --gold), so both themes are right by inheritance.
   Controls keep MC's measured .bd-btn; radii 6–8px; Lucide only; nothing hand-drawn. */

:is(#mc-board,#fsn-board){--fbv:#514dfa;--fbm:var(--mut,#6b7194);--fbf:var(--faint,#9b9cb4);--fbtint:rgba(97,93,250,.07);--fbtint2:rgba(97,93,250,.13);
  --fbok:#0d8128;--fboks:rgba(22,196,59,.13);--fbwarn:#b26a00;--fbwarns:rgba(255,159,67,.16);--fbbad:#c62828;--fbbads:rgba(255,93,126,.14);
  --fbblue:#1d5fd6;--fbblues:rgba(29,95,214,.11);--fbr:6px}
html.fs-dark :is(#mc-board,#fsn-board){--fbv:#8b87ff;--fbtint:rgba(139,135,255,.1);--fbtint2:rgba(139,135,255,.18);--fbok:#4ade80;--fboks:rgba(74,222,128,.14);--fbwarn:#fbbf24;--fbwarns:rgba(251,191,36,.14);--fbbad:#ff7b93;--fbbads:rgba(255,123,147,.16);--fbblue:#7fb0ff;--fbblues:rgba(127,176,255,.14)}

/* ═════ the header — Jira's project header: kicker, 22px title, actions in one row, no tinted band ═════ */
:is(#mc-board,#fsn-board) #bd-hero{background:var(--card);border-bottom:1px solid var(--ln);padding:16px 24px 12px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;box-shadow:none;border-left:0;background-image:none;border-radius:0}
:is(#mc-board,#fsn-board) #bd-hero::before,:is(#mc-board,#fsn-board) #bd-hero::after{display:none}
:is(#mc-board,#fsn-board) #bd-kick{font:700 10.5px/1 Inter;letter-spacing:.12em;color:var(--fbm);margin:0 0 8px;text-transform:uppercase;display:flex;align-items:center;gap:6px}
:is(#mc-board,#fsn-board) #bd-kick .ic,:is(#mc-board,#fsn-board) #bd-kick svg{width:12px;height:12px;color:var(--fbv)}
:is(#mc-board,#fsn-board) #bd-hero h1{font:700 22px/1.15 Sora,Inter,sans-serif;letter-spacing:-.015em;margin:0;color:var(--tx)}
:is(#mc-board,#fsn-board) #bd-hero .hr{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
:is(#mc-board,#fsn-board) #bd-hero .bd-stat{display:flex;flex-direction:column;align-items:flex-end;gap:2px;margin-right:6px;padding-right:14px;border-right:1px solid var(--ln);background:none;border-radius:0;padding-top:0;padding-bottom:0}
:is(#mc-board,#fsn-board) #bd-hero .bd-stat b{font:700 15px/1 Sora,Inter,sans-serif;letter-spacing:-.01em;color:var(--tx)}
:is(#mc-board,#fsn-board) #bd-hero .bd-stat span{font:700 9.5px/1 Inter;letter-spacing:.1em;color:var(--fbm)}
:is(#mc-board,#fsn-board) #bd-hero .bd-btn{min-height:34px;padding:0 12px;font:700 12.5px Inter}
:is(#mc-board,#fsn-board) #bd-hero .bd-actsbtn{width:34px;height:34px}
:is(#mc-board,#fsn-board) #bd-hero .bd-rung{font:700 11px Inter}
:is(#mc-board,#fsn-board) #bd-main{background:var(--card)}
:is(#mc-board,#fsn-board){background:var(--card)}
:is(#mc-board,#fsn-board) #bd-side,:is(#mc-board,#fsn-board) .bd-panel{border-right-color:var(--ln)}

/* ═════ the board nav — one row of underlined tabs (the same six groups, the same words) ═════ */
:is(#mc-board,#fsn-board) .n2nav{padding:0 16px;gap:0;border-bottom:1px solid var(--ln);background:var(--card)}
:is(#mc-board,#fsn-board) .n2nav .n2g{padding:12px 10px 11px;font:600 13px/1 Inter;color:var(--fbm);border-radius:0;gap:7px}
:is(#mc-board,#fsn-board) .n2nav .n2g:hover{background:none;color:var(--tx)}
:is(#mc-board,#fsn-board) .n2nav .n2g.on{color:var(--fbv);border-bottom-color:var(--pur)}
:is(#mc-board,#fsn-board) .n2nav .n2g .n2here{font-weight:700}
:is(#mc-board,#fsn-board) .n2nav .n2g .cnt{font:700 10px/1 Inter;color:var(--fbm);background:var(--card2);border:1px solid var(--ln);border-radius:8px;padding:2px 6px}
:is(#mc-board,#fsn-board) .n2nav .n2jump{padding:6px 10px;border-radius:9px}
:is(#mc-board,#fsn-board) .n2sheet .n2card{border-radius:12px;padding:5px}
:is(#mc-board,#fsn-board) .n2sheet .n2row{border-radius:8px;padding:9px 10px;font:600 12.5px/1.25 Inter}
:is(#mc-board,#fsn-board) .n2sheet .n2row .fbr-new{font:800 8.5px/1 Inter;letter-spacing:.1em;color:var(--fbv);border:1px solid rgba(97,93,250,.35);border-radius:5px;padding:3px 5px;margin-left:auto}
/* the view row under Work: quiet underlined links, not a segmented pill */
:is(#mc-board,#fsn-board) .n2lens{padding:0 16px;gap:2px;border-top:0}
:is(#mc-board,#fsn-board) .n2lens .n2seg{background:transparent;border:0;border-radius:0;padding:0;gap:2px}
:is(#mc-board,#fsn-board) .n2lens .n2seg a{padding:9px 9px 8px;margin-bottom:-1px;border-radius:0;border-bottom:2px solid transparent;font:600 12px/1 Inter;color:var(--fbm);box-shadow:none;background:none}
:is(#mc-board,#fsn-board) .n2lens .n2seg a:hover{color:var(--tx)}
:is(#mc-board,#fsn-board) .n2lens .n2seg a.on{color:var(--tx);border-bottom-color:var(--tx);background:none;box-shadow:none}
:is(#mc-board,#fsn-board) .n2lens .n2div{margin:0 6px}
:is(#mc-board,#fsn-board) .n2lens .n2auto{padding:9px 9px 8px;margin-bottom:-1px;border-radius:0;border-bottom:2px solid transparent;font:600 12px/1 Inter}
:is(#mc-board,#fsn-board) .n2lens .n2auto.on{background:none;color:var(--tx);border-bottom-color:var(--tx)}

/* ═════ shared primitives the four packages draw with ═════ */
:is(#mc-board,#fsn-board) .fbr-ri{width:15px;height:15px;flex:none;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
:is(#mc-board,#fsn-board) .fbr-ri.s{width:13px;height:13px}
:is(#mc-board,#fsn-board) .fbr-h{display:flex;align-items:center;gap:8px;margin:0 0 10px;font:800 10.5px/1 Inter;letter-spacing:.12em;text-transform:uppercase;color:var(--fbm)}
:is(#mc-board,#fsn-board) .fbr-h .fbr-ri{width:13px;height:13px;color:var(--fbv)}
:is(#mc-board,#fsn-board) .fbr-h .n{font:700 10px/1 Inter;letter-spacing:0;color:var(--fbm);background:var(--card2);border:1px solid var(--ln);border-radius:8px;padding:2px 6px}
:is(#mc-board,#fsn-board) .fbr-h .sp{flex:1}
:is(#mc-board,#fsn-board) .fbr-h a,:is(#mc-board,#fsn-board) .fbr-h button.lnk{font:700 11.5px Inter;letter-spacing:0;text-transform:none;color:var(--fbv);background:none;border:0;padding:0;cursor:pointer;display:inline-flex;align-items:center;gap:5px}
:is(#mc-board,#fsn-board) .fbr-h a .fbr-ri,:is(#mc-board,#fsn-board) .fbr-h button.lnk .fbr-ri{width:12px;height:12px}
:is(#mc-board,#fsn-board) .fbr-h .bd-btn{min-height:0;padding:5px 9px;font:700 12px Inter;gap:6px;margin-left:6px;letter-spacing:0;text-transform:none}
:is(#mc-board,#fsn-board) .fbr-h .bd-btn .fbr-ri{width:13px;height:13px;color:inherit}
:is(#mc-board,#fsn-board) .fbr-av{width:24px;height:24px;border-radius:7px;object-fit:cover;flex:none;display:inline-flex;align-items:center;justify-content:center;font:800 9.5px/1 Inter;color:#fff;background:var(--pur);letter-spacing:.02em;overflow:hidden}
:is(#mc-board,#fsn-board) .fbr-av img{width:100%;height:100%;object-fit:cover;display:block}
:is(#mc-board,#fsn-board) .fbr-av.ai{background:linear-gradient(135deg,#615dfa,#d6307a)}
:is(#mc-board,#fsn-board) .fbr-av.lg{width:32px;height:32px;font-size:11px;border-radius:8px}
:is(#mc-board,#fsn-board) .fbr-loz{display:inline-flex;align-items:center;gap:5px;padding:2px 6px;border-radius:3px;font:700 10.5px/1.5 Inter;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;color:var(--fbm);background:var(--card2);border:1px solid transparent}
:is(#mc-board,#fsn-board) .fbr-loz.in_progress{color:var(--fbblue);background:var(--fbblues)}
:is(#mc-board,#fsn-board) .fbr-loz.review,:is(#mc-board,#fsn-board) .fbr-loz.approval{color:var(--fbwarn);background:var(--fbwarns)}
:is(#mc-board,#fsn-board) .fbr-loz.done{color:var(--fbok);background:var(--fboks)}
:is(#mc-board,#fsn-board) .fbr-loz.ai{color:var(--fbv);background:var(--fbtint2)}
:is(#mc-board,#fsn-board) .fbr-ftype{display:inline-flex;align-items:center;justify-content:center;width:34px;height:24px;border-radius:4px;font:800 8.5px/1 ui-monospace,Menlo,monospace;letter-spacing:.06em;color:#fff;flex:none}
:is(#mc-board,#fsn-board) .fbr-ftype.doc{background:#2b6fd6}:is(#mc-board,#fsn-board) .fbr-ftype.image{background:#e37400}:is(#mc-board,#fsn-board) .fbr-ftype.video{background:#d6307a}
:is(#mc-board,#fsn-board) .fbr-ftype.audio{background:#7c3aed}:is(#mc-board,#fsn-board) .fbr-ftype.design{background:#a259ff}:is(#mc-board,#fsn-board) .fbr-ftype.link{background:#1e8e3e}:is(#mc-board,#fsn-board) .fbr-ftype.other{background:#4a4f6a}
:is(#mc-board,#fsn-board) .fbr-ftype.folder{background:var(--fbtint2);color:var(--fbv)}
:is(#mc-board,#fsn-board) .fbr-empty{padding:14px 0;color:var(--fbm);font:500 12.5px/1.5 Inter}
:is(#mc-board,#fsn-board) .fbr-toast{position:fixed;left:50%;bottom:70px;transform:translate(-50%,10px);z-index:2200;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;background:#1a1b26;color:#e6e7f0;font:700 12.5px Inter;box-shadow:0 12px 30px rgba(0,0,0,.35);opacity:0;transition:opacity .2s,transform .2s;pointer-events:none}
:is(#mc-board,#fsn-board) .fbr-toast.on{opacity:1;transform:translate(-50%,0)}
:is(#mc-board,#fsn-board) .fbr-toast .fbr-ri{width:14px;height:14px;color:#4ade80}

/* ═════ Work · Collaborate — the landing, re-composed: brief, Docs & files, the tasks; settings folded ═════ */
:is(#mc-board,#fsn-board)[data-tab="collaborate"] #bd-body:not([data-fbr-ready]){visibility:hidden}
:is(#mc-board,#fsn-board) .fbr-land{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:36px;align-items:start;padding:20px 40px 60px 24px;min-width:0}
:is(#mc-board,#fsn-board) .fbr-land>div{min-width:0}
:is(#mc-board,#fsn-board) .fbr-sec{margin-bottom:26px}
/* the brief: the existing .bd-briefcard, flattened */
:is(#mc-board,#fsn-board) .fbr-land .bd-briefcard{background:none;border:0;border-bottom:1px solid var(--ln);border-radius:0;padding:0 0 18px;margin:0 0 22px;box-shadow:none}
:is(#mc-board,#fsn-board) .fbr-land .bd-briefcard .bh{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-direction:row-reverse;justify-content:flex-end}
:is(#mc-board,#fsn-board) .fbr-land .bd-briefcard .bh h3{display:none}
:is(#mc-board,#fsn-board) .fbr-land .bd-briefcard .bh .fb{font:800 10.5px/1 Inter;letter-spacing:.12em;text-transform:uppercase;color:var(--gold,#d6307a);background:none;border:0;padding:0;border-radius:0}
:is(#mc-board,#fsn-board) .fbr-land .bd-briefcard #bd-brief{margin:0;font:500 17px/1.4 Sora,Inter,sans-serif;letter-spacing:-.01em;color:var(--tx);max-width:62ch}
:is(#mc-board,#fsn-board) .fbr-land .bd-briefcard #bd-brief.empty{font:500 14px/1.5 Inter;color:var(--fbm)}
:is(#mc-board,#fsn-board) .fbr-land .bd-briefcard .bd-chips{margin-top:10px}
:is(#mc-board,#fsn-board) .fbr-land .bd-briefcard .bd-editlink{margin-top:10px;font:700 11.5px Inter;color:var(--fbm)}
:is(#mc-board,#fsn-board) .fbr-prog{display:flex;align-items:center;gap:12px;margin-top:14px;font:600 12px Inter;color:var(--fbm)}
:is(#mc-board,#fsn-board) .fbr-prog b{font:700 13px Inter;color:var(--tx)}
:is(#mc-board,#fsn-board) .fbr-prog i{flex:1 1 160px;max-width:220px;height:6px;border-radius:3px;background:var(--card2);overflow:hidden;display:block}
:is(#mc-board,#fsn-board) .fbr-prog i s{display:block;height:100%;background:var(--pur);border-radius:3px;text-decoration:none}
/* Docs & files (Basecamp: "easily seeable") */
:is(#mc-board,#fsn-board) .fbr-files{display:grid;grid-template-columns:230px minmax(0,1fr);gap:0 28px}
:is(#mc-board,#fsn-board) .fbr-fl{border-top:1px solid var(--ln)}
:is(#mc-board,#fsn-board) .fbr-fl a,:is(#mc-board,#fsn-board) .fbr-fl .r{display:flex;align-items:center;gap:10px;padding:8px 2px;border-bottom:1px solid var(--ln);min-width:0;color:inherit;text-decoration:none}
:is(#mc-board,#fsn-board) .fbr-fl a:hover .nm{color:var(--fbv)}
:is(#mc-board,#fsn-board) .fbr-fl .nm{font:600 12.5px Inter;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto;min-width:0}
:is(#mc-board,#fsn-board) .fbr-fl .by{font:500 11.5px Inter;color:var(--fbm);white-space:nowrap}
:is(#mc-board,#fsn-board) .fbr-fl .by b{font-weight:600;color:var(--tx)}
:is(#mc-board,#fsn-board) .fbr-fl .cnt{font:600 11.5px Inter;color:var(--fbm)}
:is(#mc-board,#fsn-board) .fbr-fl .pin{font:700 9.5px Inter;color:var(--fbok);letter-spacing:.06em}
:is(#mc-board,#fsn-board) .fbr-drop{margin-top:10px;padding:10px 12px;border:1px dashed var(--ln2);border-radius:var(--fbr);font:500 12px Inter;color:var(--fbm);display:flex;align-items:center;gap:8px}
:is(#mc-board,#fsn-board) .fbr-drop .fbr-ri{width:14px;height:14px;color:var(--fbv)}
/* the tasks: the existing "Raise your hand" panel, re-set as a list */
:is(#mc-board,#fsn-board) .fbr-land .bd-panel{background:none;border:0;border-radius:0;padding:0;margin:0;box-shadow:none}
:is(#mc-board,#fsn-board) .fbr-land .bd-panel>.bd-phead{display:none}
:is(#mc-board,#fsn-board) .fbr-land .bd-tgrp{font:800 10.5px/1 Inter;letter-spacing:.1em;text-transform:uppercase;color:var(--fbm);margin:16px 0 6px;padding:0}
:is(#mc-board,#fsn-board) .fbr-land .bd-tgrp:first-of-type{margin-top:0}
:is(#mc-board,#fsn-board) .fbr-land .bd-task{background:none;border:0;border-top:1px solid var(--ln);border-radius:0;padding:10px 2px;margin:0;box-shadow:none}
:is(#mc-board,#fsn-board) .fbr-land .bd-task:last-child{border-bottom:1px solid var(--ln)}
:is(#mc-board,#fsn-board) .fbr-land .bd-task:hover{background:var(--card2)}
:is(#mc-board,#fsn-board) .fbr-land .bd-task h4{font:600 13px/1.35 Inter;color:var(--tx)}
:is(#mc-board,#fsn-board) .fbr-land .bd-task .meta{font:500 11.5px Inter;color:var(--fbm)}
:is(#mc-board,#fsn-board) .fbr-land .bd-taskq{background:none;border:0;border-top:1px solid var(--ln);border-radius:0;padding:8px 2px}
:is(#mc-board,#fsn-board) .fbr-land .bd-raise{border-radius:var(--fbr)}
:is(#mc-board,#fsn-board) .fbr-land .bd-empty{padding:18px 0;text-align:left}
/* the right column: Maven suggests, the Client Window, the settings folded into details rows */
:is(#mc-board,#fsn-board) .fbr-land .bd-mvns{background:none;border:0;border-top:1px solid var(--ln);border-radius:0;padding:12px 0 0;margin-bottom:26px}
:is(#mc-board,#fsn-board) .fbr-set{border-top:1px solid var(--ln)}
:is(#mc-board,#fsn-board) .fbr-set details{border-bottom:1px solid var(--ln)}
:is(#mc-board,#fsn-board) .fbr-set summary{display:flex;align-items:center;gap:10px;padding:9px 2px;font:600 12.5px Inter;cursor:pointer;list-style:none;color:var(--tx)}
:is(#mc-board,#fsn-board) .fbr-set summary::-webkit-details-marker{display:none}
:is(#mc-board,#fsn-board) .fbr-set summary .fbr-ri{width:14px;height:14px;color:var(--fbm)}
:is(#mc-board,#fsn-board) .fbr-set summary .v{margin-left:auto;font:500 11.5px Inter;color:var(--fbm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40%}
:is(#mc-board,#fsn-board) .fbr-set summary .chev{width:12px;height:12px;transition:transform .14s;flex:none}
:is(#mc-board,#fsn-board) .fbr-set details[open] summary .chev{transform:rotate(180deg)}
:is(#mc-board,#fsn-board) .fbr-set .body{padding:2px 2px 12px}
:is(#mc-board,#fsn-board) .fbr-set .body>div{margin-top:0!important;padding-top:0!important;border-top:0!important}
:is(#mc-board,#fsn-board) .fbr-set .body label{margin-bottom:6px!important}
:is(#mc-board,#fsn-board) .fbr-land .cwt-panel,:is(#mc-board,#fsn-board) .fbr-land [class^="cwt-"]{margin-bottom:26px}
@media(prefers-reduced-motion:reduce){:is(#mc-board,#fsn-board) .fbr-set summary .chev{transition:none}}

/* ═════ the New task pop-up — today's fs-modal 'New task' (fsqc-task), every field kept, the board's own fields added ═════ */
#fsqc-task .fbr-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#fsqc-task .fbr-pick{display:flex;flex-direction:column;gap:3px;border:1px solid var(--ln2,#dfe2ee);border-radius:9px;padding:4px;max-height:168px;overflow-y:auto}
#fsqc-task .fbr-pk{display:flex;align-items:center;gap:8px;padding:5px 8px;border:0;border-radius:7px;background:none;font:600 12.5px Inter;color:var(--tx,#2c2c44);text-align:left;cursor:pointer;width:100%}
#fsqc-task .fbr-pk:hover{background:var(--card2,#f4f5fa)}
#fsqc-task .fbr-pk.on{background:rgba(97,93,250,.08);color:var(--fbv,#514dfa)}
#fsqc-task .fbr-pk .fbr-av{width:22px;height:22px;font-size:8.5px;border-radius:6px}
#fsqc-task .fbr-pk .fbr-ri{width:14px;height:14px;color:var(--mut,#6b7194)}
#fsqc-task .fbr-opts{display:flex;flex-direction:column;gap:8px;padding-top:10px;border-top:1px solid var(--ln,#e8eaf2)}
#fsqc-task .fbr-tg{display:flex;align-items:flex-start;gap:10px;font:500 12.5px/1.4 Inter;color:var(--mut,#6b7194);margin:0;cursor:pointer}
#fsqc-task .fbr-tg input{margin:3px 0 0;accent-color:#615dfa;flex:none}
#fsqc-task .fbr-tg span{display:flex;gap:6px;align-items:flex-start}
#fsqc-task .fbr-tg .fbr-ri{margin-top:2px;color:var(--fbv,#514dfa)}
#fsqc-task .fbr-tg b{color:var(--tx,#2c2c44);font-weight:600}
#fsqc-task .fbr-amt{padding-left:26px}
#fsqc-task .fbr-amt small{display:block;margin-top:4px;font:500 11px Inter;color:var(--mut,#6b7194)}
#fsqc-task .fbr-amt[hidden]{display:none}
#fsqc-task .fsqc-chip.fbr-hand{color:var(--gold,#d6307a);border-color:rgba(214,48,122,.35)}
#fsqc-task .fsqc-chip.fbr-paid{color:#0d8128;border-color:rgba(13,129,40,.35)}
#fsqc-task .fbr-pvn{margin:12px 0 0;font:500 11.5px/1.5 Inter;color:var(--mut,#6b7194)}
#fsqc-task .fsm-sec.fbr-hidden{display:none}
@media(max-width:820px){
  #fsqc-task .fbr-row2{grid-template-columns:1fr}
}

/* ═════ phone ═════ */
@media(max-width:820px){
  :is(#mc-board,#fsn-board) #bd-hero{display:block;padding:14px 14px 10px}
  :is(#mc-board,#fsn-board) #bd-hero .hr{justify-content:flex-start;margin-top:10px}
  :is(#mc-board,#fsn-board) #bd-hero .bd-stat{align-items:baseline;border-right:0;padding-right:0;margin-right:0;width:100%;flex-direction:row;gap:8px}
  :is(#mc-board,#fsn-board) .n2nav{padding:0 6px}
  :is(#mc-board,#fsn-board) .n2nav .n2g{padding:12px 8px 11px;font-size:12.5px}
  :is(#mc-board,#fsn-board) .n2lens{padding:0 6px}
  :is(#mc-board,#fsn-board) .fbr-land{grid-template-columns:minmax(0,1fr);gap:22px;padding:14px 14px 90px}
  :is(#mc-board,#fsn-board) .fbr-land .bd-briefcard #bd-brief{font-size:15px}
  :is(#mc-board,#fsn-board) .fbr-files{grid-template-columns:minmax(0,1fr);gap:14px}
  :is(#mc-board,#fsn-board) .fbr-fl .by{display:none}
}

/* FB-LANDING-0929 BEGIN arrival-pulse ─────────────────────────────────────────────────────────────
   Founder note, 29 Sep (page 6, P5): "When someone lands on a FocusBoard, have the navigation block
   highlighted and pulse Kelly green (temporarily)." The ring is drawn by fbr-shell.js as ONE overlay over
   the board's two navigation rows (.n2nav + .n2lens), only on ARRIVAL (never on a tab change inside the same
   board, never on a reload). Kelly = the platform's own #16c43b (fs_decision_kelly_green_protected: flat
   green, never a gradient). Sharp and flat like the shell: no radius, no drop shadow — a ring and a tint.
   pointer-events:none, so every tab stays clickable while it pulses. Reduced motion: a static ring, no pulse. */
.fbr-arrive{position:absolute;z-index:30;pointer-events:none;box-sizing:border-box;border:2px solid #16c43b;
  background:rgba(22,196,59,.07);box-shadow:0 0 0 0 rgba(22,196,59,.45);opacity:0;
  animation:fbr-arrive-in .22s ease-out forwards,fbr-arrive-pulse 1.1s ease-out .22s 3,fbr-arrive-out .6s ease-in 3.55s forwards}
@keyframes fbr-arrive-in{from{opacity:0}to{opacity:1}}
@keyframes fbr-arrive-pulse{0%{box-shadow:0 0 0 0 rgba(22,196,59,.45);background:rgba(22,196,59,.10)}
  70%{box-shadow:0 0 0 9px rgba(22,196,59,0);background:rgba(22,196,59,.04)}100%{box-shadow:0 0 0 0 rgba(22,196,59,0);background:rgba(22,196,59,.04)}}
@keyframes fbr-arrive-out{from{opacity:1}to{opacity:0}}
html.fs-dark .fbr-arrive{background:rgba(22,196,59,.10)}
@media(prefers-reduced-motion:reduce){.fbr-arrive{animation:none;opacity:1;box-shadow:none}}
/* FB-LANDING-0929 END arrival-pulse */