/* TT24_D5_PRODUCTION_CASE_FINANCE_V1_BEGIN
   Desktop-only presentation layer for the existing Production case-finance modal.
   No amount, formula, status, API, endpoint, permission, company_id, handler,
   accountant-panel, invoice-print return flow, documents or mobile behavior changes.
*/

@media (min-width: 881px) {
  .modal.s39b-finance-modal {
    display: flex !important;
    flex-direction: column !important;
    width: min(1180px, calc(100vw - 56px)) !important;
    max-width: 1180px !important;
    height: min(94vh, 920px) !important;
    max-height: 94vh !important;
    overflow: hidden !important;
    border: 1px solid rgba(15, 63, 105, .18) !important;
    border-radius: 24px !important;
    background: #eef4f8 !important;
    box-shadow: 0 28px 78px rgba(8, 35, 63, .26) !important;
  }

  .modal.s39b-finance-modal .modal-h {
    position: relative !important;
    z-index: 20 !important;
    flex: 0 0 auto !important;
    min-height: 102px !important;
    padding: 23px 28px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.16) !important;
    background: linear-gradient(135deg, #0f3e68 0%, #19527f 100%) !important;
    color: #fff !important;
  }

  .modal.s39b-finance-modal .modal-h::after {
    content: 'مدیریت مالی' !important;
    position: absolute !important;
    right: 29px !important;
    bottom: 18px !important;
    color: rgba(255,255,255,.72) !important;
    font-family: 'TT24 B Yekan Plus','B Yekan+',Tahoma,sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
  }

  .modal.s39b-finance-modal .modal-h h2,
  .modal.s39b-finance-modal .modal-h .modal-title,
  .modal.s39b-finance-modal .modal-h > div:first-child {
    color: #fff !important;
    font-family: 'TT24 B Yekan Plus Bold','B Yekan+','TT24 B Yekan Plus',Tahoma,sans-serif !important;
    font-size: 23px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
  }

  .modal.s39b-finance-modal .modal-b {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    scrollbar-gutter: stable !important;
    padding: 22px 24px 28px !important;
    background:
      radial-gradient(circle at 7% 5%, rgba(37, 99, 235, .055), transparent 24%),
      #eef4f8 !important;
  }

  .modal.s39b-finance-modal .modal-f {
    position: relative !important;
    z-index: 21 !important;
    flex: 0 0 auto !important;
    min-height: 66px !important;
    padding: 12px 22px !important;
    border-top: 1px solid #d7e2ec !important;
    background: rgba(255,255,255,.97) !important;
    box-shadow: 0 -8px 24px rgba(15, 50, 82, .06) !important;
  }

  /* Introductory note */
  .modal.s39b-finance-modal .modal-b > .card:first-child {
    margin: 0 0 18px !important;
    padding: 14px 17px !important;
    border: 1px solid #bfdbfe !important;
    border-right: 4px solid #2f6ea8 !important;
    border-radius: 15px !important;
    background: #f3f8fd !important;
    box-shadow: none !important;
  }

  .modal.s39b-finance-modal .modal-b > .card:first-child .muted {
    color: #3d5f7d !important;
    font-size: 12.5px !important;
    line-height: 2 !important;
  }

  /* Section headers */
  .modal.s39b-finance-modal .card-h {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    min-height: 61px !important;
    margin: 18px 0 0 !important;
    padding: 11px 15px !important;
    border: 1px solid #d4e0ea !important;
    border-radius: 16px 16px 0 0 !important;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(15, 50, 82, .055) !important;
  }

  .modal.s39b-finance-modal .card-h h3 {
    position: relative !important;
    margin: 0 !important;
    padding-right: 17px !important;
    color: #103b61 !important;
    font-family: 'TT24 B Yekan Plus Bold','B Yekan+','TT24 B Yekan Plus',Tahoma,sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.7 !important;
  }

  .modal.s39b-finance-modal .card-h h3::before {
    content: '' !important;
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    width: 7px !important;
    height: 7px !important;
    border-radius: 50% !important;
    background: #d5a600 !important;
    box-shadow: 0 0 0 5px rgba(213,166,0,.13) !important;
    transform: translateY(-50%) !important;
  }

  .modal.s39b-finance-modal .card-h > div {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
  }

  /* Tables */
  .modal.s39b-finance-modal .table-wrap {
    margin: 0 0 16px !important;
    overflow-x: auto !important;
    border: 1px solid #d4e0ea !important;
    border-top: 0 !important;
    border-radius: 0 0 16px 16px !important;
    background: #fff !important;
    box-shadow: 0 12px 28px rgba(15, 50, 82, .055) !important;
  }

  .modal.s39b-finance-modal .card:not(:first-child) + .table-wrap,
  .modal.s39b-finance-modal .card-h + .card + .table-wrap {
    border-top: 1px solid #d4e0ea !important;
    border-radius: 16px !important;
  }

  .modal.s39b-finance-modal table {
    min-width: 760px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    font-family: 'TT24 B Yekan Plus','B Yekan+',Tahoma,sans-serif !important;
    font-size: 12.5px !important;
  }

  .modal.s39b-finance-modal thead th {
    height: 47px !important;
    padding: 11px 13px !important;
    border-bottom: 1px solid #d9e4ed !important;
    background: #f4f8fb !important;
    color: #31526e !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
  }

  .modal.s39b-finance-modal tbody td {
    min-height: 49px !important;
    padding: 12px 13px !important;
    border-bottom: 1px solid #e8eef4 !important;
    color: #183a56 !important;
    line-height: 1.8 !important;
    vertical-align: middle !important;
  }

  .modal.s39b-finance-modal tbody tr:last-child td {
    border-bottom: 0 !important;
  }

  .modal.s39b-finance-modal tbody tr:hover td {
    background: #f9fbfd !important;
  }

  .modal.s39b-finance-modal .tt24-fin-request-actions {
    white-space: normal !important;
  }

  .modal.s39b-finance-modal .tt24-fin-request-actions .btn {
    margin: 2px 2px !important;
  }

  /* Buttons */
  .modal.s39b-finance-modal .btn {
    min-height: 34px !important;
    padding: 6px 11px !important;
    border-radius: 9px !important;
    font-family: 'TT24 B Yekan Plus','B Yekan+',Tahoma,sans-serif !important;
    font-size: 11.5px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
  }

  .modal.s39b-finance-modal .btn.btn-gold {
    border-color: #d8a800 !important;
    background: linear-gradient(180deg, #ffd34f, #f8bf21) !important;
    color: #302400 !important;
    box-shadow: 0 7px 16px rgba(216,168,0,.18) !important;
  }

  .modal.s39b-finance-modal .btn.btn-green {
    box-shadow: 0 7px 15px rgba(22,163,74,.12) !important;
  }

  .modal.s39b-finance-modal .btn.btn-red {
    box-shadow: none !important;
  }

  /* Explanatory note between sections */
  .modal.s39b-finance-modal .table-wrap + .muted {
    margin: -5px 4px 12px !important;
    padding: 10px 13px !important;
    border: 1px dashed #cbd9e5 !important;
    border-radius: 11px !important;
    background: rgba(255,255,255,.62) !important;
    color: #64788a !important;
    font-size: 11.5px !important;
    line-height: 1.9 !important;
  }

  /* Invoice warning */
  .modal.s39b-finance-modal .card[style*="var(--amber-bg)"] {
    margin: 10px 0 12px !important;
    padding: 13px 15px !important;
    border: 1px solid #f0d277 !important;
    border-radius: 13px !important;
    background: #fffbeb !important;
    box-shadow: none !important;
  }

  /* Balance summary */
  .modal.s39b-finance-modal .card[style*="var(--bg-soft"] {
    border: 1px solid #d4e0ea !important;
    border-radius: 17px !important;
    background: #fff !important;
    box-shadow: 0 12px 30px rgba(15, 50, 82, .06) !important;
  }

  .modal.s39b-finance-modal .grid.grid-3 {
    gap: 12px !important;
  }

  .modal.s39b-finance-modal .stat {
    min-height: 105px !important;
    padding: 16px 14px !important;
    border: 1px solid #d7e3ec !important;
    border-top: 4px solid #174f7c !important;
    border-radius: 14px !important;
    background: #f9fbfd !important;
    box-shadow: none !important;
  }

  .modal.s39b-finance-modal .stat.amber {
    border-top-color: #d3a500 !important;
    background: #fffcf2 !important;
  }

  .modal.s39b-finance-modal .stat .v {
    color: #0f3e68 !important;
    font-family: 'TT24 B Yekan Plus Bold','B Yekan+','TT24 B Yekan Plus',Tahoma,sans-serif !important;
    font-size: 19px !important;
    font-weight: 700 !important;
  }

  .modal.s39b-finance-modal .stat .l {
    margin-top: 8px !important;
    color: #607589 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
  }

  /* Accountant release card */
  .modal.s39b-finance-modal #tt24-rel-box {
    border: 1px solid #c9d8e5 !important;
    border-right: 4px solid #d5a600 !important;
    background: linear-gradient(135deg, #fffdf5, #fff) !important;
  }

  .modal.s39b-finance-modal #tt24-rel-box .card-h {
    min-height: auto !important;
    margin: 0 !important;
    padding: 0 0 9px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .modal.s39b-finance-modal #tt24-rel-box .muted {
    color: #627386 !important;
    font-size: 12px !important;
    line-height: 1.9 !important;
  }
}

/* TT24_D5_PRODUCTION_CASE_FINANCE_V1_END */