@import url('/designsystemet-css/index.css');
@import url('/designsystemet-theme/portal.css');

/* Add spacing between buttons in the aside */
aside .ds-button {
  margin-bottom: 0.7rem; /* ~8px */
}

/* Limit the length of the input fields in forms */
form {
  max-width: 400px;
}

table {
  max-width: 800px;
}

body {
  font-family: 'Inter', system-ui, sans-serif;
  margin: 0;
  display: flex;
  flex-direction: column; /* stack header above content */
  height: 100vh;
}

/* Header at top */
header {
  background: #065f46;
  color: white;
  padding: 1em 1.5em;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

/* Wrapper for aside + main */
.app {
  display: flex;
  flex: 1;            /* take remaining height below header */
  min-height: 0;      /* prevent flexbox overflow issues */
}

/* Sidebar */
aside {
  width: 240px;
  background: #f3f4f6;
  padding: 1.5em;
  border-right: 1px solid #e5e7eb;
  box-shadow: 2px 0 6px rgba(0,0,0,0.05);
  overflow-y: auto;   /* scroll if sidebar content is taller */
}

/* Main content area */
main {
  flex: 1;
  padding: 2em;
  overflow-y: auto;   /* scroll if content is taller than viewport */
}

/* Keep header white */
.header-title {
  color: white;
  text-decoration: none;
}

.header-title:visited,
.header-title:hover,
.header-title:active,
.header-title:focus {
  color: white;
  text-decoration: none;
}