html, body {
    height: 100%;
}
body {
    background-color: skyblue;
    overflow-y: auto;
    margin: 0;
}

/* Utility: full viewport height minus fixed navbar (56px) */
.min-vh-100-minus-nav {
    min-height: calc(100dvh - 64px);
}

/* Utility wrappers moved from templates */
.panel-white {
    background-color: #fff;
    padding: 2rem 1rem;
    margin-top: 10px;
}
.overflow-visible { overflow: visible; }
.table-full { width: 100%; }
.digit-input { width: 60px; }
.mt-30 { margin-top: 30px; }

/* Navbar tweaks moved from nav.html.twig */
.navbar-fixed {
    min-height: 56px;
    z-index: 1040;
}

/* Mobile-only navbar enhancements */
@media (max-width: 991.98px) {
  .navbar.navbar-light {
    box-shadow: 0 .125rem .5rem rgba(0,0,0,.075);
  }
  .navbar .navbar-collapse {
    border-top: 1px solid rgba(0,0,0,.06);
  }
  .navbar .navbar-nav {
    background: rgba(248,249,250, .9);
    border: 1px solid rgba(0,0,0,.06);
    border-radius: .75rem;
    padding: .5rem;
    margin-top: .25rem;
  }
  .navbar .nav-link {
    border-radius: .5rem;
    padding: .6rem .85rem;
    font-weight: 500;
    transition: color .15s ease, background-color .15s ease, box-shadow .15s ease;
  }
  .navbar .nav-link:hover,
  .navbar .nav-link:focus {
    background-color: rgba(13, 110, 253, .12);
    color: #0d6efd;
    text-decoration: none;
  }
  .navbar .nav-link.active,
  .navbar .nav-link[aria-current="page"] {
    background-color: #0d6efd;
    color: #fff;
    box-shadow: 0 .125rem .25rem rgba(13,110,253,.25);
  }
}

/* DataTables UI tweaks moved from multiple templates */
div.dt-container div.dt-layout-row.dt-layout-table { overflow: visible; }
div.dt-container .dt-search { margin-top: .5rem; }

/* Forms utilities */
.country-code-select { max-width: 380px; flex: 0 0 380px; }

/* Additional panel and spacing utilities moved from templates */
.panel-white-lg { background-color:#fff; padding:20px; border-radius:4px; margin-top:20px; }
.p-20 { padding:20px; }
.pb-20 { padding-bottom:20px; }
.mt-20 { margin-top:20px; }
.rounded-4px { border-radius:4px; }