/* NoPa IT – Zabezpečení */

.sec-gate { display: flex; justify-content: center; padding: 60px 0; }
.sec-gate-card {
    max-width: 420px; width: 100%; background: var(--bg-card); border: 1px solid var(--border);
    border-radius: 20px; padding: 40px; text-align: center;
}
.sec-gate-form .form-group { text-align: left; }

.sec-stats-bar {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;
    background: rgba(0,0,0,0.2); border: 1px solid var(--border); border-radius: 16px;
    padding: 32px; margin-bottom: 56px; text-align: center;
}
.sec-stat-num {
    font-size: 2.2rem; font-weight: 900; font-family: var(--mono);
    background: var(--gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
.sec-stat p { font-size: 0.8rem; color: var(--text-muted); margin-top: 6px; }

.sec-tool-card {
    background: var(--bg-card); border: 1px solid var(--border); border-radius: 20px;
    padding: 40px; margin-bottom: 32px;
}
.sec-tool-primary {
    border-color: var(--border-hover);
    background: linear-gradient(180deg, rgba(0,212,255,0.06), var(--bg-card) 60%);
    box-shadow: 0 0 40px rgba(0,212,255,0.06);
}
.sec-tool-card h2 { font-size: 1.4rem; font-weight: 700; margin-bottom: 12px; display: flex; align-items: center; gap: 10px; }
.sec-tool-card h2 i { color: var(--accent); }
.sec-tool-card > p { color: var(--text-muted); margin-bottom: 24px; max-width: 640px; }

.sec-inline-form { display: flex; gap: 16px; align-items: flex-end; flex-wrap: wrap; }
.sec-inline-form .form-group { flex: 1; min-width: 240px; margin-bottom: 0; }

.sec-result { margin-top: 20px; }
.sec-result-box {
    border-radius: 14px; padding: 20px 24px; display: flex; align-items: center; gap: 16px;
    border: 1px solid var(--border); background: rgba(255,255,255,0.03);
}
.sec-result-box.ok { border-color: rgba(34,197,94,0.3); background: rgba(34,197,94,0.08); }
.sec-result-box.warn { border-color: rgba(239,68,68,0.3); background: rgba(239,68,68,0.08); }
.sec-result-icon { font-size: 1.8rem; flex-shrink: 0; }
.sec-result-box.ok .sec-result-icon { color: #22c55e; }
.sec-result-box.warn .sec-result-icon { color: #ef4444; }
.sec-result-num { font-size: 1.6rem; font-weight: 800; font-family: var(--mono); }
.sec-result-box p { font-size: 0.9rem; color: var(--text-muted); margin-top: 4px; }

.sec-badges { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.sec-badge {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 5px 12px; border-radius: 999px; font-size: 0.75rem; font-weight: 600;
    border: 1px solid var(--border);
}
.sec-badge-danger { background: rgba(239,68,68,0.12); color: #ef4444; border-color: rgba(239,68,68,0.3); }
.sec-badge-warn { background: rgba(245,158,11,0.12); color: #f59e0b; border-color: rgba(245,158,11,0.3); }

.sec-types { margin-top: 16px; font-size: 0.85rem; color: var(--text-muted); }
.sec-types strong { color: var(--text); }

.sec-breach-list { margin-top: 16px; display: grid; gap: 10px; }
.sec-breach-item { padding: 14px 18px; border-radius: 10px; background: rgba(255,255,255,0.03); border: 1px solid var(--border); font-size: 0.85rem; }
.sec-breach-item strong { color: var(--text); }
.sec-breach-meta { color: var(--text-dim); font-family: var(--mono); font-size: 0.75rem; margin-top: 4px; }

.sec-verify-block { margin-top: 28px; padding-top: 28px; border-top: 1px dashed var(--border); }
.sec-verify-block h3 { font-size: 1.1rem; margin-bottom: 8px; }
.sec-verify-block > p { color: var(--text-muted); font-size: 0.9rem; margin-bottom: 20px; max-width: 600px; }
.sec-verify-block .form-group { max-width: 360px; }

.sec-note { padding: 24px 0 0; }
.sec-note p { color: var(--text-dim); font-size: 0.85rem; text-align: center; }
.sec-note a { color: var(--accent); }

.sec-spin { animation: secSpin 0.8s linear infinite; }
@keyframes secSpin { to { transform: rotate(360deg); } }

@media (max-width: 768px) {
    .sec-stats-bar { grid-template-columns: 1fr; }
    .sec-inline-form { flex-direction: column; align-items: stretch; }
}