/*
 * Star Trek LCARS theme.
 * Orange, purple, blue rounded panels on dark background.
 * Compact typography with LCARS-style panel segments.
 */

body.lcars-theme {
  --ActiveTitle: #ff9900;
  --GradientActiveTitle: #cc6699;
  --TitleText: #000000;
  --InactiveTitle: #664466;
  --GradientInactiveTitle: #553355;
  --InactiveTitleText: #cc99cc;

  --ButtonFace: #cc6699;
  --ButtonText: #000000;
  --ButtonLight: #dd77aa;
  --ButtonHilight: #ee88bb;
  --ButtonShadow: #995577;
  --ButtonDkShadow: #663355;

  --Window: #000000;
  --WindowText: #ff9900;
  --WindowFrame: #cc6699;

  --Background: #000000;

  --Hilight: #ff9900;
  --HilightText: #000000;
  --MenuHilight: #cc6699;

  --Menu: #0a0410;
  --MenuText: #ff9900;
  --MenuBar: #0a0410;

  --Scrollbar: #332233;

  --border-width: 0px;
}

/* ─── Global LCARS Typography ──────────────────────────────────────── */

body.lcars-theme {
  font-family: 'Century Gothic', 'Futura', 'Trebuchet MS', sans-serif;
  font-size: 12px;
  letter-spacing: 0.3px;
}

/* ─── Taskbar ──────────────────────────────────────────────────────── */

body.lcars-theme .taskbar {
  background: #000;
  border-top: none;
  padding: 0;
  gap: 2px;
  height: 40px;
}

body.lcars-theme .taskbar::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(to right, #ff9900, #cc6699, #9999ff, #ff9900);
}

body.lcars-theme .taskbar__start {
  background: #ff9900;
  color: #000;
  border: none;
  border-radius: 0 0 16px 0;
  padding: 2px 14px;
  font-weight: bold;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  height: 36px;
}

body.lcars-theme .taskbar__start:hover {
  background: #ffaa33;
}

body.lcars-theme .taskbar__program-btn {
  background: #cc6699;
  color: #000;
  border: none;
  border-radius: 8px;
  padding: 2px 10px;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  height: 28px;
  min-width: 100px;
  max-width: 150px;
}

body.lcars-theme .taskbar__program-btn.active {
  background: #9999ff;
}

body.lcars-theme .taskbar__program-btn:hover {
  background: #dd77aa;
}

body.lcars-theme .taskbar__tray {
  background: #221122;
  border: none;
  border-radius: 8px 0 0 8px;
  height: 28px;
  padding: 0 6px;
}

body.lcars-theme .taskbar__clock {
  color: #ff9900;
  font-size: 11px;
  font-family: 'Century Gothic', 'Futura', monospace;
  letter-spacing: 1px;
}

/* ─── Windows ──────────────────────────────────────────────────────── */

body.lcars-theme ui-dialog {
  border: 2px solid #cc6699;
  border-radius: 0 16px 16px 0;
  background: #000;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.6);
}

body.lcars-theme .ui-dialog__titlebar {
  background: linear-gradient(to right, #ff9900, #cc6699);
  border-radius: 0 14px 0 0;
  padding: 3px 10px;
  height: 24px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

body.lcars-theme .ui-dialog__title {
  font-size: 11px;
}

body.lcars-theme .ui-dialog__btn {
  border: none;
  border-radius: 50%;
  background: #9999ff;
  width: 18px;
  height: 18px;
  color: #000;
}

body.lcars-theme .ui-dialog__btn:hover {
  background: #bbbbff;
}

body.lcars-theme .ui-dialog__btn--close:hover {
  background: #ff6666;
}

body.lcars-theme .ui-dialog__content {
  border-radius: 0 0 14px 0;
}

/* ─── Menus ────────────────────────────────────────────────────────── */

body.lcars-theme ui-menu,
body.lcars-theme .ui-menu {
  background: #0a0410;
  border: 2px solid #cc6699;
  border-radius: 0 12px 12px 0;
  font-size: 11px;
}

body.lcars-theme .ui-menu__menuitem {
  padding: 3px 20px 3px 20px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

body.lcars-theme .ui-menu__menuitem:hover {
  background: #cc6699;
  color: #000;
}

body.lcars-theme .ui-menu__separator {
  border-top: 1px solid #442244;
  border-bottom: none;
  margin: 1px 0;
}

/* ─── Start Menu ───────────────────────────────────────────────────── */

body.lcars-theme .start-menu-panel {
  background: #000;
  border: 2px solid #cc6699;
  border-radius: 0 16px 0 0;
  box-shadow: 0 -2px 16px rgba(0, 0, 0, 0.6);
  font-size: 11px;
}

/* LCARS colored header bar at top of start menu */
body.lcars-theme .start-menu-panel::before {
  content: 'LCARS 47';
  display: block;
  background: linear-gradient(to right, #ff9900 30%, #cc6699 60%, #9999ff);
  color: #000;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 3px 12px;
  border-radius: 0 14px 0 0;
}

body.lcars-theme .start-menu-panel .ui-menu__menuitem {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 3px 20px 3px 20px;
}

body.lcars-theme .start-menu-panel .ui-menu__menuitem:hover,
body.lcars-theme .start-menu-panel .ui-menu__menuitem.kb-focus {
  background: #cc6699;
  color: #000;
}

body.lcars-theme .start-menu__search {
  background: #0a0410;
  border-top: 2px solid #442244;
  padding: 3px 6px;
}

body.lcars-theme .start-menu__search-input {
  background: #110811;
  border: 1px solid #664466;
  color: #ff9900;
  border-radius: 8px;
  font-size: 11px;
  font-family: 'Century Gothic', 'Futura', monospace;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

body.lcars-theme .start-menu__search-input:focus {
  border-color: #ff9900;
}

body.lcars-theme .start-menu__result-item {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 3px 8px 3px 20px;
}

body.lcars-theme .start-menu__result-header {
  font-size: 9px;
  color: #9999ff;
  letter-spacing: 1px;
}

/* ─── Desktop Icons ────────────────────────────────────────────────── */

body.lcars-theme .desktop__icons .icon__label {
  color: #ff9900;
  text-shadow: none;
  font-family: 'Century Gothic', 'Futura', sans-serif;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 0.5px;
}

/* ─── Dialog Buttons & Inputs ──────────────────────────────────────── */

body.lcars-theme .ui-dialog__ok-btn,
body.lcars-theme .ui-dialog__cancel-btn {
  background: #cc6699;
  border: none;
  border-radius: 8px;
  color: #000;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 3px 14px;
}

body.lcars-theme .ui-dialog__ok-btn:hover,
body.lcars-theme .ui-dialog__cancel-btn:hover {
  background: #dd77aa;
}

body.lcars-theme .ui-dialog__input {
  background: #110811;
  border: 1px solid #664466;
  color: #ff9900;
  border-radius: 4px;
  font-size: 12px;
}

body.lcars-theme .ui-dialog__field input,
body.lcars-theme .ui-dialog__field textarea,
body.lcars-theme .ui-dialog__field select {
  background: #110811;
  border: 1px solid #664466;
  color: #ff9900;
  border-radius: 4px;
  font-size: 12px;
}

/* ─── Scrollbars ───────────────────────────────────────────────────── */

body.lcars-theme ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

body.lcars-theme ::-webkit-scrollbar-track {
  background: #110811;
}

body.lcars-theme ::-webkit-scrollbar-thumb {
  background: #664466;
  border-radius: 4px;
}

body.lcars-theme ::-webkit-scrollbar-thumb:hover {
  background: #cc6699;
}