.so-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:12px}.so-head h2{font:30px Oswald;margin:3px 0}.so-head p{margin:0;color:#667487}.so-flow{display:flex;align-items:center;justify-content:center;gap:13px;padding:13px;margin-bottom:12px;border-radius:12px;background:linear-gradient(90deg,#edf6ff,#f4f0ff);color:#274c70}.so-list{display:grid;gap:12px}.so-card{background:#fff;border:1px solid #dde4ec;border-radius:14px;padding:18px}.so-card header{display:flex;justify-content:space-between}.so-card header span{font-size:11px;color:#748195}.so-card h3{margin:2px 0;font-size:20px}.so-state{padding:7px 11px;border-radius:16px;font-weight:800!important}.so-state.draft{background:#edf1f5;color:#526174}.so-state.confirmed{background:#fff1ce;color:#865c00}.so-state.invoiced{background:#dcf5e9;color:#147249}.so-lines{margin:13px 0;border:1px solid #e8edf2;border-radius:10px}.so-lines>div{display:flex;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #edf0f3}.so-lines span b,.so-lines span small{display:block}.so-lines small{color:#778395}.so-totals{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.so-totals span{padding:9px;background:#f6f8fb;border-radius:8px;color:#687587}.so-totals b{display:block;color:#203146}.so-card footer{display:flex;align-items:center;gap:8px;margin-top:13px}.so-card footer button{border:1px solid #d4dde7;background:#fff;border-radius:8px;padding:8px 12px;font-weight:700}.so-card footer button.primary{background:#176eb1;color:#fff;border-color:#176eb1}.so-doc{margin-left:auto}.so-paid{color:#178153;font-weight:800}.so-items{border:1px solid #dde5ed;border-radius:10px;overflow:hidden}.so-items header{padding:11px;background:#edf5fc}.so-items header span{display:block;color:#687587;font-size:12px}.so-item{display:grid;grid-template-columns:auto 1fr 70px 85px 100px;align-items:center;gap:10px;padding:10px;border-top:1px solid #e7edf2}.so-item span b,.so-item span small{display:block}.so-item small{color:#748195}.so-item input[type=number]{width:100%;padding:7px}.so-grand{display:flex;justify-content:space-between;padding:13px;border-radius:9px;background:#163f67;color:#fff}@media(max-width:700px){.so-head{align-items:flex-start;flex-direction:column}.so-flow{overflow:auto;justify-content:flex-start}.so-totals{grid-template-columns:1fr 1fr}.so-item{grid-template-columns:auto 1fr}.so-item input,.so-item strong{grid-column:2}}