.risk-file-bar{border:1px solid color-mix(in srgb,var(--color-security) 20%,transparent);background:color-mix(in srgb,var(--color-security) 5%,var(--color-bg));border-radius:.8rem;align-items:center;gap:.75rem;margin-bottom:.65rem;padding:.6rem .75rem;display:flex}.risk-notice{border:1px solid color-mix(in srgb,var(--color-accent) 35%,transparent);background:color-mix(in srgb,var(--color-accent) 8%,var(--color-bg));border-radius:.65rem;align-items:flex-start;gap:.55rem;padding:.48rem .65rem;font-size:.72rem;line-height:1.2rem;display:flex}.risk-notice.hidden{display:none}.risk-notice svg{fill:none;width:1rem;height:1rem;stroke:var(--color-accent);stroke-width:1.8px;flex:none;margin-top:.1rem}.risk-notice p{flex:1;min-width:0}.risk-notice button,.risk-complete button,.risk-error button{width:1.5rem;height:1.5rem;color:color-mix(in srgb,var(--color-text) 48%,transparent);border-radius:.35rem;flex:none;place-items:center;font-size:1.15rem;display:grid}.risk-notice button:hover,.risk-complete button:hover,.risk-error button:hover{background:var(--color-bg);color:var(--color-text)}.risk-complete,.risk-error{border-radius:.65rem;outline:none;padding:.65rem 2.7rem .65rem .85rem;font-size:.75rem;line-height:1.2rem;position:relative}.risk-complete{border:1px solid color-mix(in srgb,var(--color-success) 25%,transparent);background:color-mix(in srgb,var(--color-success) 5%,var(--color-bg));color:var(--color-success)}.risk-error{border:1px solid color-mix(in srgb,var(--color-error) 30%,transparent);background:color-mix(in srgb,var(--color-error) 5%,var(--color-bg));color:var(--color-error)}.risk-complete button,.risk-error button{position:absolute;top:50%;right:.55rem;transform:translateY(-50%)}.risk-overview{grid-template-columns:minmax(220px,1.7fr) repeat(4,minmax(100px,.65fr));gap:.6rem;margin-bottom:.7rem;display:grid}.risk-priority,.risk-stat{border:1px solid color-mix(in srgb,var(--color-text) 11%,transparent);background:var(--color-bg);border-radius:.8rem;padding:.7rem}.risk-priority{align-items:center;gap:.7rem;display:flex}.risk-priority>span{background:var(--color-text);border-radius:999px;width:.35rem;height:2.3rem}.risk-priority h2{font-size:.9rem;font-weight:800}.risk-priority p:last-child{color:color-mix(in srgb,var(--color-text) 55%,transparent);margin-top:.1rem;font-size:.62rem;line-height:.95rem}.risk-kicker{letter-spacing:.065em;text-transform:uppercase;color:color-mix(in srgb,var(--color-text) 56%,transparent);font-size:.62rem;font-weight:800}.risk-stat{flex-direction:column;justify-content:center;display:flex}.risk-stat strong{font-family:var(--font-mono);font-size:1.15rem}.risk-stat span{color:color-mix(in srgb,var(--color-text) 55%,transparent);font-size:.62rem}.risk-stat.high strong{color:var(--color-error)}.risk-stat.review strong{color:var(--color-accent)}.risk-stat.low strong{color:var(--color-primary)}.risk-stat.info strong{color:var(--color-success)}.risk-layout{grid-template-columns:220px minmax(380px,1fr) minmax(330px,420px);align-items:start;gap:.7rem;display:grid}.risk-layout.preview-hidden{grid-template-columns:220px minmax(0,1fr)}.risk-layout.preview-hidden .risk-preview-panel{display:none}.risk-facts,.risk-findings-panel,.risk-preview-panel{border:1px solid color-mix(in srgb,var(--color-text) 11%,transparent);background:color-mix(in srgb,var(--color-bg-subtle) 72%,var(--color-bg));border-radius:.8rem;min-width:0}.risk-facts,.risk-preview-panel{height:min(70dvh,780px);position:sticky;top:0}.risk-facts{flex-direction:column;gap:.7rem;padding:.75rem;display:flex;overflow-y:auto}.risk-panel-head,.risk-toolbar{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.risk-facts dl{gap:.35rem;display:grid}.risk-facts dl>div{border-bottom:1px solid color-mix(in srgb,var(--color-text) 8%,transparent);justify-content:space-between;align-items:center;gap:.75rem;padding:.4rem 0;font-size:.68rem;display:flex}.risk-facts dt{color:color-mix(in srgb,var(--color-text) 55%,transparent)}.risk-facts dd{overflow-wrap:anywhere;text-align:right;max-width:58%;font-family:var(--font-mono);font-size:.64rem;font-weight:600}.risk-structure{background:var(--color-bg);border-radius:.6rem;padding:.65rem}.risk-findings-panel{background:var(--color-bg);min-height:min(70dvh,780px);overflow:hidden}.risk-toolbar{border-bottom:1px solid color-mix(in srgb,var(--color-text) 9%,transparent);padding:.7rem}.risk-filters{border-bottom:1px solid color-mix(in srgb,var(--color-text) 9%,transparent);grid-template-columns:minmax(140px,1fr) minmax(120px,.55fr) minmax(120px,.65fr);gap:.45rem;padding:.55rem .7rem;display:grid}.risk-filters input,.risk-filters select{border:1px solid color-mix(in srgb,var(--color-text) 14%,transparent);background:var(--color-bg);border-radius:.55rem;outline:none;width:100%;padding:.48rem .55rem;font-size:.68rem}.risk-filters input:focus,.risk-filters select:focus{border-color:var(--color-security);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-security) 10%,transparent)}.risk-finding-list{gap:.5rem;max-height:calc(min(70dvh,780px) - 7.2rem);padding:.7rem;display:grid;overflow-y:auto}.risk-finding-card{border:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);background:var(--color-bg);text-align:left;border-radius:.7rem;grid-template-columns:auto minmax(0,1fr);gap:.65rem;padding:.7rem;display:grid}.risk-finding-card[data-page]{cursor:pointer}.risk-finding-card[data-page]:hover{border-color:color-mix(in srgb,var(--color-security) 38%,transparent)}.risk-severity{text-transform:uppercase;border-radius:999px;height:max-content;padding:.18rem .42rem;font-size:.55rem;font-weight:800}.risk-severity.high{background:color-mix(in srgb,var(--color-error) 10%,var(--color-bg));color:var(--color-error)}.risk-severity.review{background:color-mix(in srgb,var(--color-accent) 12%,var(--color-bg));color:var(--color-accent)}.risk-severity.low{background:color-mix(in srgb,var(--color-primary) 9%,var(--color-bg));color:var(--color-primary)}.risk-severity.info{background:color-mix(in srgb,var(--color-success) 9%,var(--color-bg));color:var(--color-success)}.risk-finding-card h3{font-size:.75rem;font-weight:750}.risk-finding-card p{color:color-mix(in srgb,var(--color-text) 65%,transparent);margin-top:.18rem;font-size:.64rem;line-height:1rem}.risk-finding-meta{font-family:var(--font-mono);color:color-mix(in srgb,var(--color-text) 48%,transparent);flex-wrap:wrap;gap:.3rem .65rem;margin-top:.42rem;font-size:.56rem;display:flex}.risk-recommendation{border-top:1px solid color-mix(in srgb,var(--color-text) 8%,transparent);padding-top:.35rem}.risk-empty{border:1px dashed color-mix(in srgb,var(--color-text) 18%,transparent);text-align:center;color:color-mix(in srgb,var(--color-text) 52%,transparent);border-radius:.7rem;margin:2rem;padding:2rem;font-size:.75rem}.risk-preview-panel{background:var(--color-bg);overflow:hidden}.risk-preview-panel>.risk-panel-head{border-bottom:1px solid color-mix(in srgb,var(--color-text) 9%,transparent);min-height:3.1rem;padding:.55rem .7rem}.risk-preview-scroll{overscroll-behavior:contain;background:color-mix(in srgb,var(--color-text) 5%,var(--color-bg-subtle));height:calc(100% - 3.1rem);position:relative;overflow:auto}.risk-preview-stage{justify-content:center;align-items:flex-start;min-width:max-content;min-height:100%;padding:1.2rem 1.2rem 6rem;display:flex}.risk-preview-shell{background:#fff;flex:none;width:315px;position:relative;overflow:hidden;box-shadow:0 10px 30px #0f172a29}.risk-preview-shell img{object-fit:fill;width:100%;height:100%;display:block}.risk-preview-loading{color:#6b7280;background:#f3f4f6;place-items:center;font-size:.72rem;display:grid;position:absolute;inset:0}.risk-preview-loading.hidden{display:none}.risk-view-toolbar{z-index:5;border:1px solid color-mix(in srgb,var(--color-text) 14%,transparent);background:color-mix(in srgb,var(--color-bg) 95%,transparent);backdrop-filter:blur(10px);border-radius:.9rem;align-items:center;gap:.1rem;width:max-content;max-width:calc(100% - .7rem);margin:-4.7rem auto .65rem;padding:.35rem;display:flex;position:sticky;bottom:.65rem;box-shadow:0 8px 24px #0f172a2b}.risk-view-toolbar>button{border-radius:.5rem;justify-content:center;align-items:center;min-width:2rem;height:2rem;padding:0 .3rem;display:flex}.risk-view-toolbar>button:hover:not(:disabled){background:var(--color-bg-subtle)}.risk-view-toolbar>button:disabled{opacity:.3}.risk-view-toolbar svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1rem;height:1rem}.risk-view-toolbar label{font-family:var(--font-mono);align-items:center;gap:.2rem;font-size:.68rem;display:flex}.risk-view-toolbar input{border:0;border-bottom:1px solid color-mix(in srgb,var(--color-text) 17%,transparent);text-align:center;background:0 0;outline:none;width:2rem}.risk-view-toolbar>i{background:color-mix(in srgb,var(--color-text) 14%,transparent);width:1px;height:1.5rem}.risk-zoom-label,.risk-fit-button{font-size:.65rem}.risk-fit-button.active{color:#fff;background:var(--color-security)!important}@media (width<=1100px){.risk-overview{grid-template-columns:repeat(4,1fr)}.risk-priority{grid-column:1/-1}.risk-layout,.risk-layout.preview-hidden{grid-template-columns:210px minmax(0,1fr)}.risk-preview-panel{grid-column:1/-1;height:60dvh;min-height:28rem;position:relative}.risk-layout.preview-hidden .risk-preview-panel{display:none}.risk-facts{height:min(68dvh,760px)}}@media (width<=720px){.risk-overview{grid-template-columns:repeat(2,1fr)}.risk-priority{grid-column:1/-1}.risk-layout,.risk-layout.preview-hidden{grid-template-columns:1fr}.risk-facts,.risk-preview-panel{height:auto;position:relative}.risk-facts{max-height:none}.risk-preview-panel{grid-column:auto;height:58dvh;min-height:25rem}.risk-findings-panel{min-height:0}.risk-finding-list{max-height:none}.risk-filters{grid-template-columns:1fr}.risk-file-bar{flex-wrap:wrap;align-items:flex-start}.risk-file-bar>div{min-width:calc(100% - 3.75rem)}.risk-file-bar>button{margin-left:auto}}
