/* Partners visual lock for CRM #supportTicketModal — injected last on open.
   Mirrors Partners: buttons.css + modals.css dark surfaces + support_modal.php shell. */

/* Partners font: Inter (loaded in header) — same stack used on Partners surfaces */
#supportTicketModal,
#supportTicketModal *:not(.bi):not([class^="bi-"]):not([class*=" bi-"]),
#supportTicketModal *:not(.bi):not([class^="bi-"]):not([class*=" bi-"])::before,
#supportTicketModal *:not(.bi):not([class^="bi-"]):not([class*=" bi-"])::after,
#supportTicketModal .modal-title,
#supportTicketModal .form-label,
#supportTicketModal .form-control,
#supportTicketModal .form-select,
#supportTicketModal textarea.form-control,
#supportTicketModal input.form-control,
#supportTicketModal select,
#supportTicketModal select option,
#supportTicketModal .btn,
#supportTicketModal .btn-primary,
#supportTicketModal .btn-secondary,
#supportTicketModal .btn-outline-primary,
#supportTicketModal .text-muted,
#supportTicketModal .alert,
#supportTicketModal .crm-treatment-doc-card,
#supportTicketModal .crm-treatment-doc-card__title,
#supportTicketModal .crm-treatment-doc-card__count,
#supportTicketModal .crm-treatment-doc-card__upload-inner,
#supportTicketModal .crm-treatment-doc-card__drop-title,
#supportTicketModal .crm-treatment-doc-card__drop-hint {
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", sans-serif !important;
}

/* Footer matches Partners Bootstrap system stack (beats Inter * lock above) */
#supportTicketModal .modal-footer,
#supportTicketModal .modal-footer *:not(.bi):not([class^="bi-"]):not([class*=" bi-"]),
#supportTicketModal .modal-footer .btn,
#supportTicketModal .modal-footer > .btn,
#supportTicketModal .modal-footer > button.btn,
#supportTicketModal .modal-footer > .btn-primary,
#supportTicketModal .modal-footer > .btn-secondary,
#supportTicketModal .modal-footer > button.btn-primary,
#supportTicketModal .modal-footer > button.btn-secondary,
#supportTicketModal #supportTicketSubmitBtn {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

/* Bootstrap Icons must keep their own font (Inter * override breaks headset/bug glyphs) */
#supportTicketModal .bi,
#supportTicketModal [class^="bi-"],
#supportTicketModal [class*=" bi-"],
#supportTicketModal #supportTicketModalIcon,
#supportTicketModal .modal-title > .bi,
#supportTicketModal .modal-title > i {
  font-family: "bootstrap-icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1 !important;
  vertical-align: -0.125em !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#supportTicketModal .form-control::placeholder,
#supportTicketModal textarea.form-control::placeholder,
#supportTicketModal input.form-control::placeholder,
#supportTicketModal #ticketSubject::placeholder,
#supportTicketModal #ticketMessage::placeholder,
#supportTicketModal #ticketSteps::placeholder,
#supportTicketModal #ticketExpected::placeholder,
#supportTicketModal #ticketActual::placeholder,
#supportTicketModal .form-control::-webkit-input-placeholder,
#supportTicketModal textarea.form-control::-webkit-input-placeholder,
#supportTicketModal .form-control::-moz-placeholder,
#supportTicketModal textarea.form-control::-moz-placeholder {
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", sans-serif !important;
  font-size: 0.875rem !important;
  line-height: 1.5 !important;
}

#supportTicketModal.modal,
#supportTicketModal .modal-content {
  --bs-body-font-family: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
  --bs-font-sans-serif: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
}

/* Footer inherits Partners/Bootstrap system font vars */
#supportTicketModal .modal-footer {
  --bs-body-font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-btn-font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

/* Kill CRM global_v2.css `.modal-content { padding: 30px }` and late dashboard CSS */
#supportTicketModal .modal-content,
#supportTicketModal > .modal-dialog > .modal-content,
[data-bs-theme="dark"] #supportTicketModal .modal-content,
[data-bs-theme="dark"] #supportTicketModal > .modal-dialog > .modal-content {
  padding: 0 !important;
  margin: 0 !important;
  background: #08151d !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 12px !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3) !important;
  width: 100% !important;
  max-width: 100% !important;
  animation: none !important;
}

#supportTicketModal.modal {
  --bs-modal-border-radius: 12px;
  z-index: 20050 !important;
}

#supportTicketModal > .modal-dialog {
  width: min(800px, calc(100vw - 2rem)) !important;
  max-width: 800px !important;
  max-height: calc(100dvh - 3.5rem) !important;
  margin: 1.75rem auto !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
}

#supportTicketModal > .modal-dialog > .modal-content {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: calc(100dvh - 3.5rem) !important;
  overflow: hidden !important;
}

#supportTicketModal > .modal-dialog > .modal-content > form {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: 100% !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

#supportTicketModal .modal-header {
  position: relative !important;
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 1rem !important;
  padding: 2.5rem 1.5rem !important;
  min-height: 80px !important;
  margin: 0 !important;
  border-radius: 12px 12px 0 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  background: linear-gradient(135deg, rgba(var(--bs-primary-rgb), 0.05), rgba(var(--bs-primary-rgb), 0.02)) !important;
  color: var(--bs-body-color) !important;
}

