/**
 * RockDesk – Custom CSS Overrides
 */

/* Required-field indicator ----------------------------------------- */
.form-label.required::after {
  content: " *";
  color: var(--bs-danger, #ea5455);
}

/* DataTable search box spacing ------------------------------------- */
.dataTables_filter label {
  display: flex;
  align-items: center;
  gap: .5rem;
}

/* Quill editor min-height ------------------------------------------ */
.ql-container .ql-editor {
  min-height: 200px;
}

/* Badge status colours --------------------------------------------- */
.badge-status-open        { background-color: #00cfe8; }
.badge-status-in_progress { background-color: #7367f0; }
.badge-status-waiting     { background-color: #ff9f43; }
.badge-status-resolved    { background-color: #28c76f; }
.badge-status-closed      { background-color: #82868b; }
.badge-status-cancelled   { background-color: #ea5455; }

/* Sidebar active item highlight (supplemental) --------------------- */
.menu-item.active > .menu-link {
  background-color: rgba(115, 103, 240, .16) !important;
}

/* Flatpickr z-index fix (modals) ----------------------------------- */
.flatpickr-calendar { z-index: 99999 !important; }

/* Card hover subtle lift ------------------------------------------- */
.card-hover {
  transition: box-shadow .2s ease, transform .2s ease;
}
.card-hover:hover {
  box-shadow: 0 .5rem 1.5rem rgba(0,0,0,.15) !important;
  transform: translateY(-2px);
}

/* Sidebar toggle (pin) button -------------------------------------- */
/* O core.css usa mask-image: precisa de background-color para aparecer */
.layout-menu-toggle .menu-toggle-icon {
  display: inline-block;
  background-color: var(--bs-nav-link-color, #697a8d);
  transition: background-color .2s ease, opacity .2s ease;
  opacity: .55;
  vertical-align: middle;
}
.layout-menu-toggle:hover .menu-toggle-icon {
  background-color: var(--bs-primary, #696cff);
  opacity: 1;
}
/* No estado colapsado o ícone muda de círculo+ponto → só círculo (via core.css) */
html.layout-menu-collapsed .layout-menu-toggle .menu-toggle-icon {
  opacity: .55;
}

/* Global Search dropdown ------------------------------------------- */
.gs-item {
  transition: background-color .12s ease;
  border-radius: .25rem;
  margin: 0 .35rem;
}
.gs-item:hover {
  background-color: rgba(105,108,255,.06);
}
#gsDropdown {
  animation: gsFadeIn .12s ease;
}
@keyframes gsFadeIn {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: translateY(0);    }
}