/* VMS Akış 2.1 — adds behavior layouts; the selected MaviCam/v2 palette stays intact. */
html[data-vms-theme] .vms-gallery-results{scroll-margin-top:90px}
html[data-vms-theme] #sticky-pagination>.container{flex-direction:column;align-items:stretch!important;gap:16px}
html[data-vms-theme] #page-info-text{font-weight:500!important;font-size:12px}
html[data-vms-theme] #pagination-controls{display:flex;flex-direction:column;align-items:center;gap:18px;min-width:0}
.vms-page-buttons{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:100%}
.vms-page-edges{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%}
.vms-page-numbers{display:grid;grid-template-columns:repeat(8,minmax(40px,1fr));gap:6px;width:100%}
html[data-vms-theme] .vms-page-button{min-height:44px;min-width:40px;padding:8px 14px;border:1px solid var(--v-border);border-radius:10px;background:var(--v-surface);color:var(--v-text);font:inherit;font-size:12px;cursor:pointer}
html[data-vms-theme] .vms-page-button:hover:not(:disabled){border-color:var(--v-accent);background:var(--v-soft)}
html[data-vms-theme] .vms-page-button[aria-current]{background:var(--v-accent);color:var(--v-accent-ink);border-color:var(--v-accent);font-weight:700}
html[data-vms-theme] .vms-page-button:disabled{opacity:.4;cursor:default}
.vms-page-jump{display:flex;align-items:center;justify-content:center;gap:10px;margin:0}
.vms-page-jump label{margin:0!important;white-space:nowrap;color:var(--v-muted);font-size:12px}
html[data-vms-theme] #vms-page-number{width:82px;min-height:44px;text-align:center;padding:8px}
.vms-page-jump button{min-height:44px}
html[data-vms-theme] #gal-limit{width:82px;min-width:82px}
.vms-map-toolbar{display:flex;align-items:center;gap:10px;padding:12px;border-bottom:1px solid var(--v-border);background:var(--v-surface);border-radius:14px 14px 0 0;scroll-margin-top:74px}
.vms-map-toolbar strong{font-size:13px;overflow-wrap:anywhere}
#vms-map-back,#vms-map-gesture,.vms-map-show,.vms-picker-gesture{display:none}
.vms-map-hint{display:none;margin:0;padding:12px;color:var(--v-muted);font-size:11px}
html[data-vms-theme] .vms-map-locked,html[data-vms-theme] .vms-map-locked .leaflet-pane{touch-action:pan-y pinch-zoom!important;cursor:default}
.vms-map-list-column{scroll-margin-top:80px}
html[data-vms-theme] #mapPickerModal .modal-header button,html[data-vms-theme] #mapPickerModal .modal-footer button{min-height:44px}
@media(max-width:767px){
  .vms-map-canvas-column{display:none}
  .vms-map-selected .vms-map-list-column{display:none}
  .vms-map-selected .vms-map-canvas-column{display:block}
  html[data-vms-theme] #mapCamList{max-height:none!important}
  html[data-vms-theme] #mapCamList .map-sidebar-item{min-height:48px;padding:12px}
  #vms-map-back,#vms-map-gesture,.vms-map-show,.vms-picker-gesture{display:block;min-height:44px}
  .vms-map-show{margin:12px}
  .vms-map-hint{display:block}
  .vms-map-toolbar{display:grid;grid-template-columns:1fr;position:sticky;top:64px;z-index:1001;padding:10px;border-radius:12px 12px 0 0;background:var(--v-raised)}
  .vms-map-toolbar strong{grid-row:2;text-align:center}
  #vms-map-gesture{font-size:12px}
  html[data-vms-theme] #globalMap{height:clamp(200px,48vh,470px)!important;height:clamp(200px,48dvh,470px)!important;max-height:470px}
  html[data-vms-theme] #mapPickerModal .modal-dialog{margin:8px;max-width:calc(100vw - 16px)}
  html[data-vms-theme] #mapPickerModal .modal-content{height:calc(100vh - 16px);height:calc(100dvh - 16px);display:flex;overflow:hidden}
  html[data-vms-theme] #mapPickerModal .modal-header,html[data-vms-theme] #mapPickerModal .modal-footer{flex-shrink:0;padding:10px 12px;gap:10px}
  html[data-vms-theme] #mapPickerModal .modal-title{font-size:14px!important}
  html[data-vms-theme] #mapPickerModal .modal-body{display:flex;flex-direction:column;gap:8px;min-height:0;overflow:auto;padding:10px 12px!important}
  html[data-vms-theme] #pickerMap{flex:1 0 160px;min-height:160px;height:auto!important}
  #mapPickerModal .modal-footer small{display:none}
  .vms-picker-gesture{font-size:12px;flex-shrink:0}
}
@media(max-width:600px){
  .vms-page-buttons{width:100%}
  .vms-page-numbers{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
  html[data-vms-theme] .vms-page-button{padding:8px;min-width:0}
  .vms-page-jump{width:100%;padding-top:3px}
}
