.drawer-wrapper-custom{position:fixed;top:0;left:0;right:0;bottom:0;margin:0;padding:0;z-index:999;pointer-events:none}.drawer-wrapper-custom>*{pointer-events:auto}.drawer-overlay-custom{position:fixed;top:0!important;left:0;right:0;bottom:0;margin:0!important;padding:0;background:#0006;z-index:999;transition:opacity .3s ease}.drawer-custom{position:fixed;top:0!important;right:0;bottom:0;width:100%;max-width:560px;height:100vh;margin:0!important;padding:0;background:var(--bg-card, #ffffff);box-shadow:-8px 0 40px #00000026;z-index:1000;display:flex;flex-direction:column;font-family:DM Sans,sans-serif;--bg-card: #ffffff;--bg-elevated: #f8fafa;--bg-hover: #eef3f2;--border-subtle: #e5eaea;--border-accent: #d0dbd9;--text-primary: #1a2e2a;--text-secondary: #4a635d;--text-muted: #7a918b;--accent-teal-dark: #0d9488;--accent-teal-glow: rgba(20, 184, 166, .12);--accent-teal-border: rgba(20, 184, 166, .3);--accent-orange: #f97316;--accent-orange-glow: rgba(249, 115, 22, .1);--accent-purple: #8b5cf6;--severity-low: #22c55e;--severity-medium: #f59e0b;--severity-high: #f97316;--severity-critical: #ef4444;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px}.drawer-header-custom{margin:0;padding:20px 24px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border-subtle);background:linear-gradient(180deg,var(--accent-teal-glow) 0%,var(--bg-card) 100%);flex-shrink:0}.header-content{flex:1}.vulnerability-type{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-orange);background:var(--accent-orange-glow);padding:4px 8px;border-radius:var(--radius-sm);margin-bottom:10px}.drawer-title-custom{font-size:18px;font-weight:700;color:var(--text-primary);line-height:1.3;letter-spacing:-.02em}.header-actions{display:flex;gap:8px}.btn-custom{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .2s ease}.btn-primary-custom{background:linear-gradient(135deg,var(--accent-teal) 0%,var(--accent-teal-dark) 100%);color:#fff;box-shadow:0 2px 8px var(--accent-teal-glow)}.btn-primary-custom:hover{transform:translateY(-1px);box-shadow:0 4px 16px #14b8a640}.btn-ghost-custom{background:transparent;color:var(--text-secondary);border:1px solid var(--border-accent);padding:8px}.btn-ghost-custom:hover{background:var(--bg-hover);color:var(--text-primary)}.drawer-body-custom{flex:1;overflow-y:auto;overflow-x:hidden}.drawer-body-custom::-webkit-scrollbar{width:6px}.drawer-body-custom::-webkit-scrollbar-track{background:transparent}.drawer-body-custom::-webkit-scrollbar-thumb{background:var(--border-accent);border-radius:3px}.drawer-body-custom::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.severity-section{padding:16px 24px;border-bottom:1px solid var(--border-subtle)}.severity-header{display:flex;align-items:center;gap:6px;margin-bottom:10px}.severity-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.severity-bar{display:flex;gap:2px}.severity-segment{flex:1;height:32px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--border-subtle);transition:all .3s ease}.severity-segment:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.severity-segment:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.severity-segment.active{position:relative;z-index:1;color:#fff}.severity-segment.active.low{background:linear-gradient(135deg,var(--severity-low),#16a34a);border-color:var(--severity-low);box-shadow:0 0 12px #22c55e40}.severity-segment.active.medium{background:linear-gradient(135deg,#fbbf24,var(--severity-medium));border-color:var(--severity-medium);box-shadow:0 0 12px #fbbf2440}.severity-segment.active.high{background:linear-gradient(135deg,var(--severity-high),#ea580c);border-color:var(--severity-high);box-shadow:0 0 12px #f9731640}.severity-segment.active.critical{background:linear-gradient(135deg,var(--severity-critical),#dc2626);border-color:var(--severity-critical);box-shadow:0 0 12px #ef444440}.exploit-section{padding:16px 24px;border-bottom:1px solid var(--border-subtle)}.exploit-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.exploit-title{font-size:12px;font-weight:700;color:var(--text-primary)}.exploit-bar{display:flex;gap:2px;margin-bottom:10px}.exploit-segment{flex:1;height:28px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--border-subtle);transition:all .3s ease}.exploit-segment:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.exploit-segment:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.exploit-segment.active{color:#fff}.exploit-segment .dot{width:6px;height:6px;background:#fff;border-radius:50%;margin-right:4px}.exploit-probability{font-size:12px;color:var(--text-secondary)}.exploit-probability strong{color:var(--severity-high);font-weight:700}.overview-section{padding:16px 24px;border-bottom:1px solid var(--border-subtle)}.overview-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.overview-title{font-size:12px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.03em}.info-cards-container{display:flex;flex-direction:column;gap:10px}.info-cards-row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.info-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px 14px;transition:all .2s ease}.info-card:hover{border-color:var(--border-accent);box-shadow:0 2px 8px #0000000a}.info-card-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:4px}.info-card-value{font-size:13px;font-weight:500;color:var(--text-primary)}.info-card-value.status-active{color:var(--accent-teal);font-weight:600}.section{padding:20px 24px;border-bottom:1px solid var(--border-subtle)}.section-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.section-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--accent-teal-glow);border:1px solid var(--accent-teal-border);border-radius:var(--radius-sm);color:var(--accent-teal)}.section-title{font-size:13px;font-weight:700;color:var(--text-primary);flex:1}.section-content{font-size:13px;line-height:1.7;color:var(--text-secondary)}.risk-empty{display:flex;align-items:center;gap:8px;padding:14px;background:var(--bg-elevated);border:1px dashed var(--border-accent);border-radius:var(--radius-md);color:var(--text-muted)}.risk-empty-text{font-size:12px;font-style:italic}.remediation-list{display:flex;flex-direction:column;gap:14px}.remediation-item{display:flex;gap:12px}.step-number{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--accent-teal);color:#fff;font-size:11px;font-weight:700;border-radius:50%;flex-shrink:0}.step-content{flex:1;padding-top:1px}.step-title{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:3px}.step-text{font-size:12px;line-height:1.6;color:var(--text-secondary)}.ai-attribution-inline{display:flex;align-items:center;gap:6px;margin-top:16px;padding-top:14px;border-top:1px solid var(--border-subtle);font-size:10px;color:var(--text-muted)}.ai-icon-small{width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:var(--accent-purple);border-radius:4px;color:#fff}.poc-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.poc-column h3{font-size:13px;font-weight:700;color:var(--text-primary);margin-bottom:10px}.poc-description{font-size:11px;color:var(--text-muted);line-height:1.5;margin-bottom:12px}.poc-item{display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px solid var(--border-subtle)}.poc-item:last-of-type{border-bottom:none}.poc-item a{font-size:12px;color:var(--accent-teal);text-decoration:none;word-break:break-all}.poc-item a:hover{text-decoration:underline}.cve-tag{display:inline-block;margin-top:10px;padding:4px 8px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-secondary)}.tech-container{display:flex;flex-direction:column;gap:10px}.tech-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px 14px;position:relative;transition:all .2s ease}.tech-card:hover{border-color:var(--border-accent)}.tech-card-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:4px}.tech-card-value{font-size:12px;color:var(--text-primary);word-break:break-all}.tech-card-value a{color:var(--accent-teal);text-decoration:none}.tech-card-value a:hover{text-decoration:underline}.tech-copy-btn{position:absolute;top:10px;right:10px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all .2s}.tech-copy-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-accent)}.host-list{display:flex;flex-direction:column;gap:3px;max-height:100px;overflow-y:auto;padding-right:8px}.host-list::-webkit-scrollbar{width:4px}.host-list::-webkit-scrollbar-track{background:var(--bg-elevated);border-radius:2px}.host-list::-webkit-scrollbar-thumb{background:var(--border-accent);border-radius:2px}.host-item{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-secondary);line-height:1.4}.feedback-prompt{display:flex;align-items:center;gap:6px;margin-left:auto;font-size:11px;color:var(--text-muted)}.feedback-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all .2s}.feedback-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-accent)}.feedback-btn.active{background:var(--accent-teal);border-color:var(--accent-teal);color:#fff}.category-badge-informative{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-teal);background:var(--accent-teal-glow);padding:5px 10px;border-radius:var(--radius-sm);margin-bottom:12px}.overview-section-informative{padding:28px 28px 24px}.overview-title-informative{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.explanation-section-informative{padding:0 28px 24px}.explanation-box-informative{background:var(--bg-elevated);border-radius:var(--radius-md);padding:20px}.explanation-header-informative{display:flex;align-items:center;gap:10px;margin-bottom:14px}.explanation-icon-informative{width:18px;height:18px;color:var(--text-muted)}.explanation-title-informative{font-size:14px;font-weight:600;color:var(--text-primary)}.explanation-text-informative{font-size:14px;line-height:1.7;color:var(--text-secondary)}.tech-section-informative{padding:0 28px 28px}.field-label-informative{font-size:13px;font-weight:700;color:var(--text-primary);margin-bottom:10px}.url-box-informative{background:var(--bg-elevated);border-radius:var(--radius-md);padding:14px 18px;margin-bottom:20px}.url-link-informative{font-size:14px;color:var(--accent-teal);text-decoration:none;display:inline-flex;align-items:center;gap:6px}.url-link-informative:hover{text-decoration:underline}.tabs-container-informative{margin-bottom:20px}.tabs-informative{display:inline-flex;gap:0;margin-bottom:0}.tab-informative{padding:12px 20px;font-family:inherit;font-size:14px;font-weight:500;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:all .15s}.tab-informative:first-child{border-radius:var(--radius-md) 0 0 0}.tab-informative:last-child{border-radius:0 var(--radius-md) 0 0;border-left:none}.tab-informative.active{font-weight:600;color:var(--text-primary);background:var(--bg-elevated);border-bottom-color:var(--bg-elevated)}.tab-content-informative{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-top:none;border-radius:0 var(--radius-md) var(--radius-md) var(--radius-md);padding:16px 20px;font-size:13px;line-height:1.6;color:var(--text-secondary)}.info-row-informative{margin-bottom:20px}.info-row-informative:last-child{margin-bottom:0}.info-box-informative{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px 18px}.info-link-informative{font-size:14px;color:var(--accent-teal);text-decoration:none}.info-link-informative:hover{text-decoration:underline}.info-text-informative{font-size:14px;color:var(--text-primary)}.technical-section-informative{padding:0 28px 28px}.http-tabs-container-informative{margin-top:0}.http-tabs-informative{display:inline-flex;gap:0;margin-bottom:0}.http-tab-informative{padding:10px 18px;font-family:inherit;font-size:13px;font-weight:500;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:all .15s}.http-tab-informative:first-child{border-radius:var(--radius-md) 0 0 0}.http-tab-informative:last-child{border-radius:0 var(--radius-md) 0 0;border-left:none}.http-tab-informative.active{font-weight:600;color:var(--text-primary);background:var(--bg-elevated);border-bottom-color:var(--bg-elevated)}.http-content-informative{background:#1a2e2a;border:1px solid var(--border-subtle);border-top:none;border-radius:0 var(--radius-md) var(--radius-md) var(--radius-md);padding:0;max-height:400px;overflow:auto}.http-code-informative{font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.6;color:#e0e7e5;white-space:pre;padding:16px 20px;margin:0}.http-content-informative::-webkit-scrollbar{width:8px;height:8px}.http-content-informative::-webkit-scrollbar-track{background:#1a2e2a;border-radius:4px}.http-content-informative::-webkit-scrollbar-thumb{background:#3a4e4a;border-radius:4px}.http-content-informative::-webkit-scrollbar-thumb:hover{background:#4a5e5a}
