/* UBZ_DECK_HEADER_SECTION_R5113_CSS */


/* ==============================================================
   GLOBAL SHELL DIMENSIONS

   JS updates header height using the actual rendered Deck height.
   ============================================================== */

html[data-ubz-r5113-header-active="1"] {
  --ubz-r5113-header-height:
    96px;

  --ubz-r5113-deck-height:
    70px;

  --ubz-r5113-module-gap:
    10px;
}


/* ==============================================================
   1. DEDICATED HEADER SECTION

   This is now an independent visual section occupying the same
   global shell zone where the old platform header existed.
   ============================================================== */

html[data-ubz-r5113-header-active="1"]
#ubz-global-deck-header-r5113 {
  position:
    fixed
    !important;

  top:
    0
    !important;

  right:
    0
    !important;

  left:
    0
    !important;

  z-index:
    100850
    !important;

  display:
    block
    !important;

  width:
    100%
    !important;

  height:
    var(--ubz-r5113-header-height)
    !important;

  min-height:
    var(--ubz-r5113-header-height)
    !important;

  margin:
    0
    !important;

  padding:
    0
    !important;

  border:
    0
    !important;

  border-bottom:
    1px solid rgba(148,163,184,.25)
    !important;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.985) 0%,
      rgba(247,250,253,.98) 100%
    )
    !important;

  box-shadow:
    0 4px 15px rgba(15,23,42,.055)
    !important;

  backdrop-filter:
    blur(18px)
    !important;

  -webkit-backdrop-filter:
    blur(18px)
    !important;

  pointer-events:
    none
    !important;

  box-sizing:
    border-box
    !important;
}


/* ==============================================================
   2. EXISTING DECK — CENTERED INSIDE HEADER SECTION

   Existing Deck DOM and native actions are retained.
   ============================================================== */

html[data-ubz-r5113-header-active="1"]
[data-ubz-r5112-r1-deck-owner="1"] {
  position:
    fixed
    !important;

  top:
    calc(
      (
        var(--ubz-r5113-header-height)
        -
        var(--ubz-r5113-deck-height)
      )
      /
      2
    )
    !important;

  right:
    auto
    !important;

  bottom:
    auto
    !important;

  left:
    50%
    !important;

  z-index:
    100900
    !important;

  width:
    max-content
    !important;

  min-width:
    0
    !important;

  max-width:
    calc(100vw - 32px)
    !important;

  margin:
    0
    !important;

  transform:
    translateX(-50%)
    !important;

  translate:
    none
    !important;

  scale:
    1
    !important;

  visibility:
    visible
    !important;

  opacity:
    1
    !important;

  pointer-events:
    auto
    !important;

  box-sizing:
    border-box
    !important;
}


/* ==============================================================
   3. OLD GLOBAL HEADER COMPONENTS REMAIN REMOVED

   Exact known shell headers only.
   No workspace/container selectors.
   ============================================================== */

html[data-ubz-r5113-header-active="1"]
.module-page-navigation,

html[data-ubz-r5113-header-active="1"]
.dedicated-module-header,

html[data-ubz-r5113-header-active="1"]
.dashboard-header.dashboard-header--fixed.dashboard-header--refined {
  display:
    none
    !important;

  visibility:
    hidden
    !important;

  opacity:
    0
    !important;

  height:
    0
    !important;

  min-height:
    0
    !important;

  max-height:
    0
    !important;

  margin:
    0
    !important;

  padding:
    0
    !important;

  border:
    0
    !important;

  overflow:
    hidden
    !important;

  pointer-events:
    none
    !important;
}




/*
 * Existing module sticky controls must never slide underneath
 * the global Deck Header.
 *
 * Static module headers, including POS variants, ignore `top`.
 */

html[data-ubz-r5113-header-active="1"]
.module-page-sticky-header {
  top:
    calc(
      var(--ubz-r5113-header-height)
      +
      var(--ubz-r5113-module-gap)
    )
    !important;
}


/* ==============================================================
   5. NO BOTTOM DECK CLEARANCE
   ============================================================== */

html[data-ubz-r5113-header-active="1"]
body,

html[data-ubz-r5113-header-active="1"]
.dashboard-main {
  padding-bottom:
    0
    !important;
}


/* ==============================================================
   6. TABLET
   ============================================================== */

@media (max-width: 1100px) {

  html[data-ubz-r5113-header-active="1"] {
    --ubz-r5113-header-height:
      86px;

    --ubz-r5113-module-gap:
      8px;
  }


  html[data-ubz-r5113-header-active="1"]
  [data-ubz-r5112-r1-deck-owner="1"] {
    max-width:
      calc(100vw - 20px)
      !important;
  }

}


/* ==============================================================
   7. MOBILE
   ============================================================== */

@media (max-width: 767px) {

  html[data-ubz-r5113-header-active="1"] {
    --ubz-r5113-header-height:
      76px;

    --ubz-r5113-module-gap:
      6px;
  }


  html[data-ubz-r5113-header-active="1"]
  [data-ubz-r5112-r1-deck-owner="1"] {
    max-width:
      calc(100vw - 10px)
      !important;
  }

}