.window {
  display: none;

  position: absolute;

  min-width: 260px;
  min-height: 180px;

  padding: 2px;

  background: #c0c0c0;

  border-top: 2px solid white;
  border-left: 2px solid white;

  border-right: 2px solid #202020;
  border-bottom: 2px solid #202020;

  box-shadow:
    1px 1px 0 black;
}

.window.open {
  display: flex;

  flex-direction: column;
}

.window-titlebar {
  height: 28px;

  padding-left: 6px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  background: #000080;
  color: white;

  cursor: move;

  user-select: none;
}

.window-title {
  font-size: 13px;
  font-weight: bold;
}

.window-controls {
  display: flex;

  gap: 2px;

  padding-right: 3px;
}

.window-controls button {
  width: 23px;
  height: 21px;

  padding: 0;

  background: #c0c0c0;

  border-top: 2px solid white;
  border-left: 2px solid white;

  border-right: 2px solid #404040;
  border-bottom: 2px solid #404040;

  font-weight: bold;

  cursor: pointer;
}

.window-controls button:active {
  border-top: 2px solid #404040;
  border-left: 2px solid #404040;

  border-right: 2px solid white;
  border-bottom: 2px solid white;
}

.window-menubar {
  height: 27px;

  padding-left: 8px;

  display: flex;
  align-items: center;

  gap: 18px;

  font-size: 12px;
}

.window-content {
  flex: 1;

  margin: 0 3px;

  overflow: auto;

  background: white;

  border-top: 2px solid #808080;
  border-left: 2px solid #808080;

  border-right: 2px solid white;
  border-bottom: 2px solid white;
}

.window-statusbar {
  height: 24px;

  margin-top: 3px;

  padding: 4px 6px;

  border-top: 1px solid #808080;
  border-left: 1px solid #808080;

  border-right: 1px solid white;
  border-bottom: 1px solid white;

  font-size: 11px;
}

.window.maximized {
  top: 0 !important;
  left: 0 !important;

  width: 100% !important;

  height:
    calc(100% - 38px) !important;
}