/* Demir Konut v12.4.21 — erişilebilir, yarış güvenli harita ayarları penceresi. */
.sheet.map-settings-sheet {
  width: min(1080px, calc(100vw - 32px));
  max-width: 1080px;
}

.sheet.map-settings-sheet .sheet-body {
  min-width: 0;
  overflow-x: hidden;
}

.sheet.map-settings-sheet .mp-set-tabs {
  position: sticky;
  top: 0;
  z-index: 4;
  display: flex;
  grid-auto-flow: unset;
  grid-auto-columns: unset;
  min-width: 0;
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-snap-type: inline proximity;
  scrollbar-gutter: stable;
  background: var(--surface-3);
}

.sheet.map-settings-sheet .mp-set-tabs [role="tab"] {
  flex: 0 0 auto;
  min-height: 44px;
  padding-inline: 14px;
  scroll-snap-align: start;
  touch-action: manipulation;
}

.sheet.map-settings-sheet .mp-set-tabs [role="tab"][aria-selected="true"] {
  background: var(--surface);
  color: var(--ink);
  box-shadow: var(--shadow-1);
}

.sheet.map-settings-sheet .mp-set-tabs [role="tab"]:focus-visible,
.sheet.map-settings-sheet #mpSetBody:focus-visible {
  outline: 3px solid var(--focus, var(--accent));
  outline-offset: -3px;
}

.sheet.map-settings-sheet #mpSetBody {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  scroll-margin-top: 56px;
}

.sheet.map-settings-sheet #mpSetBody[aria-busy="true"] {
  cursor: progress;
}

.sheet.map-settings-sheet .mp-set :is(.row, .row-between, .form-row, .field),
.sheet.map-settings-sheet .mp-set :is(input, select, textarea) {
  min-width: 0;
}

.sheet.map-settings-sheet .mp-set .row.gap-s,
.sheet.map-settings-sheet .mp-set .btn-row,
.sheet.map-settings-sheet .mp-set .row-between {
  flex-wrap: wrap;
}

.sheet.map-settings-sheet .mp-set :is(.btn, .icon-btn) {
  min-height: 44px;
  touch-action: manipulation;
}

@media (max-width: 520px) {
  .sheet.map-settings-sheet {
    width: 100%;
    max-width: 100%;
    height: calc(100dvh - var(--kb, 0px) - env(safe-area-inset-top, 0px));
  }
  .sheet.map-settings-sheet .sheet-body {
    padding-inline: max(12px, env(safe-area-inset-left, 0px));
    padding-right: max(12px, env(safe-area-inset-right, 0px));
    padding-bottom: max(18px, env(safe-area-inset-bottom, 0px));
  }
  .sheet.map-settings-sheet .mp-set-tabs {
    margin-inline: -4px;
  }
  .sheet.map-settings-sheet .mp-set-tabs [role="tab"] {
    padding-inline: 12px;
  }
  .sheet.map-settings-sheet .mp-set .form-row {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .sheet.map-settings-sheet .mp-set .row.gap-s > input {
    flex: 1 0 100%;
  }
  .sheet.map-settings-sheet .mp-set .row.gap-s > .btn {
    flex: 1 1 calc(50% - 4px);
  }
  .sheet.map-settings-sheet .mp-set .mp-key-h .btn {
    width: 100%;
    margin-left: 0;
  }
  .sheet.map-settings-sheet .mp-set .mp-cat {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    align-items: center;
  }
  .sheet.map-settings-sheet .mp-set .mp-cat input[type="color"] { grid-column: 1; grid-row: 1; }
  .sheet.map-settings-sheet .mp-set .mp-cat select { grid-column: 2 / -1; grid-row: 1; }
  .sheet.map-settings-sheet .mp-set .mp-cat input:not([type="color"]) { grid-column: 1 / 3; grid-row: 2; }
  .sheet.map-settings-sheet .mp-set .mp-cat > :is(.icon-btn, .muted) { grid-column: 3; grid-row: 2; }
}

@media (max-width: 380px) {
  .sheet.map-settings-sheet .mp-set-tabs [role="tab"] {
    min-height: 48px;
    padding-inline: 10px;
    font-size: 12.5px;
  }
  .sheet.map-settings-sheet .mp-set .row.gap-s > .btn {
    flex-basis: 100%;
  }
}

@media (orientation: landscape) and (max-height: 580px) {
  .sheet.map-settings-sheet {
    height: calc(100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
  }
  .sheet.map-settings-sheet .sheet-body { padding-block: 8px; }
  .sheet.map-settings-sheet .mp-set-tabs [role="tab"] { min-height: 44px; padding-block: 8px; }
  .sheet.map-settings-sheet #mpSetBody { scroll-margin-top: 52px; }
}

@media (min-width: 2200px) {
  .sheet.map-settings-sheet { width: min(1240px, 72vw); max-width: 1240px; }
  .sheet.map-settings-sheet .sheet-body { padding-inline: 28px; }
}

@media (prefers-reduced-motion: reduce) {
  .sheet.map-settings-sheet .mp-set-tabs,
  .sheet.map-settings-sheet .mp-set-tabs [role="tab"] {
    scroll-behavior: auto;
    transition: none !important;
  }
}

@media (forced-colors: active) {
  .sheet.map-settings-sheet .mp-set-tabs { border: 1px solid CanvasText; }
  .sheet.map-settings-sheet .mp-set-tabs [role="tab"][aria-selected="true"] { border: 2px solid Highlight; }
  .sheet.map-settings-sheet .mp-set-tabs [role="tab"]:focus-visible,
  .sheet.map-settings-sheet #mpSetBody:focus-visible { outline-color: Highlight; }
}