/* MAVEN-WS-BUILD-CENTER-1028 · fs-mwc-dock-1028.css — the BUILT Maven dock (launcher · side panel · pop-up · phone sheet) in the Sidekick family, exactly as the approved MAVEN-WORKSPACE-DESIGN-1028 pages/maven-dock.html (side panel) and maven-dock-bubble.html (pop-up) draw it, from the same kit (tokens.css · kit.css .btn/.chip/.input · face.css + avatar.css .face.avd · sk.css .panel/.bub/.ask/.composer/.holdbtn/.tline · memory-inline.css .mnote · mw.css .mvnp). RE-SKIN ONLY: no geometry the dock owns changes (popup position/size/drag, side width/edge, the phone sheet of fs-maven-phone-0919.css, the launcher's corner from fs-pages.css), no hook, no behaviour. Loaded after the dock's own sheets; every rule is scoped to .mvn-panel.mvn-panel / .mvn-fab.mvn-fab (+ :not(#mwc-z): the shell's html body .fp-act .v-btn:not(…)×6 catalog reaches .mvn-tab.on at (0,8,2), so the skin needs an id weight) and carries !important because fs-maven.bb673c07.css does. Lucide; 8 px; no pills. */ /* ── tokens (kit/tokens.css values; dark = html.fs-dark) ── */ .mvn-panel,.mvn-fab{--mw-page:#f4f5fb;--mw-surface:#ffffff;--mw-surface-2:#f8f9fd;--mw-sunk:#eff0f7;--mw-line:#e6e8ef;--mw-line-2:#dbdbea;--mw-ink:#16171f;--mw-ink-2:#3f4054;--mw-ink-3:#62647c; --mw-violet:#615dfa;--mw-violet-ink:#4f4ae6;--mw-violet-soft:#ebeafe;--mw-primary:#ccccff;--mw-primary-hover:#bdbdfb;--mw-on-primary:#16171f;--mw-pink:#e5006f;--mw-cta-hover:#c90062; --mw-green:#0d7a43;--mw-green-dot:#16a34a;--mw-green-soft:#e4f5ea;--mw-amber:#8a5300;--mw-amber-soft:#fdf1dc;--mw-red:#b42318;--mw-seg-active:#eae9fd;--mw-rail-active-ink:#514dfa; --mw-brand-grad:linear-gradient(90deg,#ff2e93 0%,#b23cf5 45%,#6d5cff 100%);--mw-avd-grad:linear-gradient(to bottom right,#41efff,#615dfa);--mw-shadow:0 1px 2px rgba(22,23,31,.04),0 8px 24px -12px rgba(40,36,120,.12); --mw-shadow-pop:0 30px 60px -24px rgba(22,23,31,.45);--mw-font:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif} html.fs-dark .mvn-panel,html.fs-dark .mvn-fab{--mw-page:#0c1320;--mw-surface:#1d1e2b;--mw-surface-2:#191a26;--mw-sunk:#151622;--mw-line:#2a2b3e;--mw-line-2:#33344b;--mw-ink:#f3f3f8;--mw-ink-2:#c5c6d6;--mw-ink-3:#9b9db4; --mw-violet-ink:#9a97ff;--mw-violet-soft:#1a2041;--mw-primary:#ccccff;--mw-primary-hover:#dcdcff;--mw-on-primary:#16171f;--mw-pink:#ff2e93;--mw-cta-hover:#ec1580;--mw-green:#4ade80;--mw-green-dot:#22c55e;--mw-green-soft:#12301f; --mw-amber:#f5b54a;--mw-amber-soft:#30240f;--mw-red:#ff8a80;--mw-seg-active:#272847;--mw-rail-active-ink:#a3a0ff;--mw-shadow-pop:0 30px 60px -24px rgba(0,0,0,.6)} /* ── the face (face.css + avatar.css .face.avd: the gradient hexagon, the bird on WHITE in both themes; every working state; never spins) ── */ @property --fs-arc{syntax:"";inherits:false;initial-value:0deg} @keyframes mwc-darc{to{--fs-arc:360deg}} @keyframes mwc-dbreathe{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}} html body .mvn-panel.mvn-panel:not(#mwc-z) .face{--s:34px;position:relative!important;width:var(--s)!important;height:calc(var(--s)*1.1)!important;display:grid!important;place-items:center!important;flex:none!important;--rw:max(3px,calc(var(--s)*.05))} html body .mvn-panel.mvn-panel:not(#mwc-z) .face .ring,html body .mvn-panel.mvn-panel:not(#mwc-z) .face .core{position:absolute!important;inset:0;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .face .ring{background:var(--mw-avd-grad)!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .face .core{inset:var(--rw)!important;background:#fff!important;display:grid!important;place-items:center!important;overflow:hidden!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .face .core img.bird{width:calc(var(--s)*.74)!important;height:auto!important;display:block!important;max-width:none!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .face .dot{position:absolute;right:-2px;bottom:3px;width:10px;height:10px;border-radius:3px;background:var(--mw-amber);border:2px solid var(--mw-surface);display:none} html body .mvn-panel.mvn-panel:not(#mwc-z) .face[data-state=listening] .ring{background:var(--mw-violet)!important;animation:mwc-dbreathe 2.8s ease-in-out infinite} html body .mvn-panel.mvn-panel:not(#mwc-z) .face[data-state=thinking] .ring{background:conic-gradient(from var(--fs-arc),#615dfa 0 25%,#41efff 25% 26%,color-mix(in oklab,#615dfa 22%,var(--mw-line-2)) 26% 100%)!important;animation:mwc-darc 3.6s linear infinite} html body .mvn-panel.mvn-panel:not(#mwc-z) .face[data-state=answering] .ring{background:var(--mw-brand-grad)!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .face[data-state=awaiting_approval] .ring{background:var(--mw-amber)!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .face[data-state=awaiting_approval] .dot{display:block} html body .mvn-panel.mvn-panel:not(#mwc-z) .face[data-state=acting] .ring{background:conic-gradient(from var(--fs-arc),var(--mw-green-dot) 0 60%,var(--mw-green-soft) 60% 100%)!important;animation:mwc-darc 6s linear infinite} html body .mvn-panel.mvn-panel:not(#mwc-z) .face[data-state=error] .ring{background:var(--mw-red)!important} @media (prefers-reduced-motion:reduce){html body .mvn-panel.mvn-panel:not(#mwc-z) .face .ring{animation:none!important;transform:none!important}html body .mvn-panel.mvn-panel:not(#mwc-z) .face[data-state=thinking] .ring{background:var(--mw-violet)!important}} /* ── the panel surface (.panel, .mvnp) — the dock keeps its own geometry ── */ html body .mvn-panel.mvn-panel:not(#mwc-z){background:var(--mw-surface)!important;color:var(--mw-ink)!important;border:1px solid var(--mw-line-2)!important;border-radius:12px!important;box-shadow:var(--mw-shadow-pop)!important;font-family:var(--mw-font)!important;font-size:14px!important;line-height:1.45!important} html body .mvn-panel.mvn-panel:not(#mwc-z).mvn-side{border-radius:0!important;border-width:0 0 0 1px!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-hd{display:flex!important;align-items:center!important;gap:10px!important;padding:12px 14px!important;border-bottom:1px solid var(--mw-line)!important;background:var(--mw-surface)!important;min-height:0!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-hd .id b{display:block!important;font-size:14px!important;font-weight:700!important;color:var(--mw-ink)!important;line-height:20.3px!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-hd .id small{display:block!important;font-size:11.5px!important;line-height:20.3px!important;color:var(--mw-ink-3)!important;font-weight:400!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-hd .id small::before{content:none!important;display:none!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-hd button:not(.mvn-x){color:var(--mw-ink-3)!important;background:none!important;border:0!important;padding:4px!important;border-radius:6px!important;width:auto!important;height:auto!important;min-width:0!important;display:inline-grid!important;place-items:center!important;box-shadow:none!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-hd button:not(.mvn-x):hover{color:var(--mw-ink)!important;background:var(--mw-sunk)!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-hd button:not(.mvn-x) svg{width:15px!important;height:15px!important} html body .mvn-panel.mvn-panel:not(#mwc-z).mvn-side .mvn-hd [data-mvn-mode]{background:var(--mw-seg-active)!important;color:var(--mw-rail-active-ink)!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-hd .mwc-dface{margin:0!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-hd > button:first-of-type{margin-left:auto!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-hd > button + button{margin-left:-10px!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-hd > button.mvn-x{margin-left:-6px!important} /* the background row (side panel only, as maven-dock.html) */ html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-pbg{display:none!important} html body .mvn-panel.mvn-panel:not(#mwc-z).mvn-side .mvn-pbg{display:flex!important;justify-content:flex-end!important;padding:6px 10px!important;border-bottom:1px solid var(--mw-line)!important;background:var(--mw-surface)!important;position:relative!important;z-index:4!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mwc-dbgpick{position:relative;display:inline-flex} html body .mvn-panel.mvn-panel:not(#mwc-z) .mwc-dbgbtn{display:inline-flex!important;align-items:center!important;gap:7px!important;height:28px!important;padding:0 10px!important;border:1px solid var(--mw-line-2)!important;border-radius:8px!important;background:var(--mw-surface)!important;color:var(--mw-ink-2)!important;font:600 12.5px var(--mw-font)!important;cursor:pointer} html body .mvn-panel.mvn-panel:not(#mwc-z) .mwc-dbgbtn:hover{background:var(--mw-sunk)!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mwc-dbgbtn svg{width:14px!important;height:14px!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mwc-dbgmenu{display:none;position:absolute;z-index:8;right:0;top:calc(100% + 6px);width:260px;background:var(--mw-surface);border:1px solid var(--mw-line-2);border-radius:12px;box-shadow:var(--mw-shadow-pop);padding:6px} html body .mvn-panel.mvn-panel:not(#mwc-z) .mwc-dbgmenu.open{display:block} html body .mvn-panel.mvn-panel:not(#mwc-z) .mwc-cg{display:block;padding:4px 8px 6px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--mw-ink-3);font-weight:700} html body .mvn-panel.mvn-panel:not(#mwc-z) .mwc-dbgo{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;padding:7px 8px!important;border:0!important;border-radius:8px!important;background:none!important;color:var(--mw-ink)!important;text-align:left!important;cursor:pointer;font:500 13px var(--mw-font)!important;height:auto!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mwc-dbgo:hover{background:var(--mw-sunk)!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mwc-dbgo.on{background:var(--mw-seg-active)!important;color:var(--mw-rail-active-ink)!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mwc-dbgo b{display:block;font-size:13px;font-weight:600} html body .mvn-panel.mvn-panel:not(#mwc-z) .mwc-dbgo small{display:block;font-size:11.5px;color:var(--mw-ink-3)} html body .mvn-panel.mvn-panel:not(#mwc-z) .mwc-sw8{width:28px;height:22px;border-radius:5px;border:1px solid var(--mw-line-2);display:block;flex:none} html body .mvn-panel.mvn-panel:not(#mwc-z) .mwc-sw8.bg-core-hex{background:radial-gradient(circle at 50% 55%,#23d2e2 0 22%,transparent 23%),conic-gradient(from 200deg,#41efff,#615dfa,#41efff)} html body .mvn-panel.mvn-panel:not(#mwc-z) .mwc-sw8.bg-whoworks{background:radial-gradient(circle at 30% 40%,#615dfa 0 12%,transparent 13%),radial-gradient(circle at 70% 60%,#ff2e93 0 10%,transparent 11%),var(--mw-sunk)} html body .mvn-panel.mvn-panel:not(#mwc-z) .mwc-sw8.bg-nightshift{background:radial-gradient(circle at 25% 35%,#fff 0 4%,transparent 5%),radial-gradient(circle at 65% 55%,#fff 0 4%,transparent 5%),radial-gradient(circle at 45% 75%,#ccccff 0 4%,transparent 5%),#1a2041} html body .mvn-panel.mvn-panel:not(#mwc-z) .mwc-sw8.bg-tide{background:repeating-linear-gradient(170deg,var(--mw-violet-soft) 0 4px,var(--mw-surface) 4px 8px)} html body .mvn-panel.mvn-panel:not(#mwc-z) .mwc-sw8.plain{background:var(--mw-surface)} /* the background frame sits behind the chat (side panel only) */ html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-view[data-v="chat"]{position:relative!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mwc-dbgf{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:0;pointer-events:none;display:block} html body .mvn-panel.mvn-panel:not(#mwc-z) .mwc-dbgf[hidden]{display:none} html body .mvn-panel.mvn-panel:not(#mwc-z):not(.mvn-side) .mwc-dbgf{display:none} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-view[data-v="chat"] .mvn-body{position:relative!important;z-index:1!important} /* ── the tabs (sk.css .panel .tabs) ── */ html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-tabs{display:flex!important;gap:2px!important;padding:6px 10px!important;border-bottom:1px solid var(--mw-line)!important;background:var(--mw-surface)!important;overflow-x:auto} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-tabs::after{content:none!important;display:none!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-tab{display:inline-flex!important;align-items:center!important;gap:6px!important;height:30px!important;padding:0 10px!important;border:0!important;border-radius:8px!important;font:600 12.5px var(--mw-font)!important;color:var(--mw-ink-2)!important;background:transparent!important;box-shadow:none!important;white-space:nowrap!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-tab svg{width:14px!important;height:14px!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-tab:hover{background:var(--mw-sunk)!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-tab.on{background:var(--mw-seg-active)!important;color:var(--mw-rail-active-ink)!important} /* ── the thread (.bd, .bub, .bub.mine, the quiet thinking line) ── */ html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-body{padding:12px 14px!important;display:grid!important;gap:10px!important;align-content:start!important;background:transparent!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-msg{display:block!important;margin:0!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-msg>.av{display:none!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-msg>div{max-width:none!important;margin:0!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-bub{font-size:13.5px!important;line-height:1.5!important;padding:10px 12px!important;border-radius:8px!important;background:var(--mw-surface-2)!important;border:1px solid var(--mw-line)!important;color:var(--mw-ink)!important;box-shadow:none!important;max-width:none!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-bub.me{background:var(--mw-violet-soft)!important;border-color:transparent!important;color:var(--mw-ink)!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-bub.me::before{content:"You";display:flex;font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--mw-ink-3);margin-bottom:3px;font-weight:700} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-bub .mwc-who{display:flex!important;align-items:center!important;gap:6px!important;font-size:11.5px!important;letter-spacing:.04em!important;text-transform:uppercase!important;color:var(--mw-ink-3)!important;margin:0 0 3px!important;font-weight:700!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-bub .mwc-who .face{--s:16px} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-bub a{color:var(--mw-violet-ink)!important;text-decoration:underline!important;text-underline-offset:2px} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-bub.mvn-typing{background:none!important;border:0!important;padding:2px!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mwc-pend{display:flex;align-items:center;gap:8px} html body .mvn-panel.mvn-panel:not(#mwc-z) .mwc-pend .face{--s:16px} html body .mvn-panel.mvn-panel:not(#mwc-z) .tline{display:flex;align-items:center;gap:8px;color:var(--mw-ink-3);font-size:13.5px} html body .mvn-panel.mvn-panel:not(#mwc-z) .tdot{display:inline-block;width:7px;height:7px;border-radius:2px;background:var(--mw-violet);opacity:.5;flex:none;animation:mwc-dsoft 1.8s ease-in-out infinite} html body .mvn-panel.mvn-panel:not(#mwc-z) .tsay{background:linear-gradient(90deg,var(--mw-ink-3) 0%,var(--mw-ink-3) 40%,var(--mw-ink) 50%,var(--mw-ink-3) 60%,var(--mw-ink-3) 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:mwc-dshimmer 2.6s linear infinite} @keyframes mwc-dsoft{0%,100%{opacity:.3}50%{opacity:.75}} @keyframes mwc-dshimmer{from{background-position:100% 0}to{background-position:0 0}} @media (prefers-reduced-motion:reduce){html body .mvn-panel.mvn-panel:not(#mwc-z) .tdot,html body .mvn-panel.mvn-panel:not(#mwc-z) .tsay{animation:none!important}html body .mvn-panel.mvn-panel:not(#mwc-z) .tsay{background:none;-webkit-text-fill-color:currentColor}} /* the intro chips (kit .chip) */ html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-chips{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-top:8px!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-chip{display:inline-flex!important;align-items:center!important;gap:5px!important;height:24px!important;padding:0 9px!important;border-radius:8px!important;font:600 12px var(--mw-font)!important;border:1px solid var(--mw-line-2)!important;color:var(--mw-ink-2)!important;background:var(--mw-surface)!important;white-space:nowrap!important;box-shadow:none!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-chip:hover{background:var(--mw-sunk)!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-chip svg{width:12px!important;height:12px!important} /* tool activity, citations, read aloud, the new-chat note */ html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-acts{display:grid!important;gap:6px!important;margin-top:8px!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-act{display:flex!important;align-items:center!important;gap:8px!important;padding:6px 8px!important;border:1px solid var(--mw-line)!important;border-radius:8px!important;background:var(--mw-surface)!important;font-size:12.5px!important;color:var(--mw-ink-2)!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-act svg{color:var(--mw-green)!important;width:14px!important;height:14px!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-act.err svg{color:var(--mw-amber)!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-cite{border-radius:8px!important;border:1px solid var(--mw-line-2)!important;background:var(--mw-surface)!important;color:var(--mw-ink-2)!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-speak{display:inline-flex!important;align-items:center!important;gap:6px!important;height:28px!important;padding:0 6px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:var(--mw-violet-ink)!important;font:600 12.5px var(--mw-font)!important;box-shadow:none!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-speak:hover{background:var(--mw-violet-soft)!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-newnote{font-size:12.5px!important;color:var(--mw-ink-3)!important} /* the approval card (sk.css .ask) */ html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-card{border:1px solid color-mix(in oklab,var(--mw-amber) 40%,var(--mw-line))!important;border-left:3px solid var(--mw-amber)!important;border-radius:8px!important;background:var(--mw-surface)!important;padding:12px!important;box-shadow:none!important;color:var(--mw-ink)!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-card .ttl{margin:0!important;padding:12px 14px!important;border-bottom:1px solid var(--mw-line)!important;display:flex!important;align-items:center!important;gap:8px!important;font-size:11.5px!important;font-weight:700!important;letter-spacing:.05em!important;text-transform:uppercase!important;color:var(--mw-amber)!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-card .ttl .dot{display:none!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-card .ttl svg{width:14px!important;height:14px!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-card .sub{display:block!important;font-size:14px!important;font-weight:700!important;margin:6px 0 4px!important;color:var(--mw-ink)!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-card .rsn{font-size:12.5px!important;color:var(--mw-ink-2)!important;line-height:1.5!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-card .row{display:flex!important;gap:6px!important;margin-top:10px!important;flex-wrap:wrap!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-card .row button{flex:none!important;width:auto!important;display:inline-flex!important;align-items:center!important;gap:7px!important;height:28px!important;padding:0 10px!important;border-radius:8px!important;font:600 12.5px var(--mw-font)!important;box-shadow:none!important;cursor:pointer} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-card .row .ap{background:var(--mw-pink)!important;color:#fff!important;border:0!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-card .row .ap:hover{background:var(--mw-cta-hover)!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-card .row .ap svg{width:14px!important;height:14px!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-card .row .ch{background:var(--mw-surface)!important;color:var(--mw-ink-2)!important;border:1px solid var(--mw-line-2)!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-card .row .cx{background:transparent!important;color:var(--mw-violet-ink)!important;border:0!important;padding:0 6px!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-card .row button:disabled{opacity:.55!important;cursor:default} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-card .res{font-size:12.5px!important;margin-top:6px!important} /* Noted · Undo (memory-inline.css .mnote) */ html body .mvn-panel.mvn-panel:not(#mwc-z) .mnote{display:inline-flex;align-items:center;gap:6px;width:max-content;height:24px;max-width:100%;margin-top:8px;padding:0 3px 0 8px;border:1px solid var(--mw-line);border-radius:8px;background:var(--mw-surface-2);font-size:12px;font-weight:600;color:var(--mw-ink-2);line-height:1} html body .mvn-panel.mvn-panel:not(#mwc-z) .mnote svg{color:var(--mw-violet-ink);flex:none;width:13px;height:13px} html body .mvn-panel.mvn-panel:not(#mwc-z) .mnote .sep{color:var(--mw-ink-3);font-weight:400} html body .mvn-panel.mvn-panel:not(#mwc-z) .mnote button{height:20px;padding:0 6px;border:0;border-radius:8px;background:none;font:inherit;font-weight:600;color:var(--mw-violet-ink);cursor:pointer} html body .mvn-panel.mvn-panel:not(#mwc-z) .mnote button:hover{background:var(--mw-sunk)} html body .mvn-panel.mvn-panel:not(#mwc-z) .mnote.undone{background:transparent;color:var(--mw-ink-3);padding-right:8px} html body .mvn-panel.mvn-panel:not(#mwc-z) .mnote.undone svg{color:var(--mw-ink-3)} html body .mvn-panel.mvn-panel:not(#mwc-z) .mwc-dnote{font-size:12.5px;color:var(--mw-ink-3);margin-top:6px} /* ── Do · Go · Prompts views: the kit's list rows ── */ html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-scroll{background:transparent!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-sec{font-size:11px!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:var(--mw-ink-3)!important;font-weight:700!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-tile{border:1px solid var(--mw-line)!important;border-radius:8px!important;background:var(--mw-surface)!important;box-shadow:none!important;color:var(--mw-ink)!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-tile:hover{background:var(--mw-sunk)!important;border-color:var(--mw-line-2)!important;transform:none!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-tile .tic{border-radius:8px!important;background:var(--mw-violet-soft)!important;color:var(--mw-violet-ink)!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-tile .ttx small{color:var(--mw-ink-3)!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-stat{border:1px solid var(--mw-line)!important;border-radius:8px!important;background:var(--mw-surface-2)!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-ctxstrip{border-radius:8px!important;background:var(--mw-surface-2)!important;border:1px solid var(--mw-line)!important;color:var(--mw-ink-2)!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-prq{height:34px!important;border:1px solid var(--mw-line-2)!important;border-radius:8px!important;background:var(--mw-surface)!important;color:var(--mw-ink)!important} /* ── the composer (sk.css .composer: the input, Hold to talk, Send) + the trust line ── */ html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-ft{border-top:1px solid var(--mw-line)!important;padding:10px 12px!important;display:grid!important;gap:8px!important;background:var(--mw-surface)!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-input{display:flex!important;gap:8px!important;align-items:center!important;border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important;height:auto!important;border-radius:0!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-input .mwc-dpen{display:none} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-input input{flex:1!important;min-width:0!important;height:40px!important;padding:0 12px 0 36px!important;border:1px solid var(--mw-line-2)!important;border-radius:8px!important;background:var(--mw-surface) url("data:image/svg+xml;utf8,") 12px center/15px no-repeat!important;color:var(--mw-ink)!important;font:400 14px var(--mw-font)!important;box-shadow:none!important;outline:0!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-input input:focus{border-color:var(--mw-violet)!important;box-shadow:0 0 0 3px color-mix(in oklab,var(--mw-violet) 18%,transparent)!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-input .mvn-ptt{height:40px!important;width:auto!important;padding:0 14px!important;border-radius:8px!important;display:inline-flex!important;align-items:center!important;gap:8px!important;background:var(--mw-violet-soft)!important;color:var(--mw-rail-active-ink)!important;border:1px solid color-mix(in oklab,var(--mw-violet) 40%,transparent)!important;flex:none!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-input .mvn-ptt[hidden]{display:none!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-input .mvn-ptt[aria-pressed="true"]{background:var(--mw-violet)!important;color:#fff!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-input .snd{width:32px!important;height:32px!important;flex:0 0 32px!important;border-radius:8px!important;border:0!important;display:inline-grid!important;place-items:center!important;background:var(--mw-primary)!important;color:var(--mw-on-primary)!important;box-shadow:none!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-input .snd:hover{background:var(--mw-primary-hover)!important} html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-input .snd svg{width:15px!important;height:15px!important;color:var(--mw-on-primary)!important} html body .mvn-panel.mvn-panel:not(#mwc-z) button.mvn-trust{font-size:11.5px!important;color:var(--mw-ink-3)!important;display:flex!important;gap:6px!important;align-items:center!important;background:none!important;border:0!important;padding:0!important;text-align:left!important} html body .mvn-panel.mvn-panel:not(#mwc-z) button.mvn-trust svg{color:var(--mw-ink-3)!important;width:13px!important;height:13px!important} /* the side sheet's grab strip and the pop-up's resize grip (mw.css .pedge / .pgrip) */ html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-edge::after{background:var(--mw-line-2)!important} /* ── the launcher, desktop: the hover label, the face words and the "N waiting" chip in the Sidekick family (28 Oct skin, kept). The hexagon itself is NOT skinned here any more — MC-DOCK-HEX-1030 (30 Oct) removed the gradient outline / white bird plate and draws the website's Meet Maven trigger hexagon instead (the block at the end of this file). ── */ @media (min-width:821px){ html body .mvn-fab.mvn-fab:not(#mwc-z) .lbl{color:var(--mw-ink)!important;background:var(--mw-surface)!important;border:1px solid var(--mw-line-2)!important;border-left:0!important;border-radius:0 8px 8px 0!important;box-shadow:var(--mw-shadow)!important;font:700 13px var(--mw-font)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important} html body .mvn-fab.mvn-fab:not(#mwc-z) .lbl .mvn-skst{font-size:11px!important;font-weight:600!important;color:var(--mw-ink-3)!important;opacity:1!important;margin-left:6px} html body .mvn-fab.mvn-fab:not(#mwc-z) .mvn-qd{font-size:11.5px!important;font-weight:700!important;color:var(--mw-amber)!important;background:var(--mw-amber-soft)!important;border-radius:6px!important} } /* the phone sheet's composer, as the mock draws it at 390: the input full width, Hold to talk and Send below */ @media (max-width:640px){html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-input{flex-wrap:wrap!important}html body .mvn-panel.mvn-panel:not(#mwc-z) .mvn-input input{flex:1 1 100%!important}} /* ── MC-DOCK-HEX-1030 (founder's order, 30 Oct): the launcher hexagon IS the website's Meet Maven trigger — every width, both schemes. Measured on the RENDERED focalshift.ai (drawer.css .mvdc-trighex / .mvdc-trigpulse / .mvdc-trighex img, 1280 + 390, light + dark): a 46 px clip-path hexagon, a see-through violet plate rgba(139,135,255,.20) (.26 dark), drop-shadow 0 6 16 rgba(97,93,250,.42) (0 12 26 .52 on hover), the 28 px bird with NO plate of its own (scale 1.08 on hover), and a hexagonal pulse rgba(139,135,255,.35) scale .9→1.35 / opacity .55→0 over 2.6 s ease-out. The 28 Oct skin's gradient outline + white bird plate are gone (that was the look that changed without a ruling). The dock's behaviour is untouched: the badge, "N waiting", Hide for now and the hover label stay; a face state other than idle quickens the SAME violet pulse (the website never recolours its trigger, so neither does the dock), and the coloured state ring (fs-face-1027 .fsf-hexring) is not drawn on the hexagon. ── */ @keyframes mvnHexPulse{0%{transform:scale(.9);opacity:.55}70%{transform:scale(1.35);opacity:0}100%{opacity:0}} html body .mvn-fab.mvn-fab:not(#mwc-z) .mvn-hex{width:46px!important;height:46px!important;flex:0 0 46px!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)!important;background:rgba(139,135,255,.2)!important;background-image:none!important;border:0!important;box-shadow:none!important;filter:drop-shadow(0 6px 16px rgba(97,93,250,.42))!important;transition:filter .2s!important} html.fs-dark body .mvn-fab.mvn-fab:not(#mwc-z) .mvn-hex,html[data-theme="dark"] body .mvn-fab.mvn-fab:not(#mwc-z) .mvn-hex{background:rgba(139,135,255,.26)!important} html body .mvn-fab.mvn-fab:not(#mwc-z):hover .mvn-hex{filter:drop-shadow(0 12px 26px rgba(97,93,250,.52))!important} html body .mvn-fab.mvn-fab:not(#mwc-z) .mvn-hex::before,html body .mvn-fab.mvn-fab:not(#mwc-z) .mvn-hex::after{content:none!important;display:none!important} html body .mvn-fab.mvn-fab:not(#mwc-z) .mvn-hex .mvn-ring{position:absolute!important;inset:0!important;z-index:1!important;display:block!important;pointer-events:none!important;border:0!important;border-radius:0!important;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)!important;background:rgba(139,135,255,.35)!important;animation:mvnHexPulse 2.6s ease-out infinite!important} html body .mvn-fab.mvn-fab:not(#mwc-z) .mvn-hex .mvn-ring::before,html body .mvn-fab.mvn-fab:not(#mwc-z) .mvn-hex .mvn-ring::after{content:none!important;display:none!important;animation:none!important} html body .mvn-fab.mvn-fab:not(#mwc-z) .mvn-hex .fsf-hexring{display:none!important} html body .mvn-fab.mvn-fab:not(#mwc-z)[data-state]:not([data-state="idle"]) .mvn-hex .mvn-ring{animation-duration:1.3s!important} html body .mvn-fab.mvn-fab:not(#mwc-z) .mvn-hex .mvn-ic.mvn-ic{position:relative!important;z-index:2!important;display:block!important;width:28px!important;height:28px!important;max-width:none!important;object-fit:contain!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;transition:transform .25s!important} html body .mvn-fab.mvn-fab:not(#mwc-z):hover .mvn-hex .mvn-ic.mvn-ic{transform:scale(1.08)!important} @media (min-width:821px){html body .mvn-fab.mvn-fab:not(#mwc-z) .mvn-badge{top:-1px!important;left:-7px!important}html body .mvn-fab.mvn-fab:not(#mwc-z) .mvn-dismiss{top:-3px!important;left:35px!important}} @media (prefers-reduced-motion:reduce){html body .mvn-fab.mvn-fab:not(#mwc-z) .mvn-hex .mvn-ring{animation:none!important;display:none!important}}