#tab_content .avilable_merge_fields .list-group-item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  height: auto !important;
}

#tab_content .avilable_merge_fields .list-group-item > b,
#tab_content .avilable_merge_fields .list-group-item > a {
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

#tab_content .avilable_merge_fields .list-group-item > a.pull-right {
  float: none !important;
  flex: 0 1 auto;
  margin-left: auto;
  text-align: right;
}

@media (max-width: 767px) {
  #tab_content .avilable_merge_fields .list-group-item {
    flex-direction: column;
    gap: 4px;
  }

  #tab_content .avilable_merge_fields .list-group-item > a.pull-right {
    width: 100%;
    margin-left: 0;
    text-align: left;
  }
}

.imexum-merge-fields-modal .modal-dialog {
  width: min(900px, calc(100% - 30px));
  margin: 30px auto;
}

.imexum-merge-fields-modal .modal-content {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 60px);
}

.imexum-merge-fields-modal .modal-body {
  min-height: 0;
  overflow: hidden;
}

.imexum-merge-field-table-wrap {
  max-height: calc(100vh - 270px);
  overflow-y: auto;
  border: 1px solid var(--imexum-line, #dfe8f1);
}

.imexum-merge-field-table {
  margin-bottom: 0;
}

.imexum-merge-field-table > thead > tr > th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--imexum-soft-blue, #eef8fc);
}

.imexum-merge-field-table code {
  display: inline-block;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
  white-space: normal;
}

.imexum-merge-field-value {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}

.imexum-merge-field-value code { min-width: 0; }

.imexum-copy-merge-field {
  flex: 0 0 auto;
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s ease;
}

.imexum-merge-field-table tr:hover .imexum-copy-merge-field,
.imexum-merge-field-table tr:focus-within .imexum-copy-merge-field {
  opacity: 1;
  pointer-events: auto;
}

@media (max-width: 767px) {
  .imexum-merge-fields-modal .modal-dialog {
    width: auto;
    margin: 12px;
  }

  .imexum-merge-fields-modal .modal-content {
    max-height: calc(100vh - 24px);
  }

  .imexum-merge-field-table-wrap {
    max-height: calc(100vh - 250px);
  }
}

.imexum-upload-path-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 8px;
}

