:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-offset: 16px;
  --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
  --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
  --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
  --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-toast-bd-radius: 6px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
  --toastify-color-progress-bgo: 0.2;
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
  position: fixed;
  padding: 4px;
  width: var(--toastify-toast-width);
  box-sizing: border-box;
  color: #fff;
}
.Toastify__toast-container--top-left {
  top: var(--toastify-toast-top);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--top-center {
  top: var(--toastify-toast-top);
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--top-right {
  top: var(--toastify-toast-top);
  right: var(--toastify-toast-right);
}
.Toastify__toast-container--bottom-left {
  bottom: var(--toastify-toast-bottom);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--bottom-center {
  bottom: var(--toastify-toast-bottom);
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--bottom-right {
  bottom: var(--toastify-toast-bottom);
  right: var(--toastify-toast-right);
}

@media only screen and (max-width : 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: env(safe-area-inset-left);
    margin: 0;
  }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: env(safe-area-inset-top);
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: env(safe-area-inset-bottom);
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: env(safe-area-inset-right);
    left: initial;
  }
}
.Toastify__toast {
  --y: 0;
  position: relative;
  -ms-touch-action: none;
      touch-action: none;
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: var(--toastify-toast-bd-radius);
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  max-height: var(--toastify-toast-max-height);
  font-family: var(--toastify-font-family);
  cursor: default;
  direction: ltr;
  /* webkit only issue #791 */
  z-index: 0;
  overflow: hidden;
}
.Toastify__toast--stacked {
  position: absolute;
  width: 100%;
  transform: translate3d(0, var(--y), 0) scale(var(--s));
  transition: transform 0.3s;
}
.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body, .Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
  transition: opacity 0.1s;
}
.Toastify__toast--stacked[data-collapsed=false] {
  overflow: visible;
}
.Toastify__toast--stacked[data-collapsed=true]:not(:last-child) > * {
  opacity: 0;
}
.Toastify__toast--stacked:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: calc(var(--g) * 1px);
  bottom: 100%;
}
.Toastify__toast--stacked[data-pos=top] {
  top: 0;
}
.Toastify__toast--stacked[data-pos=bot] {
  bottom: 0;
}
.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before {
  transform-origin: top;
}
.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before {
  transform-origin: bottom;
}
.Toastify__toast--stacked:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  transform: scaleY(3);
  z-index: -1;
}
.Toastify__toast--rtl {
  direction: rtl;
}
.Toastify__toast--close-on-click {
  cursor: pointer;
}
.Toastify__toast-body {
  margin: auto 0;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  padding: 6px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.Toastify__toast-body > div:last-child {
  word-break: break-word;
  -ms-flex: 1;
      flex: 1;
}
.Toastify__toast-icon {
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
  width: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.5s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}
.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}
.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}
.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}
.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}
.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}
.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}
.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}
.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}
.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}
.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  -ms-flex-item-align: start;
      align-self: flex-start;
  z-index: 1;
}
.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}
.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}
.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: var(--toastify-z-index);
  opacity: 0.7;
  transform-origin: left;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
}
.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}
.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
  border-bottom-left-radius: initial;
  border-bottom-right-radius: var(--toastify-toast-bd-radius);
}
.Toastify__progress-bar--wrp {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
}
.Toastify__progress-bar--wrp[data-hidden=true] {
  opacity: 0;
}
.Toastify__progress-bar--bg {
  opacity: var(--toastify-color-progress-bgo);
  width: 100%;
  height: 100%;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, var(--y), 0);
  }
}
@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, var(--y), 0);
  }
}
@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  from {
    transform: translate3d(0, var(--y), 0) perspective(400px);
  }
  30% {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, var(--y), 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, var(--y), 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}
.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}
.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}
.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.page_buttonSecondary__yeHaU {
    background: #1e5863;
    color: #ffffff;
    border: 1px solid #0c3941;
    padding: 6px 18px;
    border-radius: 4px;
    cursor: pointer;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.12) inset,
        0 1px 0 rgba(0, 0, 0, 0.15);
    font-size: 0.95rem;
    font-weight: 600;
    transition: background-color 130ms, border-color 130ms, color 130ms;
}

.page_buttonSecondary__yeHaU:hover {
    background: #174a53;
}

.page_buttonSecondarySmall__3dzji {
    background: #1e5863;
    color: #ffffff;
    border: 1px solid #0c3941;
    padding: 4px 12px;
    border-radius: 4px;
    cursor: pointer;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.12) inset,
        0 1px 0 rgba(0, 0, 0, 0.15);
    font-size: 0.85rem;
    font-weight: 600;
    transition: background-color 130ms, border-color 130ms, color 130ms;
}

.page_buttonSecondarySmall__3dzji:hover {
    background: #174a53;
}

.page_createSection__jovRv {
    text-align: end;
    margin: 4px 0 8px;
    padding-bottom: 0;
}

/* Modal Footer Buttons */
.page_btnBase__R9nsg {
    appearance: none;
    border: 1px solid transparent;
    border-radius: 0.375rem;
    padding: 6px 18px;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 130ms, border-color 130ms, color 130ms;
}

.page_btnPrimary__6YsF5 {
    background: #ffffff;
    color: #0f3f49;
    border-color: rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset,
        0 1px 0 rgba(0, 0, 0, 0.06);
}

.page_btnPrimary__6YsF5:hover {
    background: #f7f7f7;
}

.page_btnPrimary__6YsF5:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}

.page_btnSecondary___AJho {
    background: #1e5863;
    color: #ffffff;
    border-color: #0c3941;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.12) inset,
        0 1px 0 rgba(0, 0, 0, 0.15);
}

.page_btnSecondary___AJho:hover {
    background: #174a53;
}

.page_footer__vOsvd {
    padding: 12px 20px;
    border-top: 0;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
    gap: 8px;
}

/* Page container improvements */
.page_pageContainer__4C626 {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    overflow-x: hidden;
}

