/* Common Ground / default People and Staff design. True black, flat EON green; motion follows confirmed events. The presentation attribute is active only on authenticated People/Staff views. The existing theme, records, task handlers and score ledger stay canonical. */ /* THEME-NEUTRAL ON PURPOSE. This door is the ONE rule in this file that paints while the ground is OFF: common_ground.js returns it only when `state().jwt && !active()`, so it renders in Settings > Appearance and on the CLASSIC People/Staff pages — both of which can be in light mode. It must therefore use literals, never the --cg-* tokens, which exist only inside [data-common-ground="on"]. Measured 2026-09-09: a token version read `border:1px solid var(--cg-ink)` (undefined here, so the whole shorthand is invalid and border-style falls back to none) over `background:#101010`. In light mode the inherited ink is #15151a, giving 1.05:1 against the pill — an unlabelled black block where "Open People OS" should be. Translucent grey lets the host surface through and stays legible in both themes. */ .cg-entry[data-cg-entry]{display:inline-flex;align-items:center;gap:10px;padding:11px 16px;border:1px solid rgba(128,132,130,.45);border-radius:99px;color:inherit;background:rgba(128,132,130,.10);font:600 12px/1.3 'Archivo',sans-serif;text-decoration:none;margin:10px 14px;position:relative;z-index:2} .cg-entry svg{width:16px;height:16px}.cg-access{--access-font:'Archivo',sans-serif;max-width:660px;margin:14vh auto;padding:32px;font-family:var(--access-font);}.cg-access h1{font-size:42px;letter-spacing:-2px}.cg-access p{margin:20px 0;color:#aeb8b3}.cg-access a{display:inline-block;margin:20px 20px 0 0} [data-common-ground="on"]{color-scheme:dark;--cg-bg:#000000;--cg-panel:#101010;--cg-line:rgba(255,255,255,.09);--cg-ink:#f2f3f4;--cg-muted:#a3abae;--cg-green:#d4ff3a;--act-ink:#101010;--cg-font:'Archivo',sans-serif;--cg-mono:'JetBrains Mono',monospace;--safe-top:env(safe-area-inset-top,0px)} [data-common-ground="on"] body{background:var(--cg-bg);color:var(--cg-ink)} [data-common-ground="on"] :is(.pos-shell,.sos-root){--bg:var(--cg-bg);--card:var(--cg-panel);--card2:#202020;--ink:var(--cg-ink);--ink-dim:#c9cfd0;--mute:var(--cg-muted);--lime:var(--cg-green);--mint:var(--cg-green);--amber:#e0bd85;--red:#ecaaa2;--blue:var(--cg-ink);--line:var(--cg-line);--line-soft:rgba(255,255,255,.055);--mono:var(--cg-mono);--eon-bg:var(--cg-bg);--eon-bg-2:var(--cg-panel);--eon-bg-3:#202020;--eon-ink:var(--cg-ink);--eon-ink-dim:#c5cdcf;--eon-ink-mute:var(--cg-muted);--eon-accent:var(--cg-green);--hs-bg:var(--cg-bg);--hs-fg:var(--cg-ink);background:var(--cg-bg);color:var(--cg-ink);font-family:var(--cg-font);} [data-common-ground="on"] :is(.pos-shell,.sos-root) :is(button,input,select,textarea){font-family:var(--cg-font)} [data-common-ground="on"] :is(.pos-shell,.sos-root) :focus-visible{outline:2px solid var(--cg-ink);outline-offset:4px} [data-common-ground="on"] :is(.pos-shell,.sos-root) :is(.pos-mono,.mono){font-family:var(--cg-mono);font-variant-numeric:tabular-nums} [data-common-ground="on"] .pos-shell{padding:0;position:fixed;inset:0;overflow:auto;z-index:1000;background-image:none;} [data-common-ground="on"] .cg-frame{position:relative;display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:24px;min-height:86px;padding:20px 36px;padding-top:calc(20px + var(--safe-top));background:rgba(0,0,0,.94);border-bottom:1px solid var(--cg-line);z-index:10;font:500 13px/1.4 var(--cg-font)} [data-common-ground="on"] .cg-brand{display:flex;align-items:center;gap:12px;white-space:nowrap;text-decoration:none;color:var(--cg-ink);font-size:16px;letter-spacing:3px} [data-common-ground="on"] .cg-brand>span:last-child{font-size:11px;color:var(--cg-muted);letter-spacing:2px;max-width:76px;white-space:normal} [data-common-ground="on"] .cg-brand-symbol{width:33px;height:33px;padding:7px;background:var(--cg-panel);border:1px solid var(--cg-ink);border-radius:11px;box-shadow:none;} [data-common-ground="on"] .cg-brand-symbol svg{width:100%;height:100%;color:var(--cg-ink)} [data-common-ground="on"] .cg-product{display:flex;gap:3px;border:1px solid rgba(255,255,255,.06);padding:4px;background:#0b0b0b;border-radius:14px} [data-common-ground="on"] .cg-product a{padding:9px 24px;color:var(--cg-muted);text-decoration:none;border-radius:10px;white-space:nowrap;font-weight:600;font-size:12px} [data-common-ground="on"] .cg-product a[aria-current]{background:var(--cg-panel);box-shadow:none;color:white} [data-common-ground="on"] .cg-compare{display:flex;gap:8px;align-items:center;color:var(--cg-muted);font-size:10px;white-space:nowrap} [data-common-ground="on"] .cg-compare a{display:flex;gap:8px;align-items:center;color:#d0d5d7;text-decoration:none;border-left:1px solid var(--cg-line);padding-left:14px;margin-left:6px} [data-common-ground="on"] .cg-compare svg{width:15px;height:15px} [data-common-ground="on"] .pos-sh{max-width:1440px;margin:auto;padding:24px 48px 0;background:transparent;border:0;box-shadow:none;position:relative;top:auto} [data-common-ground="on"] :is(.pos-heroband,.sos-horizon,.sos-heroband){display:none!important} [data-common-ground="on"] .pos-sh__top{min-height:32px;gap:12px} [data-common-ground="on"] .pos-wordmark{font:600 17px/1.3 var(--cg-font);letter-spacing:-.4px;color:#d6dedb} [data-common-ground="on"] .pos-wordmark__os{font:inherit;color:var(--cg-muted);margin-left:4px} [data-common-ground="on"] :is(.pos-sh__role,.pos-sh__date){font:11px/1.4 var(--cg-font);color:var(--cg-muted)} [data-common-ground="on"] .pos-sh__back{border-radius:10px;background:#1b1b1b} [data-common-ground="on"] .pos-ribbon{display:none} [data-common-ground="on"] .pos-tabbar{display:flex;gap:5px;max-width:1344px;margin:20px auto 0;padding:0 0 12px;overflow:visible;flex-wrap:wrap;background:transparent;border:0;border-bottom:1px solid var(--cg-line);position:relative;top:auto;z-index:5} [data-common-ground="on"] .pos-tab{border:0;border-radius:10px;color:var(--cg-muted);font:500 12px/1.4 var(--cg-font);letter-spacing:0;padding:11px 12px;background:transparent;text-transform:none;min-height:40px} [data-common-ground="on"] .pos-tab svg{width:15px;height:15px} [data-common-ground="on"] .pos-tab.on{background:#252525;color:#eef5f1;box-shadow:none;} [data-common-ground="on"] .pos-tab:after{display:none} [data-common-ground="on"] .pos-tabnum{background:#303a34;color:#e5efe9;border-radius:5px} [data-common-ground="on"] .pos-surface{max-width:1440px;margin:auto;padding:30px 48px 70px;overflow:visible;flex:none} [data-common-ground="on"] .cg-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 28px} [data-common-ground="on"] .cg-kicker{font:600 10px/1.5 var(--cg-font);letter-spacing:2px;color:var(--cg-ink);margin:0 0 14px;text-transform:uppercase} [data-common-ground="on"] .cg-intro h2{font:600 clamp(36px,4.2vw,60px)/1.07 var(--cg-font);letter-spacing:-2.5px;margin:0 0 14px;color:var(--cg-ink)} [data-common-ground="on"] .cg-intro h2 span{color:#a4afb0} [data-common-ground="on"] .cg-intro p:not(.cg-kicker){font:400 13px/1.65 var(--cg-font);color:var(--cg-muted);margin:0;max-width:640px} [data-common-ground="on"] .cg-actions{display:flex;gap:8px;flex-wrap:wrap} [data-common-ground="on"] .cg-button{border:1px solid #ffffff12;border-radius:10px;background:#202020;color:#e6ebea;padding:10px 14px;min-height:40px;font:600 11px/1.4 var(--cg-font);cursor:pointer;white-space:nowrap;transition:background .2s,transform .2s} [data-common-ground="on"] .cg-button:hover{background:#39413f;transform:translateY(-1px)} [data-common-ground="on"] .cg-button.primary{background:var(--cg-panel);color:#1e1e1e;border-color:var(--cg-line);box-shadow:none;} [data-common-ground="on"] .cg-button:disabled{opacity:.5;cursor:wait} [data-common-ground="on"] .cg-note{display:flex;align-items:flex-start;gap:9px;color:var(--cg-ink);font:400 11px/1.7 var(--cg-font);padding:12px 15px;margin:0 0 24px;background:#1b252044;border:1px solid var(--cg-line);border-radius:10px} [data-common-ground="on"] .cg-note svg{flex:none;width:16px;height:16px;margin-top:1px} [data-common-ground="on"] .cg-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px} [data-common-ground="on"] .cg-metric{background:var(--cg-panel);border:1px solid var(--cg-line);border-radius:18px;padding:23px 25px;box-shadow:none;} [data-common-ground="on"] .cg-metric>span{display:block;font:500 11px/1.5 var(--cg-font);color:var(--cg-ink);margin-bottom:13px} [data-common-ground="on"] .cg-metric strong{display:block;font:550 clamp(23px,2.5vw,35px)/1.1 var(--cg-font);letter-spacing:-1.1px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere} [data-common-ground="on"] .cg-metric small{display:block;margin-top:12px;color:var(--cg-muted);font:400 10px/1.5 var(--cg-font)} [data-common-ground="on"] .cg-panel{border:1px solid var(--cg-line);border-radius:20px;background:var(--cg-panel);padding:25px;box-shadow:none;margin-bottom:20px;min-width:0} [data-common-ground="on"] .cg-panel h3{font:600 20px/1.3 var(--cg-font);letter-spacing:-.5px;color:#e6eeeb;margin:0} [data-common-ground="on"] .cg-panel .cg-kicker{margin-bottom:7px;font-size:11px} [data-common-ground="on"] .cg-panel-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px} [data-common-ground="on"] .cg-tag{display:inline-flex;align-items:center;padding:5px 8px;border:1px solid var(--cg-line);border-radius:6px;background:var(--cg-line);color:var(--cg-ink);font:500 11px/1.3 var(--cg-font);letter-spacing:.15px;white-space:nowrap} [data-common-ground="on"] :is(.cg-tag.amber,.cg-amber){color:#e0bd85;border-color:#d8b46c33} [data-common-ground="on"] .cg-home-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:20px} [data-common-ground="on"] .cg-flow{overflow:hidden} [data-common-ground="on"] .cg-flow-art{height:250px;display:flex;align-items:center;background:var(--cg-panel);margin:0 -15px 10px} [data-common-ground="on"] .cg-flow-art svg{width:100%;height:100%;overflow:visible} [data-common-ground="on"] .cg-flow-art rect{fill:#222b2b;stroke:var(--cg-line);stroke-width:1} [data-common-ground="on"] .cg-flow-art text{text-anchor:middle;fill:var(--cg-ink);font:11px var(--cg-font);letter-spacing:1.3px} [data-common-ground="on"] .cg-flow-art text:nth-of-type(even){fill:#e0e7e3;font:12px var(--cg-font);letter-spacing:0} [data-common-ground="on"] .cg-route-base{stroke:var(--cg-line);stroke-width:2;fill:none} [data-common-ground="on"] .cg-flow-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--cg-line);padding-top:18px;font-size:10px;color:var(--cg-ink)} [data-common-ground="on"] .cg-muted{font:400 11px/1.7 var(--cg-font);color:var(--cg-muted);margin:15px 0 0} [data-common-ground="on"] .cg-door-list{display:grid} [data-common-ground="on"] .cg-door-list button{display:flex;align-items:center;justify-content:space-between;gap:15px;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--cg-line);padding:20px 0;color:#dae3de;font:500 13px/1.5 var(--cg-font);cursor:pointer} [data-common-ground="on"] .cg-door-list button:last-child{border-bottom:0} [data-common-ground="on"] .cg-door-list button:hover{color:var(--cg-ink)} [data-common-ground="on"] .cg-door-list small{display:block;font-size:10px;color:var(--cg-muted);margin-top:5px;font-weight:400} [data-common-ground="on"] .cg-door-list svg{width:17px;height:17px;flex:none;color:var(--cg-ink)} [data-common-ground="on"] .cg-work-row{width:100%;display:grid;grid-template-columns:10px 1fr auto 20px;align-items:center;gap:18px;text-align:left;padding:19px 0;border:0;border-top:1px solid var(--cg-line);background:transparent;color:var(--cg-ink);font:400 12px/1.5 var(--cg-font);cursor:pointer} [data-common-ground="on"] .cg-task-mark{width:7px;height:7px;border-radius:50%;border:1px solid var(--cg-ink);background:var(--cg-line)} [data-common-ground="on"] .cg-work-row strong{font-weight:500} [data-common-ground="on"] :is(.cg-work-row,.cg-rep,.cg-finance-row) small{display:block;font:400 10px/1.6 var(--cg-font);color:var(--cg-muted);margin-top:5px} [data-common-ground="on"] .cg-work-row svg{width:16px;height:16px;color:var(--cg-ink)} [data-common-ground="on"] .cg-period{display:flex;border-radius:12px;padding:3px;gap:3px;background:#090909;border:1px solid var(--cg-line)} [data-common-ground="on"] .cg-period .cg-button{background:transparent;border-color:transparent;color:var(--cg-muted)} [data-common-ground="on"] .cg-period .cg-button[aria-pressed="true"]{color:#edf2ee;background:#2b2b2b} [data-common-ground="on"] .cg-rep{display:grid;grid-template-columns:42px minmax(140px,1fr) 200px 120px auto;align-items:center;gap:18px;border-top:1px solid var(--cg-line);padding:23px 0;font:500 14px/1.5 var(--cg-font)} [data-common-ground="on"] .cg-avatar{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--cg-panel);color:var(--cg-ink);font:500 12px var(--cg-font);border:1px solid var(--cg-line)} [data-common-ground="on"] .cg-rep strong{font-weight:550} [data-common-ground="on"] .cg-sales-bar{height:3px;border-radius:3px;background:#ffffff09;max-width:240px;margin-top:10px;overflow:hidden} [data-common-ground="on"] .cg-sales-bar i{display:block;height:100%;background:var(--cg-panel);border-radius:3px;transform-origin:left;animation:none;} [data-common-ground="on"] .cg-semantics{font-size:12px;color:var(--cg-ink)} [data-common-ground="on"] .cg-semantics summary{font-weight:600;cursor:pointer;padding:2px 0} [data-common-ground="on"] .cg-semantics p{font:400 12px/1.7 var(--cg-font);margin:14px 0 0;color:var(--cg-muted)} [data-common-ground="on"] .cg-finance-row{display:grid;grid-template-columns:minmax(180px,1fr) 140px 155px minmax(120px,auto);align-items:center;gap:20px;padding:24px 0;border-top:1px solid var(--cg-line);font:500 13px/1.5 var(--cg-font)} [data-common-ground="on"] .cg-finance-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end} [data-common-ground="on"] :is(.cg-empty,.cg-loading,.cg-error){padding:30px 20px;font:400 13px/1.7 var(--cg-font);color:var(--cg-ink)} [data-common-ground="on"] .cg-error{background:#302a22;border:1px solid #ac8c4733;border-radius:12px;color:#e4c69f} [data-common-ground="on"] .sos-root{background:var(--cg-bg);padding:0;overflow:auto} [data-common-ground="on"] .sos-root .phone{max-width:1320px;border:0;background:transparent;padding:0 38px 40px;min-height:calc(100vh - 88px);overflow:visible} [data-common-ground="on"] .sos-root .top{padding:24px 0 18px;border-bottom:1px solid var(--cg-line);background:transparent;min-height:66px} [data-common-ground="on"] .sos-root .wm{font:600 13px var(--cg-font);letter-spacing:1px;color:var(--cg-ink)} [data-common-ground="on"] .sos-root .rolepill{border-radius:12px;background:#1b1b1b;border:1px solid var(--cg-line);max-width:none} [data-common-ground="on"] .sos-root .tabbar{position:relative;bottom:auto;left:auto;transform:none;max-width:none;width:100%;order:-1;margin:18px 0 28px;padding:5px;background:#0b0b0b;border:1px solid var(--cg-line);border-radius:15px;gap:5px;display:flex;box-shadow:none;overflow-x:auto;justify-content:flex-start} [data-common-ground="on"] .sos-root .phone{display:flex;flex-direction:column} [data-common-ground="on"] .sos-root .top{order:-2} [data-common-ground="on"] .sos-root .tabbar button{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:9px;flex:1;min-width:98px;padding:12px 14px;border-radius:10px;color:var(--cg-ink);background:transparent;font:500 12px var(--cg-font)} [data-common-ground="on"] .sos-root .tabbar button.on{color:#eef4ef;background:#292929;box-shadow:none;} [data-common-ground="on"] .sos-root .tabbar button svg{width:18px;height:18px} [data-common-ground="on"] .sos-root .tabbar button span{font:inherit;letter-spacing:0;text-transform:none} [data-common-ground="on"] .sos-root .view{padding:0 0 40px} [data-common-ground="on"] .cg-staff-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:28px} [data-common-ground="on"] .cg-staff-hello{padding:5px 0 28px;margin:0} [data-common-ground="on"] .sos-root .hello .hi{font:600 clamp(32px,4vw,54px)/1.1 var(--cg-font);letter-spacing:-2px;text-transform:none;color:#f1f4f2} [data-common-ground="on"] .sos-root .hello .hi i{color:var(--cg-ink)} [data-common-ground="on"] .sos-root .hello .sub{font:400 13px/1.6 var(--cg-font);color:var(--cg-muted);margin-top:12px} [data-common-ground="on"] .sos-root .strk{font:500 11px var(--cg-font);padding:9px 12px;border-radius:8px;background:#171717;color:var(--cg-ink);display:inline-block;margin-top:13px} [data-common-ground="on"] .sos-root .card,[data-common-ground="on"] .sos-root .sos-att,[data-common-ground="on"] .sos-root .sos-relay,[data-common-ground="on"] .sos-root .sos-req-block{background:var(--cg-panel);border:1px solid var(--cg-line);border-radius:18px;padding:24px;margin:0 0 18px;box-shadow:none;} [data-common-ground="on"] .sos-root .sec{font:600 11px/1.5 var(--cg-font);letter-spacing:1px;color:var(--cg-ink);margin:24px 0 13px;text-transform:uppercase} [data-common-ground="on"] .sos-root .qa{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px} [data-common-ground="on"] .sos-root .qa button{padding:13px 18px;border-radius:10px;background:#202020;color:var(--cg-ink);border:1px solid var(--cg-line);font:500 12px var(--cg-font)} [data-common-ground="on"] .sos-root .qa button.pri{background:var(--cg-ink);color:#1f1f1f} [data-common-ground="on"] .sos-root :is(.task,.chk){border-radius:12px;padding:18px;background:#101010;border:1px solid var(--cg-line);margin-bottom:8px} [data-common-ground="on"] .sos-root .lvl .badge{background:var(--cg-panel);color:var(--cg-ink);border-radius:18px;box-shadow:none;border:1px solid var(--cg-line)} [data-common-ground="on"] .sos-root .lvl .t b{font:550 24px/1.2 var(--cg-font);letter-spacing:-.7px} [data-common-ground="on"] .sos-root .xp{height:6px;margin-top:22px;border-radius:8px;background:#ffffff0c} [data-common-ground="on"] .sos-root .xp i{background:var(--cg-panel);border-radius:8px} [data-common-ground="on"] .sos-root :is(#sos-v-score,#sos-v-tasks,#sos-v-team){max-width:1000px;width:100%;margin:0 auto} [data-common-ground="on"] .sos-root .ledg .l{padding:14px 0;border-color:var(--cg-line);font:400 13px/1.5 var(--cg-font)} [data-common-ground="on"] .sos-root .badges{justify-content:flex-start;gap:25px} [data-common-ground="on"] .sos-root .bdgx{flex:0 1 110px} [data-common-ground="on"] .sos-root .badges .bm{border-radius:17px} [data-common-ground="on"] .sos-root .wkdots{max-width:600px;margin:auto} [data-common-ground="on"] .sos-root .rp{background:#171717;border-color:var(--cg-line);border-radius:20px;max-width:620px;left:50%;transform:translateX(-50%)} [data-common-ground="on"] :is(.pos-panel,.pos-well,.pos-detail,.pos-deptdd__menu){background:#151515;color:var(--cg-ink);border-color:var(--cg-line);border-radius:16px} [data-common-ground="on"] .pos-detail{border-radius:20px 0 0 20px;background:#141414} [data-common-ground="on"] :is(.pos-panel__t,.pos-sh-title){font-family:var(--cg-font);color:var(--cg-ink)} [data-common-ground="on"] :is(.pos-scrim,.sos-root .rp-scrim){background:#000000a8;} [data-common-ground="on"] .csw-overlay{z-index:1500;background:#000000a6;} [data-common-ground="on"] .csw-sheet{background:#141414;color:#e0e9e2;border:1px solid var(--cg-line);border-radius:20px;font-family:var(--cg-font)} [data-common-ground="on"] .csw-sheet :is(input,select,textarea){background:#090909;color:#e2eae5;border-color:var(--cg-line);border-radius:9px} [data-common-ground="on"] .csw-sheet :is(.csw-confirm,.prc-req-btn){background:var(--cg-ink);color:#1d1d1d;border-radius:10px} [data-common-ground="on"] .sos-root.sos-csfull .phone{max-width:none;padding:0;display:block} [data-common-ground="on"] .sos-root.sos-csfull .cg-frame{display:none} [data-common-ground="on"] .sos-root.sos-csfull .tabbar{position:fixed;bottom:0;left:0;margin:0;z-index:1100;max-width:none;border-radius:0;padding-bottom:calc(8px + env(safe-area-inset-bottom))} [data-common-ground="on"] .sos-root.sos-csfull #sos-v-chat{padding:0 0 70px} @media(min-width:1441px){[data-common-ground="on"] .pos-tabbar{max-width:1344px}} @media(max-width:1440px){[data-common-ground="on"] .pos-tabbar{margin-left:48px;margin-right:48px}} @media(max-width:1100px){[data-common-ground="on"] .cg-frame{padding-left:24px;padding-right:24px;gap:14px}[data-common-ground="on"] .cg-compare>span{display:none}[data-common-ground="on"] .cg-home-grid{grid-template-columns:1.3fr 1fr}[data-common-ground="on"] .cg-rep{grid-template-columns:36px 1fr 160px auto;gap:12px}[data-common-ground="on"] .cg-rep-attach{display:none}[data-common-ground="on"] .cg-finance-row{grid-template-columns:1fr 120px 140px}[data-common-ground="on"] .cg-finance-actions{grid-column:1/-1;justify-content:flex-start}[data-common-ground="on"] .cg-intro{align-items:flex-start;flex-direction:column}} @media(prefers-reduced-motion:reduce){[data-common-ground="on"] *,[data-common-ground="on"] *:before,[data-common-ground="on"] *:after{animation:none;transition:none!important;scroll-behavior:auto!important}} /* Explicitly neutralize the canonical desktop rail/columns in this preview only. */ [data-common-ground="on"] .sos-root .tabbar{flex-direction:row;top:auto;} [data-common-ground="on"] .sos-root .tabbar button.on:after{display:none} [data-common-ground="on"] .sos-root #sos-v-day.on,[data-common-ground="on"] .sos-root #sos-v-team.on,[data-common-ground="on"] .sos-root #sos-v-score.on{column-count:1;column-gap:normal;padding:0 0 40px} [data-common-ground="on"] .sos-root #sos-v-tasks.on{max-width:1000px} [data-common-ground="on"] .sos-root.sos-csfull .tabbar{display:none} [data-common-ground="on"] .sos-root.sos-csfull .cg-frame{display:none} [data-common-ground="on"] .shell-bell{top:auto;bottom:calc(22px + env(safe-area-inset-bottom));right:22px;background:#161616;color:var(--cg-ink);border:1px solid var(--cg-line);box-shadow:none;} [data-common-ground="on"] .pos-wordmark__os{border:0;padding:0;outline:0} [data-common-ground="on"] .pos-sh__top .prc-req-btn{border-color:var(--cg-line);color:var(--cg-ink);background:#161616} [data-common-ground="on"] .cg-request-details{font:400 11px/1.6 var(--cg-font);margin-top:9px;color:var(--cg-ink)} [data-common-ground="on"] .cg-request-details summary{cursor:pointer;font-weight:500} [data-common-ground="on"] .cg-request-details p{margin-top:8px;color:var(--cg-muted)} /* Type lab uses the font assets already loaded by the current EON app. */ [data-common-ground="on"] .cg-type-button{padding:7px 10px;min-height:32px;font-size:12px;background:#101010;border:1px solid var(--cg-line);margin-right:6px} [data-common-ground="on"] .cg-type-dialog{width:min(780px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;margin:auto;padding:30px;background:#0c0c0cf5;color:#e9efeb;border:1px solid var(--cg-line);border-radius:24px;box-shadow:none;font-family:var(--cg-font)} [data-common-ground="on"] .cg-type-dialog::backdrop{background:#0009;} [data-common-ground="on"] .cg-type-dialog h3{font:600 29px/1.2 var(--cg-font);letter-spacing:-1px;margin:0} [data-common-ground="on"] .cg-type-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:25px 0} [data-common-ground="on"] .cg-type-options button{display:block;text-align:left;padding:24px 20px;background:#161616;color:#e6eee8;border:1px solid var(--cg-line);border-radius:17px;cursor:pointer} [data-common-ground="on"] .cg-type-options button[aria-pressed="true"]{border-color:var(--cg-line);box-shadow:none;} [data-common-ground="on"] .cg-type-options button>span{font:500 11px var(--cg-font);letter-spacing:1px;color:var(--cg-ink)} [data-common-ground="on"] .cg-type-options strong{display:block;font-size:30px;line-height:1.1;letter-spacing:-1.2px;margin:22px 0} [data-common-ground="on"] .cg-archivo-sample{font-family:var(--cg-font,'Archivo'),sans-serif;font-weight:600} [data-common-ground="on"] .cg-type-options small{display:block;font:400 11px/1.7 var(--cg-font);color:var(--cg-ink)} [data-common-ground="on"] .cg-mono-sample{padding:20px;background:#080808;border:1px solid var(--cg-line);border-radius:16px;font:400 11px/1.8 'JetBrains Mono',monospace;color:var(--cg-ink)} [data-common-ground="on"] .cg-mono-sample>span{font-size:11px;letter-spacing:1px} [data-common-ground="on"] .cg-mono-sample strong{display:block;font-size:clamp(13px,2vw,22px);color:var(--cg-ink);margin:12px 0} [data-common-ground="on"] .cg-mono-sample p{font:400 11px/1.7 var(--cg-font);margin:0} [data-common-ground="on"] .cg-type-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;font:400 11px/1.6 var(--cg-font);color:var(--cg-ink);margin-top:22px} [data-common-ground="on"] .sos-root .xp i{animation:none;transform-origin:left} [data-common-ground="on"][data-cg-motion="paused"] *,[data-common-ground="on"][data-cg-motion="paused"] *:before,[data-common-ground="on"][data-cg-motion="paused"] *:after{animation:none;transition:none!important} @media(max-width:760px){[data-common-ground="on"] .cg-type-options{grid-template-columns:1fr}[data-common-ground="on"] .cg-type-dialog{padding:22px}[data-common-ground="on"] .cg-compare{gap:0}} /* Task state remains visible even when the page is still. */ [data-common-ground="on"] :is(.cg-work-row,.sos-root .task){position:relative;isolation:isolate;transition:transform .28s cubic-bezier(.18,.8,.24,1),border-color .25s,background-color .25s;will-change:auto} [data-common-ground="on"] .cg-work-row{padding-left:10px;padding-right:10px;border-radius:12px} [data-common-ground="on"] :is(.cg-work-row,.sos-root .task):hover{transform:translateX(4px);border-color:var(--cg-line)} [data-common-ground="on"] :is(.cg-work-row,.sos-root .task):active{transform:translateX(2px) scale(.991)} [data-common-ground="on"] [data-cg-state="in_progress"] :is(.cg-task-mark,.tick){background:var(--cg-line);border-color:var(--cg-ink);box-shadow:none;animation:none;} [data-common-ground="on"] [data-cg-state="blocked"] :is(.cg-task-mark,.tick){background:#cb9d5c26;border-color:#d7b879;box-shadow:none;} [data-common-ground="on"] [data-cg-state="blocked"]{border-left:2px solid #b58f5355} [data-common-ground="on"] [data-cg-state="review"] .tick,[data-common-ground="on"] [data-cg-state="completed"] .cg-task-mark{background:var(--cg-line);border-color:var(--cg-ink);animation:none;} [data-common-ground="on"] .sos-root .task[data-cg-state="review"] .tick{background:var(--cg-line);border-color:var(--cg-ink);color:var(--cg-ink)} [data-common-ground="on"] .sos-root .task[data-cg-state="review"] .tt{text-decoration:none;color:#c1ced7} [data-common-ground="on"] [data-cg-state="verified"]{border-color:var(--cg-line)} [data-common-ground="on"] [data-cg-state="verified"] .sos-stamp{animation:none;} [data-common-ground="on"] .pos-detail{transition:transform .38s cubic-bezier(.2,.82,.22,1)} [data-common-ground="on"] .sos-root .sheet{background:#0009} [data-common-ground="on"] .sos-root .sheet .pane{background:var(--cg-panel);border-color:var(--cg-line);box-shadow:none;} [data-common-ground="on"] :is(.cg-button,.cg-product a,.pos-tab,.sos-root .tabbar button){transition:background .24s,box-shadow .24s,transform .22s cubic-bezier(.2,.82,.22,1)} [data-common-ground="on"] :is(.cg-button,.cg-product a,.pos-tab,.sos-root .tabbar button):active{transform:scale(.97)} @media(prefers-reduced-motion:reduce){[data-common-ground="on"] :is(.cg-work-row,.sos-root .task):hover,[data-common-ground="on"] :is(.cg-work-row,.sos-root .task):active{transform:none}} @media(max-width:760px){[data-common-ground="on"] .cg-frame{flex-wrap:wrap;padding:18px 20px;padding-top:calc(18px + var(--safe-top));gap:18px}[data-common-ground="on"] .cg-brand{font-size:13px}[data-common-ground="on"] .cg-brand>span:last-child{font-size:11px}[data-common-ground="on"] .cg-product{order:3;flex:1 0 100%;justify-content:center}[data-common-ground="on"] .cg-product a{flex:1;text-align:center;padding:10px}[data-common-ground="on"] .cg-compare a{font-size:10px;border:0;padding:0;margin:0}[data-common-ground="on"] .pos-sh{padding:18px 20px 0}[data-common-ground="on"] .pos-sh__top{flex-wrap:wrap}[data-common-ground="on"] .pos-sh__date{display:none}[data-common-ground="on"] .pos-tabbar{margin:14px 20px 0;gap:3px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:10px}[data-common-ground="on"] .pos-tab{flex:none;white-space:nowrap;font-size:11px}[data-common-ground="on"] .pos-surface{padding:24px 20px 60px}[data-common-ground="on"] .cg-intro h2{font-size:40px;letter-spacing:-1.8px}[data-common-ground="on"] .cg-metrics{grid-template-columns:1fr 1fr;gap:10px}[data-common-ground="on"] .cg-metric{padding:18px 15px;border-radius:14px}[data-common-ground="on"] .cg-metric strong{font-size:27px}[data-common-ground="on"] .cg-metric small{font-size:11px}[data-common-ground="on"] .cg-home-grid,[data-common-ground="on"] .cg-staff-grid{grid-template-columns:1fr;gap:0}[data-common-ground="on"] .cg-panel{padding:20px;border-radius:17px}[data-common-ground="on"] .cg-panel h3{font-size:18px}[data-common-ground="on"] .cg-panel-head{gap:10px}[data-common-ground="on"] .cg-tag{font-size:11px}[data-common-ground="on"] .cg-flow-art{height:200px;margin:0 -20px}[data-common-ground="on"] .cg-flow-foot{align-items:flex-start;gap:10px}[data-common-ground="on"] .cg-flow-foot>span{max-width:170px}[data-common-ground="on"] .cg-work-row{grid-template-columns:8px 1fr 14px;gap:12px}[data-common-ground="on"] .cg-work-row .cg-tag{grid-column:2;grid-row:2;width:max-content}[data-common-ground="on"] .cg-work-row>svg{grid-column:3;grid-row:1}[data-common-ground="on"] .cg-rep{grid-template-columns:35px 1fr;gap:14px}[data-common-ground="on"] .cg-rep>div:nth-child(3){grid-column:2}[data-common-ground="on"] .cg-rep-attach{display:block;grid-column:2}[data-common-ground="on"] .cg-finance-row{grid-template-columns:1fr auto;gap:12px}[data-common-ground="on"] .cg-finance-row>div:nth-child(3){grid-column:1/-1}[data-common-ground="on"] .sos-root .phone{padding:0 20px 30px}[data-common-ground="on"] .sos-root .tabbar{margin-bottom:24px;gap:0}[data-common-ground="on"] .sos-root .tabbar button{min-width:88px;gap:7px;font-size:11px}[data-common-ground="on"] .sos-root .tabbar button svg{width:16px;height:16px}[data-common-ground="on"] .sos-root .hello .hi{font-size:38px}[data-common-ground="on"] .cg-staff-aside{order:-1}[data-common-ground="on"] .cg-staff-aside>.cg-panel{display:none}[data-common-ground="on"] .sos-root .rp{width:calc(100% - 24px);max-height:80vh;overflow:auto}[data-common-ground="on"] .cg-note{font-size:10px}[data-common-ground="on"] .cg-semantics p{overflow-wrap:anywhere}} /* Agreed 2026-09-06 — default ground. Existing actions and source labels stay. */ [data-common-ground="on"] .cg-button.primary, [data-common-ground="on"] .sos-root .qa button.pri, [data-common-ground="on"] .csw-sheet :is(.csw-confirm,.prc-req-btn){background:var(--cg-green);color:var(--act-ink);border-color:var(--cg-green)} [data-common-ground="on"] :is(.pos-shell,.sos-root) :focus-visible{outline:2px solid var(--cg-green);outline-offset:4px} [data-common-ground="on"] .cg-brand-symbol{background:#181818;border-color:var(--cg-line)} [data-common-ground="on"] .cg-brand{letter-spacing:-.3px;font-size:17px;font-weight:600} [data-common-ground="on"] .cg-brand>span:last-child{font:inherit;letter-spacing:inherit;max-width:none;white-space:nowrap;color:inherit} [data-common-ground="on"] .cg-frame{background:#000} [data-common-ground="on"] .cg-type-options:has(>button:only-child){grid-template-columns:1fr} [data-common-ground="on"] .cg-metric strong{font-family:var(--cg-mono);font-size:clamp(23px,2.4vw,33px);font-weight:500;letter-spacing:-1.4px} [data-common-ground="on"] .cg-tag{background:#171717;border-color:var(--cg-line);color:var(--cg-ink)} [data-common-ground="on"] .cg-tag.amber{color:#e0bd85;border-color:#d8b46c} [data-common-ground="on"] [data-cg-state="verified"] .cg-task-mark{background:var(--cg-green);border-color:var(--cg-green)} [data-common-ground="on"] .cg-flow-art rect{fill:#181818;stroke:var(--cg-line)} [data-common-ground="on"] .cg-route-base{stroke:#717171} [data-common-ground="on"] .shell-bell .badge{background:var(--cg-green);color:var(--act-ink);font-family:var(--cg-mono)} /* Inherited entrances and status loops are still. Only a confirmed event may opt into a finite motion; opening or repainting a page is not an event. */ [data-common-ground="on"] :is(.pos-shell,.sos-root) *, [data-common-ground="on"] :is(.pos-shell,.sos-root) *::before, [data-common-ground="on"] :is(.pos-shell,.sos-root) *::after{animation:none!important} [data-common-ground="on"][data-cg-motion="paused"] *, [data-common-ground="on"][data-cg-motion="paused"] *::before, [data-common-ground="on"][data-cg-motion="paused"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important} @media(max-width:760px){[data-common-ground="on"] .cg-brand{font-size:16px}[data-common-ground="on"] .cg-metric strong{font-size:25px}} /* Canonical drawer backdrop has a stronger selector; explicitly clear its effect. */ [data-common-ground="on"] :is(.pos-scrim,.sos-root .rp-scrim,.csw-overlay,.sos-root .sheet){-webkit-backdrop-filter:none!important;backdrop-filter:none!important} [data-common-ground="on"] .pos-sh__role .dot{background:var(--cg-green)} [data-common-ground="on"] .cg-sales-bar i,[data-common-ground="on"] .sos-root .xp i{background:var(--cg-green)} /* --accent AND --accent-text move together, always. First vet, 2026-09-10: this block re-pointed --accent to the EON green and introduced --act-ink for the ground's own rules, but left --accent-text on whatever the theme says. Nine inherited controls inside .pos-shell pair the two — tasks.css:33, 253, 514, 683, 709, 716, 805, 898 — including .pos-appr__ok, the Approve / Verify / Mark paid / Approve +N buttons that _posApprovalsRender, _posLoadDecisions and _posLoadRewardDesk mount into the ground's own slots. Measured: light theme sets --accent-text to #d4ff3a (app.css:72), so the label paints green on green at 1.00:1 — invisible. Flow sets #FBFAF8 (app.css:153) for 1.11:1. The owner would see blank green pills and could not read which decision she was pressing. With the pair pinned it is 16.5:1, which is the ground's stated design: green with dark ink on it. Same defect as .cg-entry above, and cs.css:1350-1362 already records the house rule — a token that names a background and a token that names its text are one decision, not two. */ [data-common-ground="on"] :is(.pos-shell,.sos-root){--accent:var(--cg-green);--act-ink:#101010;--accent-text:#101010} [data-common-ground="on"] .sos-root .rav{background:var(--cg-green)!important;color:var(--act-ink)} [data-common-ground="on"] .sos-root .ring2 .p{filter:none} [data-common-ground="on"] .sos-root :is(.top,.tabbar,.csw-topbar,.csw-tabbar){-webkit-backdrop-filter:none!important;backdrop-filter:none!important} [data-common-ground="on"] .sos-root :is(.csw-shell,.csw-conv){background-image:none} [data-common-ground="on"] .pos-toast{animation:none!important;transition:none!important;background:#101010;border:1px solid var(--cg-line);box-shadow:none} [data-common-ground="on"] .pos-toast__ic{background:var(--cg-green);color:var(--act-ink)} /* Working day: compact roll call, native person files, canonical task doors. */ [data-common-ground="on"] .pd-day{margin:0 0 30px;border-top:1px solid var(--cg-line)} [data-common-ground="on"] .pd-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:26px 0 20px} [data-common-ground="on"] .pd-heading h3{font:550 clamp(22px,2.3vw,32px)/1.1 var(--cg-font);letter-spacing:-1px;margin:0} [data-common-ground="on"] .pd-read{display:flex;align-items:center;gap:12px;color:var(--cg-muted);font:11px var(--cg-mono)} [data-common-ground="on"] .pd-rollcall{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--cg-line)} [data-common-ground="on"] .pd-count{appearance:none;text-align:left;background:#000;color:var(--cg-ink);border:0;border-right:1px solid var(--cg-line);padding:18px 20px;cursor:pointer;min-width:0} [data-common-ground="on"] .pd-count:last-child{border-right:0} [data-common-ground="on"] .pd-count span{font:500 12px var(--cg-font)} [data-common-ground="on"] .pd-count strong{display:block;font:500 clamp(30px,4vw,52px)/1.2 var(--cg-mono);letter-spacing:-2px;margin:10px 0} [data-common-ground="on"] .pd-count small{font:11px/1.4 var(--cg-font);color:var(--cg-muted)} [data-common-ground="on"] .pd-count[aria-pressed="true"]{box-shadow:inset 0 -3px var(--cg-green);background:#151515} [data-common-ground="on"] .pd-count[data-state="in"] strong{color:var(--cg-green)} [data-common-ground="on"] .pd-count[data-state="late"] strong{color:var(--amber)} [data-common-ground="on"] .pd-toolbar{display:flex;justify-content:space-between;align-items:end;gap:18px;padding:22px 0} [data-common-ground="on"] .pd-result{margin-left:12px;color:var(--cg-muted);font-size:12px} [data-common-ground="on"] .pd-search{display:grid;gap:7px;font:11px var(--cg-font);color:var(--cg-muted);width:min(320px,50%)} [data-common-ground="on"] .pd-search input{width:100%;box-sizing:border-box;background:#101010;border:1px solid var(--cg-line);color:var(--cg-ink);border-radius:0;min-height:44px;padding:10px 12px;font:14px var(--cg-font)} [data-common-ground="on"] :is(.pd-table-labels,.pd-person summary){display:grid;grid-template-columns:minmax(200px,1.3fr) minmax(160px,1.1fr) minmax(170px,1fr) 105px;align-items:center;gap:20px} [data-common-ground="on"] .pd-table-labels{padding:0 16px 12px;color:var(--cg-muted);font:10px var(--cg-mono);text-transform:uppercase;letter-spacing:1px} [data-common-ground="on"] .pd-person{border-top:1px solid var(--cg-line)} [data-common-ground="on"] .pd-person:last-child{border-bottom:1px solid var(--cg-line)} [data-common-ground="on"] .pd-person summary{padding:18px 16px;cursor:pointer;list-style:none;min-height:52px} [data-common-ground="on"] .pd-person summary::-webkit-details-marker{display:none} [data-common-ground="on"] .pd-person summary:hover,[data-common-ground="on"] .pd-person[open]>summary{background:#101010} [data-common-ground="on"] .pd-identity{display:flex;align-items:center;gap:14px;min-width:0} [data-common-ground="on"] .pd-identity strong{font-size:14px;font-weight:550;overflow-wrap:anywhere} [data-common-ground="on"] .pd-identity small,[data-common-ground="on"] .pd-attendance small{display:block;color:var(--cg-muted);font:11px/1.5 var(--cg-font);margin-top:5px} [data-common-ground="on"] .pd-avatar{flex:none;width:40px;height:44px;background:#1b1b1b;border:1px solid var(--cg-line);display:grid;place-items:center;font:12px var(--cg-mono);color:var(--cg-green)} [data-common-ground="on"] .pd-shift{font:12px/1.7 var(--cg-mono);overflow-wrap:anywhere;color:#ccc} [data-common-ground="on"] .pd-status{font:11px/1.5 var(--cg-font);color:var(--cg-ink)} [data-common-ground="on"] .pd-status[data-state="late"]{color:var(--amber)} [data-common-ground="on"] .pd-status[data-state="in"]{color:var(--cg-green)} [data-common-ground="on"] .pd-work-count{display:flex;align-items:center;justify-content:space-between;gap:8px;font:11px var(--cg-mono)} [data-common-ground="on"] .pd-expand{font:22px var(--cg-font);color:var(--cg-muted)} [data-common-ground="on"] .pd-person[open] .pd-expand{transform:rotate(45deg)} [data-common-ground="on"] .pd-file{display:grid;grid-template-columns:1fr 1.4fr;gap:32px;padding:24px 24px 28px;border-left:2px solid var(--cg-green);background:#0a0a0a} [data-common-ground="on"] .pd-record dl{margin:0 0 18px} [data-common-ground="on"] .pd-record dl>div{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:8px 0;font:12px/1.5 var(--cg-font)} [data-common-ground="on"] .pd-record dt{color:var(--cg-muted)} [data-common-ground="on"] .pd-record dd{margin:0;overflow-wrap:anywhere} [data-common-ground="on"] .pd-task{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;width:100%;background:none;border:0;border-bottom:1px solid var(--cg-line);color:var(--cg-ink);text-align:left;cursor:pointer} [data-common-ground="on"] .pd-task strong{font:500 13px var(--cg-font)} [data-common-ground="on"] .pd-task small{display:block;color:var(--cg-muted);margin-top:7px;font:11px var(--cg-mono)} [data-common-ground="on"] .pd-work p:not(.cg-kicker),[data-common-ground="on"] .pd-source{color:var(--cg-muted);font:12px/1.7 var(--cg-font)} [data-common-ground="on"] .pd-source{padding:16px 0} @media(max-width:760px){ [data-common-ground="on"] .pd-heading{align-items:start;flex-direction:column;gap:4px} [data-common-ground="on"] .pd-rollcall{grid-template-columns:repeat(3,minmax(0,1fr))} [data-common-ground="on"] .pd-count{padding:14px 12px;border-bottom:1px solid var(--cg-line)} [data-common-ground="on"] .pd-count strong{font-size:32px} [data-common-ground="on"] .pd-count small{font-size:10px} [data-common-ground="on"] .pd-toolbar{align-items:stretch;flex-direction:column;gap:14px} [data-common-ground="on"] .pd-search{width:100%} [data-common-ground="on"] .pd-table-labels{display:none} [data-common-ground="on"] .pd-person summary{grid-template-columns:1fr auto;gap:10px;padding:16px 0} [data-common-ground="on"] .pd-shift{grid-column:1;grid-row:2;padding-left:54px;font-size:11px} [data-common-ground="on"] .pd-attendance{grid-column:1;grid-row:3;padding-left:54px} [data-common-ground="on"] .pd-work-count{grid-column:2;grid-row:1} [data-common-ground="on"] .pd-file{grid-template-columns:1fr;padding:20px 14px;gap:24px} [data-common-ground="on"] .pd-record dl>div{grid-template-columns:104px 1fr} } [data-common-ground="on"] .pd-work-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--cg-line);margin-bottom:24px} [data-common-ground="on"] .pd-work-summary .cg-metric{border:0;background:none;border-radius:0;padding:12px 16px} [data-common-ground="on"] .pd-work-summary .cg-metric strong{font:500 22px var(--cg-mono)} [data-common-ground="on"] .pd-work-summary .cg-metric small{margin-top:6px} @media(max-width:760px){[data-common-ground="on"] .pd-work-summary{grid-template-columns:repeat(2,minmax(0,1fr))}} [data-common-ground="on"] .pd-stale{border-left:2px solid var(--amber);padding:12px 16px;color:var(--amber);font:12px/1.5 var(--cg-font);background:#15120d} [data-common-ground="on"] .cg-home-grid:has(>section:only-child){grid-template-columns:1fr} /* Store doors: a receipt, a presence qualification and a measured day. */ [data-common-ground="on"] .pd-stores{margin:30px 0} [data-common-ground="on"] .pd-store-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:16px} [data-common-ground="on"] .pd-store-heading h4{font:500 16px var(--cg-font);margin:0;color:var(--cg-muted)} [data-common-ground="on"] .pd-store-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;background:var(--cg-line);border:1px solid var(--cg-line)} [data-common-ground="on"] .pd-store{background:#000;padding:24px;display:flex;flex-direction:column;min-width:0} [data-common-ground="on"] .pd-store header{display:flex;align-items:baseline;gap:12px;border-bottom:1px solid var(--cg-line);padding-bottom:18px} [data-common-ground="on"] .pd-store-index{font:10px var(--cg-mono);color:var(--cg-green)} [data-common-ground="on"] .pd-store h5{font:550 24px/1.2 var(--cg-font);letter-spacing:-1px;margin:0;overflow-wrap:anywhere} [data-common-ground="on"] .pd-store-punch{padding:20px 0} [data-common-ground="on"] .pd-store-punch>span,[data-common-ground="on"] .pd-store-grade>span{font:10px var(--cg-mono);color:var(--cg-muted);text-transform:uppercase;letter-spacing:1px} [data-common-ground="on"] .pd-store-punch>strong{display:block;font:400 40px/1.3 var(--cg-mono);letter-spacing:-2px;margin:12px 0 4px} [data-common-ground="on"] .pd-store p{font:12px/1.6 var(--cg-font);margin:6px 0;color:var(--cg-ink)} [data-common-ground="on"] .pd-store small{font:10px/1.6 var(--cg-font);color:var(--cg-muted)} [data-common-ground="on"] .pd-store-presence{border-top:1px solid var(--cg-line);padding:16px 0} [data-common-ground="on"] .pd-store-presence>strong{font:500 12px var(--cg-font)} [data-common-ground="on"] .pd-store-grade{border-top:1px solid var(--cg-line);padding:16px 0;flex:1} [data-common-ground="on"] .pd-store-grade[data-grade-state="question"] p{color:var(--amber)} [data-common-ground="on"] .pd-store>.cg-button{width:100%;margin-top:12px;text-align:left} [data-common-ground="on"] .pd-backrooms{border-bottom:1px solid var(--cg-line);padding:20px 0;color:var(--cg-muted);font:12px/1.7 var(--cg-font)} [data-common-ground="on"] .pd-backrooms strong{color:var(--cg-ink);font-weight:500} @media(max-width:760px){[data-common-ground="on"] .pd-store-heading{display:block}[data-common-ground="on"] .pd-store-grid{grid-template-columns:1fr}[data-common-ground="on"] .pd-store{padding:20px}} [data-common-ground="on"] #cg-waiting{scroll-margin-top:24px} [data-common-ground="on"] #cg-waiting-title{font:550 22px/1.3 var(--cg-font);letter-spacing:-.6px;margin:0 0 16px} /* A quiet 24-hour scale: scheduled time and read-time marker, not attendance. */ [data-common-ground="on"] .pd-rota-strip{display:block;position:relative;height:5px;background:#252525;margin:10px 0 7px;width:100%;max-width:260px} [data-common-ground="on"] .pd-rota-strip i{position:absolute;height:100%;background:var(--cg-green)} [data-common-ground="on"] .pd-rota-strip b{position:absolute;top:-3px;width:2px;height:11px;background:#fff} [data-common-ground="on"] .pd-rota-caption{display:block;font:10px/1.5 var(--cg-font);color:var(--cg-muted)} [data-common-ground="on"] .pd-store-pace{display:flex;flex-direction:column;gap:7px;padding:18px 0;border-top:1px solid #292929} [data-common-ground="on"] .pd-store-pace>span,[data-common-ground="on"] .pd-store-pace>small{font:11px/1.6 var(--cg-font);color:var(--cg-muted)} [data-common-ground="on"] .pd-store-pace>strong{font:500 25px/1.2 var(--cg-mono);letter-spacing:-1px} [data-common-ground="on"] .pd-store-pace>p{font:12px/1.6 var(--cg-font);margin:0} [data-common-ground="on"] .pd-pace-track{height:3px;background:#282828;margin:5px 0} [data-common-ground="on"] .pd-pace-track>i{display:block;height:100%;background:var(--cg-green)} [data-common-ground="on"] .pd-pool{display:grid;grid-template-columns:1fr 1.5fr;gap:36px;border-top:1px solid #383838;border-bottom:1px solid #383838;padding:28px 0;margin:28px 0} [data-common-ground="on"] .pd-pool h4{font:500 26px/1.2 var(--cg-font);letter-spacing:-.7px;margin:10px 0} [data-common-ground="on"] .pd-pool p{font:13px/1.7 var(--cg-font)} [data-common-ground="on"] .pd-pool-facts>div{display:flex;flex-direction:column;gap:7px;padding:14px 0;border-bottom:1px solid #252525} [data-common-ground="on"] .pd-pool-facts>div:last-child{border-bottom:0} [data-common-ground="on"] .pd-pool-facts span,[data-common-ground="on"] .pd-pool-facts small{font:11px/1.6 var(--cg-font);color:var(--cg-muted)} [data-common-ground="on"] .pd-pool-facts strong{font:500 17px/1.4 var(--cg-font)} [data-common-ground="on"] .pd-pool-facts p{margin:0} @media(max-width:760px){[data-common-ground="on"] .pd-pool{grid-template-columns:1fr;gap:12px}} [data-common-ground="on"] .pd-receipt-file{border-top:1px solid #303030;padding-top:18px;margin:20px 0} [data-common-ground="on"] .pd-receipt-note{font:11px/1.6 var(--cg-font);color:var(--cg-muted)} [data-common-ground="on"] .pd-receipts{list-style:none;margin:14px 0;padding:0} [data-common-ground="on"] .pd-receipts li{display:grid;grid-template-columns:52px 1fr;gap:12px;padding:12px 0;border-top:1px solid #242424} [data-common-ground="on"] .pd-receipts time{font:12px/1.6 var(--cg-mono);color:var(--cg-green)} [data-common-ground="on"] .pd-receipts li>div{display:flex;flex-direction:column;gap:4px;min-width:0} [data-common-ground="on"] .pd-receipts strong,[data-common-ground="on"] .pd-receipts span{font:12px/1.5 var(--cg-font)} [data-common-ground="on"] .pd-receipts small{font:10px/1.5 var(--cg-font);color:var(--cg-muted);overflow-wrap:anywhere} [data-common-ground="on"] .pd-receipts .pd-receipt-id{font-family:var(--cg-mono)} [data-common-ground="on"] .pd-person-sales{grid-column:1/-1;border-top:1px solid #303030;padding-top:20px} [data-common-ground="on"] .pd-sales-windows{display:flex;gap:8px;margin:12px 0} [data-common-ground="on"] .pd-sales-windows button[aria-pressed="true"]{border-color:var(--cg-green);color:var(--cg-green)} [data-common-ground="on"] .pd-person-sales>p,[data-common-ground="on"] .pd-sales-method{font:12px/1.7 var(--cg-font)} [data-common-ground="on"] .pd-person-sales-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:18px 0} [data-common-ground="on"] .pd-person-sales-metrics dt{font:11px/1.6 var(--cg-font);color:var(--cg-muted)} [data-common-ground="on"] .pd-person-sales-metrics dd{margin:8px 0;font:500 20px/1.3 var(--cg-mono);overflow-wrap:anywhere} [data-common-ground="on"] .pd-person-sales-metrics small{display:block;font:10px/1.6 var(--cg-font);color:var(--cg-muted);margin-top:6px} @media(max-width:760px){[data-common-ground="on"] .pd-person-sales-metrics{grid-template-columns:repeat(2,1fr)}} /* Roll-call initials are source identities; only a receipt-backed move animates. */ [data-common-ground="on"] .pd-count .pd-faces{display:flex;flex-wrap:wrap;gap:3px;min-height:25px;margin:0 0 12px} [data-common-ground="on"] .pd-count .pd-face{display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--cg-line);background:#151515;font:9px var(--cg-mono);color:var(--cg-ink);position:relative;z-index:1} [data-common-ground="on"] .pd-count .pd-face-more{display:grid;place-items:center;min-width:25px;height:25px;font:10px var(--cg-mono);color:var(--cg-muted)} [data-common-ground="on"] [data-rollcall-count]{transform-origin:left center} /* WS-C: questions use recorded attendance, never a penalty or booking state. */ [data-common-ground="on"] .pd-patterns{margin:28px 0;border-top:1px solid var(--cg-line)} [data-common-ground="on"] .pd-patterns>header{display:flex;justify-content:space-between;gap:20px;align-items:end;padding:24px 0 18px} [data-common-ground="on"] .pd-patterns h4{font:500 24px/1.15 var(--cg-font);margin:5px 0} [data-common-ground="on"] .pd-patterns>header>p,[data-common-ground="on"] .pd-pattern-note{font:12px/1.6 var(--cg-font);color:var(--cg-muted)} [data-common-ground="on"] .pd-pattern{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--cg-line);padding:20px 0} [data-common-ground="on"] .pd-pattern>div{max-width:620px} [data-common-ground="on"] .pd-pattern .cg-kicker{color:var(--amber);font-size:10px} [data-common-ground="on"] .pd-pattern h5{font:500 18px var(--cg-font);margin:6px 0} [data-common-ground="on"] .pd-pattern p:not(.cg-kicker){font:13px/1.65 var(--cg-font);color:var(--cg-muted);margin:0} [data-common-ground="on"] .pd-pattern button{max-width:300px;text-align:left;white-space:normal;flex-shrink:0} [data-common-ground="on"] .pd-pattern-more>summary{padding:16px 0;cursor:pointer;color:var(--cg-ink);font:13px var(--cg-font)} @media(max-width:760px){[data-common-ground="on"] .pd-patterns>header,[data-common-ground="on"] .pd-pattern{align-items:start;flex-direction:column;gap:12px}[data-common-ground="on"] .pd-pattern button{max-width:100%}} .pd-pack-section{padding:14px 0;border-bottom:1px solid var(--border)} .pd-pack-section p,.pd-pack-section li{line-height:1.6} /* Stage C: business asks keep source identity and a visible next holder. */ [data-common-ground="on"] .pa-asks{border-top:1px solid var(--cg-line);margin:20px 0 36px;padding-top:24px} [data-common-ground="on"] .pa-asks>header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px} [data-common-ground="on"] .pa-asks h3{font:500 28px/1.1 var(--cg-font);margin:6px 0} [data-common-ground="on"] .pa-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px} [data-common-ground="on"] .pa-columns h4{font:500 14px var(--cg-font);margin:0 0 14px} [data-common-ground="on"] .pa-row{display:flex;align-items:start;gap:14px;width:100%;text-align:left;border:0;border-top:1px solid var(--cg-line);background:#000;color:var(--cg-ink);padding:17px 0;cursor:pointer} [data-common-ground="on"] .pa-record{display:grid;gap:7px;min-width:0;flex:1;overflow-wrap:anywhere} [data-common-ground="on"] .pa-record strong{font:500 15px/1.4 var(--cg-font)} [data-common-ground="on"] .pa-record small{font:9px/1.5 var(--cg-mono);color:var(--cg-muted)} [data-common-ground="on"] .pa-record>span,[data-common-ground="on"] .pa-note{font:12px/1.6 var(--cg-font);color:var(--cg-muted)} [data-common-ground="on"] .pa-state{font:10px var(--cg-mono);padding:4px 6px;border:1px solid var(--cg-line);color:var(--amber)} [data-common-ground="on"] .pa-state[data-state="verified"],[data-common-ground="on"] .pa-state[data-state="accepted"]{color:var(--cg-green)} [data-common-ground="on"] .pa-history>summary{padding:16px 0;cursor:pointer;font:12px var(--cg-font)} @media(max-width:760px){[data-common-ground="on"] .pa-columns{grid-template-columns:1fr;gap:28px}[data-common-ground="on"] .pa-asks h3{font-size:24px}} /* Original staff asks stay readable without opening a private conversation. */ [data-common-ground="on"] .pa-columns .pa-build-heading{margin-top:30px} [data-common-ground="on"] .pa-build-body{padding:0 0 20px 14px;border-left:1px solid var(--cg-line);margin-bottom:10px} [data-common-ground="on"] .pa-build-body p{white-space:pre-wrap;font:14px/1.7 var(--cg-font);margin:4px 0 12px;overflow-wrap:anywhere} [data-common-ground="on"] .pa-build>summary:focus-visible{outline:2px solid var(--cg-green);outline-offset:4px} /* ── The bell stops covering a value on a phone ─────────────────────── First vet, 2026-09-09, with receipts: on the staff ground at 390x844 the fixed bell covered the tail of "Awaiting verification" by 21x18px and a rep read "Awaiting verificati". Reproduced exactly here — bell [324,778,368,822], value [187,778,345,796]. What this ground does is move .shell-bell from the top-right chrome to the bottom right. At 1280 that is a clear corner. At 390 it is not: the content column runs 20..370, the row runs 45..345, and a 44px control 22px off the bottom lands on it. Both bottom corners were measured and both collide — bottom-left simply covers "Stock receipt" (11x18px) instead of the value. Bottom padding is not the fix, and the reason is worth writing down: the page IS scrollable (.sos-root carries overflow:auto with 440px of headroom — the document is not the scroller here, and reading document.scrollingElement reports a misleading "not scrollable"). Padding adds room below content that is already reachable; it does nothing for a row occluded at the initial offset. So on phones the bell returns to its base top-right position and the header reserves the room for it. WHAT WAS ACTUALLY MEASURED (corrected 2026-09-09; the first reading said "0 overlaps anywhere at 390x844" and could not have known that). That reading took rectangles ONCE, at scroll offset 0, on a page whose scroller carries 440px of headroom under a POSITION:FIXED control — a claim about the whole page from a look at its first screen. Swept across all seven screens and measured on GLYPH boxes rather than element boxes (a block heading's box spans the full width even when its letters end far to the left, which manufactures collisions that are not there), the truth is: four rows pass beneath the bell mid-scroll, by 2 to 28 pixels, and NOTHING comes to rest under it. Neither .top nor .tabbar is sticky — both are position:relative and scroll fully out of view — so nothing is left hidden anywhere the reader can stop. Content passing under a fixed control while it scrolls is what fixed means. The defect would be something parked there, and scripts/bench_ground_bell_overlap.mjs now fails on exactly that and reports the transient count instead of failing on it. Note also that the 64px reserve below covers header.cg-frame, which is a SIBLING of div.phone — it does not, and was never going to, indent .top or .tabbar. The 1280 composition is untouched by this rule — deliberately: the bell overlaps "QUICK ACCESS" and "Your workspace." there too, and moving it is a change to a registered floor's composition, which belongs to a design verdict and not to a defect fix. That measurement is reported on the PR. */ @media(max-width:760px){ [data-common-ground="on"] .shell-bell{ top:max(10px, env(safe-area-inset-top));bottom:auto; right:max(10px, env(safe-area-inset-right)); } /* Scoped to the STAFF ground, not both. app.js:2474 restricts the bell to SHELL_BELL_VIEWS = ['tasks','staffos'], and this ground is only active on people/staffos (common_ground.js:31), so Staff OS is the one surface where a bell and this header coexist. Unscoped, the reserve held 64px of a 390px People header for a control that can never mount there — measured, second vet 2026-09-09. The bell rule above needs no scoping: the two gates already intersect at Staff OS alone. */ [data-common-ground="on"] .sos-root .cg-frame{padding-right:64px} /* ...and NOT on the open conversation, where that reserve cannot help and the corner is already taken. First vet, 2026-09-09. On Staff OS > Chat > any conversation the ground sets `.sos-root.sos-csfull .cg-frame{display:none}` (:155, :168) and hides the tabbar too (:167) — the surface is deliberately full-screen with the chrome away. So the 64px reserve above protects nothing there, and `.csw-conv__bar` owns the top of the viewport with `.csw-conv-menu` (cs.css:33-34, a 44x44 summary) as its right-most child. Measured from those rules: the summary sits at x 336-382, y 6-52; the bell at x 336-380, y 10-54, at z-index 1200 over the bar's 4. What the floor sees: a rep on a phone opens a conversation, reaches for Conversation actions — Search, Route to a team, Customer details, Why this priority, Service path — and gets the notifications panel instead. Every one of those tools is unreachable while the bell sits on the button. The bell goes rather than moves. This surface has already dropped its header and its tabbar; a floating bell is the only chrome left, and there is nowhere on a 390px conversation to put it that is not over something the rep needs. Backing out of the conversation restores it. My bench could not see this: it only ever swept the Day view. It covers the Chat tab now. `:has()` on body, not a sibling combinator: mountShellBell appends the button to document.body (app.js:2506) while .sos-root lives inside #app, so they are not siblings and `~` can never match. The house already leans on :has() in 55 places, this file included (:226). */ [data-common-ground="on"] body:has(.sos-root.sos-csfull) .shell-bell{ display:none; } } /* ── The verified receipt has to be visible ─────────────────────────── posCelebrate appends #pos-toast to document.body, and tasks.css gives .pos-toast position:fixed;z-index:80. This ground makes .pos-shell position:fixed;inset:0;z-index:1000 over an opaque black, and app.css's #app{position:relative} carries no z-index so it forms no stacking context — both fixed boxes compete in the ROOT context and 1000 beats 80. Measured on /?v=people: elementFromPoint at the toast's own centre returned section.cg-panel, i.e. the shell's panel, not the toast. So an owner verified a task, the write landed, the points banked, and "Verified · +5 to Amara · points banked" was painted underneath an opaque page for its whole 2.6s life. The branch that claims to show "the receipt without confetti" showed nothing. Second vet, 2026-09-09. 1300 places it above the shell (1000) and above .shell-bell (1200) — a bell covering the receipt would be the same bug in a new coat — and below .csw-overlay (1500), because a modal SHOULD cover a transient toast. */ [data-common-ground="on"] .pos-toast{z-index:1300} /* Keep the People HR sheet legible above the floating assistant entry. */ [data-common-ground="on"] :is(.csw-goalmeta,.pos-flag__m){font-size:13px;line-height:1.5} [data-common-ground="on"] body:has(.csw-overlay #hr-staff-body) #eon-ask-root{visibility:hidden} @media(max-width:600px){ [data-common-ground="on"] body:has(.pos-pay) #eon-ask-root{visibility:hidden} }