#ticket-table {
  width: 100%;
  border-collapse: collapse;      
  background: #ffffff;
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", "SF Pro Text", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  color: #111827;
}

.ticket-table-container {
  margin-top: 0.5rem;
}

#ticket-table thead {
  background: #ffffff;
}
#ticket-table thead th {
  padding: 12px 16px;
  font-size: 12px;
  font-weight: 700; 
  color: #23272f;
  text-align: left;
  text-transform: uppercase; 
  letter-spacing: 0.04em; 
  border-bottom: 0;
  font-family: "Inter", "SF Pro Display", system-ui, -apple-system, "Segoe UI", "SF Pro Text", Roboto, "Helvetica Neue", Arial, sans-serif;
}

#ticket-table tbody tr td {
  padding: 12px 16px;
  vertical-align: middle;
  background: transparent;
  color: #111827;
  font-weight: 400;
  font-size: 14px;
  font-family: "Inter", "SF Pro Display", system-ui, -apple-system, "Segoe UI", "SF Pro Text", Roboto, "Helvetica Neue", Arial, sans-serif;
}


#ticket-table tbody tr + tr td {
  border-top: 1px solid #f1f5f9;  
}


#ticket-table tbody tr:hover td {
  background-color: #fbfdff;     
}


#ticket-table td[id^="ticket-id"] {
  
  color: #0f172a;
  font-weight: 400;
  font-size: 13px;
  font-family: "Inter", "SF Pro Display", system-ui, -apple-system, "Segoe UI", "SF Pro Text", Roboto, "Helvetica Neue", Arial, sans-serif;
}

#ticket-table td[id^="ticket-name"] {
  font-weight: 400;
  color: #0f172a; 
  line-height: 1.12;
  white-space: normal;
  word-break: break-word;
  font-family: "Inter", "SF Pro Display", system-ui, -apple-system, "Segoe UI", "SF Pro Text", Roboto, "Helvetica Neue", Arial, sans-serif;
}

#ticket-table td.ticket-cell--workflow {
  padding: 12px 16px;
  text-align: left;
  vertical-align: middle;
  font-weight: 400;
  font-size: 14px;
  color: #111827;
  font-family: "Inter", "SF Pro Display", system-ui, -apple-system, "Segoe UI", "SF Pro Text", Roboto, "Helvetica Neue", Arial, sans-serif;
}
#ticket-table td.ticket-cell--workflow .ticket-cell-text,
#ticket-table td.ticket-cell--workflow .ticket-cell-date,
#ticket-table td.ticket-cell--workflow .ticket-cell-time {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  border-radius: 9999px;
  font-weight: 600;
  font-size: 13px;
  text-transform: capitalize;
  line-height: 1.1;
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  text-align: center;
  margin: 0 auto;
  min-width: 56px;
}

.ticket-name-text {
  display: inline-block;
  max-width: 220px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}

@media (max-width: 1200px) {
  .ticket-name-text {
    max-width: 180px;
  }
}

@media (max-width: 900px) {
  .ticket-name-text {
    max-width: 140px;
  }
}

@media (max-width: 600px) {
  .ticket-name-text {
    max-width: 110px;
  }
}

/* Priority column */
#ticket-table td[id^="ticket-priority"] {
  padding: 12px 16px;
  text-align: left;
  vertical-align: middle;
  font-weight: 400;
  font-size: 14px;
  color: #111827;
  font-family: "Inter", "SF Pro Display", system-ui, -apple-system, "Segoe UI", "SF Pro Text", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Priority tag (colored label) */
.priority-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  border-radius: 9999px;
  font-weight: 600;
  font-size: 13px;
  text-transform: capitalize;
  text-align: center;
  line-height: 1.1;
}

/* Priority colors */
.priority-tag.high {
  background-color: #fee2e2; /* light red */
  color: #dc2626; /* red */
}

.priority-tag.medium {
  background-color: #ffedd5; /* light orange */
  color: #f97316; /* orange */
}

.priority-tag.low {
  background-color: #dcfce7; /* light green */
  color: #16a34a; /* green */
}

.priority-tag.priority-empty {
  background-color: transparent;
  color: #6b7280;
  border: none;
}

#ticket-table td[id^="ticket-priority"] .priority-tag {
  margin: 0 auto;
  min-width: 56px;
}


  #ticket-table td[id^="ticket-created"],
  #ticket-table td[id^="ticket-created"],
  #ticket-table td[id^="ticket-updated"] {
    color: #0f172a;
    font-size: 13px;
    line-height: 1.1;
    font-weight: 400;
    font-family: "Inter", "SF Pro Display", system-ui, -apple-system, "Segoe UI", "SF Pro Text", Roboto, "Helvetica Neue", Arial, sans-serif;
  }

