/* bodrum.gen.tr yönetim paneli — özel sayfalar için küçük eklemeler (av- önekli) */
.av-stack { display: flex; flex-direction: column; gap: 14px; }
.av-gap-sm { gap: 10px !important; }
.av-gap-lg { gap: 22px !important; }
.av-grid-2 { display: grid; gap: 24px; grid-template-columns: repeat(auto-fit, minmax(min(340px, 100%), 1fr)); align-items: start; }
.av-field { display: flex; flex-direction: column; gap: 6px; font-size: 14px; font-weight: 600; }
.av-muted { color: rgb(100 116 139); font-weight: 400; margin: 0; }
.av-small { font-size: 13px; }
.av-error { color: rgb(180 35 24); font-size: 13px; font-weight: 500; }
.av-empty { margin: 0; padding: 14px; border: 1px dashed rgb(203 213 225); border-radius: 10px; color: rgb(100 116 139); font-size: 14px; }

.av-group { display: flex; flex-direction: column; gap: 6px; }
.av-group__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; padding-bottom: 6px; border-bottom: 1px solid rgb(226 232 240); }
.av-group__head > div { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.av-group__range { font-size: 18px; }

.av-row { display: flex; align-items: center; gap: 12px; padding: 8px 10px; border-radius: 10px; flex-wrap: wrap; }
.av-row:hover { background: rgb(241 245 249); }
.av-row--selected { background: rgb(232 239 252); box-shadow: inset 0 0 0 2px #1456D9; }
.av-row--dim { opacity: .6; }
.av-row__num { width: 32px; height: 32px; flex: none; border-radius: 8px; background: rgb(241 245 249); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 14px; }
.av-row__name { flex: 1 1 220px; min-width: 0; text-align: left; font-weight: 600; display: flex; flex-direction: column; background: none; border: 0; padding: 0; cursor: pointer; color: inherit; font: inherit; }
.av-row__name:hover { color: #1456D9; }
.av-row__meta { display: flex; gap: 6px; flex-wrap: wrap; }

.av-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.av-chip { display: inline-flex; flex-direction: column; align-items: flex-start; padding: 8px 12px; border-radius: 10px; border: 1px solid rgb(226 232 240); background: transparent; cursor: pointer; font: inherit; font-weight: 600; color: inherit; text-align: left; }
.av-chip:hover { border-color: #1456D9; }
.av-chip--selected { border-color: #1456D9; box-shadow: inset 0 0 0 1px #1456D9; background: rgb(232 239 252); }

.dark .av-row:hover, .dark .av-row__num { background: rgb(255 255 255 / .06); }
.dark .av-row--selected, .dark .av-chip--selected { background: rgb(20 86 217 / .25); }
.dark .av-group__head, .dark .av-chip { border-color: rgb(255 255 255 / .1); }
.dark .av-empty { border-color: rgb(255 255 255 / .15); }

/* Koyu lacivert yan menü (tasarım örneğindeki gibi) */
.fi-sidebar, .fi-sidebar-header, .fi-sidebar-nav { background: #0B1F45 !important; }
.fi-sidebar { border-inline-end: 0 !important; }
.fi-sidebar-header { box-shadow: none !important; border-bottom: 1px solid rgb(255 255 255 / .08); }
.fi-sidebar-header .fi-logo, .fi-sidebar-header .fi-logo * { color: #fff !important; }
.fi-sidebar .fi-sidebar-group-label { color: rgb(255 255 255 / .45) !important; text-transform: uppercase; letter-spacing: .06em; font-size: 11px; }
.fi-sidebar .fi-sidebar-item-btn, .fi-sidebar .fi-sidebar-item-label, .fi-sidebar .fi-sidebar-item-icon,
.fi-sidebar .fi-sidebar-group-btn, .fi-sidebar .fi-sidebar-group-collapse-btn, .fi-sidebar .fi-icon-btn { color: rgb(226 232 245) !important; }
.fi-sidebar .fi-sidebar-item-btn:hover, .fi-sidebar .fi-sidebar-item-btn:focus-visible { background: rgb(255 255 255 / .07) !important; }
.fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-btn { background: #1456D9 !important; }
.fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-btn * { color: #fff !important; }
.fi-sidebar .fi-badge { background: rgb(255 255 255 / .12) !important; color: #fff !important; --tw-ring-color: transparent !important; }
.fi-sidebar .fi-sidebar-item-grouped-border-part, .fi-sidebar .fi-sidebar-item-grouped-border-part-not-first { background: rgb(255 255 255 / .2) !important; }
.fi-body { background: #F4F6FB; }
.dark .fi-body { background: rgb(9 14 28); }
.fi-wi-stats-overview-stat { border-radius: 14px !important; }