/* Partners modals.css title: 1.2rem / weight 600 / primary (white in dark) */
#supportTicketModal .modal-header h5,
#supportTicketModal .modal-title,
#supportTicketModal #supportTicketModalTitle {
  margin: 0 !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  align-items: center !important;
  font-size: 1.2rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  color: var(--bs-primary) !important;
}

#supportTicketModal #supportTicketModalTitleText {
  font-size: 1.2rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  color: inherit !important;
}

#supportTicketModal #supportTicketModalIcon,
#supportTicketModal .modal-title > .bi,
#supportTicketModal .modal-title > i {
  font-size: 1.2rem !important;
  line-height: 1 !important;
  color: inherit !important;
  margin-right: 0.5rem !important; /* Bootstrap .me-2 */
  flex-shrink: 0 !important;
}

[data-bs-theme="dark"] #supportTicketModal .modal-header {
  background: #08151d !important;
  color: #ffffff !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

[data-bs-theme="dark"] #supportTicketModal .modal-header h5,
[data-bs-theme="dark"] #supportTicketModal .modal-title,
[data-bs-theme="dark"] #supportTicketModal #supportTicketModalTitle,
[data-bs-theme="dark"] #supportTicketModal #supportTicketModalTitleText,
[data-bs-theme="dark"] #supportTicketModal #supportTicketModalIcon,
[data-bs-theme="dark"] #supportTicketModal .modal-title > .bi {
  color: #ffffff !important;
}

[data-bs-theme="light"] #supportTicketModal .modal-header {
  background: linear-gradient(135deg, rgba(var(--bs-primary-rgb), 0.05), rgba(var(--bs-primary-rgb), 0.02)) !important;
  color: #212529 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
}

[data-bs-theme="light"] #supportTicketModal .modal-header h5,
[data-bs-theme="light"] #supportTicketModal .modal-title,
[data-bs-theme="light"] #supportTicketModal #supportTicketModalTitle,
[data-bs-theme="light"] #supportTicketModal #supportTicketModalTitleText,
[data-bs-theme="light"] #supportTicketModal #supportTicketModalIcon,
[data-bs-theme="light"] #supportTicketModal .modal-title > .bi {
  color: #212529 !important;
}

#supportTicketModal .modal-header .btn-close {
  position: static !important;
  width: 1em !important;
  height: 1em !important;
  padding: 0.25em !important;
  margin: calc(-0.5 * var(--bs-modal-header-padding-y, 1rem)) calc(-0.5 * var(--bs-modal-header-padding-x, 1rem)) calc(-0.5 * var(--bs-modal-header-padding-y, 1rem)) auto !important;
  opacity: 0.75 !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: invert(1) grayscale(100%) brightness(200%) !important;
}

#supportTicketModal .modal-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 1.5rem !important;
  margin: 0 !important;
  background: #08151d !important;
  color: #ffffff !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(148, 163, 184, 0.55) rgba(15, 23, 42, 0.2) !important;
}

#supportTicketModal .modal-footer {
  flex: 0 0 auto !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 0.5rem !important;
  min-height: 4.25rem !important;
  /* Partners support_modal.php shell */
  padding: 1rem 1.5rem !important;
  margin: 0 !important;
  background: #08151d !important;

  border-radius: 0 0 12px 12px !important;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

[data-bs-theme="dark"] #supportTicketModal .modal-footer {
    border-top: 1px solid #495057 !important;
}

#supportTicketModal .modal-footer .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.35rem !important;
  min-height: 2.25rem !important;
  height: auto !important;
  padding: 0.375rem 0.75rem !important;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  border-radius: 6px !important;
  box-sizing: border-box !important;
}

/* Cancel — Partners modals.css (beats buttons.css secondary fill) */
#supportTicketModal .modal-footer > .btn-secondary,
#supportTicketModal .modal-footer > button.btn-secondary {
  order: 100 !important;
  border: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #f24747 !important;
  font-weight: 500 !important;
  box-shadow: inset 0 0 0 1px #f24747, 0 0 10px rgba(242, 71, 71, 0.25) !important;
  transform: none !important;
}

#supportTicketModal .modal-footer > .btn-secondary:hover,
#supportTicketModal .modal-footer > .btn-secondary:focus-visible {
  color: #fff !important;
  background-color: #db4040 !important;
  background-image: none !important;
  border: none !important;
  box-shadow: inset 0 0 0 1px #db4040, 0 0 20px rgba(220, 53, 69, 0.6), 0 0 40px rgba(220, 53, 69, 0.3) !important;
  transform: none !important;
}

/* Submit — Partners buttons.css cyan primary */
#supportTicketModal .modal-footer > .btn-primary,
#supportTicketModal #supportTicketSubmitBtn {
  order: 1 !important;
  color: #fff !important;
  background: linear-gradient(145deg, #00baff, #0077cc) !important;
  background-image: linear-gradient(145deg, #00baff, #0077cc) !important;
  border: none !important;
  box-shadow: 0 0 10px rgba(0, 186, 255, 0.4) !important;
  transform: none !important;
}

#supportTicketModal .modal-footer > .btn-primary:hover,
#supportTicketModal #supportTicketSubmitBtn:hover {
  color: #fff !important;
  background: linear-gradient(145deg, #00baff, #0077cc) !important;
  box-shadow: 0 0 15px rgba(0, 186, 255, 0.6) !important;
  transform: scale(1.03) !important;
}

/* Tabs — Partners cyan outline; solid Bootstrap primary when checked */
#supportTicketModal .btn-group {
  width: 100% !important;
}

