/* Scoped inventory list styles: shared by desktop and mobile company templates. */
.spot_list { width:100%; max-width:100%; min-width:0; box-sizing:border-box; color:#334155; }
.spot_list .tabCon { width:100%; overflow-x:auto; border:1px solid #e2e8f0; border-radius:8px; box-sizing:border-box; -webkit-overflow-scrolling:touch; }
.spot_list .thead, .spot_list .topth { display:grid; grid-template-columns:1.15fr .7fr 1.2fr .9fr 1.2fr .8fr .9fr; min-width:760px; align-items:stretch; float:none; width:100%; box-sizing:border-box; }
.spot_list .thead { background:#eff6ff; color:#1e40af; font-weight:600; border-bottom:2px solid #bfdbfe; }
.spot_list .thead > div, .spot_list .topth > div { display:flex; align-items:center; justify-content:center; float:none; width:auto; min-width:0; height:auto; min-height:46px; padding:10px 8px; margin:0; line-height:1.6; text-align:center; box-sizing:border-box; border-right:1px solid #e9eef5; overflow-wrap:anywhere; font-size:14px; }
.spot_list .thead > div:last-child, .spot_list .topth > div:last-child { border-right:0; }
.spot_list .tbody { display:block; float:none; width:100%; min-width:760px; margin:0; padding:0; border-bottom:1px solid #edf2f7; background:#fff; }
.spot_list .tbody:nth-child(odd) { background:#f8fafc; }
.spot_list .tbody:last-child { border-bottom:0; }
.spot_list .tbody:hover { background:#eff6ff; }
.spot_list .topth .variety { font-weight:600; color:#1e293b; }
.spot_list .topth .ls_spec { color:#1d4ed8; font-variant-numeric:tabular-nums; }
.spot_list .topth .number { font-variant-numeric:tabular-nums; }
.spot_list .pages { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:8px; padding:20px 8px; line-height:1.8; height:auto; clear:both; }
.spot_list .pages label { color:#64748b; margin-right:8px; }
.spot_list .pages em { font-style:normal; font-weight:600; color:#1d4ed8; }
.spot_list .pages a { display:inline-block; padding:5px 10px; border:1px solid #dbe3ee; background:#fff; border-radius:5px; color:#334155; }
.spot_list .pages a:hover { background:#eff6ff; border-color:#93c5fd; color:#1d4ed8; }
.spot_list .spot_more { padding:48px 16px; text-align:center; color:#94a3b8; border:1px dashed #cbd5e1; border-radius:8px; }
@media(max-width:767px) {
 .sell-right, .sell-right .main_body { min-width:0; box-sizing:border-box; }
 .sell-right .main_body { padding:12px 8px; }
 .spot_list .thead > div, .spot_list .topth > div { font-size:13px; min-height:44px; padding:9px 7px; }
 .spot_list .pages { gap:6px; padding:16px 0; }
 .spot_list .pages label { flex-basis:100%; text-align:center; }
}