/* v670 - viewing drawer: the STATUS / RESCH / NOTE block is gone (the full "Edit request" screen does all three); the sheet is a FIXED size
   and the Activity log (navy block) takes the freed room and scrolls inside. Roll back: remove this <link> in index.html. */
html body #vcDetailModal .vc-ticket-modal .vc-detail-two-col{ display:none!important; }
@media (max-width:720px){
  html body #vcDetailModal .vc-ticket-modal{ height:min(calc(100dvh - 8px), 780px)!important; max-height:calc(100dvh - 8px)!important; }
  html body #vcDetailModal .vc-ticket-modal .vc-ticket-grid{ flex:1 1 auto!important; min-height:0!important; }
  html body #vcDetailModal .vc-ticket-modal .vc-ticket-main{ flex:0 1 auto!important; min-height:0!important; }
  html body #vcDetailModal .vc-ticket-modal .vc-ticket-stub{ flex:1 1 0!important; max-height:none!important; min-height:110px!important; }
}

/* v677 - desktop / iPad: the drawer is as tall as its left column (no blank block under Outcome) and the Activity log scrolls INSIDE its own panel.
   Before, the long log set the row height, so the left column was stretched with empty space. contain:size takes the log out of the height calculation;
   the stub still stretches to the row, and the log list becomes the scroll area. Roll back: delete this block. */
@media (min-width:721px){
  html body #vcDetailModal .vc-ticket-modal .vc-ticket-stub{ contain:size; overflow:hidden!important; }
  html body #vcDetailModal .vc-ticket-modal .vc-ticket-stub .vc-history{ flex:1 1 auto!important; min-height:0!important; overflow:hidden!important; }
  html body #vcDetailModal .vc-ticket-modal .vc-ticket-stub .vc-history-list.vc-history-scroll{ flex:1 1 0!important; min-height:0!important; max-height:none!important; overflow-y:auto!important; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:rgba(233,217,174,.35) transparent; }
  html body #vcDetailModal .vc-ticket-modal .vc-ticket-stub .vc-history-list.vc-history-scroll::before{ display:none!important; }
}