/* v1.1.2 — contracts, cash receipt, mobile header */

.contracts-block-v112{
  margin:0 0 12px;
  padding:12px;
  border:1px solid #d7e5e2;
  border-radius:16px;
  background:#fbfefd;
}

.contracts-head-v112{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:10px;
  margin-bottom:10px;
}

.contracts-head-v112 small{
  display:block;
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
  color:#168663;
}

.contracts-head-v112 h3{
  margin:3px 0 0;
  font-size:14px;
}

.contracts-head-v112>span{
  border:1px solid #bfe4d7;
  background:#edf9f5;
  color:#18805f;
  border-radius:999px;
  padding:5px 7px;
  font-size:8px;
  font-weight:800;
  white-space:nowrap;
}

.contract-upload-grid-v112{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
}

.contract-upload-card-v112{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px;
  border:1px solid #d8e4e8;
  border-radius:12px;
  padding:10px;
  background:#fff;
  cursor:pointer;
}

.contract-upload-card-v112.addition{
  grid-column:1/-1;
}

.contract-upload-card-v112 b,
.contract-upload-card-v112 small{
  display:block;
}

.contract-upload-card-v112 b{
  font-size:11px;
  color:#18383b;
}

.contract-upload-card-v112 small{
  margin-top:3px;
  font-size:8px;
  color:#71868d;
}

.contract-upload-card-v112 strong{
  font-size:9px;
  color:#087e5d;
  white-space:nowrap;
}

.contract-doc-list-v112{
  margin-top:10px;
}

.contract-group-title-v112{
  margin:10px 2px 5px;
  font-size:9px;
  font-weight:900;
  color:#607981;
}

.contract-doc-row-v112{
  display:grid;
  grid-template-columns:30px minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  border-top:1px solid #e4eded;
  padding:8px 0;
}

.contract-doc-icon-v112{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#eef7f4;
}

.contract-doc-info-v112{
  min-width:0;
}

.contract-doc-info-v112 b,
.contract-doc-info-v112 small,
.contract-doc-info-v112 span{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.contract-doc-info-v112 b{
  font-size:10px;
}

.contract-doc-info-v112 small{
  margin-top:2px;
  font-size:8px;
  color:#70858d;
}

.contract-doc-info-v112 span{
  margin-top:2px;
  font-size:7.5px;
  color:#19815f;
}

.cash-receipt-v112{
  border:1px solid #e6cf9e;
  background:#fff9eb;
  border-radius:11px;
  padding:9px;
}

.cash-receipt-v112[hidden]{
  display:none!important;
}

.cash-receipt-v112 span,
.cash-receipt-v112 small{
  display:block;
}

.cash-receipt-v112 span{
  font-weight:900;
  color:#6e5318;
}

.cash-receipt-v112 select{
  width:100%;
  margin-top:6px;
}

.cash-receipt-v112 small{
  margin-top:5px;
  color:#8a7547;
  font-size:8px;
}

.cash-receipt-badge-v112{
  display:inline-flex;
  align-items:center;
  margin:3px 5px 3px 0;
  border-radius:999px;
  padding:4px 6px;
  font-size:8px;
  font-weight:900;
  white-space:nowrap;
}

.cash-receipt-badge-v112.yes{
  color:#087456;
  background:#ebf9f4;
  border:1px solid #b8dfd1;
}

.cash-receipt-badge-v112.no{
  color:#a45a19;
  background:#fff5e9;
  border:1px solid #ebcfad;
}

/* ============================================
   MOBILE CREDIT HEADER FIX
   ============================================ */

#detail .client360-head-v069 .client-main-v069{
  min-width:0!important;
  width:100%!important;
}

#detail .client360-head-v069 .client-title-row-v069{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:5px 7px!important;
  min-width:0!important;
}

#detail .client360-head-v069 .client-title-row-v069 h2{
  flex:1 1 150px!important;
  min-width:0!important;
}

#detail .client360-head-v069 .client-inline-docs-v069{
  flex:1 1 100%!important;
  min-width:0!important;
}

#detail .client360-head-v069 .client-status-chip-v069{
  flex:0 0 auto!important;
  max-width:100%!important;
  white-space:nowrap!important;
}

#detail .client360-head-v069 .client-phone-actions-v069{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:5px!important;
  width:100%!important;
  min-width:0!important;
}

#detail .client360-head-v069 .client-phone-v069{
  flex:1 1 130px!important;
  min-width:100px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#detail .client360-head-v069 .client-phone-actions-v069 .mini-btn{
  flex:0 0 auto!important;
  min-width:0!important;
}

#detail .client360-head-v069 .edit-phone-btn-v069{
  width:auto!important;
  min-width:62px!important;
}

#detail .client360-head-v069 .client-data-btn-v100{
  width:auto!important;
  min-width:50px!important;
}

@media(max-width:430px){

  #detail .client360-head-v069 .hero-v069{
    align-items:flex-start!important;
  }

  #detail .client360-head-v069 .client-status-chip-v069{
    order:3!important;
    flex-basis:auto!important;
    margin-top:1px!important;
  }

  #detail .client360-head-v069 .client-phone-actions-v069{
    margin-top:7px!important;
  }

  #detail .client360-head-v069 .client-phone-v069{
    flex:1 1 calc(100% - 70px)!important;
  }

  #detail .client360-head-v069 .edit-phone-btn-v069,
  #detail .client360-head-v069 .client-data-btn-v100{
    margin-top:1px!important;
  }

  .contract-upload-grid-v112{
    grid-template-columns:1fr;
  }

  .contract-upload-card-v112.addition{
    grid-column:auto;
  }

  .contracts-head-v112{
    flex-direction:column;
  }

  .contract-doc-row-v112{
    grid-template-columns:28px minmax(0,1fr);
  }

  .contract-doc-row-v112>button{
    grid-column:2;
    justify-self:start;
  }
}

html:not([data-theme="light"]) .contracts-block-v112{
  background:#0d1c21;
  border-color:#29433f;
}

html:not([data-theme="light"]) .contract-upload-card-v112{
  background:#102126;
  border-color:#2a4349;
}

html:not([data-theme="light"]) .contract-upload-card-v112 b{
  color:#edf6f4;
}

html:not([data-theme="light"]) .contract-doc-icon-v112{
  background:#153029;
}

html:not([data-theme="light"]) .cash-receipt-v112{
  background:#292211;
  border-color:#645425;
}