/**
 * Social / personal mode — company visual language (fonts, elevation, chrome)
 * with Sunset Treatly accents by default. Scoped so company workspace is untouched.
 */

/* ── Tokens (aligned with business.css) ──────────────────────────────────── */
body:not(.biz-company-open){
  --soc-canvas:#FFFFFF;
  --soc-surface:#FFFFFF;
  --soc-card:#FFFFFF;
  --soc-sunken:#E8ECF0;
  --soc-border:#E5E5E5;
  --soc-border-strong:#111111;
  --soc-text:#111111;
  --soc-text2:#666666;
  --soc-text3:#999999;
  --soc-brand:#f97316;
  --soc-brand2:#ec4899;
  --soc-brand-rgb:249,115,22;
  --soc-brand-dim:rgba(249,115,22,.12);
  --soc-chrome:#3D4349;
  --soc-chrome2:#2D3238;
  --soc-chrome-rgb:61,67,73;
  --soc-chrome-dim:rgba(61,67,73,.10);
  --soc-chrome-border:rgba(28,25,23,.55);
  --soc-accent-purple:#7c3aed;
  --soc-r:8px;
  --soc-r-lg:10px;
  --soc-shadow-sm:0 1px 2px rgba(0,0,0,.035);
  --soc-shadow-md:0 2px 8px rgba(0,0,0,.055),0 1px 2px rgba(0,0,0,.03);
  --soc-shadow-hover:0 8px 24px rgba(0,0,0,.09),0 2px 6px rgba(0,0,0,.04);
  --soc-shadow-lift:0 12px 32px rgba(0,0,0,.1),0 4px 8px rgba(0,0,0,.05);
  --soc-shadow-inset:inset 0 1px 0 rgba(255,255,255,.65);
  --soc-shadow-inset-sunken:inset 0 2px 4px rgba(0,0,0,.12),inset 0 1px 2px rgba(0,0,0,.08);
  --soc-card-recess:var(--soc-shadow-inset-sunken),inset 0 2px 4px -2px rgba(255,255,255,.40);
  /* Task tiles — soft inset only (no 1px hard lines — they seam at rounded corners) */
  --soc-task-recess:inset 0 2px 5px -1px rgba(0,0,0,.10),inset 0 1px 3px -1px rgba(0,0,0,.06),inset 0 -2px 5px -1px rgba(255,255,255,.22);
  --soc-nested-recess:inset 0 3px 7px -1px rgba(0,0,0,.14),inset 0 1px 3px -1px rgba(0,0,0,.09),inset 0 -2px 6px -1px rgba(255,255,255,.20);
  /* Lock-in rows — deeper engrave readable on category tints */
  --soc-lockin-recess:inset 0 0 0 1px rgba(0,0,0,.07),inset 0 3px 8px -1px rgba(0,0,0,.20),inset 0 1px 4px -1px rgba(0,0,0,.12),inset 0 -2px 7px -1px rgba(255,255,255,.42);
  --soc-task-r:10px;
  --soc-story-recess-deep:inset 0 0 0 1px rgba(0,0,0,.16),inset 0 6px 14px -3px rgba(0,0,0,.34),inset 0 2px 6px -1px rgba(0,0,0,.22),inset 0 -4px 10px -3px rgba(255,255,255,.28),inset 0 1px 0 rgba(0,0,0,.10);
  --soc-shadow-outset:0 1px 0 rgba(255,255,255,.92),0 2px 5px rgba(0,0,0,.07),0 6px 16px rgba(0,0,0,.06);
  --soc-card-float:var(--soc-shadow-outset);
  --soc-hdr-drop:0 3px 8px -2px rgba(0,0,0,.14),0 1px 3px -1px rgba(0,0,0,.08);
  --soc-hdr-drop-tint:0 4px 10px -2px rgba(0,0,0,.28),0 2px 4px -2px rgba(0,0,0,.16);
  --soc-hdr-recess:var(--soc-card-recess);
  --soc-hdr-recess-deep:inset 0 3px 7px -1px rgba(0,0,0,.18),inset 0 1px 3px -1px rgba(0,0,0,.12),inset 0 2px 4px -2px rgba(255,255,255,.32);
  --soc-hdr-recess-tint:inset 0 3px 8px -2px rgba(0,0,0,.32),inset 0 1px 3px -1px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.14),inset 0 -2px 4px -1px rgba(0,0,0,.14);
  --soc-hdr-recess-tint-deep:inset 0 4px 10px -2px rgba(0,0,0,.42),inset 0 1px 4px -1px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.10),inset 0 -3px 5px -1px rgba(0,0,0,.22);
  /* Fabric grain + fine linen weave for tinted card chrome */
  --soc-chrome-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
  --soc-chrome-linen:
    repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0 1px,transparent 1px 3px),
    repeating-linear-gradient(90deg,rgba(0,0,0,.04) 0 1px,transparent 1px 3px);
  --soc-chrome-texture:var(--soc-chrome-noise),var(--soc-chrome-linen);
  --soc-card-elev:var(--soc-card-recess);
  --soc-cta:#ea580c;
  --soc-cta2:#c2410c;
  --soc-cta-gradient:linear-gradient(128deg,#fdba74 0%,#f97316 34%,#ec4899 68%,#9f1239 100%);
  --soc-cta-gradient-hover:linear-gradient(128deg,#fed7aa 0%,#fb923c 40%,#f472b6 100%);
  --soc-cta-inset:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(0,0,0,.14);
  --soc-cta-glow:0 2px 10px rgba(249,115,22,.30),0 4px 14px rgba(236,72,153,.2);
  --soc-cta-glow-hover:0 4px 18px rgba(249,115,22,.36),0 6px 20px rgba(236,72,153,.28);
  --chrome-cta:var(--soc-cta);
  --chrome-cta2:var(--soc-cta2);
  --chrome-cta-gradient:var(--soc-cta-gradient);
  --chrome-cta-gradient-hover:var(--soc-cta-gradient-hover);
  --soc-cta-shadow:var(--soc-cta-inset),var(--soc-cta-glow);
  --soc-cta-shadow-hover:var(--soc-cta-inset),var(--soc-cta-glow-hover);
  --chrome-cta-shadow:var(--soc-cta-shadow);
  /* Nav Add disc — grey recessed chrome (matches --soc-nav-icon family) */
  --soc-fab-nav-disc:var(--soc-sunken);
  --soc-fab-nav-disc-hover:color-mix(in srgb,var(--soc-sunken) 88%,var(--soc-nav-icon) 12%);
  /* No 1px inset ring — hard lines seam on the circular disc */
  --soc-fab-nav-recess:inset 0 6px 14px -3px rgba(0,0,0,.34),inset 0 2px 6px -1px rgba(0,0,0,.22),inset 0 -4px 10px -3px rgba(255,255,255,.28),inset 0 1px 0 rgba(0,0,0,.10);
  /* Mood rail tracks/thumbs — same ringless recess (no dimension-tinted stroke) */
  --soc-mood-rail-recess:var(--soc-fab-nav-recess);
  --soc-fab-glow-rgb:249,115,22;
  --soc-fab-shadow:
    0 0 0 1px rgba(255,255,255,.24) inset,
    inset 0 2px 4px rgba(0,0,0,.12);
  --soc-fab-shadow-hover:
    0 0 0 1px rgba(255,255,255,.3) inset,
    inset 0 2px 4px rgba(0,0,0,.14);
  --soc-outline-cta-border:color-mix(in srgb,var(--soc-cta) 34%,var(--soc-border));
  --soc-progress-track:#E4E6E9;
  --soc-progress-fill:linear-gradient(90deg,#f97316 0%,#ec4899 100%);
  --soc-nav-icon:#78716c;
  --soc-nav-icon-active:#1c1917;
  --soc-you-hdr:linear-gradient(128deg,#7c2d12 0%,#c2410c 28%,#ea580c 52%,#ec4899 78%,#f472b6 100%);
  --soc-chrome-hdr-bg:var(--soc-you-hdr);
  --soc-friend-default-hdr:linear-gradient(134deg,#7c2d12 0%,#ea580c 40%,#f472b6 100%);
  --soc-lava-glass:rgba(90,28,12,.78);
  --soc-lava-glow:rgba(236,72,153,.38);
  --soc-lava-1:rgba(251,146,60,.50);
  --soc-lava-2:rgba(244,114,182,.46);
  --soc-lava-3:rgba(249,115,22,.48);
  --soc-lava-4:rgba(70,18,18,.55);
  --soc-lava-5:rgba(251,113,133,.42);
  --soc-big-treat:linear-gradient(135deg,#FFF9E6 0%,#FFE6D5 100%);
  --soc-mood-badge-bg:#FFF3D0;
  --soc-mood-badge-text:#B45309;
  --soc-mood-badge-border:#FCD34D;
  --soc-energy-badge-bg:#E0E7FF;
  --soc-energy-badge-text:#4338ca;
  --soc-energy-badge-border:#818cf8;
  --soc-nudge-fill:linear-gradient(145deg,#FFF8E1 0%,#FFECB3 40%,#FFE082 100%);
  --soc-nudge-fill-hover:linear-gradient(145deg,#FFF9E6 0%,#FFF3C4 40%,#FFD54F 100%);
  --soc-nudge-outline:#D97706;
  --soc-nudge-border:#CA8A04;
  --soc-nudge-text:#78350F;
  --soc-nudge-recess:inset 0 3px 7px -1px rgba(146,64,14,.16),inset 0 1px 3px -1px rgba(146,64,14,.10),inset 0 -2px 6px -1px rgba(255,255,255,.55);
  --soc-bg-image:linear-gradient(165deg,#FFFFFF 0%,#FFFFFF 100%);

  /* Remap shared shells used by social UI */
  --bg:var(--soc-canvas);
  --surface:var(--soc-card);
  --s2:var(--soc-sunken);
  --s3:#DFE4E9;
  --border:var(--soc-border);
  --border2:#D4D4D4;
  --text:var(--soc-text);
  --t2:var(--soc-text2);
  --t3:var(--soc-text3);
  --app-shell-top:var(--soc-canvas);
  --app-shell-bg:var(--soc-bg-image);
  --sh:var(--soc-card-elev);
  --shm:var(--soc-shadow-hover);
  --brand:var(--soc-brand);
  --brand2:var(--soc-brand2);
  --brand-dim:var(--soc-brand-dim);
  --brand-rgb:var(--soc-brand-rgb);
  --r:var(--soc-r-lg);
  font-family:var(--font,"Plus Jakarta Sans",sans-serif);
  letter-spacing:-.011em;
}
body:not(.biz-company-open) #app{
  --bg:var(--soc-canvas);
  --surface:var(--soc-card);
  --s2:var(--soc-sunken);
  --s3:#DFE4E9;
  --border:var(--soc-border);
  --border2:#D4D4D4;
  --text:var(--soc-text);
  --t2:var(--soc-text2);
  --t3:var(--soc-text3);
  --app-shell-top:var(--soc-canvas);
  --app-shell-bg:var(--soc-bg-image);
  --sh:var(--soc-card-elev);
  --shm:var(--soc-shadow-hover);
  --brand:var(--soc-brand);
  --brand2:var(--soc-brand2);
  --brand-dim:var(--soc-brand-dim);
  --brand-rgb:var(--soc-brand-rgb);
  --r:var(--soc-r-lg);
  font-family:var(--font,"Plus Jakarta Sans",sans-serif);
  letter-spacing:-.011em;
}
body:not(.biz-company-open),
body:not(.biz-company-open) button,
body:not(.biz-company-open) input,
body:not(.biz-company-open) textarea,
body:not(.biz-company-open) select,
body:not(.biz-company-open) optgroup{
  font-family:var(--font,"Plus Jakarta Sans",sans-serif);
  letter-spacing:-.011em;
}
body:not(.biz-company-open){
  --font-brand:"Figtree","Plus Jakarta Sans",sans-serif;
}
body:not(.biz-company-open) .wordmark,
body:not(.biz-company-open) .hdr-brand .wordmark,
body:not(.biz-company-open) .brand-word,
body:not(.biz-company-open) .wordmark .wordmark-name{
  font-family:var(--font-brand,"Figtree",sans-serif);
  font-weight:700;
  letter-spacing:-.028em;
}

[data-theme="dark"] body:not(.biz-company-open){
  --soc-canvas:#0F1224;
  --soc-surface:#242424;
  --soc-card:#2A2A2A;
  --soc-sunken:#2E2E2E;
  --soc-border:#3A3A3A;
  --soc-border-strong:#F0F0F0;
  --soc-text:#F0F0F0;
  --soc-text2:#AAAAAA;
  --soc-text3:#777777;
  --soc-brand:#fb923c;
  --soc-brand2:#f472b6;
  --soc-brand-rgb:251,146,60;
  --soc-brand-dim:rgba(251,146,60,.16);
  --soc-chrome:#9CA3AF;
  --soc-chrome2:#D1D5DB;
  --soc-chrome-rgb:156,163,175;
  --soc-chrome-dim:rgba(156,163,175,.14);
  --soc-chrome-border:rgba(240,240,240,.28);
  --soc-accent-purple:#8B7CF6;
  --soc-shadow-sm:0 1px 2px rgba(0,0,0,.22);
  --soc-shadow-md:0 2px 8px rgba(0,0,0,.28),0 1px 2px rgba(0,0,0,.18);
  --soc-shadow-hover:0 8px 24px rgba(0,0,0,.38),0 2px 6px rgba(0,0,0,.22);
  --soc-shadow-lift:0 12px 32px rgba(0,0,0,.42),0 4px 8px rgba(0,0,0,.24);
  --soc-shadow-inset:inset 0 1px 0 rgba(255,255,255,.06);
  --soc-shadow-inset-sunken:inset 0 2px 5px rgba(0,0,0,.40),inset 0 1px 2px rgba(0,0,0,.25);
  --soc-card-recess:var(--soc-shadow-inset-sunken),inset 0 2px 4px -2px rgba(255,255,255,.06);
  --soc-task-recess:inset 0 2px 6px -1px rgba(0,0,0,.34),inset 0 1px 3px -1px rgba(0,0,0,.20),inset 0 -2px 6px -1px rgba(255,255,255,.06);
  --soc-nested-recess:inset 0 3px 8px -1px rgba(0,0,0,.42),inset 0 1px 4px -1px rgba(0,0,0,.26),inset 0 -2px 6px -1px rgba(255,255,255,.06);
  --soc-lockin-recess:inset 0 0 0 1px rgba(0,0,0,.28),var(--soc-nested-recess);
  --soc-task-r:10px;
  --soc-story-recess-deep:inset 0 0 0 1px rgba(0,0,0,.44),inset 0 6px 16px -3px rgba(0,0,0,.68),inset 0 2px 7px -1px rgba(0,0,0,.46),inset 0 -4px 10px -3px rgba(255,255,255,.04),inset 0 1px 0 rgba(0,0,0,.24);
  --soc-shadow-outset:0 1px 0 rgba(255,255,255,.10),0 3px 10px rgba(0,0,0,.42),0 1px 3px rgba(0,0,0,.30);
  --soc-card-float:var(--soc-shadow-outset);
  --soc-hdr-drop:0 3px 10px -2px rgba(0,0,0,.38),0 1px 4px -1px rgba(0,0,0,.24);
  --soc-hdr-drop-tint:0 4px 12px -2px rgba(0,0,0,.48),0 2px 5px -2px rgba(0,0,0,.30);
  --soc-hdr-recess:var(--soc-card-recess);
  --soc-hdr-recess-deep:inset 0 3px 8px -1px rgba(0,0,0,.44),inset 0 1px 4px -1px rgba(0,0,0,.28),inset 0 2px 4px -2px rgba(255,255,255,.06);
  --soc-hdr-recess-tint:inset 0 3px 10px -2px rgba(0,0,0,.48),inset 0 1px 4px -1px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.08),inset 0 -2px 5px -1px rgba(0,0,0,.22);
  --soc-hdr-recess-tint-deep:inset 0 4px 12px -2px rgba(0,0,0,.58),inset 0 1px 5px -1px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.06),inset 0 -3px 6px -1px rgba(0,0,0,.30);
  --soc-progress-track:#2A2E45;
  --soc-progress-fill:linear-gradient(90deg,#f97316 0%,#ec4899 100%);
  --soc-you-hdr:linear-gradient(128deg,#7c2d12 0%,#c2410c 28%,#ea580c 52%,#ec4899 78%,#f472b6 100%);
  --soc-chrome-hdr-bg:var(--soc-you-hdr);
  --soc-friend-default-hdr:linear-gradient(134deg,#7c2d12 0%,#ea580c 40%,#f472b6 100%);
  --soc-lava-glass:rgba(70,18,18,.82);
  --soc-lava-glow:rgba(236,72,153,.42);
  --soc-lava-1:rgba(251,146,60,.42);
  --soc-lava-2:rgba(244,114,182,.40);
  --soc-lava-3:rgba(249,115,22,.42);
  --soc-lava-4:rgba(50,12,12,.58);
  --soc-lava-5:rgba(251,113,133,.38);
  --soc-big-treat:linear-gradient(135deg,#3D3520 0%,#3D2A1F 100%);
  --soc-mood-badge-bg:rgba(251,191,36,.16);
  --soc-mood-badge-text:#FCD34D;
  --soc-mood-badge-border:rgba(251,191,36,.35);
  --soc-nudge-fill:linear-gradient(145deg,#3D3520 0%,#4A3C18 44%,#5C4A1A 100%);
  --soc-nudge-fill-hover:linear-gradient(145deg,#4A3F24 0%,#5C4A1A 44%,#6B5520 100%);
  --soc-nudge-outline:#D4A017;
  --soc-nudge-border:#B8860B;
  --soc-nudge-text:#FDE68A;
  --soc-nudge-recess:inset 0 3px 8px -1px rgba(0,0,0,.42),inset 0 1px 4px -1px rgba(0,0,0,.26),inset 0 -2px 6px -1px rgba(255,220,100,.08);
  --soc-energy-badge-bg:rgba(129,140,248,.16);
  --soc-energy-badge-text:#a5b4fc;
  --soc-energy-badge-border:rgba(129,140,248,.38);
  --soc-bg-image:linear-gradient(165deg,#151832 0%,#0F1224 52%,#0A0C1A 100%);
  --soc-cta:#fb923c;
  --soc-cta2:#f97316;
  --soc-cta-gradient:linear-gradient(128deg,#f97316 0%,#ea580c 40%,#ec4899 78%,#9f1239 100%);
  --soc-cta-gradient-hover:linear-gradient(128deg,#fb923c 0%,#f472b6 55%,#ec4899 100%);
  --soc-cta-inset:inset 0 1px 0 rgba(255,255,255,.16),inset 0 -1px 0 rgba(0,0,0,.22);
  --soc-cta-glow:0 2px 12px rgba(249,115,22,.28),0 4px 16px rgba(236,72,153,.22);
  --soc-cta-glow-hover:0 4px 20px rgba(249,115,22,.36),0 6px 22px rgba(236,72,153,.28);
  --chrome-cta:var(--soc-cta);
  --chrome-cta2:var(--soc-cta2);
  --chrome-cta-gradient:var(--soc-cta-gradient);
  --chrome-cta-gradient-hover:var(--soc-cta-gradient-hover);
  --soc-cta-shadow:var(--soc-cta-inset),var(--soc-cta-glow);
  --soc-cta-shadow-hover:var(--soc-cta-inset),var(--soc-cta-glow-hover);
  --chrome-cta-shadow:var(--soc-cta-shadow);
  --soc-fab-nav-disc:var(--soc-sunken);
  --soc-fab-nav-disc-hover:color-mix(in srgb,var(--soc-sunken) 90%,var(--soc-nav-icon) 10%);
  --soc-fab-nav-recess:inset 0 6px 16px -3px rgba(0,0,0,.68),inset 0 2px 7px -1px rgba(0,0,0,.46),inset 0 -4px 10px -3px rgba(255,255,255,.04),inset 0 1px 0 rgba(0,0,0,.24);
  --soc-mood-rail-recess:var(--soc-fab-nav-recess);
  --soc-fab-glow-rgb:129,140,248;
  --soc-fab-shadow:
    0 0 0 1px rgba(255,255,255,.16) inset,
    inset 0 2px 4px rgba(0,0,0,.22);
  --soc-fab-shadow-hover:
    0 0 0 1px rgba(255,255,255,.22) inset,
    inset 0 2px 4px rgba(0,0,0,.26);
  --soc-outline-cta-border:color-mix(in srgb,var(--soc-cta) 38%,var(--soc-border));
  --bg:var(--soc-canvas);
  --surface:var(--soc-card);
  --s2:var(--soc-sunken);
  --s3:#353A40;
  --border:var(--soc-border);
  --border2:#4A4A4A;
  --text:var(--soc-text);
  --t2:var(--soc-text2);
  --t3:var(--soc-text3);
  --app-shell-bg:var(--soc-bg-image);
  --sh:var(--soc-card-elev);
  --shm:var(--soc-shadow-hover);
  --brand:var(--soc-brand);
  --brand2:var(--soc-brand2);
  --brand-dim:var(--soc-brand-dim);
  --brand-rgb:var(--soc-brand-rgb);
}
[data-theme="dark"] body:not(.biz-company-open) #app{
  --bg:var(--soc-canvas);
  --surface:var(--soc-card);
  --s2:var(--soc-sunken);
  --s3:#353A40;
  --border:var(--soc-border);
  --border2:#4A4A4A;
  --text:var(--soc-text);
  --t2:var(--soc-text2);
  --t3:var(--soc-text3);
  --app-shell-bg:var(--soc-bg-image);
  --sh:var(--soc-card-elev);
  --shm:var(--soc-shadow-hover);
  --brand:var(--soc-brand);
  --brand2:var(--soc-brand2);
  --brand-dim:var(--soc-brand-dim);
  --brand-rgb:var(--soc-brand-rgb);
}

/* ── Layered canvas (company cool slate) ─────────────────────────────────── */
body:not(.biz-company-open) #app,
body:not(.biz-company-open) #main,
body:not(.biz-company-open) #s-home,
body:not(.biz-company-open) #home-scroll{
  background-color:var(--soc-canvas);
  background-image:var(--soc-bg-image);
  background-size:100% 100%;
  background-repeat:no-repeat;
}
body:not(.biz-company-open) #s-friends.friends-screen,
body:not(.biz-company-open) #s-friend-profile,
body:not(.biz-company-open) #s-profile,
body:not(.biz-company-open) #s-rewards,
body:not(.biz-company-open) #s-discover,
body:not(.biz-company-open) #s-vessel,
body:not(.biz-company-open) #s-goals,
body:not(.biz-company-open) #s-habits,
body:not(.biz-company-open) #s-community,
body:not(.biz-company-open) #s-challenges,
body:not(.biz-company-open) #s-acts,
body:not(.biz-company-open) #s-treats{
  background-color:transparent;
  background-image:none;
}

/* ── Card recess (engraved / pressed — matches feed-day-jump date block) ─ */
body:not(.biz-company-open) .person-feed-card,
body:not(.biz-company-open) .friend-social-card,
body:not(.biz-company-open) .prof-hero-card,
body:not(.biz-company-open) .fp-profile-card,
body:not(.biz-company-open) #friend-profile-body .fp-task-section,
body:not(.biz-company-open) .fp-treat-balance,
body:not(.biz-company-open) .fp-mood-card,
body:not(.biz-company-open) .fp-stats-dashboard,
body:not(.biz-company-open) .home-mood-panel,
body:not(.biz-company-open) .today-mood-chip.home-mood-panel,
body:not(.biz-company-open) .home-status-line,
body:not(.biz-company-open) .friends-pulse-chip,
body:not(.biz-company-open) .friends-hero-btn,
body:not(.biz-company-open) .goal-card,
body:not(.biz-company-open) .habit-card,
body:not(.biz-company-open) .community-card,
body:not(.biz-company-open) .feed-cal-day,
body:not(.biz-company-open) .feed-search-wrap,
body:not(.biz-company-open) .home-loop,
body:not(.biz-company-open) .home-qnav,
body:not(.biz-company-open) .feed-day-jump,
body:not(.biz-company-open) .card,
body:not(.biz-company-open) .fpc,
body:not(.biz-company-open) .profile-hub-card,
body:not(.biz-company-open) .prof-section,
body:not(.biz-company-open) .momentum-card,
body:not(.biz-company-open) .feed-compose--gradient,
body:not(.biz-company-open) .feed-quiet-card{
  background:var(--soc-sunken);
  border:1px solid var(--soc-border);
  box-shadow:var(--soc-card-recess)!important;
  transition:border-color .18s ease,box-shadow .18s ease;
}
body:not(.biz-company-open) .person-feed-card,
body:not(.biz-company-open) .friend-social-card,
body:not(.biz-company-open) .prof-hero-card,
body:not(.biz-company-open) .fp-profile-card,
body:not(.biz-company-open) #friend-profile-body .fp-task-section,
body:not(.biz-company-open) .fp-treat-balance,
body:not(.biz-company-open) .home-mood-panel,
body:not(.biz-company-open) .today-mood-chip.home-mood-panel,
body:not(.biz-company-open) .goal-card,
body:not(.biz-company-open) .habit-card,
body:not(.biz-company-open) .community-card,
body:not(.biz-company-open) .card{
  border-radius:var(--soc-r-lg);
}
/* Profile hero + home friend cards — same 18px shell as Profile tab */
body:not(.biz-company-open) .prof-hero-card,
body:not(.biz-company-open) .feed-stream--social .person-feed-card:not(.person-feed-card--me),
body:not(.biz-company-open) .feed-circle-grid .person-feed-card{
  border-radius:18px!important;
}
body:not(.biz-company-open) .prof-hero-card[style*='background']{
  border-color:var(--soc-border);
  box-shadow:var(--soc-card-recess)!important;
}

body:not(.biz-company-open) .person-feed-card:hover,
body:not(.biz-company-open) .friend-social-card:hover,
body:not(.biz-company-open) .prof-hero-card:hover,
body:not(.biz-company-open) .fp-profile-card:hover,
body:not(.biz-company-open) .goal-card:hover,
body:not(.biz-company-open) .habit-card:hover,
body:not(.biz-company-open) .community-card:hover,
body:not(.biz-company-open) .card:hover,
body:not(.biz-company-open) .profile-hub-card:hover,
body:not(.biz-company-open) .friends-pulse-chip:hover{
  border-color:var(--border2);
  box-shadow:var(--soc-card-recess)!important;
}

body:not(.biz-company-open) .person-feed-card--live,
body:not(.biz-company-open) .feed-stream--social .person-feed-card--live{
  border-color:var(--soc-border)!important;
  box-shadow:var(--soc-card-recess)!important;
}
body:not(.biz-company-open) .person-feed-card--me{
  box-shadow:var(--soc-card-recess)!important;
  border-color:var(--soc-border);
}
body:not(.biz-company-open) .friend-social-card--alert{
  border-color:var(--soc-border);
  background:linear-gradient(180deg,rgba(var(--soc-brand-rgb),.08) 0%,var(--soc-sunken) 48px);
  box-shadow:var(--soc-card-recess)!important;
}
body:not(.biz-company-open) .friend-social-card--watch{
  border-color:var(--soc-border);
  box-shadow:var(--soc-card-recess)!important;
}

/* Task rows — engraved recess (category fills layer tint on top) */
body:not(.biz-company-open) .person-feed-tasks .task-row,
body:not(.biz-company-open) .feed-stream--social .task-row,
body:not(.biz-company-open) .feed-stream--bold .task-row{
  background:var(--soc-sunken);
  border:1px solid var(--soc-border);
  box-shadow:var(--soc-lockin-recess,var(--soc-nested-recess,var(--soc-task-recess)))!important;
  border-radius:var(--soc-task-r,var(--soc-r-lg,10px));
  position:relative;
  overflow:hidden;
  contain:none;
}
body:not(.biz-company-open) .home-mood-rail-bar,
body:not(.biz-company-open) .home-mood-pick,
body:not(.biz-company-open) .fp-treat-balance{
  background:var(--soc-sunken);
  border:1px solid var(--soc-border);
  box-shadow:var(--soc-card-recess)!important;
  border-radius:var(--soc-r);
}
[data-theme="dark"] body:not(.biz-company-open) .home-mood-rail-bar,
[data-theme="dark"] body:not(.biz-company-open) .home-mood-pick,
[data-theme="dark"] body:not(.biz-company-open) .fp-treat-balance{
  border-color:var(--soc-border);
}

/* Card chrome zones */
/* Feed card headers — engraved recess (sunk into card, not floating) */
body:not(.biz-company-open) .feed-stream--social .person-feed-hdr,
body:not(.biz-company-open) .feed-circle-grid .person-feed-hdr{
  position:relative;
  z-index:2;
}
body:not(.biz-company-open) .feed-stream--social .person-feed-overall,
body:not(.biz-company-open) .feed-circle-grid .person-feed-overall,
body:not(.biz-company-open) .feed-stream--social .person-feed-tasks,
body:not(.biz-company-open) .feed-circle-grid .person-feed-tasks{
  position:relative;
  z-index:1;
}
body:not(.biz-company-open) .person-feed-hdr:not(.person-feed-hdr--tint):not(.person-feed-hdr--muted){
  box-shadow:var(--soc-hdr-recess);
  background:var(--soc-card);
  border-bottom:1px solid var(--soc-border);
}
body:not(.biz-company-open) .feed-stream--social .person-feed-hdr.person-feed-hdr--muted,
body:not(.biz-company-open) .feed-stream--social .person-feed-hdr.person-feed-hdr--idle,
body:not(.biz-company-open) .feed-circle-grid .person-feed-hdr.person-feed-hdr--muted,
body:not(.biz-company-open) .feed-circle-grid .person-feed-hdr.person-feed-hdr--idle{
  box-shadow:var(--soc-hdr-recess-tint-deep)!important;
  border-bottom:1px solid rgba(255,255,255,.10);
}
body:not(.biz-company-open) .person-feed-foot{
  background:var(--soc-sunken);
  border-top:1px solid var(--soc-border);
  box-shadow:none;
}
[data-theme="dark"] body:not(.biz-company-open) .person-feed-foot{
  background:var(--soc-sunken);
  box-shadow:none;
}

/* Override home-glass flat white cards */
body:not(.biz-company-open).tab-home .feed-stream--social .person-feed-card,
body:not(.biz-company-open).tab-home .feed-stream--social .person-feed-card.person-feed-card--me,
body:not(.biz-company-open).tab-home .feed-stream--bold .person-feed-card{
  background:var(--soc-sunken);
  border:1px solid var(--soc-border);
  box-shadow:var(--soc-card-recess)!important;
}
body:not(.biz-company-open).tab-home .home-mood-panel,
body:not(.biz-company-open).tab-home .today-mood-chip.home-mood-panel{
  background:var(--soc-sunken);
  border:1px solid var(--soc-border);
  box-shadow:var(--soc-card-recess)!important;
}
/* ── You / me header — same chrome as app header + footer ───────────────── */
body:not(.biz-company-open).tab-home .person-feed-hdr--you,
body:not(.biz-company-open).tab-home .my-post-hdr{
  background:var(--feed-hdr-bg,var(--soc-chrome-hdr-bg,var(--soc-you-hdr)))!important;
  color:#fff;
  box-shadow:var(--soc-hdr-recess-tint);
  border-bottom:1px solid rgba(255,255,255,.12);
  position:relative;
  z-index:2;
}
body:not(.biz-company-open).tab-home .person-feed-hdr--you .person-feed-name,
body:not(.biz-company-open).tab-home .person-feed-hdr--you .person-feed-meta,
body:not(.biz-company-open).tab-home .person-feed-hdr--you .person-feed-score,
body:not(.biz-company-open).tab-home .my-post-hdr .person-feed-name,
body:not(.biz-company-open).tab-home .my-post-hdr .person-feed-meta{
  color:#fff!important;
}

/* Profile / feed headers: rectangular Mood | Energy | Stress panels */
body:not(.biz-company-open) .person-feed-hdr.person-feed-hdr--mes,
body:not(.biz-company-open) .friend-profile-hdr.friend-profile-hero.person-feed-hdr--mes,
body:not(.biz-company-open) #prof-hero-card{
  position:relative;
  overflow:hidden;
  background-size:100% 100%!important;
  text-shadow:0 1px 2px rgba(0,0,0,.35);
}
/* Match the 18px card shell so mood bars clip to the header shape */
body:not(.biz-company-open) .person-feed-hdr.person-feed-hdr--mes{
  border-radius:18px 18px 0 0;
}
body:not(.biz-company-open) .friend-profile-hdr.friend-profile-hero.person-feed-hdr--mes,
body:not(.biz-company-open) #prof-hero-card{
  border-radius:18px;
}
/* Mood | Energy | Stress — three bottom ambient glows that blend across columns */
body:not(.biz-company-open) .hdr-mes{
  --hdr-mes-r:18px;
  position:absolute;
  inset:0;
  z-index:0;
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:0;
  padding:0;
  pointer-events:none;
  isolation:isolate;
  border-radius:inherit;
  overflow:hidden;
  background:transparent;
}
body:not(.biz-company-open) .hdr-mes::before,
body:not(.biz-company-open) .hdr-mes::after{
  content:none!important;
  display:none!important;
}
body:not(.biz-company-open) .hdr-mes-zone{
  --z-glow:0.45;
  --z-wear:0.2;
  /* good → warm white/yellow · bad → red (stress already inverted in JS) */
  --z-ambient:color-mix(in srgb,#fff6c8 calc(var(--z-glow) * 100%),#ef4444 calc((1 - var(--z-glow)) * 100%));
  /* quiet near neutral, brighter at extremes */
  --z-amp:calc(0.18 + abs(var(--z-glow) - 0.5) * 1.15);
  position:relative;
  z-index:0;
  min-width:0;
  overflow:visible;
  opacity:1;
  filter:none;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  transition:--z-glow .35s ease,--z-wear .35s ease;
}
body:not(.biz-company-open) .hdr-mes-zone + .hdr-mes-zone{
  box-shadow:none;
}
/* Soft bloom from the bottom — wider than the column so the three merge */
body:not(.biz-company-open) .hdr-mes-zone::before{
  display:none!important;
  content:none!important;
}
body:not(.biz-company-open) .hdr-mes-zone::after{
  content:"";
  display:block!important;
  position:absolute;
  left:-45%;
  right:-45%;
  bottom:-28%;
  height:78%;
  border-radius:50%;
  background:radial-gradient(
    ellipse 72% 68% at 50% 72%,
    var(--z-ambient) 0%,
    color-mix(in srgb,var(--z-ambient) 55%,transparent) 38%,
    transparent 72%
  );
  opacity:var(--z-amp);
  filter:blur(22px);
  pointer-events:none;
  z-index:0;
  transition:opacity .35s ease,background .35s ease,filter .35s ease;
}
[data-theme="dark"] body:not(.biz-company-open) .hdr-mes{
  gap:0;
  padding:0;
  background:transparent;
}
[data-theme="dark"] body:not(.biz-company-open) .hdr-mes-zone{
  background:transparent;
  --z-ambient:color-mix(in srgb,#fff8d6 calc(var(--z-glow) * 100%),#f43f5e calc((1 - var(--z-glow)) * 100%));
  --z-amp:calc(0.24 + abs(var(--z-glow) - 0.5) * 1.25);
}
[data-theme="dark"] body:not(.biz-company-open) .hdr-mes-zone::after{
  filter:blur(26px);
}
[data-theme="dark"] body:not(.biz-company-open) .hdr-mes-zone--worn{
  background:transparent;
}
[data-theme="dark"] body:not(.biz-company-open) .hdr-mes-zone--ruin{
  background:transparent;
}
body:not(.biz-company-open) .hdr-mes-zone--worn{
  clip-path:none;
  filter:none;
}
body:not(.biz-company-open) .hdr-mes-zone--ruin{
  clip-path:none;
  filter:none;
  background:transparent;
}
body:not(.biz-company-open) .hdr-mes-zone--ruin::after{
  opacity:calc(var(--z-amp) + 0.12);
  filter:blur(20px);
}
body:not(.biz-company-open) .hdr-mes-zone--buzz::after{
  animation:hdrZoneAmbientBuzz 1.6s ease-in-out infinite;
}
@keyframes hdrZoneAmbientBuzz{
  0%,100%{opacity:var(--z-amp);filter:blur(22px);}
  50%{opacity:calc(var(--z-amp) + 0.18);filter:blur(18px);}
}
@media (prefers-reduced-motion:reduce){
  body:not(.biz-company-open) .hdr-mes-zone--buzz::after{animation:none!important;}
}
body:not(.biz-company-open) .person-feed-hdr.person-feed-hdr--mes > *:not(.hdr-mes),
body:not(.biz-company-open) #prof-hero-card > *:not(.hdr-mes){
  position:relative;
  z-index:1;
}
body:not(.biz-company-open) .friend-profile-hdr.person-feed-hdr--mes > .hdr-mes{
  z-index:1;
}
body:not(.biz-company-open) .friend-profile-hdr.person-feed-hdr--mes > .friend-profile-hero-bg{
  z-index:0;
  opacity:.55;
}
body:not(.biz-company-open) .friend-profile-hdr.person-feed-hdr--mes > .friend-profile-hero-toolbar,
body:not(.biz-company-open) .friend-profile-hdr.person-feed-hdr--mes > .friend-profile-hero-body{
  position:relative;
  z-index:2;
}
/* Friend feed cards — header/body share one engraved shell (no nested recess) */
body:not(.biz-company-open) .feed-stream--social .person-feed-card:not(.person-feed-card--me) .person-feed-hdr:not(.person-feed-hdr--tint):not(.person-feed-hdr--muted):not(.person-feed-hdr--idle),
body:not(.biz-company-open) .feed-circle-grid .person-feed-hdr:not(.person-feed-hdr--tint):not(.person-feed-hdr--muted):not(.person-feed-hdr--idle){
  background:transparent!important;
  box-shadow:none!important;
}
body:not(.biz-company-open) .feed-stream--social .person-feed-card:not(.person-feed-card--me) .person-feed-hdr.person-feed-hdr--tint,
body:not(.biz-company-open) .feed-stream--social .person-feed-card:not(.person-feed-card--me) .person-feed-hdr.person-feed-hdr--tint[data-mood-hdr],
body:not(.biz-company-open) .feed-stream--social .person-feed-card:not(.person-feed-card--me) .person-feed-hdr.person-feed-hdr--tint[data-gv],
body:not(.biz-company-open) .feed-stream--social .person-feed-card:not(.person-feed-card--me) .person-feed-hdr.person-feed-hdr--tint[class*="person-feed-hdr--g"],
body:not(.biz-company-open) .feed-circle-grid .person-feed-hdr.person-feed-hdr--tint,
body:not(.biz-company-open) .feed-stream--social .person-feed-card:not(.person-feed-card--me) .person-feed-hdr.person-feed-hdr--muted,
body:not(.biz-company-open) .feed-stream--social .person-feed-card:not(.person-feed-card--me) .person-feed-hdr.person-feed-hdr--idle,
body:not(.biz-company-open) .feed-circle-grid .person-feed-hdr.person-feed-hdr--muted,
body:not(.biz-company-open) .feed-circle-grid .person-feed-hdr.person-feed-hdr--idle{
  box-shadow:none!important;
}
body:not(.biz-company-open) .feed-stream--social .person-feed-card:not(.person-feed-card--me) .person-feed-tasks,
body:not(.biz-company-open) .feed-circle-grid .person-feed-tasks{
  background:transparent!important;
  box-shadow:none!important;
}
/* Legacy g0–g7 keys — same chrome as app header/footer */
body:not(.biz-company-open) .person-feed-hdr--tint.person-feed-hdr--g0,
body:not(.biz-company-open) .person-feed-hdr--tint.person-feed-hdr--g1,
body:not(.biz-company-open) .person-feed-hdr--tint.person-feed-hdr--g2,
body:not(.biz-company-open) .person-feed-hdr--tint.person-feed-hdr--g3,
body:not(.biz-company-open) .person-feed-hdr--tint.person-feed-hdr--g4,
body:not(.biz-company-open) .person-feed-hdr--tint.person-feed-hdr--g5,
body:not(.biz-company-open) .person-feed-hdr--tint.person-feed-hdr--g6,
body:not(.biz-company-open) .person-feed-hdr--tint.person-feed-hdr--g7{
  background:var(--soc-chrome-hdr-bg,linear-gradient(128deg,var(--soc-brand,#f97316) 0%,var(--soc-brand2,#ec4899) 100%))!important;
  color:#fff!important;
}

/* ── Progress — purple–blue fill ─────────────────────────────────────────── */
body:not(.biz-company-open) .person-feed-overall{
  height:4px;
  background:var(--soc-progress-track);
}
body:not(.biz-company-open) .person-feed-overall span{
  background:var(--soc-progress-fill);
  border-radius:0 3px 3px 0;
}
body:not(.biz-company-open) .person-feed-overall--study span,
body:not(.biz-company-open) .person-feed-overall--workout span,
body:not(.biz-company-open) .person-feed-overall--reading span,
body:not(.biz-company-open) .person-feed-overall--wellness span,
body:not(.biz-company-open) .person-feed-overall--creative span{
  background:var(--soc-progress-fill);
}
body:not(.biz-company-open) .prog-track{
  background:var(--soc-progress-track);
  height:5px;
  border-radius:5px;
}
body:not(.biz-company-open) .pf-active{
  background:var(--soc-progress-fill);
}
body:not(.biz-company-open) .vivid-prog span{
  background:linear-gradient(90deg,rgba(255,255,255,.85) 0%,rgba(255,255,255,.55) 50%,rgba(255,255,255,.85) 100%);
}
body:not(.biz-company-open) .goal-bar span,
body:not(.biz-company-open) .treats-balance-fill,
body:not(.biz-company-open) .fp-treat-balance-bar span{
  background:var(--soc-progress-fill)!important;
}
/* Mood / Energy / Stress — same palette as app/card header chrome at that moment */
body:not(.biz-company-open) #home-social-shell .home-mood-expand-cell .home-mood-expand-fill,
body:not(.biz-company-open) #home-social-shell .home-mood-expand-cell[data-dim="score"] .home-mood-expand-fill,
body:not(.biz-company-open) #home-social-shell .home-mood-expand-cell[data-dim="energy"] .home-mood-expand-fill,
body:not(.biz-company-open) #home-social-shell .home-mood-expand-cell[data-dim="stress"] .home-mood-expand-fill{
  background:var(--feed-hdr-bg,var(--soc-chrome-hdr-bg,linear-gradient(128deg,var(--soc-brand,#f97316) 0%,var(--soc-brand2,#ec4899) 100%)))!important;
  background-size:200% 100%!important;
  background-position:left center!important;
  box-shadow:inset 0 -2px 10px rgba(255,255,255,.22)!important;
}
/* Mood rail slider thumbs — ringless engraved circles (score shows user avatar) */
body:not(.biz-company-open) #home-social-shell #home-mood-quick .home-mood-expand-thumb{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:24px;
  height:24px;
  margin-left:-12px;
  border:none!important;
  border-radius:50%;
  background:var(--soc-sunken);
  overflow:hidden;
  pointer-events:none;
  box-shadow:var(--soc-mood-rail-recess)!important;
}
body:not(.biz-company-open) #home-social-shell #home-mood-quick .home-mood-expand-thumb::after{
  content:'';
  position:absolute;
  inset:0;
  border-radius:50%;
  pointer-events:none;
  z-index:2;
  box-shadow:inset 0 4px 10px rgba(0,0,0,.26),inset 0 -2px 5px rgba(255,255,255,.14);
}
body:not(.biz-company-open) #home-social-shell #home-mood-quick .home-mood-expand-thumb--av{
  width:32px;
  height:32px;
  margin-left:-16px;
}
body:not(.biz-company-open) #home-social-shell #home-mood-quick .home-mood-expand-thumb .fs-av{
  width:100%;
  height:100%;
  border-radius:50%;
  font-size:12px;
  box-shadow:none!important;
}
body:not(.biz-company-open) #home-social-shell #home-mood-quick .home-mood-expand-thumb .fs-av img{
  filter:brightness(.93) contrast(1.03);
}
body:not(.biz-company-open) #home-social-shell #home-mood-quick .home-mood-rail-cells.is-active .home-mood-expand-thumb{
  box-shadow:var(--soc-mood-rail-recess)!important;
}
body:not(.biz-company-open) #home-social-shell #home-mood-quick .home-mood-rail-cells.is-active .home-mood-expand-cell.is-expanded .home-mood-expand-thumb{
  box-shadow:inset 0 7px 16px -3px rgba(0,0,0,.38),inset 0 2px 6px -1px rgba(0,0,0,.24),inset 0 -3px 8px -3px rgba(255,255,255,.16)!important;
}

/* ── CTAs — engraved chrome primary (matches circle Assign) ───────────────── */
body:not(.biz-company-open) .person-feed-btn--primary,
body:not(.biz-company-open) .person-feed-cta,
body:not(.biz-company-open) .cta,
body:not(.biz-company-open) .ctabtn,
body:not(.biz-company-open) .feat-btn--primary,
body:not(.biz-company-open) .friends-hero-btn--primary,
body:not(.biz-company-open) .cbtn.primary,
body:not(.biz-company-open) .cbtn.success,
body:not(.biz-company-open) .fp-hero-btn--assign,
body:not(.biz-company-open) .person-feed-foot-actions--pills .person-feed-btn--primary,
body:not(.biz-company-open) .treat-pack-btn,
body:not(.biz-company-open) .disc-profile-add:not([data-discover-decline]),
body:not(.biz-company-open) .disc-ch-join,
body:not(.biz-company-open) .discover-tutorial-btn:not(.discover-tutorial-btn--ghost),
body:not(.biz-company-open) .guided-tour-btn:not(.guided-tour-btn--ghost),
body:not(.biz-company-open) .onboarding-coach-btn,
body:not(.biz-company-open) .discover-empty-cta,
body:not(.biz-company-open) .friend-search-add,
body:not(.biz-company-open) .friend-act-btn--primary,
body:not(.biz-company-open) .reward-pay-chip--primary,
body:not(.biz-company-open) .momentum-card--social .momentum-cta,
body:not(.biz-company-open) .pro-upgrade-cta,
body:not(.biz-company-open) .home-drawer-profile-cta,
body:not(.biz-company-open) .home-mood-bar-go,
body:not(.biz-company-open) .circle-care-pick-btn--primary,
body:not(.biz-company-open) .circle-care-btn--primary,
body:not(.biz-company-open) .treats-plan-btn:not(.treats-plan-btn--ghost),
body:not(.biz-company-open) .abtn:not(.abtn--ghost),
body:not(.biz-company-open) .prof-action-btn--primary,
body:not(.biz-company-open) .pro-teaser-btn,
body:not(.biz-company-open) .pro-profile-manage,
body:not(.biz-company-open) .feed-connect-btn:not([data-request-state="sent"]),
body:not(.biz-company-open) .reel-disc-primary,
body:not(.biz-company-open) .int-connect-btn,
body:not(.biz-company-open) #s-friends .tasks-lock-btn,
body:not(.biz-company-open) .friends-mood-btn,
body:not(.biz-company-open) .reel-bar-btn--assign,
body:not(.biz-company-open) .ai-ask-btn{
  background:var(--soc-cta-gradient)!important;
  border:1px solid var(--soc-cta)!important;
  border-color:var(--soc-cta)!important;
  color:#fff!important;
  box-shadow:var(--soc-cta-shadow)!important;
}
body:not(.biz-company-open) .fp-hero-btn--treat{
  background:var(--soc-sunken)!important;
  border:1px solid var(--soc-border)!important;
  color:var(--soc-chrome)!important;
  box-shadow:var(--soc-card-recess)!important;
}
body:not(.biz-company-open) .person-feed-btn--primary:hover,
body:not(.biz-company-open) .person-feed-cta:hover,
body:not(.biz-company-open) .cta:hover,
body:not(.biz-company-open) .ctabtn:hover,
body:not(.biz-company-open) .feat-btn--primary:hover,
body:not(.biz-company-open) .cbtn.primary:hover,
body:not(.biz-company-open) .cbtn.success:hover,
body:not(.biz-company-open) .treat-pack-btn:hover:not(:disabled),
body:not(.biz-company-open) .disc-profile-add:not([data-discover-decline]):hover,
body:not(.biz-company-open) .pro-upgrade-cta:hover:not(:disabled){
  filter:none;
  background:var(--soc-cta-gradient-hover)!important;
  transform:translateY(-1px);
  box-shadow:var(--soc-cta-shadow-hover)!important;
}
body:not(.biz-company-open) .home-drawer-profile-cta{
  background:var(--soc-cta-gradient)!important;
  border:1px solid var(--soc-cta)!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:700!important;
  letter-spacing:-.01em;
  min-height:42px!important;
  padding:0 16px!important;
  box-shadow:var(--soc-cta-shadow)!important;
}
body:not(.biz-company-open) .home-drawer-profile-cta:active{
  transform:scale(.98);
  background:var(--soc-cta-gradient-hover)!important;
  box-shadow:var(--soc-nested-recess),0 1px 2px rgba(0,0,0,.04)!important;
}
/* Circle care — flat toast only (no home pane / gradients) */
body:not(.biz-company-open) #toast.toast{
  background:var(--soc-surface)!important;
  color:var(--soc-text)!important;
  border:1px solid rgba(var(--soc-brand-rgb),.32)!important;
  box-shadow:var(--soc-card-float)!important;
}
body:not(.biz-company-open) #toast.toast.toast--tap{
  border-color:rgba(var(--soc-brand-rgb),.4)!important;
  box-shadow:var(--soc-card-float),0 0 0 1px rgba(var(--soc-brand-rgb),.08)!important;
}
body:not(.biz-company-open) .circle-care-pick-btn--primary,
body:not(.biz-company-open) .circle-care-btn--primary{
  background:var(--soc-cta-gradient)!important;
  border:1px solid var(--soc-cta)!important;
  color:#fff!important;
  font-weight:700!important;
  min-height:40px;
  padding:0 14px;
  box-shadow:var(--soc-cta-shadow)!important;
}
body:not(.biz-company-open) .home-mood-bar-go{
  background:var(--soc-cta-gradient)!important;
  color:#fff!important;
}

body:not(.biz-company-open) .person-feed-btn:not(.person-feed-btn--primary){
  background:var(--soc-card);
  border:1px solid var(--soc-border-strong);
  box-shadow:var(--soc-shadow-inset),var(--soc-shadow-sm);
}
/* ── Nav Add FAB — raised purple CTA (matches feed Add buttons) ───────────── */
body:not(.biz-company-open) .nav--product #n-add:not(.ni-add--turbo-on) .ni-add-ring{
  display:grid!important;
  place-items:center;
}
body:not(.biz-company-open) .nav--product #n-add:not(.ni-add--turbo-on):not(.ni-add--holding) .ni-add-ring{
  width:52px!important;
  height:52px!important;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  transform:none;
  margin:0 auto 2px;
  border:1.5px solid var(--soc-cta)!important;
  background:var(--soc-cta-gradient)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.32),
    inset 0 -2px 0 rgba(0,0,0,.14),
    var(--soc-cta-shadow),
    0 4px 14px rgba(67,56,202,.28)!important;
  transition:box-shadow .18s ease,background .18s ease,transform .15s ease;
}
body:not(.biz-company-open) .nav--product #n-add:not(.ni-add--turbo-on):not(.ni-add--holding) .ni-add-ring::after{
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  z-index:1;
  background:linear-gradient(180deg,rgba(255,255,255,.28) 0%,rgba(255,255,255,.08) 42%,transparent 68%);
}
[data-theme="dark"] body:not(.biz-company-open) .nav--product #n-add:not(.ni-add--turbo-on):not(.ni-add--holding) .ni-add-ring{
  background:var(--soc-cta-gradient)!important;
  border:1.5px solid var(--soc-cta)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -2px 0 rgba(0,0,0,.22),
    var(--soc-cta-shadow),
    0 4px 16px rgba(0,0,0,.36)!important;
}
body:not(.biz-company-open) .nav--product #n-add:not(.ni-add--turbo-on) .nic{
  width:26px!important;
  height:26px!important;
  color:#fff!important;
  grid-area:1 / 1;
  margin:0!important;
  position:relative;
  z-index:2;
  flex-shrink:0;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.22));
  transition:color .15s ease,filter .15s ease;
}
body:not(.biz-company-open) .nav--product #n-add:not(.ni-add--turbo-on) .nic .nic-stroke{
  stroke:#fff!important;
  stroke-width:2.6!important;
  stroke-linecap:round!important;
}
[data-theme="dark"] body:not(.biz-company-open) .nav--product #n-add:not(.ni-add--turbo-on) .nic{
  color:#fff!important;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.35));
}
body:not(.biz-company-open) #n-add:not(.ni-add--turbo-on):not(.ni-add--holding) .ni-add-aura{
  opacity:0!important;
  animation:none!important;
}
@media (hover:hover){
  body:not(.biz-company-open) .nav--product #n-add:not(.ni-add--turbo-on):not(.ni-add--holding):hover .ni-add-ring{
    background:var(--soc-cta-gradient-hover)!important;
    transform:translateY(-1px);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.36),
      inset 0 -2px 0 rgba(0,0,0,.14),
      var(--soc-cta-shadow-hover),
      0 6px 18px rgba(67,56,202,.34)!important;
  }
  body:not(.biz-company-open) .nav--product #n-add:not(.ni-add--turbo-on):not(.ni-add--holding):hover .nic{
    color:#fff!important;
    filter:drop-shadow(0 1px 1px rgba(0,0,0,.28));
  }
  body:not(.biz-company-open) .nav--product #n-add:not(.ni-add--turbo-on):not(.ni-add--holding):hover .nic .nic-stroke{
    stroke:#fff!important;
  }
}
body:not(.biz-company-open) .nav--product #n-add:not(.ni-add--turbo-on):active:not(.ni-add--holding) .ni-add-ring,
body:not(.biz-company-open) .nav--product #n-add:not(.ni-add--turbo-on).ni-add--holding .ni-add-ring{
  background:var(--soc-cta-gradient)!important;
  transform:scale(.97);
  box-shadow:
    inset 0 2px 6px rgba(0,0,0,.22),
    var(--soc-cta-shadow)!important;
}
body:not(.biz-company-open) .nav--product #n-add:not(.ni-add--turbo-on):active:not(.ni-add--holding) .nic,
body:not(.biz-company-open) .nav--product #n-add:not(.ni-add--turbo-on).ni-add--holding .nic{
  color:#fff!important;
  filter:drop-shadow(0 0.5px 1px rgba(0,0,0,.2));
}
body:not(.biz-company-open) .nav--product #n-add:not(.ni-add--turbo-on):active:not(.ni-add--holding) .nic .nic-stroke,
body:not(.biz-company-open) .nav--product #n-add:not(.ni-add--turbo-on).ni-add--holding .nic .nic-stroke{
  stroke:#fff!important;
}
body:not(.biz-company-open) #mood-fab{
  background:var(--soc-cta)!important;
  box-shadow:var(--soc-shadow-lift)!important;
}