.page_pageContainer__4C626 .main {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.page_pageContainer__4C626 .row {
    margin-bottom: 0.5rem;
}

.page_pageContainer__4C626 .row:last-child {
    margin-bottom: 0;
}

/* Remove extra spacing from TabComponent */
.page_pageContainer__4C626 .row > .col-md-12 > div {
    margin-bottom: 0;
    padding-bottom: 0;
}

/* Table improvements */
.page_tableWrapper__pls8p {
    width: 100%;

    -webkit-overflow-scrolling: touch;
    margin-bottom: 0;
    padding-bottom: 0;
    display: block;
}

/* Remove extra spacing from table elements - let wrapper handle overflow */
.page_tableWrapper__pls8p .table-responsive {
    overflow-x: visible !important;
    overflow-y: visible !important;
    margin-bottom: 0;
    padding-bottom: 0;
    display: block;
}

.page_tableWrapper__pls8p table {
    margin-bottom: 0.5rem;
}

/* Remove extra spacing from pagination */
.page_tableWrapper__pls8p+ .pagination {
    margin-bottom: 0;
    padding-bottom: 0;
}

.page_pageContainer__4C626 .pagination {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.page_tableWrapper__pls8p table {
    width: 100%;
    table-layout: auto;
    border-collapse: collapse;
    word-wrap: break-word;
}

/* Column width constraints - using :global() for table elements */
.page_tableWrapper__pls8p table th:nth-child(1),
.page_tableWrapper__pls8p table td:nth-child(1) {
    /* Department */
    min-width: 120px;
    max-width: 150px;
}

.page_tableWrapper__pls8p table th:nth-child(2),
.page_tableWrapper__pls8p table td:nth-child(2) {
    /* Department (Arabic) */
    min-width: 120px;
    max-width: 150px;
}

.page_tableWrapper__pls8p table th:nth-child(3),
.page_tableWrapper__pls8p table td:nth-child(3) {
    /* Section */
    min-width: 150px;
    max-width: 200px;
}

.page_tableWrapper__pls8p table th:nth-child(4),
.page_tableWrapper__pls8p table td:nth-child(4) {
    /* Section (Arabic) */
    min-width: 150px;
    max-width: 200px;
}

.page_tableWrapper__pls8p table th:nth-child(5),
.page_tableWrapper__pls8p table td:nth-child(5) {
    /* Subject(s) */
    min-width: 200px;
    max-width: 300px;
    word-wrap: break-word;
    word-break: break-word;
    white-space: normal;
}

.page_tableWrapper__pls8p table th:nth-child(6),
.page_tableWrapper__pls8p table td:nth-child(6) {
    /* Subject(s) (Arabic) */
    min-width: 200px;
    max-width: 300px;
    word-wrap: break-word;
    word-break: break-word;
    white-space: normal;
}

/* Text truncation with tooltip for long content */
.page_tableWrapper__pls8p table td {
    position: relative;
    padding: 0.75rem;
    vertical-align: top;
}

/* Tooltip for truncated text */
.page_tableWrapper__pls8p table td[title] {
    cursor: help;
}

/* Responsive adjustments */
@media (max-width: 1200px) {

    .page_tableWrapper__pls8p table th:nth-child(5),
    .page_tableWrapper__pls8p table td:nth-child(5),
    .page_tableWrapper__pls8p table th:nth-child(6),
    .page_tableWrapper__pls8p table td:nth-child(6) {
        max-width: 250px;
    }
}

@media (max-width: 992px) {

    .page_tableWrapper__pls8p table th:nth-child(5),
    .page_tableWrapper__pls8p table td:nth-child(5),
    .page_tableWrapper__pls8p table th:nth-child(6),
    .page_tableWrapper__pls8p table td:nth-child(6) {
        max-width: 200px;
        font-size: 0.8125rem;
    }
}
.ReopenChoiceModal_modalBody__o8c1i {
  padding: 1.25rem 1.75rem;
}

.ReopenChoiceModal_radioGroup__zd_FO {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  margin-bottom: 1.25rem;
  padding: 0;
  border: none;
}

.ReopenChoiceModal_radioGroup__zd_FO label {
  display: flex;
  align-items: flex-start;
  font-size: 0.95rem;
  gap: 0.55rem;
  cursor: pointer;
  line-height: 1.35;
}

.ReopenChoiceModal_radioGroup__zd_FO input[type="radio"] {
  margin-top: 0.15rem;
  accent-color: #0d6efd;
}

.ReopenChoiceModal_selectWrap__8xE7W {
  display: flex;
  justify-content: center;
  margin-bottom: 0.75rem;
}

.ReopenChoiceModal_selectWrap__8xE7W>div {
  min-width: 260px;
}

.ReopenChoiceModal_textarea__2Ns5r {
  font-size: 0.9rem;
  resize: vertical;
}

/* ==== match SolveReasonModal button/footers ==== */
.ReopenChoiceModal_footer__HA9bZ {
  padding: 12px 24px;
  border-top: 0;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start;
  gap: 8px;
}

.ReopenChoiceModal_btnBase__o_rlD {
  padding: 6px 18px;
  border-radius: 4px;
  font-weight: 600;
  cursor: pointer;
  border: 1px solid transparent;
}

.ReopenChoiceModal_btnPrimary__gEWPO {
  background: #ffffff;
  color: #0f3f49;
  border-color: rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset,
    0 1px 0 rgba(0, 0, 0, 0.06);
}

.ReopenChoiceModal_btnPrimary__gEWPO:hover {
  background: #f7f7f7;
}

.ReopenChoiceModal_btnPrimary__gEWPO:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.ReopenChoiceModal_btnSecondary__7YbMo {
  background: #1e5863;
  color: #ffffff;
  border-color: #0c3941;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.12) inset,
    0 1px 0 rgba(0, 0, 0, 0.15);
}

.ReopenChoiceModal_btnSecondary__7YbMo:hover {
  background: #174a53;
}

.ReopenChoiceModal_btnSecondary__7YbMo:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.ReopenChoiceModal_modalRoot__lKDv8 {
  z-index: 2147483647;
  padding-top: 200px;
}

.ReopenChoiceModal_modalDialog__eTLiF {
  max-width: 640px;
  margin: 0 auto;
}

.ReopenChoiceModal_modalContent__3cpk2 {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 48px);
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid #e6e8ec;
  box-shadow: 0 24px 64px rgba(2, 8, 23, 0.25), 0 2px 6px rgba(15, 23, 42, 0.08);
}

.ReopenChoiceModal_rbBackdrop__PYMfi {
  z-index: 2147483646;
  background: rgba(15, 23, 42, 0.55);
  backdrop-filter: blur(2px);
}

.ReopenChoiceModal_modalBody__o8c1i {
  padding: 1.25rem 1.75rem;
  overflow-y: auto;
  flex: 1 1 auto;
}
.RichTextEditor_editorWrapper__NEFcw {
  width: 100%;
}

.RichTextEditor_toolbar__ev0NE {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 8px 12px;
  background: #f8fafc;
  border: 1px solid #c7cdd5;
  border-bottom: none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  flex-wrap: wrap;
}

.RichTextEditor_toolbarButton__A4pO6 {
  background: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
  padding: 4px 8px;
  cursor: pointer;
  color: #5c5651;
  font-size: 0.9rem;
  transition: all 0.15s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 28px;
}

.RichTextEditor_toolbarButton__A4pO6:hover:not(:disabled) {
  background: #e2e8f0;
  border-color: #c7cdd5;
  color: #0f3f49;
}

.RichTextEditor_toolbarButton__A4pO6:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.RichTextEditor_toolbarButtonActive__30PaP {
  background: #e2e8f0;
  border-color: #0f3f49;
  color: #0f3f49;
}

.RichTextEditor_toolbarDivider__pud96 {
  width: 1px;
  height: 20px;
  background: #c7cdd5;
  margin: 0 4px;
}

.RichTextEditor_editor__Z4lt4 {
  border: 1px solid #c7cdd5;
  border-top: none;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  background: #ffffff;
  min-height: 120px;
}

.RichTextEditor_editorContent__FNmHZ {
  min-height: 120px;
  padding: 12px 15px;
  font-size: 0.95rem;
  color: #1d1d1f;
  outline: none;
}

.RichTextEditor_editorContent__FNmHZ p {
  margin: 0.5em 0;
}

.RichTextEditor_editorContent__FNmHZ p:first-child {
  margin-top: 0;
}

.RichTextEditor_editorContent__FNmHZ p:last-child {
  margin-bottom: 0;
}

.RichTextEditor_editorContent__FNmHZ ul,
.RichTextEditor_editorContent__FNmHZ ol {
  padding-left: 1.5em;
  margin: 0.5em 0;
}

.RichTextEditor_editorContent__FNmHZ li {
  margin: 0.25em 0;
}

.RichTextEditor_editorContent__FNmHZ h1,
.RichTextEditor_editorContent__FNmHZ h2,
.RichTextEditor_editorContent__FNmHZ h3 {
  margin: 0.75em 0 0.5em;
  font-weight: 600;
  line-height: 1.2;
}

.RichTextEditor_editorContent__FNmHZ h1 {
  font-size: 1.5em;
}

.RichTextEditor_editorContent__FNmHZ h2 {
  font-size: 1.3em;
}

.RichTextEditor_editorContent__FNmHZ h3 {
  font-size: 1.1em;
}

.RichTextEditor_editorContent__FNmHZ blockquote {
  border-left: 4px solid #c7cdd5;
  padding-left: 16px;
  margin: 0.5em 0;
  color: #64748b;
  font-style: italic;
}

.RichTextEditor_editorContent__FNmHZ a.editor-link {
  color: #0f3f49;
  text-decoration: underline;
  cursor: pointer;
}

.RichTextEditor_editorContent__FNmHZ a.editor-link:hover {
  color: #0c3941;
}

.RichTextEditor_editorContent__FNmHZ p.is-editor-empty:first-child::before {
  content: attr(data-placeholder);
  float: left;
  color: #9ca3af;
  pointer-events: none;
  height: 0;
}

.RichTextEditor_editorContent__FNmHZ strong {
  font-weight: 600;
}

.RichTextEditor_editorContent__FNmHZ em {
  font-style: italic;
}

.RichTextEditor_editorContent__FNmHZ u {
  text-decoration: underline;
}

.RichTextEditor_editorContent__FNmHZ s {
  text-decoration: line-through;
}


.AttachmentUpload_container__iMsUo {
  margin-bottom: 18px;
}

.AttachmentUpload_label__0IcQj {
  display: block;
  font-weight: 600;
  margin-bottom: 6px;
  color: #5c5651;
}

.AttachmentUpload_hiddenFile__Ge_5H {
  position: absolute;
  inset: 0;
  opacity: 0;
  width: 0.1px;
  height: 0.1px;
  overflow: hidden;
}

.AttachmentUpload_dropzone__y3SK8 {
  border: 1px dashed #c7cdd5;
  background: #f8fafc;
  border-radius: 6px;
  padding: 14px;
  text-align: center;
  transition: background 0.15s ease, border-color 0.15s ease;
  position: relative;
}

.AttachmentUpload_dropzoneOver__mkXSh {
  background: #f1f5f9;
  border-color: #0c3941;
}

.AttachmentUpload_dropLabel__Qc_Y0 {
  display: inline-flex;
  flex-direction: column;
  gap: 6px;
  cursor: pointer;
  font-weight: 600;
  color: #0f3f49;
}

.AttachmentUpload_attMeta__SZXYl {
  font-weight: 400;
  font-size: 0.86rem;
  color: #64748b;
}

.AttachmentUpload_error__6DIGg {
  color: #d13438;
  margin-top: 8px;
  font-weight: 600;
  font-size: 0.9rem;
}

.AttachmentUpload_fileList__ymWW_ {
  list-style: none;
  padding: 0;
  margin: 10px 0 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.AttachmentUpload_fileItem__sdoqJ {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 10px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #fff;
}

.AttachmentUpload_fileMeta__oHyDl {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.AttachmentUpload_fileBadge__0JEiB {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 6px;
  border-radius: 6px;
  font-size: 0.72rem;
  font-weight: 800;
  background: #e2e8f0;
  color: #0b132b;
}

.AttachmentUpload_fileName__jtkNY {
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-inline-size: 320px;
}

.AttachmentUpload_fileSize__7XCee {
  font-size: 0.85rem;
  color: #64748b;
}

.AttachmentUpload_fileTotal__bI8Tp {
  text-align: end;
  font-size: 0.86rem;
  color: #475569;
  margin-top: 2px;
}

.AttachmentUpload_removeBtn__LV29H {
  background: none;
  border: 1px solid #e5e7eb;
  color: #d13438;
  border-radius: 6px;
  width: 28px;
  height: 28px;
  cursor: pointer;
  font-weight: 700;
  line-height: 1;
}

.AttachmentUpload_removeBtn__LV29H:hover {
  background: #fff1f2;
  border-color: #fecdd3;
}

.AttachmentUpload_removeBtn__LV29H:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}


.TicketDetail_badge__p_m3I {
  display: inline-block;
  padding: 2px 9px;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
  color: #fff;
  text-transform: capitalize;
  background: #b2bec3;
  white-space: nowrap;
  text-align: center;
  line-height: 1.2;
  min-width: fit-content;
}

.TicketDetail_open__n4_kH {
  background: #0073e6;
}

.TicketDetail_in-progress__ECYWN {
  background: #ffb703;
}

.TicketDetail_closed__z8RJb {
  background: #9b9b9b;
}

.TicketDetail_reopen__baVY_,
.TicketDetail_reopened__332TO {
  background: #ac4dff;
}

.TicketDetail_otp-pending__XOT_K {
  background: #e67e22;
}

.TicketDetail_qa-review__0w_Ui {
  background: #8b5cf6;
}

.TicketDetail_solved__IOyTo {
  background: #20bf55;
}

.TicketDetail_escalated__t68fz {
  background: #e75aff;
}

.TicketDetail_otp-failed__Rzf5E {
  background: #e55039;
}

.TicketDetail_otp-verified__ORhKU {
  background: #26de81;
}

.TicketDetail_force-close__J0DuW {
  background: #333333;
}

.TicketDetail_pending__eiHCQ {
  background: #7a869a;
}

.TicketDetail_new__eDVko {
  background: #0073e6;
}

.TicketDetail_splitWrapper__8GcHK {
  max-width: 1680px;
  margin: 0 auto;
  display: flex;
  gap: 32px;
  background: #f7f8f9;
  padding: 24px 32px;
}

.TicketDetail_overview___YZ58 {
  flex: 0 0 380px;
  background: transparent;
  border: 0;
  padding: 0;
}

.TicketDetail_container__UwzAl {
  flex: 1 1 0;
  min-width: 560px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  padding: 28px 32px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

.TicketDetail_cardHeader___TwZu {
  padding: 20px 20px 18px;
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-bottom: 1px solid #e5e5e5;
}

.TicketDetail_sevPill__zxdBI {
  align-self: flex-start;
  padding: 2px 10px;
  border-radius: 12px;
  font: 600 0.7rem/1 inherit;
  color: #fff;
  text-transform: capitalize;
  letter-spacing: 0.02em;
}

.TicketDetail_low__Scrzq {
  background: #69727d;
}

.TicketDetail_medium__SU29v {
  background: #ffb703;
}

.TicketDetail_high__lmxVk {
  background: #d13438;
}

.TicketDetail_critical__yUlXP {
  background: #9b0000;
}

.TicketDetail_subjectHeading__Vxvnz {
  margin: 0;
  font: 600 1.25rem/1.35 inherit;
  color: #1d1d1f;
}

.TicketDetail_srNumber__3Vum2 {
  font: 0.82rem inherit;
  color: #6e6e6e;
}

.TicketDetail_metaList__46RiS {
  display: grid;
  grid-template-columns: max-content 1fr;
  column-gap: 10px;
  row-gap: 8px;
  font-size: 0.8rem;
}

.TicketDetail_metaList__46RiS dt {
  font-weight: 600;
  color: #505050;
}

.TicketDetail_metaList__46RiS dd {
  margin: 0;
  color: #1d1d1f;
}

.TicketDetail_topBar__ga95X {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}

.TicketDetail_iconBtn___hEhj {
  background: none;
  border: none;
  font-size: 0.9rem;
  color: #6e6e6e;
  cursor: pointer;
  padding: 6px;
  border-radius: 10px;
  transition: background 0.15s, color 0.15s, transform 0.06s;
}

.TicketDetail_iconBtn___hEhj:hover {
  color: #0055a2;
  background: #f1f5f9;
}

.TicketDetail_iconBtn___hEhj:active {
  transform: translateY(1px);
}

.TicketDetail_iconBtn___hEhj:focus-visible {
  outline: 2px solid #99c2ff;
  outline-offset: 2px;
}

.TicketDetail_actionIcons__mKswo {
  display: flex;
  gap: 10px;
}

.TicketDetail_sectionHead__EMT9s {
  font-weight: 700;
  font-size: 1rem;
  color: #0055a2;
  margin: 18px 0 8px;
}

.TicketDetail_textBlock__Bo22J {
  background: #fafafa;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  padding: 12px 14px;
  margin-bottom: 10px;
  font-size: 0.85rem;
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
  white-space: pre-wrap;
}

.TicketDetail_stars__UnOEl {
  color: #f59e0b;
}

.TicketDetail_attachList__htvpu {
  padding-left: 18px;
  margin: 0 0 6px;
}

.TicketDetail_attachLink__NkOIq {
  color: #0055a2;
  font-size: 0.85rem;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.TicketDetail_attachLink__NkOIq:hover {
  text-decoration: underline;
}

/* .comment {
  border-top: 1px solid #e5e5e5;
  padding: 14px 0;
} */

.TicketDetail_commentPlan__wQURX {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.TicketDetail_commentPlan__wQURX>strong {
  font-size: 0.82rem;
  font-weight: 700;
  color: #333;
  margin-bottom: 4px;
}

.TicketDetail_commentHeader__UM5q0 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 0;
  border-top: 1px solid #e5e5e5;
}

.TicketDetail_commentText__KzIbm {
  font-size: 0.85rem;
  line-height: 1.5;
  color: #333;
  background: #fafafa;
  padding: 10px;
  border-radius: 10px;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
  white-space: pre-wrap;
}

.TicketDetail_commentHeader__UM5q0>span {
  font-size: 0.75rem;
  color: #6e6e6e;
  white-space: nowrap;
}

.TicketDetail_commentHeaderRight__frZhp {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.TicketDetail_commentDateInfo__L2EET {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.TicketDetail_editedLabel__5zfvZ {
  font-size: 0.7rem;
  color: #6e6e6e;
  font-style: italic;
}

.TicketDetail_editCommentBtn__CQMzU {
  background: transparent;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 6px 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6e6e6e;
  transition: all 0.2s ease;
  flex-shrink: 0;
}

.TicketDetail_editCommentBtn__CQMzU:hover {
  background: #f7f8f9;
  border-color: #0073e6;
  color: #0073e6;
}

.TicketDetail_editCommentBtn__CQMzU:active {
  background: #e5e5e5;
}

.TicketDetail_spinnerWrap__vmfaY {
  text-align: center;
  padding: 30px 0;
}

.TicketDetail_message__m5lZX,
.TicketDetail_empty__yWuO9 {
  text-align: center;
  color: #6e6e6e;
  font-style: italic;
}

.TicketDetail_empty__yWuO9 {
  padding: 60px 0;
}

.TicketDetail_employeeDetails___L_xY {
  background: #f5f8fa;
  border-radius: 14px;
  padding: 16px 18px 12px 18px;
  margin-bottom: 20px;
  border: 1px solid #e5e5e5;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
}

.TicketDetail_sectionHeader__LB2Q0 {
  font-size: 0.82rem;
  font-weight: 700;
  color: #0055a2;
  margin-bottom: 10px;
  letter-spacing: 0.01em;
}

.TicketDetail_employeeDetailsCard__N1ycc {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.TicketDetail_employeeMainRow__np6c3 {
  display: flex;
  align-items: center;
  gap: 14px;
}

.TicketDetail_empName__AVUFb {
  font-size: 0.95rem;
  font-weight: 700;
  color: #18233a;
}

.TicketDetail_empNum__B8aK8 {
  font-size: 0.82rem;
  color: #6e6e6e;
  margin-left: 8px;
}

.TicketDetail_empJob___VYbX {
  font-size: 0.82rem;
  color: #2b6cb0;
  margin-top: 2px;
  font-weight: 700;
}

.TicketDetail_employeeMeta__YCY5d {
  display: flex;
  flex-direction: column;
  gap: 18px;
  font-size: 0.82rem;
  color: #222;
}

.TicketDetail_employeeDetails___L_xY>div {
  margin-top: 2px;
  font-size: 0.85rem;
  color: #1d1d1f;
}

.TicketDetail_employeeDetails___L_xY>div strong {
  color: #445c7c;
  font-weight: 700;
  margin-right: 4px;
}

.TicketDetail_metaRow__Q1qNN {
  display: flex;
  align-items: center;
  gap: 8px;
}

.TicketDetail_metaLabel__EXLvQ {
  font-weight: 700;
  font-size: 0.82rem;
}

.TicketDetail_solveBadge__NYAtN,
.TicketDetail_reopenBadge___ewiT,
.TicketDetail_holdBadge__rGFwr,
.TicketDetail_closeBadge__EP11Y,
.TicketDetail_forceBadge__Ulb90 {
  display: inline-block;
  font-weight: 700;
  font-size: 0.82rem;
  margin-right: 6px;
}

.TicketDetail_solveReasonComment__isfUc {
  background: rgba(32, 191, 85, 0.1);
  border-left: 3px solid #20bf55;
  padding: 12px;
  margin: 8px 0;
  border-radius: 12px;
}

.TicketDetail_reopenReasonComment__WI8xf {
  background: rgba(0, 123, 255, 0.06);
  border-left: 3px solid #007bff;
  padding: 12px;
  margin: 8px 0;
  border-radius: 12px;
}

.TicketDetail_holdReasonComment__MmNkQ {
  background: rgba(255, 169, 26, 0.12);
  border-left: 3px solid #ffa91a;
  padding: 12px;
  margin: 8px 0;
  border-radius: 12px;
}

.TicketDetail_closeReasonComment__WfNl1 {
  background: rgba(220, 53, 69, 0.08);
  border-left: 3px solid #dc3545;
  padding: 12px;
  margin: 8px 0;
  border-radius: 12px;
}

.TicketDetail_forceReasonComment__FfGTN {
  background: rgba(51, 51, 51, 0.08);
  border-left: 3px solid #333;
  padding: 12px;
  margin: 8px 0;
  border-radius: 12px;
}

.TicketDetail_reopenBadge___ewiT {
  color: #007bff;
}

.TicketDetail_holdBadge__rGFwr {
  color: #ffa91a;
}

.TicketDetail_closeBadge__EP11Y {
  color: #dc3545;
}

.TicketDetail_forceBadge__Ulb90 {
  color: #333;
}

.TicketDetail_commentAvatar__9wkmy {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  margin-right: 10px;
}

.TicketDetail_avatarImg__YzDeV {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #e5e5e5;
}

.TicketDetail_stageAgent___rr5A {
  background: #0d6efd;
}

.TicketDetail_stageAgentSup__n6uUg {
  background: #4dabf7;
}

.TicketDetail_stageDeptSup__bm4u5 {
  background: #17a2b8;
}

.TicketDetail_stageDept__i4nRu {
  background: #20c997;
}

.TicketDetail_stageHrbp__6Ywht {
  background: #e67e22;
}

.TicketDetail_stageQuality__43_9v {
  background: #8b5cf6;
}

.TicketDetail_stageEmp__TCnWf {
  background: #6c757d;
}

.TicketDetail_slaOk__vqqfY {
  color: #20bf55;
  font-weight: 700;
}

.TicketDetail_slaSoon__LlNv2 {
  color: #ff9800;
  font-weight: 700;
}

.TicketDetail_slaMiss__c4Sir {
  color: #d13438;
  font-weight: 700;
}

.TicketDetail_metaList__46RiS dd.TicketDetail_slaSafe__i44PE {
  color: #20bf55;
}

.TicketDetail_metaList__46RiS dd.TicketDetail_slaMonitor__w4M6W {
  color: #ffb703;
}

.TicketDetail_metaList__46RiS dd.TicketDetail_slaAttention___8h9i {
  color: #f9cc00;
}

.TicketDetail_metaList__46RiS dd.TicketDetail_slaUrgent__x4wSR {
  color: #d13438;
}

.TicketDetail_metaList__46RiS dd.TicketDetail_slaHold___p4ET {
  color: #6c757d;
  font-weight: 700;
}

.TicketDetail_slaBanner__SwUkc {
  background: #f0f4ff;
  border: 1px solid #c3dafe;
  border-radius: 12px;
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 16px;
}

.TicketDetail_slaBanner__SwUkc>div {
  display: flex;
  align-items: center;
  gap: 8px;
}

.TicketDetail_slaTimer__NTzD_ {
  font-size: 0.9rem;
  font-weight: 800;
}

.TicketDetail_slaBarWrap__lydWH {
  background: #edf2f7;
  border-radius: 6px;
  overflow: hidden;
  height: 6px;
}

.TicketDetail_slaBar__EBMSH {
  height: 100%;
  background: #20bf55;
  transition: width 0.5s linear;
}

.TicketDetail_slaSafe__i44PE {
  color: #20bf55;
}

.TicketDetail_slaMonitor__w4M6W {
  color: #ffb703;
}

.TicketDetail_slaAttention___8h9i {
  color: #f9cc00;
}

.TicketDetail_slaUrgent__x4wSR {
  color: #d13438;
  animation: TicketDetail_pulse__ie0O4 1.2s infinite;
}

.TicketDetail_slaHold___p4ET {
  color: #6c757d;
}

.TicketDetail_slaClosed___97HX {
  color: #20bf55;
  font-weight: 700;
  background: #f0f9ff;
  border: 1px solid #20bf55;
  border-radius: 6px;
  padding: 4px 8px;
  display: inline-block;
}

.TicketDetail_slaSafe__i44PE::before {
  content: "✅ ";
}

.TicketDetail_slaMonitor__w4M6W::before {
  content: "⚠️ ";
}

.TicketDetail_slaAttention___8h9i::before {
  content: "⚠️ ";
}

.TicketDetail_slaUrgent__x4wSR::before {
  content: "🚨 ";
}

.TicketDetail_slaHold___p4ET::before {
  content: "⏸️ ";
}

@keyframes TicketDetail_pulse__ie0O4 {

  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: 0.6;
  }
}

.TicketDetail_fusion-line__KxVZO {
  height: 10px;
  margin-top: 10px;
  background-image: url("/images/fusion-line.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  margin-left: 0;
  margin-right: 0;
}

.TicketDetail_kvGrid__oZ1xx {
  display: grid;
  grid-template-columns: max-content 1fr;
  column-gap: 12px;
  row-gap: 8px;
  padding: 8px 2px;
  font-size: 0.85rem;
}

.TicketDetail_kvGrid__oZ1xx dt {
  font-weight: 700;
  color: #445c7c;
}

.TicketDetail_kvGrid__oZ1xx dd {
  margin: 0;
  color: #1d1d1f;
}

.TicketDetail_pill__N1xjL {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 9999px;
  font-size: 0.82rem;
  font-weight: 700;
  color: #fff;
  white-space: nowrap;
  text-align: center;
  line-height: 1.2;
  min-width: fit-content;
  word-break: keep-all;
  overflow-wrap: normal;
}

.TicketDetail_pillInfo__O3Rb5 {
  background: #4dabf7;
}

.TicketDetail_pillWarn__URFo_ {
  background: #ffb703;
}

.TicketDetail_pillOk__47obz {
  background: #20bf55;
}

.TicketDetail_pillDark___YnT4 {
  background: #333;
}

.TicketDetail_mono__9sis6 {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono",
    monospace;
}

@media (max-width: 1280px) {
  .TicketDetail_splitWrapper__8GcHK {
    gap: 24px;
    padding: 20px;
  }

  .TicketDetail_overview___YZ58 {
    flex-basis: 340px;
  }

  .TicketDetail_container__UwzAl {
    padding: 24px;
  }
}

@media (max-width: 992px) {
  .TicketDetail_splitWrapper__8GcHK {
    flex-direction: column;
  }

  .TicketDetail_overview___YZ58 {
    flex-basis: auto;
  }

  .TicketDetail_container__UwzAl {
    min-width: 0;
  }
}

.TicketDetail_actionIcons__mKswo {
  display: flex;
  gap: 10px;
}

.TicketDetail_iconBtn___hEhj {
  position: relative;
}

.TicketDetail_iconBtn___hEhj[data-tip]::after,
.TicketDetail_iconBtn___hEhj[data-tip]::before {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.12s ease 0.2s, transform 0.12s ease 0.2s;
}

.TicketDetail_iconBtn___hEhj[data-tip]::after {
  content: attr(data-tip);
  bottom: calc(100% + 8px);
  background: rgba(0, 0, 0, 0.86);
  color: #fff;
  font-size: 12px;
  line-height: 1;
  font-weight: 600;
  padding: 6px 8px;
  border-radius: 6px;
  white-space: nowrap;
  transform: translate(-50%, 2px);
}

.TicketDetail_iconBtn___hEhj[data-tip]::before {
  content: "";
  bottom: calc(100% + 2px);
  border: 6px solid transparent;
  border-top-color: rgba(0, 0, 0, 0.86);
}

.TicketDetail_iconBtn___hEhj:hover[data-tip]::after,
.TicketDetail_iconBtn___hEhj:focus-visible[data-tip]::after,
.TicketDetail_iconBtn___hEhj:hover[data-tip]::before,
.TicketDetail_iconBtn___hEhj:focus-visible[data-tip]::before {
  opacity: 1;
  transform: translate(-50%, 0);
  transition-delay: 0s, 0s;
}

@media (prefers-reduced-motion: reduce) {

  .TicketDetail_iconBtn___hEhj[data-tip]::after,
  .TicketDetail_iconBtn___hEhj[data-tip]::before,
  .TicketDetail_iconBtn___hEhj:hover[data-tip]::after,
  .TicketDetail_iconBtn___hEhj:hover[data-tip]::before {
    transition: none;
  }
}

.TicketDetail_roleTag__PcVku {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.01em;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06),
    inset 0 -1px 0 rgba(255, 255, 255, 0.08);
  margin: 2px 0 6px 8px;
}

.TicketDetail_roleIcon__RSFch {
  width: 14px;
  height: 14px;
  opacity: 0.92;
}

.TicketDetail_roleTag__PcVku.TicketDetail_stageAgent___rr5A {
  background: linear-gradient(90deg, #0d6efd, #69a6ff);
}

.TicketDetail_roleTag__PcVku.TicketDetail_stageAgentSup__n6uUg {
  background: linear-gradient(90deg, #4dabf7, #77c7ff);
}

.TicketDetail_roleTag__PcVku.TicketDetail_stageDept__i4nRu {
  background: linear-gradient(90deg, #20c997, #6ee7b7);
}

.TicketDetail_roleTag__PcVku.TicketDetail_stageDeptSup__bm4u5 {
  background: linear-gradient(90deg, #17a2b8, #5bd0e5);
}

.TicketDetail_roleTag__PcVku.TicketDetail_stageHrbp__6Ywht {
  background: linear-gradient(90deg, #e67e22, #f7a55a);
}

.TicketDetail_roleTag__PcVku.TicketDetail_stageQuality__43_9v {
  background: linear-gradient(90deg, #8b5cf6, #a78bfa);
}

.TicketDetail_roleTag__PcVku.TicketDetail_stageEmp__TCnWf {
  background: linear-gradient(90deg, #6c757d, #98a2b3);
}

.TicketDetail_moreWrap__uXlra {
  margin-top: 10px;
  display: flex;
  justify-content: flex-start;
}

:root:dir(rtl) .TicketDetail_moreWrap__uXlra {
  justify-content: flex-start;
}

.TicketDetail_loadMore__tQr9q {
  appearance: none;
  border: 1px solid #d0d7de;
  border-radius: 10px;
  background: #f6f8fa;
  padding: 8px 12px;
  font-size: 0.85rem;
  font-weight: 700;
  color: #0b5ed7;
  cursor: pointer;
  transition: background 0.12s, border-color 0.12s, transform 0.06s;
}

.TicketDetail_loadMore__tQr9q:hover:not(:disabled) {
  background: #eef2f7;
  border-color: #b9c3cf;
}

.TicketDetail_loadMore__tQr9q:active:not(:disabled) {
  transform: translateY(1px);
}

.TicketDetail_loadMore__tQr9q:disabled {
  opacity: 0.6;
  cursor: default;
}

.TicketDetail_commentsEndNote__7DGVc {
  font-size: 0.8rem;
  color: #667085;
  padding: 6px 0;
}

/* --- Load more (icon) --- */
.TicketDetail_moreWrap__uXlra {
  margin-top: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}

:root:dir(rtl) .TicketDetail_moreWrap__uXlra {
  justify-content: flex-start;
}

/* Circular, elevated icon button for "load more" */
.TicketDetail_moreIconBtn__2hKd4 {
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background: #f6f8fa;
  border: 1px solid #d0d7de;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06);
  transition: background 0.15s, border-color 0.15s, transform 0.06s,
    box-shadow 0.15s;
}

.TicketDetail_moreIconBtn__2hKd4:hover:not(:disabled) {
  background: #eef2f7;
  border-color: #b9c3cf;
  box-shadow: 0 2px 6px rgba(16, 24, 40, 0.08);
  color: #0055a2;
}

.TicketDetail_moreIconBtn__2hKd4:active:not(:disabled) {
  transform: translateY(1px);
}

.TicketDetail_moreIconBtn__2hKd4:disabled {
  opacity: 0.6;
  cursor: default;
}

/* Spinner animation for lucide Loader2 */
.TicketDetail_spin___NtAt {
  animation: TicketDetail_icon-spin__EwRy5 1s linear infinite;
}

@keyframes TicketDetail_icon-spin__EwRy5 {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* “No more comments” label */
.TicketDetail_commentsEndNote__7DGVc {
  font-size: 0.8rem;
  color: #667085;
  padding: 6px 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* --- Attachments (detail view) — match Create modal look --- */
.TicketDetail_fileList__EQu7L {
  list-style: none;
  padding: 0;
  margin: 10px 0 6px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.TicketDetail_fileItem__MWSA6 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background: #fff;
}

.TicketDetail_fileLeft__ZdQnk {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.TicketDetail_fileThumb__rj48Q {
  width: 42px;
  height: 42px;
  border-radius: 8px;
  object-fit: cover;
  border: 1px solid #e5e7eb;
  background: #f8fafc;
}

.TicketDetail_fileBadge__T2f0e {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 6px;
  border-radius: 6px;
  font-size: 0.72rem;
  font-weight: 800;
  background: #e2e8f0;
  color: #0b132b;
}

.TicketDetail_fileMeta__C4M1R {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.TicketDetail_fileNameLink__hqGX_ {
  font-weight: 600;
  color: #0f3f49;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-inline-size: 420px;
}

.TicketDetail_fileNameLink__hqGX_:hover {
  text-decoration: underline;
}

.TicketDetail_fileOpenBtn__nE4ZY {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  background: #f8fafc;
  color: #0b5ed7;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s, color 0.15s;
  text-decoration: none;
}

.TicketDetail_fileOpenBtn__nE4ZY:hover {
  background: #eef2f7;
  border-color: #b9c3cf;
  color: #0055a2;
}

:root:dir(rtl) .TicketDetail_fileNameLink__hqGX_ {
  direction: rtl;
  text-align: start;
}

.TicketDetail_dateLtr__yJg6g{
  direction: ltr;          /* lay out numbers/latin left-to-right */
  unicode-bidi: isolate;   /* keep it isolated inside RTL cells */
}

/* Arabic specific date formatting */
[dir="rtl"] .TicketDetail_dateLtr__yJg6g{
  direction: rtl;          /* Arabic dates need RTL direction */
  unicode-bidi: isolate;   /* keep it isolated inside RTL cells */
}

/* English specific date formatting */
[dir="ltr"] .TicketDetail_dateLtr__yJg6g{
  direction: ltr;          /* English dates need LTR direction */
  unicode-bidi: isolate;   /* keep it isolated inside RTL cells */
}

.TicketDetail_dateMonth__LdmTP{
  display: inline-block;
  min-width: 6ch;
  text-align: center;
}

/* Arabic/RTL specific styles for status badge and pill */
[dir="rtl"] .TicketDetail_badge__p_m3I,
[dir="rtl"] .TicketDetail_pill__N1xjL {
  text-align: center;
  direction: ltr;
  unicode-bidi: isolate;
}

/* Ensure status badge and pill display on single line in both languages */
.TicketDetail_badge__p_m3I,
.TicketDetail_pill__N1xjL {
  word-break: keep-all;
  overflow-wrap: normal;
}

/* Satisfaction Feedback Section */
.TicketDetail_satisfactionSection__e7asJ {
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 20px;
  margin: 16px 0;
}

.TicketDetail_ratingDisplay__ckRbl {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.TicketDetail_ratingDisplay__ckRbl strong {
  color: #1e293b;
  font-size: 0.95rem;
}

.TicketDetail_stars__UnOEl {
  display: flex;
  gap: 4px;
  font-size: 1.5rem;
}

.TicketDetail_starFilled__W_5oR {
  color: #fbbf24;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.TicketDetail_starEmpty__MmSAz {
  color: #d1d5db;
}

.TicketDetail_feedbackBlock__P4P7u {
  margin-bottom: 12px;
}

.TicketDetail_feedbackBlock__P4P7u:last-child {
  margin-bottom: 0;
}

.TicketDetail_feedbackBlock__P4P7u strong {
  display: block;
  color: #1e293b;
  font-size: 0.9rem;
  margin-bottom: 8px;
}

.TicketDetail_feedbackText__kleQD {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  padding: 12px;
  color: #475569;
  font-size: 0.9rem;
  line-height: 1.6;
  margin: 0;
  white-space: pre-wrap;
  word-break: break-word;
}
.ReassignModal_modalWrap__GI1Fe {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

.ReassignModal_modal__rwrY2 {
  background: white;
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
  max-width: 500px;
  width: 90%;
  max-height: 80vh;
  overflow: hidden;
}

.ReassignModal_header__GOELm {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  border-bottom: 1px solid #e5e5e5;
}

.ReassignModal_header__GOELm h3 {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  color: #333;
}

.ReassignModal_closeBtn__d4Q2f {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  color: #666;
  padding: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  transition: background-color 0.2s;
}

.ReassignModal_closeBtn__d4Q2f:hover {
  background-color: #f5f5f5;
}

.ReassignModal_content__sB_xK {
  padding: 24px;
}

.ReassignModal_description__FdRIb {
  margin: 0 0 20px 0;
  color: #666;
  line-height: 1.5;
}

.ReassignModal_userList__OD2Gb {
  margin-bottom: 20px;
}

.ReassignModal_label__XUcEK {
  display: block;
  margin-bottom: 8px;
  font-weight: 500;
  color: #333;
}

.ReassignModal_select__2_5js {
  width: 100%;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 14px;
  background: white;
  cursor: pointer;
  transition: border-color 0.2s;
}

.ReassignModal_select__2_5js:focus {
  outline: none;
  border-color: #007bff;
  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
}

.ReassignModal_footer__82lgq {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 20px 24px;
  border-top: 1px solid #e5e5e5;
  background: #f8f9fa;
}

.ReassignModal_cancelBtn__A4GxO {
  padding: 10px 20px;
  border: 1px solid #ddd;
  background: white;
  color: #666;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  transition: all 0.2s;
}

.ReassignModal_cancelBtn__A4GxO:hover {
  background: #f5f5f5;
  border-color: #ccc;
}

.ReassignModal_confirmBtn__CmV31 {
  padding: 10px 20px;
  border: none;
  background: #007bff;
  color: white;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  transition: background-color 0.2s;
}

.ReassignModal_confirmBtn__CmV31:hover:not(:disabled) {
  background: #0056b3;
}

.ReassignModal_confirmBtn__CmV31:disabled {
  background: #ccc;
  cursor: not-allowed;
}

.ReassignModal_supervisorActions__5eWbH {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.ReassignModal_supervisorActions__5eWbH button {
  padding: 6px 12px;
  border: 1px solid #ddd;
  background: white;
  color: #333;
  border-radius: 4px;
  cursor: pointer;
  font-size: 12px;
  transition: all 0.2s;
}

.ReassignModal_supervisorActions__5eWbH button.ReassignModal_primary__onQFe {
  background: #007bff;
  color: white;
  border-color: #007bff;
}

.ReassignModal_supervisorActions__5eWbH button.ReassignModal_primary__onQFe:hover {
  background: #0056b3;
}

.ReassignModal_supervisorActions__5eWbH button.ReassignModal_secondary__5sJ_T {
  background: #6c757d;
  color: white;
  border-color: #6c757d;
}

.ReassignModal_supervisorActions__5eWbH button.ReassignModal_secondary__5sJ_T:hover {
  background: #545b62;
}

.ReassignModal_loadingContainer__bbB3D {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 40px 20px;
  color: #666;
}

.ReassignModal_loadingText__6Gauy {
  font-size: 14px;
  font-weight: 500;
}

.ReassignModal_buttonSpinner__uF_fC {
  margin-right: 8px;
}

.AddCommentModal_overlay__W__xp {
  position: fixed;
  inset: 0;
  align-items: flex-start;
  justify-content: center;
  padding-top: 200px;
  display: flex;
  background: rgba(0, 0, 0, 0.45);
  z-index: 2147483647;
}

.AddCommentModal_shell__HBbdm {
  width: 100%;
  max-width: 700px;
  background: #ffffff;
  border-radius: 6px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.28);
  display: flex;
  flex-direction: column;
  font: 16px/1.45 "Oracle Sans", "Segoe UI", sans-serif;
  max-height: calc(100vh - 48px);
  overflow: hidden;
}

.AddCommentModal_head__td76z {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 32px;
  border-bottom: 1px solid #e4e1dd;
}

.AddCommentModal_head__td76z h1 {
  margin: 0;
  font: 600 1.35rem/1 "Oracle Sans", sans-serif;
  color: #1d1d1f;
}

.AddCommentModal_body__tWzhL {
  padding: 24px 32px;
  overflow-y: auto;
  flex: 1 1 auto;
}

.AddCommentModal_error__8PyYY {
  color: #d13438;
  margin-bottom: 16px;
  font-weight: 600;
}

.AddCommentModal_formGroup__KD5be {
  margin-bottom: 18px;
}

.AddCommentModal_label__WAEkK {
  display: block;
  font-weight: 600;
  margin-bottom: 6px;
  color: #5c5651;
}

.AddCommentModal_formControl__A2cF0 {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #c7cdd5;
  border-radius: 4px;
  font-size: 0.95rem;
  resize: vertical;
}

.AddCommentModal_foot__dHIAT {
  padding: 16px 32px;
  border-top: 1px solid #e4e1dd;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start;
  gap: 10px;
}

.AddCommentModal_btnBlue__W9fLG {
  background: #ffffff;
  color: #0f3f49;
  border: 1px solid rgba(0, 0, 0, 0.25);
  padding: 6px 18px;
  border-radius: 4px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 1px 0 rgba(0, 0, 0, 0.06);
}

.AddCommentModal_btnBlue__W9fLG:hover {
  background: #f7f7f7;
}

.AddCommentModal_btnBlue__W9fLG:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.AddCommentModal_btnGhost__tne3Q {
  background: #1e5863;
  color: #ffffff;
  border: 1px solid #0c3941;
  padding: 6px 18px;
  border-radius: 4px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.12) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
}

.AddCommentModal_btnGhost__tne3Q:hover {
  background: #174a53;
}

.AddCommentModal_btnGhost__tne3Q:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.AddCommentModal_hiddenFile__cCEdZ {
  position: absolute;
  inset: 0;
  opacity: 0;
  width: 0.1px;
  height: 0.1px;
  overflow: hidden;
}

.AddCommentModal_dropzone__3HFF_ {
  border: 1px dashed #c7cdd5;
  background: #f8fafc;
  border-radius: 6px;
  padding: 14px;
  text-align: center;
  transition: background 0.15s ease, border-color 0.15s ease;
  position: relative;
}

.AddCommentModal_dropzoneOver__tBEkB {
  background: #f1f5f9;
  border-color: #0c3941;
}

.AddCommentModal_dropLabel__Q9mSt {
  display: inline-flex;
  flex-direction: column;
  gap: 6px;
  cursor: pointer;
  font-weight: 600;
  color: #0f3f49;
}

.AddCommentModal_attMeta__vDVjL {
  font-weight: 400;
  font-size: 0.86rem;
  color: #64748b;
}

.AddCommentModal_fileList__HKDwj {
  list-style: none;
  padding: 0;
  margin: 10px 0 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.AddCommentModal_fileItem__db6d9 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 10px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #fff;
}

.AddCommentModal_fileMeta__rNROx {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.AddCommentModal_fileBadge__K6AlX {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 6px;
  border-radius: 6px;
  font-size: 0.72rem;
  font-weight: 800;
  background: #e2e8f0;
  color: #0b132b;
}

.AddCommentModal_fileName__O1sYN {
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-inline-size: 320px;
}

.AddCommentModal_fileSize__RDQmo {
  font-size: 0.85rem;
  color: #64748b;
}

.AddCommentModal_fileTotal__Gg8OY {
  text-align: end;
  font-size: 0.86rem;
  color: #475569;
  margin-top: 2px;
}

.AddCommentModal_removeBtn__bgI9G {
  background: none;
  border: 1px solid #e5e7eb;
  color: #d13438;
  border-radius: 6px;
  width: 28px;
  height: 28px;
  cursor: pointer;
  font-weight: 700;
  line-height: 1;
}

.AddCommentModal_removeBtn__bgI9G:hover {
  background: #fff1f2;
  border-color: #fecdd3;
}

.AddCommentModal_removeBtn__bgI9G:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.EditTicketModal_modalWrap__YFTxB {
  position: fixed;
  inset: 0;
  background: rgba(0 0 0 / 0.45);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 200px;
  z-index: 2147483647;
}

.EditTicketModal_modal__D2_MO {
  width: 520px;
  max-width: 92vw;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgb(0 0 0 / 25%);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  max-height: calc(100vh - 48px);
  animation: EditTicketModal_pop__AhYyL 0.18s ease-out;
}

@keyframes EditTicketModal_pop__AhYyL {
  from {
    transform: scale(0.96);
    opacity: 0;
  }
}

.EditTicketModal_header__CXPrc {
  padding: 18px 22px;
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.EditTicketModal_heading__GHLfw {
  margin: 0;
  font: 600 1.25rem/1.3 "Oracle Sans", sans-serif;
  color: #0055a2;
}

.EditTicketModal_closeBtn__NOnR6 {
  background: none;
  border: none;
  font-size: 1.25rem;
  color: #6e6e6e;
  cursor: pointer;
  padding: 4px 6px;
}

.EditTicketModal_closeBtn__NOnR6:hover {
  color: #0055a2;
}

.EditTicketModal_body___f5sC {
  padding: 22px 24px 10px;
}

.EditTicketModal_formGroup__aeteg {
  margin-bottom: 18px;
}

.EditTicketModal_label__QuOkB {
  display: block;
  margin-bottom: 6px;
  font-weight: 600;
  color: #505050;
}

.EditTicketModal_formControl__TQ_IX {
  width: 100%;
  padding: 7px 10px;
  border: 1px solid #c7cdd5;
  border-radius: 4px;
  font-size: 0.9rem;
  background: #fff;
}

.EditTicketModal_actions__Qgwqi {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start;
  gap: 10px;
  padding: 12px 24px 18px;
}

.EditTicketModal_btn__lfPDR {
  padding: 8px 16px;
  border-radius: 4px;
  font-weight: 600;
  cursor: pointer;
  border: 1px solid transparent;
}

.EditTicketModal_ghost__en8sp {
  background: #1e5863;
  color: #ffffff;
  border-color: #0c3941;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.12) inset,
    0 1px 0 rgba(0, 0, 0, 0.15);
}

.EditTicketModal_ghost__en8sp:hover {
  background: #174a53;
}

.EditTicketModal_primary__CAV57 {
  background: #ffffff;
  color: #0f3f49;
  border-color: rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset,
    0 1px 0 rgba(0, 0, 0, 0.06);
}

.EditTicketModal_primary__CAV57:hover {
  background: #f7f7f7;
}

.EditTicketModal_btn__lfPDR:disabled,
.EditTicketModal_primary__CAV57:disabled,
.EditTicketModal_ghost__en8sp:disabled,
.EditTicketModal_closeBtn__NOnR6:disabled {
  opacity: 0.7;
  cursor: not-allowed;
  pointer-events: none;
}

.EditTicketModal_dropdownToggle__5KMBm {
  padding: 7px 10px;
  border: 1px solid #c7cdd5;
  border-radius: 4px;
  background: #fff;
  cursor: pointer;
}

.EditTicketModal_dropdownMenu__ncEuF {
  position: absolute;
  background: #fff;
  border: 1px solid #c7cdd5;
  border-radius: 4px;
  width: 100%;
  margin-top: 4px;
  max-height: 200px;
  overflow-y: auto;
  z-index: 2100;
}

.EditTicketModal_dropdownItem__8dr6i {
  padding: 6px 10px;
  cursor: pointer;
}

.EditTicketModal_dropdownItem__8dr6i:hover {
  background: #f1f5f9;
}

.EditTicketModal_dropdownFooter__cpQ21 {
  padding: 6px 10px;
  border-top: 1px solid #e2e8f0;
  text-align: center;
}

.EditTicketModal_searchOverlay__tqrJF {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 200px;
  z-index: 2147483647;
}

.EditTicketModal_searchModal__hFbP_ {
  background: #fff;
  width: 90%;
  max-width: 500px;
  border-radius: 8px;
  box-shadow: 0 8px 20px rgb(0 0 0 / 25%);
  padding: 16px;
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 48px);
}

.EditTicketModal_searchHeader__z6wlV {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.EditTicketModal_searchHeader__z6wlV h4 {
  margin: 0;
  font-size: 1.1rem;
}

.EditTicketModal_searchClose__OX1jL {
  background: none;
  border: none;
  font-size: 1.2rem;
  cursor: pointer;
}

.EditTicketModal_searchInput__mHdHH {
  margin: 12px 0;
  padding: 8px 10px;
  font-size: 1rem;
  border: 1px solid #c7cdd5;
  border-radius: 4px;
}

.EditTicketModal_searchList__awkdw {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 300px;
  overflow-y: auto;
}

.EditTicketModal_searchItem__L_KiA {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 9px 0;
  border-bottom: 1px solid #eee;
}

.EditTicketModal_selectBtn__uxKmq {
  padding: 6px 10px;
  background: #28a745;
  color: #fff;
  border: 0;
  border-radius: 4px;
  font-size: 0.9rem;
  cursor: pointer;
}

.EditTicketModal_selectBtn__uxKmq:hover {
  background: #218838;
}

.EditTicketModal_noResults__uT1tZ {
  padding: 8px 0;
  color: #666;
  text-align: center;
}
.HistoryModal_overlay__9zWCu {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  padding-top: 200px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  z-index: 2147483647;
}

.HistoryModal_box__E0pgy {
  width: 92%;
  max-width: 1000px;
  max-height: calc(100vh - 48px);
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
  padding: 1.75rem 2rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.HistoryModal_header__IAHki {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.HistoryModal_title__qUBP_ {
  margin: 0;
  font-size: 1.3rem;
  font-weight: 600;
}

.HistoryModal_closeBtn__a4lyw {
  border: none;
  background: transparent;
  font-size: 1.6rem;
  line-height: 1;
  cursor: pointer;
  padding: 0.15rem 0.3rem;
  color: #475569;
  border-radius: 8px;
}

.HistoryModal_closeBtn__a4lyw:hover {
  background: #f1f5f9;
  color: #0f172a;
}

.HistoryModal_closeBtn__a4lyw:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

.HistoryModal_tableWrapper__IGOtT {
  flex: 1;
  overflow-y: auto;
}

.HistoryModal_table__ZSr2s {
  width: 100%;
  border-collapse: collapse;
}

.HistoryModal_table__ZSr2s th {
  position: sticky;
  top: 0;
  background: #f2f5f9;
  z-index: 2;
  text-align: left;
  font-weight: 600;
  padding: 0.6rem 0.75rem;
  font-size: 0.88rem;
  border-bottom: 1px solid #dde3ea;
}

.HistoryModal_table__ZSr2s td {
  padding: 0.55rem 0.75rem;
  border-bottom: 1px solid #eceff5;
  font-size: 0.86rem;
}

.HistoryModal_table__ZSr2s tbody tr:nth-child(odd) {
  background: #fafbfc;
}

.HistoryModal_dateLtr__g9M1B {
  direction: ltr;
  /* lay out numbers/latin left-to-right */
  unicode-bidi: isolate;
  /* keep it isolated inside RTL cells */
}

/* Arabic specific date formatting */
[dir="rtl"] .HistoryModal_dateLtr__g9M1B {
  direction: rtl;          /* Arabic dates need RTL direction */
  unicode-bidi: isolate;   /* keep it isolated inside RTL cells */
}

/* English specific date formatting */
[dir="ltr"] .HistoryModal_dateLtr__g9M1B {
  direction: ltr;          /* English dates need LTR direction */
  unicode-bidi: isolate;   /* keep it isolated inside RTL cells */
}

/* SLA expired highlight */
.HistoryModal_slaExpiredRow__IA_dB {
  background: #fff7ed; /* amber-50 */
}

.HistoryModal_slaExpiredBadge__yKNSi {
  display: inline-block;
  background: #f97316; /* amber-500 */
  color: #fff;
  font-weight: 600;
  border-radius: 999px;
  padding: 2px 8px;
  font-size: 0.75rem;
}

.HistoryModal_slaExpiredStageText__w6OzY {
  color: #9a3412; /* amber-800 */
  margin-inline-start: 6px;
  font-weight: 500;
}
/* Keep layout styles if you use a custom wrapper elsewhere */
.CloseTicketModal_modalWrap__xcXok {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

.CloseTicketModal_modal__l9DNU {
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  padding: 24px;
  width: 100%;
  max-width: 480px;
}

.CloseTicketModal_heading__aQtoq {
  margin: 0 0 16px;
  font: 600 1.125rem/1.3 "Oracle Sans", sans-serif;
  color: #1d1d1f;
}

.CloseTicketModal_textarea__nvT1w {
  width: 100%;
  min-height: 120px;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 8px;
  font: 400 1rem/1.5 "Oracle Sans", sans-serif;
  color: #1d1d1f;
  resize: vertical;
  margin-bottom: 16px;
}

/* Unified footer + buttons (same as other modals) */
.CloseTicketModal_footer__u3g15 {
  padding: 12px 24px;
  border-top: 0;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start;
  gap: 8px;
}

.CloseTicketModal_btnBase__WPUfH {
  padding: 6px 18px;
  border-radius: 4px;
  font-weight: 600;
  cursor: pointer;
  border: 1px solid transparent;
}

.CloseTicketModal_btnPrimary__HiB36 {
  background: #ffffff;
  color: #0f3f49;
  border-color: rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset,
    0 1px 0 rgba(0, 0, 0, 0.06);
}

.CloseTicketModal_btnPrimary__HiB36:hover {
  background: #f7f7f7;
}

.CloseTicketModal_btnPrimary__HiB36:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.CloseTicketModal_btnSecondary__sgBJu {
  background: #1e5863;
  color: #ffffff;
  border-color: #0c3941;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.12) inset,
    0 1px 0 rgba(0, 0, 0, 0.15);
}

.CloseTicketModal_btnSecondary__sgBJu:hover {
  background: #174a53;
}

.CloseTicketModal_btnSecondary__sgBJu:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.CloseTicketModal_rbTop__IkoEY {
  margin: 24px auto 0 !important;
  pointer-events: auto;
  padding-top: 200px;
  max-width: 700px !important;
  width: 100%;
}

.CloseTicketModal_rbContent__DTy6q {
  max-height: calc(100vh - 48px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.CloseTicketModal_rbBody__4oYJz {
  overflow-y: auto;
}

.CloseTicketModal_rbBackdrop__i5u7s {
  background: rgba(0, 0, 0, 0.45) !important;
  z-index: 2147483646 !important;
}

.HoldReasonModal_footer__ey2RX {
  padding: 12px 24px;
  border-top: 0;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start;
  gap: 8px;
}

.HoldReasonModal_btnBase__7mxGu {
  padding: 6px 18px;
  border-radius: 4px;
  font-weight: 600;
  cursor: pointer;
  border: 1px solid transparent;
}

.HoldReasonModal_btnPrimary__AG_Ac {
  background: #ffffff;
  color: #0f3f49;
  border-color: rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset,
    0 1px 0 rgba(0, 0, 0, 0.06);
}

.HoldReasonModal_btnPrimary__AG_Ac:hover {
  background: #f7f7f7;
}

.HoldReasonModal_btnPrimary__AG_Ac:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.HoldReasonModal_btnSecondary__2uqL_ {
  background: #1e5863;
  color: #ffffff;
  border-color: #0c3941;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.12) inset,
    0 1px 0 rgba(0, 0, 0, 0.15);
}

.HoldReasonModal_btnSecondary__2uqL_:hover {
  background: #174a53;
}

.HoldReasonModal_btnSecondary__2uqL_:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.HoldReasonModal_rbTop__gQMUp {
  margin: 24px auto 0 !important;
  padding-top: 200px;
}

.HoldReasonModal_rbContent__SaWQy {
  max-height: calc(100vh - 48px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.HoldReasonModal_rbBody___GGlK {
  overflow-y: auto;
}

.HoldReasonModal_rbBackdrop__ySRsD {
  background: rgba(0, 0, 0, 0.45) !important;
  z-index: 2147483646 !important;
}
.RatingModal_modalWrap__nq2sA {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 200px;
  z-index: 2147483647;
  background: radial-gradient(60% 80% at 20% 10%, rgba(30, 41, 59, 0.35), transparent 60%),
    radial-gradient(60% 80% at 80% 90%, rgba(2, 6, 23, 0.45), transparent 60%),
    rgba(15 23 42 / 0.55);
  backdrop-filter: blur(6px) saturate(1.1);
}

.RatingModal_modal__IOFAB {
  width: 460px;
  max-width: 92vw;
  max-height: calc(100vh - 48px);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(250, 250, 250, 0.86));
  border: 1px solid rgba(148, 163, 184, 0.25);
  border-radius: 16px;
  box-shadow: 0 40px 120px rgba(2, 8, 23, 0.35), 0 2px 6px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.6);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  animation: RatingModal_popIn__w4rKV 0.22s cubic-bezier(0.2, 0.8, 0.2, 1);
  transform-origin: 50% 46%;
}

@keyframes RatingModal_popIn__w4rKV {
  0% {
    transform: translateY(10px) scale(0.96) rotateX(6deg);
    opacity: 0;
  }

  60% {
    transform: translateY(-2px) scale(1.005);
    opacity: 1;
  }

  100% {
    transform: translateY(0) scale(1) rotateX(0);
  }
}

.RatingModal_header__sEPz7 {
  position: relative;
  padding: 18px 22px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.RatingModal_header__sEPz7:after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(148, 163, 184, 0.55), transparent);
}

.RatingModal_heading___UJOA {
  margin: 0;
  font: 800 1.15rem/1.25 "Oracle Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  color: #0b132b;
  letter-spacing: 0.2px;
}

.RatingModal_closeBtn__b7Uke {
  background: none;
  border: none;
  font-size: 22px;
  color: #64748b;
  cursor: pointer;
  padding: 6px 10px;
  border-radius: 10px;
  transition: transform 0.08s ease, background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

.RatingModal_closeBtn__b7Uke:hover {
  background: rgba(15, 23, 42, 0.06);
  color: #0b132b;
  box-shadow: 0 0 0 4px rgba(2, 132, 199, 0.12) inset;
  transform: translateY(-1px);
}

.RatingModal_closeBtn__b7Uke:active {
  transform: translateY(0) scale(0.98);
}

.RatingModal_closeBtn__b7Uke:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.32);
}

.RatingModal_closeBtn__b7Uke:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.RatingModal_body__O16Rz {
  padding: 22px 24px 8px;
  text-align: center;
  overflow-y: auto;
  flex: 1 1 auto;
}

.RatingModal_stars__1QlMW {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin: 10px 0 16px;
  perspective: 600px;
}

.RatingModal_star__QZJMH {
  font-size: 2.2rem;
  cursor: pointer;
  user-select: none;
  line-height: 1;
  padding: 4px 6px;
  border-radius: 12px;
  transform-style: preserve-3d;
  transition: transform 0.12s cubic-bezier(0.2, 0.8, 0.2, 1), text-shadow 0.18s ease, filter 0.18s ease;
  color: #d1d5db;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.65), 0 0 0 rgba(250, 204, 21, 0);
}

.RatingModal_star__QZJMH:hover {
  transform: translateY(-2px) scale(1.06) rotateX(6deg);
  filter: drop-shadow(0 4px 12px rgba(245, 158, 11, 0.18));
}

.RatingModal_star__QZJMH:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.35);
}

.RatingModal_filled___r_eO {
  color: transparent;
  background: conic-gradient(from 210deg, #fde68a, #fbbf24, #f59e0b, #fbbf24, #fde68a);
  -webkit-background-clip: text;
  background-clip: text;
  text-shadow: 0 6px 16px rgba(245, 158, 11, 0.35);
}

.RatingModal_pulse__zWXWR {
  animation: RatingModal_ping__olUMO 0.42s ease-out;
}

@keyframes RatingModal_ping__olUMO {
  0% {
    text-shadow: 0 0 0 rgba(245, 158, 11, 0), 0 0 0 rgba(245, 158, 11, 0);
    transform: scale(1);
  }

  30% {
    text-shadow: 0 0 18px rgba(245, 158, 11, 0.55), 0 0 28px rgba(245, 158, 11, 0.35);
    transform: scale(1.12);
  }

  100% {
    text-shadow: 0 0 0 rgba(245, 158, 11, 0), 0 0 0 rgba(245, 158, 11, 0);
    transform: scale(1);
  }
}

.RatingModal_input__oURG5 {
  width: 100%;
  min-height: 104px;
  margin-top: 12px;
  padding: 14px 14px;
  border: 1px solid rgba(148, 163, 184, 0.5);
  border-radius: 12px;
  font-size: 0.96rem;
  line-height: 1.45;
  resize: vertical;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.88));
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, transform 0.06s ease;
}

.RatingModal_input__oURG5::placeholder {
  color: #94a3b8;
}

.RatingModal_input__oURG5:focus {
  border-color: rgba(2, 132, 199, 0.65);
  box-shadow: 0 0 0 4px rgba(14, 165, 233, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.9);
  outline: 0;
  transform: translateY(-1px);
}

.RatingModal_input__oURG5:disabled {
  background: #f3f4f6;
  color: #8891a2;
  cursor: not-allowed;
}

.RatingModal_actions__omRR0 {
  display: flex;
  gap: 12px;
  padding: 16px 22px 20px;
  border-top: 1px solid rgba(148, 163, 184, 0.25);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(248, 250, 252, 0.9));
  justify-content: flex-end;
}

.RatingModal_btn__yGxQn {
  position: relative;
  padding: 11px 16px;
  border-radius: 12px;
  font-weight: 800;
  cursor: pointer;
  border: 1px solid transparent;
  transition: transform 0.08s ease, background 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
  letter-spacing: 0.2px;
}

.RatingModal_btn__yGxQn:active {
  transform: translateY(0) scale(0.985);
}

.RatingModal_btn__yGxQn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.32);
}

.RatingModal_ghost__WAKtf {
  background: #1e5863;
  color: #ffffff;
  border-color: #0c3941;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.12) inset, 0 1px 0 rgba(0, 0, 0, 0.12);
}

.RatingModal_ghost__WAKtf:hover {
  background: #174a53;
}

.RatingModal_ghost__WAKtf:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}

.RatingModal_primary__JzBZ7 {
  background: linear-gradient(180deg, #ffffff, #f8fafc);
  color: #0b132b;
  border-color: rgba(2, 6, 23, 0.14);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 4px 10px rgba(15, 23, 42, 0.06);
}

.RatingModal_primary__JzBZ7:hover {
  background: linear-gradient(180deg, #ffffff, #f3f4f6);
}

.RatingModal_primary__JzBZ7:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}

.RatingModal_label__LunZl {
  display: block;
  text-align: left;
  font-size: 0.92rem;
  color: #334155;
  margin: 12px 0 8px;
  font-weight: 700;
}

.RatingModal_justWrap___soXc {
  margin-top: 6px;
}

.RatingModal_helper__o0fFx {
  text-align: right;
  font-size: 0.85rem;
  opacity: 0.75;
  margin-top: 6px;
}
.SolveReasonModal_footer__DgERc {
  padding: 12px 24px;
  border-top: 0;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start;
  gap: 8px;
}

.SolveReasonModal_btnBase__uJwlf {
  padding: 6px 18px;
  border-radius: 4px;
  font-weight: 600;
  cursor: pointer;
  border: 1px solid transparent;
}

.SolveReasonModal_btnPrimary__GTq24 {
  background: #ffffff;
  color: #0f3f49;
  border-color: rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset,
    0 1px 0 rgba(0, 0, 0, 0.06);
}

.SolveReasonModal_btnPrimary__GTq24:hover {
  background: #f7f7f7;
}

.SolveReasonModal_btnPrimary__GTq24:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.SolveReasonModal_btnSecondary__ScoRa {
  background: #1e5863;
  color: #ffffff;
  border-color: #0c3941;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.12) inset,
    0 1px 0 rgba(0, 0, 0, 0.15);
}

.SolveReasonModal_btnSecondary__ScoRa:hover {
  background: #174a53;
}

.SolveReasonModal_btnSecondary__ScoRa:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.SolveReasonModal_topModalDialog__xxHn3 {
  padding-top: 200px;
  z-index: 2147483647;
  margin: 24px auto;
  max-width: 700px;
  width: 100%;
}
.SolveReasonModal_topModalRoot__9Q4HW {
  z-index: 2147483647; /* highest layer */
}

.SolveReasonModal_topModalBackdrop__5fMpp {
  z-index: 2147483646;
}

.SolveReasonModal_modalContent__ABmec {
  max-height: calc(100vh - 48px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.SolveReasonModal_bodyScrollable__KvxGY {
  flex: 1 1 auto;
  overflow-y: auto;
}

.TicketPage_container__Ww_VG {
  max-width: 1680px;
  margin: 0 auto;
  padding: 0;
}

.TicketPage_spinnerWrap__azLTE {
  text-align: center;
  padding: 80px 0;
}

.TicketPage_error__MFcH_ {
  text-align: center;
  margin: 60px 0;
  color: #d13438;
  font-weight: 600;
}

.TicketPage_header__8FxQl {
  position: relative;
  background: #1f4954;
  border-radius: 8px;
  color: #fff;
  overflow: visible;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.TicketPage_headerInner__kS6_E {
  height: 92px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  padding: 0 14px;
  max-width: 1680px;
  margin: 0 auto;
}

.TicketPage_personBlock__NfUE9 {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.TicketPage_backBtn__CBKtz {
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 9999px;
  background: transparent;
  color: #e8f2f6;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-right: 10px;
}

.TicketPage_backBtn__CBKtz svg {
  width: 55px;
  height: 55px;
}

.TicketPage_backBtn__CBKtz:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
}

.TicketPage_backBtn__CBKtz:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.55);
  outline-offset: 2px;
}

.TicketPage_avatarBadge__haBzW {
  position: relative;
  width: 88px;
  height: 88px;
  border-radius: 50%;
  background: #fff;
  transform: translateY(10px);
  margin-right: 14px;
  margin-bottom: -18px;
  box-shadow: 0 0 0 4px #fff, 0 0 0 6px rgba(255, 255, 255, 0.35),
    0 10px 18px rgba(0, 0, 0, 0.25);
  z-index: 1;
}

.TicketPage_avatarBadge__haBzW::after {
  content: attr(data-name);
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, 8px);
  background: rgba(0, 0, 0, 0.85);
  color: #fff;
  font-weight: 600;
  font-size: 12.5px;
  line-height: 1;
  padding: 7px 10px;
  border-radius: 6px;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.15s ease, transform 0.15s ease;
}

.TicketPage_avatarBadge__haBzW:hover::after {
  opacity: 1;
  transform: translate(-50%, 12px);
}

.TicketPage_avatarImgLarge__peTfP {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  border: 0;
}

.TicketPage_personText__qglBV {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.TicketPage_pageTitle__O_i_p {
  color: #ffffff;
  font-weight: 800;
  font-size: 26px;
  line-height: 1.1;
}

.TicketPage_personName__S_WT_ {
  color: #d6e6ec;
  font-weight: 600;
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.TicketPage_centerBlock__lqGv6 {
  justify-self: center;
  text-align: center;
  min-width: 0;
}

.TicketPage_ticketNumber__p2KtD {
  color: #ffffff;
  font-weight: 800;
  font-size: 22px;
  line-height: 1.2;
  margin-bottom: 2px;
}

.TicketPage_statusText__jyS9N {
  color: #d6e6ec;
  font-weight: 600;
  font-size: 14px;
}

.TicketPage_rightSlot___p8lt {
  min-width: 1px;
}

[dir="rtl"] .TicketPage_backBtn__CBKtz svg {
  transform: scaleX(-1);
}
.AssignAgentModal_modalWrap__Y79xb {
  position: fixed;
  inset: 0;
  background: rgba(0 0 0 / 0.4);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 200px;
  z-index: 2147483647;
}

.AssignAgentModal_modal__TUhR9 {
  width: 420px;
  max-width: 92vw;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgb(0 0 0 / 15%);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  max-height: calc(100vh - 48px);
  animation: AssignAgentModal_pop__jI_ON 0.18s ease-out;
}

@keyframes AssignAgentModal_pop__jI_ON {
  from {
    transform: scale(0.9);
    opacity: 0;
  }
}

.AssignAgentModal_header__YS__e {
  padding: 18px 22px;
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.AssignAgentModal_heading__K2F5J {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
}

.AssignAgentModal_closeBtn__pzc89 {
  background: none;
  border: none;
  font-size: 1.25rem;
  color: #6e6e6e;
  cursor: pointer;
  padding: 4px 6px;
}

.AssignAgentModal_closeBtn__pzc89:hover {
  color: #0055a2;
}

.AssignAgentModal_body__O5vI2 {
  padding: 22px 24px 10px;
}

.AssignAgentModal_select__cyKa3 {
  width: 100%;
  padding: 0.5rem;
  margin: 10px 0 4px;
  border-radius: 4px;
  border: 1px solid #ccc;
  font-size: 0.9rem;
}

.AssignAgentModal_input__cZrtS {
  width: 100%;
  padding: 0.5rem;
  margin: 6px 0;
  border-radius: 4px;
  border: 1px solid #ccc;
  font-size: 0.9rem;
}

.AssignAgentModal_actions__QHWNB {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start;
  gap: 8px;
  padding: 12px 24px;
  border-top: 0;
}

.AssignAgentModal_btn__WmT_x {
  padding: 6px 18px;
  border-radius: 4px;
  font-weight: 600;
  cursor: pointer;
  border: 1px solid transparent;
}

.AssignAgentModal_primary__I_D_J {
  background: #ffffff;
  color: #0f3f49;
  border-color: rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset,
    0 1px 0 rgba(0, 0, 0, 0.06);
}

.AssignAgentModal_primary__I_D_J:hover {
  background: #f7f7f7;
}

.AssignAgentModal_primary__I_D_J:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.AssignAgentModal_ghost__hq77z {
  background: #1e5863;
  color: #ffffff;
  border-color: #0c3941;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.12) inset,
    0 1px 0 rgba(0, 0, 0, 0.15);
}

.AssignAgentModal_ghost__hq77z:hover {
  background: #174a53;
}

.EscalateModal_modalWrap__ESAeA {
  position: fixed;
  inset: 0;
  background: rgba(0 0 0 / 0.4);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  z-index: 1000;
  padding-top: 200px;
  z-index: 2147483647;
}

.EscalateModal_modal__FCe8W {
  width: 420px;
  max-width: 92vw;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgb(0 0 0 / 15%);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  max-height: calc(100vh - 48px);
  animation: EscalateModal_pop__ERbkE 0.18s ease-out;
}

@keyframes EscalateModal_pop__ERbkE {
  from {
    transform: scale(0.9);
    opacity: 0;
  }
}

.EscalateModal_header__8u45s {
  padding: 18px 22px;
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.EscalateModal_heading__CSKm8 {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
}

.EscalateModal_closeBtn___RnjH {
  background: none;
  border: none;
  font-size: 1.25rem;
  color: #6e6e6e;
  cursor: pointer;
  padding: 4px 6px;
}

.EscalateModal_closeBtn___RnjH:hover {
  color: #0055a2;
}

.EscalateModal_body__Vplm4 {
  padding: 22px 24px 10px;
}

.EscalateModal_radioRow__tInzk {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}

.EscalateModal_select__DU2tX {
  width: 100%;
  padding: 0.5rem;
  margin: 10px 0 4px;
  border-radius: 4px;
  border: 1px solid #ccc;
  font-size: 0.9rem;
  max-height: 200px;
  overflow-y: auto;
}

.EscalateModal_select__DU2tX:disabled {
  background: #f3f4f6;
  color: #888;
}

.EscalateModal_input__BgglC {
  width: 100%;
  padding: 0.5rem;
  margin: 6px 0;
  border-radius: 4px;
  border: 1px solid #ccc;
  font-size: 0.9rem;
}

.EscalateModal_actions__v8NrA {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start;
  gap: 8px;
  padding: 12px 24px;
  border-top: 0;
}

.EscalateModal_btn__2OQra {
  padding: 6px 18px;
  border-radius: 4px;
  font-weight: 600;
  cursor: pointer;
  border: 1px solid transparent;
}

.EscalateModal_primary__0JZbr {
  background: #ffffff;
  color: #0f3f49;
  border-color: rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset,
    0 1px 0 rgba(0, 0, 0, 0.06);
}

.EscalateModal_primary__0JZbr:hover {
  background: #f7f7f7;
}

.EscalateModal_primary__0JZbr:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.EscalateModal_ghost__Kxry_ {
  background: #1e5863;
  color: #ffffff;
  border-color: #0c3941;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.12) inset,
    0 1px 0 rgba(0, 0, 0, 0.15);
}

.EscalateModal_ghost__Kxry_:hover {
  background: #174a53;
}

.EscalateModal_ghost__Kxry_:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.AssignDeptUserModal_modalWrap__4ukq0 {
  position: fixed;
  inset: 0;
  background: rgba(0 0 0 / 0.4);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 200px;
  z-index: 2147483647;
}

.AssignDeptUserModal_modal__pWtdf {
  width: 420px;
  max-width: 92vw;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgb(0 0 0 / 15%);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  max-height: calc(100vh - 48px);
  animation: AssignDeptUserModal_pop__rlyhn 0.18s ease-out;
}

@keyframes AssignDeptUserModal_pop__rlyhn {
  from {
    transform: scale(0.96);
    opacity: 0;
  }
}

.AssignDeptUserModal_header__kf1tM {
  padding: 18px 22px;
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.AssignDeptUserModal_heading__dETir {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
}

.AssignDeptUserModal_closeBtn__uVcOq {
  background: none;
  border: none;
  font-size: 1.25rem;
  color: #6e6e6e;
  cursor: pointer;
  padding: 4px 6px;
}

.AssignDeptUserModal_closeBtn__uVcOq:hover {
  color: #0055a2;
}

.AssignDeptUserModal_closeBtn__uVcOq:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.AssignDeptUserModal_body__astUV {
  padding: 22px 24px 10px;
  overflow-y: auto;
}

.AssignDeptUserModal_select__v1dXk {
  width: 100%;
  padding: 0.5rem;
  margin: 10px 0 4px;
  border-radius: 4px;
  border: 1px solid #ccc;
  font-size: 0.9rem;
}

.AssignDeptUserModal_select__v1dXk:disabled {
  background: #f3f4f6;
  color: #888;
}

.AssignDeptUserModal_actions__lljgO {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start;
  gap: 8px;
  padding: 12px 24px 18px;
}

.AssignDeptUserModal_btn__lYJNT {
  padding: 8px 16px;
  border-radius: 4px;
  font-weight: 600;
  cursor: pointer;
  border: 1px solid transparent;
}

.AssignDeptUserModal_ghost__8bcBX {
  background: #1e5863;
  color: #ffffff;
  border-color: #0c3941;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.12) inset,
    0 1px 0 rgba(0, 0, 0, 0.15);
}

.AssignDeptUserModal_ghost__8bcBX:hover {
  background: #174a53;
}

.AssignDeptUserModal_ghost__8bcBX:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.AssignDeptUserModal_primary__K1VJZ {
  background: #ffffff;
  color: #0f3f49;
  border-color: rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset,
    0 1px 0 rgba(0, 0, 0, 0.06);
}

.AssignDeptUserModal_primary__K1VJZ:hover {
  background: #f7f7f7;
}

.AssignDeptUserModal_primary__K1VJZ:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.HrbpEscalateModal_modalWrap__dc_5H {
  position: fixed;
  inset: 0;
  background: rgba(0 0 0 / 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

.HrbpEscalateModal_modal__z9q__ {
  width: 420px;
  max-width: 92vw;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgb(0 0 0 / 15%);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  animation: HrbpEscalateModal_pop__BobWb 0.18s ease-out;
}

@keyframes HrbpEscalateModal_pop__BobWb {
  from {
    transform: scale(0.9);
    opacity: 0;
  }
}

.HrbpEscalateModal_header__lCd2m {
  padding: 18px 22px;
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.HrbpEscalateModal_heading___PVKr {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
}

.HrbpEscalateModal_closeBtn__b17H5 {
  background: none;
  border: none;
  font-size: 1.25rem;
  color: #6e6e6e;
  cursor: pointer;
  padding: 4px 6px;
}

.HrbpEscalateModal_closeBtn__b17H5:hover {
  color: #0055a2;
}

.HrbpEscalateModal_closeBtn__b17H5:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.HrbpEscalateModal_body__JVtFv {
  padding: 22px 24px 10px;
}

.HrbpEscalateModal_radioGroup__ky3JB {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 10px;
}

.HrbpEscalateModal_radioGroup__ky3JB label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.95rem;
  cursor: pointer;
  color: #333;
}

.HrbpEscalateModal_selectWrap__iSrtE {
  margin-top: 0.5rem;
}

.HrbpEscalateModal_react-select__control__Gmv_D {
  border-radius: 4px;
  border: 1px solid #ccc;
  min-height: 38px;
  font-size: 0.9rem;
}

.HrbpEscalateModal_footer__L9qbX {
  padding: 12px 24px;
  border-top: 0;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start;
  gap: 8px;
}

.HrbpEscalateModal_btnBase__RMBQR {
  padding: 6px 18px;
  border-radius: 4px;
  font-weight: 600;
  cursor: pointer;
  border: 1px solid transparent;
}

.HrbpEscalateModal_btnPrimary__mGLyV {
  background: #fff;
  color: #0f3f49;
  border-color: rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset,
    0 1px 0 rgba(0, 0, 0, 0.06);
}

.HrbpEscalateModal_btnPrimary__mGLyV:hover {
  background: #f7f7f7;
}

.HrbpEscalateModal_btnPrimary__mGLyV:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.HrbpEscalateModal_btnSecondary__4s5Pi {
  background: #1e5863;
  color: #fff;
  border-color: #0c3941;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.12) inset,
    0 1px 0 rgba(0, 0, 0, 0.15);
}

.HrbpEscalateModal_btnSecondary__4s5Pi:hover {
  background: #174a53;
}

.HrbpEscalateModal_btnSecondary__4s5Pi:disabled {
  opacity: 0.7;
  cursor: not-allowed;
  pointer-events: none;
}

.HrbpEscalateModal_rbTop__C4HRV {
  margin: 24px auto 0 !important;
  padding-top: 200px;
}

.HrbpEscalateModal_rbContent___yK0k {
  max-height: calc(100vh - 48px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.HrbpEscalateModal_rbBody__P8_UY {
  overflow-y: auto;
}

.HrbpEscalateModal_rbBackdrop__lvsfs {
  background: rgba(0, 0, 0, 0.45) !important;
  z-index: 2147483646 !important;
}
.DeptEscalateModal_body__xmosG {
  padding: 18px 20px;
}

.DeptEscalateModal_radioGroup__wyEIp {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 14px;
  font-size: 0.95rem;
}

.DeptEscalateModal_radioGroup__wyEIp label {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

.DeptEscalateModal_loadingRow__U2Egc {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.9rem;
  color: #555;
}

.DeptEscalateModal_selectWrap__z0cAX {
  display: flex;
  justify-content: center;
}

.DeptEscalateModal_selectWrap__z0cAX>div {
  min-width: 260px;
}

.DeptEscalateModal_footer__YtIZB {
  padding: 12px 20px;
  border-top: none;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start;
  gap: 8px;
}

.DeptEscalateModal_btnPrimary__3CQDJ {
  background: #ffffff;
  color: #0f3f49;
  border: 1px solid rgba(0, 0, 0, 0.25);
  padding: 6px 18px;
  border-radius: 4px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset,
    0 1px 0 rgba(0, 0, 0, 0.06);
}

.DeptEscalateModal_btnPrimary__3CQDJ:hover {
  background: #f7f7f7;
}

.DeptEscalateModal_btnPrimary__3CQDJ:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.DeptEscalateModal_btnSecondary__ndGTT {
  background: #1e5863;
  color: #ffffff;
  border: 1px solid #0c3941;
  padding: 6px 18px;
  border-radius: 4px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.12) inset,
    0 1px 0 rgba(0, 0, 0, 0.15);
}

.DeptEscalateModal_btnSecondary__ndGTT:hover {
  background: #174a53;
}

.DeptEscalateModal_btnSecondary__ndGTT:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.DeptEscalateModal_rbTop__PCpEr {
  margin: 24px auto 0 !important;
  padding-top: 200px;
}

.DeptEscalateModal_rbContent__USXpb {
  max-height: calc(100vh - 48px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.DeptEscalateModal_rbBody__QGao0 {
  overflow-y: auto;
}

.DeptEscalateModal_rbBackdrop___jkqA {
  background: rgba(0, 0, 0, 0.45) !important;
  z-index: 9999997 !important;
}
.DeleteTicketConfirmationModal_modalOverlay__MYt4Y {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 20px;
}

.DeleteTicketConfirmationModal_modal__C8ay0 {
  background: white;
  border-radius: 12px;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  max-width: 500px;
  width: 100%;
  max-height: 90vh;
  overflow-y: auto;
}

.DeleteTicketConfirmationModal_header__2n1bk {
  padding: 24px 24px 0 24px;
  border-bottom: 1px solid #e5e7eb;
}

.DeleteTicketConfirmationModal_title__5gQb_ {
  font-size: 1.25rem;
  font-weight: 600;
  color: #111827;
  margin: 0 0 16px 0;
}

.DeleteTicketConfirmationModal_body__ZaM_k {
  padding: 24px;
}

.DeleteTicketConfirmationModal_warningIcon__kp5be {
  display: flex;
  justify-content: center;
  margin-bottom: 16px;
}

.DeleteTicketConfirmationModal_content___jTPY {
  text-align: center;
}

.DeleteTicketConfirmationModal_message__99qIA {
  font-size: 1rem;
  color: #374151;
  margin: 0 0 20px 0;
  line-height: 1.5;
}

.DeleteTicketConfirmationModal_ticketInfo__k1vuG {
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 16px;
  margin: 20px 0;
  text-align: start; /* respect LTR/RTL */
}

.DeleteTicketConfirmationModal_infoRow__ki4Kl {
  display: grid;
  grid-template-columns: max-content 1fr;
  column-gap: 10px;
  row-gap: 8px;
  padding: 8px 0;
  border-bottom: 1px solid #e5e7eb;
  font-size: 0.8rem;
}

.DeleteTicketConfirmationModal_infoRow__ki4Kl:last-child {
  border-bottom: none;
}

.DeleteTicketConfirmationModal_label__2O1Ro {
  font-weight: 600;
  color: #505050;
}

.DeleteTicketConfirmationModal_label__2O1Ro::after {
  content: ":";
}

.DeleteTicketConfirmationModal_value___1EOT {
  font-weight: 600;
  color: #1d1d1f;
  margin: 0;
}

.DeleteTicketConfirmationModal_warningBox__lm2c6 {
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 8px;
  padding: 16px;
  margin-top: 20px;
}

.DeleteTicketConfirmationModal_warningText__bof0T {
  color: #dc2626;
  font-size: 0.875rem;
  font-weight: 500;
  margin: 0;
  line-height: 1.4;
}

.DeleteTicketConfirmationModal_footer__XJmXm {
  padding: 0 24px 24px 24px;
  display: flex;
  gap: 12px;
  justify-content: flex-end;
}

.DeleteTicketConfirmationModal_cancelButton__t1jLD {
  background: #f3f4f6;
  color: #374151;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  padding: 10px 20px;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}

.DeleteTicketConfirmationModal_cancelButton__t1jLD:hover:not(:disabled) {
  background: #e5e7eb;
  border-color: #9ca3af;
}

.DeleteTicketConfirmationModal_cancelButton__t1jLD:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.DeleteTicketConfirmationModal_deleteButton__mLgGL {
  background: #dc2626;
  color: white;
  border: 1px solid #dc2626;
  border-radius: 8px;
  padding: 10px 20px;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}

.DeleteTicketConfirmationModal_deleteButton__mLgGL:hover:not(:disabled) {
  background: #b91c1c;
  border-color: #b91c1c;
}

.DeleteTicketConfirmationModal_deleteButton__mLgGL:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* RTL Support */
[dir="rtl"] .DeleteTicketConfirmationModal_footer__XJmXm {
  flex-direction: row-reverse;
}

[dir="rtl"] .DeleteTicketConfirmationModal_infoRow__ki4Kl {
  grid-template-columns: 1fr max-content;
}

[dir="rtl"] .DeleteTicketConfirmationModal_label__2O1Ro {
  text-align: right;
}

[dir="rtl"] .DeleteTicketConfirmationModal_value___1EOT {
  text-align: left;
}

/* LTR Support */
[dir="ltr"] .DeleteTicketConfirmationModal_label__2O1Ro {
  text-align: left;
}

[dir="ltr"] .DeleteTicketConfirmationModal_value___1EOT {
  text-align: right;
}

/* Ensure long values wrap and don’t overflow in either LTR/RTL */
.DeleteTicketConfirmationModal_value___1EOT,
.DeleteTicketConfirmationModal_label__2O1Ro,
.DeleteTicketConfirmationModal_message__99qIA,
.DeleteTicketConfirmationModal_warningText__bof0T {
  word-break: break-word;
  white-space: normal;
}