body{
margin:0;
font-family:Arial;
background:#050b16;
color:#00eaff;
}

header{
text-align:center;
padding:10px;
border-bottom:1px solid #00eaff;
}

#dashboard{
display:flex;
height:calc(100vh - 120px);
}

#map{
flex:1;
height:100%;
}

#sidepanel{
width:320px;
background:#020617;
padding:15px;
border-left:1px solid #00eaff;
overflow:auto;
}

h2{
border-bottom:1px solid #00eaff;
padding-bottom:5px;
}
.market-card{
background:#071424;
padding:10px;
margin-bottom:12px;
border:1px solid #00eaff;
}

.market-card div{
margin-bottom:5px;
font-weight:bold;
}
#alertBanner{
display:none;
background:red;
color:white;
text-align:center;
padding:10px;
font-weight:bold;
position:relative;
z-index:1000;
animation:blink 1s infinite;
}

@keyframes blink{
0%{opacity:1;}
50%{opacity:0.4;}
100%{opacity:1;}
}
nav button{
background:#071424;
color:#00eaff;
border:1px solid #00eaff;
padding:6px 10px;
margin:4px;
cursor:pointer;
}

nav button:hover{
background:#00eaff;
color:#000;
}

#statusBar{
background:#071424;
color:#00eaff;
text-align:center;
padding:5px;
border-bottom:1px solid #00eaff;
font-size:14px;
}
.plane-icon {
transform-origin:center;
}
/* Force link color for news */
#newsFeed a:link,
#newsFeed a:visited{
color:#00eaff !important;
text-decoration:none;
}

#newsFeed a:hover{
color:white !important;
}

/* style list */
#newsFeed{
list-style:none;
padding:0;
}

#newsFeed li{
padding:10px;
margin-bottom:10px;
border-bottom:1px solid #00eaff;
}
/* Force all links to match dashboard theme */
a:link {
color: #00eaff !important;
}

a:visited {
color: #00eaff !important;
}

a:hover {
color: white !important;
}
#newsFeed {
list-style: none;
padding: 0;
}

#newsFeed li {
padding: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #00eaff;
}
/* news page layout */

.news-container{
padding:20px;
}

#newsFeed{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(350px,1fr));
gap:20px;
}

/* news cards */

.news-card{
background:#071424;
border:1px solid #00eaff;
display:flex;
flex-direction:column;
overflow:hidden;
}

.news-img{
width:100%;
height:200px;
object-fit:cover;
}

.news-content{
padding:10px;
}

.news-content h3{
margin:0;
font-size:16px;
}

.news-content a{
color:#00eaff;
text-decoration:none;
}

.news-content a:hover{
color:white;
}

.news-time{
font-size:12px;
color:#aaa;
}


/* Markets page layout */

.market-container{
padding:20px;
}

.tradingview-widget-container{
margin-bottom:40px;
border:1px solid #00eaff;
background:#071424;
padding:10px;
}
.tradingview-widget-container{
margin-bottom:40px;
border:1px solid #00eaff;
background:#071424;
padding:10px;
border-radius:6px;
}

/* market ticker */

.ticker-container{
border-bottom:1px solid #00eaff;
background:#020617;
padding:5px;
}

#cctvMap{
height:90vh;
width:100%;
}
#cctvMap{
height:90vh;
width:100%;
background:#020617;
border-top:1px solid #00eaff;
}