/* Transwarp3 customer portal — small app stylesheet (vendored, no CDN; constitution IV). */

/* No-JS navbar dropdown built on :focus-within.
   Bootstrap's dropdown toggles via JavaScript, which is forbidden by default and
   not even loaded here (only bootstrap.min.css is vendored). Instead the menu is
   revealed while the group holds focus (the <button> toggle or an item), and
   hides the moment focus leaves (click away or pick an item) — no JavaScript, no
   persisted open state, no hover-reveal. We reuse Bootstrap's .dropdown-menu /
   .dropdown-item styling and only add the show/hide + positioning. */
.nav-dropdown {
  position: relative;
}
/* The toggle is a <button> styled as a nav link — strip the button chrome. */
.nav-dropdown > .dropdown-toggle {
  cursor: pointer;
  background: none;
  border: 0;
}
/* Position the menu (hidden by Bootstrap's .dropdown-menu until revealed). */
.nav-dropdown > .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 0.125rem;
  z-index: 1000;
}
/* Reveal while the toggle or an item has focus; closes on blur. */
.nav-dropdown:focus-within > .dropdown-menu {
  display: block;
}
/* Right-aligned variant — for a dropdown near the right edge (e.g. the Account
   menu) so it does not overflow the viewport. */
.nav-dropdown.dropdown-end > .dropdown-menu {
  left: auto;
  right: 0;
}

/* Feature 076: inline-editable record rows. The per-row Save button is hidden
   until the row holds focus (any of its inputs), then hides again on blur — the
   same no-JS :focus-within idiom as the navbar dropdown above. */
tr .row-save {
  display: none;
}
tr:focus-within .row-save {
  display: inline-block;
}