/* ── Mood / energy badges (company-matched, muted) ───────────────────────── */
body:not(.biz-company-open) .mood-status--high{
  background:var(--soc-energy-badge-bg);
  color:var(--soc-energy-badge-text);
  border-color:var(--soc-energy-badge-border);
}
body:not(.biz-company-open) .mood-status--steady{
  background:var(--soc-brand-dim);
  color:var(--soc-brand);
  border-color:rgba(var(--soc-brand-rgb),.28);
}
body:not(.biz-company-open) .mood-status--mixed{
  background:var(--soc-mood-badge-bg);
  color:var(--soc-mood-badge-text);
  border-color:var(--soc-mood-badge-border);
}
body:not(.biz-company-open) .mood-status--tender,
body:not(.biz-company-open) .mood-status--low{
  background:rgba(108,92,231,.1);
  color:#5B4BC4;
  border-color:rgba(108,92,231,.22);
}
body:not(.biz-company-open) .friend-mood-pill,
body:not(.biz-company-open) .friends-live-badge,
body:not(.biz-company-open) .person-feed-ribbon,
body:not(.biz-company-open) .person-feed-badge,
body:not(.biz-company-open) .person-live-tag{
  border:1px solid transparent;
  box-shadow:none;
}
body:not(.biz-company-open) .friend-mood-pill{
  background:var(--soc-mood-badge-bg);
  border-color:var(--soc-mood-badge-border);
  color:var(--soc-mood-badge-text);
}
body:not(.biz-company-open) .friends-live-badge,
body:not(.biz-company-open) .person-live-tag{
  background:var(--soc-energy-badge-bg);
  color:var(--soc-energy-badge-text);
  border-color:var(--soc-energy-badge-border);
}
body:not(.biz-company-open) .person-feed-ribbon,
body:not(.biz-company-open) .person-feed-badge{
  background:var(--soc-brand-dim);
  color:var(--soc-brand);
  border-color:rgba(var(--soc-brand-rgb),.22);
}
body:not(.biz-company-open) .home-mood-panel.needs-log,
body:not(.biz-company-open) .today-mood-chip.needs-log,
body:not(.biz-company-open) .home-mood-pick--on{
  border-color:rgba(var(--soc-brand-rgb),.4)!important;
  background:var(--soc-brand-dim)!important;
  box-shadow:var(--soc-shadow-inset),var(--soc-shadow-sm)!important;
}

