#companyCard{position:fixed;right:var(--space-6);top:92px;z-index:120;width:300px;background:linear-gradient(180deg, rgba(18,18,18,0.98) 0%, rgba(10,10,10,0.96) 100%);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.08);padding:var(--space-6);display:none;pointer-events:auto;box-shadow:var(--shadow-lg);border-radius:var(--radius-xl);max-height:calc(100vh - 120px);overflow-y:auto}
#companyCard::-webkit-scrollbar{width:6px}
#companyCard::-webkit-scrollbar-track{background:rgba(255,255,255,0.03)}
#companyCard::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.1);border-radius:3px}
#companyCard .cTop{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,0.06)}
#companyCard .cLogoWrap{width:50px;height:50px;border:1px solid rgba(255,255,255,0.08);background:var(--color-surface);display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
#companyCard .cLogo{width:100%;height:100%;object-fit:contain;display:none}
#companyCard .cLogoFallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:'Bricolage Grotesque',sans-serif;font-size:16px;font-weight:700;color:#ddd;background:linear-gradient(135deg,#1a1a1a,#2a2a2a)}
#companyCard .cName{font-family:var(--font-display);font-size:15px;font-weight:var(--fw-bold);line-height:var(--lh-tight);background:linear-gradient(135deg, #fff 0%, #d0d0d0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#companyCard .cSym{font-size:var(--fs-sm);color:#9a9a9a;letter-spacing:.7px;text-transform:uppercase;margin-top:3px}
#companyCard .cStats{display:flex;gap:8px;margin-top:8px;font-size:8px;color:#666;background:rgba(255,255,255,0.03);padding:8px;border-radius:6px;border:1px solid rgba(255,255,255,0.05)}
#companyCard .cStat{background:rgba(255,255,255,0.05);padding:2px 6px;border-radius:3px;border:1px solid rgba(255,255,255,0.08)}
#companyCard .cStat b{background:linear-gradient(135deg, #4caf50 0%, #45a049 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#companyCard .cHq{margin-top:10px;padding-top:10px;border-top:1px solid #212121;display:flex;align-items:center;gap:8px}
#companyCard .cFlag{width:20px;height:14px;object-fit:cover;border:1px solid #252525;display:none;border-radius:2px}
#companyCard .cFlagFallback{width:20px;height:14px;border:1px solid #252525;display:flex;align-items:center;justify-content:center;color:#666;font-size:8px;border-radius:2px}
#companyCard .cHqText{font-family:'Inter',sans-serif;font-size:13px;font-weight:500;color:#e4e4e4}
#companyCard .cInsights{margin-top:10px;padding-top:10px;border-top:1px solid #212121}
#companyCard .cSecTitle{font-size:8px;color:#6f6f6f;text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px}
#companyCard .cRiskRow{display:flex;align-items:center;gap:8px;margin-bottom:6px}
#companyCard .cRiskBadge{font-size:8px;padding:2px 6px;border-radius:2px;border:1px solid #333;text-transform:uppercase;font-weight:600;letter-spacing:0.3px}
#companyCard .cRiskBadge.high{color:#ff8f8f;border-color:#6c2c2c;background:linear-gradient(135deg, rgba(108,44,44,0.3) 0%, rgba(108,44,44,0.1) 100%)}
#companyCard .cRiskBadge.medium{color:#ffd899;border-color:#6a5125;background:linear-gradient(135deg, rgba(106,81,37,0.3) 0%, rgba(106,81,37,0.1) 100%)}
#companyCard .cRiskBadge.low{color:#9fdbac;border-color:#2a5a35;background:linear-gradient(135deg, rgba(42,90,53,0.3) 0%, rgba(42,90,53,0.1) 100%)}
.credit-rating{display:inline-flex;align-items:center;gap:4px;padding:3px 6px;border-radius:3px;font-size:8px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}
.credit-rating.sp{background:rgba(232,69,60,0.15);color:var(--color-accent);border:1px solid rgba(232,69,60,0.3)}
.credit-rating.moodys{background:rgba(76,136,204,0.15);color:#4c88cc;border:1px solid rgba(76,136,204,0.3)}
.credit-rating.fitch{background:rgba(156,39,176,0.15);color:var(--color-purple);border:1px solid rgba(156,39,176,0.3)}
.credit-rating-grade{font-weight:700;min-width:20px;text-align:center}
#companyCard .cMuted{font-size:8px;color:#777;line-height:1.45}
#companyCard .cList{display:flex;flex-direction:column;gap:3px;margin-top:4px}
#companyCard .cItem{display:flex;justify-content:space-between;gap:8px;font-size:8px;color:#8a8a8a}
#companyCard .cItem b{color:#ddd;font-weight:600}
#companyCard .cRatings{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}
#companyCard .cRate{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:8px;color:#8f8f8f}
#companyCard .cActions{display:flex;gap:6px;margin-top:8px}
#companyCard .cActions button{flex:1;background:#111;border:1px solid #2b2b2b;color:#888;padding:4px 6px;font-size:8px;cursor:pointer;text-transform:uppercase}
#companyCard .cActions button:hover{border-color:var(--acc);color:var(--acc)}
body.profile-mode #ly,body.card-visible #ly{top:220px}
/* Enhanced Tooltip */
#tt{position:fixed;z-index:300;background:linear-gradient(180deg, rgba(20,20,20,0.98) 0%, rgba(12,12,12,0.96) 100%);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.1);box-shadow:0 8px 32px rgba(0,0,0,0.5), 0 2px 8px rgba(0,0,0,0.4);border-radius:var(--radius-xl);max-width:500px;padding:var(--space-6) 14px;display:none}
#tt .tn{font-family:var(--font-display);font-size:16px;font-weight:var(--fw-bold);color:var(--color-text-bright);margin-bottom:var(--space-3);line-height:var(--lh-base);text-shadow:0 1px 2px rgba(0,0,0,0.3)}
#tt .tf{font-size:9px;color:#777;letter-spacing:.7px;text-transform:uppercase;margin-bottom:8px}
#tt .td{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}
#tt .td-col{display:flex;flex-direction:column;gap:6px}
#tt .td-item{display:flex;align-items:flex-start;gap:6px;font-size:10px}
#tt .td-label{color:#888;text-transform:uppercase;font-size:8px;letter-spacing:0.5px;min-width:70px}
#tt .td-value{color:#ddd;font-weight:500}
#tt .source-link{color:var(--color-link);text-decoration:none;border-bottom:1px solid rgba(134,183,255,0.3);transition:all var(--dur-base)}
#tt .source-link:hover{color:#a8d0ff;border-bottom-color:rgba(134,183,255,0.6)}
#tt .confidence-badge{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:0.3px}
.confidence-high{background:rgba(76,175,80,0.2);color:var(--color-observed);border:1px solid rgba(76,175,80,0.4)}
.confidence-medium{background:rgba(255,193,7,0.2);color:var(--color-estimated);border:1px solid rgba(255,193,7,0.4)}
.confidence-low{background:rgba(158,158,158,0.2);color:var(--color-unknown);border:1px solid rgba(158,158,158,0.4)}
#tt .ts{margin-top:8px;padding-top:8px;border-top:1px solid #222;font-size:10px;color:#888}
#tt .tc{margin-top:6px;font-size:9px;color:#888}
#tt .tv{margin-top:4px;font-size:9px;color:var(--green);display:flex;align-items:center;gap:4px}
#tt .tv::before{content:"✓"}
#tt .tu{margin-top:6px;font-size:9px;color:#86b7ff;word-break:break-all}
#lg{position:fixed;left:12px;bottom:12px;z-index:90;display:flex;gap:8px;flex-wrap:wrap;max-width:60vw}
#lg .li{display:flex;align-items:center;gap:5px;font-size:9px;color:#666}
#lg .ld{width:7px;height:7px;border-radius:0}
#ly{position:fixed;right:12px;top:92px;z-index:90;display:flex;flex-direction:column;gap:3px;max-height:68vh}
#ly .lb{font-size:9px;color:#555;border:1px solid #1f1f1f;padding:4px 7px;background:#0f0f0f;cursor:pointer;border-radius:2px;transition:all .12s}
#ly .lb:hover{border-color:#333;color:#aaa}
#hint{position:fixed;right:12px;bottom:12px;z-index:90;font-size:8px;color:#444;letter-spacing:.6px;text-transform:uppercase}
.bn-ring{fill:none;stroke:var(--acc);stroke-width:1.2;stroke-dasharray:3 4;opacity:.75}
.verified-node{filter:drop-shadow(0 0 3px var(--green))}
#loading{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background:rgba(10,10,10,.9);display:none;align-items:center;justify-content:center;flex-direction:column}
#loading .spinner{width:50px;height:50px;border:3px solid #222;border-top-color:var(--acc);border-radius:50%;animation:spin 1s linear infinite}
#loading .text{margin-top:16px;font-size:11px;color:#666;letter-spacing:.5px}
#fatalError{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:2000;background:#2a1111;border:1px solid #5a2222;color:#ffdede;padding:10px 14px;font-size:11px;line-height:1.4;max-width:min(92vw,860px);display:none}
#fatalError b{color:#ff8c84}
#onboardingPanel{position:fixed;left:12px;bottom:38px;z-index:110;background:rgba(10,10,10,.96);border:1px solid #252525;border-radius:6px;padding:12px;max-width:320px;display:none}
#onboardingPanel h3{font-family:'Bricolage Grotesque',sans-serif;font-size:14px;color:#fff;margin-bottom:8px}
#onboardingPanel p,#onboardingPanel li{font-size:10px;color:#a8a8a8;line-height:1.5}
#onboardingPanel ul{margin:6px 0 10px 16px}
#onboardingPanel .actions{display:flex;justify-content:flex-end}
#onboardingPanel button{background:#111;border:1px solid #333;color:#ddd;padding:5px 10px;font-size:9px;cursor:pointer;text-transform:uppercase;letter-spacing:.5px}
#onboardingPanel button:hover{border-color:var(--acc);color:var(--acc)}
@keyframes spin{to{transform:rotate(360deg)}}
#helpModal,#methodologyModal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center}
#helpModal .content,#methodologyModal .content{background:#111;border:1px solid #333;padding:24px;max-width:500px;max-height:80vh;overflow-y:auto;border-radius:6px}
#helpModal h2,#methodologyModal h2{font-family:'Bricolage Grotesque',sans-serif;font-size:18px;font-weight:700;color:#fff;margin-bottom:16px}
#helpModal h3,#methodologyModal h3{font-size:12px;color:var(--acc);margin:16px 0 8px;text-transform:uppercase;letter-spacing:.5px}
#helpModal p,#helpModal li,#methodologyModal p,#methodologyModal li{font-size:11px;color:#aaa;line-height:1.6}
#helpModal ul,#methodologyModal ul{margin:8px 0 8px 16px}
#helpModal kbd{background:#222;padding:2px 6px;border-radius:3px;font-size:10px;border:1px solid #333}
#helpModal .close,#methodologyModal .close{position:absolute;top:12px;right:12px;background:none;border:none;color:#666;font-size:20px;cursor:pointer}
#filterPanel{position:fixed;top:92px;left:12px;z-index:95;background:rgba(10,10,10,.95);border:1px solid #252525;padding:10px;display:none;max-width:280px}
#filterPanel h3{font-size:9px;color:var(--dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}
#filterPanel .fg{margin-bottom:10px}
#filterPanel .fg label{display:block;font-size:8px;color:#888;margin-bottom:4px;text-transform:uppercase}
#filterPanel .fg select,#filterPanel .fg input{width:100%;background:#111;border:1px solid #222;color:var(--text);font-size:9px;padding:4px 6px;font-family:'JetBrains Mono',monospace}
#filterPanel .fg input[type="checkbox"]{width:auto;margin-right:6px}
#filterPanel .fa{display:flex;gap:6px;margin-top:8px}
#filterPanel .fa button{flex:1;background:transparent;border:1px solid #222;color:var(--dim);font-size:8px;padding:4px;cursor:pointer;text-transform:uppercase}
#filterPanel .fa button:hover{border-color:var(--acc);color:var(--acc)}
#compareModal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background:rgba(0,0,0,.9);display:none;overflow-y:auto}
#compareModal .content{padding:24px;max-width:1200px;margin:0 auto}
#compareModal .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}
#compareModal h2{font-family:'Bricolage Grotesque',sans-serif;font-size:20px;font-weight:700;color:#fff}
#compareModal .close{background:none;border:none;color:#666;font-size:24px;cursor:pointer}
#compareModal .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
#compareModal .card{background:#111;border:1px solid #222;padding:16px;border-radius:4px}
#compareModal .card h3{font-size:13px;color:#fff;margin-bottom:12px}
#compareModal .card .stat{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #1a1a1a;font-size:10px}
#compareModal .card .stat:last-child{border-bottom:none}
#compareModal .card .stat b{color:var(--acc)}
#searchSuggest,#searchHistory{position:absolute;top:100%;right:0;left:0;background:#111;border:1px solid #222;border-top:none;display:none;max-height:210px;overflow-y:auto}
#searchHistory{top:calc(100% + 2px)}
#searchSuggest .sg-item,#searchHistory .sh-item{padding:6px 10px;font-size:9px;color:#888;cursor:pointer;border-bottom:1px solid #1a1a1a}
#searchSuggest .sg-item:hover,#searchHistory .sh-item:hover,#searchSuggest .sg-item.on{background:#1a1a1a;color:#fff}
#searchSuggest .sym{color:#ddd}
#searchSuggest .cmp{color:#666;margin-left:4px}
#provenanceDrawer{position:fixed;right:12px;bottom:12px;z-index:105;width:min(360px,90vw);max-height:50vh;background:rgba(8,8,8,.97);border:1px solid #2a2a2a;padding:10px;display:none;overflow:auto}
#provenanceDrawer .ph{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
#provenanceDrawer .ph h3{font-size:10px;color:#ddd;text-transform:uppercase;letter-spacing:.7px}
#provenanceDrawer .ph button{background:none;border:none;color:#666;font-size:18px;cursor:pointer}
#provenanceDrawer .pi{padding:6px 0;border-bottom:1px solid #1a1a1a}
#provenanceDrawer .pi:last-child{border-bottom:none}
#provenanceDrawer .pi .t{font-size:9px;color:#ddd}
#provenanceDrawer .pi a{display:block;margin-top:2px;font-size:8px;color:#77a8ff;word-break:break-all}
#mobileToggle{display:none}
#mobileSheet{display:none}