/* Preview-only tactile studies: warm stone, layered paper and restrained teal glass. */
.overview-card{background:#f7f4ec;border-color:#d2d2c8;box-shadow:0 2px 4px #14352b0a,0 13px 25px #173e2a0c;outline-offset:3px}
.overview-card:is(:hover,:focus-visible,.is-active){border-color:#7aa99b;box-shadow:0 4px 8px #173e2a12,0 20px 32px #173e2a1c}
.overview-card:focus-visible{outline:3px solid #0a8b80}
.card-art.live,.card-art.c-inbox,.card-art.c-docs,.card-art.c-calls,.card-art.c-rep,.card-art.c-leads,.card-art.c-know{background:radial-gradient(ellipse at 75% 8%,#faf8f0 0%,#faf8f000 51%),linear-gradient(145deg,#e7e3d8 0%,#d9d7ca 55%,#cacdc1 100%);position:relative;border-bottom:1px solid #c4cbbd}
.card-art.live:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(123deg,#fff8 0%,#ffffff00 30%,#173e2a07 75%,#173e2a18 100%);mix-blend-mode:soft-light}
.card-art.live .cbg{fill:transparent}
.card-art.live .paper,.card-art.live .sheet,.card-art.live .paper2,.card-art.live .node{fill:#fcf9f0;stroke:#c5cbbd}
.card-art.live .row{fill:#f8f6ee;stroke:#d7dbcf}
.card-art.live .paper,.card-art.live .paper2,.card-art.live .sheet,.card-art.live .node,.card-art.live .pnl,.card-art.live .tmpl{filter:drop-shadow(0 3px 3px #2447371b)}
.card-art.live .t-teal,.card-art.live .tl,.card-art.live .bar-hi,.card-art.live .pin,.card-art.live .hub{fill:#0b887f}
.card-art.live .av0,.card-art.live .dot-t,.card-art.live .wb,.card-art.live .pulse{fill:#4dd6c8}
.card-art.live .ln{fill:#d6dbd1}.card-art.live .ln.dk{fill:#789e91}
.card-art.live .sheet{stroke-width:1.2}.card-art.live .shadow{fill:#1b483021}
.card-art.live .dark{fill:#0d453d}.card-art.live .tipbg,.card-art.live .hubc{fill:#0a3a34}
.card-art.live .axis,.card-art.live .rc,.card-art.live .orbit{stroke:#aebeb1}
.card-art.live .lbl,.card-art.live .nlx{fill:#123d36}.card-art.live .lbl.lt{fill:#e7f4eb}
.card-art.live .stp,.card-art.live .stp2{stroke:#0b887f}.card-art.live .stx{fill:#0b887f}
.card-art.live svg{transform:none!important;transition:none}
/* The existing six semantic SVG sequences play only when someone engages a card. */
.motion-on .overview-card:not(.is-active) .card-art.live *{animation:none!important}
@media(hover:none){.overview-card{cursor:pointer}}
@media(prefers-reduced-motion:reduce){.motion-on .overview-card .card-art.live *{animation:none!important}.card-art.live svg{transform:none!important}.overview-card:is(:hover,:focus-visible,.is-active){transform:none;box-shadow:0 2px 4px #14352b0a,0 13px 25px #173e2a0c}}