/* =====================================================
   ESTADO-MOVIL.CSS — Responsividad específica de Estado
   Star Citizen España (SCESP)
   ===================================================== */

@media (max-width: 768px) {
    /* Banner de Estado */
    .status-banner h2 {
        font-size: 1.5rem;
    }

    .status-grid {
        grid-template-columns: 1fr;
    }

    .status-banner {
        padding: 20px;
    }

    /* Ajustes para el historial en móvil (Diseño Stack) */
    .incident-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
        padding: 15px;
    }

    .incident-actions {
        width: 100% !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 8px;
        border-top: 1px solid rgba(255, 255, 255, 0.05);
        padding-top: 15px;
        margin-top: 5px;
    }

    .incident-status-tag, 
    .incident-severity-tag {
        width: 100% !important;
        margin-bottom: 0 !important;
        font-size: 0.85rem;
        padding: 6px;
    }

    .btn-rsi {
        width: 100% !important;
        min-width: auto;
        padding: 12px;
        font-size: 0.9rem;
        margin-top: 5px;
    }
}