/* Enhanced Card Styles for ActiveMQ Info */
.activemq-card {
    border-radius: 1rem;
    box-shadow: 0 4px 24px rgba(0,0,0,0.10), 0 1.5px 4px rgba(0,0,0,0.08);
    border: none;
    background: linear-gradient(135deg, #f8fafc 0%, #e3e9f7 100%);
    margin-bottom: 2rem;
    transition: box-shadow 0.2s;
    width: fit-content;
    min-width: 320px; /* Optional: reasonable minimum for readability */
    max-width: 100%;
    margin-left: 1rem;
    margin-right: 1rem;
    display: inline-block; /* Allow cards to shrink and sit side by side */
    vertical-align: top; /* Align cards to the top if multiple in a row */
}

    .activemq-card:hover {
        box-shadow: 0 8px 32px rgba(0,0,0,0.16), 0 3px 8px rgba(0,0,0,0.12);
    }

    .activemq-card .card-header {
        background: linear-gradient(90deg, #3b82f6 0%, #6366f1 100%);
        color: #fff;
        border-radius: 1rem 1rem 0 0;
        padding: 1rem 1.5rem;
        border-bottom: none;
    }

        .activemq-card .card-header h5 {
            margin: 0;
            font-weight: 600;
            letter-spacing: 0.5px;
        }

    .activemq-card .card-body {
        padding: 1.5rem;
    }

    .activemq-card dl.row {
        margin-bottom: 0;
    }

    .activemq-card dl {
        display: grid;
        grid-template-columns: auto auto;
        gap: 0.25rem 1.5rem;
        margin-bottom: 0;
    }

    .activemq-card dt {
        font-weight: 500;
        color: #475569;
        text-align: right;
    }

    .activemq-card dd {
        margin-left: 0;
        color: #0f172a;
    }