/* DEVNOOD macOS UI v19
 * Fix duplicate auction traffic lights and rebuild the API-docs mobile drawer
 * without the gray/black tap-blocking overlay.
 */

/* =========================================================
   API DOCS — mobile drawer without backdrop/blur layer
   ========================================================= */
body.macos-ui.macos-page-docs #docsBackdrop,
body.macos-ui.macos-page-docs .docs-backdrop{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.macos-ui.macos-page-docs .docs-mobile-head{display:none!important}
body.macos-ui.macos-page-docs .docs-main{
  filter:none!important;
  opacity:1!important;
  pointer-events:auto!important;
}
body.macos-ui.macos-page-docs #docsSidebar{
  filter:none!important;
  -webkit-filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  background:#111114!important;
}
body.macos-ui.macos-page-docs #docsSidebar .docs-sidebar-titlebar{
  background:#1d1d20!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
body.macos-ui.macos-page-docs #docsSidebar .docs-sidebar-body,
body.macos-ui.macos-page-docs #docsSidebar nav,
body.macos-ui.macos-page-docs #docsSidebar .sidebar-link{
  position:relative!important;
  z-index:4!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
}
body.macos-ui.macos-page-docs #docsSidebar .sidebar-link{
  min-height:44px!important;
  display:flex!important;
  align-items:center!important;
  color:#a9a9b2!important;
}
body.macos-ui.macos-page-docs #docsSidebar .sidebar-link.active{
  color:#fff!important;
  background:rgba(10,132,255,.24)!important;
  border:1px solid rgba(10,132,255,.18)!important;
}

@media(max-width:1023px){
  body.macos-ui.macos-page-docs > .docs-shell,
  body.macos-ui.macos-page-docs > .flex.docs-shell{
    width:calc(100vw - 10px)!important;
    max-width:calc(100vw - 10px)!important;
    margin:5px!important;
    overflow:visible!important;
  }
  body.macos-ui.macos-page-docs #docsSidebar{
    position:fixed!important;
    top:8px!important;
    left:8px!important;
    bottom:8px!important;
    width:min(74vw,292px)!important;
    min-width:0!important;
    max-width:calc(100vw - 54px)!important;
    height:calc(100dvh - 16px)!important;
    border:1px solid rgba(255,255,255,.10)!important;
    border-radius:18px!important;
    box-shadow:16px 0 42px rgba(0,0,0,.32)!important;
    transform:translate3d(calc(-100% - 18px),0,0)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    overflow:hidden!important;
    transition:transform .18s ease,opacity .18s ease,visibility .18s ease!important;
    z-index:180!important;
  }
  body.macos-ui.macos-page-docs.docs-sidebar-open #docsSidebar{
    transform:translate3d(0,0,0)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  body.macos-ui.macos-page-docs #docsSidebar .docs-sidebar-titlebar{
    position:sticky!important;
    top:0!important;
    z-index:8!important;
    min-height:70px!important;
    display:grid!important;
    grid-template-columns:54px minmax(0,1fr) 40px!important;
    align-items:center!important;
    gap:8px!important;
    padding:10px!important;
  }
  body.macos-ui.macos-page-docs .docs-sidebar-lights{
    position:static!important;
    transform:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    width:auto!important;
    margin:0!important;
  }
  body.macos-ui.macos-page-docs .docs-sidebar-lights span{
    width:10px!important;
    height:10px!important;
    flex:0 0 10px!important;
  }
  body.macos-ui.macos-page-docs .docs-sidebar-title{
    min-width:0!important;
    gap:8px!important;
  }
  body.macos-ui.macos-page-docs .docs-sidebar-title-icon{
    width:36px!important;
    height:36px!important;
    flex:0 0 36px!important;
    border-radius:11px!important;
  }
  body.macos-ui.macos-page-docs .docs-sidebar-title strong{
    font-size:.92rem!important;
    line-height:1.2!important;
    color:#f5f5f7!important;
  }
  body.macos-ui.macos-page-docs .docs-sidebar-title small{
    font-size:.66rem!important;
    color:#777781!important;
  }
  body.macos-ui.macos-page-docs .docs-sidebar-close{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    border-radius:11px!important;
    background:#29292d!important;
    border:1px solid rgba(255,255,255,.07)!important;
    color:#8e8e93!important;
  }
  body.macos-ui.macos-page-docs #docsSidebar .docs-sidebar-body{
    height:calc(100% - 70px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:12px!important;
  }
  body.macos-ui.macos-page-docs .docs-menu-button{
    position:fixed!important;
    top:16px!important;
    left:16px!important;
    z-index:190!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:13px!important;
    background:#2b2b2f!important;
    border:1px solid rgba(255,255,255,.09)!important;
    color:#f5f5f7!important;
    box-shadow:0 10px 25px rgba(0,0,0,.24)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  body.macos-ui.macos-page-docs.docs-sidebar-open .docs-menu-button{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
}

@media(min-width:1024px){
  body.macos-ui.macos-page-docs #docsSidebar{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
  }
}

