/* Ticket Management Custom Modal and Action Styling */
.ticket-modal-form {
  padding: 15px;
}

.ticket-modal-form .form-item {
  margin-bottom: 1rem;
}

.ticket-modal-form label {
  font-weight: 600;
  color: #334155;
  margin-bottom: 0.375rem;
}

.ticket-modal-form .form-control,
.ticket-modal-form .form-select {
  border-radius: 6px;
  border: 1px solid #cbd5e1;
  padding: 0.5rem 0.75rem;
  width: 100%;
}

.ticket-status-badge {
  display: inline-block;
  padding: 0.25rem 0.65rem;
  font-size: 0.85rem;
  font-weight: 600;
  border-radius: 50px;
  text-transform: capitalize;
}

.ticket-status-new {
  background-color: #e0f2fe;
  color: #0369a1;
}

.ticket-status-assigned {
  background-color: #fef3c7;
  color: #b45309;
}

.ticket-status-in_progress {
  background-color: #dbeafe;
  color: #1d4ed8;
}

.ticket-status-completed {
  background-color: #dcfce7;
  color: #15803d;
}

.ticket-status-closed {
  background-color: #f1f5f9;
  color: #475569;
}

.ticket-status-reopened {
  background-color: #fee2e2;
  color: #b91c1c;
}

/* Create/Edit Ticket Management Node Form 50% / 50% Layout & Hiding Text Formats/Summary */
.node-ticket-management-form,
.node-ticket-management-edit-form,
.page-node-add-ticket-management form {
  display: flex !important;
  flex-wrap: wrap !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  width: 100% !important;
}

.ticket-create-left-col {
  width: 48% !important;
  flex: 0 0 48% !important;
  max-width: 48% !important;
}

.ticket-create-right-col {
  width: 48% !important;
  flex: 0 0 48% !important;
  max-width: 48% !important;
  margin-left: 3% !important;
}

.node-ticket-management-form .actions,
.node-ticket-management-edit-form .actions {
  width: 100% !important;
  flex: 0 0 100% !important;
  max-width: 100% !important;
  display: flex !important;
  justify-content: flex-end !important;
  margin-top: 1.5rem !important;
}

.node-ticket-management-form.node-form {
  margin: 1rem !important;
}

.ticket-detail-wrapper .align-items-stretch {
  margin-bottom: 15px;
}

.ticket-create-wrapper .filter-wrapper,
.ticket-create-wrapper .filter-help,
.ticket-create-wrapper .filter-guidelines,
.ticket-create-wrapper .summary-wrapper,
.ticket-create-wrapper .field-wrapper-summary,
.page-node-add-ticket-management .filter-wrapper,
.page-node-add-ticket-management .filter-help,
.page-node-add-ticket-management .filter-guidelines,
.page-node-add-ticket-management .filter-tips,
.node-ticket-management-form .filter-wrapper,
.node-ticket-management-form .filter-help,
.node-ticket-management-form .filter-guidelines,
.node-ticket-management-edit-form .filter-wrapper,
.node-ticket-management-edit-form .filter-help,
.node-ticket-management-edit-form .filter-guidelines {
  display: none !important;
}

.ticket-create-wrapper .form-item,
.node-ticket-management-form .form-item,
.node-ticket-management-edit-form .form-item {
  margin-bottom: unset !important;
  margin-top: unset !important;
}

.node-ticket-management-form #edit-actions {
  background: unset !important;
}

.ticket-create-wrapper label,
.node-ticket-management-form label,
.node-ticket-management-edit-form label {
  font-weight: 600;
  color: #1e293b;
  margin-bottom: 0.35rem;
}

.ticket-create-wrapper .form-control,
.ticket-create-wrapper .form-select,
.ticket-create-wrapper input[type="text"],
.node-ticket-management-form input[type="text"],
.node-ticket-management-form select {
  border-radius: 6px;
  border: 1px solid #cbd5e1;
  padding: 0.55rem 0.85rem;
  width: 100%;
}

