:root { --footer-h: 64px; }

html, body {
  height: 100%;
  margin: 0;
  background-color: #f9f6ee;
}

body { overflow: hidden; }

section {
  height: calc(100vh - var(--footer-h));
  display: flex;
  flex-direction: column;
  padding: 5px 2px 0 2px;
}

.tab-content {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding-bottom: 0;
}

.table { margin-bottom: 0 !important; }
.table-responsive { margin-bottom: 0 !important; overflow-y: visible; }

tr { cursor: default; }
.myBtn { width: 70px; }

footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: var(--footer-h);
  background-color: #f8f9fa;
  text-align: center;
  padding: 0.5rem;
  box-sizing: border-box;
}
#personnelTable thead,
#departmentTable thead,
#locationTable thead { display: none; }