/*
 * Luxoria v18.74.2 — Full-Viewport Gold Frame
 * Removes the desktop "website inside a box" spacing while preserving a
 * continuous champagne-gold frame around the member application.
 */
html[data-theme="light"]{
  --lux-full-frame-radius:14px;
  --lux-full-frame-color:rgba(205,151,50,.52);
  --lux-unified-gutter:0px!important;
}

html[data-theme="light"],
html[data-theme="light"] body{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
}

/* The gold frame now follows the viewport edge instead of sitting 28px inward. */
html[data-theme="light"] body::after{
  content:""!important;
  display:block!important;
  position:fixed!important;
  z-index:10050!important;
  inset:0!important;
  pointer-events:none!important;
  opacity:1!important;
  border:1px solid var(--lux-full-frame-color)!important;
  border-radius:var(--lux-full-frame-radius)!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.94),
    inset 0 0 0 1px rgba(255,255,255,.18)!important;
  filter:none!important;
  -webkit-filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  mix-blend-mode:normal!important;
}

@media(min-width:761px){
  /* No artificial 24–28px rail around the application. */
  html[data-theme="light"] body:not(.chat-window-mode-v1860) .community-app.luxoria-unified-shell-v1863{
    --top:var(--lux-unified-top-height)!important;
    width:100vw!important;
    max-width:none!important;
    height:100dvh!important;
    min-height:100dvh!important;
    margin:0!important;
    padding-top:var(--lux-unified-top-height)!important;
    padding-right:0!important;
    padding-bottom:0!important;
    padding-left:var(--sidebar)!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }

  html[data-theme="light"] body:not(.chat-window-mode-v1860) .community-app.luxoria-unified-shell-v1863::before{
    inset:0!important;
    border-radius:0!important;
  }

  /* Header sits directly inside the viewport frame. */
  html[data-theme="light"] body:not(.chat-window-mode-v1860) .community-topbar.luxoria-unified-topbar-v1863{
    top:0!important;
    right:0!important;
    left:0!important;
    width:100%!important;
    margin:0!important;
    border-top-color:var(--lux-full-frame-color)!important;
    border-right-color:var(--lux-full-frame-color)!important;
    border-left-color:var(--lux-full-frame-color)!important;
    border-radius:var(--lux-full-frame-radius) var(--lux-full-frame-radius) 0 0!important;
    box-shadow:0 3px 12px rgba(70,49,24,.025),inset 0 1px 0 rgba(255,255,255,.90)!important;
  }

  /* Sidebar becomes the left continuation of the same border. */
  html[data-theme="light"] body:not(.chat-window-mode-v1860) .community-sidebar.luxoria-sidebar-v1862{
    top:var(--lux-unified-top-height)!important;
    bottom:0!important;
    left:0!important;
    margin:0!important;
    border-left-color:var(--lux-full-frame-color)!important;
    border-bottom-color:var(--lux-full-frame-color)!important;
    border-radius:0 0 0 var(--lux-full-frame-radius)!important;
  }

  /* The content owns every remaining pixel and stays within the gold frame. */
  html[data-theme="light"] body:not(.chat-window-mode-v1860) .community-main,
  html[data-theme="light"] body:not(.chat-window-mode-v1860) .phase-two-main{
    width:100%!important;
    max-width:none!important;
    height:calc(100dvh - var(--lux-unified-top-height))!important;
    margin:0!important;
    margin-top:-1px!important;
    border-right:1px solid var(--lux-full-frame-color)!important;
    border-bottom:1px solid var(--lux-full-frame-color)!important;
    border-bottom-right-radius:var(--lux-full-frame-radius)!important;
  }

  /* Remove the old extra rail gap between navigation and content. */
  html[data-theme="light"] body:not(.chat-window-mode-v1860):not(.sidebar-collapsed-v1862){
    --sidebar:var(--lux-sidebar-panel-width)!important;
    --lux-unified-rail-width:var(--lux-sidebar-panel-width)!important;
  }
  html[data-theme="light"] body.sidebar-collapsed-v1862:not(.chat-window-mode-v1860){
    --sidebar:var(--lux-sidebar-collapsed-width)!important;
    --lux-unified-rail-width:var(--lux-sidebar-collapsed-width)!important;
  }

  /* Feed and standard page wrappers may use the full available content width. */
  html[data-theme="light"] body:not(.chat-window-mode-v1860) .page-feed .page-title,
  html[data-theme="light"] body:not(.chat-window-mode-v1860) .feed-layout-v1865{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }
}

/* Laptops and narrower desktop screens gain a slimmer navigation rail. */
@media(min-width:761px) and (max-width:1280px){
  html[data-theme="light"]{
    --lux-sidebar-panel-width:232px!important;
    --lux-sidebar-collapsed-width:72px!important;
  }
  html[data-theme="light"] body:not(.chat-window-mode-v1860) .community-main,
  html[data-theme="light"] body:not(.chat-window-mode-v1860) .phase-two-main{
    padding-left:14px!important;
    padding-right:14px!important;
  }
}

@media(min-width:1281px) and (max-width:1540px){
  html[data-theme="light"]{
    --lux-sidebar-panel-width:264px!important;
    --lux-sidebar-collapsed-width:76px!important;
  }
}

/* Mobile already fills the viewport; retain a subtle edge frame there as well. */
@media(max-width:760px){
  html[data-theme="light"]{--lux-full-frame-radius:0px}
  html[data-theme="light"] body::after{
    display:block!important;
    inset:0!important;
    border-radius:0!important;
    border-width:1px!important;
  }
  html[data-theme="light"] body .community-app.luxoria-unified-shell-v1863{
    width:100vw!important;
    max-width:100vw!important;
    margin:0!important;
    padding-right:0!important;
    padding-bottom:0!important;
  }
}