/* ==========================================================================
   home-allwork-tabs · shelf.css — TAB SHELF
   LIVE on index.html since 2026-09-22. The user's pick: option 4 of the
   preview /doctor/home-allwork-ui5-m4c.php?v=4 (source file
   home-allwork-ui5-m4c/o4.css), applied exactly as reviewed. Loaded after
   tabs.css.

   One object with two zones: the tab row gets its own pale shelf (#E6EFFA,
   a 1px #D3DFF0 edge) the full width of the sheet, so navigation and content
   read as one component — the tab keys on top, the work below. White keys sit
   on the shelf; the selected one is the sheet's blue cutting through the shelf
   into the sheet, with its #0760C6 top rule.
   ========================================================================== */


/* the shelf: the band's top zone, painted on the band itself */
html body .screen:has(#lane#lane#lane#lane#lane#lane#lane#lane#lane#lane) > .tail.show > .stage.stage{
  padding-top:10px !important;
  background:linear-gradient(#E6EFFA, #E6EFFA) 0 0 / 100% calc(10px + var(--tb-h) + var(--tb-join)) no-repeat !important;
  box-shadow:inset 0 0 0 1px #D3DFF0 !important;
}
@media (max-width:900px){
  html body .screen:has(#lane#lane#lane#lane#lane#lane#lane#lane#lane#lane) > .tail.show > .stage.stage{ padding-top:8px !important;
    background:linear-gradient(#E6EFFA, #E6EFFA) 0 0 / 100% calc(8px + var(--tb-h) + var(--tb-join)) no-repeat !important; }
}
html body .screen:has(#lane#lane#lane#lane#lane#lane#lane#lane#lane#lane) > .tail.show > .stage.stage > #tabs#tabs#tabs#tabs > button::before{ background:#FFFFFF !important; box-shadow:inset 0 0 0 1px #D3DFF0 !important; }
html body .screen:has(#lane#lane#lane#lane#lane#lane#lane#lane#lane#lane) > .tail.show > .stage.stage > #tabs#tabs#tabs#tabs > button[aria-selected="true"]::before{ background:var(--bw-sheet) !important; box-shadow:inset 0 3px 0 #0760C6 !important; }
@media (hover:hover) and (pointer:fine){
  html body .screen:has(#lane#lane#lane#lane#lane#lane#lane#lane#lane#lane) > .tail.show > .stage.stage > #tabs#tabs#tabs#tabs > button:not([aria-selected="true"]):hover::before{ background:#F7FAFE !important; box-shadow:inset 0 0 0 1px #9DBCE6 !important; }
}