#supportTicketModal .btn-group > .btn-outline-primary {
  color: #00baff !important;
  border: 1px solid #00baff !important;
  background: rgba(0, 186, 255, 0.05) !important;
  background-image: none !important;
  box-shadow: 0 0 10px rgba(0, 186, 255, 0.25) !important;
  transform: none !important;
  font-weight: 500 !important;
}

#supportTicketModal .btn-group > .btn-outline-primary:hover {
  color: #fff !important;
  background: linear-gradient(145deg, #00baff, #0077cc) !important;
  border-color: #00baff !important;
  box-shadow: 0 0 15px rgba(0, 186, 255, 0.6) !important;
  transform: none !important;
}

#supportTicketModal .btn-check:checked + .btn-outline-primary,
#supportTicketModal .btn-check:active + .btn-outline-primary,
#supportTicketModal .btn-check:checked + .btn-outline-primary:hover {
  color: #fff !important;
  background: #0d6efd !important;
  background-image: none !important;
  border-color: #0d6efd !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Form fields — Partners visual size (defeat CRM global 1rem / 38px / patient #172635) */
#supportTicketModal .form-label {
  display: inline-block !important;
  margin-bottom: 0.4rem !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  color: #ffffff !important;
}

#supportTicketModal .form-control,
#supportTicketModal .form-select,
#supportTicketModal textarea.form-control,
#supportTicketModal input.form-control:not([type="file"]):not([type="checkbox"]):not([type="radio"]),
#supportTicketModal select.form-select,
#supportTicketModal select.form-control {
  appearance: none !important;
  -webkit-appearance: none !important;
  height: auto !important;
  max-height: none !important;
  min-height: calc(1.5em + 0.9rem + 2px) !important;
  padding: 0.45rem 0.7rem !important;
  margin: 0 0 0 0 !important;
  font-size: 0.875rem !important;
  line-height: 1.5 !important;
  border-radius: 6px !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  background-color: rgba(255, 255, 255, 0.05) !important;
  color: #ffffff !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  color-scheme: dark !important;
}

#supportTicketModal textarea.form-control {
  min-height: 8rem !important;
  resize: vertical !important;
  background-image: none !important;
}

#supportTicketModal input.form-control:not([type="file"]):not([type="checkbox"]):not([type="radio"]) {
  background-image: none !important;
}

#supportTicketModal #ticketMessage { min-height: 12rem !important; }
#supportTicketModal #ticketSteps { min-height: 10.5rem !important; }
#supportTicketModal #ticketExpected,
#supportTicketModal #ticketActual { min-height: 8rem !important; }

#supportTicketModal .form-control:focus,
#supportTicketModal .form-select:focus,
#supportTicketModal textarea.form-control:focus {
  background-color: rgba(255, 255, 255, 0.08) !important;
  border-color: #0d6efd !important;
  color: #ffffff !important;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25) !important;
  outline: none !important;
}

/* Placeholders must set -webkit-text-fill-color: inputs force fill #fff which
   overrides ::placeholder { color } in Chromium/WebKit. */
#supportTicketModal .form-control::placeholder,
#supportTicketModal textarea.form-control::placeholder,
#supportTicketModal input.form-control::placeholder,
#supportTicketModal #ticketSubject::placeholder,
#supportTicketModal #ticketMessage::placeholder,
#supportTicketModal #ticketSteps::placeholder,
#supportTicketModal #ticketExpected::placeholder,
#supportTicketModal #ticketActual::placeholder,
[data-bs-theme="dark"] #supportTicketModal .form-control::placeholder,
[data-bs-theme="dark"] #supportTicketModal textarea.form-control::placeholder,
[data-bs-theme="dark"] #supportTicketModal input.form-control::placeholder,
[data-bs-theme="dark"] #supportTicketModal .modal-content .form-control::placeholder,
[data-bs-theme="dark"] #supportTicketModal .modal-content textarea.form-control::placeholder,
[data-bs-theme="dark"] #supportTicketModal #ticketSubject::placeholder,
[data-bs-theme="dark"] #supportTicketModal #ticketMessage::placeholder,
[data-bs-theme="dark"] #supportTicketModal #ticketSteps::placeholder,
[data-bs-theme="dark"] #supportTicketModal #ticketExpected::placeholder,
[data-bs-theme="dark"] #supportTicketModal #ticketActual::placeholder,
html[data-bs-theme="dark"] #supportTicketModal .form-control::placeholder,
html[data-bs-theme="dark"] #supportTicketModal textarea.form-control::placeholder {
  color: #ffffff9a !important;
  -webkit-text-fill-color: #ffffff9a !important;
  opacity: 1 !important;
  background: transparent;
  font-size: 0.875rem !important;
  line-height: 1.5 !important;
}

#supportTicketModal .form-control::-webkit-input-placeholder,
#supportTicketModal textarea.form-control::-webkit-input-placeholder,
[data-bs-theme="dark"] #supportTicketModal .form-control::-webkit-input-placeholder,
[data-bs-theme="dark"] #supportTicketModal textarea.form-control::-webkit-input-placeholder {
  color: #ffffff9a !important;
  -webkit-text-fill-color: #ffffff9a !important;
  opacity: 1 !important;
  background: transparent;
}

