/* ============================================================
   TraiQ — visuals, LINE-ART theme
   Loaded after visuals.css. Turns every illustration into a flat
   technical drawing: paper stage on a drafting grid, hairline ink
   outlines, no glow, shadow, sheen or tilt — colour kept for data.
   Tokens are scoped to the stage so captions and labels outside it
   keep the page's own colours.
   ============================================================ */
.vz-stage {
    --ink: #0A1628;
    --ink2: #334155;
    --muted: #5B6470;
    --line: rgba(10,22,40,0.22);
    --line2: rgba(10,22,40,0.45);
    --cyan: #0891B2;
    --cyan2: #0891B2;
    --cyan-line: rgba(8,145,178,0.6);
    --cyan-dim: transparent;
    --mag2: #96008F;
    --amber: #B45309;
    --up: #15803D;
    --down: #B91C1C;
    --bg0: #FFFFFF;
    --bg1: #FBFCFD;
    --bg2: #FFFFFF;

    background-color: #FBFCFD;
    background-image:
        linear-gradient(rgba(8,145,178,0.07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(8,145,178,0.07) 1px, transparent 1px);
    background-size: 24px 24px;
    border: 1px solid rgba(10,22,40,0.35);
    border-radius: 6px;
    box-shadow: none;
    color: var(--ink);
}

.vz-stage::before { display: none; }

.vz-glass,
.cov-card,
.vz-callout,
.cov-q,
.vz-tile,
.cov-tile,
.tq-q,
.brief-ghost {
    background: #FFFFFF;
    border: 1px solid rgba(10,22,40,0.55);
    border-radius: 6px;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

.vz-glass::after,
.cov-card::after { display: none; }

.vz-callout,
.cov-q { border-color: #96008F; }

.vz-tile { border-color: #0891B2; }

.vz-bar,
.cov-bar {
    background: transparent;
    border-bottom: 1px solid rgba(10,22,40,0.55);
    color: var(--ink);
}

.cov-bar .t { color: var(--ink); }
.vz-bar .tab,
.cov-bar .tab { background: transparent; }

.vz-stage .qmark {
    background: #FFFFFF;
    border-color: rgba(10,22,40,0.55);
    color: #0891B2;
    border-radius: 3px;
}

/* drawn face-on */
.vz-tilt-l,
.vz-tilt-r,
.cov-card,
.ts-slide,
.tour-viz .vz-tilt-l,
.tour-viz .vz-tilt-r,
.tour-viz .cov-card { transform: none; }

.slide,
.ts-slide {
    box-shadow: none;
    border: 1px solid rgba(10,22,40,0.45);
}

.tc {
    background: #FFFFFF;
    border: 1px solid rgba(10,22,40,0.35);
    border-left-width: 3px;
    border-radius: 4px;
}

.tc.bad { background: #FFFFFF; }

.tq-user {
    background: transparent;
    border-color: #0891B2;
    border-radius: 6px;
}

.brief-lines li {
    background: transparent;
    border-color: rgba(10,22,40,0.3);
    border-radius: 4px;
}

.brief-lines i.r,
.brief-lines i.g,
.brief-lines i.a,
.tq-flag i { box-shadow: none; }

.ret tr.flag td { background: transparent; }

.spec-stamp {
    background: #FFFFFF;
    box-shadow: none;
}

.vz-callout .qh b,
.vz-orb,
.cov-q .qh b {
    background: #96008F;
    box-shadow: none;
}

.vz-stage .vz-chip { background: transparent; }

.pack .vz-glass { border-top-width: 3px; }

/* no glows or soft halos in a drawing */
.vz [filter="url(#f-glow)"],
.vz [filter="url(#f-glow-s)"],
.vz [filter="url(#v1-glow)"],
.vz [filter="url(#v2-glow)"] { display: none; }

.vz-packet { filter: none; }

/* legend dots outside the stage: flat, no halo */
.vz-legend i.c,
.vz-legend i.m { box-shadow: none; }