/* Moved global layout and base rules (.content, .content-container, html/body)
   to zzz_glass.css to avoid duplicate component declarations and ensure
   global overrides load last. */

.form-check-label {
    color: var(--text-primary) !important;
}

.cards-container {
    width: 100% !important;
    height: 150px !important;
    display: flex !important;
    flex-wrap: wrap !important;
}

.card {
    margin: auto !important;
    /* border-radius handled by glass theme */
    height: 100% !important;
    width: 100% !important;
    padding: 4px !important;
}

.card-header {
    width: 100% !important;
    margin: auto !important;
    text-align: center !important;
}

.card-footer {
    width: 100% !important;
    margin: auto !important;
    text-align: center !important;
}

.card_with_shadow {
    margin: auto !important;
    /* border-radius handled by glass theme */
    height: 100% !important;
    width: 300px !important;
    /* box-shadow handled by glass theme */
    padding: 0px !important;
}

.card_dashboard {
    margin: auto !important;
    /* border-radius handled by glass theme */
    height: 100% !important;
    width: 50% !important;
    /* box-shadow handled by glass theme */
    padding: 0px !important;
}

.chat-card {
    margin: auto !important;
    /* border-radius handled by glass theme */
    height: 100% !important;
    width: 100% !important;
    /* box-shadow handled by glass theme */
    padding: 0px !important;
}

.card-config-connectors {
    margin: auto !important;
    padding: 5px !important;
    border: 0px !important;
    height: 100% !important;
    width: 100% !important;
}

.form-components-container {
    align-items: center !important;
    justify-content: center !important;
    display: flex;
    flex-direction: row;
}

.card-config-container {
    margin: auto !important;
    align-items: center !important;
    justify-content: center !important;
}

.card-img {
    width: 200px !important;
    height: 60px !important;
}

.card-body {
    display: flex;
    flex-flow: column;
    margin: auto !important;
    height: 100% !important;
}

.card-body-images {
    display: flex;
    flex-flow: column;
    margin: auto !important;
    height: 100% !important;
    width: 100% !important;
}

.modal-body {
    padding: 0 !important;
}

.card-text {
    font-size: 15px !important;
    flex: none !important;
}

.card-container {
    margin: auto;
    align-items: center !important;
    padding: 10px !important;
}

.col-md-4 {
    margin: auto !important;
}

.col, .row {
    margin: auto !important;
    display: flex !important;
    justify-content: center;
    padding: 2px !important;
}

.row-with-buttons {
    padding-top: 10px !important;
}

.form-control-config-form {
    width: 300px !important;
    height: 50px !important;
}

.form-control {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.form-control-config-form-active {
    width: 300px !important;
    height: 20px !important;
    padding: 5px !important;
}

.form-control-engine-selector, .mb-3 {
    display: flex;
    flex-direction: column;
    align-items: center !important;
}

.form-control-engine-selector-pipelines-tasks, .mb-3-pipelines-tasks {
    display: flex;
    flex-direction: column;
    align-items: center !important;
    margin: auto !important;
}

.form-control-engine-selector-container {
    display: flex;
    flex-direction: row;
    width: 100% !important;
}

.label-bold {
    font-weight: bold !important;
    color: var(--text-primary) !important;
}

.logo-container {
    display: flex !important;
    justify-content: center !important;
    margin: auto !important;
}

.border-secondary {
    border: 1px solid var(--border-color) !important;
}

.alert-text {
    margin-bottom: 0 !important;
}

.notebooks-iframe {
    width: 100% !important;
    height: 84vh !important;
    border: 0 !important;
    margin: auto !important;
}

.dropdown-menu.show {
    background: rgba(8, 20, 22, 1) !important;
}

.dropdown-item {
    color: var(--text-primary, #F6F8F9) !important;
}

.dropdown-item:focus, .dropdown-item:hover {
    background:
    linear-gradient(160deg,
      color-mix(in oklab, var(--brand-cyan, #50C9CE) 34%, transparent) 0%,
      color-mix(in oklab, var(--brand-cyan, #50C9CE) 22%, transparent) 52%,
      color-mix(in oklab, var(--brand-cyan, #50C9CE) 12%, transparent) 100%
    ) !important;
    color: var(--text-primary, #F6F8F9) !important;
}

/* Duplicate .nav-tabs styles consolidated into zzz_glass.css */

/* Badge global styling consolidated into zzz_glass.css */
/* Avatar glass and image styles consolidated into zzz_glass.css */