/* ============================================================
   GLOBAL INTELLIGENCE NETWORK
   ============================================================ */

body{
background:#0c0c0c;
color:#e0e0e0;
font-family:Arial, Helvetica, sans-serif;
margin:0;
padding:40px;
}

.container{
max-width:900px;
margin:auto;
}

h1{
margin-bottom:20px;
}

form{
margin-bottom:30px;
}

/* global inputs */

input{
padding:10px;
background:#111;
border:1px solid #333;
color:white;
max-width:100%;
box-sizing:border-box;
}

button{
padding:10px 15px;
background:#990000;
border:none;
color:white;
cursor:pointer;
}

button:hover{
background:#bb0000;
}

.article{
margin-top:20px;
padding:15px;
border:1px solid #222;
background:#141414;
}

.meta{
font-size:0.85em;
color:#999;
}

a{
color:#ff5555;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

.error{
color:#ff4444;
}

/* ============================================================
   HERO BANNER
   ============================================================ */

.hero{
width:100%;
margin-bottom:25px;
display:flex;
justify-content:center;
}

.hero img{
width:100%;
max-height:300px;
object-fit:cover;
border-radius:12px;
box-shadow:4px 4px 8px #000;
}

/* ============================================================
   HERO CLOCK
   ============================================================ */

.hero-clock{
display:flex;
justify-content:flex-end;
margin-bottom:8px;
font-size:0.8rem;
color:#888;
letter-spacing:1px;
font-family:monospace;
}

/* ============================================================
   INTELLIGENCE SEARCH PANEL
   ============================================================ */

.intel-search{
background:#111;
border:1px solid #222;
border-radius:6px;
padding:20px;
margin-bottom:30px;
box-shadow:0 0 10px rgba(0,0,0,0.6);
}

.search-row{
display:flex;
flex-wrap:wrap;
gap:20px;
align-items:flex-end;
}

.search-field{
display:flex;
flex-direction:column;
min-width:160px;
gap:6px;
}

.search-field label{
font-size:0.75rem;
text-transform:uppercase;
letter-spacing:1px;
color:#888;
}

.search-field input,
.search-field select{
padding:10px 12px;
background:#0f0f0f;
border:1px solid #333;
color:#e0e0e0;
border-radius:4px;
font-size:0.9rem;
min-width:160px;
}

.search-field input{
width:300px;
}

/* actions */

.search-actions{
display:flex;
gap:10px;
align-items:flex-end;
}

.btn-search,
.btn-refresh{
padding:10px 16px;
border-radius:4px;
font-size:0.9rem;
cursor:pointer;
}

.btn-search{
background:#990000;
}

.btn-search:hover{
background:#bb0000;
}

.btn-refresh{
background:#222;
border:1px solid #444;
}

.btn-refresh:hover{
background:#333;
}

/* mobile fix */

@media (max-width:600px){

body{
padding:20px;
}

.search-field input{
width:100%;
}

}

@media (max-width:600px){

body{
padding:15px;
}

input{
width:100%;
}

}