/* Typography, fields, sections and controls use the shared administrative styles. */
.contract-details{min-width:0}
.contract-details__toolbar{justify-content:space-between;align-items:center;gap:16px}
.contract-details__identity{display:flex;align-items:center;gap:12px;flex:1 1 280px;min-width:0}
.contract-details__image{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;color:var(--color-muted)}
.contract-details__image img{width:100%;height:100%;object-fit:contain}
.contract-details__name{min-width:0;overflow-wrap:anywhere}
.contract-details__name .section-title{margin:0}
.contract-details__name p{margin:4px 0 0}
.contract-details__actions{flex-wrap:wrap}
.contract-details__tables{display:grid;gap:20px;margin-top:24px}
.contract-details__table-wrap{min-width:0}
.contract-details__table{table-layout:fixed;width:100%;min-width:0;margin:0}
.contract-details__label-column{width:32%}
.contract-details__table :is(th,td){white-space:normal;overflow-wrap:anywhere;vertical-align:top}
.contract-details__table tbody th{font-size:inherit;font-weight:500;text-transform:none;letter-spacing:normal;color:var(--color-muted)}
.contract-details__table tbody tr:last-child th{border-bottom:0}
@media(max-width:540px){
  .contract-details__label-column{width:42%}
  .contract-details__identity{flex-wrap:wrap}
  .contract-details__actions{width:100%}
  .contract-details__actions .btn{flex:1 1 150px}
}