/* Okno »Analiza za lokacijo« (static/js/analiza-tocke.js).
   Videz sledi oknom aplikacije: okno s posodobitvami (zgradba, naslov, ×, zavihki), izbira obdobja (polja, puščice,
   »potrdi«), sloji (izbirni gumbi), koledar (izbira let), okence z odčitkom (okence ob grafu in meni izvoza).
   Ozadje kot okno s posodobitvami: na namizju 0,55 z zameglitvijo, pod 1024 px in na telefonu 0,88. */

/* ---------- Gumb na zemljevidu: med deljenjem in informacijami, videz kot ostali gumbi (.map-ctrl-btn) ---------- */
.leaflet-control-analysis-wrap {
  padding: 0 !important;
}
.leaflet-top.leaflet-right > .leaflet-control-analysis-wrap {
  border-bottom: 12px solid transparent !important;
  background-clip: padding-box !important;
}
.analysis-toggle svg {
  display: block;
  width: 23px;
  height: 23px;
}
.leaflet-control-analysis-wrap .analysis-toggle {
  transition: background-color 400ms ease-in-out, color 400ms ease-in-out, box-shadow 400ms ease-in-out;
}
.leaflet-control-analysis-wrap .analysis-toggle:hover,
.leaflet-control-analysis-wrap .analysis-toggle:focus-visible {
  transition: color 0.1s ease;
}
@media (hover: none) and (pointer: coarse) {
  .analysis-toggle.map-ctrl-btn:hover:not(.active) {
    color: #cccccc !important;
    outline: none !important;
  }
  body[data-theme="light"] .analysis-toggle.map-ctrl-btn:hover:not(.active) {
    color: #666 !important;
  }
}
body:has(#map.fullscreen) .leaflet-control-analysis-wrap {
  display: none !important;
}
/* Telefon: vrstica desno zgoraj v enakem vrstnem redu kot stolpec na namizju: informacije | analiza | deli | tema | meni */
@media (max-width: 640px), ((max-height: 500px) and (max-width: 1024px) and (hover: none) and (pointer: coarse)), ((orientation: landscape) and (max-width: 1024px) and (max-height: 640px)) {
  body:not(:has(#map.fullscreen)) .leaflet-top.leaflet-right .leaflet-control-analysis-wrap {
    position: fixed !important;
    top: calc(var(--nav-top-offset, 70px) + 16px) !important;
    right: 170px !important; /* celica levo od deljenja (118px + 40px + 12px razmika) */
    bottom: auto !important;
    left: auto !important;
    margin: 0 !important;
    border: none !important;
    z-index: 3098 !important;
  }
  body:not(:has(#map.fullscreen)) .leaflet-control-analysis-wrap .analysis-toggle {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
  }
  body:not(:has(#map.fullscreen)) .leaflet-top.leaflet-right .leaflet-control-info-wrap {
    right: 222px !important; /* gumb 24 px v ovoju 28 px, 12 px levo od analize */
  }
}
/* Izbira lokacije na zemljevidu: kazalec nariše stran (križec, ki sicer sledi miški za odčitek, main.js), oblikovan
   kot zasidrani odčitek (kraki 3 × 9 px z režo 4 px, obroč premera 18 px, rumena #fbb104 s črno obrobo 1 px), s tremi
   stolpci grafa spodaj desno; sistemski kazalec je skrit. Kazalca, ki ga izriše sistem, ni mogoče barvno uskladiti s
   stranjo, zato ga stran nariše sama. Okence z vrednostjo med izbiro ni prikazano (zasidrani odčitek ostane). */
html.point-analysis-picking.radar-values-crosshair .maplibregl-canvas-container.maplibregl-interactive,
html.point-analysis-picking.radar-values-crosshair .maplibregl-canvas-container.maplibregl-interactive canvas {
  cursor: none !important;
}
html.point-analysis-picking .radar-crosshair:not(.radar-crosshair--probe) i {
  background: #fbb104;
  box-shadow: 0 0 0 1px #000;
}
html.point-analysis-picking .radar-crosshair:not(.radar-crosshair--probe)::before {
  content: "";
  position: absolute;
  left: -9px;
  top: -9px;
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border: 2px solid #fbb104;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #000, inset 0 0 0 1px #000;
}
html.point-analysis-picking .radar-crosshair:not(.radar-crosshair--probe)::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 5px;
  width: 12px;
  height: 12px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cg fill='%23fbb104' stroke='%23000' stroke-width='1'%3E%3Crect x='0.5' y='5.5' width='3' height='6' rx='0.5'/%3E%3Crect x='4.5' y='0.5' width='3' height='11' rx='0.5'/%3E%3Crect x='8.5' y='3.5' width='3' height='8' rx='0.5'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
}
/* brez fine kazalne naprave križca strani ni: sistemski kazalec enake oblike kot rezerva */
html.point-analysis-picking:not(.radar-values-crosshair) .maplibregl-canvas-container.maplibregl-interactive,
html.point-analysis-picking:not(.radar-values-crosshair) .maplibregl-canvas-container.maplibregl-interactive canvas {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ccircle cx='14' cy='14' r='8' fill='none' stroke='%23000' stroke-width='4'/%3E%3Ccircle cx='14' cy='14' r='8' fill='none' stroke='%23f0a000' stroke-width='2'/%3E%3Crect x='11.5' y='0' width='5' height='11' fill='%23000'/%3E%3Crect x='11.5' y='17' width='5' height='11' fill='%23000'/%3E%3Crect x='0' y='11.5' width='11' height='5' fill='%23000'/%3E%3Crect x='17' y='11.5' width='11' height='5' fill='%23000'/%3E%3Crect x='12.5' y='1' width='3' height='9' fill='%23f0a000'/%3E%3Crect x='12.5' y='18' width='3' height='9' fill='%23f0a000'/%3E%3Crect x='1' y='12.5' width='9' height='3' fill='%23f0a000'/%3E%3Crect x='18' y='12.5' width='9' height='3' fill='%23f0a000'/%3E%3Cg fill='%23f0a000' stroke='%23000' stroke-width='1'%3E%3Crect x='20.5' y='24.5' width='3' height='6' rx='0.5'/%3E%3Crect x='24.5' y='19.5' width='3' height='11' rx='0.5'/%3E%3Crect x='28.5' y='22.5' width='3' height='8' rx='0.5'/%3E%3C/g%3E%3C/svg%3E") 14 14, crosshair !important;
}
/* izbira z miško brez fine kazalne naprave: kazalec nariše stran (pa-izbira-kazalec), sistemski je skrit */
html.point-analysis-picking.point-analysis-picking-mis:not(.map-dragging) .maplibregl-canvas-container.maplibregl-interactive,
html.point-analysis-picking.point-analysis-picking-mis:not(.map-dragging) .maplibregl-canvas-container.maplibregl-interactive canvas {
  cursor: none !important;
}
html.point-analysis-picking.map-dragging .maplibregl-canvas-container.maplibregl-interactive,
html.point-analysis-picking.map-dragging .maplibregl-canvas-container.maplibregl-interactive canvas {
  cursor: grabbing !important;
}
html.point-analysis-picking #map .radar-value-tip:not(.radar-value-tip--anchor) {
  display: none !important;
}

/* ---------- Okno ---------- */
.point-analysis-overlay {
  position: fixed;
  inset: 0;
  z-index: 12000;
  margin: 0 !important;
  background: transparent;
}
.point-analysis-dialog {
  --pa-povrsina: rgba(26, 26, 26, 0.85); /* obroba napisov v grafih (berljivi tudi čez stolpce) */
  position: fixed;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  margin: 0 !important;
  padding: 6px 6px 12px 16px;
  --pa-podlaga: rgba(26, 26, 26, 0.55);
  color: #fff;
  font-family: "Nunito Sans", sans-serif;
  font-size: 13px;
  line-height: 1.45;
  text-align: left;
  border-radius: 5px;
  outline: none;
}
/* Podlaga okna (ozadje z zameglitvijo in senca) je psevdoelement za vsebino: brskalnik ne zamegli vsebine elementa,
   ki sam zamegljuje ozadje, zato okence ob grafu sicer ne bi moglo zamegliti stolpcev pod sabo. Pojemanje ob odpiranju
   in zapiranju velja za podlago in vsebino posebej (prosojnost celega okna bi podlagi vzela zameglitev). */
.point-analysis-dialog::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: var(--pa-podlaga);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  box-shadow: var(--pa-senca, 0 2px 8px rgba(0, 0, 0, 0.5));
  pointer-events: none;
}
.point-analysis-dialog::before,
.point-analysis-dialog > :not(.pa-tip) {
  animation: app-updates-in 0.16s cubic-bezier(0.4, 0, 0.6, 1);
}
body[data-theme="light"] .point-analysis-dialog {
  --pa-podlaga: rgba(26, 26, 26, 0.68);
}
/* Svetla tema na namizju: pod oknom je svetel zemljevid, zato so sivi napisi svetlejši (kot naslov okna s
   posodobitvami), obroba napisov v grafih pa ni temnejša od ozadja. */
