/* Lilac → sage across Life Lens, at her request. Scoped to the page AND to the sheets, which are appended to and so sit outside it. Mapping (lilac → sage), chosen so every one still clears AA where it is used: #6E5AA6 primary → #5F7350 white on it 5.18 #5C4A93 labels → #4E6640 6.37 on white, 5.85 on the frosted panels #4C3F73 deep → #3F5A33 7.72 on white, 4.77 on the collage's worst patch #EFEAF8 tint → #EEF4EC #C9BCE6 border → #CFE0C8 The soft sage #7D9E77 is deliberately NOT used for text anywhere — it is 2.99 on white and would fail. */ #page-life-lens .ll-eyebrow, #llvSheet .llv-lbl, #page-life-lens .llv-mood, #page-life-lens .llv-tag, #llvSheet .llv-recipe b, #page-life-lens .llv-count, #llvSheet .llv-dl dt, #llvSheet .llv-sh-badge{ color:#4E6640 !important; -webkit-text-fill-color:#4E6640 !important; } #page-life-lens .llv-mood, #page-life-lens .llv-tag, #page-life-lens .llv-pin, #llvSheet .llv-sh-badge, #page-life-lens .ll-empty-ic{ background:#EEF4EC !important; } #page-life-lens .ll-empty-ic svg{ stroke:#5F7350 !important; } /* `.llv-tags` is only the flex WRAPPER around the chips, but it contains the substring "tag", so the global `[class*="tag"]` wildcard paints it — giving each row a full-width sage bar behind the chips. Cleared explicitly. Same trap as `.ah-card-h` on the Account Hub: any new class containing card/tile/tag/pill/badge gets painted by that wildcard. */ #page-life-lens .llv-tags{ background:none !important; background-color:transparent !important; border:0 !important; box-shadow:none !important; padding:0 !important; } /* solid lilac fills → sage */ #page-life-lens .ll-btn--primary, #page-life-lens .ll-tab.is-on, #page-life-lens .ll-vbtn.is-on, #llvSheet .llv-btn--p, #llvSheet .llv-opt[aria-pressed="true"]{ background:#5F7350 !important; border-color:#5F7350 !important; color:#ffffff !important; -webkit-text-fill-color:#ffffff !important; } /* deep lilac text → deep sage */ #page-life-lens .ll-btn--soft, #page-life-lens .llv-det, #llvSheet .llv-btn, #llvSheet .llv-opt.is-req{ color:#3F5A33 !important; -webkit-text-fill-color:#3F5A33 !important; } #llvSheet .llv-opt.is-req{ background:#EEF4EC !important; border-color:#CFE0C8 !important; } /* the primary buttons must keep white text — they match the rule above too */ #llvSheet .llv-btn--p{ color:#ffffff !important; -webkit-text-fill-color:#ffffff !important; } /* icons and hovers */ #page-life-lens .llv-ic svg{ stroke:#4E6640 !important; } #page-life-lens .llv-ic:hover, #page-life-lens .llv-det:hover, #page-life-lens .ll-tab:hover{ border-color:#5F7350 !important; } #page-life-lens .ll-btn--soft:hover{ background:#EEF4EC !important; } #llvSheet .llv-opt:hover{ background:#EEF4EC !important; border-color:#5F7350 !important; } #llvSheet .llv-in:focus, #llvSheet .llv-ta:focus, #page-life-lens .ll-srch:focus-within{ border-color:#5F7350 !important; }