/* custom.css */
/* base text */
.text-muted { font-size: 0.9rem; color: #555; }
.btn-sm     { font-size: 0.8rem; }
.mt-1       { margin-top: 0.5rem; }

/* prevent accidental page-wide horizontal scrolling */
html, body {
  max-width: 100%;
  overflow-x: hidden;
}

/* Ensure proper scaling on small devices */
@media (max-width: 768px) {
  .form-control,
  .form-select,
  .btn {
    font-size: 14px;
    padding: 8px;
  }
  .table-responsive { overflow-x: auto; }
  th, td { white-space: nowrap; }
}

.table-responsive { overflow-x: auto; }

.select-disabled,
.locked {
  pointer-events: none;
  background-color: #e9ecef;
  cursor: not-allowed;
}

.text-primary { color: #007bff !important; }
.text-danger  { color: #dc3545 !important; }

.hidden { display: none; }

/* for trades.js table flash animation */
@keyframes flashFade {
  0%   { background-color: rgba(255, 255, 0, 0.8); }
  100% { background-color: transparent; }
}
.row-highlight { animation: flashFade 2s ease-out; }

/* market open/closed glyphs */
.market-dot {
  font-size: .9rem;
  line-height: 1;
  display: inline-block;
  width: .9em;
  text-align: center;
}
.market-dot.open   { color: #28a745; }
.market-dot.closed { color: #dc3545; }
.market-dot.wait   { color: #6c757d; }

/* toast helper */
.minw-18rem { min-width: 18rem; }

/* avoid flicker before JS init */
.js-enhance { visibility: hidden; }

/* status bar helpers: allow wrap on small screens only */
.status-metric { white-space: nowrap; }
@media (max-width: 575.98px) {
  .status-metric { white-space: normal; }
}

/* allow flex children to shrink properly when space-constrained */
.min-w-0 { min-width: 0; }

/* admin dropdown: avoid pushing layout, scroll instead */
.dropdown-menu {
  max-height: 70vh;
  overflow-y: auto;
}

/*___________ section for admin overlay for gridstack start ________________________________ */

/* Floating admin controls (below the status/nav bar) */
.fxv-admin-controls {
  position: fixed;
  top: 72px; /* tweak for your navbar height */
  right: 16px;
  z-index: 1030; /* above content, below offcanvas/modal */
}
/*___________ section for admin overlay for gridstack end ________________________________ */


body.fxv-nav-hidden #fxv-navbar { display: none !important; }