/* PayMore x eBay "Selling" look. Visual only. Scoped to html.pme. */
html.pme{--pme-ink:#111;--pme-muted:#707070;--pme-gray:#f2f2f2;--pme-gray2:#f7f7f7;--pme-line:#e6e6e6;--pme-green:#079b64;--pme-red:#d32f2f;-webkit-text-size-adjust:100%}
html.pme body{background:#fff!important;color:var(--pme-ink)!important;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;-webkit-font-smoothing:antialiased}
html.pme h1{color:var(--pme-ink);font-weight:800!important;letter-spacing:-.5px!important}
html.pme h2,html.pme h3{color:var(--pme-ink);font-weight:800}
html.pme input,html.pme select,html.pme textarea{font-family:inherit}

/* Header: flat, white, no rule */
html.pme .top,html.pme body>header,html.pme header.top{background:#fff!important;border-bottom:0!important;box-shadow:none!important;backdrop-filter:none}
html.pme .logo{color:var(--pme-ink)}
html.pme .logo b{color:var(--pme-green)!important}
html.pme .avatar{background:var(--pme-gray)!important;color:var(--pme-ink)!important;box-shadow:none!important}
html.pme .pm-hdr-pricer{background:var(--pme-gray)!important;color:var(--pme-ink)!important;box-shadow:none!important}

/* Cards: flat, light gray, rounded, no shadow */
html.pme .card,html.pme .box,html.pme .ord,html.pme .live-product,html.pme .filter-card{background:var(--pme-gray2)!important;border:0!important;border-radius:18px!important;box-shadow:none!important}
html.pme .card input,html.pme .card select,html.pme .card textarea,html.pme .box input,html.pme .box select{background:#fff;border-color:var(--pme-line)}
html.pme .step,html.pme .steps .step{background:#fff!important;border:0!important;box-shadow:none!important;border-radius:14px!important}

/* Primary buttons: green pills */
html.pme .action,html.pme .primary,html.pme .submit,html.pme .btn:not(.light),html.pme .step-next{border-radius:999px!important;background:var(--pme-green)!important;color:#fff!important;box-shadow:none!important;font-weight:700!important;border:0!important}
html.pme .btn.light,html.pme .secondary,html.pme .live-btn{border-radius:999px!important;background:var(--pme-gray)!important;color:var(--pme-ink)!important;border:0!important;box-shadow:none!important;font-weight:700!important}
html.pme .step-next{background:var(--pme-ink)!important}
html.pme .primary:disabled,html.pme .step-next:disabled,html.pme .submit:disabled{opacity:.4}
html.pme .badge{background:#fff!important;color:var(--pme-ink)!important;border-radius:999px}

/* Floating pill tab bar (dashboard + ready-to-ship) */
html.pme .pm-tabbar{left:12px!important;right:12px!important;width:auto!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;border:1px solid #ececec!important;border-radius:32px!important;padding:6px!important;background:rgba(255,255,255,.97)!important;box-shadow:0 4px 18px rgba(0,0,0,.08)!important;align-items:center!important}
html.pme .pm-tabbar button{height:52px!important;min-height:52px!important;border-radius:26px!important;color:#3a3a3a!important;justify-content:center!important}
html.pme .pm-tabbar button.active{background:#ececec!important;color:var(--pme-ink)!important}
html.pme .pm-tabbar svg{width:25px!important;height:25px!important}
html.pme .pm-tabbar .pm-center{background:none!important}
html.pme .pm-tabbar .pm-fab{position:static!important;transform:none!important;width:50px!important;height:50px!important;border:0!important;box-shadow:none!important;margin:auto}
html.pme .pm-tabbar .pm-center:active .pm-fab{transform:scale(.94)!important}
html.pme .app{padding-bottom:110px}

/* ---------- Home (dashboard) ---------- */
html.pme main>.hello{display:none!important}
html.pme-dash main>h1.pme-title{font-size:30px;margin:6px 0 14px;text-align:left}
html.pme-dash body:has(#buy.active) main{padding-left:18px!important;padding-right:18px!important}
html.pme .pme-band{background:var(--pme-gray);margin:0 -18px 26px;padding:22px 18px 24px}
html.pme .pme-caps{font-size:13px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--pme-ink);display:flex;align-items:center;gap:6px}
html.pme .pme-huge{font-size:40px;font-weight:800;letter-spacing:-1px;line-height:1.1;margin:4px 0 16px;color:var(--pme-ink)}
html.pme .pme-huge.err{font-size:22px;color:var(--pme-muted)}
html.pme .pme-tiles{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -18px;padding:0 18px 2px;scrollbar-width:none}
html.pme .pme-tiles::-webkit-scrollbar{display:none}
html.pme .pme-tile{flex:0 0 auto;min-width:112px;background:#fff;border-radius:16px;padding:14px 16px;scroll-snap-align:start}
html.pme .pme-tile small{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--pme-ink);white-space:nowrap}
html.pme .pme-tile b{display:block;font-size:22px;font-weight:800;margin-top:4px;white-space:nowrap;color:var(--pme-ink)}
html.pme .pme-tile b i{font-style:normal;font-size:15px;color:var(--pme-muted);font-weight:700}
html.pme .pme-src{font-size:11px;color:var(--pme-muted);margin-top:10px}
html.pme .pme-sec{font-size:22px;font-weight:800;margin:4px 0 12px;color:var(--pme-ink)}
html.pme .pme-rows{display:grid;gap:10px;margin-bottom:28px}
html.pme .pme-row{display:flex;align-items:center;gap:12px;min-height:62px;padding:12px 18px;background:var(--pme-gray);border:0;border-radius:14px;color:var(--pme-ink);text-decoration:none;font:inherit;text-align:left;width:100%;cursor:pointer;-webkit-tap-highlight-color:transparent}
html.pme .pme-row:active{background:#e8e8e8}
html.pme .pme-row .pme-rl{flex:1;min-width:0}
html.pme .pme-row .pme-rl b{display:block;font-size:16px;font-weight:700}
html.pme .pme-row .pme-rl small{display:block;font-size:12px;color:var(--pme-muted);margin-top:2px}
html.pme .pme-row .pme-n{font-size:15px;font-weight:700;color:var(--pme-ink)}
html.pme .pme-row .pme-chev{color:#9a9a9a;font-size:22px;line-height:1}
html.pme .rs-badge{min-width:30px;height:30px;padding:0 9px;border-radius:15px;background:var(--pme-red)!important;color:#fff!important;font-weight:700;font-size:14px;display:grid;place-items:center}
html.pme .rs-badge.zero{background:transparent!important;color:var(--pme-ink)!important}
html.pme .pme-pill{position:fixed;z-index:6;left:16px;right:16px;bottom:calc(84px + env(safe-area-inset-bottom));height:52px;border-radius:999px;background:var(--pme-green);color:#fff;font-size:17px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;box-shadow:0 4px 14px rgba(7,155,100,.25)}
html.pme .pme-pill:active{transform:scale(.98)}
html.pme .pme-pill img{width:26px;height:26px;border-radius:50%}
html.pme body:not(:has(#buy.active)) .pme-pill{display:none}
html.pme #buy>.card{margin-bottom:90px}
html.pme .pme-rows{margin-bottom:24px}
html.pme #buy>.card h2{font-size:20px}
/* Live Products metrics as flat tiles */
html.pme .live-metrics>div{background:var(--pme-gray)!important;border:0!important;box-shadow:none!important;border-radius:16px!important}
html.pme .live-metrics small{text-transform:uppercase;font-weight:700;color:var(--pme-ink)!important;font-size:11px}
html.pme .live-metrics b{font-weight:800;color:var(--pme-ink)!important}
html.pme .live-health{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
html.pme .live-table{background:transparent!important;border:0!important;box-shadow:none!important}
html.pme .live-chip,html.pme .chip{background:#fff!important;color:var(--pme-ink)!important;border:1px solid var(--pme-line);border-radius:999px}
html.pme .live-header h2{font-size:28px!important}
html.pme .profit-box{background:#fff!important;border:0!important;box-shadow:none!important;border-radius:16px!important}
html.pme dialog{border:0!important;border-radius:22px!important;box-shadow:0 10px 40px rgba(0,0,0,.18)!important}

/* ---------- Ready to ship ---------- */
html.pme .rs-top h1{font-size:28px}
html.pme .rs-back,html.pme .rs-refresh{background:var(--pme-gray)!important;border:0!important;color:var(--pme-ink)!important;border-radius:999px!important}
html.pme .ord .li{border-top-color:#e9e9e9}
html.pme .ord .li img,html.pme .ord .li .ph{background:#fff}
html.pme .ord .qty{color:var(--pme-ink)}

/* ---------- Lister ---------- */
html.pme-lister .hero h1{font-size:30px}
html.pme-lister .eyebrow{color:var(--pme-ink)!important;letter-spacing:.02em!important;font-weight:700!important}
html.pme-lister .mode button{border:0!important;background:var(--pme-gray)!important;border-radius:999px!important;color:var(--pme-ink)!important;font-weight:700}
html.pme-lister .mode button.active{background:var(--pme-ink)!important;color:#fff!important}
html.pme-lister .bottom{background:rgba(255,255,255,.97)!important;border-top:0!important;box-shadow:0 -2px 16px rgba(0,0,0,.06)}
html.pme-lister .photo-launch{border-radius:18px!important}

/* ---------- Pricer ---------- */
html.pme-pricer nav{left:12px!important;right:12px!important;width:auto!important;transform:none!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;border:1px solid #ececec!important;border-radius:32px!important;padding:6px!important;box-shadow:0 4px 18px rgba(0,0,0,.08)!important}
html.pme-pricer nav button{border-radius:26px!important;min-height:52px!important;background:transparent!important;color:#3a3a3a!important;font-weight:700}
html.pme-pricer nav button.active{background:#ececec!important;color:var(--pme-ink)!important}
html.pme-pricer main{padding-bottom:110px}
html.pme-pricer .box{border:0!important}

/* ---------- Buy ---------- */
html.pme-buy body>header button{background:var(--pme-gray)!important;color:var(--pme-ink)!important;border-radius:999px!important}
html.pme-buy .intro small{color:var(--pme-ink)!important}
html.pme-buy .scan{background:#fff!important;border-radius:16px!important}

/* ---------- Login ---------- */
html.pme-login .input{background:var(--pme-gray)!important;border:1px solid transparent!important;border-radius:14px!important}
html.pme-login .input:focus{background:#fff!important;border-color:var(--pme-green)!important}
html.pme-login .eyebrow{color:var(--pme-ink)!important;letter-spacing:.02em!important;font-weight:700!important}
html.pme-login .bookmark,html.pme-login .codebox,html.pme-login .steps{border-radius:16px!important;box-shadow:none!important}
html.pme .pme-row.rs-card{margin:0!important;border:0!important;box-shadow:none!important;background:var(--pme-gray)!important;padding:12px 18px!important}