/* ValixData v36 — 10× Experience Architecture. Proactive, contextual, low-friction. */
.vx36-resume{display:flex;align-items:center;gap:10px;padding:8px 12px;border-top:1px solid rgba(255,255,255,.045);border-bottom:1px solid rgba(255,255,255,.045);background:linear-gradient(90deg,rgba(232,204,118,.028),rgba(255,255,255,.012));overflow:auto;scrollbar-width:none}.vx36-resume::-webkit-scrollbar{display:none}.vx36-resume>span{font:700 7.5px/1 var(--mono,Consolas,monospace);letter-spacing:.11em;color:#d5be79;white-space:nowrap}.vx36-resume strong{font:650 8.5px/1.3 var(--sans,Arial,sans-serif);color:#cbd2dc;white-space:nowrap}.vx36-resume small{font:550 7.5px/1.3 var(--mono,Consolas,monospace);color:#687687;white-space:nowrap}.vx36-resume i{width:5px;height:5px;border-radius:50%;background:#88b695;box-shadow:0 0 0 3px rgba(136,182,149,.08);flex:none}.vx36-resume .vx36-spacer{margin-left:auto}.vx36-brief-count{border:1px solid rgba(232,204,118,.13);border-radius:999px;padding:5px 8px;color:#bda96e!important;background:rgba(232,204,118,.035)}
.vx36-priority{outline:1px solid rgba(232,204,118,.18);outline-offset:-1px;box-shadow:inset 0 1px 0 rgba(232,204,118,.07),0 0 0 1px rgba(232,204,118,.025)}.vx36-priority::after{content:'REVIEW FIRST';position:absolute;right:8px;bottom:7px;font:700 6.5px/1 var(--mono,monospace);letter-spacing:.08em;color:rgba(232,204,118,.56)}.vx27-signal-card{position:relative;cursor:pointer}.vx27-signal-card:focus-visible{outline:1px solid rgba(232,204,118,.6);outline-offset:2px}
.vx36-drawer{position:fixed;z-index:120;right:18px;bottom:18px;width:min(420px,calc(100vw - 28px));max-height:min(70vh,650px);display:none;background:linear-gradient(180deg,rgba(13,23,37,.985),rgba(5,12,21,.99));border:1px solid rgba(232,204,118,.18);border-radius:12px;box-shadow:0 26px 70px rgba(0,0,0,.52);overflow:hidden}.vx36-drawer.open{display:block;animation:vx36in .16s ease-out}@keyframes vx36in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.vx36-drawer-head{display:flex;align-items:flex-start;gap:10px;padding:13px 14px 10px;border-bottom:1px solid rgba(255,255,255,.055)}.vx36-drawer-mark{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;background:rgba(232,204,118,.07);border:1px solid rgba(232,204,118,.16);color:#e2ca81;font:750 8px/1 var(--mono,monospace)}.vx36-drawer-title{min-width:0;flex:1}.vx36-drawer-title span{display:block;color:#708094;font:700 7px/1.2 var(--mono,monospace);letter-spacing:.09em;margin-bottom:4px}.vx36-drawer-title strong{display:block;color:#eef1f5;font:680 12px/1.25 var(--sans,Arial,sans-serif)}.vx36-close{border:0;background:none;color:#6d7a8d;font-size:18px;line-height:1;cursor:pointer}.vx36-drawer-body{padding:12px 14px 14px}.vx36-context-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:11px}.vx36-context-grid div{padding:8px;border:1px solid rgba(255,255,255,.055);border-radius:7px;background:rgba(255,255,255,.018)}.vx36-context-grid span{display:block;color:#617084;font:650 6.7px/1.2 var(--mono,monospace);letter-spacing:.06em;margin-bottom:4px}.vx36-context-grid b{display:block;color:#cdd4de;font:680 9px/1.25 var(--sans,Arial,sans-serif)}.vx36-why{margin:0 0 11px;color:#98a4b3;font:500 9px/1.55 var(--sans,Arial,sans-serif)}.vx36-source{padding:8px 9px;border-left:2px solid rgba(232,204,118,.28);background:rgba(232,204,118,.025);color:#6f7d8e;font:600 7.5px/1.4 var(--mono,monospace)}.vx36-drawer-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:11px}.vx36-drawer-actions button{border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.022);color:#a7b1bd;border-radius:6px;padding:7px 9px;font:650 7.5px/1 var(--mono,monospace);cursor:pointer}.vx36-drawer-actions button:hover,.vx36-drawer-actions button:focus-visible{color:#f0d991;border-color:rgba(232,204,118,.28);outline:none}.vx36-drawer-actions .primary{background:rgba(232,204,118,.075);border-color:rgba(232,204,118,.2);color:#e9d58f}
.vx36-toast{position:fixed;z-index:130;left:50%;bottom:22px;transform:translate(-50%,12px);opacity:0;pointer-events:none;background:#111c29;border:1px solid rgba(232,204,118,.16);border-radius:7px;padding:8px 11px;color:#cfd6df;font:650 8px/1.2 var(--mono,monospace);transition:.18s}.vx36-toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:700px){.vx36-resume{padding-left:9px;padding-right:9px}.vx36-resume small:not(.vx36-brief-count){display:none}.vx36-context-grid{grid-template-columns:1fr}.vx36-drawer{right:10px;bottom:10px;width:calc(100vw - 20px)}}
@media(prefers-reduced-motion:reduce){.vx36-drawer.open{animation:none}.vx36-toast{transition:none}}
@media print{.vx36-resume,.vx36-drawer,.vx36-toast{display:none!important}}

.vx37-help-link,.vx37-drawer-help{color:#8f9bab;text-decoration:none;font:650 7.5px/1.2 var(--mono,monospace);border-bottom:1px dotted rgba(232,204,118,.25);white-space:nowrap}.vx37-help-link:hover,.vx37-drawer-help:hover,.vx37-help-link:focus-visible,.vx37-drawer-help:focus-visible{color:#e5cf8c;outline:none}.vx37-drawer-help{display:inline-flex;align-items:center;padding:7px 2px;margin-left:3px}