#supportTicketModal .form-control::-moz-placeholder,
#supportTicketModal textarea.form-control::-moz-placeholder,
[data-bs-theme="dark"] #supportTicketModal .form-control::-moz-placeholder,
[data-bs-theme="dark"] #supportTicketModal textarea.form-control::-moz-placeholder {
  color: #ffffff9a !important;
  opacity: 1 !important;
  background: transparent;
}

#supportTicketModal .form-select,
#supportTicketModal select.form-select,
#supportTicketModal select.form-control {
  cursor: pointer !important;
  background-color: #0a1a24 !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23cbd5e1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
  background-repeat: no-repeat !important;
  background-position: right 0.75rem center !important;
  background-size: 16px 12px !important;
  padding-right: 2.25rem !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color-scheme: dark !important;
  -webkit-text-fill-color: #ffffff !important;
}

#supportTicketModal .form-select option,
#supportTicketModal select.form-select option,
#supportTicketModal select.form-control option {
  background-color: #08151d !important;
  background: #08151d !important;
  color: #ffffff !important;
}

/* Defeat tickets.php / tickets.css global modal field surfaces */
[data-bs-theme="dark"] #supportTicketModal .modal-content .form-control,
[data-bs-theme="dark"] #supportTicketModal .modal-content .form-select,
[data-bs-theme="dark"] #supportTicketModal .form-control,
[data-bs-theme="dark"] #supportTicketModal .form-select,
[data-bs-theme="dark"] #supportTicketModal select {
  background-color: rgba(255, 255, 255, 0.05) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  -webkit-text-fill-color: #ffffff !important;
}

[data-bs-theme="dark"] #supportTicketModal .form-select,
[data-bs-theme="dark"] #supportTicketModal select.form-select {
  background-color: #0a1a24 !important;
}

/* ─── Light theme — Partners modals.css / support_modal parity ─── */
[data-bs-theme="light"] #supportTicketModal .modal-content,
[data-bs-theme="light"] #supportTicketModal > .modal-dialog > .modal-content {
  background: #ffffff !important;
  color: #212529 !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 20px 60px rgba(15, 23, 42, 0.18) !important;
}

[data-bs-theme="light"] #supportTicketModal .modal-body {
  background: #ffffff !important;
  color: #212529 !important;
  scrollbar-color: rgba(100, 116, 139, 0.65) rgba(226, 232, 240, 0.8) !important;
}

[data-bs-theme="light"] #supportTicketModal .modal-body::-webkit-scrollbar-track {
  background: rgba(226, 232, 240, 0.9) !important;
}

[data-bs-theme="light"] #supportTicketModal .modal-body::-webkit-scrollbar-thumb {
  background-color: rgba(100, 116, 139, 0.55) !important;
}

[data-bs-theme="light"] #supportTicketModal .modal-footer {
  background: #ffffff !important;
  color: #212529 !important;
  border-top: 1px solid #dee2e6 !important;
}

[data-bs-theme="light"] #supportTicketModal .modal-header .btn-close {
  filter: none !important;
  opacity: 0.75 !important;
}

[data-bs-theme="light"] #supportTicketModal .modal-footer > .btn-secondary,
[data-bs-theme="light"] #supportTicketModal .modal-footer > button.btn-secondary {
  color: #dc3545 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: inset 0 0 0 1px #dc3545, 0 0 10px rgba(220, 53, 69, 0.15) !important;
}

[data-bs-theme="light"] #supportTicketModal .modal-footer > .btn-secondary:hover,
[data-bs-theme="light"] #supportTicketModal .modal-footer > .btn-secondary:focus-visible {
  color: #fff !important;
  background-color: #dc3545 !important;
  background-image: none !important;
  box-shadow: inset 0 0 0 1px #dc3545, 0 0 20px rgba(220, 53, 69, 0.6), 0 0 40px rgba(220, 53, 69, 0.3) !important;
}

[data-bs-theme="light"] #supportTicketModal .form-label {
  color: #495057 !important;
}

[data-bs-theme="light"] #supportTicketModal .form-control,
[data-bs-theme="light"] #supportTicketModal .form-select,
[data-bs-theme="light"] #supportTicketModal textarea.form-control,
[data-bs-theme="light"] #supportTicketModal input.form-control:not([type="file"]):not([type="checkbox"]):not([type="radio"]),
[data-bs-theme="light"] #supportTicketModal select.form-select,
[data-bs-theme="light"] #supportTicketModal select.form-control,
[data-bs-theme="light"] #supportTicketModal .modal-content .form-control,
[data-bs-theme="light"] #supportTicketModal .modal-content .form-select {
  background-color: #ffffff !important;
  background-image: none !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  color: #212529 !important;
  -webkit-text-fill-color: #212529 !important;
  color-scheme: light !important;
  box-shadow: none !important;
}

[data-bs-theme="light"] #supportTicketModal .form-control:focus,
[data-bs-theme="light"] #supportTicketModal .form-select:focus,
[data-bs-theme="light"] #supportTicketModal textarea.form-control:focus {
  background-color: #ffffff !important;
  border-color: #0d6efd !important;
  color: #212529 !important;
  -webkit-text-fill-color: #212529 !important;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25) !important;
}

