/* Bandeja única de monitores, ancorada no rodapé do inventário. */
#device-table > .device-quick-drawer {
  position: fixed;
  inset: auto 0 0;
  z-index: 38;
  width: 100vw;
  max-width: none;
  margin: 0;
  border: 0;
  border-top: 3px solid #44a36c;
  border-radius: 0;
  box-shadow: 0 -16px 46px rgba(18, 27, 25, .28);
}

body:has(#device-table > .device-quick-drawer) #content { padding-bottom: 340px; }

#device-table > .device-quick-drawer > header { min-height: 64px; padding: 10px 24px; }
#device-table > .device-quick-drawer .drawer-device-identity { min-width: 260px; }
#device-table > .device-quick-drawer .drawer-device-identity .device-icon { width: 42px; height: 42px; }
#device-table > .device-quick-drawer .drawer-device-identity b { font-size: 13px; }
#device-table > .device-quick-drawer .drawer-device-identity small { font-size: 10px; }
#device-table > .device-quick-drawer .drawer-status-counts span { min-width: 78px; padding: 6px 11px; font-size: 9px; }
#device-table > .device-quick-drawer .drawer-status-counts b { font-size: 16px; }
#device-table > .device-quick-drawer .drawer-action { width: 36px; height: 36px; }
#device-table > .device-quick-drawer .drawer-action svg { width: 17px; }
#device-table > .device-quick-drawer .device-drawer-body { grid-template-columns: 220px minmax(0, 1fr); min-height: 225px; }
#device-table > .device-quick-drawer .device-drawer-body > aside { padding: 17px 18px; }
#device-table > .device-quick-drawer .device-drawer-body > aside label,
#device-table > .device-quick-drawer .device-drawer-body > aside > span { font-size: 11px; }
#device-table > .device-quick-drawer .drawer-monitor-search input { height: 38px; font-size: 11px; }
#device-table > .device-quick-drawer .drawer-monitor-search svg { top: 11px; }
#device-table > .device-quick-drawer .drawer-state-filters { margin: 9px 0 14px; }
#device-table > .device-quick-drawer .drawer-state-filters button { height: 34px; font-size: 10px; }
#device-table > .device-quick-drawer .device-drawer-body > main { display: block; padding: 16px 22px; overflow: hidden; }
#device-table > .device-quick-drawer .drawer-monitor-grid {
  grid-template-columns: repeat(auto-fill, minmax(145px, 1fr));
  grid-template-rows: repeat(2, 82px);
  grid-auto-rows: 82px;
  gap: 10px;
  min-height: 174px;
  max-height: 174px;
}
#device-table > .device-quick-drawer .device-summary-tile,
#device-table > .device-quick-drawer .device-monitor-tile,
#device-table > .device-quick-drawer .device-monitor-add { min-height: 82px; height: 82px; padding: 9px; gap: 4px; border-radius: 7px; }
#device-table > .device-quick-drawer .device-summary-tile b,
#device-table > .device-quick-drawer .device-monitor-tile b { font-size: 10px; line-height: 1.25; white-space: normal; }
#device-table > .device-quick-drawer .device-summary-tile small,
#device-table > .device-quick-drawer .device-monitor-tile small { font-size: 8.5px; line-height: 1.2; }

@media (max-width: 900px) {
  #device-table > .device-quick-drawer { max-height: 65vh; overflow: auto; }
  body:has(#device-table > .device-quick-drawer) #content { padding-bottom: min(65vh, 430px); }
  #device-table > .device-quick-drawer > header { padding: 9px 12px; }
  #device-table > .device-quick-drawer .device-drawer-body { grid-template-columns: 1fr; }
  #device-table > .device-quick-drawer .drawer-monitor-grid {
    grid-template-columns: repeat(3, minmax(100px, 1fr));
    grid-template-rows: repeat(2, 76px);
    grid-auto-rows: 76px;
    min-height: 162px;
    max-height: 162px;
  }
  #device-table > .device-quick-drawer .device-summary-tile,
  #device-table > .device-quick-drawer .device-monitor-tile,
  #device-table > .device-quick-drawer .device-monitor-add { min-height: 76px; height: 76px; }
}