/* ============================================
   BEM Methodology CSS
   Block__Element--Modifier
   ============================================ */

/* ============================================
   Container Block
   ============================================ */

.container {
    max-width: 1200px;
}

/* ============================================
   SQL Result Block
   ============================================ */

.sql-result {
    margin-top: 20px;
}

.sql-result__pre {
    max-height: 500px;
    overflow-y: auto;
}

/* ============================================
   Item Detail Block
   ============================================ */

.item-detail {
    /* Base item detail container - extends Bootstrap card */
}

.item-detail__field {
    margin-bottom: 10px;
}

.item-detail__field-content {
    word-wrap: break-word;
    margin-top: 5px;
}

.item-detail__actions {
    margin-top: 20px;
}

/* ============================================
   Item Content Block
   ============================================ */

.item-content {
    /* Base item content container */
}

.item-content__body {
    transition: max-height 0.3s ease-out;
}

.item-content__toggle {
    cursor: pointer;
    text-decoration: none;
    color: #0d6efd;
    display: inline-block;
    margin-top: 8px;
}

.item-content__toggle:hover {
    text-decoration: underline;
    color: #0a58ca;
}