/* TT24_D7A_VISUAL_STABILITY_V1_BEGIN
   Desktop-only visual stability patch:
   1) compact documents summary cards in one row,
   2) align finance file identity with documents header in RTL,
   3) improve follow-up readability.
   No API, Database, Auth/CSRF/company_id, Role/Permission, handler,
   finance formula, documents action, modal stack, Portal or Mobile behavior changes.
*/
@media (min-width: 881px) {
  /* Documents: four compact summary cards in one horizontal row. */
  .modal.tt24-d7-docs-modal .tt24-d7-docs-summary {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 !important;
  }
  .modal.tt24-d7-docs-modal .tt24-d7-doc-stat {
    min-width: 0 !important;
    min-height: 58px !important;
    padding: 9px 13px !important;
    border-radius: 14px !important;
    gap: 9px !important;
    box-shadow: 0 5px 16px rgba(18,58,96,.045) !important;
  }
  .modal.tt24-d7-docs-modal .tt24-d7-doc-stat span {
    min-width: 0 !important;
    font-size: 12px !important;
    line-height: 1.65 !important;
  }
  .modal.tt24-d7-docs-modal .tt24-d7-doc-stat b {
    flex: 0 0 auto !important;
    font-size: 20px !important;
    line-height: 1 !important;
  }

  /* Finance: title and file number both stay on the right; close remains left. */
  .modal.s39b-finance-modal.tt24-d6-finance-modal > .modal-h {
    position: relative !important;
    padding-right: 29px !important;
    padding-left: 86px !important;
  }
  .modal.s39b-finance-modal.tt24-d6-finance-modal .tt24-d6-finance-identity {
    right: 29px !important;
    left: auto !important;
    inset-inline-start: auto !important;
    inset-inline-end: auto !important;
    bottom: 15px !important;
    max-width: calc(100% - 120px) !important;
    text-align: right !important;
    direction: rtl !important;
  }

  /* Case follow-ups: larger, calmer and more readable only in this view. */
  .modal.file-modal.tt24-d4-file-modal [data-tt24-d4a-view="followups"] > h4 {
    font-size: 17px !important;
    line-height: 1.8 !important;
    margin-bottom: 12px !important;
  }
  .modal.file-modal.tt24-d4-file-modal [data-tt24-d4a-view="followups"] .table-wrap {
    border-radius: 16px !important;
  }
  .modal.file-modal.tt24-d4-file-modal [data-tt24-d4a-view="followups"] table {
    font-size: 14px !important;
    line-height: 1.9 !important;
  }
  .modal.file-modal.tt24-d4-file-modal [data-tt24-d4a-view="followups"] th {
    padding: 13px 14px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
  }
  .modal.file-modal.tt24-d4-file-modal [data-tt24-d4a-view="followups"] td {
    padding: 17px 14px !important;
    font-size: 14px !important;
    line-height: 1.9 !important;
    vertical-align: middle !important;
  }
  .modal.file-modal.tt24-d4-file-modal [data-tt24-d4a-view="followups"] td:first-child > b {
    display: block !important;
    margin-bottom: 4px !important;
    color: #123a61 !important;
    font-size: 15.5px !important;
    font-weight: 700 !important;
    line-height: 1.8 !important;
  }
  .modal.file-modal.tt24-d4-file-modal [data-tt24-d4a-view="followups"] .muted,
  .modal.file-modal.tt24-d4-file-modal [data-tt24-d4a-view="followups"] .small-note {
    max-width: none !important;
    margin-top: 5px !important;
    color: #506b85 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.9 !important;
  }
  .modal.file-modal.tt24-d4-file-modal [data-tt24-d4a-view="followups"] td:nth-child(2),
  .modal.file-modal.tt24-d4-file-modal [data-tt24-d4a-view="followups"] td:nth-child(3),
  .modal.file-modal.tt24-d4-file-modal [data-tt24-d4a-view="followups"] td:nth-child(4) {
    color: #173b5d !important;
    font-size: 14px !important;
    font-weight: 600 !important;
  }
  .modal.file-modal.tt24-d4-file-modal [data-tt24-d4a-view="followups"] .btn,
  .modal.file-modal.tt24-d4-file-modal [data-tt24-d4a-view="followups"] button {
    min-height: 37px !important;
    padding: 7px 13px !important;
    border-radius: 11px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
  }
}
/* TT24_D7A_VISUAL_STABILITY_V1_END */
