.cost-thumb{width:62px;height:62px;border-radius:10px;overflow:hidden;background:#edf1ee;display:grid;place-items:center;color:#718078;font-size:.62rem}.cost-thumb img{width:100%;height:100%;object-fit:cover}.cost-thumb.large{width:110px;height:110px}.cost-head{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;margin-bottom:24px}.cost-head h1{margin:.2rem 0}.cost-status{display:inline-block;padding:5px 9px;border-radius:999px;background:#e8eeeb;font-size:.72rem;font-weight:800}.cost-status.approved{background:#d9f3e5;color:#12613e}.cost-status.rejected{background:#fee2e2;color:#9f1d1d}.cost-status.submitted{background:#fff2c7;color:#805b00}.cost-totals{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:12px;margin-bottom:22px}.cost-totals div{background:white;border:1px solid #dfe6e1;border-radius:12px;padding:15px}.cost-totals span{display:block;color:#68766f;font-size:.75rem;text-transform:uppercase}.cost-totals b{display:block;font-size:1.2rem;margin-top:5px}@media(max-width:900px){.cost-head{grid-template-columns:1fr}.cost-totals{grid-template-columns:repeat(2,1fr)}}