/* Item reader (item #3465). The task modal (#6430, drawer.js +
   workspaces/css/wp-taskreader.css) is the ONE task reader — the same
   component the portal and the phone use. This sheet only fits it to My
   Maestro's window: under the desktop shell the 38px titlebar (chat.css
   #mm-top) is the window's drag surface, so every reader layer starts below
   it and the centered dialog keeps clear of it. */

:root[data-shell="my-maestro"] .drawer-layer:not(.drawer-hosted),
:root[data-shell="my-maestro"] .drawer-veil { top: 38px; }
:root[data-shell="my-maestro"] .drawer.tmodal.docked { top: 38px; }
:root[data-shell="my-maestro"] .drawer.tmodal.expanded {
  top: 54px; height: calc(100dvh - 76px);
}
/* The approval reader (#7200) hangs from its layer, which already starts
   below the titlebar: keep its centered dialog inside what is left. */
:root[data-shell="my-maestro"] .drawer-layer > .ar { top: 16px; max-height: calc(100% - 32px); }
@media (max-width: 640px) {
  :root[data-shell="my-maestro"] .drawer.tmodal:not(.tm-hosted),
  :root[data-shell="my-maestro"] .drawer.tmodal.expanded:not(.tm-hosted),
  :root[data-shell="my-maestro"] .tq-panel { top: 38px; height: calc(100dvh - 38px); max-height: calc(100dvh - 38px); }
  :root[data-shell="my-maestro"] .drawer-layer > .ar { top: 0; height: 100%; max-height: none; }
}