@import url("https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap");

.kterm {
  position: absolute;
  background: rgba(0,0,0,0.9); /* less transparent */
  color: #fff;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(0,0,0,.45);
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
  user-select: none;
  z-index: 20;
}

/* ===== Titlebar (old look) ===== */
.kterm__titlebar {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  font-family: 'Ubuntu', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: .85rem;
  letter-spacing: .2px;
  color: #e6e6e6;
  background: transparent;
  cursor: move;
}

.kterm__controls {
  position: absolute;
  top: 0; right: 8px;
  height: 100%;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.kterm__btn {
  height: 10px;
  width: 10px;
  position: relative;
  opacity: .9;
  cursor: pointer;
}
.kterm__btn--min::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 2px;
  height: 2px;
  background: #fff;
  border-radius: 1px;
}
.kterm__btn--max {
  border: 2px solid #fff;
  border-radius: 1px;
}
.kterm__btn--close::before,
.kterm__btn--close::after {
  content: "";
  position: absolute;
  left: 0; right: 0; top: 4px;
  height: 2px; background: #fff;
  transform-origin: center;
  border-radius: 1px;
}
.kterm__btn--close::before { transform: rotate(45deg); }
.kterm__btn--close::after { transform: rotate(-45deg); }

/* ===== Menubar ===== */
.kterm__menu {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 8px 12px;
  border-top: 1px solid rgba(255,255,255,.05);
  border-bottom: 1px solid rgba(0,0,0,.4);
  font-family: 'Ubuntu', sans-serif;
  font-size: .92rem;
  color: #d9d9d9;
  background: transparent;
}
.kterm__menu a { color: inherit; text-decoration: none; }
.kterm__menu a:hover { color: #fff; }

/* ===== Content ===== */
.kterm__content {
  font-family: 'Ubuntu Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  padding: 14px 16px 18px 16px;
  min-height: 160px;
  max-height: calc(100vh - 140px);
  overflow: hidden;
  line-height: 1.6;
  font-size: 1.25rem;
}
.kterm__content p {
  margin: 0 0 12px 0;
}
.kterm__prompt { font-weight: 700; }
.kterm__red { color: #a5191d; }
.kterm__blue { color: #255fb3; }
.kterm__white { color: #ffffff; }

.kterm__inputline { display: inline; white-space: pre-wrap; }
.kterm__cursor {
  display: inline-block;
  width: .65em;
  height: 1.1em;
  vertical-align: text-bottom;
  margin-left: 2px;
  background: #fff;
  animation: kterm-blink 1s step-end infinite;
}
@keyframes kterm-blink { 50% { opacity: 0; } }

.kterm--dragging { cursor: grabbing; }