/* ANKLE OS apps chrome — Ankle96 hard edges, NO blue links
 * v=20260712-osapps2
 */
html body #ankle-os-rail,
html body .ankle-os-rail {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 3px !important;
  padding: 5px 8px !important;
  background: #c0c0c0 !important;
  border: 0 !important;
  border-bottom: 2px solid #000 !important;
  border-top: 1px solid #fff !important;
  font: 11px/1.15 "Courier New", Courier, monospace !important;
  color: #000 !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 99990 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch;
  box-shadow: none !important;
  border-radius: 0 !important;
  min-height: 30px !important;
  box-sizing: border-box !important;
}

/* kill theme.css / browser blue on every rail child */
html body #ankle-os-rail a,
html body #ankle-os-rail a:link,
html body #ankle-os-rail a:visited,
html body #ankle-os-rail a:hover,
html body #ankle-os-rail a:active,
html body #ankle-os-rail a:focus,
html body .ankle-os-rail a,
html body .ankle-os-rail a:link,
html body .ankle-os-rail a:visited {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  padding: 3px 8px !important;
  margin: 0 !important;
  color: #000 !important;
  text-decoration: none !important;
  border: 2px solid !important;
  border-color: #fff #808080 #808080 #fff !important;
  background: #c0c0c0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  font: 11px/1.15 "Courier New", Courier, monospace !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}

html body #ankle-os-rail a:hover,
html body .ankle-os-rail a:hover {
  background: #d4d0c8 !important;
  color: #000 !important;
}

html body #ankle-os-rail a:active,
html body #ankle-os-rail a.active,
html body .ankle-os-rail a.active {
  background: #fff !important;
  color: #000 !important;
  border-color: #808080 #fff #fff #808080 !important;
  font-weight: 700 !important;
}

/* brand chip — navy titlebar face, not blue text */
html body #ankle-os-rail a.rail-brand,
html body #ankle-os-rail a.rail-brand:link,
html body #ankle-os-rail a.rail-brand:visited,
html body #ankle-os-rail a.rail-brand:hover {
  background: #000080 !important;
  color: #fff !important;
  border: 2px solid #000 !important;
  border-color: #000080 #000 #000 #000080 !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  padding: 3px 10px !important;
  margin-right: 4px !important;
}

html body #ankle-os-rail a.rail-who,
html body #ankle-os-rail a.rail-who:link,
html body #ankle-os-rail a.rail-who:visited {
  margin-left: auto !important;
  background: #fff !important;
  color: #000 !important;
  border-color: #808080 #fff #fff #808080 !important;
  font-weight: 700 !important;
}

html body #ankle-os-rail .rail-sep {
  width: 1px !important;
  height: 14px !important;
  background: #808080 !important;
  margin: 0 5px !important;
  flex: 0 0 auto !important;
  border: 0 !important;
}

/* hide scrollbar but keep scroll */
html body #ankle-os-rail::-webkit-scrollbar { height: 0; }
html body #ankle-os-rail { scrollbar-width: none; }

/* utility buttons if used inside apps */
.ankle96-btn {
  font: 11px "Courier New", Courier, monospace !important;
  border: 2px solid !important;
  border-color: #fff #808080 #808080 #fff !important;
  background: #c0c0c0 !important;
  color: #000 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 4px 10px !important;
  cursor: pointer;
  text-decoration: none !important;
}
.ankle96-btn:active {
  border-color: #808080 #fff #fff #808080 !important;
}
.ankle96-btn.primary {
  background: #000 !important;
  color: #fff !important;
  border-color: #000 !important;
}