/* seller screen styles - all rules prefixed .so- */

/* generic helper: makes a span inside an anchor behave like a block line */
.so-block { display: block; }

/* dashboard */
.so-action .btn + .btn { margin-left: 8px; }
.so-right { text-align: right; flex-shrink: 0; }
.so-right .money { display: block; margin-top: 4px; }
.so-right .tiny { display: block; margin-top: 2px; }

/* listings */
.so-listing { padding: 12px; }
.so-listing + .so-listing { margin-top: 10px; }
.so-listing-main { display: flex; align-items: flex-start; gap: 12px; color: inherit; }
.so-listing-main .grow { min-width: 0; }
.so-listing-main .chev { align-self: center; color: var(--faint); }
.so-listing-main .chev svg { width: 18px; height: 18px; stroke: currentColor; fill: none; stroke-width: 2; }
.so-stock { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--line); }

/* listing form */
.so-error { color: var(--danger); font-size: 12px; margin-top: 6px; }
.so-count { text-align: right; }
.so-photos { display: flex; align-items: center; gap: 12px; }

/* orders list */
.so-order { display: block; color: inherit; }
.so-order + .so-order { margin-top: 10px; }
.so-order .flex { display: flex; align-items: center; gap: 10px; }
.so-order .between { justify-content: space-between; }

/* reports */
.so-legend { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--line); }
.so-legend-row { display: flex; align-items: baseline; justify-content: space-between; padding: 3px 0; }
.so-type + .so-type { margin-top: 12px; }
.so-track { height: 8px; border-radius: 4px; background: var(--green-100); margin-top: 6px; overflow: hidden; }
.so-fill { height: 100%; border-radius: 4px; background: var(--green); }
.so-desc { min-height: 132px; }