/* ============================================================
   GLOBAL LAYOUT
   ============================================================ */
body{
  background:var(--bg);
  color:var(--text);
  font-family:"DM Sans",sans-serif;

  min-height:100dvh;
}

/* ============================================================
   APP CONTAINER
   ============================================================ */

.container{
  display:flex;
  min-height:100dvh;
  align-items:stretch; /* säkerställer full höjd */
}

/* ============================================================
   MAIN CONTENT
   ============================================================ */
:root{
  --sidebar-width:260px;
  --main-offset:48px;
}

.main{
  margin-left:var(--sidebar-width);
  width:calc(100% - var(--sidebar-width));

  padding-top:var(--main-offset);
}

/* ============================================================
   UTILITY
   ============================================================ */

.hidden{
  display:none !important;
}
/* ============================================================
   SAFARI / IOS RENDER STABILITY
   Prevents sticky + backdrop + transform bugs
   ============================================================ */

.modal,
.modal-content,
.sidebar,
.search-panel{

  transform:translateZ(0);
  will-change:transform;

}

/* ============================================================
   MOBILE SCROLL STABILITY
   Improves iOS Safari behaviour
============================================================ */

html{
  -webkit-text-size-adjust:100%;
}

body{
  overscroll-behavior-y:none;
  -webkit-font-smoothing:antialiased;
}