/* KACO — Tailwind companion styles (terminal, nav). DataTables: assets/css/kaco-datatables.css */

/* Modals — reliable show/hide (avoids hidden vs flex utility conflicts) */
.kaco-modal.kaco-modal-open {
  display: flex !important;
}

/* Mobile nav — reliable show (Tailwind hidden/md:hidden conflicts) */
@media (max-width: 767px) {
  #kacoNavMobile.kaco-nav-mobile-open {
    display: block !important;
  }
}

/* Mobile nav panel animation */
#kacoNavMobile.kaco-nav-mobile-open {
  animation: kaco-nav-in 0.2s ease-out;
}
@keyframes kaco-nav-in {
  from {
    opacity: 0;
    transform: translateY(-0.35rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ——— Last-clicked command highlight ——— */
button.kaco-btn-last-active {
  outline: none !important;
  border-color: #38bdf8 !important;
  background: rgba(56, 189, 248, 0.12) !important;
  box-shadow: inset 0 0 0 2px rgba(56, 189, 248, 0.85);
}

#cmdButtons button:focus:not(:focus-visible),
.preset-btns button:focus:not(:focus-visible) {
  outline: none;
}

/* ——— Legacy Bootstrap utility shims (sender terminal page) ——— */
.d-none { display: none !important; }
.d-flex { display: flex; }
.flex-wrap { flex-wrap: wrap; }
.align-items-center { align-items: center; }
.gap-1 { gap: 0.25rem; }
.ms-2 { margin-left: 0.5rem; }
.mb-0 { margin-bottom: 0; }
.mb-2 { margin-bottom: 0.5rem; }
.mb-3 { margin-bottom: 0.75rem; }
.mt-2 { margin-top: 0.5rem; }
.pt-1 { padding-top: 0.25rem; }
.text-break { word-break: break-word; }
.text-secondary { color: #94a3b8; }
.h4 { font-size: 1.125rem; }
.small { font-size: 0.875rem; }
.font-monospace { font-family: 'JetBrains Mono', ui-monospace, monospace; }