/* Nutriva 0.12.0 · Workspace & AI */ :root { --text: var(--ink); } .workspace-orbit{ position:relative; display:grid; grid-template-columns:minmax(0,1.16fr) minmax(340px,.84fr); gap:18px; margin:26px 0 30px; isolation:isolate; } .workspace-orbit::before{ content:""; position:absolute; inset:-10px; z-index:-2; border-radius:30px; background:linear-gradient(135deg,color-mix(in srgb,var(--emerald) 7%,transparent),transparent 38%,color-mix(in srgb,var(--lime) 5%,transparent)); filter:blur(24px); pointer-events:none; } .workspace-ambient{position:absolute;z-index:-1;border-radius:999px;filter:blur(54px);opacity:.18;pointer-events:none} .workspace-ambient-a{width:220px;height:220px;left:8%;top:10%;background:var(--emerald)} .workspace-ambient-b{width:180px;height:180px;right:5%;bottom:4%;background:var(--lime)} .workspace-agenda-card,.workspace-calendar-card{ position:relative; overflow:hidden; border:1px solid color-mix(in srgb,var(--line) 90%,var(--emerald)); border-radius:24px; background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 96%,var(--emerald) 4%),color-mix(in srgb,var(--surface-2) 96%,transparent)); box-shadow:0 18px 55px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.025); } .workspace-agenda-card{padding:24px} .workspace-calendar-card{padding:22px} .workspace-card-head,.workspace-calendar-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px} .workspace-card-head h2,.workspace-calendar-head h3{margin:4px 0 4px;color:var(--text);letter-spacing:-.02em} .workspace-card-head h2{font-size:1.55rem}.workspace-calendar-head h3{font-size:1.2rem} .workspace-card-head p{margin:0;color:var(--muted);font-size:var(--ui-font-caption);line-height:1.5} .workspace-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--emerald);font-size:var(--ui-font-kicker);font-weight:800;letter-spacing:.11em} .workspace-eyebrow i{display:block;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 16px color-mix(in srgb,var(--lime) 70%,transparent)} .workspace-add-note,.workspace-btn{ min-height:44px;border:1px solid var(--line);border-radius:13px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--surface-2);color:var(--text);font:inherit;font-weight:760;cursor:pointer } .workspace-add-note{border-color:color-mix(in srgb,var(--emerald) 58%,var(--line));background:color-mix(in srgb,var(--emerald) 9%,var(--surface-2))} .workspace-add-note svg,.workspace-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8} .workspace-add-note:hover,.workspace-btn:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--lime) 50%,var(--line))} .workspace-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0 20px} .workspace-metric{padding:14px 15px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--surface-2) 82%,transparent)} .workspace-metric span,.workspace-metric small{display:block;color:var(--muted);font-size:var(--ui-font-caption)} .workspace-metric strong{display:block;margin:3px 0 1px;color:var(--text);font-size:1.55rem;line-height:1} .workspace-metric.is-alert{border-color:color-mix(in srgb,#e3b341 48%,var(--line));background:color-mix(in srgb,#e3b341 6%,var(--surface-2))} .workspace-agenda-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px} .workspace-agenda-toolbar strong{font-size:var(--ui-font-label);color:var(--text)} .workspace-filter-reset{border:0;background:none;color:var(--emerald);font:inherit;font-size:var(--ui-font-caption);font-weight:760;cursor:pointer;padding:5px 0} .workspace-agenda-list{display:grid;gap:9px} .workspace-note{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) 28px;gap:11px;align-items:start;padding:13px 13px 13px 11px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--surface-2) 74%,transparent)} .workspace-note::before{content:"";position:absolute;left:-1px;top:13px;bottom:13px;width:3px;border-radius:3px;background:var(--emerald);opacity:.65} .workspace-note.priority-high::before{background:#e3b341;opacity:1}.workspace-note.priority-low::before{opacity:.32}.workspace-note.is-overdue::before{background:#dc6b66;opacity:1} .workspace-note-check{width:30px;height:30px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--muted);display:grid;place-items:center;cursor:pointer} .workspace-note-check:hover{border-color:var(--lime);color:var(--lime)}.workspace-note-check svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2} .workspace-note-copy{min-width:0}.workspace-note-copy strong{display:block;color:var(--text);font-size:var(--ui-font-label);line-height:1.35}.workspace-note-copy p{margin:4px 0 0;color:var(--muted);font-size:var(--ui-font-caption);line-height:1.5} .workspace-note-meta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:4px}.workspace-note-meta span{color:var(--muted-2);font-size:.72rem;font-weight:760;letter-spacing:.04em}.workspace-note-meta span+span::before{content:"·";margin-right:7px}.workspace-note-meta .is-overdue{color:#d98580} .workspace-note-delete{width:28px;height:28px;border:0;border-radius:9px;background:transparent;color:var(--muted-2);font-size:1.15rem;cursor:pointer}.workspace-note-delete:hover{background:color-mix(in srgb,#d85e59 10%,transparent);color:#e58b86} .workspace-empty{min-height:128px;padding:20px;border:1px dashed color-mix(in srgb,var(--line) 80%,var(--emerald));border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:color-mix(in srgb,var(--surface-2) 55%,transparent)} .workspace-empty>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;margin-bottom:8px;color:var(--lime);background:color-mix(in srgb,var(--lime) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--lime) 30%,var(--line))}.workspace-empty strong{color:var(--text);font-size:var(--ui-font-label)}.workspace-empty p{margin:4px 0 0;color:var(--muted);font-size:var(--ui-font-caption)} .workspace-month-nav{display:flex;align-items:center;gap:6px}.workspace-month-nav a{height:34px;min-width:34px;padding:0 9px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;color:var(--text);text-decoration:none;background:var(--surface-2);font-weight:760}.workspace-month-nav a:hover{border-color:var(--emerald)}.workspace-month-nav .workspace-month-today{font-size:var(--ui-font-caption)} .workspace-calendar-weekdays,.workspace-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.workspace-calendar-weekdays{margin:20px 0 8px}.workspace-calendar-weekdays span{text-align:center;color:var(--muted-2);font-size:.72rem;font-weight:800} .workspace-calendar-day,.workspace-calendar-blank{aspect-ratio:1/1;min-width:0}.workspace-calendar-day{position:relative;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--muted);font:inherit;font-size:var(--ui-font-caption);font-weight:720;cursor:pointer}.workspace-calendar-day:hover{background:var(--surface-2);border-color:var(--line);color:var(--text)}.workspace-calendar-day.is-today{border-color:color-mix(in srgb,var(--lime) 55%,var(--line));color:var(--text);background:color-mix(in srgb,var(--lime) 7%,var(--surface-2));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--lime) 8%,transparent)}.workspace-calendar-day.has-notes{color:var(--text)}.workspace-calendar-day.is-selected{border-color:var(--emerald);background:color-mix(in srgb,var(--emerald) 9%,var(--surface-2))} .workspace-calendar-dots{position:absolute;left:50%;bottom:4px;transform:translateX(-50%);display:flex;gap:3px}.workspace-calendar-dots b,.workspace-calendar-legend i{width:5px;height:5px;border-radius:50%;background:var(--lime);box-shadow:0 0 8px color-mix(in srgb,var(--lime) 45%,transparent)}.workspace-calendar-dots b.is-done,.workspace-calendar-legend i.is-done{background:var(--muted-2);box-shadow:none} .workspace-calendar-legend{display:flex;gap:14px;margin-top:16px;padding-top:13px;border-top:1px solid var(--line);color:var(--muted);font-size:.72rem}.workspace-calendar-legend span{display:flex;align-items:center;gap:6px} .workspace-note-dialog{width:min(700px,calc(100vw - 28px));padding:0;border:1px solid color-mix(in srgb,var(--emerald) 34%,var(--line));border-radius:22px;background:var(--surface);color:var(--text);box-shadow:0 30px 100px rgba(0,0,0,.45)}.workspace-note-dialog::backdrop{background:rgba(1,8,6,.72);backdrop-filter:blur(6px)}.workspace-note-form{padding:24px}.workspace-note-form header{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px}.workspace-note-form h2{margin:4px 0;font-size:1.4rem}.workspace-note-form header p{margin:0;color:var(--muted);font-size:var(--ui-font-caption)}.workspace-dialog-close{width:38px;height:38px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:var(--muted);font-size:1.3rem;cursor:pointer}.workspace-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.workspace-field{display:grid;gap:7px;margin-bottom:12px}.workspace-field>span{color:var(--text);font-size:var(--ui-font-label);font-weight:720}.workspace-field small{color:var(--muted);font-weight:500}.workspace-field input,.workspace-field select,.workspace-field textarea{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:var(--text);font:inherit;font-size:var(--ui-font-control);padding:0 13px}.workspace-field input,.workspace-field select{min-height:46px}.workspace-field textarea{padding:12px 13px;resize:vertical}.workspace-field input:focus,.workspace-field select:focus,.workspace-field textarea:focus{outline:none;border-color:var(--emerald);box-shadow:0 0 0 3px color-mix(in srgb,var(--emerald) 10%,transparent)}.workspace-note-form footer{display:flex;justify-content:flex-end;gap:9px;margin-top:6px}.workspace-btn.primary{background:var(--lime);color:#07130f;border-color:var(--lime)} /* Global AI */ .nutriva-ai-trigger{position:fixed;right:22px;bottom:20px;z-index:1200;min-height:58px;padding:7px 10px 7px 8px;display:flex;align-items:center;gap:9px;border:1px solid color-mix(in srgb,var(--emerald) 52%,var(--line));border-radius:18px;background:color-mix(in srgb,var(--surface) 92%,transparent);color:var(--text);box-shadow:0 18px 48px rgba(0,0,0,.27),inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(18px);cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.nutriva-ai-trigger:hover{transform:translateY(-2px);border-color:var(--lime);box-shadow:0 22px 60px rgba(0,0,0,.32),0 0 34px color-mix(in srgb,var(--emerald) 10%,transparent)} .nutriva-ai-trigger-copy{text-align:left;display:grid;line-height:1.12}.nutriva-ai-trigger-copy strong{font-size:.84rem}.nutriva-ai-trigger-copy small{margin-top:3px;color:var(--muted);font-size:.68rem}.nutriva-ai-trigger kbd{margin-left:2px;padding:3px 6px;border:1px solid var(--line);border-radius:7px;color:var(--muted-2);background:var(--surface-2);font:inherit;font-size:.62rem} .nutriva-ai-orb{position:relative;width:42px;height:42px;flex:0 0 42px;border-radius:14px;display:grid;place-items:center;color:var(--lime);background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--lime) 18%,transparent),transparent 46%),color-mix(in srgb,var(--emerald) 11%,var(--surface-2));border:1px solid color-mix(in srgb,var(--emerald) 48%,var(--line));overflow:hidden}.nutriva-ai-orb.large{width:48px;height:48px;flex-basis:48px;border-radius:16px}.nutriva-ai-orb i{position:absolute;inset:6px;border:1px solid color-mix(in srgb,var(--lime) 23%,transparent);border-radius:50%;animation:nutriva-ai-spin 8s linear infinite}.nutriva-ai-orb b{font-size:1.15rem;text-shadow:0 0 18px color-mix(in srgb,var(--lime) 80%,transparent)}@keyframes nutriva-ai-spin{to{transform:rotate(360deg)}} .nutriva-ai-backdrop{position:fixed;inset:0;z-index:1300;background:rgba(1,8,6,.58);backdrop-filter:blur(5px)} .nutriva-ai-drawer{position:fixed;right:0;top:0;bottom:0;z-index:1310;width:min(480px,100vw);display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;transform:translateX(102%);transition:transform .26s cubic-bezier(.2,.8,.2,1);background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 97%,var(--emerald) 3%),var(--surface));border-left:1px solid color-mix(in srgb,var(--emerald) 35%,var(--line));box-shadow:-28px 0 80px rgba(0,0,0,.36)}.nutriva-ai-drawer.is-open{transform:translateX(0)} .nutriva-ai-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 18px 15px;border-bottom:1px solid var(--line)}.nutriva-ai-brand{display:flex;align-items:center;gap:11px}.nutriva-ai-brand>div{display:grid}.nutriva-ai-brand span{color:var(--emerald);font-size:.66rem;font-weight:850;letter-spacing:.12em}.nutriva-ai-brand strong{margin-top:2px;font-size:1.1rem}.nutriva-ai-brand small{margin-top:2px;color:var(--muted);font-size:.7rem}.nutriva-ai-close{width:38px;height:38px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:var(--muted);font-size:1.35rem;cursor:pointer}.nutriva-ai-close:hover{color:var(--text);border-color:var(--emerald)} .nutriva-ai-privacy{display:flex;gap:9px;align-items:flex-start;margin:12px 14px 0;padding:10px 11px;border:1px solid color-mix(in srgb,var(--emerald) 24%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--emerald) 5%,var(--surface-2));color:var(--muted);font-size:.72rem;line-height:1.45}.nutriva-ai-privacy svg{width:17px;height:17px;flex:0 0 17px;fill:none;stroke:var(--lime);stroke-width:1.6} .nutriva-ai-quick{display:flex;gap:7px;overflow-x:auto;padding:12px 14px 10px;scrollbar-width:none}.nutriva-ai-quick::-webkit-scrollbar{display:none}.nutriva-ai-quick button{flex:0 0 auto;min-height:34px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--muted);font:inherit;font-size:.72rem;font-weight:700;cursor:pointer}.nutriva-ai-quick button:hover{color:var(--text);border-color:var(--emerald);background:color-mix(in srgb,var(--emerald) 6%,var(--surface-2))} .nutriva-ai-chat{min-height:0;overflow:auto;padding:12px 14px 20px;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth}.nutriva-ai-message{max-width:91%;display:flex;gap:8px;align-items:flex-start}.nutriva-ai-message.user{align-self:flex-end;flex-direction:row-reverse}.nutriva-ai-message>div{padding:11px 12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.nutriva-ai-message.user>div{background:color-mix(in srgb,var(--emerald) 10%,var(--surface-2));border-color:color-mix(in srgb,var(--emerald) 34%,var(--line))}.nutriva-ai-message p{margin:0;color:var(--text);font-size:.84rem;line-height:1.55;white-space:pre-wrap}.nutriva-ai-message small{display:block;margin-top:7px;color:var(--muted-2);font-size:.68rem}.nutriva-ai-avatar{width:28px;height:28px;flex:0 0 28px;border-radius:9px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--emerald) 36%,var(--line));background:color-mix(in srgb,var(--emerald) 9%,var(--surface-2));color:var(--lime);font-size:.8rem}.nutriva-ai-message.is-thinking>div{min-width:86px}.nutriva-ai-thinking{display:flex;gap:4px}.nutriva-ai-thinking i{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:nutriva-ai-pulse 1.1s infinite}.nutriva-ai-thinking i:nth-child(2){animation-delay:.12s}.nutriva-ai-thinking i:nth-child(3){animation-delay:.24s}@keyframes nutriva-ai-pulse{0%,70%,100%{opacity:.25;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}} .nutriva-ai-composer{padding:12px 14px 14px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface) 96%,transparent);display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px}.nutriva-ai-composer textarea{min-height:48px;max-height:140px;resize:none;padding:11px 12px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2);color:var(--text);font:inherit;font-size:.84rem;line-height:1.4}.nutriva-ai-composer textarea:focus{outline:none;border-color:var(--emerald);box-shadow:0 0 0 3px color-mix(in srgb,var(--emerald) 10%,transparent)}.nutriva-ai-composer>button{width:44px;height:44px;align-self:end;border:1px solid var(--lime);border-radius:13px;background:var(--lime);color:#07130f;display:grid;place-items:center;cursor:pointer}.nutriva-ai-composer>button:disabled{opacity:.45;cursor:wait}.nutriva-ai-composer>button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2}.nutriva-ai-composer-foot{grid-column:1/-1;display:flex;justify-content:space-between;color:var(--muted-2);font-size:.64rem} @media(max-width:980px){.workspace-orbit{grid-template-columns:1fr}.workspace-calendar-card{order:-1}.workspace-calendar-grid{max-width:520px}.workspace-metrics{grid-template-columns:repeat(3,1fr)}} @media(max-width:680px){.workspace-orbit{margin:18px 0 24px}.workspace-agenda-card,.workspace-calendar-card{padding:16px;border-radius:19px}.workspace-card-head{display:grid}.workspace-add-note{width:100%}.workspace-metrics{grid-template-columns:1fr}.workspace-form-grid{grid-template-columns:1fr}.workspace-note-form{padding:17px}.workspace-note-form footer{display:grid;grid-template-columns:1fr 1fr}.nutriva-ai-trigger{right:12px;bottom:12px}.nutriva-ai-trigger-copy,.nutriva-ai-trigger kbd{display:none}.nutriva-ai-trigger{padding:7px;border-radius:16px}.nutriva-ai-drawer{width:100vw}.nutriva-ai-quick{padding-left:12px;padding-right:12px}} /* Nutriva 0.12.1 · Note editing + archive */ .workspace-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap} .workspace-archive-open{position:relative} .workspace-action-count{min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:inline-grid;place-items:center;background:color-mix(in srgb,var(--emerald) 16%,var(--surface));border:1px solid color-mix(in srgb,var(--emerald) 28%,var(--line));color:var(--text);font-size:.7rem;font-weight:800} .workspace-note{grid-template-columns:34px minmax(0,1fr) auto} .workspace-note-actions{display:flex;align-items:center;gap:5px} .workspace-note-actions form{margin:0} .workspace-note-action{width:30px;height:30px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted-2);display:grid;place-items:center;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease} .workspace-note-action svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8} .workspace-note-action:hover{transform:translateY(-1px);border-color:var(--line);background:var(--surface);color:var(--text)} .workspace-note-action:last-child:hover{border-color:color-mix(in srgb,var(--emerald) 35%,var(--line));color:var(--emerald)} .workspace-archive-dialog{width:min(1020px,calc(100vw - 28px));max-height:min(82vh,820px);padding:0;border:1px solid color-mix(in srgb,var(--emerald) 34%,var(--line));border-radius:24px;background:var(--surface);color:var(--text);box-shadow:0 34px 110px rgba(0,0,0,.48);overflow:hidden} .workspace-archive-dialog::backdrop{background:rgba(1,8,6,.74);backdrop-filter:blur(7px)} .workspace-archive-shell{display:grid;grid-template-rows:auto auto minmax(0,1fr);max-height:min(82vh,820px)} .workspace-archive-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px 24px 18px;border-bottom:1px solid var(--line)} .workspace-archive-head h2{margin:4px 0 4px;font-size:1.55rem;letter-spacing:-.02em}.workspace-archive-head p{margin:0;color:var(--muted);font-size:var(--ui-font-caption);line-height:1.5} .workspace-history-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px 24px 0}.workspace-history-stats>div{padding:13px 15px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--surface-2) 78%,transparent)}.workspace-history-stats span{display:block;color:var(--muted);font-size:var(--ui-font-caption)}.workspace-history-stats strong{display:block;margin-top:3px;color:var(--text);font-size:1.35rem} .workspace-history-grid{min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px 24px 24px} .workspace-history-section{min-width:0}.workspace-history-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;color:var(--emerald);font-size:var(--ui-font-kicker);font-weight:850;letter-spacing:.09em}.workspace-history-title small{color:var(--muted-2);font-size:var(--ui-font-caption);font-weight:650;letter-spacing:0;text-transform:none} .workspace-history-list{display:grid;gap:8px}.workspace-history-note{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--surface-2) 72%,transparent)}.workspace-history-note.is-done{opacity:.9}.workspace-history-note>div:first-child{min-width:0}.workspace-history-note strong{display:block;color:var(--text);font-size:var(--ui-font-label);line-height:1.35}.workspace-history-note p{margin:4px 0 0;color:var(--muted);font-size:var(--ui-font-caption);line-height:1.45}.workspace-history-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.workspace-history-actions form{margin:0}.workspace-btn.compact{min-height:34px;padding:0 10px;border-radius:10px;font-size:var(--ui-font-caption)} .workspace-history-empty{min-height:92px;padding:16px;border:1px dashed var(--line);border-radius:14px;display:grid;place-items:center;text-align:center;color:var(--muted);font-size:var(--ui-font-caption);background:color-mix(in srgb,var(--surface-2) 55%,transparent)} @media(max-width:760px){.workspace-head-actions{width:100%;justify-content:stretch}.workspace-head-actions>.workspace-btn,.workspace-head-actions>.workspace-add-note{flex:1}.workspace-history-grid{grid-template-columns:1fr}.workspace-history-stats{grid-template-columns:1fr}.workspace-archive-head{padding:18px}.workspace-history-stats{padding:12px 18px 0}.workspace-history-grid{padding:14px 18px 18px}.workspace-history-note{grid-template-columns:1fr}.workspace-history-actions{justify-content:flex-start}} /* Nutriva Workspace 0.12.1.1 · Orbit Time Control START */ .workspace-time-control { display:grid; grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr); align-items:center; gap:8px; width:100%; min-width:0; } .workspace-time-control .orbit-select-control { width:100%; min-width:0; } .workspace-time-control .orbit-select-button { width:100%; min-width:0; min-height:46px; } .workspace-time-control .orbit-select-button-label { font-variant-numeric:tabular-nums; } .workspace-time-separator { display:flex; align-items:center; justify-content:center; color:var(--muted); font-size:1.05rem; font-weight:800; line-height:1; } .workspace-time-control select { min-width:0; } @media(max-width:680px) { .workspace-time-control { grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr); gap:6px; } } /* Nutriva Workspace 0.12.1.1 · Orbit Time Control END */ /* Nutriva Workspace 0.12.1.4 · Notes temporal status START */ /* Godzina w Najbliższe jest pełnoprawną informacją, nie mikrotekstem */ .workspace-note-meta .workspace-note-time { display:inline-flex; align-items:center; gap:5px; padding:2px 7px; border:1px solid color-mix(in srgb,var(--emerald) 28%,var(--line)); border-radius:999px; background:color-mix(in srgb,var(--emerald) 7%,var(--surface-2)); color:var(--text); font-size:.76rem; font-weight:800; letter-spacing:.025em; font-variant-numeric:tabular-nums; } .workspace-note-meta .workspace-note-time::before { content:"◷"; color:var(--lime); font-size:.82rem; } /* Niewykonane zadanie po terminie */ .workspace-note.is-overdue { border-color:color-mix(in srgb,#e37068 44%,var(--line)); background: linear-gradient( 105deg, color-mix(in srgb,#d75e59 9%,var(--surface-2)), color-mix(in srgb,var(--surface-2) 93%,transparent) ); box-shadow: 0 0 0 1px color-mix(in srgb,#d75e59 5%,transparent), 0 10px 32px color-mix(in srgb,#d75e59 7%,transparent); } .workspace-note.is-overdue .workspace-note-check { border-color:color-mix(in srgb,#e37068 36%,var(--line)); } .workspace-note.is-overdue .workspace-note-meta .is-overdue { display:inline-flex; align-items:center; gap:5px; color:#f0958e; font-weight:850; } .workspace-note.is-overdue .workspace-note-meta .is-overdue::before { content:"!"; display:grid; place-items:center; width:15px; height:15px; border:1px solid currentColor; border-radius:50%; font-size:.62rem; line-height:1; } /* Dzień kalendarza z niewykonanym zadaniem po terminie */ .workspace-calendar-day.has-overdue, .workspace-calendar-day.is-today.has-overdue { border-color:color-mix(in srgb,#e37068 60%,var(--line)) !important; background:color-mix(in srgb,#d75e59 11%,var(--surface-2)) !important; color:#f2aaa4 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb,#d75e59 10%,transparent), 0 0 18px color-mix(in srgb,#d75e59 8%,transparent); } .workspace-calendar-dots b.is-overdue, .workspace-calendar-legend i.is-overdue { background:#e37068 !important; box-shadow:0 0 8px color-mix(in srgb,#e37068 48%,transparent) !important; } /* Nutriva Workspace 0.12.1.4 · Notes temporal status END */ /* Nutriva Workspace 0.12.1.6 · Hidden state fix START */ /* * Komponenty Workspace mają własne display:flex/grid. * Atrybut hidden musi mieć nad nimi bezwzględny priorytet. */ .workspace-note[hidden], .workspace-empty[hidden], .workspace-history-note[hidden], .workspace-calendar-day[hidden], .nutriva-ai-backdrop[hidden], [data-nutriva-ai] [hidden] { display:none !important; } /* Nutriva Workspace 0.12.1.6 · Hidden state fix END */ /* DASHBOARD CALENDAR PREMIUM START */ /* Karta nie rozciąga się już do wysokości lewej kolumny */ .workspace-calendar-card { align-self: start !important; padding: 20px 20px 18px !important; border-radius: 22px !important; background: radial-gradient( circle at 85% 5%, color-mix(in srgb, var(--emerald) 7%, transparent), transparent 36% ), linear-gradient( 145deg, color-mix(in srgb, var(--surface) 97%, var(--emerald) 3%), color-mix(in srgb, var(--surface-2) 97%, transparent) ) !important; } /* Góra kalendarza */ .workspace-calendar-head { align-items: center !important; gap: 16px !important; } .workspace-calendar-head h3 { margin: 6px 0 0 !important; font-size: 1.16rem !important; font-weight: 780 !important; line-height: 1.15 !important; letter-spacing: -.025em !important; } /* Nawigacja */ .workspace-month-nav { gap: 5px !important; } .workspace-month-nav a { height: 34px !important; min-width: 34px !important; padding: 0 10px !important; border-radius: 11px !important; background: color-mix( in srgb, var(--surface-2) 72%, transparent ) !important; transition: border-color .15s ease, background .15s ease, transform .15s ease !important; } .workspace-month-nav a:hover { transform: translateY(-1px); background: color-mix( in srgb, var(--emerald) 8%, var(--surface-2) ) !important; } .workspace-month-nav .workspace-month-today { padding: 0 12px !important; color: var(--text) !important; font-size: .72rem !important; font-weight: 780 !important; } /* Nazwy dni tygodnia */ .workspace-calendar-weekdays { margin: 17px 0 6px !important; gap: 7px !important; } .workspace-calendar-weekdays span { color: var(--muted-2) !important; font-size: .68rem !important; font-weight: 780 !important; letter-spacing: .035em; } /* Główna siatka */ .workspace-calendar-grid { gap: 7px !important; } /* * Kluczowa zmiana: * usuwamy kwadratowe aspect-ratio 1/1. */ .workspace-calendar-day, .workspace-calendar-blank { aspect-ratio: auto !important; min-width: 0 !important; min-height: 48px !important; height: 48px !important; } /* Zwykły dzień */ .workspace-calendar-day { display: grid !important; place-items: center !important; position: relative; padding: 0 !important; border: 1px solid transparent !important; border-radius: 13px !important; background: transparent !important; color: var(--muted) !important; font-size: .78rem !important; font-weight: 720 !important; transition: background .15s ease, border-color .15s ease, color .15s ease, transform .15s ease !important; } .workspace-calendar-day:hover { transform: translateY(-1px); color: var(--text) !important; border-color: color-mix( in srgb, var(--emerald) 22%, var(--line) ) !important; background: color-mix( in srgb, var(--surface-2) 72%, transparent ) !important; } /* Dzień zawierający notatkę */ .workspace-calendar-day.has-notes { color: var(--text) !important; background: color-mix( in srgb, var(--surface-2) 40%, transparent ) !important; } /* Dzisiaj */ .workspace-calendar-day.is-today { color: var(--lime) !important; border-color: color-mix( in srgb, var(--lime) 48%, var(--line) ) !important; background: color-mix( in srgb, var(--lime) 7%, var(--surface-2) ) !important; box-shadow: inset 0 0 0 1px color-mix( in srgb, var(--lime) 7%, transparent ) !important; } /* Wybrany dzień */ .workspace-calendar-day.is-selected { color: var(--text) !important; border-color: color-mix( in srgb, var(--emerald) 55%, var(--line) ) !important; background: color-mix( in srgb, var(--emerald) 10%, var(--surface-2) ) !important; } /* * Po terminie: * zamiast dużego czerwonego kafla dajemy subtelny alert. */ .workspace-calendar-day.has-overdue, .workspace-calendar-day.is-today.has-overdue { color: var(--text) !important; border-color: color-mix( in srgb, #e37068 30%, var(--line) ) !important; background: color-mix( in srgb, #d75e59 5%, var(--surface-2) ) !important; box-shadow: inset 0 -2px 0 color-mix( in srgb, #e37068 58%, transparent ) !important; } /* Kropki statusów */ .workspace-calendar-dots { left: 50% !important; bottom: 5px !important; gap: 3px !important; transform: translateX(-50%) !important; } .workspace-calendar-dots b, .workspace-calendar-legend i { width: 5px !important; height: 5px !important; } /* Legenda */ .workspace-calendar-legend { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 8px 14px !important; margin-top: 14px !important; padding-top: 12px !important; border-top: 1px solid color-mix( in srgb, var(--line) 82%, transparent ) !important; color: var(--muted) !important; font-size: .68rem !important; } .workspace-calendar-legend span { display: inline-flex !important; align-items: center !important; gap: 6px !important; } /* Tablet */ @media (max-width: 980px) { .workspace-calendar-grid { max-width: none !important; } .workspace-calendar-day, .workspace-calendar-blank { height: 50px !important; } } /* Telefon */ @media (max-width: 680px) { .workspace-calendar-card { padding: 16px !important; border-radius: 19px !important; } .workspace-calendar-head { align-items: flex-start !important; } .workspace-calendar-weekdays { margin-top: 15px !important; gap: 4px !important; } .workspace-calendar-grid { gap: 4px !important; } .workspace-calendar-day, .workspace-calendar-blank { height: 42px !important; min-height: 42px !important; } .workspace-calendar-day { border-radius: 10px !important; font-size: .74rem !important; } } /* DASHBOARD CALENDAR PREMIUM END */ /* DASHBOARD WORK CENTER START */ .workspace-side-stack { display:grid; align-content:start; gap:14px; min-width:0; } .workspace-launcher-tools-card { position:relative; overflow:hidden; padding:19px 20px 18px; border:1px solid color-mix( in srgb, var(--line) 90%, var(--emerald) ); border-radius:22px; background: radial-gradient( circle at 100% 0%, color-mix( in srgb, var(--emerald) 7%, transparent ), transparent 42% ), linear-gradient( 145deg, color-mix( in srgb, var(--surface) 97%, var(--emerald) 3% ), color-mix( in srgb, var(--surface-2) 97%, transparent ) ); box-shadow: 0 18px 55px rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.025); } .workspace-launcher-tools-head h3 { margin:6px 0 3px; color:var(--text); font-size:1.08rem; line-height:1.15; letter-spacing:-.025em; } .workspace-launcher-tools-head p { margin:0; color:var(--muted); font-size:.72rem; line-height:1.45; } .workspace-tool-list { display:grid; gap:7px; margin-top:15px; } .workspace-tool-row { appearance:none; display:grid; grid-template-columns: 38px minmax(0,1fr) auto; align-items:center; gap:10px; width:100%; min-width:0; padding:10px 11px; box-sizing:border-box; border:1px solid var(--line); border-radius:13px; background: color-mix( in srgb, var(--surface-2) 60%, transparent ); color:var(--text); font:inherit; text-align:left; text-decoration:none; cursor:pointer; transition: transform .15s ease, border-color .15s ease, background .15s ease; } .workspace-tool-row:hover { transform:translateY(-1px); border-color: color-mix( in srgb, var(--emerald) 40%, var(--line) ); background: color-mix( in srgb, var(--emerald) 7%, var(--surface-2) ); } .workspace-tool-row.is-primary { border-color: color-mix( in srgb, var(--lime) 24%, var(--line) ); } .workspace-tool-icon { display:grid; place-items:center; width:38px; height:38px; border:1px solid color-mix( in srgb, var(--emerald) 25%, var(--line) ); border-radius:11px; background: color-mix( in srgb, var(--emerald) 7%, var(--surface) ); color:var(--lime); } .workspace-tool-icon svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.8; } .workspace-tool-row > span:nth-child(2) { display:grid; gap:2px; min-width:0; } .workspace-tool-row strong { font-size:.73rem; line-height:1.25; } .workspace-tool-row small { overflow:hidden; color:var(--muted); font-size:.62rem; line-height:1.35; white-space:nowrap; text-overflow:ellipsis; } .workspace-tool-row > b { min-width:28px; color:var(--lime); font-size:1rem; text-align:center; } .workspace-tool-row > em { min-width:28px; padding:6px 7px; border:1px solid var(--line); border-radius:9px; color:var(--text); background: color-mix( in srgb, var(--surface) 76%, transparent ); font-size:.66rem; font-style:normal; font-weight:800; text-align:center; } /* Na tabletach prawa kolumna przechodzi nad Mój dzień. */ @media (max-width:980px) { .workspace-side-stack { grid-column:1; grid-row:1; } .workspace-agenda-card { grid-column:1; grid-row:2; } } @media (max-width:680px) { .workspace-launcher-tools-card { padding:16px; border-radius:19px; } .workspace-tool-row { grid-template-columns: 36px minmax(0,1fr) auto; } .workspace-tool-icon { width:36px; height:36px; } } /* DASHBOARD WORK CENTER END */ /* NEW NOTE PRIMARY CTA START */ .workspace-tool-row.is-primary { position: relative; overflow: hidden; min-height: 64px !important; border-color: color-mix( in srgb, var(--lime) 58%, var(--emerald) ) !important; background: linear-gradient( 115deg, color-mix( in srgb, var(--emerald) 23%, var(--surface-2) ), color-mix( in srgb, var(--lime) 10%, var(--surface-2) ) ) !important; box-shadow: 0 8px 24px color-mix( in srgb, var(--lime) 8%, transparent ), inset 0 1px 0 rgba(255,255,255,.05) !important; } /* subtelny świetlny akcent po prawej */ .workspace-tool-row.is-primary::after { content: ""; position: absolute; width: 120px; height: 120px; right: -55px; top: -55px; border-radius: 50%; background: radial-gradient( circle, color-mix( in srgb, var(--lime) 18%, transparent ), transparent 68% ); pointer-events: none; } /* ikona + */ .workspace-tool-row.is-primary .workspace-tool-icon { width: 42px !important; height: 42px !important; border-color: color-mix( in srgb, var(--lime) 65%, var(--emerald) ) !important; background: color-mix( in srgb, var(--lime) 13%, var(--surface) ) !important; color: var(--lime) !important; box-shadow: 0 0 18px color-mix( in srgb, var(--lime) 12%, transparent ) !important; } /* tytuł CTA */ .workspace-tool-row.is-primary strong { color: var(--text) !important; font-size: .79rem !important; font-weight: 820 !important; } /* opis */ .workspace-tool-row.is-primary small { color: color-mix( in srgb, var(--text) 70%, var(--muted) ) !important; } /* duży + po prawej */ .workspace-tool-row.is-primary > b { position: relative; z-index: 2; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 10px; border: 1px solid color-mix( in srgb, var(--lime) 55%, transparent ); background: var(--lime); color: #07130f !important; font-size: 1.15rem !important; font-weight: 900 !important; box-shadow: 0 4px 16px color-mix( in srgb, var(--lime) 22%, transparent ); transition: transform .15s ease, box-shadow .15s ease; } /* hover */ .workspace-tool-row.is-primary:hover { transform: translateY(-2px) !important; border-color: var(--lime) !important; background: linear-gradient( 115deg, color-mix( in srgb, var(--emerald) 29%, var(--surface-2) ), color-mix( in srgb, var(--lime) 15%, var(--surface-2) ) ) !important; box-shadow: 0 12px 30px color-mix( in srgb, var(--lime) 12%, transparent ), inset 0 1px 0 rgba(255,255,255,.06) !important; } .workspace-tool-row.is-primary:hover > b { transform: scale(1.07); box-shadow: 0 6px 20px color-mix( in srgb, var(--lime) 30%, transparent ); } /* klawiatura */ .workspace-tool-row.is-primary:focus-visible { outline: none; box-shadow: 0 0 0 3px color-mix( in srgb, var(--lime) 20%, transparent ), 0 12px 30px color-mix( in srgb, var(--lime) 12%, transparent ) !important; } /* NEW NOTE PRIMARY CTA END */ /* NUTRIVA AI PULSE START */ /* * Nutriva AI: * bez skalowania i przemieszczania. * Pulsacja odbywa się wyłącznie kolorem, * ramką, tłem i świetlną poświatą. */ .nutriva-ai-trigger { animation: nutriva-ai-color-pulse 3.2s ease-in-out infinite !important; transform: none !important; will-change: background, border-color, box-shadow; } /* Symbol AI */ .nutriva-ai-trigger .nutriva-ai-avatar { animation: nutriva-ai-icon-color-pulse 3.2s ease-in-out infinite !important; transform: none !important; will-change: background, border-color, color, box-shadow; } /* Nazwa Nutriva AI */ .nutriva-ai-trigger .nutriva-ai-trigger-copy strong { animation: nutriva-ai-title-color-pulse 3.2s ease-in-out infinite !important; } /* ===== GŁÓWNA KARTA ===== */ @keyframes nutriva-ai-color-pulse { 0%, 100% { border-color: color-mix( in srgb, var(--emerald) 48%, var(--line) ); background: color-mix( in srgb, var(--surface) 93%, var(--emerald) 7% ); box-shadow: 0 18px 48px rgba(0,0,0,.27), 0 0 16px color-mix( in srgb, var(--emerald) 8%, transparent ), inset 0 1px 0 rgba(255,255,255,.04); } 35% { border-color: color-mix( in srgb, var(--emerald) 80%, var(--lime) ); background: color-mix( in srgb, var(--surface) 86%, var(--emerald) 14% ); box-shadow: 0 18px 50px rgba(0,0,0,.29), 0 0 26px color-mix( in srgb, var(--emerald) 18%, transparent ), inset 0 1px 0 rgba(255,255,255,.05); } 60% { border-color: color-mix( in srgb, var(--lime) 74%, var(--emerald) ); background: color-mix( in srgb, var(--surface) 84%, var(--lime) 16% ); box-shadow: 0 18px 52px rgba(0,0,0,.30), 0 0 34px color-mix( in srgb, var(--lime) 22%, transparent ), inset 0 1px 0 rgba(255,255,255,.055); } 82% { border-color: color-mix( in srgb, var(--emerald) 68%, var(--lime) ); background: color-mix( in srgb, var(--surface) 89%, var(--emerald) 11% ); box-shadow: 0 18px 50px rgba(0,0,0,.28), 0 0 24px color-mix( in srgb, var(--emerald) 15%, transparent ), inset 0 1px 0 rgba(255,255,255,.045); } } /* ===== IKONA AI ===== */ @keyframes nutriva-ai-icon-color-pulse { 0%, 100% { color: var(--emerald); border-color: color-mix( in srgb, var(--emerald) 45%, var(--line) ); background: color-mix( in srgb, var(--emerald) 9%, var(--surface-2) ); box-shadow: 0 0 14px color-mix( in srgb, var(--emerald) 18%, transparent ); } 50% { color: var(--lime); border-color: color-mix( in srgb, var(--lime) 72%, var(--emerald) ); background: color-mix( in srgb, var(--lime) 17%, var(--surface-2) ); box-shadow: 0 0 24px color-mix( in srgb, var(--lime) 36%, transparent ); } } /* ===== NAPIS NUTRIVA AI ===== */ @keyframes nutriva-ai-title-color-pulse { 0%, 100% { color: var(--text); } 45% { color: color-mix( in srgb, var(--text) 72%, var(--emerald) ); } 60% { color: color-mix( in srgb, var(--text) 55%, var(--lime) ); } } /* Hover nadal bez ruchu */ .nutriva-ai-trigger:hover { animation-play-state: paused !important; transform: none !important; border-color: var(--lime) !important; background: color-mix( in srgb, var(--surface) 82%, var(--lime) 18% ) !important; box-shadow: 0 20px 58px rgba(0,0,0,.32), 0 0 38px color-mix( in srgb, var(--lime) 25%, transparent ), inset 0 1px 0 rgba(255,255,255,.06) !important; } /* Osoby ograniczające animacje */ @media (prefers-reduced-motion: reduce) { .nutriva-ai-trigger, .nutriva-ai-trigger .nutriva-ai-avatar, .nutriva-ai-trigger .nutriva-ai-trigger-copy strong { animation: none !important; } } /* NUTRIVA AI PULSE END */ /* ========================================================================== LIGHT THEME: WORKSPACE & AI ("Soft Sage Office") ========================================================================== */ html[data-theme="light"] .workspace-agenda-card, html[data-theme="light"] .workspace-calendar-card, html[data-theme="light"] .workspace-launcher-tools-card { background: #ffffff !important; border: 1px solid rgba(20, 50, 35, 0.09) !important; box-shadow: 0 2px 8px rgba(18, 42, 28, 0.04), 0 12px 28px rgba(18, 42, 28, 0.04) !important; } html[data-theme="light"] .workspace-orbit::before { background: linear-gradient(135deg, rgba(21, 128, 61, 0.06), transparent 45%, rgba(22, 163, 74, 0.04)) !important; } html[data-theme="light"] .workspace-card-head h2, html[data-theme="light"] .workspace-calendar-head h3, html[data-theme="light"] .workspace-launcher-tools-head h3 { color: #111e16 !important; } html[data-theme="light"] .workspace-card-head p, html[data-theme="light"] .workspace-calendar-head p, html[data-theme="light"] .workspace-launcher-tools-head p { color: #52675b !important; } html[data-theme="light"] .workspace-metric { background: #f7faf6 !important; border: 1px solid rgba(20, 50, 35, 0.08) !important; } html[data-theme="light"] .workspace-metric strong { color: #111e16 !important; } html[data-theme="light"] .workspace-metric span, html[data-theme="light"] .workspace-metric small { color: #52675b !important; } html[data-theme="light"] .workspace-agenda-toolbar strong { color: #111e16 !important; } html[data-theme="light"] .workspace-note { background: #ffffff !important; border: 1px solid rgba(20, 50, 35, 0.09) !important; box-shadow: 0 1px 3px rgba(18, 42, 28, 0.03) !important; } html[data-theme="light"] .workspace-note:hover { background: #f8faf7 !important; border-color: rgba(21, 128, 61, 0.28) !important; } html[data-theme="light"] .workspace-note-copy strong { color: #111e16 !important; } html[data-theme="light"] .workspace-note-copy p { color: #4e6357 !important; } html[data-theme="light"] .workspace-note-meta span { color: #6a8274 !important; } html[data-theme="light"] .workspace-calendar-weekdays span { color: #6a8274 !important; } html[data-theme="light"] .workspace-calendar-day { color: #3b5044 !important; } html[data-theme="light"] .workspace-calendar-day:hover { background: #eaf3ea !important; color: #111e16 !important; } html[data-theme="light"] .workspace-calendar-day.is-today { background: #e6f4e8 !important; border-color: #15803d !important; color: #15803d !important; font-weight: 800 !important; } html[data-theme="light"] .workspace-calendar-legend { border-top-color: rgba(20, 50, 35, 0.08) !important; color: #52675b !important; } html[data-theme="light"] .workspace-tool-row { background: #f7faf6 !important; border: 1px solid rgba(20, 50, 35, 0.08) !important; color: #111e16 !important; } html[data-theme="light"] .workspace-tool-row:hover { background: #edf5ec !important; border-color: rgba(21, 128, 61, 0.3) !important; } html[data-theme="light"] .workspace-tool-row span strong { color: #111e16 !important; } html[data-theme="light"] .workspace-tool-row span small { color: #52675b !important; } html[data-theme="light"] .workspace-tool-row.is-primary { background: #e8f5e9 !important; border-color: rgba(21, 128, 61, 0.35) !important; } html[data-theme="light"] .workspace-note-dialog, html[data-theme="light"] .workspace-archive-dialog { background: #ffffff !important; color: #111e16 !important; border: 1px solid rgba(20, 50, 35, 0.12) !important; box-shadow: 0 24px 60px rgba(18, 42, 28, 0.16) !important; } html[data-theme="light"] .workspace-note-dialog::backdrop, html[data-theme="light"] .workspace-archive-dialog::backdrop { background: rgba(18, 42, 28, 0.35) !important; } html[data-theme="light"] .nutriva-ai-trigger { background: rgba(255, 255, 255, 0.95) !important; border: 1px solid rgba(21, 128, 61, 0.3) !important; color: #111e16 !important; box-shadow: 0 8px 24px rgba(18, 42, 28, 0.10) !important; } html[data-theme="light"] .nutriva-ai-drawer { background: #ffffff !important; border-left: 1px solid rgba(20, 50, 35, 0.10) !important; box-shadow: -12px 0 40px rgba(18, 42, 28, 0.12) !important; } html[data-theme="light"] .nutriva-ai-drawer .nutriva-ai-head { border-bottom: 1px solid rgba(20, 50, 35, 0.08) !important; } html[data-theme="light"] .nutriva-ai-drawer .nutriva-ai-brand strong { color: #111e16 !important; } html[data-theme="light"] .nutriva-ai-drawer .nutriva-ai-message>div { background: #f4f7f3 !important; color: #111e16 !important; border-color: rgba(20, 50, 35, 0.08) !important; } html[data-theme="light"] .nutriva-ai-drawer .nutriva-ai-message.user>div { background: #e6f4e8 !important; border-color: rgba(21, 128, 61, 0.25) !important; color: #111e16 !important; } html[data-theme="light"] .nutriva-ai-composer { border-top: 1px solid rgba(20, 50, 35, 0.08) !important; background: #ffffff !important; } html[data-theme="light"] .nutriva-ai-composer textarea { background: #f4f7f3 !important; color: #111e16 !important; border-color: rgba(20, 50, 35, 0.12) !important; }