/* ── Header / nav chrome — canvas matches scroll area on every tab ───────── */
body:not(.biz-company-open) .hdr,
body:not(.biz-company-open) #main > .hdr{
  background:var(--soc-canvas)!important;
  background-image:none!important;
  border-bottom-color:transparent!important;
  box-shadow:none!important;
  font-family:"Plus Jakarta Sans",sans-serif;
}
[data-theme="dark"] body:not(.biz-company-open) .hdr,
[data-theme="dark"] body:not(.biz-company-open) #main > .hdr{
  background:var(--soc-canvas)!important;
  background-image:none!important;
  border-bottom-color:transparent!important;
  box-shadow:none;
}
/* Scrolled — the lava-lamp glass owns the header background at every scroll state. */
body:not(.biz-company-open).feed-at-top .hdr,
body:not(.biz-company-open).feed-at-top #main > .hdr{
  border-bottom-color:transparent!important;
}
body:not(.biz-company-open):not(.feed-at-top) .hdr,
body:not(.biz-company-open):not(.feed-at-top) #main > .hdr{
  border-bottom-color:transparent!important;
}
body:not(.biz-company-open) .nav.nav--product{
  background-color:var(--soc-canvas)!important;
  background-image:var(--soc-bg-image)!important;
  border-top:1px solid var(--soc-border)!important;
  box-shadow:none!important;
  font-family:"Plus Jakarta Sans",sans-serif;
}
/* Tab scroll panes — inherit layered canvas (not white surface) */
body:not(.biz-company-open) .product-scroll.app-scroll,
body:not(.biz-company-open) .friends-list-scroll.app-scroll,
body:not(.biz-company-open) #s-profile .prof-wrap.app-scroll,
body:not(.biz-company-open) #discover-host.product-scroll,
body:not(.biz-company-open) .vessel-scroll.product-scroll,
body:not(.biz-company-open) .rewards-scroll.product-scroll{
  background-color:transparent;
  background-image:none;
}
body:not(.biz-company-open) .hdr-right .hdr-av,
body:not(.biz-company-open).tab-home .hdr-right .hdr-av{
  border:1.5px solid var(--soc-border-strong)!important;
  box-shadow:var(--soc-shadow-inset),var(--soc-shadow-sm)!important;
}

/* ── Social header chrome inset (matches taller bar) ─────────────────────── */
body:not(.biz-company-open).app-chrome{
  --hdr-chrome-inset:calc(48px + var(--safe-top));
}
body:not(.biz-company-open).app-chrome.tab-home,
body:not(.biz-company-open).app-chrome.tab-home.hdr-scroll-hidden{
  --hdr-chrome-inset:calc(58px + var(--safe-top));
}

/* ── Social header — shared bar height + icon scale ────────────────────── */
body:not(.biz-company-open) #main > .hdr,
body:not(.biz-company-open).tab-home .hdr{
  min-height:54px!important;
  padding:10px 14px 8px!important;
}
body:not(.biz-company-open) .hdr-icon-btn{
  padding:3px;
  min-width:36px;
  min-height:36px;
}
body:not(.biz-company-open) .hdr-icon-svg,
body:not(.biz-company-open) .bell .bell-svg,
body:not(.biz-company-open) .hdr-menu-svg,
body:not(.biz-company-open) .hdr-treat-hearts .treat-pip-svg{
  width:26px;
  height:26px;
}
body:not(.biz-company-open) .hdr-treat-hearts{
  min-width:34px;
}
body:not(.biz-company-open) .treat-pip-n{
  font-size:14px;
}

/* ── Social nav pane — bottom nav + drawer icon scale ─────────────────────── */
body:not(.biz-company-open) .nav.nav--product{
  height:calc(66px + env(safe-area-inset-bottom,0px))!important;
}
body:not(.biz-company-open) .nav--product .ni:not(.ni-add){
  min-height:58px;
  padding:4px 4px 6px!important;
}
/* Engraved tab icons — deboss on the shape itself; Add uses matching grey disc */
body:not(.biz-company-open) .nav--product .ni:not(.ni-add) .nic{
  width:28px;
  height:28px;
  color:var(--soc-nav-icon);
  filter:
    drop-shadow(0 1px 0 rgba(255,255,255,.78))
    drop-shadow(0 -0.5px 0 rgba(0,0,0,.16));
  transition:color .15s ease,filter .15s ease;
}
body:not(.biz-company-open) .nav--product .ni:not(.ni-add) .nic .nic-stroke{
  stroke-width:2;
}
body:not(.biz-company-open) .nav--product .ni:not(.ni-add):active .nic{
  filter:
    drop-shadow(0 0.5px 0 rgba(255,255,255,.68))
    drop-shadow(0 -1px 1px rgba(0,0,0,.22));
}
body:not(.biz-company-open) .nav--product .ni:not(.ni-add).active .nic{
  color:var(--soc-nav-icon-active)!important;
  filter:
    drop-shadow(0 1px 0 rgba(255,255,255,.62))
    drop-shadow(0 -1px 1px rgba(0,0,0,.24));
}
body:not(.biz-company-open) .nav--product .ni:not(.ni-add).active .nic .nic-stroke{
  stroke:var(--soc-nav-icon-active)!important;
}
[data-theme="dark"] body:not(.biz-company-open) .nav--product .ni:not(.ni-add) .nic{
  color:var(--soc-nav-icon);
  filter:
    drop-shadow(0 1px 0 rgba(255,255,255,.09))
    drop-shadow(0 -0.5px 0 rgba(0,0,0,.38));
}
[data-theme="dark"] body:not(.biz-company-open) .nav--product .ni:not(.ni-add).active .nic,
[data-theme="dark"] body:not(.biz-company-open) .nav--product .ni:not(.ni-add).active .nic .nic-stroke{
  color:var(--soc-nav-icon-active)!important;
  stroke:var(--soc-nav-icon-active)!important;
  filter:
    drop-shadow(0 1px 0 rgba(255,255,255,.11))
    drop-shadow(0 -1px 1px rgba(0,0,0,.48));
}
body:not(.biz-company-open) .home-drawer-panel .drawer-link-icon{
  width:32px;
  height:32px;
  font-size:17px;
  border-radius:11px;
}

/* ── Social home header — wordmark, Pro pill, action trim ─────────────────── */
body:not(.biz-company-open).tab-home .hdr{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px;
}
body:not(.biz-company-open).tab-home #hdr-brand{
  flex:1 1 auto;
  min-width:0;
  padding-right:8px!important;
  grid-column:auto;
}
body:not(.biz-company-open).tab-home .hdr-right{
  position:static!important;
  inset:auto!important;
  flex:0 0 auto;
}
body:not(.biz-company-open).tab-home .hdr-brand--home{
  gap:7px;
}
body:not(.biz-company-open).tab-home .hdr-brand--home .brand-mark-wrap--hdr{
  width:26px;
  height:26px;
  line-height:0;
  padding:0;
}
body:not(.biz-company-open).tab-home .hdr-brand--home .brand-mark--hdr{
  width:26px;
  height:26px;
}
body:not(.biz-company-open).tab-home .hdr-brand--home .wordmark,
body:not(.biz-company-open).tab-home .hdr-brand--home .wordmark--pro{
  font-family:var(--font-brand,"Figtree",sans-serif);
  font-size:22px;
  font-weight:700!important;
  letter-spacing:-.028em;
  text-transform:none;
  color:#fff!important;
  line-height:1;
  text-shadow:none;
  -webkit-text-stroke:0;
  transform:translateY(-0.5px);
}
body:not(.biz-company-open).tab-home .hdr-brand--home .wordmark--pro .wordmark-name{
  font-family:inherit;
  font-weight:700!important;
  letter-spacing:-.028em;
  -webkit-text-stroke:0;
}
body:not(.biz-company-open) .hdr-brand .wordmark--pro{
  align-items:center;
  gap:0.36em;
  line-height:1;
  transform:translateY(-0.5px);
}
body:not(.biz-company-open) .hdr-brand .wordmark-pro-tag{
  font-family:var(--font,"Plus Jakarta Sans",sans-serif);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  /* Engraved into the two-tone chrome header */
  border:1px solid rgba(255,255,255,.22)!important;
  background:rgba(0,0,0,.22)!important;
  color:rgba(255,255,255,.92)!important;
  -webkit-text-fill-color:rgba(255,255,255,.92)!important;
  box-shadow:
    inset 0 3px 6px -1px rgba(0,0,0,.42),
    inset 0 1px 2px rgba(0,0,0,.28),
    inset 0 -1px 0 rgba(255,255,255,.2)!important;
  text-shadow:0 1px 0 rgba(0,0,0,.4),0 -1px 0 rgba(255,255,255,.12)!important;
}
body:not(.biz-company-open) .friend-pro-pill,
body:not(.biz-company-open) .fp-profile-pro-badge,
body:not(.biz-company-open) .prof-pro-badge{
  border:1px solid color-mix(in srgb,#b8860b 35%,var(--soc-border))!important;
  background:color-mix(in srgb,#f5e6b8 50%,var(--soc-sunken))!important;
  color:#6b4e12!important;
  box-shadow:var(--soc-nested-recess)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.55),0 -1px 1px rgba(90,60,10,.14)!important;
}
[data-theme="dark"] body:not(.biz-company-open) .friend-pro-pill,
[data-theme="dark"] body:not(.biz-company-open) .fp-profile-pro-badge,
[data-theme="dark"] body:not(.biz-company-open) .prof-pro-badge{
  border-color:rgba(212,175,88,.28)!important;
  background:color-mix(in srgb,#3f3a2e 70%,var(--soc-sunken))!important;
  color:#e8d5a3!important;
  text-shadow:0 1px 0 rgba(0,0,0,.45),0 -1px 0 rgba(255,230,180,.1)!important;
}
body:not(.biz-company-open).tab-home .hdr-brand-caret{
  font-size:10px;
  color:var(--soc-text3);
  opacity:.55;
  margin-left:1px;
}
/* Desktop sidebar brand — mirror home header lockup */
body.desktop-sidebar-mode .home-drawer-sidebar-brand .brand-mark-wrap--hdr{
  width:26px;
  height:26px;
  line-height:0;
  padding:0;
}
body.desktop-sidebar-mode .home-drawer-sidebar-brand .brand-mark--hdr{
  width:26px;
  height:26px;
}
body.desktop-sidebar-mode .home-drawer-sidebar-brand .wordmark{
  font-family:var(--font-brand,"Figtree",sans-serif);
  font-size:22px;
  font-weight:700;
  letter-spacing:-.028em;
  color:var(--soc-text);
  line-height:1;
  transform:translateY(-0.5px);
}
body.desktop-sidebar-mode .home-drawer-sidebar-brand .hdr-brand-caret{
  font-size:10px;
  color:var(--soc-text3);
  opacity:.55;
  margin-left:1px;
}
body.desktop-sidebar-mode .home-drawer-sidebar-brand .wordmark--pro{
  font-family:var(--font-brand,"Figtree",sans-serif);
  font-size:22px;
  font-weight:700;
  letter-spacing:-.028em;
  align-items:center;
  gap:0.36em;
  color:var(--soc-text);
  line-height:1;
  transform:translateY(-0.5px);
}
body.desktop-sidebar-mode .home-drawer-sidebar-brand .wordmark--pro .wordmark-name{
  font-family:inherit;
  font-weight:700;
  letter-spacing:-.028em;
}
body.desktop-sidebar-mode .home-drawer-sidebar-brand .wordmark-pro-tag{
  font-size:8px;
}

/* Workspace switcher — social recessed panel */
body:not(.biz-company-open) .ws-switcher{
  background:var(--soc-surface);
  border:1px solid var(--soc-border);
  border-radius:14px;
  box-shadow:var(--soc-shadow-lift);
  font-family:var(--font,"Plus Jakarta Sans",sans-serif);
}
body:not(.biz-company-open) .ws-opt{font-family:var(--font,"Plus Jakarta Sans",sans-serif);}
body:not(.biz-company-open) .ws-opt:hover{background:var(--soc-sunken);}
body:not(.biz-company-open) .ws-opt--on .ws-opt-name{color:var(--soc-brand);}
body:not(.biz-company-open) .ws-opt-check{color:var(--soc-brand);}
body:not(.biz-company-open) .ws-opt-tag,
body:not(.biz-company-open) .ws-switcher .wordmark-pro-tag{
  font-size:8px;
  margin-left:0.28em;
  vertical-align:middle;
  display:inline-flex;
  align-items:center;
}
body:not(.biz-company-open).tab-home .hdr-actions{
  gap:7px;
}

/* ── Sheets — elevated panels (neutral, not tinted) ──────────────────────── */
body:not(.biz-company-open) .sheet{
  background:var(--soc-card);
  border-top:none;
  box-shadow:0 -8px 40px rgba(0,0,0,.08),0 -2px 12px rgba(0,0,0,.04);
}
body:not(.biz-company-open) .home-drawer-panel{
  background:var(--soc-card);
  border:none;
  box-shadow:-12px 0 40px rgba(0,0,0,.08),-4px 0 16px rgba(0,0,0,.04);
}
/* Home drawer menu — borderless section cards, light chrome on controls */
body:not(.biz-company-open) .home-drawer-panel .home-drawer-section,
body:not(.biz-company-open) .home-drawer-panel .home-drawer-profile-card{
  background:var(--soc-sunken);
  border:1px solid var(--soc-border);
  box-shadow:var(--soc-card-recess)!important;
}
body:not(.biz-company-open) .home-drawer-panel .home-drawer-search{
  background:transparent;
  padding:0;
}
body:not(.biz-company-open) .home-drawer-panel .feed-search-wrap{
  background:var(--soc-sunken);
  border:1px solid var(--soc-border);
  box-shadow:var(--soc-card-recess)!important;
}
body:not(.biz-company-open) .home-drawer-panel .home-drawer-link{
  border:1px solid var(--soc-border);
  background:var(--soc-sunken);
  box-shadow:var(--soc-card-recess)!important;
}
body:not(.biz-company-open) .home-drawer-panel .home-drawer-close{
  border-color:var(--soc-border);
}

/* ── Story rings / focus — single accent, no rainbow ─────────────────────── */
body:not(.biz-company-open) .fs-ring{
  background:var(--soc-brand)!important;
  box-shadow:var(--soc-shadow-sm)!important;
}
/* Home story strip — ringless engraved avatars (no chrome halo) */
body:not(.biz-company-open) #home-social-shell #home-story-bar.home-friend-strip-slot{
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  border-radius:0;
  padding:0;
  margin:0;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12px,#000 calc(100% - 12px),transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 12px,#000 calc(100% - 12px),transparent 100%);
}
body:not(.biz-company-open) #home-social-shell #home-story-bar .fs-item .fs-ring{
  position:relative;
  overflow:hidden;
  padding:0!important;
  background:transparent!important;
  box-shadow:none!important;
  width:54px;
  height:54px;
}
body:not(.biz-company-open) #home-social-shell #home-story-bar .fs-item .fs-ring::after{
  display:none;
}
body:not(.biz-company-open) #home-social-shell #home-story-bar .fs-item .fs-av{
  width:54px;
  height:54px;
  position:relative;
  z-index:1;
  box-shadow:var(--soc-story-recess-deep)!important;
}
body:not(.biz-company-open) #home-social-shell #home-story-bar .fs-item .fs-av img{
  filter:brightness(.93) contrast(1.03);
}
body:not(.biz-company-open) #home-social-shell #home-story-bar .fs-item.fs-you .fs-ring,
body:not(.biz-company-open) #home-social-shell #home-story-bar .fs-ring--unseen,
body:not(.biz-company-open) #home-social-shell #home-story-bar .fs-item--unseen .fs-ring,
body:not(.biz-company-open) #home-social-shell #home-story-bar .fs-ring--you{
  background:transparent!important;
  box-shadow:none!important;
}
body:not(.biz-company-open) #home-social-shell #home-story-bar .fs-item--unseen .fs-av{
  box-shadow:var(--soc-story-recess-deep),inset 0 0 0 1px rgba(var(--soc-brand-rgb),.20)!important;
}
body:not(.biz-company-open) #home-social-shell #home-story-bar .fs-item:active .fs-av{
  box-shadow:inset 0 7px 16px -3px rgba(0,0,0,.38),inset 0 2px 6px -1px rgba(0,0,0,.24),inset 0 -3px 8px -3px rgba(255,255,255,.18)!important;
}
body:not(.biz-company-open) .feed-search-wrap:focus-within{
  border-color:var(--soc-brand);
  box-shadow:0 0 0 3px rgba(var(--soc-brand-rgb),.18),var(--soc-card-recess);
}

/* ── Discovery cards — recessed, no lift ─────────────────────────────────── */
body:not(.biz-company-open) .vivid-card{
  border:1px solid var(--soc-border);
  background:var(--soc-sunken);
  box-shadow:var(--soc-card-recess)!important;
}
body:not(.biz-company-open) .vivid-card:hover{
  border-color:var(--border2);
  box-shadow:var(--soc-card-recess)!important;
}

/* ── Friends pulse chips ─────────────────────────────────────────────────── */
body:not(.biz-company-open) .friends-pulse-chip.on{
  border-color:var(--soc-border);
  background:var(--soc-brand-dim);
  box-shadow:var(--soc-card-recess);
}
body:not(.biz-company-open) .friends-pulse-chip--live .friends-pulse-num{
  color:var(--soc-brand);
}
body:not(.biz-company-open) .friends-hero-btn--primary{
  background:var(--soc-cta-gradient)!important;
  border-color:var(--soc-cta)!important;
  box-shadow:var(--soc-cta-shadow)!important;
}

/* ── Treat / reward surfaces ─────────────────────────────────────────────── */
body:not(.biz-company-open) .badge-locked,
body:not(.biz-company-open) .badge-surprise,
body:not(.biz-company-open) .badge-open{
  box-shadow:var(--soc-shadow-inset),var(--soc-shadow-sm);
}
body:not(.biz-company-open) .home-loop.primary{
  border-color:rgba(var(--soc-brand-rgb),.35);
  background:var(--soc-brand-dim);
  box-shadow:var(--soc-shadow-inset),var(--soc-shadow-sm);
}

/* Soften leftover warm/coral personal accents from treatly.css */
body:not(.biz-company-open) .person-streak{color:var(--soc-brand);}
body:not(.biz-company-open) .ddot.social{
  background:var(--soc-brand);
}

/* Social home mood: bars only — strip card/summary pane chrome (company rail untouched) */
body:not(.biz-company-open) #home-social-shell .home-mood-panel,
body:not(.biz-company-open) #home-social-shell .today-mood-chip.home-mood-panel,
body:not(.biz-company-open) #home-social-shell .home-mood-panel--rail,
body:not(.biz-company-open).tab-home #home-social-shell .home-mood-panel,
body:not(.biz-company-open).tab-home #home-social-shell .today-mood-chip.home-mood-panel{
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  padding:0 4px 4px!important;
  margin:0!important;
  border-radius:0!important;
  max-width:none;
  width:100%;
}
body:not(.biz-company-open) #home-social-shell .home-mood-quick{
  display:block;
  width:100%;
}
body:not(.biz-company-open) #home-social-shell .home-mood-panel.needs-log,
body:not(.biz-company-open) #home-social-shell .today-mood-chip.needs-log,
body:not(.biz-company-open) #home-social-shell .home-mood-panel--rail.needs-log,
body:not(.biz-company-open) #home-social-shell .home-mood-panel.stale-log{
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  animation:none!important;
}
body:not(.biz-company-open) #home-social-shell .home-mood-rail--sliders-only .home-mood-rail-bar{
  display:none!important;
}
body:not(.biz-company-open) #home-social-shell .home-mood-rail--sliders-only .home-mood-rail-cells{
  padding:0 4px 0!important;
  gap:8px;
  align-items:stretch;
  overflow:visible!important;
}
body:not(.biz-company-open) #home-social-shell .home-mood-rail--sliders-only .home-mood-expand-cell{
  display:block;
}
/* In-bar embossed dimension titles — carved into track surface */
body:not(.biz-company-open) #home-social-shell .home-mood-rail--sliders-only .home-mood-expand-track-lbl{
  position:absolute;
  inset:0;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 8px;
  font-family:"Plus Jakarta Sans",sans-serif;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  -webkit-font-smoothing:antialiased;
  color:rgba(0,0,0,.28);
  text-shadow:0 1.5px 0 rgba(255,255,255,.82),0 -1.5px 2px rgba(0,0,0,.34);
  pointer-events:none;
  user-select:none;
  white-space:nowrap;
  overflow:hidden;
  mix-blend-mode:multiply;
}
body:not(.biz-company-open) #home-social-shell .home-mood-expand-cell.is-expanded .home-mood-expand-track-lbl{
  justify-content:flex-start;
  padding-left:14px;
  font-size:13px;
  letter-spacing:.1em;
}
body:not(.biz-company-open) #home-social-shell .home-mood-expand-cell .home-mood-expand-track-lbl{
  color:rgba(var(--soc-brand-rgb,249,115,22),.38);
}
[data-theme="dark"] body:not(.biz-company-open) #home-social-shell .home-mood-rail--sliders-only .home-mood-expand-track-lbl{
  color:rgba(255,255,255,.18);
  text-shadow:0 1.5px 0 rgba(255,255,255,.08),0 -1.5px 2px rgba(0,0,0,.62);
  mix-blend-mode:soft-light;
}
[data-theme="dark"] body:not(.biz-company-open) #home-social-shell .home-mood-expand-cell .home-mood-expand-track-lbl{
  color:rgba(var(--soc-brand-rgb,249,115,22),.32);
}
body:not(.biz-company-open) #home-social-shell .home-mood-rail-bar{
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
}
/* Social home mood tracks — rounded-rect wells matching the 18px header shell */
body:not(.biz-company-open) #home-social-shell .home-mood-rail--sliders-only .home-mood-expand-track,
body:not(.biz-company-open) #home-social-shell .home-mood-rail--sliders-only .home-mood-expand-cell.is-expanded .home-mood-expand-track{
  height:40px;
  border:none!important;
  border-radius:8px;
  box-shadow:var(--soc-mood-rail-recess)!important;
}
body:not(.biz-company-open) #home-social-shell .home-mood-rail--sliders-only .home-mood-expand-fill{
  border-radius:8px;
}
body:not(.biz-company-open) #home-social-shell .home-mood-rail--sliders-only .home-mood-expand-cell.is-expanded .home-mood-expand-track{
  height:44px;
}
body:not(.biz-company-open) #home-social-shell .home-mood-expand-cell .home-mood-expand-track{
  background:var(--soc-sunken)!important;
}
body:not(.biz-company-open) #home-social-shell .home-mood-expand-cell[data-dim="score"] .home-mood-expand-val,
body:not(.biz-company-open) #home-social-shell .home-mood-expand-cell[data-dim="energy"] .home-mood-expand-val,
body:not(.biz-company-open) #home-social-shell .home-mood-expand-cell[data-dim="stress"] .home-mood-expand-val{
  color:var(--soc-brand,#f97316)!important;
}

/* ── Circle grid + walk-card friend language ───────────────────────────── */
body:not(.biz-company-open) .feed-stream--social > .feed-section-hdr--circle{
  max-width:none;
  width:100%;
  margin-top:8px;
  margin-bottom:2px;
}
body:not(.biz-company-open) .feed-stream--social > .feed-circle-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  width:100%;
  max-width:none;
  margin:0;
  align-items:stretch;
}
body:not(.biz-company-open) .feed-circle-grid > .person-feed-card,
body:not(.biz-company-open) .feed-circle-grid > [data-feed-post]{
  width:100%;
  max-width:none;
  margin:0;
  height:100%;
  box-sizing:border-box;
}