[data-bs-theme="light"] #supportTicketModal .form-control::placeholder,
[data-bs-theme="light"] #supportTicketModal textarea.form-control::placeholder,
[data-bs-theme="light"] #supportTicketModal input.form-control::placeholder,
[data-bs-theme="light"] #supportTicketModal #ticketSubject::placeholder,
[data-bs-theme="light"] #supportTicketModal #ticketMessage::placeholder,
[data-bs-theme="light"] #supportTicketModal #ticketSteps::placeholder,
[data-bs-theme="light"] #supportTicketModal #ticketExpected::placeholder,
[data-bs-theme="light"] #supportTicketModal #ticketActual::placeholder,
html[data-bs-theme="light"] #supportTicketModal .form-control::placeholder,
html[data-bs-theme="light"] #supportTicketModal textarea.form-control::placeholder {
  color: #6c757d !important;
  -webkit-text-fill-color: #6c757d !important;
  opacity: 1 !important;
  font-size: 0.875rem !important;
  line-height: 1.5 !important;
}

[data-bs-theme="light"] #supportTicketModal .form-control::-webkit-input-placeholder,
[data-bs-theme="light"] #supportTicketModal textarea.form-control::-webkit-input-placeholder {
  color: #6c757d !important;
  -webkit-text-fill-color: #6c757d !important;
  opacity: 1 !important;
  font-size: 0.875rem !important;
  line-height: 1.5 !important;
}

[data-bs-theme="light"] #supportTicketModal .form-control::-moz-placeholder,
[data-bs-theme="light"] #supportTicketModal textarea.form-control::-moz-placeholder {
  color: #6c757d !important;
  opacity: 1 !important;
  font-size: 0.875rem !important;
  line-height: 1.5 !important;
}

[data-bs-theme="light"] #supportTicketModal .form-select,
[data-bs-theme="light"] #supportTicketModal select.form-select,
[data-bs-theme="light"] #supportTicketModal select.form-control {
  background-color: #ffffff !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
  background-repeat: no-repeat !important;
  background-position: right 0.75rem center !important;
  background-size: 16px 12px !important;
  color: #212529 !important;
  -webkit-text-fill-color: #212529 !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  color-scheme: light !important;
}

[data-bs-theme="light"] #supportTicketModal .form-select option,
[data-bs-theme="light"] #supportTicketModal select.form-select option,
[data-bs-theme="light"] #supportTicketModal select.form-control option {
  background-color: #ffffff !important;
  background: #ffffff !important;
  color: #212529 !important;
}

[data-bs-theme="light"] #supportTicketModal .text-muted,
[data-bs-theme="light"] #supportTicketModal .crm-treatment-doc-card__drop-hint {
  color: #6c757d !important;
}

[data-bs-theme="light"] #supportTicketModal .btn-group > .btn-outline-primary {
  color: #00baff;
  border: 1px solid #00baff;
  background: rgba(0, 186, 255, 0.05);
  box-shadow: 0 0 10px rgba(0, 186, 255, 0.25);
}

[data-bs-theme="light"] #supportTicketModal .btn-group > .btn-outline-primary:hover {
  color: #fff !important;
  background: linear-gradient(145deg, #00baff, #0077cc) !important;
  border-color: #00baff !important;
  box-shadow: 0 0 15px rgba(0, 186, 255, 0.45) !important;
}

[data-bs-theme="light"] #supportTicketModal .btn-check:checked + .btn-outline-primary,
[data-bs-theme="light"] #supportTicketModal .btn-check:active + .btn-outline-primary,
[data-bs-theme="light"] #supportTicketModal .btn-check:checked + .btn-outline-primary:hover {
  color: #fff !important;
  background: #0d6efd !important;
  border-color: #0d6efd !important;
  box-shadow: none !important;
}

[data-bs-theme="light"] #supportTicketModal .crm-treatment-doc-card__files-area:hover .crm-treatment-doc-card__empty-slot,
[data-bs-theme="light"] #supportTicketModal .crm-treatment-doc-card__files-area.is-dragover .crm-treatment-doc-card__empty-slot,
[data-bs-theme="light"] #supportTicketModal .crm-treatment-doc-card--editable .crm-treatment-doc-card__files-area:hover .crm-treatment-doc-card__empty-slot,
[data-bs-theme="light"] #supportTicketModal .crm-treatment-doc-card--editable .crm-treatment-doc-card__files-area.is-dragover .crm-treatment-doc-card__empty-slot {
  border: 1px dashed #0d6efd !important;
  background: rgba(13, 110, 253, 0.06) !important;
}

[data-bs-theme="light"] #supportTicketModal .crm-treatment-doc-card__upload:hover,
[data-bs-theme="light"] #supportTicketModal .crm-treatment-doc-card__upload.is-dragover {
  border-color: #0d6efd !important;
  background: rgba(13, 110, 253, 0.06) !important;
}

[data-bs-theme="light"] #supportTicketModal .crm-treatment-doc-card__files-area.is-dragover {
  outline-color: rgba(13, 110, 253, 0.55) !important;
  background: rgba(13, 110, 253, 0.05) !important;
}

[data-bs-theme="light"] #supportTicketModal .edit-patient-doc-thumb,
[data-bs-theme="light"] #supportTicketModal .crm-doc-card-ui .crm-treatment-doc-card__grid .edit-patient-doc-file {
  border-color: rgba(0, 0, 0, 0.12) !important;
  background: #f9fafb !important;
}

