/* ==========================================================================
   SCAM SHIELD ADMIN - MINIMALIST COMPACT UI v4.0
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');

:root {
    --bg-body: #ffffff;
    --text-main: #111111;
    --text-muted: #666666;
    --border-color: #e0e0e0;
    --primary: #000000;

    --status-pending: #f39c12;
    --status-verified: #27ae60;
    --status-rejected: #c0392b;

    --font-stack: 'Inter', system-ui, -apple-system, sans-serif;
}

/* ============================================
   GLOBAL RESET
   ============================================ */

body {
    font-family: var(--font-stack) !important;
    background-color: var(--bg-body) !important;
    color: var(--text-main) !important;
    font-size: 13px !important;
}

a {
    color: #000;
    text-decoration: underline;
}

a:hover {
    color: #555;
}

/* ============================================
   TABLE DESIGNS - COMPACT & CLEAN
   ============================================ */

/* Force table to fit screen */
.table-responsive {
    overflow-x: visible !important;
}

.table {
    width: 100% !important;
    border-collapse: collapse !important;
    font-size: 13px !important;
}

/* Header */
.table thead th {
    background-color: #f5f5f5 !important;
    color: #111 !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    border-bottom: 2px solid #000 !important;
    padding: 8px 10px !important;
    font-size: 11px !important;
    white-space: nowrap !important;
    /* Headers stay one line */
}

/* Cells */
.table tbody td {
    padding: 8px 10px !important;
    border-bottom: 1px solid #eee !important;
    vertical-align: top !important;
    color: #333 !important;

    /* key to "no horizontal scroll" + "see all text" */
    white-space: normal !important;
    word-wrap: break-word !important;
    max-width: 200px;
    /* Limit width of generic columns */
}

.table-hover tbody tr:hover {
    background-color: #f9f9f9 !important;
}

/* Specific Columns Width Control */
.column-id {
    width: 50px;
}

.column-status {
    width: 100px;
}

.column-severity {
    width: 80px;
}

.column-actions {
    width: 80px;
    text-align: right;
}

/* ============================================
   CLASS-BASED STYLING (From admin.py)
   ============================================ */

/* User Email */
.user-email {
    font-weight: 500;
}

/* Content Cell */
.content-cell {
    font-family: monospace;
    background: #f8f8f8;
    padding: 4px;
    border-radius: 3px;
    border: 1px solid #eee;
    font-size: 12px;
    max-height: 60px;
    /* Limit height slightly */
    overflow-y: auto;
}

/* Status Badges - Simple Outlines or Dots */
.badge-status {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    border: 1px solid transparent;
}

.status-pending {
    color: #d35400;
    background: #fdebd0;
    border-color: #f5cba7;
}

.status-verified {
    color: #196f3d;
    background: #d4efdf;
    border-color: #a9dfbf;
}

.status-rejected {
    color: #922b21;
    background: #fadbd8;
    border-color: #f1948a;
}

.status-reviewing {
    color: #2471a3;
    background: #d6eaf8;
    border-color: #a9cce3;
}

/* Threat Type - Minimal Text */
.badge-type {
    color: #555;
    font-size: 11px;
    font-weight: 500;
}

.badge-type:before {
    margin-right: 4px;
}

.type-url:before {
    content: '🔗';
}

.type-phone:before {
    content: '📞';
}

.type-sms:before {
    content: '💬';
}

.type-email:before {
    content: '📧';
}

/* Severity */
.badge-severity {
    font-weight: 700;
    font-size: 10px;
    text-transform: uppercase;
}

.severity-critical {
    color: #c0392b;
}

.severity-high {
    color: #e74c3c;
}

.severity-medium {
    color: #f39c12;
}

.severity-low {
    color: #27ae60;
}

/* AI Badge */
.ai-badge {
    border: 1px solid #ccc;
    color: #666;
    padding: 1px 4px;
    font-size: 9px;
    border-radius: 3px;
}

/* Actions */
.action-btn {
    color: #000;
    text-decoration: none;
    font-weight: 600;
    border: 1px solid #ccc;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 11px;
    transition: all 0.2s;
}

.action-btn:hover {
    background: #000;
    color: #fff;
    border-color: #000;
    text-decoration: none;
}

.status-done {
    color: #999;
    font-size: 11px;
    font-style: italic;
}

/* ============================================
   JAZZMIN / LAYOUT OVERRIDES
   ============================================ */

/* Remove Jazzmin Sidebar Gradients/Colors */
.main-sidebar {
    background-color: #f8f9fa !important;
    border-right: 1px solid #e0e0e0;
}

.main-sidebar .nav-link {
    color: #333 !important;
}

.main-sidebar .nav-link.active {
    background-color: #e0e0e0 !important;
    color: #000 !important;
    box-shadow: none !important;
    font-weight: 600;
}

.brand-link {
    border-bottom: 1px solid #e0e0e0 !important;
    background: #fff !important;
    color: #000 !important;
}

/* Remove Card Shadows/Borders for Flat Look */
.card {
    box-shadow: none !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 4px !important;
}

.card-header {
    border-bottom: 1px solid #eee !important;
    background: #fff !important;
    padding: 10px 15px !important;
}

/* Report Summary Card in Detail View */
.report-summary-card {
    border: 1px solid #ccc;
    padding: 15px;
    margin-bottom: 20px;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.summary-header h3 {
    margin: 0;
    font-size: 16px;
}

.summary-header p {
    margin: 0;
    color: #666;
    font-size: 12px;
}

.summary-badge {
    font-weight: bold;
    padding: 5px 10px;
    border: 1px solid #000;
    border-radius: 4px;
    font-size: 12px;
}