﻿/* ===================================================================
   LAFDialogMultiSelect layout — en genis ogeye gore otomatik yatay
   genisleme, ust sinir 500px. Sinira dayaninca etiketler alt satira sarar.
   =================================================================== */
.laf-ms-root {
    box-sizing: border-box;
    width: max-content;
    min-width: min(250px, calc(100vw - 48px)); /* 250px'in altına düşmesin */
    max-width: min(500px, calc(100vw - 48px));
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 16px; /* 8px → 12px: öğeler arası nefes */
}

.laf-ms-message {
    font-family: var(--LAF-default-font-family);
    font-size: var(--LAF-default-font-size);
    color: var(--LAF-palette-text);
    line-height: 1.3;
    overflow-wrap: anywhere;
    margin: 10px 0;
}

.laf-ms-divider {
    height: 1px;
    width: 100%;
    background-color: var(--LAF-palette-lines-divider);
}

/* ── Bu dialog icindeki checkbox'lar: cok satirli etikete izin ver ── */
.laf-ms-root .laf-checkbox {
    display: flex; /* inline-flex yerine: satiri tam kaplasin */
    align-items: flex-start; /* kutu ilk satira hizali kalsin */
    max-width: 100%;
}

/* Native input'u kutuyla ust-hizali tut (default center'i ez) */
.laf-ms-root .laf-checkbox-native {
    top: 1px;
    transform: none;
}

.laf-ms-root .laf-checkbox-box {
    margin-top: 1px; /* kutuyu ilk satirla optik hizala (0-2px oynat) */
}

.laf-ms-root .laf-checkbox-label {
    min-width: 0; /* flex item kuculebilsin -> sarabilsin */
    overflow-wrap: anywhere; /* uzun tek kelime de sarsin */
    line-height: 1.3;
}