/* Strictly Scoped: Disable hover/focus/active effects ONLY on Ticket Management & My Assigned Tickets views */
.path-ticket-management .views-element-container a:not(.active):not(.is-active):hover,
.path-ticket-management .views-element-container a:not(.active):not(.is-active):focus,
.path-ticket-management .views-element-container a:not(.active):not(.is-active):active,
.path-ticket-management .views-displays a:not(.active):not(.is-active):hover,
.path-ticket-management .views-displays a:not(.active):not(.is-active):focus,
.path-ticket-management .views-displays a:not(.active):not(.is-active):active,
.path-ticket-management .nav-tabs .nav-link:not(.active):hover,
.path-ticket-management .nav-tabs .nav-link:not(.active):focus,
.path-ticket-management .nav-tabs .nav-link:not(.active):active,
.path-my-assigned-tickets .views-element-container a:not(.active):not(.is-active):hover,
.path-my-assigned-tickets .views-element-container a:not(.active):not(.is-active):focus,
.path-my-assigned-tickets .views-element-container a:not(.active):not(.is-active):active,
.path-my-assigned-tickets .views-displays a:not(.active):not(.is-active):hover,
.path-my-assigned-tickets .views-displays a:not(.active):not(.is-active):focus,
.path-my-assigned-tickets .views-displays a:not(.active):not(.is-active):active,
.path-my-assigned-tickets .nav-tabs .nav-link:not(.active):hover,
.path-my-assigned-tickets .nav-tabs .nav-link:not(.active):focus,
.path-my-assigned-tickets .nav-tabs .nav-link:not(.active):active,
.view-id-ticket_management_system a:not(.active):not(.is-active):hover,
.view-id-ticket_management_system a:not(.active):not(.is-active):focus,
.view-id-ticket_management_system a:not(.active):not(.is-active):active,
.view-id-ticket_management_system .nav-link:not(.active):hover,
.view-id-ticket_management_system .nav-link:not(.active):focus,
.view-id-ticket_management_system .nav-link:not(.active):active,
.view-id-my_assigned_tickets a:not(.active):not(.is-active):hover,
.view-id-my_assigned_tickets a:not(.active):not(.is-active):focus,
.view-id-my_assigned_tickets a:not(.active):not(.is-active):active,
.view-id-my_assigned_tickets .nav-link:not(.active):hover,
.view-id-my_assigned_tickets .nav-link:not(.active):focus,
.view-id-my_assigned_tickets .nav-link:not(.active):active {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #2563eb !important;
  border-color: #cbd5e1 !important;
  box-shadow: none !important;
  outline: none !important;
  transform: none !important;
  filter: none !important;
  opacity: 1 !important;
  transition: none !important;
}

/* Strictly Scoped: Active tab maintains solid active style on hover/focus/active */
.path-ticket-management .views-element-container a.active:hover,
.path-ticket-management .views-element-container a.active:focus,
.path-ticket-management .views-element-container a.active:active,
.path-ticket-management .views-element-container a.is-active:hover,
.path-ticket-management .views-element-container a.is-active:focus,
.path-ticket-management .views-element-container a.is-active:active,
.path-ticket-management .views-displays a.active:hover,
.path-ticket-management .views-displays a.active:focus,
.path-ticket-management .views-displays a.active:active,
.path-ticket-management .views-displays a.is-active:hover,
.path-ticket-management .views-displays a.is-active:focus,
.path-ticket-management .views-displays a.is-active:active,
.path-ticket-management .nav-tabs .nav-link.active:hover,
.path-ticket-management .nav-tabs .nav-link.active:focus,
.path-ticket-management .nav-tabs .nav-link.active:active,
.path-my-assigned-tickets .views-element-container a.active:hover,
.path-my-assigned-tickets .views-element-container a.active:focus,
.path-my-assigned-tickets .views-element-container a.active:active,
.path-my-assigned-tickets .views-element-container a.is-active:hover,
.path-my-assigned-tickets .views-element-container a.is-active:focus,
.path-my-assigned-tickets .views-element-container a.is-active:active,
.path-my-assigned-tickets .views-displays a.active:hover,
.path-my-assigned-tickets .views-displays a.active:focus,
.path-my-assigned-tickets .views-displays a.active:active,
.path-my-assigned-tickets .views-displays a.is-active:hover,
.path-my-assigned-tickets .views-displays a.is-active:focus,
.path-my-assigned-tickets .views-displays a.is-active:active,
.path-my-assigned-tickets .nav-tabs .nav-link.active:hover,
.path-my-assigned-tickets .nav-tabs .nav-link.active:focus,
.path-my-assigned-tickets .nav-tabs .nav-link.active:active,
.view-id-ticket_management_system a.active:hover,
.view-id-ticket_management_system a.active:focus,
.view-id-ticket_management_system a.active:active,
.view-id-ticket_management_system a.is-active:hover,
.view-id-ticket_management_system a.is-active:focus,
.view-id-ticket_management_system a.is-active:active,
.view-id-ticket_management_system .nav-link.active:hover,
.view-id-ticket_management_system .nav-link.active:focus,
.view-id-ticket_management_system .nav-link.active:active,
.view-id-my_assigned_tickets a.active:hover,
.view-id-my_assigned_tickets a.active:focus,
.view-id-my_assigned_tickets a.active:active,
.view-id-my_assigned_tickets a.is-active:hover,
.view-id-my_assigned_tickets a.is-active:focus,
.view-id-my_assigned_tickets a.is-active:active,
.view-id-my_assigned_tickets .nav-link.active:hover,
.view-id-my_assigned_tickets .nav-link.active:focus,
.view-id-my_assigned_tickets .nav-link.active:active {
  background: #2563eb !important;
  background-color: #2563eb !important;
  color: #ffffff !important;
  border-color: #2563eb !important;
  box-shadow: none !important;
  outline: none !important;
  transform: none !important;
  filter: none !important;
  opacity: 1 !important;
  transition: none !important;
}