/* Friend cards — recessed shell matching prof-hero-card; dark mood headers unchanged */
body:not(.biz-company-open) .feed-stream--social .person-feed-card:not(.person-feed-card--me),
body:not(.biz-company-open) .feed-circle-grid .person-feed-card{
  background:var(--soc-sunken)!important;
  border:1px solid var(--soc-border)!important;
  box-shadow:var(--soc-hdr-recess-deep)!important;
  border-radius:18px!important;
  overflow:hidden;
}
body:not(.biz-company-open) .feed-stream--social .person-feed-card:not(.person-feed-card--me):hover,
body:not(.biz-company-open) .feed-circle-grid .person-feed-card:hover{
  border-color:var(--border2,#D4D4D4);
  box-shadow:var(--soc-hdr-recess-deep)!important;
}
body:not(.biz-company-open) .feed-stream--social .person-feed-card:not(.person-feed-card--me) .person-feed-hdr.person-feed-hdr--tint,
body:not(.biz-company-open) .feed-stream--social .person-feed-card:not(.person-feed-card--me) .person-feed-hdr.person-feed-hdr--tint[data-mood-hdr],
body:not(.biz-company-open) .feed-stream--social .person-feed-card:not(.person-feed-card--me) .person-feed-hdr.person-feed-hdr--tint[data-gv],
body:not(.biz-company-open) .feed-stream--social .person-feed-card:not(.person-feed-card--me) .person-feed-hdr.person-feed-hdr--tint[class*="person-feed-hdr--g"],
body:not(.biz-company-open) .feed-circle-grid .person-feed-hdr.person-feed-hdr--tint{
  border-bottom:1px solid rgba(255,255,255,.12);
  box-shadow:none;
  padding:13px 12px 10px;
  position:relative;
  z-index:2;
  overflow:hidden;
  color:#fff;
}
body:not(.biz-company-open) .feed-stream--social .person-feed-card--me .person-feed-hdr.person-feed-hdr--tint,
body:not(.biz-company-open) .feed-stream--social .person-feed-card--me .person-feed-hdr.person-feed-hdr--you{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  gap:6px 10px;
  border-bottom:none;
  box-shadow:var(--soc-hdr-recess-tint);
  padding:12px 10px 8px;
  position:relative;
  z-index:2;
  overflow:hidden;
  color:#fff;
}
body:not(.biz-company-open) .feed-stream--social .person-feed-card--me .person-feed-hdr-main{
  flex:1 1 auto;
  min-width:0;
}
body:not(.biz-company-open) .feed-stream--social .person-feed-card--me .person-feed-add{
  flex-shrink:0;
}
/* Mood bars — blended into You header (beat #home-social-shell ID rules in light + dark) */
body:not(.biz-company-open) #home-social-shell .person-feed-card--me .person-feed-mood,
body:not(.biz-company-open) .feed-stream--social .person-feed-card--me .person-feed-mood{
  flex:1 1 100%;
  width:calc(100% + 20px);
  margin:0 -10px -2px;
  padding:2px 6px 0;
  order:5;
  background:transparent;
  position:relative;
  z-index:3;
  overflow:visible;
}
body:not(.biz-company-open) #home-social-shell .person-feed-card--me .person-feed-mood #today-mood-chip,
body:not(.biz-company-open) #home-social-shell .person-feed-card--me .person-feed-mood .home-mood-panel,
body:not(.biz-company-open) #home-social-shell .person-feed-card--me .person-feed-mood .home-mood-quick,
body:not(.biz-company-open) #home-social-shell .person-feed-card--me .person-feed-mood .home-mood-rail{
  width:100%;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
}
body:not(.biz-company-open) #home-social-shell .person-feed-card--me .person-feed-mood .home-mood-rail-cells,
body:not(.biz-company-open) #home-social-shell .person-feed-card--me .person-feed-mood .home-mood-rail--sliders-only .home-mood-rail-cells{
  display:grid!important;
  grid-template-columns:1fr 1fr 1fr;
  gap:8px!important;
  padding:0 2px!important;
  align-items:stretch;
  width:100%;
}
body:not(.biz-company-open) #home-social-shell .person-feed-card--me .person-feed-mood .home-mood-expand-cell,
body:not(.biz-company-open) #home-social-shell .person-feed-card--me .person-feed-mood .home-mood-rail--sliders-only .home-mood-expand-cell{
  flex:none!important;
  max-width:none!important;
  width:auto!important;
  min-width:0;
  display:flex!important;
  align-items:center;
  justify-content:center;
  padding:0;
  box-sizing:border-box;
  border:none!important;
}
body:not(.biz-company-open) #home-social-shell .person-feed-card--me .person-feed-mood .home-mood-expand-track{
  width:100%;
  max-width:100%;
  margin:0 auto;
}
/* Soft frosted wells — rounded rects matching the header shell (not pills) */
body:not(.biz-company-open) #home-social-shell .person-feed-card--me .person-feed-mood .home-mood-expand-track,
body:not(.biz-company-open) #home-social-shell .person-feed-card--me .person-feed-mood .home-mood-expand-cell .home-mood-expand-track,
body:not(.biz-company-open) #home-social-shell .person-feed-card--me .person-feed-mood .home-mood-rail--sliders-only .home-mood-expand-track,
body:not(.biz-company-open) #home-social-shell .person-feed-card--me .person-feed-mood .home-mood-rail--sliders-only .home-mood-expand-cell.is-expanded .home-mood-expand-track{
  background:rgba(255,255,255,.18)!important;
  border:none!important;
  outline:none!important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.12)!important;
  border-radius:8px;
  height:32px!important;
  overflow:hidden;
}
/* Fill = window into the header gradient at this horizontal position */
body:not(.biz-company-open) #home-social-shell .person-feed-card--me .person-feed-mood .home-mood-expand-fill,
body:not(.biz-company-open) #home-social-shell .person-feed-card--me .person-feed-mood .home-mood-expand-cell .home-mood-expand-fill,
body:not(.biz-company-open) #home-social-shell .person-feed-card--me .person-feed-mood .home-mood-expand-cell[data-dim="score"] .home-mood-expand-fill,
body:not(.biz-company-open) #home-social-shell .person-feed-card--me .person-feed-mood .home-mood-expand-cell[data-dim="energy"] .home-mood-expand-fill,
body:not(.biz-company-open) #home-social-shell .person-feed-card--me .person-feed-mood .home-mood-expand-cell[data-dim="stress"] .home-mood-expand-fill{
  background:transparent!important;
  background-image:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22)!important;
  border-radius:8px;
  opacity:1;
  overflow:hidden;
  isolation:isolate;
  z-index:1;
}
body:not(.biz-company-open) #home-social-shell .person-feed-card--me .person-feed-mood .home-mood-expand-fill::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:calc(-1 * var(--hdr-blend-x,0px));
  width:var(--hdr-blend-w,100%);
  background:var(--hdr-blend-bg,var(--feed-hdr-bg,var(--soc-chrome-hdr-bg,linear-gradient(128deg,var(--soc-brand,#f97316) 0%,var(--soc-brand2,#ec4899) 100%))));
  background-size:100% 100%;
  background-repeat:no-repeat;
  pointer-events:none;
  z-index:0;
  /* Same hue as the header at this X, lifted so the fill still reads on the frosted well */
  filter:brightness(1.14) saturate(1.06);
}
/* Dark mode You mood bars — darker well; fill still samples the header wash */
[data-theme="dark"] body:not(.biz-company-open) #home-social-shell .person-feed-card--me .person-feed-mood .home-mood-expand-track,
[data-theme="dark"] body:not(.biz-company-open) #home-social-shell .person-feed-card--me .person-feed-mood .home-mood-expand-cell .home-mood-expand-track,
[data-theme="dark"] body:not(.biz-company-open) #home-social-shell .person-feed-card--me .person-feed-mood .home-mood-rail--sliders-only .home-mood-expand-track,
[data-theme="dark"] body:not(.biz-company-open) #home-social-shell .person-feed-card--me .person-feed-mood .home-mood-rail--sliders-only .home-mood-expand-cell.is-expanded .home-mood-expand-track{
  background:rgba(0,0,0,.38)!important;
  box-shadow:inset 0 2px 5px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.10)!important;
}
[data-theme="dark"] body:not(.biz-company-open) #home-social-shell .person-feed-card--me .person-feed-mood .home-mood-expand-fill,
[data-theme="dark"] body:not(.biz-company-open) #home-social-shell .person-feed-card--me .person-feed-mood .home-mood-expand-cell .home-mood-expand-fill,
[data-theme="dark"] body:not(.biz-company-open) #home-social-shell .person-feed-card--me .person-feed-mood .home-mood-expand-cell[data-dim="score"] .home-mood-expand-fill,
[data-theme="dark"] body:not(.biz-company-open) #home-social-shell .person-feed-card--me .person-feed-mood .home-mood-expand-cell[data-dim="energy"] .home-mood-expand-fill,
[data-theme="dark"] body:not(.biz-company-open) #home-social-shell .person-feed-card--me .person-feed-mood .home-mood-expand-cell[data-dim="stress"] .home-mood-expand-fill{
  background:transparent!important;
  background-image:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20)!important;
}
[data-theme="dark"] body:not(.biz-company-open) #home-social-shell .person-feed-card--me .person-feed-mood .home-mood-expand-val,
[data-theme="dark"] body:not(.biz-company-open) #home-social-shell .person-feed-card--me .person-feed-mood .home-mood-expand-cell[data-dim="score"] .home-mood-expand-val,
[data-theme="dark"] body:not(.biz-company-open) #home-social-shell .person-feed-card--me .person-feed-mood .home-mood-expand-cell[data-dim="energy"] .home-mood-expand-val,
[data-theme="dark"] body:not(.biz-company-open) #home-social-shell .person-feed-card--me .person-feed-mood .home-mood-expand-cell[data-dim="stress"] .home-mood-expand-val{
  color:#fff!important;
  text-shadow:0 1px 2px rgba(0,0,0,.55)!important;
}
/* Labels — same readable white treatment in light + dark */
body:not(.biz-company-open) #home-social-shell .person-feed-card--me .person-feed-mood .home-mood-expand-track-lbl,
body:not(.biz-company-open) #home-social-shell .person-feed-card--me .person-feed-mood .home-mood-rail--sliders-only .home-mood-expand-track-lbl,
body:not(.biz-company-open) #home-social-shell .person-feed-card--me .person-feed-mood .home-mood-expand-cell .home-mood-expand-track-lbl{
  z-index:4!important;
  color:#fff!important;
  text-shadow:
    0 0 3px rgba(0,0,0,.55),
    0 1px 2px rgba(0,0,0,.65),
    0 -1px 1px rgba(0,0,0,.35),
    1px 0 1px rgba(0,0,0,.35),
    -1px 0 1px rgba(0,0,0,.35)!important;
  mix-blend-mode:normal!important;
  letter-spacing:.07em;
  font-size:10.5px!important;
  font-weight:800!important;
  -webkit-font-smoothing:antialiased;
}
[data-theme="dark"] body:not(.biz-company-open) #home-social-shell .person-feed-card--me .person-feed-mood .home-mood-expand-track-lbl,
[data-theme="dark"] body:not(.biz-company-open) #home-social-shell .person-feed-card--me .person-feed-mood .home-mood-rail--sliders-only .home-mood-expand-track-lbl{
  color:#fff!important;
  text-shadow:
    0 0 3px rgba(0,0,0,.55),
    0 1px 2px rgba(0,0,0,.65),
    0 -1px 1px rgba(0,0,0,.35),
    1px 0 1px rgba(0,0,0,.35),
    -1px 0 1px rgba(0,0,0,.35)!important;
  mix-blend-mode:normal!important;
}
body:not(.biz-company-open) #home-social-shell .person-feed-card--me .person-feed-mood .home-mood-expand-val,
body:not(.biz-company-open) #home-social-shell .person-feed-card--me .person-feed-mood .home-mood-expand-cell[data-dim="score"] .home-mood-expand-val,
body:not(.biz-company-open) #home-social-shell .person-feed-card--me .person-feed-mood .home-mood-expand-cell[data-dim="energy"] .home-mood-expand-val,
body:not(.biz-company-open) #home-social-shell .person-feed-card--me .person-feed-mood .home-mood-expand-cell[data-dim="stress"] .home-mood-expand-val{
  color:#1c1917!important;
  text-shadow:none;
  font-size:11px!important;
  font-weight:800!important;
}
body:not(.biz-company-open) #home-social-shell .person-feed-card--me .person-feed-mood .home-mood-expand-thumb,
body:not(.biz-company-open) #home-social-shell .person-feed-card--me .person-feed-mood #home-mood-quick .home-mood-expand-thumb{
  width:18px!important;
  height:18px!important;
  margin-left:-9px!important;
  background:#fff!important;
  border:none!important;
  box-shadow:0 1px 3px rgba(0,0,0,.25)!important;
}
body:not(.biz-company-open) .feed-stream--social .person-feed-card--me{
  overflow:visible;
}
body:not(.biz-company-open).home-mood-in-me-card #home-top-bar.home-top-bar--mood-in-card .home-mood-slot{
  display:none!important;
}
body:not(.biz-company-open) .feed-stream--social .person-feed-card:not(.person-feed-card--me) .person-feed-hdr.person-feed-hdr--tint::before,
body:not(.biz-company-open) .feed-circle-grid .person-feed-hdr.person-feed-hdr--tint::before{
  display:block!important;
}
body:not(.biz-company-open) .feed-stream--social .person-feed-card:not(.person-feed-card--me) .person-feed-name,
body:not(.biz-company-open) .feed-stream--social .person-feed-card:not(.person-feed-card--me) .person-feed-meta,
body:not(.biz-company-open) .feed-circle-grid .person-feed-name,
body:not(.biz-company-open) .feed-circle-grid .person-feed-meta{
  color:inherit!important;
}
body:not(.biz-company-open) .feed-stream--social .person-feed-card:not(.person-feed-card--me) .person-feed-meta,
body:not(.biz-company-open) .feed-circle-grid .person-feed-meta{
  color:color-mix(in srgb,var(--feed-hdr-fg,#fff) 78%,transparent)!important;
  opacity:1;
}
body:not(.biz-company-open) .feed-stream--social .person-feed-card:not(.person-feed-card--me) .person-feed-meta .person-feed-mood-word,
body:not(.biz-company-open) .feed-circle-grid .person-feed-meta .person-feed-mood-word{
  color:inherit!important;
  font-weight:800;
}
body:not(.biz-company-open) .feed-stream--social .person-feed-card:not(.person-feed-card--me) .person-feed-hdr--g6 .person-feed-meta,
body:not(.biz-company-open) .feed-circle-grid .person-feed-hdr--g6 .person-feed-meta{
  color:rgba(28,25,23,.72)!important;
}
body:not(.biz-company-open) .person-feed-assign-hdr,
body:not(.biz-company-open) .friend-card-assign-btn{
  flex-shrink:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:52px;
  min-height:34px;
  padding:7px 13px;
  border-radius:12px;
  border:1.5px solid var(--soc-cta)!important;
  background:var(--soc-cta-gradient)!important;
  color:#fff!important;
  font-family:"Plus Jakarta Sans",sans-serif;
  font-size:12px;
  font-weight:800;
  letter-spacing:-.02em;
  line-height:1;
  cursor:pointer;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.32),
    inset 0 -2px 0 rgba(0,0,0,.14),
    var(--soc-cta-shadow)!important;
}
body:not(.biz-company-open) .person-feed-assign-hdr{
  position:relative;
  z-index:2;
}
body:not(.biz-company-open) .person-feed-assign-hdr:active,
body:not(.biz-company-open) .friend-card-assign-btn:active{
  transform:scale(.97);
  box-shadow:
    inset 0 2px 5px rgba(0,0,0,.2),
    var(--soc-cta-shadow)!important;
}
body:not(.biz-company-open) .feed-stream--social .person-feed-card:not(.person-feed-card--me) .person-feed-hdr--g6 .person-feed-assign-hdr,
body:not(.biz-company-open) .feed-circle-grid .person-feed-hdr--g6 .person-feed-assign-hdr{
  background:#ffffff!important;
  color:#1c1917!important;
  border-color:transparent!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    0 4px 12px rgba(0,0,0,.24),
    0 2px 6px rgba(0,0,0,.16)!important;
}
body:not(.biz-company-open) .person-feed-foot-actions--pills .friend-card-assign-btn,
body:not(.biz-company-open) .friend-social-actions .friend-card-assign-btn{
  margin-left:auto;
}
body:not(.biz-company-open) #friend-profile-body .fp-profile-assign-row .friend-card-assign-btn{
  margin-left:auto;
}
body:not(.biz-company-open) .feed-stream--social .person-feed-card:not(.person-feed-card--me) .person-feed-foot,
body:not(.biz-company-open) .feed-circle-grid .person-feed-foot{
  background:var(--feed-hdr-bg,var(--soc-friend-default-hdr))!important;
  color:var(--feed-hdr-fg,#fff)!important;
  border-top:1px solid transparent;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -2px 5px rgba(0,0,0,.12)!important;
  padding:8px 12px 10px;
}
body:not(.biz-company-open) .person-feed-foot--compact,
body:not(.biz-company-open) .feed-circle-grid .person-feed-foot--disc{
  flex-direction:column;
  align-items:stretch;
  gap:8px;
}
body:not(.biz-company-open) .person-feed-foot-actions--pills{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  width:100%;
  flex-direction:row;
  align-items:center;
  justify-content:flex-start;
}
body:not(.biz-company-open) .person-feed-foot-actions--pills .person-feed-btn{
  flex:0 0 auto;
  width:auto;
  padding:5px 12px;
  border-radius:999px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.01em;
  line-height:1.2;
}
body:not(.biz-company-open) .person-feed-foot-actions--pills .person-feed-btn:not(.person-feed-btn--primary):not(.feed-nudge-btn){
  background:transparent;
  border:1px solid var(--soc-border);
  color:var(--soc-text2);
  box-shadow:none;
}
body:not(.biz-company-open) .person-feed-foot-actions--pills .person-feed-btn--primary{
  background:var(--soc-cta-gradient)!important;
  border-color:var(--soc-cta)!important;
  color:#fff!important;
  box-shadow:var(--soc-cta-shadow)!important;
}

/* Friend + circle + You task rows — engraved lock-ins */
body:not(.biz-company-open) .feed-circle-grid .person-feed-tasks .task-row,
body:not(.biz-company-open) .feed-stream--social .person-feed-card:not(.person-feed-card--me) .person-feed-tasks .task-row,
body:not(.biz-company-open) .feed-stream--social .person-feed-card--me .person-feed-tasks .task-row{
  box-shadow:var(--soc-lockin-recess,var(--soc-nested-recess,var(--soc-task-recess)))!important;
  border-radius:var(--soc-task-r,10px)!important;
}
body:not(.biz-company-open) .person-feed-tasks .task-row--study .task-row-emoji{background:rgba(26,62,138,.15);}
body:not(.biz-company-open) .person-feed-tasks .task-row--workout .task-row-emoji{background:rgba(26,122,110,.15);}
body:not(.biz-company-open) .person-feed-tasks .task-row--reading .task-row-emoji{background:rgba(122,74,16,.15);}
body:not(.biz-company-open) .person-feed-tasks .task-row--wellness .task-row-emoji{background:rgba(26,110,66,.15);}
body:not(.biz-company-open) .person-feed-tasks .task-row--creative .task-row-emoji{background:rgba(74,26,138,.15);}
body:not(.biz-company-open) .person-feed-tasks .task-row--challenge .task-row-emoji{background:rgba(45,106,79,.15);}
body:not(.biz-company-open) .person-feed-tasks .task-row-emoji--done{background:rgba(26,110,66,.12)!important;}
body:not(.biz-company-open) .person-feed-tasks .task-row-emoji--muted{background:rgba(80,80,80,.15)!important;filter:grayscale(.85) saturate(.4);}
/* Category pill — type colour on engraved lock-in rows */
body:not(.biz-company-open) .person-feed-tasks .task-row-cat{
  display:inline-flex;
  align-items:center;
  padding:2px 8px;
  border-radius:20px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.01em;
  line-height:1.35;
}
body:not(.biz-company-open) .person-feed-tasks .task-row--study .task-row-cat{color:#1A3E8A;background:rgba(26,62,138,.12);}
body:not(.biz-company-open) .person-feed-tasks .task-row--workout .task-row-cat{color:#1A7A6E;background:rgba(26,122,110,.12);}
body:not(.biz-company-open) .person-feed-tasks .task-row--reading .task-row-cat{color:#7A4A10;background:rgba(122,74,16,.12);}
body:not(.biz-company-open) .person-feed-tasks .task-row--wellness .task-row-cat{color:#1A6E42;background:rgba(26,110,66,.12);}
body:not(.biz-company-open) .person-feed-tasks .task-row--creative .task-row-cat{color:#4A1A8A;background:rgba(74,26,138,.12);}
body:not(.biz-company-open) .person-feed-tasks .task-row--challenge .task-row-cat{color:#2D6A4F;background:rgba(45,106,79,.12);}
[data-theme="dark"] body:not(.biz-company-open) .person-feed-tasks .task-row--study .task-row-cat{color:#8ab4f8;background:rgba(26,62,138,.22);}
[data-theme="dark"] body:not(.biz-company-open) .person-feed-tasks .task-row--workout .task-row-cat{color:#6ec9be;background:rgba(26,122,110,.20);}
[data-theme="dark"] body:not(.biz-company-open) .person-feed-tasks .task-row--reading .task-row-cat{color:#e0b56a;background:rgba(122,74,16,.20);}
[data-theme="dark"] body:not(.biz-company-open) .person-feed-tasks .task-row--wellness .task-row-cat{color:#6ecf96;background:rgba(26,110,66,.20);}
[data-theme="dark"] body:not(.biz-company-open) .person-feed-tasks .task-row--creative .task-row-cat{color:#c4a8f0;background:rgba(74,26,138,.22);}
[data-theme="dark"] body:not(.biz-company-open) .person-feed-tasks .task-row--challenge .task-row-cat{color:#7bc9a0;background:rgba(45,106,79,.20);}
/* Lock-in rows — category tint + engraved recess (friend + you) */
body:not(.biz-company-open) .person-feed-tasks .task-row[class*="task-row--"]:not(.task-row--done):not(.expired-card){
  border-radius:var(--soc-task-r,10px)!important;
  border:1px solid var(--soc-border)!important;
  box-shadow:var(--soc-lockin-recess,var(--soc-nested-recess,var(--soc-task-recess)))!important;
}
body:not(.biz-company-open) .person-feed-tasks .task-row--study:not(.task-row--done):not(.expired-card){border-color:rgba(26,62,138,.24)!important;}
body:not(.biz-company-open) .person-feed-tasks .task-row--workout:not(.task-row--done):not(.expired-card){border-color:rgba(26,122,110,.24)!important;}
body:not(.biz-company-open) .person-feed-tasks .task-row--reading:not(.task-row--done):not(.expired-card){border-color:rgba(122,74,16,.24)!important;}
body:not(.biz-company-open) .person-feed-tasks .task-row--wellness:not(.task-row--done):not(.expired-card){border-color:rgba(26,110,66,.24)!important;}
body:not(.biz-company-open) .person-feed-tasks .task-row--creative:not(.task-row--done):not(.expired-card){border-color:rgba(74,26,138,.24)!important;}
body:not(.biz-company-open) .person-feed-tasks .task-row--challenge:not(.task-row--done):not(.expired-card){border-color:rgba(45,106,79,.24)!important;}
body:not(.biz-company-open) .person-feed-tasks .task-row--study:not(.task-row--done):not(.expired-card){background:#EEF2FC!important;}
body:not(.biz-company-open) .person-feed-tasks .task-row--workout:not(.task-row--done):not(.expired-card){background:#EAF5F4!important;}
body:not(.biz-company-open) .person-feed-tasks .task-row--reading:not(.task-row--done):not(.expired-card){background:#FBF4E8!important;}
body:not(.biz-company-open) .person-feed-tasks .task-row--wellness:not(.task-row--done):not(.expired-card){background:#EDFAF4!important;}
body:not(.biz-company-open) .person-feed-tasks .task-row--creative:not(.task-row--done):not(.expired-card){background:#F4EEFB!important;}
body:not(.biz-company-open) .person-feed-tasks .task-row--challenge:not(.task-row--done):not(.expired-card){background:#E8F5E9!important;}
body:not(.biz-company-open) .person-feed-tasks .task-row--done{background:rgba(26,110,66,.06)!important;border-radius:var(--soc-task-r,10px)!important;border:1px solid var(--soc-border)!important;box-shadow:var(--soc-lockin-recess,var(--soc-nested-recess,var(--soc-task-recess)))!important;}
body:not(.biz-company-open) .person-feed-tasks .expired-card.task-row{background:rgba(80,80,80,.06)!important;border-radius:var(--soc-task-r,10px)!important;border:1px solid var(--soc-border)!important;box-shadow:var(--soc-lockin-recess,var(--soc-nested-recess,var(--soc-task-recess)))!important;}
[data-theme="dark"] body:not(.biz-company-open) .person-feed-tasks .task-row--study:not(.task-row--done):not(.expired-card){background:rgba(26,62,138,.22)!important;}
[data-theme="dark"] body:not(.biz-company-open) .person-feed-tasks .task-row--workout:not(.task-row--done):not(.expired-card){background:rgba(26,122,110,.20)!important;}
[data-theme="dark"] body:not(.biz-company-open) .person-feed-tasks .task-row--reading:not(.task-row--done):not(.expired-card){background:rgba(122,74,16,.20)!important;}
[data-theme="dark"] body:not(.biz-company-open) .person-feed-tasks .task-row--wellness:not(.task-row--done):not(.expired-card){background:rgba(26,110,66,.20)!important;}
[data-theme="dark"] body:not(.biz-company-open) .person-feed-tasks .task-row--creative:not(.task-row--done):not(.expired-card){background:rgba(74,26,138,.22)!important;}
[data-theme="dark"] body:not(.biz-company-open) .person-feed-tasks .task-row--challenge:not(.task-row--done):not(.expired-card){background:rgba(45,106,79,.20)!important;}
[data-theme="dark"] body:not(.biz-company-open) .person-feed-tasks .task-row--done{background:rgba(26,110,66,.12)!important;}
[data-theme="dark"] body:not(.biz-company-open) .person-feed-tasks .expired-card.task-row{background:rgba(80,80,80,.10)!important;}
[data-theme="dark"] body:not(.biz-company-open) .person-feed-tasks .task-row-title,
[data-theme="dark"] body:not(.biz-company-open) .person-feed-tasks .feed-task-title,
[data-theme="dark"] body:not(.biz-company-open) .person-feed-tasks .task-row-meta,
[data-theme="dark"] body:not(.biz-company-open) .person-feed-tasks .task-row-hook,
[data-theme="dark"] body:not(.biz-company-open) .person-feed-tasks .task-row-body,
[data-theme="dark"] body:not(.biz-company-open) #friend-profile-body .fp-task-card .fp-task-name,
[data-theme="dark"] body:not(.biz-company-open) #friend-profile-body .fp-task-card .fp-task-meta{
  color:#fff!important;
}
/* Live task pulse — engraved recess breathe */
body:not(.biz-company-open) .feed-stream--social .task-row--live:not(.ai-suggest-preview-row){
  animation:socTaskLivePulse 2.2s ease-in-out infinite;
}
@keyframes socTaskLivePulse{
  0%,100%{box-shadow:var(--soc-lockin-recess,var(--soc-nested-recess,var(--soc-task-recess)))!important;}
  50%{box-shadow:inset 0 0 0 1px rgba(34,197,94,.28),inset 0 2px 6px -1px rgba(34,197,94,.14),inset 0 -2px 6px -1px rgba(34,197,94,.08)!important;}
}
/* AI preview rows — same engraved lock-in cards (no holo float / Suggested badge) */
body:not(.biz-company-open) .person-feed-tasks .ai-suggest-preview-row{
  position:relative;
  z-index:auto;
  align-items:center;
  border-radius:var(--soc-task-r,10px)!important;
  border:1px solid var(--soc-border)!important;
  box-shadow:var(--soc-lockin-recess,var(--soc-nested-recess,var(--soc-task-recess)))!important;
  transform:none;
  transition:box-shadow .14s ease;
}
body:not(.biz-company-open) .person-feed-tasks .ai-suggest-preview-row::before,
body:not(.biz-company-open) .person-feed-tasks .ai-suggest-preview-row.treatly-ai-card::before{
  display:none!important;
  content:none!important;
}
body:not(.biz-company-open) .person-feed-tasks .ai-suggest-preview-badge{
  display:none!important;
}
body:not(.biz-company-open) .person-feed-tasks .ai-suggest-preview-row:active{
  transform:none;
}
body:not(.biz-company-open) .feed-stream--social .person-feed-card:not(.person-feed-card--me) .person-feed-tasks:has(.ai-suggest-preview-list),
body:not(.biz-company-open) .feed-circle-grid .person-feed-tasks:has(.ai-suggest-preview-list){
  padding-top:0 !important;
  gap:8px;
}
body:not(.biz-company-open) .person-feed-tasks .ai-suggest-preview-list{
  gap:8px;
}
/* Tap-to-set CTA — raised purple like feed Add buttons */
body:not(.biz-company-open) .person-feed-tasks .ai-suggest-set-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  align-self:center;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  min-width:72px;
  max-width:92px;
  min-height:34px;
  padding:7px 12px;
  border-radius:12px;
  border:1.5px solid var(--soc-cta)!important;
  background:var(--soc-cta-gradient)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.32),
    inset 0 -2px 0 rgba(0,0,0,.14),
    var(--soc-cta-shadow)!important;
  color:#fff!important;
  font-family:"Plus Jakarta Sans",sans-serif;
  font-size:12px;
  font-weight:800;
  letter-spacing:-.02em;
  line-height:1.25;
  text-align:center;
  cursor:pointer;
  transition:transform .15s ease,box-shadow .15s ease,background .15s ease;
}
body:not(.biz-company-open) .person-feed-tasks .ai-suggest-set-btn::after{
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  z-index:1;
  background:linear-gradient(180deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,.06) 42%,transparent 68%);
}
body:not(.biz-company-open) .person-feed-tasks .ai-suggest-set-btn:active{
  transform:scale(.97);
  box-shadow:
    inset 0 2px 5px rgba(0,0,0,.2),
    var(--soc-cta-shadow)!important;
}
[data-theme="dark"] body:not(.biz-company-open) .person-feed-tasks .ai-suggest-set-btn{
  color:#fff!important;
  border-color:var(--soc-cta)!important;
}
/* My lock-in completion checkbox — engraved square recess + faint check hint */
@keyframes socCheckPulse{
  0%,100%{
    box-shadow:var(--soc-check-recess),0 0 0 0 rgba(26,110,66,.30);
  }
  70%{
    box-shadow:var(--soc-check-recess),0 0 0 7px rgba(26,110,66,0);
  }
}
body:not(.biz-company-open){
  --soc-check-border:color-mix(in srgb,var(--soc-border-strong) 22%,rgba(26,110,66,.48) 78%);
  --soc-check-recess:
    inset 0 0 0 1px rgba(0,0,0,.10),
    inset 0 2px 5px -1px rgba(0,0,0,.14),
    inset 0 1px 3px -1px rgba(0,0,0,.08),
    inset 0 -2px 4px -1px rgba(255,255,255,.24);
  --soc-check-hint:rgba(26,110,66,.44);
}
body:not(.biz-company-open) .person-feed-tasks .feed-check-btn:not(.feed-proof-btn){
  position:relative;
  flex:none;
  display:flex!important;
  align-items:center;
  justify-content:center;
  width:40px!important;
  height:40px!important;
  min-width:40px;
  padding:0!important;
  cursor:pointer;
  touch-action:manipulation;
  background:var(--soc-sunken)!important;
  border:1.5px solid var(--soc-check-border)!important;
  border-radius:7px!important;
  box-shadow:var(--soc-check-recess)!important;
}
body:not(.biz-company-open) .person-feed-tasks .feed-check-btn.check-pulse:not(.feed-proof-btn){
  animation:socCheckPulse 1.5s ease-in-out infinite;
}
body:not(.biz-company-open) .person-feed-tasks .feed-check-btn:not(.feed-proof-btn)::after{
  content:'';
  display:block;
  width:11px;
  height:6px;
  border-left:2px solid var(--soc-check-hint);
  border-bottom:2px solid var(--soc-check-hint);
  transform:rotate(-45deg) translateY(-1px);
  pointer-events:none;
  flex-shrink:0;
}
body:not(.biz-company-open) .person-feed-tasks .feed-check-btn:not(.feed-proof-btn):active{
  box-shadow:var(--soc-shadow-inset-sunken)!important;
  transform:scale(.96);
}
[data-theme="dark"] body:not(.biz-company-open){
  --soc-check-border:color-mix(in srgb,var(--soc-border) 55%,rgba(110,207,150,.55) 45%);
  --soc-check-recess:
    inset 0 0 0 1px rgba(0,0,0,.32),
    inset 0 2px 6px -1px rgba(0,0,0,.42),
    inset 0 1px 3px -1px rgba(0,0,0,.28),
    inset 0 -1px 3px -1px rgba(255,255,255,.06);
  --soc-check-hint:rgba(110,207,150,.50);
}
[data-theme="dark"] body:not(.biz-company-open) .person-feed-tasks .feed-check-btn.check-pulse:not(.feed-proof-btn){
  animation-name:socCheckPulseDark;
}
@keyframes socCheckPulseDark{
  0%,100%{
    box-shadow:var(--soc-check-recess),0 0 0 0 rgba(110,207,150,.28);
  }
  70%{
    box-shadow:var(--soc-check-recess),0 0 0 7px rgba(110,207,150,0);
  }
}
/* Tasks sit inside .person-feed-sec — match plan rows (full section width, no extra inset). */
body:not(.biz-company-open) .feed-circle-grid .person-feed-tasks,
body:not(.biz-company-open) .feed-stream--social .person-feed-card:not(.person-feed-card--me) .person-feed-tasks,
body:not(.biz-company-open) .feed-stream--social .person-feed-card--me .person-feed-tasks{
  padding:0 !important;
  margin-top:0 !important;
  gap:7px;
  width:100%;
  box-sizing:border-box;
}
body:not(.biz-company-open) .feed-stream--social .person-feed-tasks .task-row,
body:not(.biz-company-open) .feed-circle-grid .person-feed-tasks .task-row{
  width:100%;
  box-sizing:border-box;
}
/* You card reorder list — keep engraved + category fill */
body:not(.biz-company-open) .person-feed-card--me .task-reorder-list > [data-taskcard].task-row[class*="task-row--"]:not(.ai-suggest-preview-row){
  border:1px solid var(--soc-border)!important;
  border-radius:var(--soc-task-r,10px)!important;
  box-shadow:var(--soc-lockin-recess,var(--soc-nested-recess,var(--soc-task-recess)))!important;
  overflow:hidden;
  position:relative;
}
/* You card + button — raised purple CTA (matches friend Add) */
body:not(.biz-company-open) .person-feed-hdr .feed-add-task-btn.person-feed-add{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  border-radius:10px!important;
  border:1.5px solid var(--soc-cta)!important;
  background:var(--soc-cta-gradient)!important;
  color:#fff!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.32),
    inset 0 -2px 0 rgba(0,0,0,.14),
    var(--soc-cta-shadow)!important;
  cursor:pointer;
  flex-shrink:0;
  transition:transform .15s ease,box-shadow .15s ease;
}
body:not(.biz-company-open) .person-feed-hdr .feed-add-task-btn.person-feed-add:active{
  transform:scale(.96);
  box-shadow:inset 0 2px 5px rgba(0,0,0,.2),var(--soc-cta-shadow)!important;
}
body:not(.biz-company-open) .person-feed-card--me .feed-add-task-btn.person-feed-add{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  padding:0!important;
  font-size:0!important;
}
body:not(.biz-company-open) .person-feed-card--me .feed-add-task-btn.person-feed-add .person-feed-add-ico{
  display:block;
  font-size:22px;
  font-weight:700;
  line-height:1;
  transform:translateY(-1px);
}
body:not(.biz-company-open) .feed-stream--social .person-feed-card:not(.person-feed-card--me) .person-feed-overall + .person-feed-sec--tasks{
  padding-top:7px !important;
}
body:not(.biz-company-open) .feed-circle-grid .person-feed-overall,
body:not(.biz-company-open) .feed-stream--social .person-feed-card:not(.person-feed-card--me) .person-feed-overall{
  height:3px;
  background:var(--soc-progress-track);
}

/* Friends tab cards — same recessed language */
body:not(.biz-company-open) .friend-social-card{
  background:var(--soc-sunken);
  border:1px solid var(--soc-border);
  box-shadow:var(--soc-card-recess)!important;
}
body:not(.biz-company-open) .friend-social-card--alert,
body:not(.biz-company-open) .friend-social-card--watch{
  background:var(--soc-sunken);
  border-color:var(--soc-border);
  box-shadow:var(--soc-card-recess)!important;
}
body:not(.biz-company-open) .friend-act-btn{
  border-radius:999px;
  padding:5px 11px;
  font-size:11px;
  font-weight:700;
  box-shadow:none;
}
body:not(.biz-company-open) .friend-act-btn:not(.friend-act-btn--primary):not(.friend-nudge-well-btn){
  background:transparent;
  border-color:var(--soc-border);
  color:var(--soc-text2);
}
body:not(.biz-company-open) .friend-card-assign-btn{
  border-radius:12px;
  padding:8px 14px;
  font-size:13px;
  font-weight:800;
}

/* Friend profile task cards — same lock-in engrave + category tint as Home */
body:not(.biz-company-open) #friend-profile-body .fp-task-card{
  position:relative;
  overflow:hidden;
  background:var(--soc-sunken);
  border:1px solid var(--soc-border);
  border-radius:var(--soc-task-r,10px)!important;
  box-shadow:var(--soc-lockin-recess,var(--soc-nested-recess,var(--soc-task-recess)))!important;
}
body:not(.biz-company-open) #friend-profile-body .fp-task-card--study{background:#EEF2FC!important;border-color:rgba(26,62,138,.24)!important;}
body:not(.biz-company-open) #friend-profile-body .fp-task-card--workout{background:#EAF5F4!important;border-color:rgba(26,122,110,.24)!important;}
body:not(.biz-company-open) #friend-profile-body .fp-task-card--reading{background:#FBF4E8!important;border-color:rgba(122,74,16,.24)!important;}
body:not(.biz-company-open) #friend-profile-body .fp-task-card--wellness{background:#EDFAF4!important;border-color:rgba(26,110,66,.24)!important;}
body:not(.biz-company-open) #friend-profile-body .fp-task-card--creative{background:#F4EEFB!important;border-color:rgba(74,26,138,.24)!important;}
body:not(.biz-company-open) #friend-profile-body .fp-task-card--challenge{background:#E8F5E9!important;border-color:rgba(45,106,79,.24)!important;}
[data-theme="dark"] body:not(.biz-company-open) #friend-profile-body .fp-task-card--study{background:rgba(26,62,138,.22)!important;}
[data-theme="dark"] body:not(.biz-company-open) #friend-profile-body .fp-task-card--workout{background:rgba(26,122,110,.20)!important;}
[data-theme="dark"] body:not(.biz-company-open) #friend-profile-body .fp-task-card--reading{background:rgba(122,74,16,.20)!important;}
[data-theme="dark"] body:not(.biz-company-open) #friend-profile-body .fp-task-card--wellness{background:rgba(26,110,66,.20)!important;}
[data-theme="dark"] body:not(.biz-company-open) #friend-profile-body .fp-task-card--creative{background:rgba(74,26,138,.22)!important;}
[data-theme="dark"] body:not(.biz-company-open) #friend-profile-body .fp-task-card--challenge{background:rgba(45,106,79,.20)!important;}
body:not(.biz-company-open) #friend-profile-body .fp-task-card--study .fp-task-card-ico{background:rgba(26,62,138,.15);}
body:not(.biz-company-open) #friend-profile-body .fp-task-card--workout .fp-task-card-ico{background:rgba(26,122,110,.15);}
body:not(.biz-company-open) #friend-profile-body .fp-task-card--reading .fp-task-card-ico{background:rgba(122,74,16,.15);}
body:not(.biz-company-open) #friend-profile-body .fp-task-card--wellness .fp-task-card-ico{background:rgba(26,110,66,.15);}
body:not(.biz-company-open) #friend-profile-body .fp-task-card--creative .fp-task-card-ico{background:rgba(74,26,138,.15);}
body:not(.biz-company-open) #friend-profile-body .fp-task-card--challenge .fp-task-card-ico{background:rgba(45,106,79,.15);}

/* Friend profile body — engraved shell (matches feed card recess plane) */
body:not(.biz-company-open) #friend-profile-body .fp-profile-card,
body:not(.biz-company-open) #friend-profile-body .fp-task-section,
body:not(.biz-company-open) #friend-profile-body .fp-stats-dashboard,
body:not(.biz-company-open) #friend-profile-body .fp-mood-card,
body:not(.biz-company-open) #friend-profile-body .fp-treat-balance,
body:not(.biz-company-open) #friend-profile-body .fp-discover-gate{
  background:var(--soc-sunken)!important;
  border:1px solid var(--soc-border)!important;
  box-shadow:var(--soc-card-recess)!important;
}

/* Friend profile — theme hero; mood logs paint inline theme→mood-bar tip blend */
body:not(.biz-company-open) .friend-profile-hdr.friend-profile-hero{
  background:var(--soc-friend-default-hdr,var(--tl-gradient-hero,linear-gradient(134deg,#7c2d12 0%,#ea580c 40%,#f472b6 100%)));
  border-bottom:1px solid rgba(0,0,0,.06);
  box-shadow:var(--soc-hdr-drop-tint),0 8px 28px rgba(28,25,23,.1);
}
body:not(.biz-company-open) .friend-profile-hdr.friend-profile-hero[data-fp-hero="mood"]{
  background:var(--profile-hero-bg,var(--soc-friend-default-hdr))!important;
  border-bottom-color:rgba(255,255,255,.08);
}
body:not(.biz-company-open) .friend-profile-hdr.friend-profile-hero .friend-profile-hdr-title .tab-heading-label,
body:not(.biz-company-open) .friend-profile-hdr.friend-profile-hero .friend-profile-hdr-status{
  color:inherit!important;
}
body:not(.biz-company-open) .friend-profile-hdr.friend-profile-hero .fp-more-menu{
  border-color:var(--border);
  box-shadow:var(--shm);
}

@media (min-width:700px){
  body:not(.biz-company-open) .feed-stream--social > .feed-circle-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
  }
}
@media (min-width:1100px){
  body:not(.biz-company-open) .feed-stream--social > .feed-circle-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
  }
}
@media (min-width:900px){
  body:not(.biz-company-open) .person-feed-card,
  body:not(.biz-company-open) .friend-social-card{
    max-width:100%;
  }
  body:not(.biz-company-open) .feed-stream--social{
    padding-left:16px;
    padding-right:16px;
    align-items:stretch;
  }
  body:not(.biz-company-open) .feed-stream--social > .person-feed-card--me{
    max-width:none;
    width:100%;
  }
}
@media (prefers-reduced-motion:reduce){
  body:not(.biz-company-open) .feed-stream--social .person-feed-card:not(.person-feed-card--me):hover,
  body:not(.biz-company-open) .feed-circle-grid .person-feed-card:hover{transform:none;}
}

/* ── Treats tab — colorful collection & trail (accent washes via --treat-accent) ─ */
body:not(.biz-company-open).tab-rewards #s-rewards .glass-card,
body:not(.biz-company-open).tab-rewards .treats-plan-card,
body:not(.biz-company-open).tab-rewards .reward-voucher-card,
body:not(.biz-company-open).tab-rewards .money-deposit-card{
  background:var(--soc-sunken)!important;
  border:1px solid var(--soc-border)!important;
  box-shadow:var(--soc-card-recess)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body:not(.biz-company-open).tab-rewards .tstore-card,
body:not(.biz-company-open).tab-rewards .treat-pack-card{
  background:
    linear-gradient(
      165deg,
      color-mix(in srgb, var(--treat-accent, #f97316) 18%, var(--soc-sunken)) 0%,
      color-mix(in srgb, var(--treat-accent, #f97316) 6%, var(--soc-sunken)) 42%,
      var(--soc-sunken) 100%
    )!important;
  border:1px solid color-mix(in srgb, var(--treat-accent, #f97316) 32%, var(--soc-border))!important;
  box-shadow:var(--soc-card-recess)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body:not(.biz-company-open).tab-rewards .treats-balance-chip{
  background:linear-gradient(
    135deg,
    color-mix(in srgb,#f97316 22%,var(--soc-sunken)) 0%,
    color-mix(in srgb,#f59e0b 16%,var(--soc-sunken)) 48%,
    color-mix(in srgb,#0ea5e9 14%,var(--soc-sunken)) 100%
  );
  border-color:color-mix(in srgb,#f97316 28%,var(--soc-border));
  box-shadow:var(--soc-card-recess);
}
body:not(.biz-company-open).tab-rewards .treats-trail-list .hist-item{
  box-shadow:var(--soc-task-recess)!important;
}
body:not(.biz-company-open).tab-rewards .treats-section-title{
  font-size:18px;
  letter-spacing:-.03em;
  background:linear-gradient(115deg,#f97316 0%,#db2777 42%,#6366f1 78%,#0ea5e9 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  color:transparent!important;
}
body:not(.biz-company-open).tab-rewards .treats-trail-section{
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  padding:0!important;
}
body:not(.biz-company-open).tab-rewards .treats-trail-collapse-hdr{
  padding:12px 14px;
  border-radius:var(--soc-r-lg);
  background:
    linear-gradient(
      135deg,
      color-mix(in srgb,#f97316 14%,var(--soc-sunken)) 0%,
      color-mix(in srgb,#6366f1 10%,var(--soc-sunken)) 100%
    )!important;
  border:1px solid color-mix(in srgb,#f97316 22%,var(--soc-border))!important;
  box-shadow:var(--soc-card-recess)!important;
}
body:not(.biz-company-open).tab-rewards .treats-packs{
  border-top:1px solid color-mix(in srgb,#f97316 16%,var(--soc-border));
}
body:not(.biz-company-open).tab-rewards .tstore-open-btn{
  box-shadow:var(--soc-nested-recess);
}
body:not(.biz-company-open).tab-rewards .tstore-open-btn--owned{
  color:#fff!important;
  border-color:color-mix(in srgb,var(--treat-accent,#f97316) 50%,transparent)!important;
  background:linear-gradient(
    145deg,
    color-mix(in srgb,var(--treat-accent,#f97316) 88%,#1c1917) 0%,
    var(--treat-accent,#f97316) 55%,
    color-mix(in srgb,var(--treat-accent,#f97316) 70%,#fff) 100%
  )!important;
}
body:not(.biz-company-open).tab-rewards .tstore-open-btn--lock{
  color:#fff!important;
  border-color:color-mix(in srgb,#7c3aed 40%,transparent)!important;
  background:linear-gradient(145deg,#5b21b6 0%,#7c3aed 48%,#a855f7 100%)!important;
}
body:not(.biz-company-open).tab-rewards .tstore-open-btn--soon{
  background:color-mix(in srgb,var(--treat-accent,#f97316) 8%,var(--soc-sunken))!important;
  border-color:color-mix(in srgb,var(--treat-accent,#f97316) 22%,var(--soc-border))!important;
}

/* ── Stats tab — engraved direct items (no outer section ring) ───────────── */
body:not(.biz-company-open).tab-vessel #vessel-insights.vessel-insights,
body:not(.biz-company-open).tab-vessel .vessel-insights,
body:not(.biz-company-open).tab-vessel .vessel-insights--clear,
body:not(.biz-company-open).tab-vessel .stats-compact-card,
body:not(.biz-company-open).tab-vessel .stats-week-snapshot,
body:not(.biz-company-open).tab-vessel #s-vessel .prof-section{
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body:not(.biz-company-open).tab-vessel #vessel-insights.vessel-insights{
  padding:0!important;
  margin-bottom:12px!important;
  border-radius:0!important;
}
body:not(.biz-company-open).tab-vessel .mood-graph-wrap,
body:not(.biz-company-open).tab-vessel .tl-chart-panel{
  background:var(--soc-sunken)!important;
  border:1px solid var(--soc-border)!important;
  box-shadow:var(--soc-card-recess)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body:not(.biz-company-open).tab-vessel .prof-section{
  border-radius:var(--soc-r-lg);
  padding:0 0 12px;
  margin-bottom:12px;
}
body:not(.biz-company-open).tab-vessel .prof-section-title{
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--soc-text3);
  margin-bottom:10px;
}
body:not(.biz-company-open).tab-vessel .mood-graph-tabs{
  gap:6px;
  margin-bottom:10px;
  padding:0;
}
body:not(.biz-company-open).tab-vessel .mood-graph-tab{
  flex:1;
  min-width:0;
  padding:8px 12px;
  border-radius:999px;
  font-size:11px;
  font-weight:800;
  border:1px solid var(--soc-border);
  background:var(--soc-sunken);
  box-shadow:var(--soc-nested-recess);
  color:var(--soc-text2);
  transition:background .15s,border-color .15s,box-shadow .15s,color .15s,transform .12s;
}
body:not(.biz-company-open).tab-vessel .mood-graph-tab.on{
  background:var(--soc-chrome-dim);
  border-color:color-mix(in srgb,var(--soc-chrome) 35%,var(--soc-border));
  color:var(--soc-chrome);
  box-shadow:var(--soc-nested-recess);
}
body:not(.biz-company-open).tab-vessel .mood-graph-tab:not(.on):active{
  transform:scale(.98);
}
body:not(.biz-company-open).tab-vessel .vessel-link-btn{
  border:1px solid var(--soc-border);
  border-radius:var(--soc-r-lg);
  background:var(--soc-sunken);
  box-shadow:var(--soc-card-recess);
  padding:12px 14px;
}
body:not(.biz-company-open).tab-vessel .vessel-cta--compact{
  display:block;
  width:100%;
  margin:0 0 14px;
  padding:12px 16px;
  border-radius:12px;
  border:1.5px solid var(--soc-cta)!important;
  background:var(--soc-cta-gradient)!important;
  color:#fff!important;
  font-family:"Plus Jakarta Sans",sans-serif;
  font-size:13px;
  font-weight:800;
  letter-spacing:-.02em;
  cursor:pointer;
  box-shadow:var(--soc-cta-shadow)!important;
}
body:not(.biz-company-open).tab-vessel .vessel-cta--compact:active{
  transform:scale(.97);
  box-shadow:inset 0 2px 5px rgba(0,0,0,.2),var(--soc-cta-shadow)!important;
}
body:not(.biz-company-open).tab-vessel .stats-weekline{
  padding:10px 0 0;
  border-radius:0;
  background:transparent;
  border:none;
  box-shadow:none;
}

/* ── Grey chrome + nested engrave pass (20260715) ─────────────────────────── */
body:not(.biz-company-open) .mood-status--steady{background:var(--soc-chrome-dim);color:var(--soc-chrome);border-color:rgba(var(--soc-chrome-rgb),.28);}
body:not(.biz-company-open) .person-feed-ribbon,body:not(.biz-company-open) .person-feed-badge{background:var(--soc-chrome-dim);color:var(--soc-chrome);border-color:rgba(var(--soc-chrome-rgb),.22);}
body:not(.biz-company-open) .home-mood-panel.needs-log,body:not(.biz-company-open) .today-mood-chip.needs-log,body:not(.biz-company-open) .home-mood-pick--on{border-color:rgba(var(--soc-chrome-rgb),.38)!important;background:var(--soc-chrome-dim)!important;box-shadow:var(--soc-nested-recess)!important;}
body:not(.biz-company-open) #toast.toast{border-color:rgba(var(--soc-chrome-rgb),.28)!important;}
body:not(.biz-company-open) .ws-opt--on .ws-opt-name,body:not(.biz-company-open) .ws-opt-check{color:var(--soc-chrome);}
body:not(.biz-company-open) .fs-ring{background:var(--soc-chrome)!important;box-shadow:var(--soc-nested-recess)!important;}
body:not(.biz-company-open) .fs-item.fs-you .fs-ring{background:linear-gradient(145deg,#565C62 0%,var(--soc-chrome) 48%,var(--soc-chrome2) 100%)!important;}
body:not(.biz-company-open) .feed-search-wrap:focus-within{border-color:var(--soc-chrome);box-shadow:0 0 0 3px rgba(var(--soc-chrome-rgb),.14),var(--soc-card-recess);}
body:not(.biz-company-open) .friends-pulse-chip.on{background:var(--soc-chrome-dim);}
body:not(.biz-company-open) .friends-pulse-chip--live .friends-pulse-num{color:var(--soc-chrome);}
body:not(.biz-company-open) .home-loop.primary{border-color:rgba(var(--soc-chrome-rgb),.32);background:var(--soc-chrome-dim);box-shadow:var(--soc-nested-recess);}
body:not(.biz-company-open) .person-streak{color:var(--soc-chrome);}
body:not(.biz-company-open) .ddot.social{background:var(--soc-chrome);}
body:not(.biz-company-open) .friend-social-card--alert{background:linear-gradient(180deg,rgba(192,57,43,.06) 0%,var(--soc-sunken) 48px)!important;}
body:not(.biz-company-open).tab-vessel .stats-focus-kicker{color:var(--soc-chrome);}
body:not(.biz-company-open).tab-vessel .vessel-metrics--focus .vessel-metric-num,
body:not(.biz-company-open).tab-vessel .stats-compact-grid strong,
body:not(.biz-company-open).tab-vessel .stats-week-metrics strong{color:var(--soc-text)!important;}
body:not(.biz-company-open).tab-vessel .stats-next-strip small{color:var(--soc-chrome)!important;}
body:not(.biz-company-open).tab-vessel .vessel-bar-fill{
  background:var(--soc-cta-gradient)!important;
  border-radius:6px 6px 3px 3px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22);
}
body:not(.biz-company-open).tab-vessel .vessel-bar-col--today .vessel-bar-fill{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 0 0 1px rgba(var(--soc-chrome-rgb),.2);
}
body:not(.biz-company-open).tab-vessel .constellation-node--lit .constellation-star{
  border-color:color-mix(in srgb,var(--soc-chrome) 42%,var(--soc-border));
  background:linear-gradient(145deg,#565C62 0%,var(--soc-chrome) 52%,var(--soc-chrome2) 100%);
  box-shadow:var(--soc-nested-recess);
  transform:none;
}
body:not(.biz-company-open).tab-vessel .constellation-node--lit::before{display:none;}
body:not(.biz-company-open).tab-vessel .stats-burnout-track{
  background:var(--soc-sunken);
  border:1px solid var(--soc-border);
  box-shadow:var(--soc-nested-recess);
  height:6px;
}
body:not(.biz-company-open).tab-vessel .stats-burnout--low .stats-burnout-fill{background:var(--soc-progress-fill);}
body:not(.biz-company-open).tab-vessel .stats-burnout--medium .stats-burnout-fill{background:linear-gradient(90deg,#D4A84B,#CA8A04);}
body:not(.biz-company-open).tab-vessel .stats-burnout--high .stats-burnout-fill{background:linear-gradient(90deg,#E07A5F,#C0392B);}
body:not(.biz-company-open) #friend-profile-body .fp-stats-cell,body:not(.biz-company-open) #friend-profile-body .fp-meta-tag,body:not(.biz-company-open) #friend-profile-body .fp-rel-pill,body:not(.biz-company-open) #friend-profile-body .fp-action-btn:not(.fp-action-btn--primary):not(.fp-nudge-btn){background:var(--soc-sunken)!important;border:1px solid var(--soc-border)!important;box-shadow:var(--soc-nested-recess)!important;}
body:not(.biz-company-open) #friend-profile-body .fp-meta-tag,body:not(.biz-company-open) #friend-profile-body .fp-meta-tag--live{color:var(--soc-chrome)!important;background:var(--soc-chrome-dim)!important;border-color:rgba(var(--soc-chrome-rgb),.22)!important;}
body:not(.biz-company-open) #friend-profile-body .fp-stats-cell--live{background:var(--soc-chrome-dim)!important;border-color:rgba(var(--soc-chrome-rgb),.24)!important;}
body:not(.biz-company-open) #friend-profile-body .fp-stats-cell--live .fp-stats-num{color:var(--soc-chrome)!important;}
body:not(.biz-company-open) #friend-profile-body .fp-hero-btn{box-shadow:var(--soc-nested-recess)!important;}
body:not(.biz-company-open) #friend-profile-body .fp-action-btn--outline{color:var(--soc-chrome)!important;border-color:rgba(var(--soc-chrome-rgb),.32)!important;background:var(--soc-chrome-dim)!important;}
body:not(.biz-company-open) .friend-social-card .friend-meta-pill,body:not(.biz-company-open) .friend-social-card .friend-act-btn:not(.friend-act-btn--primary):not(.friend-nudge-well-btn){background:var(--soc-sunken)!important;border:1px solid var(--soc-border)!important;box-shadow:var(--soc-nested-recess)!important;}
body:not(.biz-company-open) .friend-social-card .friend-meta-pill--live{color:var(--soc-chrome)!important;background:var(--soc-chrome-dim)!important;border-color:rgba(var(--soc-chrome-rgb),.22)!important;}
body:not(.biz-company-open) .home-mood-more,body:not(.biz-company-open) .home-qnav,body:not(.biz-company-open) .home-mood-pick{background:var(--soc-sunken)!important;border:1px solid var(--soc-border)!important;box-shadow:var(--soc-nested-recess)!important;}
body:not(.biz-company-open) .home-mood-pick--on small,body:not(.biz-company-open) .home-qnav:active{color:var(--soc-chrome)!important;}
body:not(.biz-company-open) .home-top-bar--social .fs-item .fs-ring{box-shadow:var(--soc-nested-recess)!important;}
body:not(.biz-company-open) .fs-ring--unseen,body:not(.biz-company-open) .fs-item--unseen .fs-ring{box-shadow:var(--soc-nested-recess),0 0 0 2px var(--soc-chrome),0 0 0 4px rgba(var(--soc-chrome-rgb),.18)!important;}
/* Story bar — suppress global chrome rings / unseen halos */
body:not(.biz-company-open) #home-social-shell #home-story-bar .fs-ring,
body:not(.biz-company-open) #home-social-shell #home-story-bar .fs-item.fs-you .fs-ring,
body:not(.biz-company-open) #home-social-shell #home-story-bar .fs-ring--unseen,
body:not(.biz-company-open) #home-social-shell #home-story-bar .fs-item--unseen .fs-ring,
body:not(.biz-company-open) #home-social-shell #home-story-bar .fs-ring--you{
  background:transparent!important;
  box-shadow:none!important;
  padding:0!important;
}
body:not(.biz-company-open) .person-feed-new-pill{background:linear-gradient(135deg,var(--soc-chrome),var(--soc-chrome2))!important;}
body:not(.biz-company-open) .person-feed-foot-actions--pills .person-feed-btn:not(.person-feed-btn--primary):not(.feed-nudge-btn){background:var(--soc-sunken)!important;border:1px solid var(--soc-border)!important;box-shadow:var(--soc-nested-recess)!important;color:var(--soc-text2)!important;}
body:not(.biz-company-open) #sh-create .sheet > div:last-child > button{background:var(--soc-sunken)!important;border:1px solid var(--soc-border)!important;box-shadow:var(--soc-card-recess)!important;border-radius:18px!important;}
body:not(.biz-company-open) #sh-create .sheet > div:last-child > button > div:first-child{background:var(--soc-sunken)!important;border:1px solid var(--soc-border)!important;box-shadow:var(--soc-nested-recess)!important;}
body:not(.biz-company-open) #sh-create .sheet > div:last-child > button:nth-child(2) > div:first-child,body:not(.biz-company-open) #sh-create .sheet > div:last-child > button:nth-child(3) > div:first-child{background:linear-gradient(145deg,#565C62 0%,var(--soc-chrome) 52%,var(--soc-chrome2) 100%)!important;border-color:rgba(var(--soc-chrome-rgb),.28)!important;}
body:not(.biz-company-open).tab-rewards .treats-balance-chip,body:not(.biz-company-open).tab-rewards .treat-pack-card .treat-pack-perk{box-shadow:var(--soc-nested-recess)!important;}
body:not(.biz-company-open).tab-vessel .vessel-metrics--focus .vessel-metric,
body:not(.biz-company-open).tab-vessel .stats-compact-grid > div,
body:not(.biz-company-open).tab-vessel .stats-compact-cell,
body:not(.biz-company-open).tab-vessel .stats-week-metrics > div,
body:not(.biz-company-open).tab-vessel .stats-week-metric,
body:not(.biz-company-open).tab-vessel .stats-next-card{
  background:var(--soc-sunken)!important;
  border:1px solid var(--soc-border)!important;
  border-radius:var(--soc-r-lg)!important;
  box-shadow:var(--soc-nested-recess)!important;
}
body:not(.biz-company-open) .nav--product #n-add:not(.ni-add--turbo-on):not(.ni-add--holding) .ni-add-ring{background:var(--soc-cta-gradient)!important;border:1.5px solid var(--soc-cta)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.32),inset 0 -2px 0 rgba(0,0,0,.14),var(--soc-cta-shadow),0 4px 14px rgba(99,102,241,.22),0 6px 18px rgba(124,58,237,.18)!important;}
body:not(.biz-company-open) .nav--product .ni:not(.ni-add) .nic{color:var(--soc-nav-icon);}
body:not(.biz-company-open) .nav--product .ni:not(.ni-add).active .nic,body:not(.biz-company-open) .nav--product .ni:not(.ni-add).active .nic .nic-stroke{color:var(--soc-nav-icon-active)!important;stroke:var(--soc-nav-icon-active)!important;}

/* Nudge buttons — yellow engraved recess (20260715-nudge-yellow) */
body:not(.biz-company-open) .fp-nudge-btn,
body:not(.biz-company-open) .friend-nudge-well-btn,
body:not(.biz-company-open) .feed-nudge-btn,
body:not(.biz-company-open) .person-feed-btn.feed-nudge-btn,
body:not(.biz-company-open) .reel-bar-btn.feed-nudge-btn{
  background:var(--soc-nudge-fill)!important;
  border:1.5px solid var(--soc-nudge-border)!important;
  color:var(--soc-nudge-text)!important;
  box-shadow:var(--soc-nudge-recess)!important;
}
body:not(.biz-company-open) .fp-nudge-btn:hover,
body:not(.biz-company-open) .friend-nudge-well-btn:hover,
body:not(.biz-company-open) .feed-nudge-btn:hover,
body:not(.biz-company-open) .person-feed-btn.feed-nudge-btn:hover,
body:not(.biz-company-open) .reel-bar-btn.feed-nudge-btn:hover{
  background:var(--soc-nudge-fill-hover)!important;
  border-color:var(--soc-nudge-outline)!important;
}
body:not(.biz-company-open) .fp-nudge-btn:active,
body:not(.biz-company-open) .friend-nudge-well-btn:active,
body:not(.biz-company-open) .feed-nudge-btn:active,
body:not(.biz-company-open) .person-feed-btn.feed-nudge-btn:active,
body:not(.biz-company-open) .reel-bar-btn.feed-nudge-btn:active{
  box-shadow:inset 0 2px 5px rgba(146,64,14,.22),inset 0 1px 2px rgba(146,64,14,.14)!important;
  transform:scale(.97);
}

/* ── Search — direct element engrave, flat canvas (20260715) ─────────────── */
body:not(.biz-company-open) .friends-search-wrap,
body:not(.biz-company-open) .discover-search-wrap{
  background:var(--soc-sunken)!important;
  border:1px solid var(--soc-border)!important;
  box-shadow:var(--soc-nested-recess)!important;
  border-radius:var(--soc-r);
}
body:not(.biz-company-open) .friends-search-wrap:focus-within,
body:not(.biz-company-open) .discover-search-wrap:focus-within{
  border-color:var(--soc-chrome)!important;
  box-shadow:0 0 0 3px rgba(var(--soc-chrome-rgb),.14),var(--soc-nested-recess)!important;
}
body:not(.biz-company-open) #s-friends #friends-list .frow--search,
body:not(.biz-company-open) .disc-profile-row,
body:not(.biz-company-open) .discover-suggest-row{
  background:var(--soc-sunken)!important;
  border:1px solid var(--soc-border)!important;
  box-shadow:var(--soc-task-recess)!important;
  transform:none!important;
}
body:not(.biz-company-open) #s-friends #friends-list .frow--search:hover,
body:not(.biz-company-open) .disc-profile-row:hover,
body:not(.biz-company-open) .discover-suggest-row:hover{
  border-color:var(--border2)!important;
  box-shadow:var(--soc-task-recess)!important;
  transform:none!important;
}
body:not(.biz-company-open) .discover-suggest-list{
  gap:8px;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  border-radius:0;
  overflow:visible;
}
body:not(.biz-company-open) .discover-suggest-row{
  border-bottom:1px solid var(--soc-border)!important;
}
body:not(.biz-company-open) #s-friends #friends-list .empty,
body:not(.biz-company-open) .discover-empty:not(.discover-suggest-empty){
  background:var(--soc-sunken)!important;
  border:1px solid var(--soc-border)!important;
  box-shadow:var(--soc-task-recess)!important;
  border-radius:var(--soc-r-lg);
}
body:not(.biz-company-open) .discover-empty-card{
  background:var(--soc-sunken)!important;
  border:1px solid var(--soc-border)!important;
  border-style:solid!important;
  box-shadow:var(--soc-task-recess)!important;
}
body:not(.biz-company-open) .friends-filter-sel{
  background:var(--soc-sunken)!important;
  border:1px solid var(--soc-border)!important;
  box-shadow:var(--soc-nested-recess)!important;
  color:var(--soc-text);
}
body:not(.biz-company-open) .friends-pulse-chip:not(.on){
  box-shadow:var(--soc-nested-recess)!important;
}
body:not(.biz-company-open) .discover-recent-chip{
  background:var(--soc-sunken)!important;
  border:1px solid var(--soc-border)!important;
  box-shadow:var(--soc-nested-recess)!important;
}
body:not(.biz-company-open) #s-friends #friends-list .disc-profile-badge,
body:not(.biz-company-open) .disc-profile-badge{
  background:var(--soc-sunken)!important;
  border:1px solid var(--soc-border)!important;
  box-shadow:var(--soc-nested-recess)!important;
  color:var(--soc-chrome)!important;
}
body:not(.biz-company-open) .disc-profile-badge--ok{
  color:var(--soc-green,var(--green))!important;
  background:var(--soc-sunken)!important;
  border-color:var(--soc-border)!important;
}
body:not(.biz-company-open) #s-discover .discover-results,
body:not(.biz-company-open) #s-friends #friends-list{
  background:transparent;
  border:none;
  box-shadow:none;
}

/* ── Engraved buttons + settings pass (20260715-engrave-all) ───────────── */

/* Secondary / outline — sunken chrome (not flat surface or outset lift) */
body:not(.biz-company-open) .prof-action-btn:not(.prof-action-btn--primary),
body:not(.biz-company-open) .friends-hero-btn:not(.friends-hero-btn--primary),
body:not(.biz-company-open) .cbtn:not(.primary):not(.success),
body:not(.biz-company-open) .abtn--ghost,
body:not(.biz-company-open) .discover-tutorial-btn--ghost,
body:not(.biz-company-open) .guided-tour-btn--ghost,
body:not(.biz-company-open) .onboarding-coach-skip,
body:not(.biz-company-open) .treats-plan-btn--ghost,
body:not(.biz-company-open) .signout-btn,
body:not(.biz-company-open) .prof-legal-btn,
body:not(.biz-company-open) .profile-detail-back,
body:not(.biz-company-open) .prof-detail-back,
body:not(.biz-company-open) .friend-profile-back,
body:not(.biz-company-open) .biz-back-btn,
body:not(.biz-company-open) .home-drawer-close,
body:not(.biz-company-open) .fp-close-btn,
body:not(.biz-company-open) #s-friends > .friends-footer-bar button:not(.friends-footer-primary),
body:not(.biz-company-open) .pd-btn-pause,
body:not(.biz-company-open) .qa-btn.qa-lock,
body:not(.biz-company-open) .oauth-btn,
body:not(.biz-company-open) .chip:not(.sel),
body:not(.biz-company-open) .mood-tag:not(.on),
body:not(.biz-company-open) .prof-theme-chip:not(.on),
body:not(.biz-company-open) .signup-chip:not(.on),
body:not(.biz-company-open) .tcell:not(.sel),
body:not(.biz-company-open) .fprow:not(.sel),
body:not(.biz-company-open) .asgn-treat-depleted-btn:not(.asgn-treat-depleted-btn--pro),
body:not(.biz-company-open) .disc-profile-add[data-discover-decline]{
  background:var(--soc-sunken)!important;
  border:1px solid var(--soc-border)!important;
  color:var(--soc-text2)!important;
  box-shadow:var(--soc-nested-recess)!important;
  transform:none!important;
}
body:not(.biz-company-open) .notif-enable-btn{
  background:var(--soc-sunken)!important;
  border:1px solid rgba(var(--soc-chrome-rgb),.28)!important;
  color:var(--soc-chrome)!important;
  box-shadow:var(--soc-nested-recess)!important;
  text-align:left;
}
body:not(.biz-company-open) .vessel-link-btn{
  background:var(--soc-sunken)!important;
  border:1px solid var(--soc-border)!important;
  color:var(--soc-text)!important;
  box-shadow:var(--soc-card-recess)!important;
}
body:not(.biz-company-open) .vessel-cta:not(.vessel-cta--compact){
  background:var(--soc-cta-gradient)!important;
  border:1px solid var(--soc-cta)!important;
  color:#fff!important;
  box-shadow:var(--soc-cta-shadow)!important;
}
body:not(.biz-company-open) #s-friends > .friends-footer-bar button:not(.friends-footer-primary){
  color:var(--soc-text)!important;
  font-weight:800;
}
body:not(.biz-company-open) #s-friends > .friends-footer-bar .friends-footer-primary,
body:not(.biz-company-open) .act-join-btn,
body:not(.biz-company-open) .pd-btn-play,
body:not(.biz-company-open) .pd-btn-done,
body:not(.biz-company-open) .qa-btn.qa-assign,
body:not(.biz-company-open) .qa-btn.qa-mood{
  background:var(--soc-cta-gradient)!important;
  border:1px solid var(--soc-cta)!important;
  color:#fff!important;
  box-shadow:var(--soc-cta-shadow)!important;
}
body:not(.biz-company-open) .qa-btn{
  box-shadow:var(--soc-cta-shadow)!important;
  border:1px solid var(--soc-border)!important;
}
body:not(.biz-company-open) .signup-chip.on{
  background:var(--soc-chrome-dim)!important;
  border-color:rgba(var(--soc-chrome-rgb),.32)!important;
  color:var(--soc-chrome)!important;
  box-shadow:var(--soc-nested-recess)!important;
}

/* Settings list rows — direct item engrave (no wrapper ring) */
body:not(.biz-company-open) .prof-wrap .togrow,
body:not(.biz-company-open) .sheet .togrow,
body:not(.biz-company-open) .prof-wrap .frow,
body:not(.biz-company-open) #s-friends #friends-list .frow:not(.frow--search),
body:not(.biz-company-open) .frow-wellbeing,
body:not(.biz-company-open) .settings-notif-row,
body:not(.biz-company-open) .int-row,
body:not(.biz-company-open) .friends-int-cta,
body:not(.biz-company-open) .friends-int-strip{
  background:var(--soc-sunken)!important;
  border:1px solid var(--soc-border)!important;
  box-shadow:var(--soc-task-recess)!important;
  transform:none!important;
}
body:not(.biz-company-open) .profile-hub-ico,
body:not(.biz-company-open) .int-row-mark,
body:not(.biz-company-open) .settings-notif-mark{
  background:rgba(var(--soc-chrome-rgb),.1)!important;
  color:var(--soc-chrome)!important;
}
body:not(.biz-company-open) .int-row-btn--primary{
  background:rgba(var(--soc-chrome-rgb),.1)!important;
  border-color:rgba(var(--soc-chrome-rgb),.28)!important;
  color:var(--soc-chrome)!important;
  box-shadow:var(--soc-nested-recess)!important;
}
body:not(.biz-company-open) .prof-wrap .frow:hover,
body:not(.biz-company-open) #s-friends #friends-list .frow:not(.frow--search):hover{
  border-color:var(--border2)!important;
  box-shadow:var(--soc-task-recess)!important;
  transform:none!important;
}
body:not(.biz-company-open) .prof-section{
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  padding:0 0 12px!important;
}

/* Inset toggles */
body:not(.biz-company-open) .tog{
  background:var(--soc-sunken)!important;
  border:1px solid var(--soc-border)!important;
  box-shadow:var(--soc-nested-recess)!important;
}
body:not(.biz-company-open) .tog.on{
  background:var(--soc-chrome-dim)!important;
  border-color:rgba(var(--soc-chrome-rgb),.32)!important;
}
body:not(.biz-company-open) .tog::after{
  box-shadow:var(--soc-task-recess),0 1px 2px rgba(0,0,0,.12)!important;
}

/* Form fields — engraved wells */
body:not(.biz-company-open) .ainput,
body:not(.biz-company-open) .finput,
body:not(.biz-company-open) .sheet textarea,
body:not(.biz-company-open) .sheet input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range]),
body:not(.biz-company-open) .prof-wrap .finput,
body:not(.biz-company-open) #sh-assign input[type="date"],
body:not(.biz-company-open) #sh-treat input[type="date"],
body:not(.biz-company-open) .biz-org-inp{
  background:var(--soc-sunken)!important;
  border:1px solid var(--soc-border)!important;
  box-shadow:var(--soc-nested-recess)!important;
  color:var(--soc-text)!important;
}
body:not(.biz-company-open) .ainput:focus,
body:not(.biz-company-open) .finput:focus,
body:not(.biz-company-open) .sheet textarea:focus,
body:not(.biz-company-open) .sheet input:not([type=hidden]):focus{
  border-color:var(--soc-chrome)!important;
  box-shadow:0 0 0 3px rgba(var(--soc-chrome-rgb),.14),var(--soc-nested-recess)!important;
}

/* Sheet pickers — selected = primary gradient; unselected = engrave */
body:not(.biz-company-open) .chip.sel,
body:not(.biz-company-open) .tcell.sel,
body:not(.biz-company-open) .fprow.sel,
body:not(.biz-company-open) .prof-theme-chip.on,
body:not(.biz-company-open) .acts-tab.active,
body:not(.biz-company-open) .dchip.active{
  background:var(--soc-cta-gradient)!important;
  border:1px solid var(--soc-cta)!important;
  color:#fff!important;
  box-shadow:var(--soc-cta-shadow)!important;
  transform:none!important;
}
body:not(.biz-company-open) .tcell.sel .tcl,
body:not(.biz-company-open) .dchip.active .dday,
body:not(.biz-company-open) .dchip.active .dnum{color:rgba(255,255,255,.85)!important;}
body:not(.biz-company-open) .fprow.sel .fpck{
  background:var(--soc-chrome)!important;
  border-color:var(--soc-chrome)!important;
  color:#fff!important;
}

/* Mood sheet — engraved dim labels + recessed tracks */
body:not(.biz-company-open) .mood-sheet .mood-bar-lbl{
  display:inline-flex;
  align-items:center;
  padding:3px 10px;
  border-radius:999px;
  background:var(--soc-sunken);
  border:1px solid var(--soc-border);
  box-shadow:var(--soc-card-recess);
  color:#78716c;
  font-size:9px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  text-shadow:0 1px 0 rgba(255,255,255,.58),0 -1px 1px rgba(0,0,0,.14);
}
body:not(.biz-company-open) .mood-sheet .mood-bar-track{
  background:var(--soc-sunken)!important;
  border:1px solid var(--soc-border);
  box-shadow:var(--soc-nested-recess)!important;
}
body:not(.biz-company-open) .mood-sheet #mood-score-fill,
body:not(.biz-company-open) .mood-sheet #mood-energy-fill,
body:not(.biz-company-open) .mood-sheet #mood-stress-fill{
  background:var(--soc-chrome-hdr-bg,linear-gradient(128deg,var(--soc-brand,#f97316) 0%,var(--soc-brand2,#ec4899) 100%))!important;
  background-size:200% 100%!important;
  background-position:left center!important;
  box-shadow:inset 0 -2px 10px rgba(255,255,255,.22)!important;
}
body:not(.biz-company-open) .mood-sheet .mood-val,
body:not(.biz-company-open) .mood-sheet #mood-score-val,
body:not(.biz-company-open) .mood-sheet #mood-energy-val,
body:not(.biz-company-open) .mood-sheet #mood-stress-val{color:var(--soc-brand,#f97316)!important;}

/* Assign / treat / proof sheets */
body:not(.biz-company-open) #sh-assign .asgn-lock-btn,
body:not(.biz-company-open) #sh-task-lock-btn{
  background:var(--soc-cta-gradient)!important;
  border:1px solid var(--soc-cta)!important;
  color:#fff!important;
  box-shadow:var(--soc-cta-shadow)!important;
}
[data-theme="dark"] body:not(.biz-company-open) #sh-assign .asgn-lock-btn,
[data-theme="dark"] body:not(.biz-company-open) #sh-task-lock-btn{
  background:var(--soc-cta-gradient)!important;
  border-color:var(--soc-cta)!important;
  color:#fff!important;
}
body:not(.biz-company-open) #sh-assign .asgn-cat-btn{
  background:var(--soc-sunken)!important;
  border:1px solid var(--soc-border)!important;
  box-shadow:var(--soc-task-recess)!important;
  border-radius:var(--soc-r-lg)!important;
  padding:16px 12px!important;
}
body:not(.biz-company-open) #sh-assign .asgn-cat-btn span:last-child{
  color:var(--soc-text)!important;
  font-family:"Plus Jakarta Sans",sans-serif!important;
}
body:not(.biz-company-open) .treat-type-btn{
  background:var(--soc-sunken)!important;
  border:1px solid var(--soc-border)!important;
  box-shadow:var(--soc-task-recess)!important;
}
body:not(.biz-company-open) .treat-type-btn--sel{
  border-color:var(--soc-cta)!important;
  background:color-mix(in srgb,var(--soc-cta) 12%,var(--soc-sunken))!important;
  box-shadow:var(--soc-nested-recess),0 0 0 1px rgba(var(--soc-brand-rgb),.18)!important;
}

/* sh-create inline rows — neutralize flat/green inline styles */
body:not(.biz-company-open) #sh-create .sheet > div:last-child > button[style]{
  background:var(--soc-sunken)!important;
  border:1px solid var(--soc-border)!important;
  box-shadow:var(--soc-card-recess)!important;
}
body:not(.biz-company-open) #sh-create .sheet > div:last-child > button[style] > div:first-child{
  background:var(--soc-sunken)!important;
  border:1px solid var(--soc-border)!important;
  box-shadow:var(--soc-nested-recess)!important;
}
body:not(.biz-company-open) #sh-create .sheet > div:last-child > button:nth-child(2) > div:first-child,
body:not(.biz-company-open) #sh-create .sheet > div:last-child > button:nth-child(3) > div:first-child{
  background:linear-gradient(145deg,#565C62 0%,var(--soc-chrome) 52%,var(--soc-chrome2) 100%)!important;
  border-color:rgba(var(--soc-chrome-rgb),.28)!important;
}

/* Plans tab — override inline coral CTA */
body:not(.biz-company-open) #s-acts button[onclick*="sh-new-act"]{
  background:var(--soc-cta-gradient)!important;
  border:1px solid var(--soc-cta)!important;
  color:#fff!important;
  box-shadow:var(--soc-cta-shadow)!important;
}

/* Filter chips + date row */
body:not(.biz-company-open) .dchip:not(.active){
  background:var(--soc-sunken)!important;
  border:1px solid var(--soc-border)!important;
  box-shadow:var(--soc-nested-recess)!important;
}
body:not(.biz-company-open) .drawer-drow .dchip:not(.active){
  box-shadow:var(--soc-nested-recess)!important;
}

/* Danger / delete — engraved, not flat coral */
body:not(.biz-company-open) .prof-delete-btn,
body:not(.biz-company-open) .signout-btn.prof-delete-btn{
  background:var(--soc-sunken)!important;
  border:1px solid rgba(192,57,43,.35)!important;
  color:#C0392B!important;
  box-shadow:var(--soc-nested-recess)!important;
}
body:not(.biz-company-open) .signout-btn.prof-delete-btn:hover,
body:not(.biz-company-open) .prof-delete-btn:hover{
  border-color:#C0392B!important;
  color:#C0392B!important;
}

/* Legacy black CTAs → purple–blue gradient */
body:not(.biz-company-open) .ctabtn{
  background:var(--soc-cta-gradient)!important;
  border:1px solid var(--soc-cta)!important;
  color:#fff!important;
  box-shadow:var(--soc-cta-shadow)!important;
}
body:not(.biz-company-open) .ctabtn:hover{
  background:var(--soc-cta-gradient-hover)!important;
  box-shadow:var(--soc-nested-recess),var(--soc-shadow-md)!important;
}

/* ── Sheets & popups — direct engrave on inner controls (20260715) ───────── */
/* Treat type tiles — assign + send sheets */
body:not(.biz-company-open) #sh-assign .treat-type-btn,
body:not(.biz-company-open) #sh-treat .treat-type-btn,
body:not(.biz-company-open) #sh-treat-bomb .treat-type-btn,
body:not(.biz-company-open) #sh-biz-treat-pick .biz-treat-pick-tile{
  background:var(--soc-sunken)!important;
  border:1px solid var(--soc-border)!important;
  box-shadow:var(--soc-task-recess)!important;
  transform:none!important;
}
body:not(.biz-company-open) #sh-assign .treat-type-btn--sel,
body:not(.biz-company-open) #sh-treat .treat-type-btn--sel,
body:not(.biz-company-open) #sh-treat-bomb .treat-type-btn--sel{
  border-color:rgba(var(--soc-brand-rgb),.45)!important;
  background:color-mix(in srgb,var(--soc-brand) 10%,var(--soc-sunken))!important;
  box-shadow:var(--soc-nested-recess),0 0 0 2px rgba(var(--soc-brand-rgb),.14)!important;
}
body:not(.biz-company-open) #sh-assign .treat-type-btn:active,
body:not(.biz-company-open) #sh-treat .treat-type-btn:active,
body:not(.biz-company-open) #sh-treat-bomb .treat-type-btn:active{
  box-shadow:var(--soc-nested-recess)!important;
  transform:scale(.97)!important;
}

/* Legacy tcell grids inside sheets */
body:not(.biz-company-open) .shovl .tcell,
body:not(.biz-company-open) #sh-new-act .tcell{
  background:var(--soc-sunken)!important;
  border:1px solid var(--soc-border)!important;
  box-shadow:var(--soc-task-recess)!important;
  transform:none!important;
}
body:not(.biz-company-open) .shovl .tcell.sel,
body:not(.biz-company-open) #sh-new-act .tcell.sel{
  border-color:rgba(var(--soc-brand-rgb),.42)!important;
  background:color-mix(in srgb,var(--soc-brand) 8%,var(--soc-sunken))!important;
  box-shadow:var(--soc-nested-recess)!important;
}

/* Category pickers — assign + lock-in task */
body:not(.biz-company-open) #sh-assign .asgn-cat-btn,
body:not(.biz-company-open) #sh-task .tq-cat-btn{
  background:var(--soc-sunken)!important;
  border:1px solid var(--soc-border)!important;
  box-shadow:var(--soc-task-recess)!important;
}
body:not(.biz-company-open) #sh-assign .asgn-cat-btn:active,
body:not(.biz-company-open) #sh-task .tq-cat-btn:active{
  box-shadow:var(--soc-nested-recess)!important;
  transform:scale(.97)!important;
}
body:not(.biz-company-open) #sh-assign .asgn-cat-btn:hover,
body:not(.biz-company-open) #sh-task .tq-cat-btn:hover{
  border-color:var(--soc-outline-cta-border)!important;
  box-shadow:var(--soc-nested-recess),inset 0 1px 0 rgba(var(--soc-brand-rgb),.08)!important;
}

/* Chips + quick-picks in sheets */
body:not(.biz-company-open) .shovl .chip,
body:not(.biz-company-open) #sh-bet .chip,
body:not(.biz-company-open) #sh-assign .chip{
  background:var(--soc-sunken)!important;
  border:1px solid var(--soc-border)!important;
  box-shadow:var(--soc-nested-recess)!important;
  color:var(--soc-text2)!important;
}
body:not(.biz-company-open) .shovl .chip.sel,
body:not(.biz-company-open) #sh-bet .chip.sel,
body:not(.biz-company-open) #sh-assign .chip.sel{
  background:color-mix(in srgb,var(--soc-brand) 14%,var(--soc-sunken))!important;
  border-color:rgba(var(--soc-brand-rgb),.45)!important;
  color:var(--soc-brand)!important;
  box-shadow:var(--soc-nested-recess)!important;
}
body:not(.biz-company-open) #sh-task .tq-date-btn,
body:not(.biz-company-open) #sh-task .dur-q-btn{
  background:var(--soc-sunken)!important;
  border:1px solid var(--soc-border)!important;
  box-shadow:var(--soc-nested-recess)!important;
  color:var(--soc-text)!important;
}
body:not(.biz-company-open) #sh-task .tq-date-btn.sel,
body:not(.biz-company-open) #sh-task .dur-q-btn.sel{
  border-color:rgba(var(--soc-brand-rgb),.45)!important;
  background:color-mix(in srgb,var(--soc-brand) 10%,var(--soc-sunken))!important;
  color:var(--soc-brand)!important;
  box-shadow:var(--soc-nested-recess)!important;
}

/* Recessed inputs, toggles, friend rows */
body:not(.biz-company-open) .shovl .togrow,
body:not(.biz-company-open) .shovl .finput,
body:not(.biz-company-open) .shovl textarea.finput,
body:not(.biz-company-open) .shovl .fprow,
body:not(.biz-company-open) .shovl .proof-note{
  background:var(--soc-sunken)!important;
  border:1px solid var(--soc-border)!important;
  box-shadow:var(--soc-nested-recess)!important;
}
body:not(.biz-company-open) .shovl .fprow.sel{
  border-color:rgba(var(--soc-brand-rgb),.42)!important;
  background:color-mix(in srgb,var(--soc-brand) 8%,var(--soc-sunken))!important;
}

/* Friend / intent pick rows */
body:not(.biz-company-open) #assign-pick-list .sheet-pick-row,
body:not(.biz-company-open) #assign-pick-list button,
body:not(.biz-company-open) .circle-care-pick-row,
body:not(.biz-company-open) #sh-assign .sheet-active-row,
body:not(.biz-company-open) #sh-assign #asgn-step-1 > div:last-child > button,
body:not(.biz-company-open) #sh-create .sheet > div:last-child > button{
  background:var(--soc-sunken)!important;
  border:1px solid var(--soc-border)!important;
  box-shadow:var(--soc-task-recess)!important;
}
body:not(.biz-company-open) #sh-assign #asgn-step-1 > div:last-child > button > div:first-child,
body:not(.biz-company-open) #sh-create .sheet > div:last-child > button > div:first-child{
  box-shadow:var(--soc-nested-recess)!important;
}
body:not(.biz-company-open) .circle-care-pick-btn:not(.circle-care-pick-btn--primary){
  background:var(--soc-sunken)!important;
  border:1px solid var(--soc-border)!important;
  box-shadow:var(--soc-nested-recess)!important;
  color:var(--soc-text2)!important;
}

/* Mood + proof sheets */
body:not(.biz-company-open) #sh-mood .mood-tag{
  background:var(--soc-sunken)!important;
  border:1px solid var(--soc-border)!important;
  box-shadow:var(--soc-nested-recess)!important;
}
body:not(.biz-company-open) #sh-mood .mood-tag.on{
  background:var(--soc-chrome-dim)!important;
  border-color:rgba(var(--soc-chrome-rgb),.32)!important;
  color:var(--soc-chrome)!important;
  box-shadow:var(--soc-nested-recess)!important;
}
body:not(.biz-company-open) #sh-mood .mood-bar-block{
  background:var(--soc-sunken)!important;
  border:1px solid var(--soc-border)!important;
  border-radius:var(--soc-r-lg)!important;
  padding:12px 14px!important;
  box-shadow:var(--soc-card-recess)!important;
}
body:not(.biz-company-open) #sh-proof .proof-photo-pick,
body:not(.biz-company-open) #sh-assign #assign-photo-pick-row button,
body:not(.biz-company-open) #sh-assign #assign-photo-pick-row label{
  background:var(--soc-sunken)!important;
  border:1px dashed var(--soc-border)!important;
  box-shadow:var(--soc-nested-recess)!important;
}
body:not(.biz-company-open) #sh-assign #assign-voice-fields > div,
body:not(.biz-company-open) #sh-assign #assign-video-fields > div{
  background:var(--soc-sunken)!important;
  border:1px solid var(--soc-border)!important;
  box-shadow:var(--soc-card-recess)!important;
}

/* Spotify / GIF result rows in treat sheets */
body:not(.biz-company-open) .shovl .spotify-pick-card,
body:not(.biz-company-open) .shovl #a-gif-results button,
body:not(.biz-company-open) .shovl #a-gif-results img{
  background:var(--soc-sunken)!important;
  border:1px solid var(--soc-border)!important;
  box-shadow:var(--soc-task-recess)!important;
}

/* Out-of-treats + pro upgrade secondary actions */
body:not(.biz-company-open) #sh-out-of-treats .out-of-treats-btn--ghost,
body:not(.biz-company-open) #sh-out-of-treats .out-of-treats-dismiss,
body:not(.biz-company-open) #sh-pro-upgrade .pro-upgrade-dismiss,
body:not(.biz-company-open) #sh-pro-upgrade .pro-cancel-membership-btn,
body:not(.biz-company-open) .shovl .sheet > button:not(.cta):not(.asgn-lock-btn):not(#sh-task-lock-btn):not(.proof-submit-btn):not(.pro-upgrade-cta):not(.out-of-treats-btn--packs){
  background:var(--soc-sunken)!important;
  border:1px solid var(--soc-border)!important;
  box-shadow:var(--soc-nested-recess)!important;
  color:var(--soc-text2)!important;
}
body:not(.biz-company-open) #sh-out-of-treats .out-of-treats-btn--pro{
  background:var(--soc-sunken)!important;
  border:1px solid var(--soc-border)!important;
  box-shadow:var(--soc-nested-recess)!important;
  color:var(--soc-brand)!important;
}
body:not(.biz-company-open) #sh-pro-upgrade .pro-upgrade-features li{
  background:var(--soc-sunken)!important;
  border:1px solid var(--soc-border)!important;
  box-shadow:var(--soc-task-recess)!important;
}

/* Auth + onboarding — engraved surfaces (sign-up, tutorials, coach) */
body:not(.biz-company-open) #loading,
body:not(.biz-company-open) #auth-screen{
  background:var(--soc-canvas);
  background-image:var(--soc-bg-image);
}
body:not(.biz-company-open) #auth-screen .auth-card{
  background:var(--soc-sunken)!important;
  border:1px solid var(--soc-border)!important;
  box-shadow:var(--soc-card-recess)!important;
  border-radius:18px!important;
}
body:not(.biz-company-open) .signup-suggestion{
  background:var(--soc-sunken)!important;
  border:1px solid var(--soc-border)!important;
  box-shadow:var(--soc-nested-recess)!important;
  border-radius:var(--soc-r-lg)!important;
  color:var(--soc-text2)!important;
}
body:not(.biz-company-open) .discover-tutorial-card{
  background:var(--soc-sunken)!important;
  border:1px solid var(--soc-border)!important;
  box-shadow:var(--soc-card-recess)!important;
  border-radius:var(--soc-r-lg)!important;
}
body:not(.biz-company-open) .guided-tour-card,
body:not(.biz-company-open) .guided-tour-gesture-card{
  background:var(--soc-sunken)!important;
  border:1px solid var(--soc-border)!important;
  box-shadow:var(--soc-card-recess)!important;
  border-radius:var(--soc-r-lg)!important;
}
body:not(.biz-company-open) .guided-tour-gesture-nudge-rail{
  background:var(--soc-sunken)!important;
  border:1px solid var(--soc-border)!important;
  box-shadow:var(--soc-nested-recess)!important;
}
body:not(.biz-company-open) .guided-tour-backdrop{
  background:rgba(244,246,248,.78)!important;
}
body:not(.biz-company-open) .onboarding-coach-overlay{
  position:fixed;
  inset:0;
  z-index:99998;
  background:rgba(244,246,248,.82);
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding:20px 16px calc(20px + env(safe-area-inset-bottom,0px));
}
body:not(.biz-company-open) .onboarding-coach-card{
  width:100%;
  max-width:430px;
  background:var(--soc-sunken)!important;
  border:1px solid var(--soc-border)!important;
  border-radius:18px!important;
  box-shadow:var(--soc-card-recess)!important;
  padding:22px 20px;
}
body:not(.biz-company-open) .onboarding-coach-title{
  font-family:var(--font,"Plus Jakarta Sans",sans-serif);
  font-size:18px;
  font-weight:800;
  color:var(--soc-text);
  letter-spacing:-.02em;
  margin:0 0 8px;
}
body:not(.biz-company-open) .onboarding-coach-body{
  margin:0 0 16px;
  font-size:13px;
  color:var(--soc-text2);
  line-height:1.55;
}
body:not(.biz-company-open) .onboarding-coach-btn{
  margin-bottom:8px;
}
[data-theme="dark"] body:not(.biz-company-open) .guided-tour-backdrop,
[data-theme="dark"] body:not(.biz-company-open) .onboarding-coach-overlay{
  background:rgba(12,14,18,.72)!important;
}

/* Modal overlay panels — recessed cards */
body:not(.biz-company-open) .overlay .notif-sheet,
body:not(.biz-company-open) .overlay #ov-detail > div,
body:not(.biz-company-open) .overlay #ov-act > div,
body:not(.biz-company-open) .overlay #ov-reveal > div,
body:not(.biz-company-open) .overlay #ov-capsule > div,
body:not(.biz-company-open) .overlay #ov-treat-pack > div,
body:not(.biz-company-open) .overlay #ov-delete-account .del-acct-card{
  background:var(--soc-card)!important;
  border:1px solid var(--soc-border)!important;
  box-shadow:var(--soc-card-recess)!important;
}
body:not(.biz-company-open) .overlay .notif-row,
body:not(.biz-company-open) .overlay .hist-item{
  background:var(--soc-sunken)!important;
  border:1px solid var(--soc-border)!important;
  box-shadow:var(--soc-task-recess)!important;
}

/* Sheet primary lock-in CTAs — green-blue gradient */
body:not(.biz-company-open) #sh-assign .asgn-lock-btn,
body:not(.biz-company-open) #sh-task #sh-task-lock-btn,
body:not(.biz-company-open) #sh-treat #sh-treat-send-btn,
body:not(.biz-company-open) #sh-assign .asgn-next,
body:not(.biz-company-open) #sh-assign #asgn-step-task-name button[onclick*="asgnGoToTreat"],
body:not(.biz-company-open) #sh-assign #asgn-step-session button[onclick*="createAsgnSession"],
body:not(.biz-company-open) #sh-assign #asgn-step-bet button[onclick*="createAsgnBet"],
body:not(.biz-company-open) #sh-proof .proof-submit-btn{
  background:var(--soc-cta-gradient)!important;
  border:1px solid var(--soc-cta)!important;
  color:#fff!important;
  box-shadow:var(--soc-cta-shadow)!important;
}
body:not(.biz-company-open) #sh-assign .cta.asgn-next,
body:not(.biz-company-open) #sh-assign .cta.asgn-lock-btn{
  width:100%;
  margin-top:14px;
  padding:14px;
  border-radius:14px;
  font-size:15px;
  font-weight:800;
  touch-action:manipulation;
}
body:not(.biz-company-open) #sh-assign .asgn-lock-btn:active,
body:not(.biz-company-open) #sh-task #sh-task-lock-btn:active,
body:not(.biz-company-open) #sh-treat #sh-treat-send-btn:active{
  transform:scale(.98)!important;
  background:var(--soc-cta-gradient-hover)!important;
  box-shadow:var(--soc-cta-inset),0 1px 2px rgba(0,0,0,.04)!important;
}

/* Back / nav pills in sheets — engraved + purple-tinted outline */
body:not(.biz-company-open) .shovl .sheet button[style*="border-radius:50%"],
body:not(.biz-company-open) .shovl .sheet button[onclick*="asgnBack"],
body:not(.biz-company-open) .shovl .sheet button[onclick*="asgnShowStep"],
body:not(.biz-company-open) .shovl .sheet button[onclick*="tqGo"],
body:not(.biz-company-open) .shovl .sheet button[onclick*="goTreatStep1"]{
  background:var(--soc-sunken)!important;
  border:1px solid var(--soc-outline-cta-border)!important;
  box-shadow:var(--soc-nested-recess),inset 0 1px 0 rgba(var(--soc-brand-rgb),.06)!important;
  color:var(--soc-text)!important;
}

/* Suppress flat glass-card lift inside sheets */
body:not(.biz-company-open) .shovl .glass-card,
body:not(.biz-company-open) .overlay .glass-card{
  background:var(--soc-sunken)!important;
  border:1px solid var(--soc-border)!important;
  box-shadow:var(--soc-task-recess)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* ── CTA polish — inset highlight, gloss, hover lift (20260715) ─────────── */
body:not(.biz-company-open) .cta,
body:not(.biz-company-open) .ctabtn,
body:not(.biz-company-open) .friend-card-assign-btn,
body:not(.biz-company-open).tab-vessel .vessel-cta--compact,
body:not(.biz-company-open) #sh-assign .asgn-lock-btn,
body:not(.biz-company-open) #sh-assign .asgn-next,
body:not(.biz-company-open) #sh-task #sh-task-lock-btn,
body:not(.biz-company-open) #sh-treat #sh-treat-send-btn,
body:not(.biz-company-open) #sh-assign #asgn-step-task-name button[onclick*="asgnGoToTreat"],
body:not(.biz-company-open) #sh-assign #asgn-step-session button[onclick*="createAsgnSession"],
body:not(.biz-company-open) #sh-assign #asgn-step-bet button[onclick*="createAsgnBet"],
body:not(.biz-company-open) #sh-proof .proof-submit-btn,
body:not(.biz-company-open) .person-feed-btn--primary,
body:not(.biz-company-open) .person-feed-foot-actions--pills .person-feed-btn--primary,
body:not(.biz-company-open) .reel-bar-btn--assign,
body:not(.biz-company-open) .feed-connect-btn:not([data-request-state="sent"]){
  position:relative;
  overflow:hidden;
  isolation:isolate;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
body:not(.biz-company-open) .cta::after,
body:not(.biz-company-open) .ctabtn::after,
body:not(.biz-company-open) .friend-card-assign-btn::after,
body:not(.biz-company-open).tab-vessel .vessel-cta--compact::after,
body:not(.biz-company-open) #sh-assign .asgn-lock-btn::after,
body:not(.biz-company-open) #sh-assign .asgn-next::after,
body:not(.biz-company-open) #sh-task #sh-task-lock-btn::after,
body:not(.biz-company-open) #sh-treat #sh-treat-send-btn::after,
body:not(.biz-company-open) #sh-assign #asgn-step-task-name button[onclick*="asgnGoToTreat"]::after,
body:not(.biz-company-open) #sh-assign #asgn-step-session button[onclick*="createAsgnSession"]::after,
body:not(.biz-company-open) #sh-assign #asgn-step-bet button[onclick*="createAsgnBet"]::after,
body:not(.biz-company-open) #sh-proof .proof-submit-btn::after,
body:not(.biz-company-open) .person-feed-btn--primary::after,
body:not(.biz-company-open) .person-feed-foot-actions--pills .person-feed-btn--primary::after,
body:not(.biz-company-open) .reel-bar-btn--assign::after,
body:not(.biz-company-open) .feed-connect-btn:not([data-request-state="sent"])::after{
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  z-index:1;
  background:linear-gradient(180deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,.06) 42%,transparent 68%);
}
body:not(.biz-company-open) .friend-card-assign-btn:hover,
body:not(.biz-company-open).tab-vessel .vessel-cta--compact:hover,
body:not(.biz-company-open) #sh-assign .asgn-lock-btn:hover,
body:not(.biz-company-open) #sh-assign .asgn-next:hover,
body:not(.biz-company-open) #sh-task #sh-task-lock-btn:hover,
body:not(.biz-company-open) #sh-treat #sh-treat-send-btn:hover,
body:not(.biz-company-open) #sh-assign #asgn-step-task-name button[onclick*="asgnGoToTreat"]:hover,
body:not(.biz-company-open) #sh-assign #asgn-step-session button[onclick*="createAsgnSession"]:hover,
body:not(.biz-company-open) #sh-assign #asgn-step-bet button[onclick*="createAsgnBet"]:hover,
body:not(.biz-company-open) #sh-proof .proof-submit-btn:hover{
  transform:translateY(-1px);
  background:var(--soc-cta-gradient-hover)!important;
  box-shadow:var(--soc-cta-shadow-hover)!important;
}

/* ── Occasional CTA attention — subtle pulse / micro-wiggle (20260715) ───── */
@keyframes socCtaGlowPulse{
  0%,86%,100%{
    box-shadow:var(--soc-cta-inset),var(--soc-cta-glow);
  }
  90%,93%{
    box-shadow:
      var(--soc-cta-inset),
      0 4px 16px rgba(5,150,105,.28),
      0 0 32px rgba(30,64,175,.20);
  }
}
@keyframes socCtaMicroWiggle{
  0%,88%,100%{transform:none;}
  90%{transform:rotate(-.8deg) scale(1.012);}
  92%{transform:rotate(.7deg) scale(1.018);}
  94%{transform:rotate(-.4deg) scale(1.01);}
  96%{transform:none;}
}
body:not(.biz-company-open) .friend-card-assign-btn,
body:not(.biz-company-open) .person-feed-assign-hdr,
body:not(.biz-company-open) .person-feed-btn.feed-assign-btn{
  animation:socCtaGlowPulse 6s ease-in-out infinite;
}
body:not(.biz-company-open) .friend-card-assign-btn:nth-child(3n+2),
body:not(.biz-company-open) .person-feed-assign-hdr:nth-child(3n+2),
body:not(.biz-company-open) .person-feed-btn.feed-assign-btn:nth-child(3n+2){
  animation-delay:2.1s;
}
body:not(.biz-company-open) .friend-card-assign-btn:nth-child(3n),
body:not(.biz-company-open) .person-feed-assign-hdr:nth-child(3n),
body:not(.biz-company-open) .person-feed-btn.feed-assign-btn:nth-child(3n){
  animation-delay:4.2s;
}
body:not(.biz-company-open) #sh-assign.show .asgn-next{
  animation:socCtaMicroWiggle 5.5s ease-in-out infinite;
  animation-delay:1s;
}
body:not(.biz-company-open) #sh-assign.show .asgn-lock-btn{
  animation:socCtaGlowPulse 6.5s ease-in-out infinite;
  animation-delay:1.8s;
}
body:not(.biz-company-open) #sh-task.show #sh-task-lock-btn,
body:not(.biz-company-open) #sh-treat.show #sh-treat-send-btn{
  animation:socCtaGlowPulse 6s ease-in-out infinite;
  animation-delay:1.2s;
}
body:not(.biz-company-open) .feed-connect-btn:not([data-request-state="sent"]){
  animation:socCtaGlowPulse 7s ease-in-out infinite;
  animation-delay:3s;
}
@media (hover:hover){
  body:not(.biz-company-open) .friend-card-assign-btn:hover,
  body:not(.biz-company-open) .person-feed-assign-hdr:hover,
  body:not(.biz-company-open) .person-feed-btn.feed-assign-btn:hover,
  body:not(.biz-company-open) #sh-assign.show .asgn-next:hover,
  body:not(.biz-company-open) #sh-assign.show .asgn-lock-btn:hover,
  body:not(.biz-company-open) #sh-task.show #sh-task-lock-btn:hover,
  body:not(.biz-company-open) #sh-treat.show #sh-treat-send-btn:hover,
  body:not(.biz-company-open) .feed-connect-btn:not([data-request-state="sent"]):hover{
    animation:none;
  }
}
body:not(.biz-company-open) .friend-card-assign-btn:active,
body:not(.biz-company-open).tab-vessel .vessel-cta--compact:active,
body:not(.biz-company-open) .person-feed-assign-hdr:active,
body:not(.biz-company-open) .person-feed-btn.feed-assign-btn:active,
body:not(.biz-company-open) #sh-assign.show .asgn-next:active,
body:not(.biz-company-open) #sh-assign.show .asgn-lock-btn:active,
body:not(.biz-company-open) #sh-task.show #sh-task-lock-btn:active,
body:not(.biz-company-open) #sh-treat.show #sh-treat-send-btn:active,
body:not(.biz-company-open) .feed-connect-btn:not([data-request-state="sent"]):active,
body:not(.biz-company-open) .friend-card-assign-btn:focus-visible,
body:not(.biz-company-open).tab-vessel .vessel-cta--compact:focus-visible,
body:not(.biz-company-open) .person-feed-assign-hdr:focus-visible,
body:not(.biz-company-open) .person-feed-btn.feed-assign-btn:focus-visible,
body:not(.biz-company-open) #sh-assign.show .asgn-next:focus-visible,
body:not(.biz-company-open) #sh-assign.show .asgn-lock-btn:focus-visible,
body:not(.biz-company-open) #sh-task.show #sh-task-lock-btn:focus-visible,
body:not(.biz-company-open) #sh-treat.show #sh-treat-send-btn:focus-visible,
body:not(.biz-company-open) .feed-connect-btn:not([data-request-state="sent"]):focus-visible{
  animation:none;
}
@media (prefers-reduced-motion:reduce){
  body:not(.biz-company-open) .friend-card-assign-btn,
  body:not(.biz-company-open) .person-feed-btn.feed-assign-btn,
  body:not(.biz-company-open) #sh-assign.show .asgn-next,
  body:not(.biz-company-open) #sh-assign.show .asgn-lock-btn,
  body:not(.biz-company-open) #sh-task.show #sh-task-lock-btn,
  body:not(.biz-company-open) #sh-treat.show #sh-treat-send-btn,
  body:not(.biz-company-open) .feed-connect-btn:not([data-request-state="sent"]){
    animation:none!important;
  }
}

/* ── Lock-in task engrave — final cascade pass (20260716) ─────────────────── */
body:not(.biz-company-open) .feed-stream--social .person-feed-tasks .task-row[class*="task-row--"],
body:not(.biz-company-open) .feed-circle-grid .person-feed-tasks .task-row[class*="task-row--"],
body:not(.biz-company-open) .person-feed-card--me .task-reorder-list > [data-taskcard].task-row[class*="task-row--"],
body:not(.biz-company-open) .person-feed-tasks [data-swipeable].task-row[class*="task-row--"]:not(.task-swipe-pickup):not(.task-swipe-drag){
  border-radius:var(--soc-task-r,10px)!important;
  box-shadow:var(--soc-lockin-recess,var(--soc-nested-recess,var(--soc-task-recess)))!important;
}
/*
 * Friend incomplete rows wrap content in .swipe-inner (background:inherit).
 * That opaque layer covers the parent’s inset recess — engrave the inner instead.
 * Skip pickup/drag so the raised swipe lift still wins.
 */
body:not(.biz-company-open) .person-feed-tasks [data-swipeable].task-row:not(.task-swipe-pickup):not(.task-swipe-drag) > .swipe-inner,
body:not(.biz-company-open) .feed-circle-grid .person-feed-tasks [data-swipeable].task-row:not(.task-swipe-pickup):not(.task-swipe-drag) > .swipe-inner{
  border-radius:inherit;
  box-shadow:var(--soc-lockin-recess,var(--soc-nested-recess,var(--soc-task-recess)))!important;
}
body:not(.biz-company-open) #friend-profile-body .fp-task-card{
  border-radius:var(--soc-task-r,10px)!important;
  box-shadow:var(--soc-lockin-recess,var(--soc-nested-recess,var(--soc-task-recess)))!important;
}
/* Your own card's small "+" add button — solid white pill, matching the
   friend-card Add buttons so it reads cleanly on any mood header. */
body:not(.biz-company-open) .person-feed-hdr--tint .feed-add-task-btn.person-feed-add{
  border-color:transparent!important;
  background:#ffffff!important;
  color:#1c1917!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    0 4px 12px rgba(0,0,0,.24),
    0 2px 6px rgba(0,0,0,.16)!important;
}
body:not(.biz-company-open) .person-feed-hdr--tint .feed-add-task-btn.person-feed-add:active{
  background:#f4f1ee!important;
  box-shadow:inset 0 2px 5px rgba(0,0,0,.14),0 2px 6px rgba(0,0,0,.16)!important;
}
body.tab-home .nav--product .ni-add .ni-add-ring,
[data-theme="dark"] body.tab-home .nav--product .ni-add .ni-add-ring{
  background:var(--soc-cta-gradient,linear-gradient(128deg,#4338ca 0%,#6366f1 40%,#7c3aed 75%,#3b82f6 100%))!important;
  border:1.5px solid var(--soc-cta,#1A5F63)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.32),
    inset 0 -2px 0 rgba(0,0,0,.14),
    var(--soc-cta-shadow,0 2px 8px rgba(67,56,202,.22)),
    0 4px 14px rgba(67,56,202,.28)!important;
}
body.tab-home .nav--product .ni-add .nic,
body.tab-home .nav--product .ni-add .nic .nic-stroke,
[data-theme="dark"] body.tab-home .nav--product .ni-add .nic,
[data-theme="dark"] body.tab-home .nav--product .ni-add .nic .nic-stroke{
  color:#fff!important;
  stroke:#fff!important;
}

/* Gradient CTAs — keep the fill, remove the hard cartoon-like outline. */
body:not(.biz-company-open) .person-feed-btn--primary,
body:not(.biz-company-open) .person-feed-cta,
body:not(.biz-company-open) .cta,
body:not(.biz-company-open) .ctabtn,
body:not(.biz-company-open) .abtn:not(.abtn--ghost),
body:not(.biz-company-open) .feat-btn--primary,
body:not(.biz-company-open) .friends-hero-btn--primary,
body:not(.biz-company-open) .cbtn.primary,
body:not(.biz-company-open) .cbtn.success,
body:not(.biz-company-open) .friend-act-btn--primary,
body:not(.biz-company-open) .friend-card-assign-btn,
body:not(.biz-company-open) .person-feed-assign-hdr,
body:not(.biz-company-open) .feed-add-task-btn.person-feed-add,
body:not(.biz-company-open) .person-feed-foot-actions--pills .person-feed-btn--primary,
body:not(.biz-company-open) .treat-pack-btn,
body:not(.biz-company-open) .disc-profile-add:not([data-discover-decline]),
body:not(.biz-company-open) .disc-ch-join,
body:not(.biz-company-open) .discover-tutorial-btn:not(.discover-tutorial-btn--ghost),
body:not(.biz-company-open) .guided-tour-btn:not(.guided-tour-btn--ghost),
body:not(.biz-company-open) .onboarding-coach-btn,
body:not(.biz-company-open) .discover-empty-cta,
body:not(.biz-company-open) .friend-search-add,
body:not(.biz-company-open) .reward-pay-chip--primary,
body:not(.biz-company-open) .momentum-card--social .momentum-cta,
body:not(.biz-company-open) .pro-upgrade-cta,
body:not(.biz-company-open) .home-drawer-profile-cta,
body:not(.biz-company-open) .home-mood-bar-go,
body:not(.biz-company-open) .circle-care-pick-btn--primary,
body:not(.biz-company-open) .circle-care-btn--primary,
body:not(.biz-company-open) .treats-plan-btn:not(.treats-plan-btn--ghost),
body:not(.biz-company-open) .prof-action-btn--primary,
body:not(.biz-company-open) .pro-teaser-btn,
body:not(.biz-company-open) .pro-profile-manage,
body:not(.biz-company-open) .feed-connect-btn:not([data-request-state="sent"]),
body:not(.biz-company-open) .reel-disc-primary,
body:not(.biz-company-open) .int-connect-btn,
body:not(.biz-company-open) #s-friends .tasks-lock-btn,
body:not(.biz-company-open) .friends-mood-btn,
body:not(.biz-company-open) .reel-bar-btn--assign,
body:not(.biz-company-open) .ai-ask-btn,
body:not(.biz-company-open) .person-feed-tasks .ai-suggest-set-btn,
body:not(.biz-company-open) #sh-assign .asgn-lock-btn,
body:not(.biz-company-open) #sh-task #sh-task-lock-btn,
body:not(.biz-company-open) #sh-treat #sh-treat-send-btn,
body:not(.biz-company-open) #sh-assign .asgn-next,
body:not(.biz-company-open) #sh-assign #asgn-step-task-name button[onclick*="asgnGoToTreat"],
body:not(.biz-company-open) #sh-assign #asgn-step-session button[onclick*="createAsgnSession"],
body:not(.biz-company-open) #sh-assign #asgn-step-bet button[onclick*="createAsgnBet"],
body:not(.biz-company-open) #sh-proof .proof-submit-btn,
body:not(.biz-company-open) .nav--product #n-add:not(.ni-add--turbo-on) .ni-add-ring{
  border-color:transparent!important;
}

/* Matching app header/footer chrome on compact layouts. */
@media (max-width:899px){
  body:not(.biz-company-open) .nav--product .ni:not(.ni-add) .nic,
  body:not(.biz-company-open) .nav--product .ni:not(.ni-add) .nic .nic-stroke{
    color:rgba(255,255,255,.72)!important;
    stroke:rgba(255,255,255,.72)!important;
  }
  body:not(.biz-company-open) .nav--product .ni:not(.ni-add) .nil{
    color:rgba(255,255,255,.68)!important;
  }
  body:not(.biz-company-open) .nav--product .ni:not(.ni-add).active .nic,
  body:not(.biz-company-open) .nav--product .ni:not(.ni-add).active .nic .nic-stroke,
  body:not(.biz-company-open) .nav--product .ni:not(.ni-add).active .nil{
    color:#fff!important;
    stroke:#fff!important;
  }
}

/* ── App header + footer — always two accent colours (brand → brand2) ─────────
   A light lava mesh still animates on ::before for depth. */
body:not(.biz-company-open) #main > .hdr,
body:not(.biz-company-open).app-chrome #main > .hdr,
body:not(.biz-company-open).app-chrome.tab-home #main > .hdr,
body:not(.biz-company-open) .nav.nav--product,
body:not(.biz-company-open).tab-home .nav.nav--product{
  background-color:transparent!important;
  background-image:var(--soc-chrome-hdr-bg,linear-gradient(128deg,var(--soc-brand,#f97316) 0%,var(--soc-brand2,#ec4899) 100%))!important;
  border-bottom:1px solid rgba(0,0,0,.28)!important;
  border-top:1px solid rgba(0,0,0,.28)!important;
  -webkit-backdrop-filter:blur(18px) saturate(140%)!important;
  backdrop-filter:blur(18px) saturate(140%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -1px 0 rgba(0,0,0,.28),
    0 1px 0 rgba(0,0,0,.12),
    0 8px 28px var(--soc-lava-glow,rgba(236,72,153,.38))!important;
  isolation:isolate;
}
/* Header — no bottom hairline; soft glass only. Footer keeps a top edge. */
body:not(.biz-company-open) #main > .hdr,
body:not(.biz-company-open).app-chrome #main > .hdr,
body:not(.biz-company-open).app-chrome.tab-home #main > .hdr{
  border-top:none!important;
  border-bottom:none!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    0 10px 28px var(--soc-lava-glow,rgba(236,72,153,.38))!important;
}
body:not(.biz-company-open) .nav.nav--product,
body:not(.biz-company-open).tab-home .nav.nav--product{
  border-bottom:none!important;
  border-top:1px solid rgba(255,255,255,.14)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -1px 0 rgba(0,0,0,.42),
    0 -2px 0 rgba(0,0,0,.18),
    0 -8px 28px var(--soc-lava-glow,rgba(236,72,153,.38))!important;
}
/* Footer icons stay readable on the darker lava chrome. */
body:not(.biz-company-open) .nav.nav--product .ni:not(.ni-add) .nic,
body:not(.biz-company-open).tab-home .nav.nav--product .ni:not(.ni-add) .nic{
  color:rgba(255,255,255,.78)!important;
}
body:not(.biz-company-open) .nav.nav--product .ni:not(.ni-add) .nic .nic-stroke,
body:not(.biz-company-open).tab-home .nav.nav--product .ni:not(.ni-add) .nic .nic-stroke{
  stroke:rgba(255,255,255,.78)!important;
}
body:not(.biz-company-open) .nav.nav--product .ni:not(.ni-add).active .nic,
body:not(.biz-company-open) .nav.nav--product .ni:not(.ni-add).active .nic .nic-stroke,
body:not(.biz-company-open).tab-home .nav.nav--product .ni:not(.ni-add).active .nic,
body:not(.biz-company-open).tab-home .nav.nav--product .ni:not(.ni-add).active .nic .nic-stroke{
  color:#fff!important;
  stroke:#fff!important;
}
body:not(.biz-company-open) #main > .hdr,
body:not(.biz-company-open).app-chrome #main > .hdr{
  position:relative;
  overflow:hidden;
}
body:not(.biz-company-open) .nav.nav--product{
  position:relative; /* overflow stays visible so the floating Add ring is not clipped */
}
body:not(.biz-company-open) #main > .hdr::before,
body:not(.biz-company-open) .nav.nav--product::before,
body:not(.biz-company-open).tab-home .nav.nav--product::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.38;
  background-image:
    radial-gradient(45% 170% at 12% 18%, var(--soc-lava-1,rgba(251,146,60,.50)) 0%, transparent 55%),
    radial-gradient(48% 180% at 84% 10%, var(--soc-lava-2,rgba(244,114,182,.46)) 0%, transparent 55%),
    radial-gradient(52% 190% at 68% 92%, var(--soc-lava-3,rgba(249,115,22,.48)) 0%, transparent 58%),
    radial-gradient(46% 170% at 22% 90%, var(--soc-lava-4,rgba(70,18,18,.55)) 0%, transparent 55%),
    radial-gradient(60% 200% at 50% 45%, var(--soc-lava-5,rgba(251,113,133,.42)) 0%, transparent 62%);
  background-size:240% 240%;
  animation:treatlyLavaLamp 13s ease-in-out infinite;
}
/* Same fabric grain as tinted card headers/footers */
body:not(.biz-company-open) #main > .hdr::after,
body:not(.biz-company-open).app-chrome #main > .hdr::after,
body:not(.biz-company-open) .nav.nav--product::after,
body:not(.biz-company-open).tab-home .nav.nav--product::after{
  content:""!important;
  display:block!important;
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  border-radius:inherit;
  background-image:var(--soc-chrome-texture);
  background-size:160px 160px,3px 3px,3px 3px;
  background-repeat:repeat;
  opacity:.42;
  mix-blend-mode:soft-light;
}
body:not(.biz-company-open) #main > .hdr > *,
body:not(.biz-company-open) .nav.nav--product > *,
body:not(.biz-company-open).tab-home .nav.nav--product > *{
  position:relative;
  z-index:1;
}
@keyframes treatlyLavaLamp{
  0%{background-position:0% 15%,100% 8%,68% 92%,22% 90%,50% 45%;}
  20%{background-position:70% 85%,15% 78%,96% 15%,64% 22%,38% 66%;}
  40%{background-position:100% 45%,0% 66%,26% 24%,96% 64%,66% 34%;}
  60%{background-position:34% 4%,78% 96%,6% 62%,44% 4%,42% 60%;}
  80%{background-position:88% 70%,32% 20%,54% 100%,12% 46%,58% 40%;}
  100%{background-position:0% 15%,100% 8%,68% 92%,22% 90%,50% 45%;}
}
@media (prefers-reduced-motion:reduce){
  body:not(.biz-company-open) #main > .hdr::before,
  body:not(.biz-company-open) .nav.nav--product::before{
    animation:none!important;
  }
}
body:not(.biz-company-open) #main > .hdr .wordmark,
body:not(.biz-company-open) #main > .hdr .hdr-title,
body:not(.biz-company-open) #main > .hdr .hdr-brand-caret,
body:not(.biz-company-open) #main > .hdr .hdr-icon-btn,
body:not(.biz-company-open) #main > .hdr .hdr-menu-btn,
body:not(.biz-company-open) #main > .hdr .hdr-treat-hearts,
body:not(.biz-company-open) #main > .hdr .hdr-treat-hearts .treat-pip-n,
body:not(.biz-company-open) #main > .hdr .hdr-treat-hearts .treat-pip-svg,
body:not(.biz-company-open) #main > .hdr .hdr-icon-svg,
body:not(.biz-company-open) #main > .hdr .hdr-menu-svg{
  color:#fff!important;
  stroke:#fff!important;
}
body:not(.biz-company-open) #main > .hdr .wordmark,
body:not(.biz-company-open) #main > .hdr .wordmark .wordmark-name{
  font-family:var(--font-brand,"Figtree",sans-serif)!important;
  font-weight:700!important;
  letter-spacing:-.028em;
  color:#fff!important;
  -webkit-text-stroke:0;
}
body:not(.biz-company-open) #main > .hdr .hdr-title{
  font-weight:900!important;
  color:#fff!important;
  -webkit-text-stroke:0;
}
/* The PNG logo mark is a static dark image, so on the coloured glass header it
   reads as black. Recolour it to solid white so it matches the white wordmark. */
body:not(.biz-company-open) #main > .hdr .brand-mark--hdr{
  filter:brightness(0) invert(1)!important;
  transition:filter .5s cubic-bezier(.4,0,.2,1);
}
[data-theme="dark"] body:not(.biz-company-open) #main > .hdr,
[data-theme="dark"] body:not(.biz-company-open).app-chrome #main > .hdr,
[data-theme="dark"] body:not(.biz-company-open).app-chrome.tab-home #main > .hdr,
[data-theme="dark"] body:not(.biz-company-open) .nav.nav--product,
[data-theme="dark"] body:not(.biz-company-open).tab-home .nav.nav--product{
  background-color:transparent!important;
  background-image:var(--soc-chrome-hdr-bg,var(--soc-you-hdr))!important;
}
[data-theme="dark"] body:not(.biz-company-open) #main > .hdr::before,
[data-theme="dark"] body:not(.biz-company-open) .nav.nav--product::before,
[data-theme="dark"] body:not(.biz-company-open).tab-home .nav.nav--product::before{
  opacity:.42;
}

/* Header + footer both keep frosted lava glass at every scroll position
   (no white-at-top chrome). */

/* ── Fix the bottom nav so content scrolls *behind* it ────────────────────────
   backdrop-filter only frosts pixels painted behind the element. The nav was
   position:relative (below content in flow), so its blur had nothing to sample
   and looked flat. Fixing it to the bottom — mirroring the fixed header — lets
   the feed pass underneath, so the frosted glass reads the same as the header.
   Scoped to personal app-chrome; business/kids keep their in-flow nav. */
body.app-chrome:not(.biz-company-open) .nav.nav--product{
  position:fixed!important;
  left:50%;
  bottom:0;
  transform:translateX(-50%);
  width:100%;
  max-width:430px;
  z-index:30;
}
/* Reserve room so the last row of content clears the fixed nav (~66px + inset). */
body.app-chrome:not(.biz-company-open){
  --tab-scroll-bottom:calc(92px + env(safe-area-inset-bottom,0px));
  --tab-scroll-bottom-with-actions:calc(132px + env(safe-area-inset-bottom,0px));
}
body.app-chrome:not(.biz-company-open) #home-scroll{
  padding-bottom:calc(80px + env(safe-area-inset-bottom,0px));
}

/* Friend-card footers mirror each card's exact header palette. */
body:not(.biz-company-open) .feed-stream--social .person-feed-card:not(.person-feed-card--me) .person-feed-foot,
body:not(.biz-company-open) .feed-circle-grid .person-feed-foot{
  background:var(--feed-hdr-bg)!important;
  color:var(--feed-hdr-fg,#fff)!important;
  border-top-color:transparent!important;
  min-height:0;
  padding:5px 10px!important;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -2px 5px rgba(0,0,0,.12)!important;
}
body:not(.biz-company-open) .feed-stream--social .person-feed-card:not(.person-feed-card--me) .person-feed-foot-note,
body:not(.biz-company-open) .feed-stream--social .person-feed-card:not(.person-feed-card--me) .person-feed-explainer,
body:not(.biz-company-open) .feed-circle-grid .person-feed-foot-note,
body:not(.biz-company-open) .feed-circle-grid .person-feed-explainer{
  color:color-mix(in srgb,var(--feed-hdr-fg,#fff) 84%,transparent)!important;
  font-size:10.5px;
  line-height:1.2;
  margin:0!important;
}

/* The "you" card mirrors app chrome (same as header/footer). */
body:not(.biz-company-open) .feed-stream--social .person-feed-card--me .person-feed-foot{
  background:var(--feed-hdr-bg,var(--soc-chrome-hdr-bg,var(--soc-you-hdr)))!important;
  color:var(--feed-hdr-fg,#fff)!important;
  border-top-color:transparent!important;
  min-height:0;
  padding:5px 10px!important;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -2px 5px rgba(0,0,0,.12)!important;
}

/* Fabric / grain texture on card headers + footers */
body:not(.biz-company-open) .feed-stream--social .person-feed-hdr.person-feed-hdr--tint,
body:not(.biz-company-open) .feed-circle-grid .person-feed-hdr.person-feed-hdr--tint,
body:not(.biz-company-open) .feed-stream--social .person-feed-card--me .person-feed-hdr.person-feed-hdr--tint,
body:not(.biz-company-open) .feed-stream--social .person-feed-card--me .person-feed-hdr.person-feed-hdr--you{
  isolation:isolate;
}
body:not(.biz-company-open) .feed-stream--social .person-feed-hdr.person-feed-hdr--tint::after,
body:not(.biz-company-open) .feed-circle-grid .person-feed-hdr.person-feed-hdr--tint::after,
body:not(.biz-company-open) .feed-stream--social .person-feed-card--me .person-feed-hdr.person-feed-hdr--tint::after,
body:not(.biz-company-open) .feed-stream--social .person-feed-card--me .person-feed-hdr.person-feed-hdr--you::after,
body:not(.biz-company-open) .feed-stream--social .person-feed-foot::after,
body:not(.biz-company-open) .feed-circle-grid .person-feed-foot::after{
  content:""!important;
  display:block!important;
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  border-radius:inherit;
  background-image:var(--soc-chrome-texture);
  background-size:160px 160px,3px 3px,3px 3px;
  background-repeat:repeat;
  opacity:.42;
  mix-blend-mode:soft-light;
}
body:not(.biz-company-open) .feed-stream--social .person-feed-foot > *,
body:not(.biz-company-open) .feed-circle-grid .person-feed-foot > *{
  position:relative;
  z-index:4;
}

/* ── Friend-card header "Add" button tints to that friend's header palette ────
   The header sets --feed-hdr-fg inline (per-friend / per-mood). The button is a
   child of the header, so it inherits it: render a glass chip in that color
   instead of the fixed green CTA, so each Add button matches its own header. */
body:not(.biz-company-open) .person-feed-hdr--tint .person-feed-assign-hdr{
  background:#ffffff!important;
  border:none!important;
  color:#1c1917!important;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    0 4px 12px rgba(0,0,0,.24),
    0 2px 6px rgba(0,0,0,.16)!important;
  animation:none!important;
}
body:not(.biz-company-open) .person-feed-hdr--tint .person-feed-assign-hdr:active{
  transform:scale(.95) translateY(1px);
  background:#f4f1ee!important;
}

/* ── Big center Add button = frosted glass that adapts to whatever is under it ──
   Instead of a fixed green disc, the ring frosts the content behind it (feed cards
   when scrolled, white canvas at the top). Icon color flips per state to stay legible.
   Extra .app-chrome class raises specificity over brand-soft / home-glass overrides. */
body.app-chrome:not(.biz-company-open) .nav--product #n-add:not(.ni-add--turbo-on):not(.ni-add--holding) .ni-add-ring{
  background:rgba(255,255,255,.16)!important;
  border:1.5px solid rgba(255,255,255,.5)!important;
  -webkit-backdrop-filter:blur(16px) saturate(180%);
  backdrop-filter:blur(16px) saturate(180%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.5),
    inset 0 -2px 6px rgba(0,0,0,.16),
    0 6px 20px rgba(0,0,0,.2)!important;
}
/* Wash the FAB with the same lava mesh as the frosted footer. */
body.app-chrome:not(.biz-company-open) .nav--product #n-add:not(.ni-add--turbo-on):not(.ni-add--holding) .ni-add-ring::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  border-radius:inherit;
  pointer-events:none;
  background-image:
    radial-gradient(60% 200% at 12% 18%, var(--soc-lava-1,rgba(129,140,248,.62)) 0%, transparent 60%),
    radial-gradient(60% 200% at 84% 10%, var(--soc-lava-2,rgba(167,139,250,.64)) 0%, transparent 60%),
    radial-gradient(60% 200% at 68% 92%, var(--soc-lava-3,rgba(99,102,241,.64)) 0%, transparent 62%),
    radial-gradient(60% 200% at 22% 90%, var(--soc-lava-4,rgba(30,27,75,.55)) 0%, transparent 60%),
    radial-gradient(70% 220% at 50% 45%, var(--soc-lava-5,rgba(59,130,246,.55)) 0%, transparent 66%);
  background-size:240% 240%;
  animation:treatlyLavaLamp 13s ease-in-out infinite;
  opacity:1;
}
@media (prefers-reduced-motion:reduce){
  body.app-chrome:not(.biz-company-open) .nav--product #n-add .ni-add-ring::before{animation:none!important;}
}

/* Soft transitions on chrome (header + footer stay frosted; icons stay glass-tone). */
body.app-chrome:not(.biz-company-open) #main > .hdr,
body.app-chrome:not(.biz-company-open) .nav.nav--product{
  transition:
    background-color .55s cubic-bezier(.4,0,.2,1),
    -webkit-backdrop-filter .55s cubic-bezier(.4,0,.2,1),
    backdrop-filter .55s cubic-bezier(.4,0,.2,1),
    box-shadow .55s cubic-bezier(.4,0,.2,1),
    border-color .55s cubic-bezier(.4,0,.2,1)!important;
}
body.app-chrome:not(.biz-company-open) #main > .hdr::before,
body.app-chrome:not(.biz-company-open) .nav.nav--product::before{
  transition:opacity .7s cubic-bezier(.4,0,.2,1)!important;
}
body.app-chrome:not(.biz-company-open) #main > .hdr .wordmark,
body.app-chrome:not(.biz-company-open) #main > .hdr .wordmark .wordmark-name,
body.app-chrome:not(.biz-company-open) #main > .hdr .hdr-title,
body.app-chrome:not(.biz-company-open) #main > .hdr .hdr-brand-caret,
body.app-chrome:not(.biz-company-open) #main > .hdr .hdr-icon-svg,
body.app-chrome:not(.biz-company-open) #main > .hdr .hdr-menu-svg,
body.app-chrome:not(.biz-company-open) .nav--product .ni:not(.ni-add) .nic,
body.app-chrome:not(.biz-company-open) .nav--product .ni:not(.ni-add) .nic .nic-stroke,
body.app-chrome:not(.biz-company-open) .nav--product .ni:not(.ni-add) .nil,
body.app-chrome:not(.biz-company-open) .nav--product .ni-add .ni-add-ring,
body.app-chrome:not(.biz-company-open) .nav--product .ni-add .nic,
body.app-chrome:not(.biz-company-open) .nav--product .ni-add .nic .nic-stroke{
  transition:
    color .5s cubic-bezier(.4,0,.2,1),
    stroke .5s cubic-bezier(.4,0,.2,1),
    background-color .55s cubic-bezier(.4,0,.2,1),
    border-color .55s cubic-bezier(.4,0,.2,1),
    box-shadow .55s cubic-bezier(.4,0,.2,1),
    text-shadow .5s cubic-bezier(.4,0,.2,1)!important;
}
@media (prefers-reduced-motion:reduce){
  body.app-chrome:not(.biz-company-open) #main > .hdr,
  body.app-chrome:not(.biz-company-open) .nav.nav--product,
  body.app-chrome:not(.biz-company-open) #main > .hdr::before,
  body.app-chrome:not(.biz-company-open) .nav.nav--product::before{
    transition:none!important;
  }
}

/* ── Tasks about to expire "crack and break" ──────────────────────────────────
   A near-deadline lock-in gets a cracked-glass overlay (SVG fracture lines that
   draw on), an urgent red inset, and — in the final hours — a subtle tremble as
   if it's about to shatter. Overlay is pointer-events:none so the row stays usable. */
.person-feed-tasks .task-row.task-expiring{
  box-shadow:inset 0 0 0 1px rgba(220,60,40,.26);
}
.person-feed-tasks .task-row.task-expiring--breaking{
  box-shadow:inset 0 0 0 1.5px rgba(214,45,32,.5),0 3px 14px rgba(214,45,32,.16);
  animation:taskBreakTremble 3s ease-in-out infinite;
  will-change:transform;
}
.task-crack-overlay{
  position:absolute;
  inset:0;
  z-index:4;
  pointer-events:none;
  overflow:hidden;
  border-radius:inherit;
}
.task-crack-overlay svg{position:absolute;inset:0;width:100%;height:100%;display:block;}
.task-crack-overlay path{
  fill:none;
  vector-effect:non-scaling-stroke;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-dasharray:440;
  animation:taskCrackDraw 1s cubic-bezier(.22,.61,.36,1) both;
}
.task-crack-shadow path{stroke:rgba(0,0,0,.2);stroke-width:2.2;transform:translate(.3px,.8px);}
.task-crack-lines path{stroke:rgba(20,18,22,.5);stroke-width:1.2;filter:drop-shadow(0 .5px .4px rgba(255,255,255,.55));}
/* Fractures spread outward rather than all at once. */
.task-crack-overlay path:nth-child(2){animation-delay:.1s;}
.task-crack-overlay path:nth-child(3){animation-delay:.2s;}
.task-crack-overlay path:nth-child(4){animation-delay:.28s;}
.task-crack-overlay path:nth-child(5){animation-delay:.34s;}
.task-crack-overlay path:nth-child(6){animation-delay:.4s;}
.task-crack-overlay path:nth-child(7){animation-delay:.46s;}
.task-crack-overlay path:nth-child(8){animation-delay:.52s;}
.task-crack-overlay--cracking{opacity:.34;}
.task-crack-overlay--breaking{opacity:.6;}
.task-crack-overlay--breaking .task-crack-lines path{stroke:rgba(120,15,10,.55);stroke-width:1.4;}
@keyframes taskCrackDraw{
  from{stroke-dashoffset:440;}
  to{stroke-dashoffset:0;}
}
@keyframes taskBreakTremble{
  0%,90%,100%{transform:translate3d(0,0,0) rotate(0);}
  92%{transform:translate3d(-1px,.4px,0) rotate(-.4deg);}
  94%{transform:translate3d(1px,-.3px,0) rotate(.4deg);}
  96%{transform:translate3d(-.7px,.2px,0) rotate(-.25deg);}
  98%{transform:translate3d(.5px,0,0) rotate(.15deg);}
}
@media (prefers-reduced-motion:reduce){
  .task-crack-overlay path{animation:none!important;stroke-dashoffset:0!important;}
  .person-feed-tasks .task-row.task-expiring--breaking{animation:none!important;}
}

/* ── Story-bar profile rings ───────────────────────────────────────────────
   Each avatar gets an Instagram-style ring coloured by that friend's mood
   palette (--fs-ring, set inline in buildFriendStripHtml). No mood → accent
   friend default. Profile/feed headers stay accent; only rings track mood. */
body:not(.biz-company-open) #home-social-shell #home-story-bar .fs-item .fs-ring,
body:not(.biz-company-open) #home-social-shell #home-story-bar .fs-item.fs-you .fs-ring,
body:not(.biz-company-open) #home-social-shell #home-story-bar .fs-item--unseen .fs-ring,
body:not(.biz-company-open) #home-social-shell #home-story-bar .fs-item--live .fs-ring,
body:not(.biz-company-open) #home-social-shell #home-story-bar .fs-ring--unseen,
body:not(.biz-company-open) #home-social-shell #home-story-bar .fs-ring--you{
  width:58px!important;
  height:58px!important;
  padding:0!important;
  border-radius:50%!important;
  background:var(--fs-ring,var(--soc-friend-default-hdr,linear-gradient(134deg,#7c2d12 0%,#ea580c 48%,#f472b6 100%)))!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
  box-shadow:0 2px 6px rgba(0,0,0,.14)!important;
}
body:not(.biz-company-open) #home-social-shell #home-story-bar .fs-item .fs-av,
body:not(.biz-company-open) #home-social-shell #home-story-bar .fs-item--unseen .fs-av{
  width:48px!important;
  height:48px!important;
  box-shadow:0 0 0 2px var(--soc-canvas,#fff),var(--soc-story-recess-deep,var(--soc-nested-recess))!important;
}
/* Unseen / live → brighter, slightly thicker ring so they still stand out. */
body:not(.biz-company-open) #home-social-shell #home-story-bar .fs-item--unseen .fs-ring,
body:not(.biz-company-open) #home-social-shell #home-story-bar .fs-item--live .fs-ring,
body:not(.biz-company-open) #home-social-shell #home-story-bar .fs-ring--unseen{
  box-shadow:0 0 0 1px rgba(255,255,255,.4),0 2px 12px rgba(0,0,0,.22)!important;
}
/* Story-bar avatars sit inside the ring, not overflow-clipped by it. */
body:not(.biz-company-open) #home-social-shell #home-story-bar .fs-item .fs-ring::after{display:none!important;}

/* ── Submitted-proof viewer ────────────────────────────────────────────────
   Inline "View proof" chip on a task (for the assigner / treat sender) + the
   read-only sheet that shows the submitted photo and/or note. */
.task-proof-view{
  display:flex;align-items:center;gap:8px;
  width:100%;margin-top:8px;padding:7px 10px;
  border-radius:12px;cursor:pointer;text-align:left;
  background:rgba(45,106,79,.08);
  border:1px solid rgba(45,106,79,.28);
  font-family:"Plus Jakarta Sans","Manrope",sans-serif;
  transition:background .15s,border-color .15s,transform .12s;
}
.task-proof-view:hover{background:rgba(45,106,79,.14);border-color:rgba(45,106,79,.45);}
.task-proof-view:active{transform:scale(.985);}
.task-proof-view-thumb{
  width:34px;height:34px;flex-shrink:0;border-radius:8px;overflow:hidden;
  background:var(--s2);box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);
}
.task-proof-view-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.task-proof-view-ico{
  width:34px;height:34px;flex-shrink:0;border-radius:8px;
  display:flex;align-items:center;justify-content:center;font-size:16px;
  background:rgba(45,106,79,.12);
}
.task-proof-view-lbl{
  flex:1;min-width:0;font-size:12px;font-weight:800;color:var(--brand,#2d6a4f);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.task-proof-view-go{flex-shrink:0;font-size:18px;font-weight:800;color:var(--brand,#2d6a4f);opacity:.6;line-height:1;}

.proof-view-sheet{padding:0;overflow:hidden;}
.proof-view-hdr{
  display:flex;align-items:flex-start;justify-content:space-between;gap:12px;
  padding:16px 18px 12px;
}
.proof-view-title{font-family:"Manrope",sans-serif;font-size:17px;font-weight:800;color:var(--text);}
.proof-view-who{margin:3px 0 0;font-size:12.5px;color:var(--t3);font-weight:600;}
.proof-view-close{
  flex-shrink:0;width:32px;height:32px;border-radius:50%;border:none;cursor:pointer;
  background:var(--s2);color:var(--t2);font-size:20px;line-height:1;
  display:flex;align-items:center;justify-content:center;
}
.proof-view-body{padding:0 18px 20px;}
.proof-view-img-wrap{
  border-radius:16px;overflow:hidden;background:var(--s2);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);
}
.proof-view-img{width:100%;max-height:60vh;object-fit:contain;display:block;background:#000;}
.proof-view-note{
  margin:12px 0 0;padding:12px 14px;border-radius:14px;
  background:var(--s2);border-left:3px solid var(--brand,#2d6a4f);
  font-size:14px;line-height:1.5;color:var(--text);font-style:italic;
}