.card-hidden-content {
    height: 0px;
    visibility: hidden;
}

.card-active-background {
    background-color: #42a5f5;
}

.tab-border-radius {
    border-radius: 12px;
}

.vertical-radio-group .mud-card {
    display: block;
    width: 100%;
}

    .vertical-radio-group .mud-card + .mud-card {
        margin-top: 0.75rem; /* spacing between cards */
    }


.log-panel {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    max-height: 300px;
    background-color: var(--mud-palette-background);
    border-top: 1px solid var(--mud-palette-divider);
    z-index: 1300;
}

.log-container {
    max-height: 240px;
    overflow-y: auto;
    padding: 8px 16px;
}

/*.line-tab-icon .mud-icon-root {
    font-size: 16px;
}

 Genel font ayarı 
body, .mud-typography {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 400;
    color: #E0E0E0;  Açık gri modern renk 
}

 Expansion Panel başlıkları 
.mud-expansion-panel-header {
    font-size: 1.1rem;  Biraz büyük ve okunaklı 
    font-weight: 600;  Daha kalın 
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #90CAF9;  Açık mavi ton, dikkat çekici 
    padding: 1rem 1.5rem;
    background-color: #1E1E2F;  Koyu mavi-mor ton, modern his 
    border-bottom: 1px solid #333753;
    transition: background-color 0.3s ease;
}

    .mud-expansion-panel-header:hover {
        background-color: #3949AB;  Hoverda daha koyu mavi 
        cursor: pointer;
    }

 Expansion panel içeriği 
.mud-expansion-panel-content {
    background-color: #2A2A3E;
    color: #B0BEC5;  Açık gri mavi ton 
    font-size: 0.95rem;
    line-height: 1.5;
    padding: 1rem 2rem;
}

 Checkbox ve label 
.mud-checkbox-label {
    font-size: 1rem;
    font-weight: 500;
    color: #CFD8DC;
}

 Dropdown / Select elementler 
.mud-select-root {
    min-width: 250px;
    color: #ECEFF1;
    font-weight: 200;
}

 Butonlar 
.mud-button-filled {
    border-radius: 4px;
    padding: 0.5rem 1.5rem;
    font-weight: 600;
    text-transform: uppercase;
    box-shadow: 0 3px 8px rgb(0 0 0 / 0.15);
    transition: background-color 0.3s ease;
}

    .mud-button-filled.mud-primary-filled {
        background-color: #42A5F5;
        color: white;
    }

        .mud-button-filled.mud-primary-filled:hover {
            background-color: #1E88E5;
        }

     Cancel butonu farklı renk 
    .mud-button-filled.mud-secondary-filled {
        background-color: #AB47BC;
        color: white;
    }

        .mud-button-filled.mud-secondary-filled:hover {
            background-color: #8E24AA;
        }

 Telefon numarası sekmesi 
.mud-tabs-item {
    font-weight: 600;
    font-size: 0.95rem;
    color: #90CAF9;
    padding: 0.5rem 1rem;
    border-bottom: 2px solid transparent;
    transition: border-color 0.3s ease, color 0.3s ease;
}

    .mud-tabs-item.mud-tabs-item-active {
        border-bottom-color: #42A5F5;
        color: #42A5F5;
    }

*/