@media (min-width: 1025px) {
  body[data-theme="light"] .point-analysis-dialog:not(.point-analysis-dialog--fullscreen) {
    --pa-siva: #b4b4b4;
    --pa-svetla: #cecece;
    --pa-povrsina: rgba(66, 66, 66, 0.85);
  }
  body[data-theme="light"] .point-analysis-dialog:not(.point-analysis-dialog--fullscreen) .pa-svg .pa-hover-col {
    fill: rgba(255, 255, 255, 0.14);
  }
  body[data-theme="light"] .point-analysis-dialog:not(.point-analysis-dialog--fullscreen) .pa-svg .pa-hover-col.pa-hover-col--ozek {
    fill: rgba(255, 255, 255, 0.2);
  }
}
@media (max-width: 1024px) {
  .point-analysis-dialog {
    --pa-podlaga: rgba(26, 26, 26, 0.88);
  }
  body[data-theme="light"] .point-analysis-dialog {
    --pa-podlaga: rgba(24, 24, 24, 0.86);
  }
}
.point-analysis-dialog.point-analysis-dialog--closing {
  pointer-events: none;
}
/* okence ob grafu se ob zapiranju skrije in pojema samo */
.point-analysis-dialog.point-analysis-dialog--closing::before,
.point-analysis-dialog.point-analysis-dialog--closing > :not(.pa-tip) {
  opacity: 0;
  transition: opacity 0.14s cubic-bezier(0.4, 0, 0.6, 1);
}
@media (prefers-reduced-motion: reduce) {
  .point-analysis-dialog::before,
  .point-analysis-dialog > * {
    animation: none;
  }
}
.point-analysis-dialog div,
.point-analysis-dialog nav,
.point-analysis-dialog section,
.point-analysis-dialog p,
.point-analysis-dialog table {
  margin: 0;
}
.point-analysis-dialog .pa-defs {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}
.pa-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

/* Gumbi v oknu: brez splošnega rumenega ozadja ob prehodu miške */
.point-analysis-dialog button,
.point-analysis-dialog button:hover,
.point-analysis-dialog button:active {
  margin: 0;
  background: transparent !important;
  border: none !important;
  border-radius: 3px;
  box-shadow: none !important;
  font-family: inherit;
  cursor: pointer;
}
.point-analysis-dialog button:focus-visible {
  outline: 2px solid #fbb104;
  outline-offset: 1px;
}

.point-analysis-dialog .pa-close,
.point-analysis-dialog .pa-close:hover,
.point-analysis-dialog .pa-close:active {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 26px;
  height: 26px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ff6b6b;
  font-size: 16px;
  outline: none;
  z-index: 2;
}
.point-analysis-dialog .pa-close:hover {
  background: rgba(255, 107, 107, 0.18) !important;
}
.point-analysis-dialog .pa-close .ui-icon-svg {
  width: 16px;
  height: 16px;
}

/* Naslov kot »POSODOBITVE APLIKACIJE«: 28 px od vrha okna */
.point-analysis-dialog .pa-title {
  flex: 0 0 auto;
  margin: 22px 10px 16px -2px;
  font-size: 12px;
  font-weight: bold;
  color: #999;
  text-transform: uppercase;
}
body[data-theme="light"] .point-analysis-dialog .pa-title {
  color: #a8a8a8;
}