#ticket-table .ticket-date-time {
  display: block;
  margin-top:8px; 
  font-size: 12px;
  color:#0f172a;
  font-family: "Inter", "SF Pro Display", system-ui, -apple-system, "Segoe UI", "SF Pro Text", Roboto, "Helvetica Neue", Arial, sans-serif;
  letter-spacing: 0.01em;
}

#ticket-table td[id^="ticket-hours"] {
  text-align: right;
  font-weight: 700;
  color: #0f172a;
}
#ticket-table td[id^="ticket-status"] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  text-transform: none;
  white-space: nowrap;
  padding: 12px 16px; 
   background: none !important;;
}
#ticket-table td[id^="ticket-status"]::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex: 0 0 auto;
  margin-right: 4px;
  transform: translateY(-0.5px); 
}

#ticket-table td.status-inprogress::before { background: #10b981; } 
#ticket-table td.status-inprogress { color: #10b981 !important; }              

#ticket-table td.status-pending::before { background: #f59e0b; }    
#ticket-table td.status-pending { color: #f59e0b; }                  

#ticket-table td.status-rejected::before { background: #ef4444; }    
#ticket-table td.status-rejected { color: #ef4444; }     

#ticket-table td.status-hold::before { background: #1976D2 !important; }    
#ticket-table td.status-hold { color: #1976D2 !important; }     

#ticket-table td.status-drafted::before { background: #000000 !important; }    
#ticket-table td.status-drafted { color: #000000 !important; }

#ticket-table td[id^="ticket-status"]:not(.status-inprogress):not(.status-pending):not(.status-rejected):not(.status-solved):not(.status-hold):not(.status-drafted) {
  color: #6b7280;
}
#ticket-table td[id^="ticket-status"]:not(.status-inprogress):not(.status-pending):not(.status-rejected):not(.status-solved):not(.status-hold):not(.status-drafted)::before {
  background: #cbd5e1;
}

@media (max-width: 900px) {
  #ticket-table thead th { font-size: 12px; padding: 10px 12px; }
  #ticket-table tbody td { padding: 10px 12px; font-size: 13px; }
  #ticket-table td[id^="ticket-status"] { gap: 6px; font-size: 13px; }
}

.render-wrap-container {
    border-top: 1px solid black !important;
    border-bottom: 1px solid black !important;
}

.formRenderDisabled {
    pointer-events: none !important;
}

.formRenderDisabled [type='checkbox']:not(:checked),
.formRenderDisabled [type='checkbox']:checked {
    position: relative !important;
    pointer-events: none !important;
}

.formRenderDisabled input[type="checkbox"] {
    opacity: 1 !important;
    transform: translate(0rem, 0.20rem)!important;
}

.formRenderDisabled [type='radio']:not(:checked),
.formRenderDisabled [type='radio']:checked {
    position: relative !important;
    pointer-events: none !important;
}

.formRenderDisabled input[type="radio"] {
    opacity: 1 !important;
    transform: translate(0rem, 0.20rem)!important;
}

.formRenderDisabled textarea {
    width: 16vw !important;
}

.formRenderDisabled textarea {
    max-width: 16vw !important;
}

.formRenderDisabled p {
    max-width: 12vw !important;
    overflow-wrap: break-word !important;
}

.form-collabse-head {
    cursor: pointer !important;
}

.formbuilder-file .showVID {
    pointer-events: auto !important;
    padding-left: 10px;
}

.formbuilder-file .showPDF {
    pointer-events: auto !important;
    padding-left: 10px;
}

.formbuilder-file .showIMG {
    pointer-events: auto !important;
    padding-left: 10px;
}

.ticket-loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #622AA1;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 2s linear infinite;
    /* Safari */
    animation: spin 2s linear infinite;
}


/* Safari */

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#Logstimeline li,
#WorkFlowSteps li {
    list-style-type: disc !important;
}

#rejection-reason {
    resize: none !important;
    width: 50em !important;
}

.ticketBody {
    background-color: white !important;
}

.ticketscollabse {
    margin-left: 0.9em !important;
    max-width: 93.7em !important;
}

.dv-form-file-upload {
    display: flex !important;
    align-items: center;
}
.dv-form-file-upload  > * {
    flex: 1;
    display: contents;
}