/* Site iskeleti — app/Views içindeki partial'lardan taşındı (her sayfada satır içi basılıyordu).
   Düzenlerken BURAYI düzenleyin; partial'da yalnızca bir işaret yorumu kaldı.
   Sürüm: shellAsset() dosya değişince ?v= ile kendiliğinden yenilenir. */

/* ── kaynak: app/Views/partials/modern-select.php ── */
/* JS enhance edince native select odaklanabilir ama görünmez olur (required doğrulama balonu çalışsın diye display:none KULLANMIYORUZ). JS yoksa <noscript> geri açar. */
.ms-field { position: relative; }
.ms-field > select.cms-modern-select {
    position: absolute;
    left: 0; bottom: 0;
    width: 100%; height: 0;
    min-height: 0; padding: 0; margin: 0; border: 0;
    opacity: 0; pointer-events: none;
}

.ms-trigger {
    width: 100%;
    display: flex;
    align-items: center;
    gap: .5rem;
    text-align: start;
    padding: .5rem .9rem;
    min-height: calc(1.5em + 1rem + 2px);
    font-size: 1rem;
    line-height: 1.5;
    color: #1d1d1f;
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: .6rem;
    cursor: pointer;
    transition: border-color .18s ease, box-shadow .18s ease;
}
.ms-sm .ms-trigger { padding: .3rem .7rem; min-height: calc(1.5em + .5rem + 2px); font-size: .875rem; border-radius: .5rem; }
.ms-trigger:hover { border-color: color-mix(in srgb, var(--primary, #1E3A8A) 40%, #dee2e6); }
.ms-field.open .ms-trigger,
.ms-trigger:focus-visible {
    outline: none;
    border-color: var(--primary, #1E3A8A);
    box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--primary, #1E3A8A) 18%, transparent);
}
.ms-disabled .ms-trigger { background: #e9ecef; color: #6c757d; cursor: not-allowed; pointer-events: none; }
.ms-value { flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ms-trigger.is-placeholder .ms-value { color: #86868b; }
.ms-arrow { flex: 0 0 auto; margin-inline-start: auto; font-size: .8rem; color: #86868b; transition: transform .2s ease; }
.ms-field.open .ms-arrow { transform: rotate(180deg); color: var(--primary, #1E3A8A); }

.ms-panel {
    position: absolute;
    inset-inline: 0;
    top: calc(100% + 6px);
    z-index: 1080;
    background: #fff;
    border: 1px solid #eceef1;
    border-radius: .75rem;
    box-shadow: 0 14px 38px rgba(15, 23, 42, .15);
    padding: .35rem;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-6px);
    transition: opacity .18s ease, transform .18s ease, visibility .18s;
}
.ms-field.open .ms-panel { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); }
.ms-field.drop-up .ms-panel { top: auto; bottom: calc(100% + 6px); transform: translateY(6px); }

.ms-search { display: none; padding: .2rem .2rem .4rem; }
.ms-panel.ms-has-search .ms-search { display: block; }
.ms-search-input {
    width: 100%;
    padding: .45rem .7rem;
    font-size: .9rem;
    color: #1d1d1f;
    border: 1px solid #e5e7eb;
    border-radius: .5rem;
    outline: none;
}
.ms-search-input:focus {
    border-color: var(--primary, #1E3A8A);
    box-shadow: 0 0 0 .18rem color-mix(in srgb, var(--primary, #1E3A8A) 14%, transparent);
}

.ms-options { list-style: none; margin: 0; padding: 0; max-height: 15rem; overflow-y: auto; }
.ms-option {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .5rem .7rem;
    font-size: .925rem;
    color: #1d1d1f;
    border-radius: .45rem;
    cursor: pointer;
    transition: background .12s ease, color .12s ease;
}
.ms-option .ms-option-label { flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ms-option:hover, .ms-option.active {
    background: color-mix(in srgb, var(--primary, #1E3A8A) 8%, transparent);
    color: var(--primary-dark, #152d6e);
}
.ms-option[aria-selected="true"] { color: var(--primary, #1E3A8A); font-weight: 600; }
.ms-option[aria-disabled="true"] { color: #b8bcc4; cursor: not-allowed; pointer-events: none; }
.ms-option.is-placeholder { color: #86868b; }
.ms-check { flex: 0 0 auto; margin-inline-start: auto; font-size: .95rem; color: var(--primary, #1E3A8A); opacity: 0; }
.ms-option[aria-selected="true"] .ms-check { opacity: 1; }
.ms-empty { display: none; padding: .75rem; text-align: center; color: #86868b; font-size: .9rem; }
.ms-panel.no-results .ms-empty { display: block; }
.ms-panel.no-results .ms-options { display: none; }
.ms-options::-webkit-scrollbar { width: 8px; }
.ms-options::-webkit-scrollbar-thumb { background: #d5d9e0; border-radius: 8px; }