/*  VOLURR — Compliance / Transparency  ·  compliance.css  (scoped under #compliance) */
#compliance{position:fixed;inset:0;z-index:var(--z-overlay,1000);display:none;background:rgba(4,6,11,.62);backdrop-filter:blur(4px) saturate(120%);padding:6vh 14px;overflow:auto}
#compliance.on{display:block;animation:cmf .14s ease}
@keyframes cmf{from{opacity:0}to{opacity:1}}
html[data-theme="light"] #compliance{background:rgba(20,25,40,.36)}
#compliance .cm-panel{width:min(620px,100%);max-height:86vh;margin-inline:auto;display:flex;flex-direction:column;background:var(--cardgrad),var(--card);border:1px solid var(--line);border-radius:var(--rad-lg,14px);box-shadow:var(--el-4,0 20px 60px rgba(0,0,0,.5));overflow:hidden;animation:cmp .18s cubic-bezier(.2,.9,.3,1)}
@keyframes cmp{from{transform:translateY(-10px);opacity:0}to{transform:none;opacity:1}}
#compliance .cm-panel:focus{outline:none}
#compliance .cm-top{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid var(--line);background:radial-gradient(120% 150% at 0 0,color-mix(in srgb,var(--gold,#e23b3b) 12%,transparent),transparent 60%)}
#compliance .cm-top h2{font-size:16px;font-weight:900;color:var(--txt)}
#compliance .cm-sub{font-size:9.5px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.5px}
#compliance .cm-x{margin-inline-start:auto;width:30px;height:30px;border-radius:9px;border:1px solid var(--line);background:var(--card2);color:var(--txt2);cursor:pointer;font-size:15px}
#compliance .cm-x:hover{color:var(--down);border-color:var(--down)}
#compliance .cm-body{padding:14px 16px;overflow-y:auto;scrollbar-width:thin}
#compliance .cm-risk{background:color-mix(in srgb,var(--down,#e23b3b) 10%,var(--card2));border:1px solid color-mix(in srgb,var(--down,#e23b3b) 36%,transparent);border-radius:10px;padding:11px 13px;font-size:11.5px;line-height:1.65;color:var(--txt);font-weight:600}
#compliance .cm-sec{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin:16px 0 8px}
#compliance .cm-item{display:flex;gap:10px;align-items:flex-start;padding:8px 11px;background:var(--card2);border:1px solid var(--line);border-radius:9px;margin-bottom:6px}
#compliance .cm-k{flex:0 0 38%;font-size:11.5px;font-weight:800;color:var(--txt)}
#compliance .cm-v{flex:1;font-size:11.5px;color:var(--txt2);line-height:1.55}
#compliance .cm-p{font-size:12px;color:var(--txt2);line-height:1.6;padding:2px 2px 6px}
#compliance .cm-note{font-size:10px;color:var(--muted);text-align:center;line-height:1.6;margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}
@media (max-width:440px){#compliance .cm-k{flex-basis:44%}}
@media (prefers-reduced-motion:reduce){#compliance.on,#compliance .cm-panel{animation:none}}
