/* ==================== SECURITY LOG DETAIL ACTION ==================== */

.security-detail-container {
    padding: 1.5rem;
    background: var(--coop-bg-light-alt);
    min-height: 100%;
}

.security-detail-header {
    margin-bottom: 1.5rem;
}

.security-detail-event-badge {
 padding: 1.5rem;
    border-radius: 8px;
    text-align: center;
}

.security-detail-event-badge.security-event-critical {
    background: linear-gradient(135deg, #ffebee 0%, #ffcdd2 100%);
    border-left: 4px solid #c62828;
}

.security-detail-event-badge.security-event-warning {
    background: linear-gradient(135deg, #fff3e0 0%, #ffe0b2 100%);
    border-left: 4px solid #ef6c00;
}

.security-detail-event-badge.security-event-success {
    background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);
    border-left: 4px solid #2e7d32;
}

.security-detail-event-badge.security-event-info {
background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
    border-left: 4px solid #1565c0;
}

.security-detail-event-id {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.security-detail-event-badge.security-event-critical .security-detail-event-id {
    color: #c62828;
}

.security-detail-event-badge.security-event-warning .security-detail-event-id {
    color: #ef6c00;
}

.security-detail-event-badge.security-event-success .security-detail-event-id {
    color: #2e7d32;
}

.security-detail-event-badge.security-event-info .security-detail-event-id {
    color: #1565c0;
}

.security-detail-event-description {
 font-size: 1.1rem;
    font-weight: 500;
    color: #2c3e50;
}

.security-detail-section {
    background: white;
    border-radius: 8px;
    padding: 1.25rem;
    margin-bottom: 1rem;
    box-shadow: 0 2px 4px rgba(0,0,0,0.08);
}

.security-detail-section-title {
    display: flex;
    align-items: center;
    font-size: 1rem;
    font-weight: 600;
    color: var(--coop-dark-green);
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid var(--coop-primary-green);
}

.security-detail-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75rem;
}

.security-detail-item {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.security-detail-label {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #6c757d;
}

.security-detail-value {
    font-size: 0.95rem;
    color: #2c3e50;
    word-break: break-word;
}

.security-detail-mono {
    font-family: 'Courier New', Courier, monospace;
    background: #f5f7fa;
    padding: 0.5rem;
    border-radius: 4px;
    font-size: 0.85rem;
}

.security-detail-logon-badge {
    display: inline-block;
    padding: 0.5rem 1rem;
background: linear-gradient(135deg, #f3e5f5 0%, #e1bee7 100%);
    border-left: 4px solid #7b1fa2;
    border-radius: 4px;
    font-weight: 600;
    color: #4a148c;
}

.security-detail-auth-badge {
    display: inline-block;
    padding: 0.5rem 1rem;
    background: linear-gradient(135deg, #e8eaf6 0%, #c5cae9 100%);
    border-left: 4px solid #3f51b5;
  border-radius: 4px;
    font-weight: 600;
    color: #1a237e;
}

.security-detail-status-badge {
    display: inline-block;
    padding: 0.5rem 1rem;
    border-radius: 4px;
 font-weight: 600;
    border-left: 4px solid;
}

.security-detail-status-badge.status-success {
    background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);
    border-left-color: #2e7d32;
    color: #1b5e20;
}

.security-detail-status-badge.status-critical {
    background: linear-gradient(135deg, #ffebee 0%, #ffcdd2 100%);
    border-left-color: #c62828;
    color: #b71c1c;
}

.security-detail-status-badge.status-warning {
    background: linear-gradient(135deg, #fff3e0 0%, #ffe0b2 100%);
    border-left-color: #ef6c00;
    color: #e65100;
}

.security-detail-status-badge.status-info {
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
    border-left-color: #1565c0;
    color: #0d47a1;
}

.security-detail-ai-section {
    margin: 1.5rem 0;
}

.security-detail-ai-result {
    background: white;
    border-radius: 8px;
    padding: 1.5rem;
    margin-top: 1.5rem;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    border-left: 4px solid var(--coop-primary-green);
}

.security-detail-ai-result-header {
    display: flex;
    align-items: center;
  margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 2px solid #e0e0e0;
}

.security-detail-ai-result-content {
    color: #2c3e50;
    line-height: 1.6;
}

.security-detail-ai-result-content h4 {
    color: var(--coop-dark-green);
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}

.security-detail-ai-result-content ul {
    padding-left: 1.5rem;
    margin: 0.5rem 0;
}

.security-detail-ai-result-content li {
    margin-bottom: 0.5rem;
}

.security-detail-ai-result-content strong {
    color: var(--coop-dark-green);
}

.security-detail-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
 text-align: center;
}

/* Responsive */
@media (min-width: 768px) {
    .security-detail-grid {
      grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .security-detail-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Make rows clickable in security logs table */
.security-logs-grid .rz-datatable-data tr {
    cursor: pointer;
    transition: all 0.2s ease;
}

.security-logs-grid .rz-datatable-data tr:hover {
    background-color: var(--coop-bg-light-green) !important;
    transform: translateX(2px);
}

.security-logs-grid .rz-datatable-data tr.rz-state-highlight {
    background-color: var(--coop-bg-light-green) !important;
    border-left: 4px solid var(--coop-primary-green);
}