@media (max-width: 768px) {
    #history-view .content-card,
    .bank-support-container,
    .provider-support-container {
        margin: 15px 0 0 0 !important;
        padding: 15px 5px !important;
        border-radius: 0 !important;
        border: 1px solid var(--primary-color) !important;
        border-left: none !important;
        border-right: none !important;
    }

    #history-view .sim-table td,
    #history-view .sim-table th,
    #history-view .sim-table td strong {
        font-weight: normal !important;
    }

    #history-view .history-tab-content {
        padding: 10px 5px 20px 5px !important;
    }

    #history-view .sim-table-responsive {
        margin-bottom: 20px !important;
    }
}

.security-history-intro {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 8px 10px 0;
    padding: 9px 11px;
    color: #cbd5e1;
    background: rgba(59, 130, 246, 0.08);
    border: 1px solid rgba(96, 165, 250, 0.28);
    border-radius: 6px;
    font-size: 0.78rem;
    line-height: 1.45;
}

.security-history-intro i { color: #60a5fa; }
.security-event-title { color: #e2e8f0; font-weight: 700; }
.security-actor-badge {
    display: inline-flex;
    padding: 3px 7px;
    border-radius: 999px;
    color: #dbeafe;
    background: rgba(37, 99, 235, 0.2);
    border: 1px solid rgba(96, 165, 250, 0.28);
    font-size: 0.72rem;
    font-weight: 700;
}
.security-event-detail { margin-top: 5px; color: #94a3b8; font-size: 0.7rem; }
.security-event-detail summary { color: #facc15; cursor: pointer; user-select: none; }
.security-event-detail-grid {
    display: grid;
    gap: 3px;
    margin-top: 5px;
    padding: 7px;
    background: rgba(15, 23, 42, 0.55);
    border-radius: 4px;
    white-space: normal;
}
.security-ip { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; white-space: nowrap; }

@media (max-width: 768px) {
    .security-history-intro { margin: 5px 5px 0; }
    .security-history-table { min-width: 720px; }
}