/* BeritaInvesting - Critical CSS only */
:root{--brand:#f57c00;--navy:#1a1a2e;--navy2:#252540;--up:#16a34a;--dn:#dc2626}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:#f3f4f6;color:#1f2937;font-size:13px;line-height:1.5}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
/* Ticker */
@keyframes tick{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.ticker-wrap{overflow:hidden;white-space:nowrap;height:28px;display:flex;align-items:center;background:#111827}
.ticker-track{display:inline-flex;animation:tick 55s linear infinite;will-change:transform}
.ticker-track:hover{animation-play-state:paused}
/* Bar grow */
@keyframes grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.bar-ani{animation:grow .7s ease forwards;transform-origin:bottom}
/* Card hover */
.ch{transition:transform .18s,box-shadow .18s}
.ch:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.12)}
/* Fade in */
@keyframes fi{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.fi{animation:fi .3s ease forwards}
/* Scrollbar */
::-webkit-scrollbar{width:3px;height:3px}
::-webkit-scrollbar-thumb{background:var(--brand);border-radius:2px}
.noscroll{-ms-overflow-style:none;scrollbar-width:none}
.noscroll::-webkit-scrollbar{display:none}
/* Pro gradient */
.pro{background:linear-gradient(90deg,#9c6bff,#f57c00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
/* Up/down */
.up{color:var(--up)}
.dn{color:var(--dn)}
/* Table */
.tbl{width:100%;border-collapse:collapse}
.tbl th{background:var(--navy);color:#fff;font-size:11px;font-weight:600;padding:8px 10px;text-align:left;white-space:nowrap}
.tbl td{padding:7px 10px;border-bottom:1px solid #f3f4f6;font-size:12px;white-space:nowrap}
.tbl tr:hover td{background:#fff8f0}
/* Rating badges */
.r-good{color:#16a34a;font-weight:700}
.r-great{color:#0284c7;font-weight:700}
.r-excel{color:#7c3aed;font-weight:700}
.r-fair{color:#d97706;font-weight:700}
.r-weak{color:#dc2626;font-weight:700}
.r-buy{color:#16a34a;font-weight:700}
.r-neutral{color:#6b7280;font-weight:700}
.r-sell{color:#dc2626;font-weight:700}
/* Dropdown */
.dd-wrap{position:relative}
.dd-menu{display:none;position:absolute;top:100%;left:0;min-width:190px;background:#fff;border-top:2px solid var(--brand);border-radius:0 0 6px 6px;box-shadow:0 8px 24px rgba(0,0,0,.14);z-index:300}
.dd-wrap:hover .dd-menu{display:block}
.dd-menu a{display:block;padding:8px 14px;font-size:12px;color:#374151;transition:background .12s}
.dd-menu a:hover{background:#fff8f0;color:var(--brand)}
/* Tabs */
.tab-btn{padding:6px 12px;font-size:12px;font-weight:600;color:#6b7280;border-bottom:2px solid transparent;cursor:pointer;background:none;border-top:none;border-left:none;border-right:none;transition:color .15s}
.tab-btn.act{color:#111;border-bottom-color:var(--brand)}
/* Mobile menu */
#mob{display:none}
#mob.open{display:block}
/* Responsive */
@media(max-width:768px){.hide-m{display:none!important}.col2m{grid-template-columns:1fr!important}.col4m{grid-template-columns:1fr 1fr!important}}