/* =========================================================
   AUCTION — exactly one macOS traffic-light group
   ========================================================= */
body.macos-ui #auctionModal .auction-header.macos-titlebar-custom-auction{
  display:block!important;
  min-height:0!important;
  padding:14px 16px!important;
  background:linear-gradient(180deg,#232327 0%,#1e1e22 100%)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
body.macos-ui #auctionModal .auction-header > .macos-window-controls,
body.macos-ui #auctionModal .auction-header > .macos-title-content,
body.macos-ui #auctionModal .auction-header .macos-traffic-lights{
  display:none!important;
}
body.macos-ui #auctionModal .auction-header-inner{
  width:100%!important;
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr) 44px!important;
  align-items:center!important;
  gap:12px!important;
}
body.macos-ui #auctionModal .auction-window-controls{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  width:auto!important;
  min-width:0!important;
}
body.macos-ui #auctionModal .auction-window-controls span{
  display:block!important;
  width:11px!important;
  height:11px!important;
  flex:0 0 11px!important;
  border-radius:999px!important;
  box-shadow:none!important;
}
body.macos-ui #auctionModal .auction-window-controls span:nth-child(1){background:#ff5f57!important}
body.macos-ui #auctionModal .auction-window-controls span:nth-child(2){background:#febc2e!important}
body.macos-ui #auctionModal .auction-window-controls span:nth-child(3){background:#28c840!important}
body.macos-ui #auctionModal .auction-header-main{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:11px!important;
  min-width:0!important;
}
body.macos-ui #auctionModal .auction-header-icon{
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  border-radius:13px!important;
  color:#f8c24d!important;
  background:linear-gradient(145deg,#353238,#26252a)!important;
  box-shadow:none!important;
}
body.macos-ui #auctionModal .auction-header-copy{
  min-width:0!important;
}
body.macos-ui #auctionModal .auction-header-copy > div{
  gap:7px!important;
}
body.macos-ui #auctionModal .auction-header-copy h2{
  margin:0!important;
  font-size:1rem!important;
  line-height:1.2!important;
  color:#f5f5f7!important;
}
body.macos-ui #auctionModal .auction-header-copy p{
  margin-top:3px!important;
  font-size:.69rem!important;
  line-height:1.35!important;
  color:#85858f!important;
}
body.macos-ui #auctionModal #auction-system-badge{
  padding:.32rem .58rem!important;
  border-radius:999px!important;
  color:#6ee7a8!important;
  background:rgba(16,185,129,.11)!important;
  border:1px solid rgba(16,185,129,.17)!important;
  box-shadow:none!important;
}
body.macos-ui #auctionModal .auction-header-close{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  padding:0!important;
  border-radius:12px!important;
  background:#2b2b2f!important;
  border:1px solid rgba(255,255,255,.07)!important;
  color:#8e8e93!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  justify-self:end!important;
}
body.macos-ui #auctionModal .auction-tabs{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  padding:6px!important;
  background:#17171a!important;
  border-color:rgba(255,255,255,.07)!important;
}
body.macos-ui #auctionModal .auction-tab{
  width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  padding:10px 8px!important;
  color:#a7a7b0!important;
  background:#1d1d20!important;
  border:1px solid rgba(255,255,255,.04)!important;
}
body.macos-ui #auctionModal .auction-tab.active{
  color:#fff!important;
  background:linear-gradient(135deg,#1478d4,#1f6fbd)!important;
  border-color:rgba(96,165,250,.20)!important;
  box-shadow:none!important;
}
body.macos-ui #auctionModal .auction-tab:last-child:nth-child(odd){grid-column:1/-1!important}

@media(max-width:767px){
  body.macos-ui #auctionModal .auction-header.macos-titlebar-custom-auction{
    padding:12px!important;
  }
  body.macos-ui #auctionModal .auction-header-inner{
    grid-template-columns:56px minmax(0,1fr) 40px!important;
    gap:8px!important;
  }
  body.macos-ui #auctionModal .auction-window-controls{
    gap:6px!important;
  }
  body.macos-ui #auctionModal .auction-window-controls span{
    width:10px!important;height:10px!important;flex-basis:10px!important;
  }
  body.macos-ui #auctionModal .auction-header-icon{
    width:38px!important;height:38px!important;flex-basis:38px!important;border-radius:12px!important;
  }
  body.macos-ui #auctionModal .auction-header-copy h2{font-size:.92rem!important}
  body.macos-ui #auctionModal .auction-header-copy p{font-size:.64rem!important}
  body.macos-ui #auctionModal .auction-header-close{
    width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;
  }
}
