/* v1.5.8 - hard parity layer for live/editor magazine tabs
   This file is loaded last in both views. It neutralizes older editor/live tab rules
   and uses one geometry model for the category dividers. */
.stage .magazine-shell,
.nc-canvas .magazine-shell,
.magazine-shell{
  max-width:none!important;
  overflow:visible!important;
}
.stage .magazine-shell .book-wrap,
.nc-canvas .magazine-shell .book-wrap,
.magazine-shell .book-wrap{
  overflow:visible!important;
  isolation:isolate!important;
}
.stage .magazine-shell .book,
.nc-canvas .magazine-shell .book,
.magazine-shell .book{
  position:absolute!important;
  inset:0!important;
  z-index:50!important;
}
.stage .magazine-shell .spread.is-active,
.nc-canvas .magazine-shell .spread.is-active,
.magazine-shell .spread.is-active{
  z-index:52!important;
}
.stage .magazine-shell .page,
.nc-canvas .magazine-shell .page,
.magazine-shell .page{
  position:relative!important;
  z-index:70!important;
}
.stage .magazine-shell .page-safe-area,
.stage .magazine-shell .folio,
.nc-canvas .magazine-shell .page-safe-area,
.nc-canvas .magazine-shell .folio,
.magazine-shell .page-safe-area,
.magazine-shell .folio{
  position:relative!important;
  z-index:75!important;
}
.stage .magazine-shell .spine,
.nc-canvas .magazine-shell .spine,
.magazine-shell .spine{
  z-index:95!important;
}
.stage .magazine-shell .stack-left,
.stage .magazine-shell .stack-right,
.nc-canvas .magazine-shell .stack-left,
.nc-canvas .magazine-shell .stack-right,
.magazine-shell .stack-left,
.magazine-shell .stack-right{
  position:absolute!important;
  top:2.3%!important;
  bottom:2.3%!important;
  width:58px!important;
  z-index:18!important;
  opacity:1!important;
  pointer-events:none!important;
  border-radius:12px!important;
  background:
    linear-gradient(90deg,rgba(65,41,14,.45),rgba(252,235,178,.24) 18%,rgba(255,247,210,.55) 46%,rgba(141,99,34,.36) 78%,rgba(46,29,9,.28)),
    repeating-linear-gradient(90deg,#6d4b18 0 1px,#a77a2d 1px 2px,#e8cf84 2px 5px,#fff0b8 5px 7px,#9e742a 7px 8px)!important;
  box-shadow:
    inset 9px 0 8px rgba(255,250,222,.42),
    inset -12px 0 13px rgba(50,31,9,.42),
    0 18px 24px rgba(0,0,0,.42)!important;
}
.stage .magazine-shell .stack-left,
.nc-canvas .magazine-shell .stack-left,
.magazine-shell .stack-left{left:-40px!important;}
.stage .magazine-shell .stack-right,
.nc-canvas .magazine-shell .stack-right,
.magazine-shell .stack-right{right:-40px!important;}
.stage .magazine-shell .tabs,
.nc-canvas .magazine-shell .tabs,
.magazine-shell .tabs{
  position:absolute!important;
  top:4.4%!important;
  bottom:4.4%!important;
  width:62px!important;
  padding:8px 0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  z-index:42!important; /* below the open pages, above the paper stack */
  pointer-events:auto!important;
  filter:drop-shadow(0 9px 10px rgba(0,0,0,.34))!important;
}
.stage .magazine-shell .tabs.left,
.nc-canvas .magazine-shell .tabs.left,
.magazine-shell .tabs.left{
  left:-58px!important;
  right:auto!important;
  align-items:flex-end!important;
}
.stage .magazine-shell .tabs.right,
.nc-canvas .magazine-shell .tabs.right,
.magazine-shell .tabs.right{
  right:-58px!important;
  left:auto!important;
  align-items:flex-start!important;
}
.stage .magazine-shell .tabs::before,
.nc-canvas .magazine-shell .tabs::before,
.magazine-shell .tabs::before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  width:26px!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(255,246,204,.42),rgba(123,86,32,.34),rgba(26,16,5,.18)),
    repeating-linear-gradient(0deg,rgba(255,255,255,.26) 0 1px,rgba(115,82,31,.14) 1px 5px)!important;
  box-shadow:inset 0 0 13px rgba(0,0,0,.24)!important;
}
.stage .magazine-shell .tabs.left::before,
.nc-canvas .magazine-shell .tabs.left::before,
.magazine-shell .tabs.left::before{right:0!important;border-radius:0 11px 11px 0!important;}
.stage .magazine-shell .tabs.right::before,
.nc-canvas .magazine-shell .tabs.right::before,
.magazine-shell .tabs.right::before{left:0!important;border-radius:11px 0 0 11px!important;}
.stage .magazine-shell .tab,
.nc-canvas .magazine-shell .tab,
.magazine-shell .tab{
  position:relative!important;
  z-index:1!important;
  flex:1 1 0!important;
  width:54px!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:0 3px!important;
  border:1px solid rgba(96,69,26,.72)!important;
  color:#211506!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(250,239,202,.98) 35%,rgba(223,193,122,.95) 68%,rgba(142,102,37,.78) 100%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.18) 0 1px,transparent 1px 6px)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:10.5px!important;
  line-height:1!important;
  letter-spacing:.035em!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  writing-mode:vertical-rl!important;
  text-orientation:mixed!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-shadow:0 1px 0 rgba(255,255,255,.72)!important;
  box-shadow:
    inset 1px 0 0 rgba(255,255,255,.88),
    inset -8px 0 12px rgba(80,52,16,.21),
    0 2px 5px rgba(0,0,0,.25)!important;
  transform:none!important;
}
.stage .magazine-shell .tabs.left .tab,
.nc-canvas .magazine-shell .tabs.left .tab,
.magazine-shell .tabs.left .tab{border-radius:10px 2px 2px 10px!important;}
.stage .magazine-shell .tabs.right .tab,
.nc-canvas .magazine-shell .tabs.right .tab,
.magazine-shell .tabs.right .tab{border-radius:2px 10px 10px 2px!important;}
.stage .magazine-shell .tab + .tab,
.nc-canvas .magazine-shell .tab + .tab,
.magazine-shell .tab + .tab{margin-top:-1px!important;}
.stage .magazine-shell .tab::before,
.nc-canvas .magazine-shell .tab::before,
.magazine-shell .tab::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(255,255,255,.62),transparent 44%,rgba(70,45,15,.18))!important;
}
.stage .magazine-shell .tab::after,
.nc-canvas .magazine-shell .tab::after,
.magazine-shell .tab::after{
  content:""!important;
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  width:7px!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,rgba(255,255,255,.62),rgba(79,51,15,.24))!important;
}
.stage .magazine-shell .tabs.left .tab::after,
.nc-canvas .magazine-shell .tabs.left .tab::after,
.magazine-shell .tabs.left .tab::after{right:0!important;}
.stage .magazine-shell .tabs.right .tab::after,
.nc-canvas .magazine-shell .tabs.right .tab::after,
.magazine-shell .tabs.right .tab::after{left:0!important;}
.stage .magazine-shell .tab.is-active,
.stage .magazine-shell .tab[aria-current="true"],
.nc-canvas .magazine-shell .tab.is-active,
.nc-canvas .magazine-shell .tab[aria-current="true"],
.magazine-shell .tab.is-active,
.magazine-shell .tab[aria-current="true"]{
  background:
    linear-gradient(90deg,#ffed91 0%,#e7b91f 55%,#a57510 100%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.16) 0 1px,transparent 1px 6px)!important;
  border-color:rgba(116,76,8,.82)!important;
  color:#211407!important;
  box-shadow:
    inset 1px 0 0 rgba(255,255,255,.72),
    inset -8px 0 13px rgba(86,52,5,.24),
    0 4px 9px rgba(0,0,0,.36)!important;
}
/* The open sheets mask the tab roots, so tabs look inserted into the paper stack. */
.stage .magazine-shell .page.left,
.nc-canvas .magazine-shell .page.left,
.magazine-shell .page.left{
  box-shadow:
    inset -58px 0 48px rgba(54,35,17,.32),
    inset 18px 0 10px rgba(255,244,196,.30),
    -10px 0 0 rgba(246,229,169,.90),
    -18px 0 0 rgba(151,112,49,.45),
    inset 0 0 42px rgba(90,55,17,.18)!important;
}
.stage .magazine-shell .page.right,
.nc-canvas .magazine-shell .page.right,
.magazine-shell .page.right{
  box-shadow:
    inset 58px 0 48px rgba(54,35,17,.28),
    inset -18px 0 10px rgba(255,244,196,.30),
    10px 0 0 rgba(246,229,169,.90),
    18px 0 0 rgba(151,112,49,.45),
    inset 0 0 42px rgba(90,55,17,.18)!important;
}
/* Editor selection must never change the tab geometry. */
body.nc-editor-page .nc-canvas .page.is-active-page::after{
  inset:16px!important;
  z-index:120!important;
  pointer-events:none!important;
  border:2px solid rgba(64,169,255,.62)!important;
  box-shadow:0 0 0 2px rgba(64,169,255,.08)!important;
}