/* CredTech final polish. Brand corrections approved by Yas. */
:root{--brand-yellow:#ffd84a;--lime:#d6ff3f;--violet:#b7a0ec;--violet-ink:#34284b}
.brand-symbol{color:var(--brand-yellow);filter:none;flex-shrink:0}
.brand:hover .brand-symbol{filter:drop-shadow(0 0 7px #ffd84a22)}
.ct-mark{stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.stage-emblem{color:#d6ff3f;background:#d6ff3f0b;border-color:#d6ff3f20}
.stage-corner{display:flex;gap:4px;align-items:center;right:24px;bottom:22px}
.stage-corner i{display:block;width:4px;height:4px;border-radius:50%;background:#d6ff3f;opacity:.85}
.stage-corner i:nth-child(2){width:3px;height:3px;opacity:.35}.stage-corner i:nth-child(3){width:2px;height:2px;opacity:.18}
.notebook:before{background:linear-gradient(160deg,#e4ff87,#b9dc45);box-shadow:none}
.date-chip strong{color:var(--lime)}
.date-chip{color:var(--lime);border-color:#d6ff3f1e;background:#d6ff3f04}
.note-insight{background:linear-gradient(132deg,#c6aff7,#b49cE8 60%,#aba0dc);border-color:#d8c8f5;border-top-color:#ece2fc}
.note-insight h3{color:var(--violet-ink)}
.note-insight .insight-spark .icon{color:#59417b60;stroke-width:1.2}
.insight-step:first-child{background:#d6ff3f;color:#273019;border-color:#e8ffac}
.user-circle{background:linear-gradient(135deg,#e2ff82,#d0ed67);color:#252e14;box-shadow:0 0 0 4px #d6ff3f04;border-color:#e0fc9830}
.task-accent-0 .task-check{color:var(--lime);border-color:#d6ff3f25;background:#d6ff3f08}
.task-accent-1 .task-check{color:#bea9ef;border-color:#bea9ef29;background:#bea9ef09}
.task-accent-2 .task-check{color:#c1e984;border-color:#c1e98422;background:#c1e98408}
.command-orb{color:#d6ff3f;background:#d6ff3f0c}
.scene-label .dot-signal{box-shadow:0 0 7px #d6ff3f30}
.scene-tiny-note{pointer-events:none}.hint-touch{display:none}
.dot-canvas{will-change:transform;transform-origin:50% 63%;cursor:grab;position:relative;z-index:1}
.dot-canvas:focus-visible{outline:2px solid #d6ff3f;outline-offset:-9px;box-shadow:0 0 0 4px #d6ff3f12}
.dot-contact-shadow{position:absolute;left:28%;bottom:9%;width:44%;height:9%;border-radius:50%;background:radial-gradient(ellipse,#03060345,transparent 70%);filter:blur(2px);pointer-events:none;transform-origin:50% 50%;z-index:0}
.dot-main[data-motion="following"]{filter:drop-shadow(0 10px 17px #d6ff3f19)}
.dot-main:has(.dot-canvas:active){filter:drop-shadow(0 13px 20px #d6ff3f17)}
.dock button .ct-mark{transition:transform .18s ease,opacity .18s ease}
.dock button:hover .ct-mark{transform:translateY(-1px)}
.btn.primary{box-shadow:inset 0 1px 0 #ffffff65,0 3px 15px #d6ff3f09}
.color-swatch.active{box-shadow:0 0 0 2px #141820,0 0 0 4px #d6ff3f}
body.reduced-motion .dot-canvas{will-change:auto;transform:none!important}
body.reduced-motion .dot-contact-shadow{transform:none!important}
@media(prefers-reduced-motion:reduce){.dot-canvas{will-change:auto;transform:none!important}.dot-contact-shadow{transform:none!important}.dock button:hover .ct-mark{transform:none}}
@media(pointer:coarse){.hint-pointer{display:none}.hint-touch{display:inline}.dot-canvas{touch-action:pan-y}}
@media(max-width:600px){.brand-symbol{width:26px;height:26px}.stage-corner{right:15px;bottom:15px}.avatar-hint{font-size:10px;flex-wrap:wrap;justify-content:center;row-gap:4px}}
