/* TT24_D7B_MODAL_SIZING_CLOSE_STANDARD_V1_BEGIN
   Desktop-only modal sizing and close-button standardization.
   Reference: the existing Edit File modal close button (42x42 inside the header).
   No handler, modal stack, API, Database, Auth/CSRF/company_id, Role/Permission,
   finance calculation, documents action, Portal, Mobile or notification-sound change.
*/
@media (min-width: 881px) {
  /* Documents: same width class as Finance, content-driven height, safe max-height. */
  .modal-bg:has(.modal.tt24-d7-docs-modal) {
    align-items: center !important;
    padding: 18px !important;
  }
  .modal.tt24-d7-docs-modal {
    width: min(1180px, calc(100vw - 56px)) !important;
    max-width: 1180px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: 94vh !important;
    overflow: hidden !important;
  }
  .modal.tt24-d7-docs-modal > .modal-h {
    min-height: 102px !important;
    padding: 23px 28px !important;
  }
  .modal.tt24-d7-docs-modal > .modal-h h3 {
    padding-left: 66px !important;
    font-size: 23px !important;
  }
  .modal.tt24-d7-docs-modal > .modal-b {
    flex: 0 1 auto !important;
    min-height: 0 !important;
    max-height: calc(94vh - 168px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 18px 20px 20px !important;
  }
  .modal.tt24-d7-docs-modal > .modal-f {
    padding: 12px 22px !important;
  }
  .modal.tt24-d7-docs-modal .tt24-d7-docs-layout {
    gap: 12px !important;
  }
  .modal.tt24-d7-docs-modal .tt24-d7-docs-summary {
    gap: 8px !important;
  }
  .modal.tt24-d7-docs-modal .tt24-d7-doc-stat {
    min-height: 46px !important;
    padding: 6px 10px !important;
    border-radius: 12px !important;
    gap: 7px !important;
    box-shadow: 0 3px 10px rgba(18,58,96,.035) !important;
  }
  .modal.tt24-d7-docs-modal .tt24-d7-doc-stat span {
    font-size: 11.5px !important;
    line-height: 1.5 !important;
  }
  .modal.tt24-d7-docs-modal .tt24-d7-doc-stat b {
    font-size: 18px !important;
    line-height: 1 !important;
  }

  /* One close-button visual standard: 42x42, 28px left, 24px top. */
  .modal.tt24-d7-docs-modal > .modal-h .close-x,
  .modal.s39b-finance-modal > .modal-h .close-x,
  .modal.file-modal.tt24-d4-file-modal .tt24-d6-file-close-x {
    position: absolute !important;
    left: 28px !important;
    right: auto !important;
    inset-inline-start: auto !important;
    inset-inline-end: auto !important;
    top: 24px !important;
    z-index: 40 !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    border: 1px solid #dbe5ef !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #536b82 !important;
    box-shadow: none !important;
    font: 400 22px/1 Arial,sans-serif !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
  }
  .modal.tt24-d7-docs-modal > .modal-h .close-x:hover,
  .modal.tt24-d7-docs-modal > .modal-h .close-x:focus-visible,
  .modal.s39b-finance-modal > .modal-h .close-x:hover,
  .modal.s39b-finance-modal > .modal-h .close-x:focus-visible,
  .modal.file-modal.tt24-d4-file-modal .tt24-d6-file-close-x:hover,
  .modal.file-modal.tt24-d4-file-modal .tt24-d6-file-close-x:focus-visible {
    background: #fff4f4 !important;
    color: #b4233f !important;
    border-color: #fecaca !important;
    transform: none !important;
  }

  /* Reserve the same left-side header area for the standardized button. */
  .modal.s39b-finance-modal > .modal-h {
    padding-left: 86px !important;
  }
  .modal.file-modal.tt24-d4-file-modal .modal-h.tt24-d4-file-head {
    padding-left: 86px !important;
  }
}
/* TT24_D7B_MODAL_SIZING_CLOSE_STANDARD_V1_END */