/* DEVNOOD macOS UI v16 - docs + auction detail fix */

/* -------------------- API DOCS mobile drawer -------------------- */
body.macos-ui.macos-page-docs,
body.macos-ui.macos-page-guide{overflow-x:hidden!important}
body.macos-ui.macos-page-docs .docs-mobile-head{display:none!important}
body.macos-ui.macos-page-docs .docs-shell,
body.macos-ui.macos-page-guide > .flex.flex-col.lg\:flex-row{
  overflow:visible!important;
}
body.macos-ui.macos-page-docs #docsSidebar::before,
body.macos-ui.macos-page-docs #docsSidebar::after{content:none!important;display:none!important}
body.macos-ui.macos-page-docs #docsSidebar{
  background:rgba(14,14,18,.98)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body.macos-ui.macos-page-docs #docsSidebar .docs-sidebar-titlebar{
  position:sticky!important;
  top:0!important;
  z-index:2!important;
  background:rgba(20,20,24,.98)!important;
}
body.macos-ui.macos-page-docs #docsBackdrop{
  position:fixed!important;
  inset:0!important;
  background:rgba(0,0,0,.72)!important;
  z-index:155!important;
}
body.macos-ui.macos-page-docs #docsSidebar{z-index:160!important}
body.macos-ui.macos-page-docs .docs-menu-button{z-index:170!important}
body.macos-ui.macos-page-docs:not(.docs-sidebar-open) #docsBackdrop,
body.macos-ui.macos-page-docs #docsBackdrop[aria-hidden="true"]{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
body.macos-ui.macos-page-docs.docs-sidebar-open #docsBackdrop,
body.macos-ui.macos-page-docs #docsBackdrop[aria-hidden="false"]{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
@media (max-width:1023px){
  body.macos-ui.macos-page-docs #docsSidebar{
    position:fixed!important;
    top:8px!important;
    left:8px!important;
    bottom:8px!important;
    width:min(84vw, 325px)!important;
    max-width:calc(100vw - 30px)!important;
    height:calc(100dvh - 16px)!important;
    border-radius:18px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    transform:translate3d(calc(-100% - 18px),0,0)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:transform .18s ease, opacity .18s ease, visibility .18s ease!important;
    box-shadow:22px 0 60px rgba(0,0,0,.48)!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 .docs-main{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
  body.macos-ui.macos-page-docs.docs-sidebar-open .docs-menu-button{
    opacity:0!important;
    pointer-events:none!important;
  }
}
@media (min-width:1024px){
  body.macos-ui.macos-page-docs #docsSidebar{
    position:sticky!important;
    top:0!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  body.macos-ui.macos-page-docs #docsBackdrop,
  body.macos-ui.macos-page-docs .docs-menu-button{display:none!important}
}

/* -------------------- AUCTION modal layout -------------------- */
body.macos-ui #auctionModal [data-modal-content]{
  width:min(calc(100vw - 20px), 1080px)!important;
  max-width:min(calc(100vw - 20px), 1080px)!important;
}
body.macos-ui #auctionModal .auction-header{
  padding:14px 16px!important;
}
body.macos-ui #auctionModal .auction-header-inner{
  display:grid!important;
  grid-template-columns:auto 1fr auto!important;
  align-items:center!important;
  gap:12px!important;
}
body.macos-ui #auctionModal .auction-window-controls{
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
}
body.macos-ui #auctionModal .auction-window-controls span{
  width:13px!important;height:13px!important;border-radius:999px!important;display:block!important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.28),0 1px 2px rgba(0,0,0,.34)!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;
  gap:12px!important;
  min-width:0!important;
}
body.macos-ui #auctionModal .auction-header-icon{
  width:50px!important;height:50px!important;border-radius:18px!important;flex-shrink:0!important;
}
body.macos-ui #auctionModal .auction-header-copy{min-width:0!important}
body.macos-ui #auctionModal .auction-header-copy h2{margin:0!important;line-height:1.15!important}
body.macos-ui #auctionModal .auction-header-copy p{line-height:1.4!important}
body.macos-ui #auctionModal .auction-header-close{
  justify-self:end!important;
}
body.macos-ui #auctionModal .auction-tabs{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
body.macos-ui #auctionModal .auction-tab:last-child:nth-child(odd){grid-column:1/-1!important}
body.macos-ui #auctionModal .auction-tab{
  min-width:0!important;
  width:100%!important;
}
body.macos-ui #auctionModal .auction-body{padding:16px!important}

@media (max-width:767px){
  body.macos-ui #auctionModal [data-modal-content]{
    width:calc(100vw - 10px)!important;
    max-width:calc(100vw - 10px)!important;
    border-radius:22px!important;
  }
  body.macos-ui #auctionModal .auction-header{
    padding:12px 12px!important;
  }
  body.macos-ui #auctionModal .auction-header-inner{
    grid-template-columns:1fr auto!important;
    gap:10px!important;
  }
  body.macos-ui #auctionModal .auction-window-controls{
    grid-column:1/-1!important;
    justify-content:flex-start!important;
  }
  body.macos-ui #auctionModal .auction-header-main{
    gap:10px!important;
    align-items:flex-start!important;
  }
  body.macos-ui #auctionModal .auction-header-icon{
    width:44px!important;height:44px!important;border-radius:16px!important;
  }
  body.macos-ui #auctionModal .auction-header-copy h2{font-size:1rem!important}
  body.macos-ui #auctionModal .auction-header-copy p{font-size:11px!important;margin-top:4px!important}
  body.macos-ui #auctionModal .auction-tabs{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    padding:8px!important;
  }
  body.macos-ui #auctionModal .auction-tab{
    padding:11px 8px!important;
    font-size:.77rem!important;
    line-height:1.25!important;
  }
  body.macos-ui #auctionModal .auction-body{padding:12px!important}
}