[data-bs-theme="light"] #supportTicketModal .alert {
  color: #212529 !important;
}

/* Upload card — Partners support_modal.php typography + spacing lock.
   Defeats CRM treatment_modal.css (12.5rem card / 0.75rem body) etc. */
#supportTicketModal .ticket-upload-scope.crm-doc-card-ui,
#supportTicketModal .ticket-upload-scope.patient-field {
  display: block !important;
  width: 100% !important;
  flex-direction: column !important;
  height: auto !important;
  min-height: 0 !important;
}

#supportTicketModal .crm-doc-card-ui .crm-treatment-doc-card,
#supportTicketModal .crm-treatment-doc-card {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: auto !important;
  min-height: 11rem !important;
  max-height: none !important;
  border: 1px solid rgba(0, 186, 255, 0.28) !important;
  border-radius: 10px !important;
  background: linear-gradient(160deg, rgba(0, 186, 255, 0.07) 0%, rgba(0, 0, 0, 0.12) 100%) !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.18) !important;
  overflow: hidden !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

[data-bs-theme="light"] #supportTicketModal .crm-doc-card-ui .crm-treatment-doc-card,
[data-bs-theme="light"] #supportTicketModal .crm-treatment-doc-card {
  border-color: rgba(13, 110, 253, 0.22) !important;
  background: linear-gradient(160deg, rgba(13, 110, 253, 0.06) 0%, #fff 100%) !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.18) !important;
}

#supportTicketModal .crm-doc-card-ui .crm-treatment-doc-card__header,
#supportTicketModal .crm-treatment-doc-card__header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.65rem !important;
  box-sizing: border-box !important;
  min-height: 2.45rem !important;
  height: auto !important;
  padding: 0.6rem 0.75rem !important;
  margin: 0 !important;
  background: rgba(0, 0, 0, 0.18) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

[data-bs-theme="light"] #supportTicketModal .crm-doc-card-ui .crm-treatment-doc-card__header,
[data-bs-theme="light"] #supportTicketModal .crm-treatment-doc-card__header {
  border-bottom-color: rgba(0, 0, 0, 0.06) !important;
  background: rgba(13, 110, 253, 0.05) !important;
}

#supportTicketModal .crm-doc-card-ui .crm-treatment-doc-card__title,
#supportTicketModal .crm-treatment-doc-card__title {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 0.35rem 0.5rem !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #f8fafc !important;
  font-weight: 700 !important;
  font-size: 0.8125rem !important;
  line-height: 1.25 !important;
}

[data-bs-theme="light"] #supportTicketModal .crm-doc-card-ui .crm-treatment-doc-card__title,
[data-bs-theme="light"] #supportTicketModal .crm-treatment-doc-card__title {
  color: #1e293b !important;
}

#supportTicketModal .crm-doc-card-ui .crm-treatment-doc-card__title > i,
#supportTicketModal .crm-treatment-doc-card__title > i,
#supportTicketModal .crm-treatment-doc-card__title > .bi {
  color: #00baff !important;
  font-size: 0.95rem !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: 0 !important;
}

[data-bs-theme="light"] #supportTicketModal .crm-doc-card-ui .crm-treatment-doc-card__title > i,
[data-bs-theme="light"] #supportTicketModal .crm-treatment-doc-card__title > i,
[data-bs-theme="light"] #supportTicketModal .crm-treatment-doc-card__title > .bi {
  color: #0d6efd !important;
}

#supportTicketModal .crm-doc-card-ui .crm-treatment-doc-card__name,
#supportTicketModal .crm-treatment-doc-card__name {
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: 1.25 !important;
  margin: 0 !important;
}

#supportTicketModal .crm-doc-card-ui .crm-treatment-doc-card__count,
#supportTicketModal .crm-treatment-doc-card__count {
  font-size: 0.7rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.2 !important;
  padding: 0.12rem 0.45rem !important;
  margin: 0 !important;
  border-radius: 999px !important;
  background: rgba(0, 186, 255, 0.14) !important;
  color: #7dd3fc !important;
  white-space: nowrap !important;
}

[data-bs-theme="light"] #supportTicketModal .crm-doc-card-ui .crm-treatment-doc-card__count,
[data-bs-theme="light"] #supportTicketModal .crm-treatment-doc-card__count {
  background: rgba(13, 110, 253, 0.12) !important;
  color: #0d6efd !important;
}

#supportTicketModal .crm-doc-card-ui .crm-treatment-doc-card__actions,
#supportTicketModal .crm-treatment-doc-card__actions {
  display: flex !important;
  align-items: center !important;
  gap: 0.45rem !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

#supportTicketModal .crm-doc-card-ui .crm-treatment-doc-card__upload,
#supportTicketModal .crm-treatment-doc-card__upload,
#supportTicketModal button.crm-treatment-doc-card__upload {
  position: relative !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  height: 2rem !important;
  min-height: 2rem !important;
  max-height: 2rem !important;
  padding: 0 0.6rem !important;
  margin: 0 !important;
  border-radius: 6px !important;
  border: 1px dashed rgba(0, 186, 255, 0.4) !important;
  background: transparent !important;
  background-image: none !important;
  color: inherit !important;
  font: inherit !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  text-align: left !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  box-shadow: none !important;
  transform: none !important;
}

