.cn-contract-status{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:12px 0 16px;padding:14px 16px;border:1px solid #d8e2eb;border-left:5px solid #718096;border-radius:9px;background:#f7fafc}
.cn-contract-status>div:first-child{display:grid;gap:3px;min-width:0}.cn-contract-status small{text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:800;color:#687986}.cn-contract-status strong{font-size:16px;color:#0c2d46}.cn-contract-status span{font-size:12px;color:#657682;overflow-wrap:anywhere}.cn-contract-status.approved{border-left-color:#d79b20;background:#fff9e9}.cn-contract-status.pending{border-left-color:#3182ce;background:#eef7ff}.cn-contract-status.complete{border-left-color:#2f855a;background:#edf9f2}.cn-contract-status .actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:720px){.cn-contract-status{align-items:flex-start;flex-direction:column}.cn-contract-status .actions{width:100%}.cn-contract-status .actions .btn{flex:1}}