.m01-slresult__big { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--spacing-8); margin: 0 0 var(--spacing-8); color: var(--color-text-secondary); } .m01-slresult__big strong { color: var(--color-text-body); font-size: 28px; font-variant-numeric: tabular-nums; } .m01-slresult__costs { display: flex; flex-wrap: wrap; gap: var(--spacing-4) var(--spacing-16); margin: 0 0 var(--spacing-12); font-size: var(--text-body-sm); } .m01-slresult__costs dt { display: inline; color: var(--color-text-secondary); } .m01-slresult__costs dd { display: inline; margin: 0 0 0 var(--spacing-4); color: var(--color-text-body); font-weight: 600; font-variant-numeric: tabular-nums; } .m01-slresult__strip { margin: 0 0 var(--spacing-12); color: var(--color-text-body); } .m01-slresult__fields { display: flex; flex-wrap: wrap; gap: var(--spacing-8) var(--spacing-16); margin: var(--spacing-8) 0; } .m01-slresult__field { display: flex; flex-direction: column; gap: var(--spacing-4); color: var(--color-text-secondary); font-size: var(--text-body-sm); } .m01-slresult__input { box-sizing: border-box; width: 140px; height: var(--control-height-sm); padding: 3px 6px; border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: var(--color-canvas); color: var(--color-text-body); font: inherit; font-size: var(--text-body-sm); } .m01-slresult__input[readonly] { background: var(--color-surface); } .m01-slresult__muted { margin: 0; color: var(--color-text-muted); font-size: var(--text-caption); } .m01-slresult__msg { margin: var(--spacing-4) 0 0; color: var(--color-danger); font-size: var(--text-caption); } .m01-slresult__problems { margin: 0 0 var(--spacing-12); padding: var(--spacing-8) var(--spacing-12); border-left: 4px solid var(--color-danger); background: var(--color-surface); color: var(--color-text-body); font-size: var(--text-body-sm); } .m01-slresult__problems ul { margin: var(--spacing-4) 0 0; padding-left: var(--spacing-16); }