/* TT24_D7_PRODUCTION_CASE_DOCUMENTS_V1_BEGIN
   Desktop-only presentation for case documents. Mobile cards and Portal remain unchanged. */
.tt24-d7-desktop-only{display:none}
@media (min-width:881px){
  .modal-bg:has(.modal.tt24-d7-docs-modal){padding:24px 18px!important;align-items:flex-start!important}
  .modal.tt24-d7-docs-modal{
    width:min(1440px,calc(100vw - 44px))!important;
    max-width:1440px!important;
    height:min(900px,calc(100vh - 48px))!important;
    max-height:calc(100vh - 48px)!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    border-radius:24px!important;
    background:#eef4f9!important;
  }
  .modal.tt24-d7-docs-modal>.modal-h{
    position:relative!important;
    flex:0 0 auto!important;
    min-height:112px!important;
    padding:24px 34px!important;
    border:0!important;
    background:linear-gradient(118deg,#103a61 0%,#1b527e 100%)!important;
    color:#fff!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
  }
  .modal.tt24-d7-docs-modal>.modal-h h3{
    color:#fff!important;
    font-size:25px!important;
    font-weight:900!important;
    margin:0!important;
    padding-left:72px!important;
    line-height:1.55!important;
  }
  .modal.tt24-d7-docs-modal>.modal-h .close-x{
    position:absolute!important;
    left:28px!important;
    top:24px!important;
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    border-radius:13px!important;
    border:1px solid rgba(255,255,255,.65)!important;
    background:#fff!important;
    color:#173b5d!important;
    box-shadow:none!important;
  }
  .tt24-d7-docs-identity{
    position:absolute;
    right:34px;
    bottom:20px;
    color:#d8e8f6;
    font-size:13px;
    font-weight:700;
    direction:rtl;
  }
  .modal.tt24-d7-docs-modal>.modal-b{
    flex:1 1 auto!important;
    max-height:none!important;
    overflow:auto!important;
    padding:22px 26px 28px!important;
    background:#eef4f9!important;
  }
  .modal.tt24-d7-docs-modal>.modal-f{
    flex:0 0 auto!important;
    position:static!important;
    padding:14px 26px!important;
    background:#fff!important;
    border-top:1px solid #d7e3ee!important;
    box-shadow:0 -5px 18px rgba(15,45,75,.05)!important;
  }
  .tt24-d7-desktop-only{display:block!important}
  .tt24-d7-docs-layout{display:grid;gap:16px}
  .tt24-d7-docs-summary{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
  }
  .tt24-d7-doc-stat{
    background:#fff;
    border:1px solid #d8e4ef;
    border-radius:16px;
    padding:15px 17px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    box-shadow:0 7px 22px rgba(18,58,96,.05);
  }
  .tt24-d7-doc-stat span{font-size:12px;color:#58708a;font-weight:700}
  .tt24-d7-doc-stat b{font-size:22px;color:#113b62;font-weight:900}
  .modal.tt24-d7-docs-modal .tt24-transport-docs-mini{
    margin:0!important;
    padding:16px 18px!important;
    border:1px solid #cfe0ef!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 7px 22px rgba(18,58,96,.05)!important;
  }
  .modal.tt24-d7-docs-modal .tt24-transport-docs-mini>div:first-child{margin-bottom:12px!important}
  .modal.tt24-d7-docs-modal .tt24-transport-docs-mini>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .modal.tt24-d7-docs-modal .tt24-transport-docs-mini>div:last-child>div{
    border-color:#dbe6f0!important;
    border-radius:13px!important;
    padding:10px 12px!important;
  }
  .tt24-d7-docs-section{
    border:1px solid #d6e2ed;
    border-radius:18px;
    overflow:hidden;
    background:#fff;
    box-shadow:0 7px 22px rgba(18,58,96,.05);
  }
  .tt24-d7-docs-section-head{
    min-height:58px;
    padding:13px 18px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:#f8fbfe;
    border-bottom:1px solid #dde7f0;
  }
  .tt24-d7-docs-section-head>div{display:flex;align-items:center;gap:10px}
  .tt24-d7-docs-section-head span{font-size:16px;font-weight:900;color:#123d64}
  .tt24-d7-docs-section-head small{padding:4px 9px;border-radius:999px;background:#e6f1fb;color:#285d89;font-weight:800}
  .tt24-d7-docs-table{margin:0!important;overflow:auto!important}
  .tt24-d7-docs-table table{min-width:1120px!important;margin:0!important;border:0!important;border-radius:0!important}
  .tt24-d7-docs-table th{
    background:#eef4fa!important;
    color:#335774!important;
    font-size:12px!important;
    font-weight:900!important;
    padding:13px 12px!important;
    white-space:nowrap!important;
  }
  .tt24-d7-docs-table td{
    padding:13px 12px!important;
    border-bottom:1px solid #e4ebf2!important;
    vertical-align:middle!important;
    font-size:12.5px!important;
    color:#173b5d!important;
  }
  .tt24-d7-docs-table tbody tr:last-child td{border-bottom:0!important}
  .tt24-d7-docs-table tbody tr:hover{background:#f8fbfe!important}
  .tt24-d7-doc-name{display:flex;align-items:center;gap:2px;min-width:150px;font-weight:800;color:#123d64}
  .tt24-d7-doc-description{display:block;max-width:220px;line-height:1.8;color:#536b82;overflow-wrap:anywhere}
  .tt24-d7-doc-size{white-space:nowrap;color:#445f79;font-weight:700}
  .tt24-d7-doc-audit{display:grid;gap:3px;min-width:120px}
  .tt24-d7-doc-audit b{font-size:12px;color:#234b6d;font-weight:800}
  .tt24-d7-doc-audit span{font-size:11px;color:#71869a}
  .tt24-d7-doc-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:210px}
  .tt24-d7-doc-actions .btn{min-height:36px!important;padding:7px 11px!important}
  .tt24-d7-docs-empty{
    padding:32px;
    border:1px dashed #c9d8e6;
    border-radius:16px;
    background:#fff;
    text-align:center;
    color:#687f94;
  }
  .modal.tt24-d7-upload-modal{width:min(620px,calc(100vw - 48px))!important;border-radius:22px!important;overflow:hidden!important}
  .modal.tt24-d7-upload-modal>.modal-h{background:#123f68!important;border:0!important}
  .modal.tt24-d7-upload-modal>.modal-h h3{color:#fff!important;font-size:19px!important}
  .modal.tt24-d7-upload-modal>.modal-b{padding:24px!important;background:#f6f9fc!important}
  .tt24-d7-upload-form{display:grid;gap:8px}
  .tt24-d7-upload-form label{font-size:12px;font-weight:900;color:#284e70;margin-top:4px}
  .tt24-d7-upload-form input,.tt24-d7-upload-form select{background:#fff!important;border-color:#cbdbe8!important}
}
@media (max-width:880px){
  .tt24-d7-desktop-only,.tt24-d7-docs-identity{display:none!important}
}
/* TT24_D7_PRODUCTION_CASE_DOCUMENTS_V1_END */