/* Active state for sidebar links */
.list-group-item.active {
  background-color: #0d6efd;
  border-color: #0d6efd;
  color: #fff;
}

/* Ensure full-height sidebar on desktop */
@media (min-width: 992px) {
  .border-end { border-right: 1px solid rgba(0,0,0,.1)!important; }
}
/* ensure offcanvas and header are tappable above overlays */
.offcanvas { z-index: 1055; }          /* Bootstrap default is fine; bump if needed */
header, .navbar, #menuBtn { position: relative; z-index: 1060; }


/* Make sure the header button is tappable above overlays */
#menuBtn { position: relative; z-index: 1060; pointer-events: auto; }

/* Ensure offcanvas stacks above typical headers and overlays */
.offcanvas { z-index: 1055; }

/* If you have a custom page overlay, ensure it doesn't block the header */
.page-overlay { pointer-events: none; } /* or lower its z-index below 1060 */

/* Bordered “screen” box */
.uni-screen{
  position:relative;
  border:2px solid #0b2d3a;
  border-radius:.35rem;
  background:#fff;
  height:280px;         /* tweak height as you like */
  margin:0;
}

/* Nine absolute positions inside the screen */
.uni-screen .pt{
  position:absolute;
  transform:translate(-50%,-50%);
  text-align:center;
}
.uni-screen .pt label{margin-bottom:.25rem}
.uni-screen .pt input{width:140px}

/* Coordinates (percentages keep it responsive) */
.pt-tl{top:12%; left:10%;}
.pt-tc{top:12%; left:50%;}
.pt-tr{top:12%; left:90%;}

.pt-ml{top:50%; left:10%;}
.pt-c {top:50%; left:50%;}
.pt-mr{top:50%; left:90%;}

.pt-bl{top:88%; left:10%;}
.pt-bc{top:88%; left:50%;}
.pt-br{top:88%; left:90%;}