@charset "UTF-8";
.qna-entry-page-icon {
  font-size: 70px !important;
}

#questionsTable th,
#questionsTable td {
  white-space: nowrap !important;
}

#questionsTable .dropdown-menu.show {
  min-width: unset;
  width: max-content;
}

#questionsTable .dropdown-menu-up {
  top: auto !important;
  bottom: 100% !important;
  transform: translateY(-4px);
}

.floating-dropdown .dropdown-item {
  cursor: pointer;
}

.priority-badge {
  padding: 4px 10px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 500;
}

/* High */
.priority-high {
  background: linear-gradient(45deg, #ffe5e5, #ffd6d6);
  color: #c0392b;
}

/* Medium */
.priority-medium {
  background: linear-gradient(45deg, #fff5cc, #ffe9a8);
  color: #b9770e;
}

/* Low */
.priority-low {
  background: linear-gradient(45deg, #e6f9f0, #ccf2e0);
  color: #1e8449;
}

.status-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 5px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 500;
}

/* Published */
.status-published {
  background: #d9efe6;
  color: #1f7a5c;
}

/*Q Submitted */
.status-qn-submitted {
  background: #dbe7ff;
  color: #2f5fd0;
}

/* Q under review */
.status-q-review {
  background: #e6dcff;
  color: #6a45c9;
}

/* Withdrawn */
.status-withdrawn {
  background: #e5e5e5;
  color: #555;
}

/* Approved */
.status-sent-for-answering {
  background: #d9f0e2;
  color: #1e8f5b;
}

/* Answer Pending */
.status-ans-under-progress {
  background: #f7e4c6;
  color: #c97a00;
}

/* A under review */
.status-a-review {
  background: #d9efef;
  color: #1c8c8c;
}

/* Draft */
.status-draft {
  background: #ececec;
  color: #666;
}

.status-answer-submitted {
  background: #e6f4ff;
  color: #0969da;
}

.kpi-card {
  width: fit-content !important;
  max-width: 100%;
}

/* STRIP */
.kpi-strip {
  padding: 10px 0px;
  overflow-x: auto;
}

/* PILL STYLE */
.kpi-pill {
  align-items: center;
  padding: 6px 12px;
  border-right: 1px solid #e3e6ea;
  transition: all 0.2s ease;
  cursor: default;
}

/* 🔥 Remove border for last item */
.kpi-pill:last-child {
  border-right: none;
}

/* ICON */
.kpi-icon-small {
  font-size: 16px;
}

/* COUNT */
.kpi-count {
  font-weight: 600;
  margin-left: 4px;
  font-size: 17px;
}

/* LABEL */
.kpi-label {
  white-space: nowrap;
  font-size: 14px;
}

/* HOVER (subtle like screenshot) */
.kpi-pill:hover {
  transform: translateY(-1px);
}

/* COLORS (VERY LIGHT LIKE IMAGE) */
.kpi-draft {
  color: #1e40af;
  border-bottom: 3px solid #1e40af;
}

.kpi-q-submitted {
  color: #6b7280;
}

.kpi-withdrawn {
  color: #6f7781;
}

.kpi-q-under-review {
  color: #6f42c1;
}

.kpi-sent-for-answering {
  color: #4076ec;
}

.kpi-ans-under-progress {
  color: #d97706;
}

.kpi-answer-submitted {
  color: #2563eb;
}

.kpi-a-under-review {
  color: #42aba2;
}

.kpi-published {
  color: #298b6f;
}

.kpi-strip {
  overflow-x: auto;
  white-space: nowrap;
}

.kpi-animated {
  transition: all 0.3s ease;
}

.toggle-kpi {
  display: inline-block;
  font-size: 20px;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.toggle-kpi.rotate {
  transform: rotate(90deg) !important;
}

#vdrQnAFiltersForm .vdrGroup .dropdown-menu.show {
  min-width: 100px !important;
  width: 100% !important;
  background-color: #fbfbfb !important;
}

#vdrQnAFiltersForm .vdrGroup .dropdown-item {
  white-space: unset !important;
}

#vdrQnAFiltersForm .vdrGroup .multiselect-filter {
  width: 100% !important;
}
#vdrQnAFiltersForm .vdrGroup .multiselect-filter svg {
  z-index: 1;
  margin-left: 5px;
  margin-right: 5px;
}
#vdrQnAFiltersForm .vdrGroup .multiselect-filter input {
  width: 100% !important;
}

#vdrQnAFiltersForm .priority .dropdown-menu.show {
  min-width: 100px !important;
  width: 100% !important;
  background-color: #fbfbfb !important;
}

#vdrQnAFiltersForm .priority .dropdown-item {
  white-space: unset !important;
}

#vdrQnAFiltersForm .priority .multiselect-filter {
  width: 100% !important;
}
#vdrQnAFiltersForm .priority .multiselect-filter svg {
  z-index: 1;
  margin-left: 5px;
  margin-right: 5px;
}
#vdrQnAFiltersForm .priority .multiselect-filter input {
  width: 100% !important;
}