/* BeOS / Haiku (Yellow Tab) Window Manager Skin */
[data-wm-style="beos"].webos-window {
  border-radius: 0;
  border: 1px solid #737373;
  box-shadow: 2px 2px 0 #000000, 0 12px 35px rgba(0,0,0,0.5);
  background: #d4d4d4;
}

[data-wm-style="beos"] > .window-header {
  background: #d4d4d4;
  border-bottom: 2px solid #737373;
  height: 24px;
  padding: 0;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  position: relative;
}

/* Yellow Tab Controls (Left part of tab) */
[data-wm-style="beos"] > .window-header > .window-traffic-lights {
  background: #ffc800;
  height: 24px;
  display: flex;
  align-items: center;
  padding: 0 4px 0 6px;
  border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
  margin: 0;
  gap: 5px;
  order: 1;
}

/* Yellow Tab Title (Right part of tab) */
[data-wm-style="beos"] > .window-header > .window-title-group {
  background: #ffc800;
  height: 24px;
  display: flex;
  align-items: center;
  padding: 0 12px 0 4px;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #8a6c00;
  border-bottom: 2px solid #ffc800;
  border-radius: 0;
  margin: 0;
  order: 2;
  color: #000000;
  font-family: "DejaVu Sans", "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  font-size: 0.8rem;
  box-shadow: 1px 0 0 #000000;
}

[data-wm-style="beos"] > .window-header > .window-title-group > .window-title-text {
  color: #000000;
  font-weight: 700;
}

/* BeOS close and zoom gadgets */
[data-wm-style="beos"] > .window-header > .window-traffic-lights > .win-btn {
  width: 12px;
  height: 12px;
  border-radius: 0;
  border: 1px solid #333333;
  background: #e8e8e8;
  color: transparent !important;
  box-shadow: inset 1px 1px 0 #ffffff, inset -1px -1px 0 #737373;
  margin: 0;
  padding: 0;
}

[data-wm-style="beos"] > .window-header > .window-traffic-lights > .win-btn.win-close {
  order: 1;
}

[data-wm-style="beos"] > .window-header > .window-traffic-lights > .win-btn.win-maximize {
  order: 2;
}

[data-wm-style="beos"] > .window-header > .window-traffic-lights > .win-btn.win-minimize {
  display: none;
}

[data-wm-style="beos"] > .window-header > .window-traffic-lights > .win-btn:active {
  box-shadow: inset 1px 1px 0 #333333;
  background: #333333;
}