#supportTicketModal .crm-doc-card-ui .crm-treatment-doc-card__upload:hover,
#supportTicketModal .crm-doc-card-ui .crm-treatment-doc-card__upload.is-dragover,
#supportTicketModal .crm-treatment-doc-card__upload:hover,
#supportTicketModal .crm-treatment-doc-card__upload.is-dragover {
  border-color: #00baff !important;
  background: rgba(0, 186, 255, 0.06) !important;
  background-image: none !important;
  box-shadow: none !important;
  transform: none !important;
}

#supportTicketModal .crm-doc-card-ui .crm-treatment-doc-card__upload-inner,
#supportTicketModal .crm-treatment-doc-card__upload-inner {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.35rem !important;
  pointer-events: none !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  color: rgba(255, 255, 255, 0.85) !important;
  margin: 0 !important;
  padding: 0 !important;
}

#supportTicketModal .crm-doc-card-ui .crm-treatment-doc-card__upload-inner i,
#supportTicketModal .crm-treatment-doc-card__upload-inner i,
#supportTicketModal .crm-treatment-doc-card__upload-inner .bi {
  font-size: 0.8rem !important;
  line-height: 1 !important;
  color: #00baff !important;
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: 0 !important;
}

[data-bs-theme="light"] #supportTicketModal .crm-doc-card-ui .crm-treatment-doc-card__upload,
[data-bs-theme="light"] #supportTicketModal .crm-treatment-doc-card__upload {
  border-color: rgba(13, 110, 253, 0.4) !important;
}

[data-bs-theme="light"] #supportTicketModal .crm-doc-card-ui .crm-treatment-doc-card__upload-inner,
[data-bs-theme="light"] #supportTicketModal .crm-treatment-doc-card__upload-inner {
  color: #334155 !important;
}

[data-bs-theme="light"] #supportTicketModal .crm-doc-card-ui .crm-treatment-doc-card__upload-inner i,
[data-bs-theme="light"] #supportTicketModal .crm-treatment-doc-card__upload-inner i {
  color: #0d6efd !important;
}

#supportTicketModal .crm-doc-card-ui .crm-treatment-doc-card__body,
#supportTicketModal .crm-doc-card-ui .crm-treatment-doc-card__body--editable,
#supportTicketModal .crm-treatment-doc-card__body,
#supportTicketModal .crm-treatment-doc-card__body--editable {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  gap: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 0.55rem !important;
  margin: 0 !important;
}

#supportTicketModal .crm-doc-card-ui .crm-treatment-doc-card__files-area,
#supportTicketModal .crm-treatment-doc-card__files-area,
#supportTicketModal .crm-treatment-doc-card--editable .crm-treatment-doc-card__files-area,
#supportTicketModal .crm-treatment-doc-card--editable .crm-treatment-doc-card__files-area[data-add-patient-file-drop] {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.45rem !important;
  min-height: 6.5rem !important;
  height: auto !important;
  position: relative !important;
  cursor: pointer !important;
  margin: 0 !important;
  padding: 0 !important;
  /* Partners: dashed border lives on empty-slot only. CRM treatment_modal.css
     paints a second dashed border on files-area (looks like gap above icon). */
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}

/* When no queued files, don't leave a flex gap above the empty drop zone. */
#supportTicketModal .crm-treatment-doc-card__files-area:not(:has(.file-item)) {
  gap: 0 !important;
  row-gap: 0 !important;
}

#supportTicketModal .crm-doc-card-ui .crm-treatment-doc-card__grid[hidden],
#supportTicketModal .crm-treatment-doc-card__grid[hidden],
#supportTicketModal .crm-treatment-doc-card__grid:not(:has(.file-item)) {
  display: none !important;
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  flex: none !important;
  pointer-events: none !important;
}

#supportTicketModal .crm-doc-card-ui .crm-treatment-doc-card__files-area .add-patient-file-input,
#supportTicketModal .crm-treatment-doc-card__files-area .add-patient-file-input {
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

#supportTicketModal .crm-doc-card-ui .crm-treatment-doc-card__files-area.is-dragover,
#supportTicketModal .crm-treatment-doc-card__files-area.is-dragover {
  outline: 2px dashed rgba(0, 186, 255, 0.65) !important;
  outline-offset: -3px !important;
  background: rgba(0, 186, 255, 0.05) !important;
  border-radius: 6px !important;
  border: none !important;
}

#supportTicketModal .crm-doc-card-ui .crm-treatment-doc-card__empty-slot,
#supportTicketModal .crm-treatment-doc-card__empty-slot {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  min-height: 6.5rem;
  padding: 0.75rem;
  text-align: center;
  /* color: rgba(255, 255, 255, 0.55); */
  font-size: 0.8rem;
  border: 1px dashed rgba(0, 186, 255, 0.35);
  border-radius: 8px;
  box-sizing: border-box;
}

#supportTicketModal .crm-doc-card-ui .crm-treatment-doc-card__empty-slot > * + *,
#supportTicketModal .crm-treatment-doc-card__empty-slot > * + * {
  margin-top: 0 !important;
}

#supportTicketModal .crm-doc-card-ui .crm-treatment-doc-card__empty-slot::before,
#supportTicketModal .crm-doc-card-ui .crm-treatment-doc-card__empty-slot::after,
#supportTicketModal .crm-treatment-doc-card__empty-slot::before,
#supportTicketModal .crm-treatment-doc-card__empty-slot::after {
  content: none !important;
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 0 !important;
  height: 0 !important;
}

