/* Tetter sømmen mellom Oversikt og WebODMs native task-visere (/map/ og
   /3d/) - se native-ramme.js for når html.ov-native-ramme settes.
   WebODMs egen "desktop mode" (settings.DESKTOP_MODE) løser et lignende
   problem (skjuler toppraden, lar venstre sidemeny stå), men vi vil ha HELT
   fullskjerm uten noe av den native sb-admin-2-rammen rundt, siden Oversikt
   sin egen sidemeny allerede dekker navigasjonen - se LESMEG.md. */

html.ov-native-ramme #navbar-top{
  display: none !important;
}

html.ov-native-ramme #page-wrapper{
  margin: 0 !important;
  padding: 0 !important;
  border-left: none !important;
  min-height: 0 !important;
}

html.ov-native-ramme .content{
  padding-top: 0 !important;
}

/* Høydene under er viewport-relative i WebODMs egen CSS (ikke avhengig av
   JS-utregnet min-height på #page-wrapper), se [data-mapview]/.full-height
   i app/static/app/css/main.scss. 100px/60px der er tilpasset DERES native
   navbar - vi bytter bare ut tallet med høyden på vår egen minilinje. */
html.ov-native-ramme [data-mapview],
html.ov-native-ramme .full-height{
  height: calc(100vh - 48px) !important;
  height: calc(100dvh - 48px) !important;
}

#ovMiniTopp{
  display: flex;
  align-items: center;
  gap: 10px;
  height: 48px;
  padding: 0 16px;
  box-sizing: border-box;
  background: #F4EBE0;
  border-bottom: 1px solid #E7DECE;
  font-family: 'Inter', sans-serif;
  -webkit-font-smoothing: antialiased;
}

html[data-tema="mork"] #ovMiniTopp{
  background: #1b1c1f;
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

.ov-mini-tilbake{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #211E1A;
  text-decoration: none;
  font-weight: 600;
  font-size: 0.9rem;
}

html[data-tema="mork"] .ov-mini-tilbake{
  color: #e8e6e2;
}

.ov-mini-fyll{
  flex: 1;
}

.ov-mini-knapp{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  background: none;
  border: none;
  border-radius: 999px;
  font-size: 0.95rem;
  color: #211E1A;
  cursor: pointer;
  touch-action: manipulation;
  transition: background-color 150ms ease;
}

html[data-tema="mork"] .ov-mini-knapp{
  color: #e8e6e2;
}

.ov-mini-knapp:hover{
  background: rgba(33, 30, 26, 0.06);
}

html[data-tema="mork"] .ov-mini-knapp:hover{
  background: rgba(255, 255, 255, 0.06);
}