.imexum-upload-path {
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr);
  gap: 12px;
  min-height: 126px;
  margin: 0;
  padding: 16px;
  border: 1px solid var(--imexum-line, #dfe8f1);
  border-radius: 14px;
  background: #fff;
  cursor: pointer;
  transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

.imexum-upload-path.is-selected {
  border-color: var(--imexum-gold, #c8a45c);
  background: #fffdf8;
  box-shadow: 0 8px 24px rgba(16, 32, 51, .08);
}

.imexum-upload-path input { margin-top: 5px; }
.imexum-upload-path-icon { color: var(--imexum-gold-dark, #9a7838); font-size: 24px; }
.imexum-upload-path strong { display: block; margin-bottom: 6px; color: var(--imexum-navy, #102033); }
.imexum-upload-path small { display: block; margin-bottom: 10px; color: var(--imexum-muted, #5f6f82); line-height: 1.5; }

.imexum-document-editor-layout {
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr);
  gap: 20px;
  height: calc(100vh - 165px);
  min-height: 620px;
  align-items: stretch;
  overflow: hidden;
}

.imexum-document-tools {
  position: static;
  height: 100%;
  padding: 18px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--imexum-line, #dfe8f1);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 10px 36px rgba(16, 32, 51, .06);
}

.imexum-document-tool-intro {
  margin: 0 0 16px;
  color: var(--imexum-muted, #5f6f82);
  line-height: 1.55;
}

.imexum-signature-actions {
  display: grid;
  gap: 10px;
}

.imexum-signature-actions .btn-block + .btn-block {
  margin-top: 0;
}

.imexum-signature-tool {
  width: 100%;
  max-width: 100%;
  min-height: 42px;
  overflow-wrap: anywhere;
  border-color: var(--imexum-gold, #c8a45c);
  text-align: left;
  white-space: normal;
}

.imexum-signing-status {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-top: 18px;
  padding: 12px 14px;
  border: 1px solid #d8c28c;
  border-radius: 10px;
  background: #fffaf0;
  color: #102033;
}
.imexum-signing-status > i { color: #9a742e; font-size: 20px; }
.imexum-signing-status.is-ready { border-color: #9bc8ab; background: #f2fbf5; }
.imexum-signing-status.is-ready > i { color: #287a45; }
.imexum-signing-status span { margin-left: 8px; color: #5f6f82; }

.imexum-verification-shell { max-width: 780px; padding-top: 54px; padding-bottom: 54px; }
.imexum-verification-card { position: relative; overflow: hidden; padding: 34px; border-radius: 16px; }
.imexum-verification-brand {
  position: absolute;
  top: 16px;
  right: 24px;
  color: rgba(184, 143, 49, .12);
  font-size: 54px;
  font-weight: 700;
  letter-spacing: .06em;
}
.imexum-verification-status { position: relative; display: flex; gap: 16px; align-items: flex-start; margin-bottom: 28px; }
.imexum-verification-status > i { margin-top: 5px; font-size: 30px; }
.imexum-verification-status h2 { margin: 0 0 6px; color: #102033; font-size: 25px; }
.imexum-verification-status p { margin: 0; color: #5f6f82; }
.imexum-verification-status.is-valid > i { color: #287a45; }
.imexum-verification-status.is-invalid > i { color: #b42318; }
.imexum-verification-details { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; margin: 0 0 24px; border: 1px solid #dfe8f1; border-radius: 12px; overflow: hidden; }
.imexum-verification-details > div { padding: 14px 16px; border-bottom: 1px solid #dfe8f1; background: #fff; }
.imexum-verification-details > div:nth-child(odd) { border-right: 1px solid #dfe8f1; }
.imexum-verification-details dt { margin-bottom: 4px; color: #6a7786; font-size: 12px; font-weight: 600; text-transform: uppercase; }
.imexum-verification-details dd { margin: 0; color: #102033; font-weight: 600; overflow-wrap: anywhere; }
.imexum-self-signed-notice { margin: 0; color: #3d4c5c; }

.imexum-signature-tool .fa {
  width: 18px;
  color: var(--imexum-gold-dark, #9a7838);
}

.imexum-document-tools [data-action="detect-tokens"] {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 42px;
  padding: 9px 12px;
  overflow-wrap: anywhere;
  border-color: #c8a45c !important;
  background: #102033 !important;
  color: #f3dfac !important;
  line-height: 1.35;
  white-space: normal;
}

.imexum-document-pages {
  height: 100%;
  min-height: 0;
  padding: 24px;
  overflow-x: auto;
  overflow-y: scroll;
  overscroll-behavior: contain;
  border-radius: 16px;
  background: #eef2f6;
}

.imexum-document-editor-status {
  display: flex;
  min-height: 520px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #5f6f82;
  font-size: 14px;
}

.imexum-document-editor-status.is-error {
  color: #a94442;
}

.imexum-pdf-page {
  position: relative;
  margin: 0 auto 24px;
  background: #fff;
  box-shadow: 0 8px 30px rgba(16, 32, 51, .18);
}

.imexum-pdf-page canvas { display: block; width: 100%; height: auto; }
.imexum-placement-layer { position: absolute; inset: 0; }
.imexum-placement-layer.is-drop-target {
  outline: 3px solid var(--imexum-gold, #c8a45c);
  outline-offset: -3px;
  background: rgba(200, 164, 92, .08);
}
.imexum-placement {
  position: absolute;
  box-sizing: border-box;
  min-width: 20px;
  min-height: 16px;
  border: 2px solid #c8a45c;
  background: rgba(16, 32, 51, .12);
  cursor: move;
  user-select: none;
}
.imexum-placement.is-signature { border-color: #c8a45c; background: rgba(16, 32, 51, .18); }
.imexum-placement.is-selected { outline: 3px solid rgba(200, 164, 92, .4); }
.imexum-placement.is-signature.is-selected { outline-color: rgba(200, 164, 92, .35); }
.imexum-placement-label {
  display: inline-block;
  max-width: calc(100% - 4px);
  margin: 2px;
  padding: 2px 6px;
  overflow: hidden;
  border: 1px solid #c8a45c !important;
  border-radius: 4px;
  background: #102033 !important;
  color: #f3dfac !important;
  box-shadow: 0 1px 3px rgba(16, 32, 51, .2);
  font-size: 11px;
  font-weight: 700 !important;
  line-height: 1.35;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.imexum-token-chip {
  display: inline-block;
  max-width: 100%;
  padding: 4px 8px;
  overflow: hidden;
  border: 1px solid #c8a45c !important;
  border-radius: 5px;
  background: #102033 !important;
  color: #f3dfac !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 12px;
  font-weight: 700 !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.imexum-placement-remove {
  position: absolute;
  top: -11px;
  right: -11px;
  display: none;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 2px solid #fff;
  border-radius: 50%;
  color: #fff;
  background: #b42318;
  box-shadow: 0 2px 8px rgba(16, 32, 51, .22);
  cursor: pointer;
  font-size: 11px;
  line-height: 20px;
  text-align: center;
  z-index: 2;
}
.imexum-placement:hover .imexum-placement-remove,
.imexum-placement.is-selected .imexum-placement-remove { display: block; }
.imexum-placement-resize { position: absolute; right: -5px; bottom: -5px; width: 11px; height: 11px; border-radius: 50%; background: #0089be; cursor: nwse-resize; }
.imexum-placement.is-certification { border-color: #b88f31; background: rgba(255, 250, 238, .55); }
.imexum-placement.is-certification .imexum-placement-label { background: #6f5319 !important; color: #fff4d2 !important; }
.imexum-placement.is-certification .imexum-placement-resize { background: #b88f31; }

.imexum-contract-pdf-frame iframe {
  display: block;
  width: 100%;
  min-height: 78vh;
  border: 0;
  background: #eef2f6;
}

.imexum-contract-details-prompt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 16px;
  padding: 14px 16px;
  border: 1px solid #d8c28c;
  border-radius: 10px;
  background: #fffaf0;
  color: #102033;
}
.imexum-contract-details-prompt strong,
.imexum-contract-details-prompt span { display: block; }
.imexum-contract-details-prompt span { margin-top: 3px; color: #526171; }
.imexum-contract-details-prompt .btn {
  flex: 0 0 auto;
  border-color: #102033 !important;
  background: #102033 !important;
  color: #f3dfac !important;
}

.imexum-contract-details-shell { padding-bottom: 48px; }
.imexum-contract-details-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
  padding-bottom: 18px;
  border-bottom: 1px solid #dfe8f1;
}
.imexum-contract-details-heading h2 { margin: 2px 0 8px; color: #102033; }
.imexum-eyebrow {
  margin: 0;
  color: #9a742e;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.imexum-contract-details-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 8px;
  padding-top: 20px;
  border-top: 1px solid #dfe8f1;
}
.imexum-contract-details-page .form-group label { color: #102033; font-weight: 600; }
.imexum-contract-details-page fieldset[disabled] .form-control {
  color: #526171;
  background: #f4f6f8;
  opacity: 1;
}

.imexum-language-tabs {
  margin-top: 4px;
}

.imexum-language-tab-content {
  padding: 22px 18px 8px;
  border: 1px solid var(--imexum-line, #dfe8f1);
  border-top: 0;
  border-radius: 0 0 12px 12px;
  background: #fff;
}

.imexum-language-tab-content .tab-pane[dir="rtl"] label {
  display: block;
  text-align: right;
}

.imexum-language-panel-toolbar {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 16px;
}

.imexum-language-tab-content .tab-pane[dir="rtl"] .imexum-language-panel-toolbar {
  justify-content: flex-start;
}

.imexum-business-details-modal .modal-dialog {
  width: min(900px, calc(100% - 30px));
  margin: 30px auto;
}

.imexum-business-details-modal .modal-content {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 60px);
}

.imexum-business-details-modal .modal-body {
  min-height: 0;
  overflow-y: auto;
}

.imexum-arabic-input {
  direction: rtl;
  text-align: right;
  font-family: "IMEXUM DIN Arabic", "IMEXUM Montserrat", sans-serif !important;
  font-weight: 400 !important;
}

.imexum-shared-details {
  margin-top: 22px;
  padding: 18px;
  border: 1px solid var(--imexum-line, #dfe8f1);
  border-radius: 12px;
  background: #f8fafc;
}

.imexum-shared-details h4 {
  margin: 0 0 4px;
}

@media (max-width: 767px) {
  .imexum-contract-details-prompt,
  .imexum-contract-details-heading,
  .imexum-contract-details-actions { align-items: stretch; flex-direction: column; }
  .imexum-business-details-modal .modal-dialog { width: auto; margin: 12px; }
  .imexum-business-details-modal .modal-content { max-height: calc(100vh - 24px); }
}

.imexum-contract-template-field {
  padding: 16px;
  border: 1px solid var(--imexum-line, #dfe8f1);
  border-radius: 12px;
  background: var(--imexum-soft-blue, #eef8fc);
}

.imexum-contract-workflow {
  display: grid;
  gap: 22px;
}

.imexum-contract-workflow-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.imexum-contract-workflow-heading h4,
.imexum-contract-next-actions h5 {
  margin: 0 0 6px;
  font-weight: 600;
}

.imexum-contract-workflow-heading p {
  margin: 0;
}

.imexum-contract-assignment-form,
.imexum-contract-next-actions {
  padding: 18px;
  border: 1px solid var(--imexum-line, #dfe8f1);
  border-radius: 14px;
  background: #fff;
}

.imexum-contract-action-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.imexum-contract-action-grid .btn {
  display: flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  white-space: normal;
}

@media (max-width: 991px) {
  .imexum-document-editor-layout { grid-template-columns: 1fr; height: auto; min-height: 0; overflow: visible; }
  .imexum-document-tools { height: auto; max-height: none; overflow: visible; }
  .imexum-document-pages { height: auto; min-height: 600px; overflow: auto; }
  .imexum-contract-action-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 600px) {
  .imexum-upload-path-grid { grid-template-columns: 1fr; }
  .imexum-contract-workflow-heading { display: block; }
  .imexum-contract-workflow-heading .btn { margin-top: 12px; }
  .imexum-contract-action-grid { grid-template-columns: 1fr; }
  .imexum-verification-details { grid-template-columns: 1fr; }
  .imexum-verification-details > div:nth-child(odd) { border-right: 0; }
}

/* IMEXUM brand treatment for document-module controls. */
body .imexum-upload-path,
body .imexum-document-tools,
body .imexum-verification-card,
body .imexum-contract-workflow,
body .imexum-contract-next-actions,
body .imexum-shared-details,
body .imexum-contract-action-grid {
  border-color: var(--imexum-line, #dfe8f1);
  border-radius: var(--imexum-radius-sm, 12px);
  background-color: var(--imexum-white, #fff);
}

body .imexum-upload-path.is-selected {
  border-color: var(--imexum-blue, #0089be);
  background: var(--imexum-soft-blue, #eef8fc);
  box-shadow: var(--imexum-shadow-sm, 0 8px 24px rgba(16, 32, 51, 0.08));
}

body .imexum-upload-path-icon,
body .imexum-eyebrow,
body .imexum-signature-tool .fa {
  color: var(--imexum-blue, #0089be);
}

body .imexum-document-pages,
body .imexum-contract-details-page fieldset[disabled] .form-control {
  background-color: var(--imexum-soft, #f5f8fb);
}

body .imexum-document-tools [data-action="detect-tokens"],
body .imexum-contract-details-prompt .btn {
  color: var(--imexum-white, #fff) !important;
  border-color: var(--imexum-navy, #17345f) !important;
  background: var(--imexum-navy, #17345f) !important;
}

body .imexum-document-tools [data-action="detect-tokens"]:hover,
body .imexum-contract-details-prompt .btn:hover {
  border-color: var(--imexum-blue, #0089be) !important;
  background: var(--imexum-blue, #0089be) !important;
}

body .imexum-token-chip,
body .imexum-placement-label {
  color: var(--imexum-white, #fff) !important;
  border-color: var(--imexum-blue, #0089be) !important;
  background: var(--imexum-navy, #17345f) !important;
}

body .imexum-placement,
body .imexum-placement-layer.is-drop-target {
  border-color: var(--imexum-blue, #0089be);
}

body .imexum-placement-layer.is-drop-target {
  background: rgba(0, 137, 190, 0.08);
}

body .imexum-placement-resize {
  background: var(--imexum-blue, #0089be);
}

body .imexum-signing-status,
body .imexum-contract-details-prompt {
  color: var(--imexum-navy-2, #0c1f3a);
  border-color: rgba(200, 164, 92, 0.35);
  border-radius: var(--imexum-radius-sm, 12px);
  background: var(--imexum-warning-soft, #fff8e7);
}