#supportTicketModal .crm-doc-card-ui .crm-treatment-doc-card__empty-slot > *:first-child,
#supportTicketModal .crm-treatment-doc-card__empty-slot > *:first-child {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#supportTicketModal .crm-doc-card-ui .crm-treatment-doc-card__files-area:hover .crm-treatment-doc-card__empty-slot,
#supportTicketModal .crm-doc-card-ui .crm-treatment-doc-card__files-area.is-dragover .crm-treatment-doc-card__empty-slot,
#supportTicketModal .crm-treatment-doc-card__files-area:hover .crm-treatment-doc-card__empty-slot,
#supportTicketModal .crm-treatment-doc-card__files-area.is-dragover .crm-treatment-doc-card__empty-slot,
#supportTicketModal .crm-treatment-doc-card--editable .crm-treatment-doc-card__files-area:hover .crm-treatment-doc-card__empty-slot,
#supportTicketModal .crm-treatment-doc-card--editable .crm-treatment-doc-card__files-area.is-dragover .crm-treatment-doc-card__empty-slot {
  border: 1px dashed #00baff !important;
  background: rgba(0, 186, 255, 0.06) !important;
}

/* Also defeat CRM editable hover that clears empty-slot border / paints files-area instead */
#supportTicketModal .crm-treatment-doc-card--editable .crm-treatment-doc-card__files-area[data-add-patient-file-drop]:hover,
#supportTicketModal .crm-treatment-doc-card--editable .crm-treatment-doc-card__files-area[data-add-patient-file-drop].is-dragover {
  border: none !important;
  background: transparent !important;
}

/* Match Partners: font-size only — no forced 1.5rem square (Partners measures ~24×36). */
#supportTicketModal .crm-doc-card-ui .crm-treatment-doc-card__drop-icon,
#supportTicketModal .crm-treatment-doc-card__drop-icon,
#supportTicketModal .crm-treatment-doc-card__empty-slot > .bi.crm-treatment-doc-card__drop-icon,
#supportTicketModal .crm-treatment-doc-card__empty-slot > i.crm-treatment-doc-card__drop-icon {
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  font-size: 1.5rem !important;
  line-height: 1.5 !important;
  color: #00baff !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  vertical-align: baseline !important;
  flex-shrink: 0 !important;
}

#supportTicketModal .crm-treatment-doc-card__drop-icon::before,
#supportTicketModal .crm-treatment-doc-card__empty-slot > .bi.crm-treatment-doc-card__drop-icon::before,
#supportTicketModal .crm-treatment-doc-card__empty-slot > i.crm-treatment-doc-card__drop-icon::before {
  display: inline-block !important;
  line-height: inherit !important;
  vertical-align: baseline !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  height: auto !important;
}

#supportTicketModal .crm-doc-card-ui .crm-treatment-doc-card__drop-title,
#supportTicketModal .crm-treatment-doc-card__drop-title {
  font-weight: 500 !important;
  font-size: 0.8125rem !important;
  color: rgba(255, 255, 255) !important;
  /* margin: 0 !important; */
  /* padding: 0 !important; */
}

#supportTicketModal .crm-doc-card-ui .crm-treatment-doc-card__drop-hint,
#supportTicketModal .crm-treatment-doc-card__drop-hint {
  font-size: 0.72rem !important;
  line-height: 1.35 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

[data-bs-theme="light"] #supportTicketModal .crm-doc-card-ui .crm-treatment-doc-card__empty-slot,
[data-bs-theme="light"] #supportTicketModal .crm-treatment-doc-card__empty-slot {
  color: #64748b !important;
  border-color: rgba(13, 110, 253, 0.32) !important;
}

[data-bs-theme="light"] #supportTicketModal .crm-doc-card-ui .crm-treatment-doc-card__drop-icon,
[data-bs-theme="light"] #supportTicketModal .crm-treatment-doc-card__drop-icon {
  color: #0d6efd !important;
}

[data-bs-theme="light"] #supportTicketModal .crm-doc-card-ui .crm-treatment-doc-card__drop-title,
[data-bs-theme="light"] #supportTicketModal .crm-treatment-doc-card__drop-title {
  color: #334155 !important;
}

#supportTicketModal .crm-doc-card-ui .crm-treatment-doc-card__files-area:has(.file-item) .crm-treatment-doc-card__empty-slot,
#supportTicketModal .crm-treatment-doc-card__files-area:has(.file-item) .crm-treatment-doc-card__empty-slot {
  display: none !important;
}

#supportTicketModal .crm-doc-card-ui .crm-treatment-doc-card__grid,
#supportTicketModal .crm-treatment-doc-card__grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0.55rem !important;
  width: 100% !important;
  align-content: start !important;
  margin: 0 !important;
  padding: 0 !important;
}

#supportTicketModal .crm-doc-card-ui .crm-treatment-doc-card__grid[hidden],
#supportTicketModal .crm-treatment-doc-card__grid[hidden] {
  display: none !important;
}

@media (max-width: 575.98px) {
  #supportTicketModal .crm-doc-card-ui .crm-treatment-doc-card__grid,
  #supportTicketModal .crm-treatment-doc-card__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}