/* Header: logo left, compact dropdowns to its right */
header, .header {
  display:flex;
  align-items:center;
  justify-content:flex-start;         /* force left-anchored content */
  gap:1rem;
  padding:.55rem 1rem;
  min-height:52px;
  background:transparent;
}

/* Hide any old tab chips / breadcrumbs that may linger */
header .tabs, header .tabbar, header .top-tabs,
header .crumbs, header .breadcrumbs, header .pathline,
header .chip, header .btn, header .button, header .nav,
header [data-chip], header [role="tablist"] {
  display:none !important;
}

/* Brand logo */
.brand-logo{
  font-weight:800;
  font-size:1.05rem;
  letter-spacing:.02em;
  color:#dbeaff;
  user-select:none;
  white-space:nowrap;
}
.brand-logo .os{ color:#63b4ff; }

/* Compact dropdowns */
.pipe-select{
  appearance:none; -webkit-appearance:none;
  width:140px;                                  /* small */
  background:rgba(7,40,70,.65);
  color:#dbeaff;
  border:1px solid rgba(70,140,190,.7);
  border-radius:.6rem;
  padding:.45rem .8rem;
  line-height:1;
  font-size:.95rem;
  box-shadow:0 0 0 1px rgba(0,0,0,.25) inset,
             0 6px 18px rgba(0,0,0,.25);
}
.pipe-select:focus{
  outline:2px solid rgba(92,170,255,.65);
  outline-offset:2px;
}

/* Screens wiring (one visible at a time) */
.screen{ display:none; }
.screen.visible{ display:block; }
/* PIPES HEADER */
.brand-logo{font-weight:700;letter-spacing:.3px;padding:.4rem .6rem .4rem .8rem}
.brand-logo .os{color:#3fb0ff}
.pipe-select, .market-btn{
  appearance:none; background:rgba(24,40,56,.5); color:#cfe8ff;
  border:1px solid rgba(64,140,200,.35); border-radius:.7rem; padding:.45rem .8rem;
  margin:.25rem; font-size:.95rem; box-shadow: inset 0 0 0 9999px rgba(255,255,255,0.03);
}
.market-btn{cursor:pointer}

/* modal market */
#pipe-market-backdrop{
  position:fixed; inset:0; background:rgba(0,0,0,.5); backdrop-filter: blur(2px);
  display:flex; align-items:center; justify-content:center; z-index:9999;
}
#pipe-market{
  width:min(720px, 92vw); max-height:80vh; overflow:auto;
  background:rgba(10,18,28,.96); border:1px solid rgba(64,140,200,.35);
  border-radius:1rem; box-shadow:0 10px 40px rgba(0,0,0,.6); padding:1rem 1rem 1.25rem;
}
#pipe-market h3{margin:.3rem 0 1rem 0}
.market-row{
  display:flex; align-items:center; justify-content:space-between;
  gap:.75rem; padding:.75rem 1rem; border-radius:.75rem;
  border:1px solid rgba(64,140,200,.25); margin:.4rem 0;
  background:rgba(18,26,36,.5);
}
.market-row .meta{display:flex; flex-direction:column; gap:.15rem}
.market-row .meta .title{font-weight:600}
.market-row button{
  background: #1492ff; border:0; color:#fff; padding:.45rem .8rem; border-radius:.6rem; cursor:pointer;
}
.market-row button.remove{ background: #273848; color:#cfe8ff; border:1px solid rgba(64,140,200,.35) }
.market-actions{display:flex; gap:.5rem}
.market-top{display:flex; justify-content:space-between; align-items:center; margin-bottom:.25rem}
.market-top .close{ background:transparent; color:#9ecfff; border:1px solid rgba(64,140,200,.35); border-radius:.55rem; padding:.25rem .55rem; cursor:pointer }

/* Hide any right-side brand/logo containers if they slip through */
header #logo-right,
header .brand-right,
header .logo-right {
  display: none !important;
}

/* --- Dedup brand mark in header: keep only the FIRST match --- */
header .brand, header .site-name, header .logo-text, header #brand, header .site-title {
  display: none !important;
}
header .brand:first-of-type,
header .site-name:first-of-type,
header .logo-text:first-of-type,
header #brand:first-of-type,
header .site-title:first-of-type {
  display: inline-flex !important;
}