/* Mobil app-fokus: dashboardet skal bruke mest mulig av skjermen. */
@media (max-width: 700px) {
  html, body { min-height:100%; background:#06151d!important; }
  body { padding:0!important; overflow-x:hidden; }
  #appSide { width:100%; max-width:none; }

  /* Fjern flytende dashboard-knapp; dashboard er allerede førstesiden. */
  #vetDashboardFlytendeKnapp { display:none!important; }

  /* Kompakt app-header i stedet for stort toppkort. */
  #vetToppkortDashboard {
    position:sticky;
    top:0;
    z-index:8000;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:10px 10px 8px!important;
    border:0!important;
    border-bottom:1px solid #20485d!important;
    border-radius:0!important;
    background:rgba(6,21,29,.97)!important;
    box-shadow:0 8px 24px rgba(0,0,0,.28)!important;
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    box-sizing:border-box;
  }
  #vetToppkortDashboard:hover,
  #vetToppkortDashboard:active { transform:none!important; }

  #vetToppNavn {
    display:inline-block;
    margin:0 8px 1px 2px!important;
    font-size:19px!important;
    line-height:1.1!important;
    vertical-align:middle;
  }
  #vetToppRolle {
    display:inline-block!important;
    margin:0!important;
    font-size:11px!important;
    vertical-align:middle;
    opacity:.78;
  }
  #aktivKlinikkInfo,
  #vetVisningInfo,
  #vetDashboardKnapp,
  #vetToppkortDashboard > p:last-child { display:none!important; }

  /* Små app-knapper i én horisontal rad. */
  #vetToppkortDashboard .vet-meny {
    display:flex!important;
    gap:6px!important;
    margin:8px 0 0!important;
    padding:0 0 1px!important;
    overflow-x:auto;
    overflow-y:hidden;
    flex-wrap:nowrap!important;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  #vetToppkortDashboard .vet-meny::-webkit-scrollbar { display:none; }
  #vetToppkortDashboard .vet-meny > button,
  #vetToppkortDashboard .vet-meny > a {
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    min-height:32px!important;
    margin:0!important;
    padding:7px 10px!important;
    border-radius:10px!important;
    font-size:11px!important;
    line-height:1!important;
    white-space:nowrap;
  }
  #vetToppkortDashboard .vet-meny > .danger { padding-inline:9px!important; }
  #vetToppkortDashboard .vet-undermeny { display:none!important; }

  /* Dashboard fyller appflaten. */
  #dashboardSide {
    width:100%!important;
    max-width:none!important;
    min-height:calc(100dvh - 82px);
    margin:0!important;
    padding:12px 10px 84px!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    box-sizing:border-box;
    background:linear-gradient(180deg,#061923,#07151d)!important;
  }
  #dashboardSide .vet-dashboard-head {
    display:grid!important;
    grid-template-columns:1fr auto;
    gap:8px!important;
    align-items:start!important;
    margin:0 0 11px!important;
  }
  #dashboardSide .vet-dashboard-kicker { font-size:10px!important; margin:0 0 3px!important; }
  #dashboardSide .vet-dashboard-head h2 {
    font-size:22px!important;
    line-height:1.08!important;
    margin:0 0 4px!important;
    letter-spacing:-.02em;
  }
  #dashboardSide .vet-dashboard-head p.lite {
    margin:0!important;
    font-size:12px!important;
    line-height:1.35!important;
  }
  #vetDashboardOppdater {
    width:auto!important;
    min-height:32px!important;
    padding:7px 10px!important;
    margin:0!important;
    border-radius:10px!important;
    font-size:11px!important;
  }

  /* Fire nøkkeltall på første skjermbilde. */
  #dashboardSide .vet-dashboard-cards {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  #dashboardSide .vet-dashboard-cards article {
    min-height:105px;
    padding:12px!important;
    border-radius:15px!important;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
  }
  #dashboardSide .vet-dashboard-cards span { font-size:12px!important; line-height:1.2; }
  #dashboardSide .vet-dashboard-cards strong { font-size:30px!important; line-height:1!important; margin:7px 0 2px!important; }
  #dashboardSide .vet-dashboard-cards small { font-size:10px!important; line-height:1.25; }

  #dashboardSide .vet-dashboard-grid {
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin-top:8px!important;
  }
  #dashboardSide .vet-dashboard-panel { padding:12px!important; border-radius:15px!important; }
  #dashboardSide .vet-dashboard-panel h3 { font-size:17px!important; margin:0 0 8px!important; }
  #dashboardSide .vet-dashboard-list { gap:6px!important; }
  #dashboardSide .vet-dashboard-item { padding:9px 10px!important; border-radius:10px!important; }
  #dashboardSide .vet-dashboard-item b,
  #dashboardSide .vet-dashboard-item em { font-size:11px!important; }

  #dashboardSide .vet-dashboard-actions {
    position:fixed;
    left:8px;
    right:8px;
    bottom:max(8px, env(safe-area-inset-bottom));
    z-index:7000;
    display:grid!important;
    grid-template-columns:1fr 1fr;
    gap:7px!important;
    margin:0!important;
    padding:7px;
    border:1px solid #24516a;
    border-radius:16px;
    background:rgba(5,20,28,.94);
    box-shadow:0 10px 32px rgba(0,0,0,.38);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
  }
  #dashboardSide .vet-dashboard-actions button {
    min-height:38px!important;
    margin:0!important;
    padding:8px 10px!important;
    border-radius:11px!important;
    font-size:11px!important;
  }

  /* Biometri skal ikke dekke dashboardkort. */
  #vetBiometriKnapp {
    right:10px!important;
    bottom:72px!important;
    min-height:30px!important;
    padding:6px 9px!important;
    font-size:10px!important;
    border-radius:10px!important;
  }
}

/* Logg ut skal alltid vaere synlig i toppmenyen, ogsaa paa smale skjermer. */
#vetToppkortDashboard .vet-meny > #vetLoggUtKnapp {
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  align-items:center!important;
  justify-content:center!important;
  order:999!important;
}


/* Fast Logg ut: ligger utenfor toppkortet slik at den vises i fullskjerm-dashboard/journal. */
#vetLoggUtKnapp.vet-logg-ut-fast{
  position:fixed!important;
  right:12px!important;
  top:132px!important;
  left:auto!important;
  bottom:auto!important;
  z-index:2147482500!important;
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:92px!important;
  min-height:44px!important;
  padding:10px 14px!important;
  margin:0!important;
  border-radius:10px!important;
  font-size:13px!important;
  font-weight:800!important;
  box-shadow:0 8px 22px rgba(0,0,0,.35)!important;
}
@media(max-width:640px){
  #vetLoggUtKnapp.vet-logg-ut-fast{
    right:8px!important;
    top:112px!important;
    min-width:72px!important;
    min-height:40px!important;
    padding:8px 11px!important;
    font-size:11px!important;
  }
}
body.vet-ab-fullscreen #vetLoggUtKnapp.vet-logg-ut-fast{display:none!important;}