/* ============================= */
/* MALWARE SCANNER STYLE */
/* Author: QuanTriVien */
/* ============================= */


.search{
max-width:1100px; 
margin:20px auto;
display:flex;
flex-direction:column;
gap:15px;
padding:0 20px;
}

/* TEXTAREA */
.search textarea{
width:100%;
height:350px; /* tăng chiều cao */
padding:18px;
font-size:14px;
font-family:Consolas, monospace;
border:1px solid var(--border);
border-radius:12px;
resize:vertical;

background:#020617; /* dark hơn */
color:#e2e8f0;

line-height:1.6;

/* hiệu ứng đẹp hơn */
box-shadow:0 0 0 1px rgba(255,255,255,0.03),
0 10px 30px rgba(0,0,0,0.3);
}

.search textarea::placeholder{
color:#64748b;
}

/* BUTTON */

.search button{
padding:12px;
background:linear-gradient(135deg,#0ea5e9,#2563eb);
color:#fff;
border:none;
border-radius:10px;
font-weight:600;
cursor:pointer;
transition:0.2s;
}

.search button:hover{
opacity:0.9;
transform:translateY(-1px);
}

/* ===== RESULT ===== */

.result{
max-width:900px;
margin:20px auto;
padding:15px;
border-radius:10px;
font-family:Consolas, monospace;
white-space:pre-wrap;
word-break:break-word;
border:1px solid var(--border);
}

/* ===== RISK LEVEL ===== */

.risk{
font-weight:bold;
margin-bottom:10px;
padding:10px;
border-radius:8px;
}

.risk.safe{
background:#ecfdf5;
color:#065f46;
border:1px solid #10b981;
}

.risk.medium{
background:#fffbeb;
color:#92400e;
border:1px solid #f59e0b;
}

.risk.high{
background:#fff7ed;
color:#9a3412;
border:1px solid #f97316;
}

.risk.critical{
background:#fef2f2;
color:#7f1d1d;
border:1px solid #ef4444;
}

/* ===== INFO FLOW ===== */

.info-flow{
text-align:center;
margin-top:15px;
font-size:13px;
color:var(--muted);
}

/* ===== INFO BOX (reuse nhưng tweak nhẹ) ===== */

.info-box{
max-width:900px;
margin:30px auto;
background:#fff;
border:1px solid var(--border);
border-radius:10px;
padding:20px;
}

.info-title{
font-weight:bold;
margin-bottom:15px;
font-size:16px;
}

.info-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:10px;
margin-bottom:15px;
}

.info-item{
display:flex;
justify-content:space-between;
font-size:13px;
padding:8px 10px;
background:#f8fafc;
border-radius:6px;
}

.info-desc{
font-size:13px;
color:#444;
line-height:1.6;
}

/* ===== RESPONSIVE ===== */

@media(max-width:768px){

.search textarea{
height:180px;
}

.info-grid{
grid-template-columns:1fr;
}

}

textarea#code{
height:350px;
background:#020617;
color:#e2e8f0;
}