/* Točka in nastavitve, ki veljajo za oba zavihka (prag, območje) */
.point-analysis-dialog .pa-head {
  flex: 0 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px 28px;
  margin: 0 10px 16px 0;
}
.point-analysis-dialog .pa-point-line {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  align-content: center;
  min-height: 30px;
  gap: 2px 12px;
}
.pa-point-name {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.3;
  color: #fff;
}
.pa-point-coords {
  color: var(--pa-svetla, #bbb);
  font-variant-numeric: tabular-nums;
}
.point-analysis-dialog .pa-link,
.point-analysis-dialog .pa-link:hover,
.point-analysis-dialog .pa-link:active {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  padding: 2px 0;
  color: #ddd;
  font-size: 13px;
  line-height: 1.4;
}
.point-analysis-dialog .pa-link[hidden] {
  display: none;
}
.point-analysis-dialog .pa-link:hover {
  color: #fbb104;
}
.point-analysis-dialog .pa-link .ui-icon-svg {
  align-self: center;
  width: 16px;
  height: 16px;
  color: #fbb104;
  flex: 0 0 auto;
}
.point-analysis-dialog .pa-back .ui-icon-svg {
  width: 14px;
  height: 14px;
  color: #ff6b6b;
}
.point-analysis-dialog .pa-settings {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 28px;
}
.point-analysis-dialog .pa-setting {
  display: inline-flex;
  align-items: center;
  gap: 0;
}
.pa-setting-label {
  margin-right: 8px;
  color: var(--pa-svetla, #bbb);
}
/* Prag: puščici in polje (34 × 30, polje 30 px; nižje od polj datuma, da je glava okna nizka) */
.point-analysis-dialog .pa-step,
.point-analysis-dialog .pa-step:hover,
.point-analysis-dialog .pa-step:active {
  width: 34px;
  height: 30px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #b0b0b0;
  border-radius: 4px;
}
.point-analysis-dialog .pa-step:hover {
  color: #fbb104;
}
.point-analysis-dialog .pa-step .ui-icon-svg--chevron {
  width: 21px;
  height: 21px;
}
/* polje praga z neposrednim vnosom števila (enota dBZ ob številu) */
.point-analysis-dialog .pa-value {
  box-sizing: border-box;
  min-width: 80px;
  height: 30px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  color: #c8c8c8;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 4px;
  font-size: 0.95rem;
  font-variant-numeric: tabular-nums;
  cursor: text;
}
.point-analysis-dialog .pa-value:hover {
  color: #fbb104;
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(251, 177, 4, 0.7);
}
.point-analysis-dialog .pa-value:focus-within {
  border-color: #fbb104;
}
.point-analysis-dialog .pa-value-input {
  box-sizing: content-box;
  width: 2.1ch;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: right;
}
.point-analysis-dialog .pa-value-input:focus {
  color: #fff;
}
.point-analysis-dialog .pa-search-input:focus-visible,
.point-analysis-dialog .pa-value-input:focus-visible {
  outline: none;
}
.point-analysis-dialog .pa-value-input::selection {
  background: rgba(251, 177, 4, 0.35);
  color: #fff;
}

/* Ovoji in naslovi za telefon (namizje: brez vpliva na razporeditev) */
.point-analysis-dialog:not(.point-analysis-dialog--fullscreen) .pa-stepper,
.point-analysis-dialog:not(.point-analysis-dialog--fullscreen) .pa-merilo .pa-segment {
  display: contents;
}
.point-analysis-dialog .pa-skupina-naslov,
.point-analysis-dialog .pa-obseg-oznaka {
  display: none;
}

/* Izbirni gumbi: kot v oknu s sloji (13 px, rumeno, ko so izbrani) */
.point-analysis-dialog .pa-radios {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 16px;
}
.point-analysis-dialog .pa-radios .pa-setting-label {
  margin-right: 0;
}
.point-analysis-dialog .pa-radios label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  cursor: pointer;
  white-space: nowrap;
}
.point-analysis-dialog input[type="radio"] {
  box-sizing: border-box;
  width: 13px;
  min-width: 13px;
  height: 13px;
  min-height: 13px;
  margin: 0;
  flex-shrink: 0;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  border: 1.5px solid rgba(255, 255, 255, 0.6);
  background: rgba(255, 255, 255, 0.15);
  border-radius: 50%;
}
.point-analysis-dialog input[type="radio"]:not(:checked):hover {
  background: #787878;
  border-color: #7a7a7a;
}
.point-analysis-dialog input[type="radio"]:checked {
  border-color: #fbb104;
  background-color: #fbb104;
}
.point-analysis-dialog input:focus-visible {
  outline: 2px solid #fbb104;
  outline-offset: 2px;
}

/* Zavihka: z velikimi tiskanimi in krepko kot naslovi oken, izbrani rumeno in podčrtan, črta pod vrstico; za zavihkoma
   ikona i z opombami, deli in prenesi desno */
.point-analysis-dialog .pa-bar {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 4px 24px;
  margin: 0 10px 18px 0;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}
.point-analysis-dialog .pa-tabs {
  position: relative;
  display: flex;
  flex: 0 1 auto;
  min-width: 0;
  gap: 0 28px;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
}
.point-analysis-dialog .pa-tabs::-webkit-scrollbar {
  display: none;
}
.point-analysis-dialog .pa-bar.can-scroll-right .pa-tabs {
  -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 36px), transparent);
  mask-image: linear-gradient(to right, #000 calc(100% - 36px), transparent);
}
.point-analysis-dialog .pa-bar.can-scroll-left .pa-tabs {
  -webkit-mask-image: linear-gradient(to right, transparent, #000 36px);
  mask-image: linear-gradient(to right, transparent, #000 36px);
}
.point-analysis-dialog .pa-bar.can-scroll-left.can-scroll-right .pa-tabs {
  -webkit-mask-image: linear-gradient(to right, transparent, #000 36px, #000 calc(100% - 36px), transparent);
  mask-image: linear-gradient(to right, transparent, #000 36px, #000 calc(100% - 36px), transparent);
}
.point-analysis-dialog .pa-tab,
.point-analysis-dialog .pa-tab:hover,
.point-analysis-dialog .pa-tab:active {
  flex: 0 0 auto;
  white-space: nowrap;
  padding: 3px 0 6px;
  border-radius: 0;
  color: #cfcfcf;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1.4;
  position: relative;
}
.point-analysis-dialog .pa-tab-ikona {
  display: none;
}
/* krajše ime in opis zavihka: le na telefonu (kartici) */
.point-analysis-dialog .pa-tab-kratko,
.point-analysis-dialog .pa-tab-opis {
  display: none;
}
.point-analysis-dialog .pa-bar > .pa-actions {
  margin-left: auto;
}
/* Ikona i z opombami zavihka: kot gumb z informacijami na zemljevidu (kvadrat z zaobljenimi robovi in krepkim »i«),
   ob prehodu miške in odprta rumena */
.point-analysis-dialog .pa-info,
.point-analysis-dialog .pa-info:hover,
.point-analysis-dialog .pa-info:active {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin: -4px 0 -4px -10px;
  padding: 0;
}
.point-analysis-dialog .pa-info-znak {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  border: 2px solid #cccccc;
  border-radius: 5px;
  color: #cccccc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
}
.point-analysis-dialog .pa-info-znak > span {
  display: block;
  transform: translateY(0.5px);
}
.point-analysis-dialog .pa-info.is-open .pa-info-znak {
  border-color: #fbb104;
  color: #fbb104;
}
@media (hover: hover) {
  .point-analysis-dialog .pa-info:hover .pa-info-znak {
    border-color: #fbb104;
    color: #fbb104;
  }
}
/* črta pod izbranim zavihkom (psevdoelement: gumbom v oknu sta obroba in senca izklopljeni) */
.point-analysis-dialog .pa-tab.is-active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  border-radius: 1px;
  background: #fbb104;
}
.point-analysis-dialog .pa-preset,
.point-analysis-dialog .pa-preset:hover,
.point-analysis-dialog .pa-preset:active {
  flex: 0 0 auto;
  white-space: nowrap;
  padding: 2px 0;
  border-radius: 0;
  color: #ddd;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.4;
}
.point-analysis-dialog .pa-tab:hover,
.point-analysis-dialog .pa-tab.is-active,
.point-analysis-dialog .pa-preset:hover,
.point-analysis-dialog .pa-preset.is-active {
  color: #fbb104;
}
/* »lani« ni na voljo za lokacijo s podatki šele od 2026 (zunaj dosega slovenskih radarjev) */
.point-analysis-dialog .pa-presets .pa-preset[hidden] {
  display: none;
}

/* Obdobje zavihka (hitri obsegi in poljubno obdobje) in nastavitve zavihka v vrstici nad vsebino; črta loči nastavitve
   od rezultatov */
.point-analysis-dialog .pa-panel-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 32px;
  margin: 0 0 20px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}
.point-analysis-dialog .pa-period {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 24px;
}
.point-analysis-dialog .pa-presets {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 16px;
}
.point-analysis-dialog .pa-range-btn,
.point-analysis-dialog .pa-range-btn:hover,
.point-analysis-dialog .pa-range-btn:active {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 2px 0;
  color: #ddd;
  font-size: 13px;
  line-height: 1.4;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.point-analysis-dialog .pa-range-btn:hover,
.point-analysis-dialog .pa-range-btn.is-active {
  color: #fbb104;
}
.point-analysis-dialog .pa-range-btn .ui-icon-svg {
  width: 17px;
  height: 17px;
  color: #fbb104;
}

/* Vsebina: drsni del (drsnik kot povsod v aplikaciji, style.css) */
.point-analysis-dialog .pa-body {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  padding-right: 10px;
  outline: none;
}
.point-analysis-dialog .pa-panel[hidden] {
  display: none;
}
.point-analysis-dialog .pa-znova,
.point-analysis-dialog .pa-znova:hover,
.point-analysis-dialog .pa-znova:active {
  display: inline;
  padding: 0;
  color: #fbb104;
  font-size: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.point-analysis-dialog .pa-status {
  margin: 4px 0 6px;
  color: #ccc;
}
/* Namizje: okno ima na obeh zavihkih največjo višino (--pa-visina, glej position()): graf časovne vrste jo zapolni,
   grafi statistike in tabela dni se raztegnejo do dna (--pa-graf-visina, glej raztegniStatistiko()) */
.point-analysis-dialog:not(.point-analysis-dialog--fullscreen) {
  height: var(--pa-visina, auto);
}
.point-analysis-dialog:not(.point-analysis-dialog--fullscreen) .pa-content {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.point-analysis-dialog:not(.point-analysis-dialog--fullscreen) .pa-panel[data-panel="odbojnost"]:not([hidden]),
.point-analysis-dialog:not(.point-analysis-dialog--fullscreen) .pa-panel[data-panel="odbojnost"] .pa-dyn {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
.point-analysis-dialog:not(.point-analysis-dialog--fullscreen) .pa-card--main {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
.point-analysis-dialog:not(.point-analysis-dialog--fullscreen) .pa-card--main .pa-chart--serija {
  flex: 1 1 auto;
  height: auto;
  min-height: 160px;
}

/* Povzetek: oznaka kot naslov skupine v posodobitvah, vrednost krepko */
.point-analysis-dialog .pa-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px 36px;
  margin: 0 0 24px;
}
.pa-kpi-label {
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0.03em;
  line-height: 1.35;
  color: var(--pa-siva, #999);
  text-transform: uppercase;
}
.point-analysis-dialog .pa-kpi-value {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 2px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
  color: #fff;
  font-variant-numeric: tabular-nums;
}
.point-analysis-dialog .pa-kpi-na {
  font-weight: normal;
  color: var(--pa-siva, #999);
}
.pa-kpi-swatch {
  flex: 0 0 auto;
  width: 11px;
  height: 11px;
  border-radius: 2px;
}
.point-analysis-dialog .pa-kpi-sub {
  margin-top: 1px;
  font-size: 12px;
  color: var(--pa-svetla, #bbb);
  font-variant-numeric: tabular-nums;
}

/* Grafi: naslov kot naslov skupine, črta nad grafom kot med paketi posodobitev */
.point-analysis-dialog .pa-card {
  min-width: 0;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
}
.point-analysis-dialog .pa-card-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px 12px;
  margin-bottom: 10px;
}
.pa-card-title {
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0.03em;
  color: var(--pa-siva, #999);
  text-transform: uppercase;
}
.pa-card-hint {
  font-size: 12px;
  color: var(--pa-siva, #999);
}
.pa-card-note {
  margin-left: auto;
  font-size: 12px;
  color: var(--pa-siva, #999);
  white-space: nowrap;
}
.point-analysis-dialog .pa-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px 40px;
}
/* grafa (in tabela) v isti vrstici imata skupni spodnji rob, tudi ko se opis v glavi kartice prelomi */
.point-analysis-dialog .pa-grid > .pa-card {
  display: flex;
  flex-direction: column;
}
.point-analysis-dialog .pa-grid > .pa-card > .pa-chart,
.point-analysis-dialog .pa-grid > .pa-card > .pa-top--polna {
  margin-top: auto;
}
.point-analysis-dialog .pa-chart {
  position: relative;
  width: 100%;
  height: var(--pa-graf-visina, 180px);
  /* vodoravno vlečenje prsta čez graf izbere ožje obdobje (navpično se vsebina pomika); na elementih v svg brskalniki
     touch-action ne upoštevajo vedno */
  touch-action: pan-y;
}
.point-analysis-dialog .pa-chart--serija {
  height: 300px;
}
/* Okence z opombami (ikona i ob zavihkih): skoraj neprosojno v obeh temah (daljše besedilo nad zemljevidom), besedilo
   je mogoče izbrati in kopirati; na namizju širše. Drsnik kot povsod v aplikaciji (style.css). */
html body .mi-cal.pa-opombe-pop {
  max-height: min(70vh, calc(100vh - 24px));
  padding: 16px 16px 12px;
  background: rgba(26, 26, 26, 0.94);
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-user-select: text;
  user-select: text;
}
html .mi-cal.pa-opombe-pop {
  width: min(360px, calc(100vw - 24px));
}
/* telefon: na sredini zaslona (odmik od robov kot vsebina okna) */
html.app-mobile-layout .mi-cal.pa-opombe-pop {
  width: min(420px, calc(100vw - 32px));
}
.mi-cal.pa-opombe-pop:focus {
  outline: none;
}
/* vsebina se pomika: besedilo ob spodnjem robu zbledi v ozadje (ozadje okenca ostane neprosojno) */
.mi-cal.pa-opombe-pop.pa-se-pomika::after {
  content: "";
  position: sticky;
  bottom: -12px;
  display: block;
  height: 40px;
  margin: -40px -16px 0;
  background: linear-gradient(to bottom, rgba(26, 26, 26, 0), rgb(26, 26, 26) 85%);
  pointer-events: none;
}
.mi-cal.pa-opombe-pop .pa-pop-title {
  margin: 0 0 14px;
}
.mi-cal.pa-opombe-pop p {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.5;
  color: #d6d6d6;
}
html:not(.app-mobile-layout) .mi-cal.pa-opombe-pop {
  width: min(440px, calc(100vw - 24px));
}
html:not(.app-mobile-layout) .mi-cal.pa-opombe-pop p {
  font-size: 13px;
}

.pa-svg {
  display: block;
  overflow: visible;
  user-select: none;
  -webkit-user-select: none;
}
.pa-svg text {
  font-family: inherit;
  font-size: 11px;
  fill: var(--pa-siva, #999);
  font-variant-numeric: tabular-nums;
}
.pa-svg text.pa-axis--major {
  fill: #ddd;
  font-weight: 700;
}
.pa-svg text.pa-axis--unit {
  font-weight: 700;
}
.pa-svg text.pa-axis--note {
  fill: var(--pa-svetla, #bbb);
  font-size: 10.5px;
}
.pa-svg .pa-gl {
  stroke: rgba(255, 255, 255, 0.08);
  stroke-width: 1;
}
.pa-svg .pa-axis-line,
.pa-svg .pa-tick {
  stroke: rgba(255, 255, 255, 0.3);
  stroke-width: 1;
}
.pa-svg .pa-threshold {
  stroke: #fbb104;
  stroke-width: 1.25;
  stroke-dasharray: 5 4;
}
.pa-svg text.pa-threshold-label {
  fill: #fbb104;
  font-weight: 700;
}
/* napisi v grafu so berljivi tudi čez stolpce: obroba v barvi okna */
.pa-svg text.pa-threshold-label,
.pa-svg text.pa-axis--note {
  paint-order: stroke;
  stroke: var(--pa-povrsina, #1d1d1d);
  stroke-width: 3px;
  stroke-linejoin: round;
}
.pa-svg .pa-period-line {
  stroke: rgba(255, 255, 255, 0.45);
  stroke-width: 1;
  stroke-dasharray: 3 3;
}
.pa-svg .pa-hover-line {
  stroke: rgba(255, 255, 255, 0.75);
  stroke-width: 1;
  pointer-events: none;
}
.pa-svg .pa-hover-col {
  fill: rgba(255, 255, 255, 0.1);
  stroke: rgba(255, 255, 255, 0.35);
  stroke-width: 1;
  pointer-events: none;
}
/* ozki stolpci (dnevi v letu): prosojen pas, širši od stolpca, da ga ni mogoče zamenjati s podatkom */
.pa-svg .pa-hover-col.pa-hover-col--ozek {
  fill: rgba(255, 255, 255, 0.14);
  stroke: none;
}
.pa-svg .pa-brush {
  fill: rgba(251, 177, 4, 0.15);
  stroke: rgba(251, 177, 4, 0.7);
  stroke-width: 1;
  pointer-events: none;
}
.pa-svg .pa-hit {
  fill: transparent;
  cursor: crosshair;
  touch-action: pan-y;
}

/* Okence ob grafu: kot okence z odčitkom (prosojno z zameglitvijo ozadja), a svetlejše, da se loči od okna */
.point-analysis-dialog .pa-tip {
  position: absolute;
  z-index: 5;
  left: 0;
  top: 0;
  padding: 6px 12px 7px;
  border-radius: 6px;
  color: #fff;
  font-size: 13px;
  line-height: 1.4;
  white-space: nowrap;
  pointer-events: none;
  /* skrito okence ni vidno ne dosegljivo s tipko Tab (gumb »prikaži na zemljevidu«) */
  visibility: hidden;
  transition: visibility 0s linear 0.08s;
}
/* Ozadje in zameglitev okenca: plast, za polmer zameglitve širša od okenca, obrezana na okence. Brskalnik ob robu
   zameglitve zrcali, kar je pod robom; ob robu širše plasti bi se zrcaljeni stolpci ob premikanju okenca tresli, tako
   pa zameglitev ob robu okenca upošteva dejansko vsebino pod njim in na istem mestu ostane enaka. Zameglitev je veriga
   manjših zameglitev glede na razmerje pikslov zaslona (nastavi jo zameglitevOkenca v analiza-tocke.js). */
.point-analysis-dialog .pa-tip::before {
  content: "";
  position: absolute;
  inset: -30px;
  z-index: -1;
  background: rgba(51, 51, 51, 0.72);
  -webkit-backdrop-filter: var(--pa-tip-zameglitev, blur(10px));
  backdrop-filter: var(--pa-tip-zameglitev, blur(10px));
  -webkit-clip-path: inset(30px round 6px);
  clip-path: inset(30px round 6px);
  pointer-events: none;
}
/* senca okenca: narisana za plastjo z zameglitvijo, zato je zameglitev ne zajame */
.point-analysis-dialog .pa-tip::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
  pointer-events: none;
}
/* Pojemanje velja za plasti in vsebino posebej (prosojnost celega okenca bi plasti vzela zameglitev). */
.point-analysis-dialog .pa-tip::before,
.point-analysis-dialog .pa-tip::after,
.point-analysis-dialog .pa-tip > * {
  opacity: 0;
  transition: opacity 0.08s ease;
}
.point-analysis-dialog .pa-tip.is-shown {
  visibility: visible;
  transition: visibility 0s;
}
.point-analysis-dialog .pa-tip.is-shown::before,
.point-analysis-dialog .pa-tip.is-shown::after,
.point-analysis-dialog .pa-tip.is-shown > * {
  opacity: 1;
}
.point-analysis-dialog .pa-tip.is-pinned {
  pointer-events: auto;
}
.pa-tip-time {
  font-size: 12px;
  color: #bbb;
}
.pa-tip-value {
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.pa-tip-swatch {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 6px;
  border-radius: 2px;
  vertical-align: -1px;
}
.pa-tip-status {
  color: #ddd;
}
.pa-tip-sub {
  font-weight: 400;
  color: #bbb;
}
.point-analysis-dialog .pa-tip-action,
.point-analysis-dialog .pa-tip-action:hover,
.point-analysis-dialog .pa-tip-action:active {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  margin-top: 4px;
  padding: 2px 0;
  color: #fff;
  font-size: 13px;
}
.point-analysis-dialog .pa-tip-action:hover {
  color: #fbb104;
}
.point-analysis-dialog .pa-tip-action .ui-icon-svg,
.point-analysis-dialog .pa-top-link .ui-icon-svg {
  width: 14px;
  height: 14px;
  color: #fbb104;
}

/* Najdaljše trajanje nad pragom: tabela enako visoka kot graf ob njej (namizje: toliko dni, kolikor jih gre vanjo) */
.point-analysis-dialog .pa-top--polna {
  height: var(--pa-graf-visina, 180px);
}
.point-analysis-dialog--fullscreen .pa-top--polna {
  height: 170px;
}
.pa-top {
  width: 100%;
  border-collapse: collapse;
  font-variant-numeric: tabular-nums;
}
.pa-top th {
  padding: 2px 12px 4px 0;
  font-size: 12px;
  font-weight: 400;
  color: var(--pa-siva, #999);
  text-align: left;
  white-space: nowrap;
}
.pa-top td {
  padding: 4px 12px 4px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  color: #eee;
  white-space: nowrap;
}
.pa-top th:nth-child(2),
.pa-top th:nth-child(3),
.pa-top td:nth-child(2),
.pa-top td:nth-child(3) {
  text-align: right;
}
.pa-top td:last-child,
.pa-top th:last-child {
  padding-right: 0;
  text-align: right;
}
.point-analysis-dialog .pa-top-link,
.point-analysis-dialog .pa-top-link:hover,
.point-analysis-dialog .pa-top-link:active {
  padding: 0;
  gap: 2px;
  align-items: center;
}

/* Izbira poljubnega obdobja: okno izbire obdobja zemljevida (period-picker-*) nad oknom analize */
.pa-range-overlay {
  z-index: 12010;
}

/* Gumba deli in prenesi (namizje: v vrstici z zavihkoma, telefon: ob naslovu prvega grafa) */
.point-analysis-dialog .pa-actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 4px 20px;
}
.point-analysis-dialog .pa-actions .ui-icon-svg {
  width: 15px;
  height: 15px;
}
.point-analysis-dialog .pa-actions .pa-share .ui-icon-svg {
  width: 13px;
  height: 13px;
}
.point-analysis-dialog .pa-share .pa-share-ok,
.point-analysis-dialog .pa-share.is-done > .ui-icon-svg:first-child {
  display: none;
}
.point-analysis-dialog .pa-share.is-done .pa-share-ok {
  display: inline-block;
}

/* Iskanje kraja: polje kot polje datuma, predlogi pod njim v slogu okenca koledarja */
.point-analysis-dialog .pa-search {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin-left: 6px;
}
/* ikona povečevalnega stekla, ki odpre polje za iskanje: le na telefonu (skupaj s »spremeni lokacijo«) */
.point-analysis-dialog .pa-search-btn {
  display: none;
}
.point-analysis-dialog .pa-point-akcije {
  display: contents;
}
.point-analysis-dialog .pa-search > .ui-icon-svg {
  position: absolute;
  left: 10px;
  width: 16px;
  height: 16px;
  color: #fbb104;
  pointer-events: none;
}
.point-analysis-dialog .pa-search-input {
  box-sizing: border-box;
  width: 180px;
  height: 30px;
  margin: 0;
  padding: 0 8px 0 32px;
  color: #c8c8c8;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 4px;
  font-size: 0.95rem;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
}
.point-analysis-dialog .pa-search-input::placeholder {
  color: var(--pa-siva, #999);
}
.point-analysis-dialog .pa-search-input:hover {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(251, 177, 4, 0.7);
}
.point-analysis-dialog .pa-search-input:focus {
  color: #fff;
  border-color: #fbb104;
}
/* gumb za brisanje iskanja: siv × namesto modrega privzetega v Chromu */
.point-analysis-dialog .pa-search-input::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
  width: 12px;
  height: 12px;
  margin: 0 0 0 6px;
  cursor: pointer;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23999' stroke-width='1.6' stroke-linecap='round' d='M2 2l8 8M10 2l-8 8'/%3E%3C/svg%3E") center / 12px 12px no-repeat;
}
.point-analysis-dialog .pa-search-input::-webkit-search-cancel-button:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23fbb104' stroke-width='1.6' stroke-linecap='round' d='M2 2l8 8M10 2l-8 8'/%3E%3C/svg%3E");
}
.point-analysis-dialog .pa-search-list {
  position: absolute;
  z-index: 6;
  top: calc(100% + 4px);
  left: 0;
  width: max-content;
  min-width: 100%;
  max-width: min(360px, calc(100vw - 32px));
  max-height: 340px;
  overflow-y: auto;
  padding: 4px 0;
  background: rgba(40, 40, 40, 0.97);
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}
.point-analysis-dialog .pa-search-list[hidden] {
  display: none;
}
.point-analysis-dialog .pa-search-item,
.point-analysis-dialog .pa-search-item:hover,
.point-analysis-dialog .pa-search-item:active {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  padding: 5px 12px;
  border-radius: 0;
  color: #e6e6e6;
  font-size: 13px;
  text-align: left;
  white-space: nowrap;
}
.point-analysis-dialog .pa-search-item:hover,
.point-analysis-dialog .pa-search-item.is-active {
  color: #fbb104;
}
.point-analysis-dialog .pa-search-list:hover .pa-search-item.is-active:not(:hover) {
  color: #e6e6e6;
}
.pa-search-sub {
  font-size: 12px;
  color: #999;
}
.pa-search-vir {
  padding: 4px 12px 2px;
  font-size: 11px;
  color: #888;
}
.pa-search-empty {
  padding: 5px 12px;
  font-size: 13px;
  color: #999;
}

/* Nastavitve statistike (prikaz in 10-minutni korak) */
.point-analysis-dialog .pa-panel-options {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 24px;
}
.point-analysis-dialog .pa-check {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  cursor: pointer;
  white-space: nowrap;
}
.point-analysis-dialog .pa-check[hidden] {
  display: none;
}
.point-analysis-dialog input[type="checkbox"] {
  box-sizing: border-box;
  width: 13px;
  min-width: 13px;
  height: 13px;
  min-height: 13px;
  margin: 0;
  flex-shrink: 0;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  border: 1.5px solid rgba(255, 255, 255, 0.6);
  background: rgba(255, 255, 255, 0.15);
  border-radius: 2px;
}
.point-analysis-dialog input[type="checkbox"]:not(:checked):hover {
  background: #787878;
  border-color: #7a7a7a;
}
.point-analysis-dialog input[type="checkbox"]:checked {
  border-color: #fbb104;
  background-color: #fbb104;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%231a1a1a' stroke-width='2.5' stroke-linecap='round' d='M3 8l3 3 7-7'/%3E%3C/svg%3E");
}

/* Hitri obseg z izbiro let: puščica ob napisu */
.point-analysis-dialog .pa-preset--leta {
  display: inline-flex;
  align-items: center;
  gap: 0;
}
.point-analysis-dialog .pa-preset--leta .pa-caret {
  width: 16px;
  height: 16px;
  margin-right: -3px;
}

/* Izbira let in meni izvoza: okence koledarja (.mi-cal); odmik naslova od vrha in do vsebine (.mi-cal div sicer
   ponastavi robove na 0) */
.mi-cal .pa-pop-title {
  margin: 10px 2px 14px;
  font-size: 12px;
  font-weight: bold;
  color: #999;
  text-transform: uppercase;
}
/* izbrana leta: poleg krepke rumene številke še črtica pod njo (lebdenje le obarva številko) */
.mi-cal.pa-leta-pop .mi-cal-cell.is-selected::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 7px;
  width: 16px;
  height: 2px;
  margin-left: -8px;
  border-radius: 1px;
  background: #fbb104;
}
@media (hover: none) {
  .mi-cal.pa-leta-pop .mi-cal-cell:hover:not(.is-selected) {
    color: #e6e6e6;
  }
}
html.app-mobile-layout .mi-cal .pa-pop-actions .pa-link {
  padding: 10px 4px;
  font-size: 1rem;
}
.mi-cal.pa-leta-pop .mi-cal-grid--years {
  height: auto;
}
.pa-pop-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 8px !important;
}
.mi-cal .pa-pop-actions .pa-link,
.mi-cal .pa-pop-actions .pa-link:hover {
  margin: 0;
  padding: 6px 2px;
  border: none;
  color: #ddd;
  font-size: 0.95rem;
  cursor: pointer;
}
.mi-cal .pa-pop-actions .pa-link:hover {
  color: #fbb104;
}
/* »potrdi« brez izbranega leta ni na voljo */
.mi-cal .pa-pop-actions .period-picker-btn-confirm:disabled {
  opacity: 0.35;
  cursor: default;
  pointer-events: none;
}
.mi-cal .pa-pop-actions .period-picker-btn-confirm {
  transform: none;
  padding: 6px 2px;
  border: none;
}
.mi-cal.pa-menu {
  width: auto;
  min-width: 210px;
  padding: 8px 14px 8px 12px;
}
.mi-cal .pa-menu-item,
.mi-cal .pa-menu-item:hover {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  margin: 0;
  padding: 6px 0;
  border: none;
  color: #fff;
  font-family: inherit;
  font-size: 13px;
  text-align: left;
  cursor: pointer;
}
.mi-cal .pa-menu-item:hover,
.mi-cal .pa-menu-item:focus-visible {
  color: #fbb104;
  outline: none;
}
.mi-cal .pa-menu-item .ui-icon-svg {
  width: 16px;
  height: 16px;
  color: #fbb104;
}

/* Srednje široka okna: povzetek v dveh stolpcih, grafi drug pod drugim */
@media (max-width: 1100px) {
  .point-analysis-dialog .pa-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 900px) {
  .point-analysis-dialog .pa-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* ---------- Telefon: čez cel zaslon kot okno z informacijami in posodobitvami ---------- */
.point-analysis-dialog.point-analysis-dialog--fullscreen {
  --pa-povrsina: #1d1d1d;
  top: var(--nav-top-offset, 70px) !important;
  left: 0 !important;
  right: 0;
  bottom: 0;
  width: auto !important;
  height: auto !important;
  padding: 0 16px 12px 16px;
  border-radius: 0;
  --pa-podlaga: rgba(26, 26, 26, 0.88);
  --pa-senca: none;
  font-size: 15px;
  line-height: 1.55;
}
/* telefon: odpiranje in zapiranje animira main.js (ui-mob-panel-*), zato brez pojemanja podlage in vsebine */
.point-analysis-dialog--fullscreen::before,
.point-analysis-dialog--fullscreen > :not(.pa-close) {
  animation: none;
}
body[data-theme="light"] .point-analysis-dialog.point-analysis-dialog--fullscreen {
  --pa-povrsina: #3a3a3a;
  --pa-podlaga: rgba(42, 42, 42, 0.88);
}
.point-analysis-dialog--fullscreen .pa-close,
.point-analysis-dialog--fullscreen .pa-close:hover,
.point-analysis-dialog--fullscreen .pa-close:active {
  top: 14px;
  right: 14px;
  width: 36px;
  height: 36px;
  color: #ff6b6b;
  background: #333333 !important;
  border-radius: 50% !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5) !important;
}
.point-analysis-dialog--fullscreen .pa-close:hover {
  background: #7a7a7a !important;
}
.point-analysis-dialog--fullscreen .pa-close .ui-icon-svg {
  width: var(--mob-close-icon-size, 22px);
  height: var(--mob-close-icon-size, 22px);
}
/* Telefon: zavihka kot kartici drug ob drugem (ikona, ime, opis), izbrana z rumenim robom in ikono i v desnem zgornjem
   kotu; črta nad karticama loči skupne nastavitve od analiz */
.point-analysis-dialog--fullscreen .pa-bar {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  column-gap: 10px;
  min-height: 0;
  margin: 0 0 22px;
  padding: 20px 0 0;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
  border-bottom: none;
}
.point-analysis-dialog--fullscreen .pa-tabs {
  display: contents;
}
.point-analysis-dialog--fullscreen .pa-tab,
.point-analysis-dialog--fullscreen .pa-tab:hover,
.point-analysis-dialog--fullscreen .pa-tab:active {
  grid-row: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-height: 96px;
  padding: 11px 12px 12px;
  box-sizing: border-box;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: #fff;
  text-align: left;
  white-space: normal;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: none;
  line-height: 1.25;
}
.point-analysis-dialog--fullscreen .pa-tab[data-tab="odbojnost"] {
  grid-column: 1;
}
.point-analysis-dialog--fullscreen .pa-tab[data-tab="nevihte"] {
  grid-column: 2;
}
.point-analysis-dialog--fullscreen .pa-tab-ikona {
  display: block;
  width: 24px;
  height: 24px;
  margin-bottom: 4px;
  color: #fff;
}
.point-analysis-dialog--fullscreen .pa-tab-ime {
  display: none;
}
.point-analysis-dialog--fullscreen .pa-tab-kratko {
  display: block;
  padding-right: 4px;
}
.point-analysis-dialog--fullscreen .pa-tab-opis {
  display: block;
  color: #aaa;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.3;
}
.point-analysis-dialog--fullscreen .pa-tab.is-active,
.point-analysis-dialog--fullscreen .pa-tab.is-active:hover,
.point-analysis-dialog--fullscreen .pa-tab.is-active:active {
  box-shadow: inset 0 0 0 2px #fbb104 !important;
  color: #fbb104;
}
.point-analysis-dialog--fullscreen .pa-tab.is-active .pa-tab-ikona {
  color: #fbb104;
}
.point-analysis-dialog--fullscreen .pa-tab.is-active::after {
  display: none;
}
.point-analysis-dialog--fullscreen .pa-info,
.point-analysis-dialog--fullscreen .pa-info:hover,
.point-analysis-dialog--fullscreen .pa-info:active {
  grid-row: 1;
  grid-column: 2;
  justify-self: end;
  align-self: start;
  z-index: 1;
  width: 44px;
  height: 44px;
  margin: 2px 2px 0 0;
}
.point-analysis-dialog--fullscreen[data-zavihek="odbojnost"] .pa-info {
  grid-column: 1;
}
.point-analysis-dialog--fullscreen .pa-info-znak {
  width: 23px;
  height: 23px;
  border-radius: 6px;
  font-size: 15px;
}
.point-analysis-dialog--fullscreen .pa-info-znak > span {
  transform: none;
}
/* deli in prenesi desno v vrstici z naslovom prvega grafa; opis grafa v naslednji vrstici */
.point-analysis-dialog--fullscreen .pa-card-head--akcije {
  align-items: center;
  row-gap: 8px;
}
.point-analysis-dialog--fullscreen .pa-card-head--akcije > .pa-card-title {
  order: 0;
}
.point-analysis-dialog--fullscreen .pa-card-head--akcije > .pa-actions {
  order: 1;
  margin: -8px -8px -2px auto;
}
.point-analysis-dialog--fullscreen .pa-card-head--akcije > .pa-card-hint {
  order: 2;
  flex-basis: 100%;
}
.point-analysis-dialog--fullscreen .pa-body {
  margin-right: -16px;
  padding-right: 20px;
}
/* naslov v višini okroglega × */
.point-analysis-dialog--fullscreen .pa-title {
  margin: 18px 56px 18px 0;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.1em;
}
/* Telefon: lokacija (ime in koordinate levo, kvadratna gumba za spremembo lokacije in iskanje desno), pod črto prag in
   obseg v dveh enakih stolpcih z oznakama */
.point-analysis-dialog--fullscreen .pa-head {
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
  margin: 0 0 24px;
}
.point-analysis-dialog--fullscreen .pa-point {
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}
.point-analysis-dialog--fullscreen .pa-point-line {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0 12px;
  min-height: 0;
}
.point-analysis-dialog--fullscreen .pa-point-name {
  grid-column: 1;
  grid-row: 1;
  font-size: 17px;
}
.point-analysis-dialog--fullscreen .pa-point-coords {
  grid-column: 1;
  grid-row: 2;
  font-size: 14px;
}
.point-analysis-dialog--fullscreen .pa-point-akcije {
  grid-column: 2;
  grid-row: 1 / span 2;
  display: flex;
  gap: 8px;
}
.point-analysis-dialog--fullscreen .pa-point-akcije > button,
.point-analysis-dialog--fullscreen .pa-point-akcije > button:hover,
.point-analysis-dialog--fullscreen .pa-point-akcije > button:active {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: #fff;
}
.point-analysis-dialog--fullscreen .pa-point-akcije .ui-icon-svg {
  width: 20px;
  height: 20px;
  color: currentColor;
}
/* odprto iskanje: gumb označen kot izbrana možnost */
.point-analysis-dialog--fullscreen .pa-point-akcije > .pa-search-btn[aria-expanded="true"] {
  box-shadow: inset 0 0 0 2px #fbb104 !important;
  color: #fbb104;
}
/* napis »spremeni lokacijo« ostane za bralnike zaslona */
.point-analysis-dialog--fullscreen .pa-change-label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
.point-analysis-dialog--fullscreen .pa-link,
.point-analysis-dialog--fullscreen .pa-link:hover,
.point-analysis-dialog--fullscreen .pa-link:active {
  font-size: 15px;
  padding: 4px 0;
}
.point-analysis-dialog--fullscreen .pa-settings {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.point-analysis-dialog--fullscreen .pa-setting--prag,
.point-analysis-dialog--fullscreen .pa-setting--obseg {
  display: block;
  min-width: 0;
}
/* oznaki PRAG in OBSEG ter naslova OBDOBJE in PRIKAŽI: kot oznake povzetka */
.point-analysis-dialog--fullscreen .pa-settings .pa-setting-label,
.point-analysis-dialog--fullscreen .pa-skupina-naslov,
.point-analysis-dialog--fullscreen .pa-merilo > .pa-setting-label {
  display: block;
  margin: 0 0 8px;
  color: #999;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 16px;
  text-transform: uppercase;
}
/* prag: puščici in polje na skupni podlagi (med vnosom oranžna obroba) */
.point-analysis-dialog--fullscreen .pa-stepper {
  display: flex;
  align-items: stretch;
  box-sizing: border-box;
  height: 44px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
  overflow: hidden;
}
.point-analysis-dialog--fullscreen .pa-stepper:focus-within {
  box-shadow: inset 0 0 0 2px #fbb104;
}
.point-analysis-dialog--fullscreen .pa-stepper .pa-step,
.point-analysis-dialog--fullscreen .pa-stepper .pa-step:hover,
.point-analysis-dialog--fullscreen .pa-stepper .pa-step:active {
  flex: 0 0 auto;
  width: 40px;
  height: auto;
  border-radius: 0 !important;
  color: #fff;
}
.point-analysis-dialog--fullscreen .pa-stepper .pa-value,
.point-analysis-dialog--fullscreen .pa-stepper .pa-value:hover {
  flex: 1 1 auto;
  min-width: 0;
  height: auto;
  padding: 0 4px;
  border: none;
  border-radius: 0;
  background: transparent;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
}
/* segmentni izbirnik (obseg, prikaži): skupna podlaga, izbrana možnost oranžna z oranžno obrobo */
.point-analysis-dialog--fullscreen .pa-segment {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  gap: 2px;
  box-sizing: border-box;
  height: 44px;
  padding: 2px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
}
.point-analysis-dialog--fullscreen .pa-segment label {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  min-height: 0;
  height: 100%;
  padding: 0 6px;
  border-radius: 6px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
}
/* brskalniki brez :has() (Safari pred 15.4, Firefox pred 121): izbrana možnost vsaj z oranžnim napisom */
.point-analysis-dialog--fullscreen .pa-segment input:checked + span {
  color: #fbb104;
}
.point-analysis-dialog--fullscreen .pa-segment label:has(input:checked) {
  box-shadow: inset 0 0 0 2px #fbb104;
  color: #fbb104;
}
.point-analysis-dialog--fullscreen .pa-segment label:has(input:focus-visible) {
  outline: 2px solid #fbb104;
  outline-offset: 1px;
}
/* obseg: možnosti široke po besedilu (»okolica 2 km« je daljša) */
.point-analysis-dialog--fullscreen .pa-head .pa-segment {
  display: flex;
}
.point-analysis-dialog--fullscreen .pa-head .pa-segment label {
  flex: 1 1 auto;
  padding: 0 7px;
  font-weight: 600;
  white-space: nowrap;
}
.point-analysis-dialog--fullscreen .pa-segment input[type="radio"] {
  position: absolute;
  width: 1px;
  min-width: 0;
  height: 1px;
  min-height: 0;
  opacity: 0;
  pointer-events: none;
}
/* »okolica 2 km« (v polovici širine; polno ime v opisu ob gumbu) */
.point-analysis-dialog--fullscreen .pa-do {
  display: none;
}
.point-analysis-dialog--fullscreen .pa-search {
  grid-column: 1 / -1;
  grid-row: 3;
  margin: 12px 0 0;
}
/* Telefon: polje za iskanje je privzeto skrito; gumb s povečevalnim steklom ga odpre */
.point-analysis-dialog--fullscreen .pa-head:not(.pa-iskanje-odprto) .pa-search {
  display: none;
}
.point-analysis-dialog--fullscreen .pa-search-input {
  width: 100%;
  height: 32px;
  font-size: 15px;
}
.point-analysis-dialog--fullscreen .pa-search-item,
.point-analysis-dialog--fullscreen .pa-search-item:hover,
.point-analysis-dialog--fullscreen .pa-search-item:active {
  padding: 9px 14px;
  font-size: 15px;
}
/* Telefon: deli in prenesi kot ikoni (kot ikonski gumbi v vrstici desno zgoraj) */
.point-analysis-dialog--fullscreen .pa-actions {
  margin-left: auto;
  gap: 0 4px;
}
.point-analysis-dialog--fullscreen .pa-actions .pa-link,
.point-analysis-dialog--fullscreen .pa-actions .pa-link:hover,
.point-analysis-dialog--fullscreen .pa-actions .pa-link:active {
  width: 40px;
  height: 36px;
  padding: 0;
  justify-content: center;
}
.point-analysis-dialog--fullscreen .pa-actions .pa-link > span {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
.point-analysis-dialog--fullscreen .pa-actions .ui-icon-svg {
  width: 20px;
  height: 20px;
}
.point-analysis-dialog--fullscreen .pa-actions .pa-share .ui-icon-svg {
  width: 17px;
  height: 17px;
}
.point-analysis-dialog--fullscreen input[type="checkbox"] {
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
}
.point-analysis-dialog--fullscreen .pa-check {
  gap: 10px;
  min-height: 40px;
  white-space: normal;
}
html.app-mobile-layout .mi-cal .pa-menu-item {
  padding: 10px 0;
  font-size: 15px;
}

/* Telefon pod karticama: naslov OBDOBJE, hitri obsegi kot enako široki gumbi v polnih vrsticah (časovne vrste 4 + 3,
   statistika 1-1-1-2), obdobje kot polje s koledarjem; naslov PRIKAŽI in segmentni izbirnik, pod njim kljukica */
.point-analysis-dialog--fullscreen .pa-panel-head {
  display: block;
  margin: 0 0 24px;
  padding-bottom: 20px;
}
.point-analysis-dialog--fullscreen .pa-period {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 0;
}
.point-analysis-dialog--fullscreen .pa-presets {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 8px;
}
.point-analysis-dialog--fullscreen [data-panel="odbojnost"] .pa-preset:nth-child(-n+4) {
  grid-column: span 3;
}
.point-analysis-dialog--fullscreen [data-panel="odbojnost"] .pa-preset:nth-child(n+5) {
  grid-column: span 4;
}
.point-analysis-dialog--fullscreen [data-panel="nevihte"] .pa-presets {
  grid-template-columns: 1fr 1fr 1fr 2.1fr;
}
.point-analysis-dialog--fullscreen [data-panel="nevihte"].pa-brez-lani .pa-presets {
  grid-template-columns: 1fr 1fr 2.1fr;
}
.point-analysis-dialog--fullscreen .pa-preset,
.point-analysis-dialog--fullscreen .pa-preset:hover,
.point-analysis-dialog--fullscreen .pa-preset:active {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 0;
  height: 40px;
  padding: 0 4px;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}
.point-analysis-dialog--fullscreen .pa-preset.is-active {
  box-shadow: inset 0 0 0 2px #fbb104 !important;
  color: #fbb104;
}
.point-analysis-dialog--fullscreen .pa-preset--leta .pa-caret {
  margin-right: -6px;
}
.point-analysis-dialog--fullscreen .pa-range-btn,
.point-analysis-dialog--fullscreen .pa-range-btn:hover,
.point-analysis-dialog--fullscreen .pa-range-btn:active {
  display: flex;
  align-items: center;
  gap: 10px;
  box-sizing: border-box;
  width: 100%;
  height: 44px;
  margin-top: 8px;
  padding: 0 8px 0 12px;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: #fff;
  font-size: 15px;
}
.point-analysis-dialog--fullscreen .pa-range-btn.is-active {
  box-shadow: inset 0 0 0 2px #fbb104 !important;
  color: #fbb104;
}
.point-analysis-dialog--fullscreen .pa-range-btn .ui-icon-svg {
  flex: none;
  width: 18px;
  height: 18px;
  color: currentColor;
}
.point-analysis-dialog--fullscreen .pa-range-label {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
.point-analysis-dialog--fullscreen .pa-back {
  align-self: flex-start;
  margin-top: 8px;
}
.point-analysis-dialog--fullscreen .pa-panel-options {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  margin-top: 20px;
}
.point-analysis-dialog--fullscreen .pa-merilo {
  display: block;
}
/* povzetek pred grafom v obeh zavihkih (kot v statistiki nad pragom) */
.point-analysis-dialog--fullscreen .pa-kpis {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px 18px;
  margin: 0 0 26px;
}
.point-analysis-dialog--fullscreen .pa-kpi-label {
  font-size: 12px;
}
.point-analysis-dialog--fullscreen .pa-kpi-value {
  font-size: 17px;
}
.point-analysis-dialog--fullscreen .pa-kpi-sub {
  font-size: 13px;
}
.point-analysis-dialog--fullscreen .pa-grid {
  grid-template-columns: minmax(0, 1fr);
  gap: 30px;
}
.point-analysis-dialog--fullscreen .pa-card {
  padding-top: 16px;
}
.point-analysis-dialog--fullscreen .pa-chart {
  height: 170px;
}
.point-analysis-dialog--fullscreen .pa-chart--serija {
  height: 240px;
}
.point-analysis-dialog--fullscreen .pa-svg text {
  font-size: 12px;
}
.point-analysis-dialog--fullscreen .pa-card-title {
  font-size: 12px;
}
.point-analysis-dialog--fullscreen .pa-card-hint,
.point-analysis-dialog--fullscreen .pa-card-note {
  font-size: 13px;
}
.point-analysis-dialog--fullscreen .pa-hint-navodilo {
  display: block;
}
.point-analysis-dialog--fullscreen .pa-card-note {
  order: 3;
  flex-basis: 100%;
  margin: 6px 0 0;
  text-align: right;
}
.point-analysis-dialog--fullscreen .pa-card-head:has(.pa-card-note) {
  margin-bottom: 0;
}
.point-analysis-dialog--fullscreen .pa-top th {
  font-size: 13px;
}
.point-analysis-dialog--fullscreen .pa-top td {
  padding: 7px 8px 7px 0;
}
@media (max-width: 400px) {
  .point-analysis-dialog--fullscreen .pa-top-link-text {
    display: none;
  }
}
/* Zelo ozek telefon: naslov v eni vrstici ob okroglem ×, prag in obseg drug pod drugim, krajši zapis obdobja */
@media (max-width: 359px) {
  .point-analysis-dialog--fullscreen .pa-title {
    letter-spacing: 0.04em;
  }
  .point-analysis-dialog--fullscreen .pa-settings {
    grid-template-columns: minmax(0, 1fr);
  }
  .point-analysis-dialog--fullscreen .pa-range-btn,
  .point-analysis-dialog--fullscreen .pa-range-btn:hover,
  .point-analysis-dialog--fullscreen .pa-range-btn:active {
    font-size: 14px;
  }
}
/* Telefon v ležečem položaju: manjši naslov (v višini okroglega ×) */
@media (orientation: landscape) {
  .point-analysis-dialog--fullscreen .pa-title {
    margin: 20px 56px 14px 0;
    font-size: 16px;
  }
}

/* Izvoz slike PNG: barve grafov kot v temni temi (razred je na oknu le med kopiranjem slogov) */
body .point-analysis-dialog.pa-izvoz,
body[data-theme] .point-analysis-dialog.pa-izvoz:not(.point-analysis-dialog--fullscreen) {
  --pa-siva: #999;
  --pa-svetla: #bbb;
  --pa-povrsina: #1f1f1f;
}