/* Windows 1.0 — MS-DOS Executive (circa 1985) */
.stage-win1 {
  background: #808080;
  align-items: stretch;
  justify-content: stretch;
}

.win1-desktop {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background: #c0c0c0;
  border-top: 2px solid #fff;
}

.win1-icons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 0.75rem;
  align-content: flex-start;
  flex: 1;
  background: repeating-linear-gradient(
    0deg,
    #c0c0c0,
    #c0c0c0 2px,
    #b8b8b8 2px,
    #b8b8b8 4px
  );
}

.win1-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 72px;
  padding: 0.35rem;
  border: 1px solid transparent;
  background: none;
  font-family: "MS Sans Serif", Tahoma, sans-serif;
  font-size: 11px;
  cursor: default;
  color: #000;
}
.win1-icon:hover { border: 1px dotted #000; }
.win1-ico {
  font-size: 22px;
  line-height: 1;
  margin-bottom: 0.2rem;
}

.win1-windows {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.win1-windows > * { pointer-events: auto; }

.win1-window {
  position: absolute;
  display: flex;
  flex-direction: column;
  background: #c0c0c0;
  border: 2px solid;
  border-color: #fff #404040 #404040 #fff;
  box-shadow: 1px 1px 0 #000;
  font-family: "MS Sans Serif", Tahoma, sans-serif;
  font-size: 12px;
}

.win1-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #000080;
  color: #fff;
  padding: 0.15rem 0.35rem;
  font-weight: bold;
  font-size: 11px;
}
.win1-close {
  border: 1px solid #fff;
  background: #c0c0c0;
  color: #000;
  width: 16px;
  height: 14px;
  line-height: 12px;
  padding: 0;
  font-size: 12px;
  cursor: pointer;
}

.win1-menu {
  display: flex;
  gap: 0.75rem;
  padding: 0.15rem 0.4rem;
  border-bottom: 1px solid #808080;
  font-size: 11px;
}
.win1-menu span:hover { background: #000080; color: #fff; }

.win1-client {
  flex: 1;
  overflow: auto;
  padding: 0.35rem;
  background: #fff;
  margin: 2px;
  border: 1px solid #808080;
}

.win1-ta {
  width: 100%;
  height: 100%;
  min-height: 140px;
  border: none;
  resize: none;
  font-family: "Courier New", monospace;
  font-size: 12px;
}
.win1-canvas {
  display: block;
  border: 1px solid #808080;
  background: #fff;
  cursor: crosshair;
}
.win1-clock {
  font-size: 28px;
  text-align: center;
  margin: 2rem 0;
}
.win1-dos {
  margin: 0;
  font-family: "Courier New", monospace;
  font-size: 12px;
  background: #000;
  color: #aaa;
  padding: 0.5rem;
  min-height: 100%;
}
.win1-about { font-size: 12px; line-height: 1.5; }
.win1-muted { color: #666; font-size: 11px; }

.win1-status {
  padding: 0.2rem 0.5rem;
  font-size: 11px;
  background: #c0c0c0;
  border-top: 1px solid #808080;
  color: #000;
}