.so-grid-wrap{overflow:auto;background:#fff;border:1px solid #dce4ec;border-radius:13px}.so-grid{width:100%;border-collapse:collapse;min-width:980px}.so-grid th{padding:12px 14px;background:#edf5fc;color:#405269;font-size:12px;text-align:left;white-space:nowrap}.so-grid td{padding:13px 14px;border-top:1px solid #e8edf2;color:#324257}.so-grid tbody tr{cursor:pointer;transition:background .15s}.so-grid tbody tr:hover,.so-grid tbody tr:focus{background:#f3f8fd;outline:none}.so-grid td.paid{color:#168052;font-weight:800}.so-grid td.unpaid{color:#b25d16;font-weight:800}.so-client{display:flex;align-items:center;gap:9px}.so-client>i{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#176eb1;color:#fff;font-style:normal;font-weight:800}.so-client span b,.so-client span small{display:block}.so-client small{color:#778496}.so-detail-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.so-detail-summary>div{padding:11px;border-radius:9px;background:#f3f7fb}.so-detail-summary span,.so-detail-summary b{display:block}.so-detail-summary span{font-size:11px;color:#748195}.so-detail-section{margin-top:15px}.so-detail-section h3{font-size:16px}.so-detail-section table{width:100%;border-collapse:collapse}.so-detail-section th,.so-detail-section td{padding:9px;border-bottom:1px solid #e5eaf0;text-align:left}.so-detail-section th{font-size:11px;color:#647286}.so-detail-section .muted{color:#778496}@media(max-width:650px){.so-detail-summary{grid-template-columns:1fr 1fr}}