/* Main page layout */
body, html {
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
}
.grid-container {
    display: grid;
    grid-template-columns: 120px auto;
    grid-template-rows: 20px 90px 20px auto;
    grid-template-areas:
      "lang nav"
      "logo cmd"
      "stub tab"
      "side main";
    height: 100vh;
    width: 100vw;
    gap: 1px;
    background: white; /* Filling gaps with white */
}
.grid-item {
		display: flex;
}
.lang { grid-area: lang; background-color: #cccccc; }
.nav { grid-area: nav; background-color: #cccccc; }
.logo { grid-area: logo; background-color: #eeeeee; }
.cmd { grid-area: cmd; background-color: #eeeeee; }
.stub { grid-area: stub; background-color: #577fbb; }
.tab { grid-area: tab; background-color: #577fbb; }
.side { grid-area: side; background-color: #cccccc; }
.main { grid-area: main; background-color: #ffffff; }

.logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block; /* Removes any extra space below the image */
}
.lang {
    justify-content: center;
    align-items: center;
		font-size: 12px;
}
.cmd {
    align-items: center;
		padding: 20px;
}

/* Tree structure */
ul, li {
    list-style-type: none;
}
.toggle, .no-toggle {
    cursor: pointer;
    width: 25px;
    display: inline-block;
    text-align: center;
    user-select: none;
		color: #666666;
}
.no-toggle {
    cursor: default;
}
.label, a.label {
    cursor: pointer;
    text-decoration: none;
}

/* Additional tweaks */
a, a:visited, .label {
    color: #0000ff;
}

.feather {
  width: 18px;
  height: 18px;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
  vertical-align: sub;
}