:root{--ink:#111827;--muted:#6b7280;--line:#e5e7eb;--soft:#f9fafb;--accent:#4f46e5}
.sho-wrap{color:var(--ink)}
.sho-grid{display:grid;gap:18px;margin:12px 0}
@media(min-width:980px){.sho-grid{grid-template-columns:2fr 3fr}.sho-grid.sho-3{grid-template-columns:repeat(3,1fr)}}
.sho-card{border:1px solid var(--line);border-radius:14px;padding:18px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.sho-soft{background:var(--soft);border-color:#f0f2f5}
.sho-muted{color:var(--muted)}
.sho-row{display:flex;gap:10px;align-items:center}
#sho-products{width:160px;padding:10px;border-radius:12px;border:1px solid #d1d5db;outline:none}
#sho-products:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(79,70,229,.15)}
.sho-chk{display:flex;gap:12px;padding:12px;border:1px solid var(--line);border-radius:12px;align-items:flex-start;cursor:pointer;margin-top:10px}
.sho-chk:hover{background:var(--soft)}
.sho-pill{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--soft);border:1px solid var(--line);font-size:12px;color:var(--muted)}
.sho-kv{display:flex;justify-content:space-between;margin:6px 0}
.sho-kv strong{font-weight:600}
.sho-money{font-weight:700;font-size:26px}
.sho-foot{font-size:12px;color:var(--muted);margin-top:8px}
.sho-badge{color:var(--accent);font-weight:700}
.sho-right{margin-left:auto}
.sho-table{width:100%;border-collapse:collapse}
.sho-table th,.sho-table td{padding:10px 8px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.sho-table-wrap{overflow-x:auto}