/* ═══════════════════════════════════════════════════════════════
   AEGIS Shield — Shield Analysis Modal
   Shield Loading, Results, Score, Warnings
   Author: Claude & Tom Sanders | Silicon Networks
   ═══════════════════════════════════════════════════════════════ */

/* Shield & Multi-KI Analysis Headers */
.aegis-analysis-modal { max-width: 620px; }
.aegis-shield-header { background: linear-gradient(135deg, rgba(0,201,167,0.1), rgba(0,201,167,0.02)); border-bottom: 1px solid rgba(0,201,167,0.2); }
.aegis-shield-header svg { color: var(--aegis-accent); width: 50px; height: 50px; flex-shrink: 0; }
.aegis-ki-header { background: linear-gradient(135deg, rgba(99,102,241,0.1), rgba(99,102,241,0.02)); border-bottom: 1px solid rgba(99,102,241,0.2); }
.aegis-ki-header svg { color: #6366f1; }
.aegis-modal-desc { color: var(--aegis-text-muted); font-size: 14px; line-height: 1.5; margin: 0; }

/* Analysis Info Box */
.aegis-analysis-info { background: rgba(0,0,0,0.25); border-radius: 10px; padding: 14px 16px; display: flex; flex-direction: column; gap: 8px; }
.aegis-analysis-row { display: flex; gap: 10px; font-size: 13px; }
.aegis-analysis-label { color: var(--aegis-text-muted); min-width: 70px; }
.aegis-analysis-value { color: var(--aegis-text); font-weight: 500; word-break: break-word; }

/* Analysis Checks */
.aegis-analysis-checks { background: rgba(0,201,167,0.05); border: 1px solid rgba(0,201,167,0.15); border-radius: 10px; padding: 14px 16px; }
.aegis-ki-modal .aegis-analysis-checks { background: rgba(99,102,241,0.05); border-color: rgba(99,102,241,0.15); }
.aegis-analysis-checks-title { color: var(--aegis-text); font-size: 13px; font-weight: 600; margin-bottom: 12px; }
.aegis-analysis-check-item { display: flex; align-items: center; gap: 10px; color: var(--aegis-text-soft); font-size: 13px; padding: 6px 0; }
.aegis-analysis-check-item svg { color: var(--aegis-accent); flex-shrink: 0; }
.aegis-ki-modal .aegis-analysis-check-item svg { color: #6366f1; }

/* API Status */
.aegis-analysis-status { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--aegis-text-soft); }
.aegis-api-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--aegis-danger); }
.aegis-api-dot.connected { background: var(--aegis-success); box-shadow: 0 0 6px var(--aegis-success); }
.aegis-api-dot.disconnected { background: var(--aegis-danger); }

/* KI Providers Grid in Modal */
.aegis-ki-grid { display: flex; flex-wrap: wrap; gap: 8px; }
.aegis-ki-chip { display: flex; align-items: center; gap: 6px; padding: 6px 12px; background: rgba(0,0,0,0.3); border: 1px solid; border-radius: 20px; font-size: 12px; font-weight: 500; }
.aegis-ki-none { display: flex; align-items: center; gap: 8px; color: var(--aegis-warning); font-size: 13px; }

/* Analysis Buttons */
.aegis-btn-shield { background: transparent !important; color: var(--aegis-accent) !important; border: 1px solid var(--aegis-accent) !important; }
.aegis-btn-shield:hover { background: rgba(0,201,167,0.1); transform: translateY(-1px); box-shadow: 0 4px 15px rgba(0,201,167,0.3); }
.aegis-btn-ki { background: transparent !important; color: #10b981 !important; border: 1px solid #10b981 !important; }
.aegis-btn-ki:hover { background: rgba(16,185,129,0.15) !important; transform: translateY(-1px); box-shadow: 0 4px 15px rgba(16,185,129,0.3); }

/* Shield Loading State */
.aegis-shield-loading { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px 20px; gap: 20px; }
.aegis-shield-spinner { width: 50px; height: 50px; border: 3px solid rgba(0,201,167,0.2); border-top-color: var(--aegis-accent); border-radius: 50%; animation: aegisSpinShield 1s linear infinite; }
@keyframes aegisSpinShield { to { transform: rotate(360deg); } }
.aegis-shield-loading p { color: var(--aegis-text-muted); font-size: 14px; margin: 0; }

/* Shield Result Display */
.aegis-shield-result { display: flex; flex-direction: column; align-items: center; gap: 20px; padding: 20px; }
.aegis-shield-score { width: 100px; height: 100px; border-radius: 50%; border: 4px solid; display: flex; flex-direction: column; align-items: center; justify-content: center; background: rgba(0,0,0,0.3); }
.aegis-shield-score-num { font-size: 36px; font-weight: 700; line-height: 1; }
.aegis-shield-score-label { font-size: 12px; color: var(--aegis-text-muted); text-transform: uppercase; letter-spacing: 1px; }
.aegis-shield-verdict { display: flex; align-items: center; gap: 10px; }
.aegis-shield-verdict-emoji { font-size: 28px; }
.aegis-shield-verdict-text { font-size: 22px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }
.aegis-shield-stats { display: flex; gap: 30px; padding: 15px 0; border-top: 1px solid var(--aegis-glass-border); border-bottom: 1px solid var(--aegis-glass-border); width: 100%; justify-content: center; }
.aegis-shield-stat { display: flex; flex-direction: column; align-items: center; gap: 4px; }
.aegis-shield-stat-num { font-size: 24px; font-weight: 700; color: var(--aegis-text); }
.aegis-shield-stat-label { font-size: 11px; color: var(--aegis-text-muted); text-transform: uppercase; letter-spacing: 0.5px; }

/* Shield Warnings */
.aegis-shield-warnings { width: 100%; background: rgba(245,158,11,0.15); border: 1px solid rgba(245,158,11,0.4); border-radius: 10px; padding: 14px 16px; }
.aegis-shield-warnings-title { color: var(--aegis-warning); font-size: 14px; font-weight: 700; margin-bottom: 10px; }
.aegis-shield-warning-item { display: flex; align-items: flex-start; gap: 8px; color: var(--aegis-text); font-size: 15px; padding: 6px 0; font-weight: 500; }
.aegis-shield-warning-item svg { flex-shrink: 0; margin-top: 2px; }

/* Shield Error State */
.aegis-shield-error { padding: 40px 20px; }
.aegis-shield-result-icon { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; background: rgba(239,68,68,0.1); border-radius: 50%; margin-bottom: 10px; }
.aegis-shield-result-icon svg { width: 30px; height: 30px; color: var(--aegis-danger); }
.aegis-shield-result-title { color: var(--aegis-danger); font-size: 18px; font-weight: 600; margin-bottom: 8px; }
.aegis-shield-result-msg { color: var(--aegis-text-muted); font-size: 14px; text-align: center; }
