/* ResinSurplus — Template Builder styles (process listing §05/§06/§07, PDF p18).
   Every selector is scoped under .rst (always together with .rsp12 so the p12
   tokens/buttons from Theme Coder's rs-p12.css apply). Loaded after rs-p12.css.
   Tokens are repeated as fallbacks so this file also works on its own. */
.rst{--rs-navy:#1f3f66;--rs-blue:#2f5f9e;--rs-green:#2f8f5b;--rs-green-bg:#e3f4ea;--rs-green-bd:#9fd3b4;--rs-green-tx:#1c6b41;
 --rs-ink:#1d2733;--rs-muted:#66768a;--rs-count:#7d8a99;--rs-card-bg:#f7f9fb;--rs-card-bd:#dde4eb;--rs-price:#c2410c;
 font-family:"IBM Plex Sans",Arial,Helvetica,sans-serif;color:var(--rs-ink);font-size:14px;line-height:1.45;background:#fff}
.rst *,.rst *::before,.rst *::after{box-sizing:border-box}
.rst a{text-decoration:none;color:inherit}
.rst .rst-wrap{max-width:1280px;margin:0 auto;padding:20px 47px 40px}
.rst .rst-crumbs{font-size:13px;color:var(--rs-muted)}
.rst .rst-crumbs a:hover{color:var(--rs-blue)}
.rst .rst-h1{font-size:30px;line-height:36px;font-weight:700;color:var(--rs-navy);margin:6px 0 2px;letter-spacing:0;text-transform:none}
.rst .rst-sub{font-size:13px;color:var(--rs-muted);margin:0 0 16px}
.rst .rst-cols{display:flex;gap:18px;align-items:flex-start}

/* Filter sidebar (p18 pale card) */
.rst .rst-filters{width:232px;flex:none;background:var(--rs-card-bg);border:1px solid var(--rs-card-bd);border-radius:6px;padding:12px 14px;font-size:13px}
.rst .rst-fhead{display:flex;justify-content:space-between;align-items:center;font-weight:700;color:var(--rs-navy);font-size:14px;list-style:none;cursor:default}
.rst .rst-fhead::-webkit-details-marker{display:none}
.rst .rst-clear{font-weight:600;font-size:12px;color:var(--rs-muted)}
.rst a.rst-clear:hover{color:var(--rs-blue)}
.rst .rst-fg-t{font-weight:700;color:var(--rs-navy);margin:12px 0 4px}
.rst .rst-check{display:flex;align-items:center;gap:7px;padding:2px 0;color:var(--rs-ink)}
.rst .rst-check:hover{color:var(--rs-blue)}
.rst .rst-box{width:13px;height:13px;border:1px solid #8a97a6;border-radius:2px;background:#fff;flex:none;position:relative}
.rst .rst-check.is-selected .rst-box{background:var(--rs-navy);border-color:var(--rs-navy)}
.rst .rst-check.is-selected .rst-box::after{content:"";position:absolute;left:3px;top:0;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.rst .rst-n{color:var(--rs-count)}

/* Results column */
.rst .rst-results{flex:1;min-width:0}
.rst .rst-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;min-height:40px}
.rst .rst-active{display:flex;flex-wrap:wrap;gap:6px}
.rst .rst-chip{display:inline-flex;align-items:center;gap:6px;height:25px;padding:0 10px;border-radius:13px;font-size:12px;font-weight:600;background:var(--rs-green-bg);border:1px solid var(--rs-green-bd);color:var(--rs-green-tx)}
.rst .rst-sort select{height:40px;border:2px solid var(--rs-navy);border-radius:5px;background:#fff;color:var(--rs-navy);font:600 14px/1 "IBM Plex Sans",Arial,sans-serif;padding:0 12px;cursor:pointer}

/* Result rows */
.rst .rst-row{background:#fff;border:1px solid var(--rs-card-bd);border-radius:6px;padding:12px;display:flex;gap:16px;margin-bottom:10px}
.rst .rst-ph{width:128px;height:96px;flex:none;border-radius:4px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
 background:repeating-linear-gradient(45deg,#eef1f5 0 8px,#f7f9fb 8px 16px);color:var(--rs-count);font-size:12px}
.rst .rst-ph img{width:100%;height:100%;object-fit:cover}
.rst .rst-ph-fam{font-weight:700;font-size:18px;color:var(--rs-navy)}
.rst .rst-mid{flex:1;min-width:0}
.rst .rst-title{font-size:17px;line-height:22px;font-weight:700;color:var(--rs-navy);margin:0 0 2px;letter-spacing:0;text-transform:none}
.rst .rst-title a:hover{text-decoration:underline}
.rst .rst-meta,.rst .rst-spec{color:var(--rs-muted);font-size:13px}
.rst .rst-spec{color:var(--rs-ink)}
.rst .rst-right{width:200px;flex:none;text-align:right;display:flex;flex-direction:column;align-items:flex-end}
.rst .rst-price{font-size:24px;line-height:28px;font-weight:700;color:var(--rs-price)}
.rst .rst-price small{font-size:13px;color:var(--rs-muted);font-weight:400}
.rst .rst-price-req{font-size:16px}
.rst .rst-lot,.rst .rst-fee{font-size:12px;color:var(--rs-muted)}
.rst .rst-btns{margin-top:auto;padding-top:8px;display:flex;gap:6px}
.rst .rst-btn{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 14px;border-radius:5px;font-weight:600;font-size:13px;border:2px solid transparent;white-space:nowrap}
.rst .rst-btn-navy{background:var(--rs-navy);color:#fff}
.rst .rst-btn-outline{border-color:var(--rs-navy);color:var(--rs-navy);background:#fff}
.rst .rst-btn:hover{filter:brightness(1.08)}
.rst .rst-guest-msg{font-size:12px;color:var(--rs-ink);margin:6px 0 0;text-align:right}
.rst .rst-guest-msg a{color:var(--rs-blue);font-weight:600}
.rst .rst-empty{padding:24px;border:1px dashed var(--rs-card-bd);border-radius:6px;color:var(--rs-muted)}
.rst .rst-empty a{color:var(--rs-blue)}
.rst .rst-pager{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:6px}
.rst .rst-pager-note{font-size:13px;color:var(--rs-muted)}
.rst .rst-pager-note a{color:var(--rs-navy);font-weight:600}
.rst .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* §07 mobile (no PDF wireframe; p12/p13 mobile pattern: single column, filters collapse) */
@media (max-width:820px){
 .rst .rst-wrap{padding:14px 16px 28px}
 .rst .rst-h1{font-size:24px;line-height:30px}
 .rst .rst-cols{flex-direction:column}
 .rst .rst-filters{width:100%}
 .rst .rst-filters:not([open]) .rst-fgroup{display:none}
 .rst .rst-fhead{cursor:pointer}
 .rst .rst-bar{flex-wrap:wrap}
 .rst .rst-row{flex-wrap:wrap;gap:10px}
 .rst .rst-ph{width:88px;height:72px}
 .rst .rst-mid{flex:1 1 calc(100% - 110px)}
 .rst .rst-right{width:100%;flex-direction:row;flex-wrap:wrap;align-items:baseline;justify-content:space-between;text-align:left;gap:2px 10px}
 .rst .rst-btns{width:100%;margin-top:6px}
 .rst .rst-btns .rst-btn{flex:1;height:44px}   /* 44 px touch targets */
 .rst .rst-guest-msg{text-align:left}
 .rst .rst-pager{flex-direction:column}
}
.rst .rst-check.is-empty{opacity:.45}
.rst #rst-root.is-loading .rst-list{opacity:.5;transition:opacity .15s}

/* ---------- §10 lot page (PDF p31) ---------- */
.rst .rst-lot-cols{display:flex;gap:18px;align-items:flex-start;margin-top:12px}
.rst .rst-lot-main{flex:1;min-width:0}
.rst .rst-lot-side{width:352px;flex:none;display:flex;flex-direction:column;gap:12px}
.rst .rst-gal-main{display:block;width:100%;height:290px;object-fit:cover;border-radius:4px}
.rst .rst-gal-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:repeating-linear-gradient(45deg,#eef1f5 0 10px,#f7f9fb 10px 20px);color:var(--rs-count);font-size:13px}
.rst .rst-gal-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}
.rst .rst-gal-thumbs img{width:100%;height:78px;object-fit:cover;border-radius:4px;display:block}
.rst .rst-panel{background:#fff;border:1px solid var(--rs-card-bd);border-radius:6px;padding:14px 16px}
.rst .rst-specs{margin-top:14px}
.rst .rst-specs h2{font-size:16px;font-weight:700;color:var(--rs-navy);margin:0 0 8px;letter-spacing:0;text-transform:none}
.rst .rst-specs table{width:100%;border-collapse:collapse;font-size:13px}
.rst .rst-specs th{width:44%;text-align:left;font-weight:400;color:var(--rs-muted);padding:7px 10px;border-bottom:1px solid #edf1f5}
.rst .rst-specs td{padding:7px 10px;border-bottom:1px solid #edf1f5;color:var(--rs-ink)}
.rst .rst-specs tr:nth-child(odd) th,.rst .rst-specs tr:nth-child(odd) td{background:var(--rs-card-bg)}
.rst .rst-spec-actions{display:flex;align-items:center;gap:10px;margin-top:12px}
.rst .rst-hint{font-size:12px;color:var(--rs-muted)}
.rst .rst-desc{margin-top:14px;font-size:13px;color:var(--rs-ink)}
.rst .rst-desc h3{font-size:14px;color:var(--rs-navy);margin:0 0 4px}
.rst .rst-pricebox{border:2px solid var(--rs-navy);border-radius:6px;padding:14px 16px;background:#fff}
.rst .rst-pricebox .rst-price{font-size:28px;line-height:32px}
.rst .rst-math{width:100%;border-collapse:collapse;font-size:13px;margin:10px 0 6px}
.rst .rst-math th{text-align:left;font-weight:400;padding:6px 0;border-bottom:1px solid #edf1f5}
.rst .rst-math td{text-align:right;padding:6px 0;border-bottom:1px solid #edf1f5;white-space:nowrap}
.rst .rst-math .rst-total th,.rst .rst-math .rst-total td{font-weight:700;font-size:15px;border-top:2px solid var(--rs-navy);border-bottom:0;padding-top:9px}
.rst .rst-note{font-size:12px;color:var(--rs-muted);margin:6px 0}
.rst .rst-btn-green{background:var(--rs-green);color:#fff}
.rst .rst-btn-lg{width:100%;height:44px;font-size:15px;margin:8px 0 10px;cursor:pointer}
.rst .rst-buy{margin:0}
.rst .rst-how{background:var(--rs-green-bg);border-radius:6px;padding:10px 12px}
.rst .rst-how p{font-size:13px;margin:6px 0 0;color:var(--rs-ink)}
.rst .rst-how a{color:var(--rs-blue)}
.rst .rst-seller-name{font-size:16px;font-weight:700;color:var(--rs-navy)}
.rst .rst-seller .rst-btns{margin-top:10px;padding-top:0}
@media (max-width:820px){
 .rst .rst-lot-cols{flex-direction:column}
 .rst .rst-lot-side{width:100%;order:-1}
 .rst .rst-lot-main{width:100%}
 .rst .rst-gal-main{height:220px}
 .rst .rst-lot-cols{display:flex}
 .rst-lot .rst-lot-cols{display:grid;grid-template-columns:1fr}
 .rst-lot .rst-lot-main{display:contents}
 .rst-lot .rst-lot-side{display:contents}
 .rst-lot .rst-gal{order:1}.rst-lot .rst-pricebox{order:2}.rst-lot .rst-specs{order:3}.rst-lot .rst-seller{order:4}
 .rst-lot .rst-lot-cols{gap:12px}
 .rst .rst-seller .rst-btns{flex-direction:column}
 .rst .rst-seller .rst-btn{width:100%;height:44px}
 .rst .rst-spec-actions .rst-btn{height:44px}
 .rst-lot,.rst-lot *{max-width:100%}
}

/* v3.1: "Ask for COA" link (C4) next to Message seller */
.rsp12 .rst-link{color:var(--rs-blue);font-weight:600;font-size:14px;text-decoration:underline;text-underline-offset:2px;align-self:center;background:none;border:0;padding:0}
.rsp12 .rst-link:hover{color:var(--rs-ink)}