/* LelangPet Production Bundle V9.3.0 legacy-base — generated from versioned source layers in preserved cascade order. */

/* ===== app.css ===== */
:root{
 --bg:#f7f9ff;--bg2:#eef2ff;--paper:#fff;--ink:#1f2f69;--muted:#667092;--muted2:#9099b8;
 --orange:#f5a126;--orange2:#ffb743;--orange-soft:#fff0d7;--blue:#4d67b7;--blue-soft:#e9eefc;
 --yellow:#ffd067;--yellow-soft:#fff5cf;--green:#59b97f;--green-soft:#e9f8ef;--red:#df695f;--red-soft:#ffefed;
 --line:rgba(31,47,105,.09);--line2:rgba(31,47,105,.15);--shadow:0 24px 70px rgba(31,47,105,.09);--shadow-sm:0 10px 30px rgba(31,47,105,.06);
 --radius:22px;--sidebar:260px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.ambient{position:fixed;border-radius:999px;filter:blur(45px);pointer-events:none;z-index:-1;opacity:.38}.ambient-one{width:420px;height:420px;background:rgba(245,161,38,.18);top:-230px;left:-190px}.ambient-two{width:380px;height:380px;background:rgba(43,68,143,.14);bottom:-180px;right:-160px}.eyebrow{display:block;color:var(--orange);font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.muted{color:var(--muted)}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:14px;padding:11px 17px;font-size:13px;font-weight:800;transition:.22s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--orange),var(--orange2));color:#fff;box-shadow:0 10px 25px rgba(245,161,38,.24)}.btn-primary:hover{box-shadow:0 14px 32px rgba(245,161,38,.3)}.btn-soft{background:#fff;border-color:var(--line);color:var(--ink);box-shadow:var(--shadow-sm)}.btn-ghost{background:transparent;border-color:var(--line)}.btn-dark{background:var(--ink);color:white}.btn-danger{background:var(--red);color:#fff}.btn-block{width:100%}.btn-lg{padding:14px 20px;border-radius:16px;font-size:14px}.text-link{color:var(--ink);font-weight:800;font-size:13px}.text-link span{color:var(--orange)}.link-button,.link-danger{border:0;background:none;padding:0;color:var(--orange);font-weight:800;font-size:12px}.link-danger{color:var(--red)}
/* brand/header */
.brand{display:inline-flex;align-items:center;gap:11px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,var(--orange),var(--orange2));box-shadow:0 10px 26px rgba(245,161,38,.22);flex:none}.brand-mark svg{width:23px;fill:#fff}.brand-copy{display:flex;flex-direction:column;gap:2px;line-height:1}.brand-copy strong{font-size:22px;letter-spacing:-.8px}.brand-copy strong span{color:var(--orange)}.brand-copy small{font-size:7px;letter-spacing:.16em;color:var(--muted2);text-transform:uppercase;font-weight:800}.site-header{position:sticky;top:0;z-index:80;background:rgba(249,251,255,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(31,47,105,.05)}.site-nav{height:82px;max-width:1440px;margin:auto;padding:0 clamp(22px,5vw,78px);display:flex;align-items:center;gap:45px}.site-nav nav{display:flex;gap:28px;margin-left:20px}.site-nav nav a,.login-link{font-size:12px;font-weight:750;color:#56607f;transition:.2s}.site-nav nav a:hover,.login-link:hover{color:var(--orange)}.nav-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.public-menu{display:none;background:none;border:0;font-size:22px}.mobile-public-nav{display:none}.public-bell{display:flex!important}.header-icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);background:rgba(255,255,255,.72);border-radius:13px;position:relative}.header-icon b{position:absolute;right:-2px;top:-4px;background:var(--orange);color:#fff;border-radius:99px;font-size:8px;min-width:16px;height:16px;display:grid;place-items:center}
/* flash */
.flash{max-width:1320px;margin:18px auto 0;padding:13px 15px;border-radius:14px;display:flex;align-items:flex-start;gap:10px;font-size:12px;position:relative;z-index:60}.flash>span{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;font-weight:900}.flash button{margin-left:auto;border:0;background:none;font-size:20px}.flash-success{background:var(--green-soft);border:1px solid rgba(89,185,127,.22);color:#2c744a}.flash-success>span{background:var(--green);color:#fff}.flash-warning{background:var(--yellow-soft);border:1px solid rgba(255,201,95,.3)}.flash-error{background:var(--red-soft);border:1px solid rgba(223,105,95,.25);color:#93463f}.flash-error>span{background:var(--red);color:white}.app-content>.flash{margin-top:0;margin-bottom:18px}
/* hero */
.hero-section{max-width:1440px;min-height:680px;margin:auto;padding:70px clamp(22px,5vw,78px) 75px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);align-items:center;gap:70px;overflow:hidden}.hero-kicker{display:flex;align-items:center;gap:11px;color:var(--orange);font-size:10px;letter-spacing:.17em;font-weight:900}.hero-kicker span{width:34px;height:1px;background:var(--orange)}.hero-copy h1{font-size:clamp(58px,6.5vw,96px);line-height:.92;letter-spacing:-5px;margin:18px 0 24px;max-width:850px}.hero-copy h1 em{font-style:normal;color:var(--orange);position:relative}.hero-copy h1 em:after{content:"";position:absolute;height:7px;border-radius:99px;background:linear-gradient(90deg,var(--orange),transparent);left:3%;right:10%;bottom:-7px;opacity:.24}.hero-copy>p{font-size:16px;line-height:1.75;color:var(--muted);max-width:660px}.hero-actions{display:flex;gap:12px;margin-top:27px}.hero-proof{display:flex;align-items:center;gap:23px;margin-top:40px}.hero-proof div{display:flex;flex-direction:column}.hero-proof strong{font-size:24px;letter-spacing:-1px}.hero-proof span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-weight:800}.hero-proof i{width:1px;height:33px;background:var(--line2)}.hero-art{display:grid;place-items:center}.hero-orbit{width:min(520px,40vw);aspect-ratio:1;position:relative;border-radius:50%;background:radial-gradient(circle at 48% 43%,rgba(255,255,255,.98) 0%,rgba(255,239,226,.75) 48%,rgba(229,247,255,.36) 66%,transparent 68%);animation:float 6s ease-in-out infinite}.orbit-ring{position:absolute;border-radius:50%;inset:9%;border:1px dashed rgba(245,161,38,.2);animation:rotate 28s linear infinite}.orbit-ring.r2{inset:21%;border-color:rgba(43,68,143,.16);animation-direction:reverse;animation-duration:20s}.center-paw{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:92px;height:92px;border-radius:30px;background:rgba(255,255,255,.8);display:grid;place-items:center;border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(10px)}.center-paw svg{width:44px;fill:var(--orange)}.pet-node{position:absolute;width:90px;height:90px;border-radius:28px;display:grid;place-items:center;font-size:42px;background:rgba(255,255,255,.85);box-shadow:var(--shadow-sm);border:1px solid var(--line);animation:petBob 4s ease-in-out infinite}.pet-node span{position:absolute;white-space:nowrap;top:96px;font-size:9px;font-weight:900;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}.fish-node{left:2%;bottom:22%;background:linear-gradient(145deg,#fff,#eaf8ff)}.bird-node{right:5%;top:13%;background:linear-gradient(145deg,#fff,#fff7dd);animation-delay:.7s}.cat-node{right:5%;bottom:9%;background:linear-gradient(145deg,#fff,#ffede2);animation-delay:1.3s}.mini-auction{position:absolute;left:52%;top:17%;transform:translateX(-50%);width:190px;padding:14px;border-radius:18px;background:rgba(255,255,255,.84);box-shadow:var(--shadow-sm);border:1px solid var(--line);backdrop-filter:blur(12px);display:flex;justify-content:space-between;gap:10px}.mini-auction>div:first-child{display:flex;flex-direction:column}.mini-auction small{font-size:8px;color:var(--muted);margin-top:6px}.mini-auction strong{font-size:16px}.live-dot{font-size:8px;color:#da5047;font-weight:900;letter-spacing:.08em}.mini-time{font-size:10px;font-weight:900;align-self:flex-end;background:var(--ink);color:white;padding:6px 8px;border-radius:8px}.bubble{position:absolute;border:1px solid rgba(43,68,143,.4);border-radius:50%;width:12px;height:12px;left:23%;bottom:17%;animation:bubble 4s infinite}.bubble.b2{width:7px;height:7px;left:30%;bottom:12%;animation-delay:1s}.spark{position:absolute;color:var(--orange);opacity:.45;animation:sparkle 3s infinite}.spark.s1{left:19%;top:18%}.spark.s2{right:18%;bottom:33%;animation-delay:.8s}
/* sections */
.section-wrap{max-width:1320px;margin:auto;padding:88px 28px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:32px}.section-head h2,.card-heading h2,.dash-card-head h2{font-size:34px;letter-spacing:-1.7px;margin:7px 0 6px}.section-head p{margin:0;color:var(--muted);font-size:13px}.auction-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.auction-grid.two-col{grid-template-columns:repeat(2,1fr)}.auction-card{background:rgba(255,255,255,.82);border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 12px 35px rgba(31,47,105,.05);transition:.28s}.auction-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.auction-media{height:245px;position:relative;overflow:hidden;background:var(--bg2)}.auction-media>img{width:100%;height:100%;object-fit:cover;transition:.5s}.auction-card:hover .auction-media>img{transform:scale(1.035)}.auction-topline{position:absolute;top:14px;left:14px;right:14px;display:flex;justify-content:space-between;gap:8px}.live-pill,.category-pill{display:inline-flex;align-items:center;border-radius:99px;padding:7px 10px;font-size:8px;font-weight:900;letter-spacing:.08em;background:rgba(255,255,255,.88);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.65)}.live-pill.is-live{background:#fff0ef;color:#c94740}.category-pill{color:#56607f;letter-spacing:0}.auction-body{padding:18px}.auction-title-row{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.auction-title-row h3{font-size:18px;letter-spacing:-.5px;margin:0 0 4px}.auction-title-row p{font-size:10px;color:var(--muted);margin:0}.arrow-chip{width:32px;height:32px;border-radius:10px;background:var(--orange-soft);color:var(--orange);display:grid;place-items:center;font-weight:900}.price-row{display:flex;align-items:end;justify-content:space-between;border-top:1px solid var(--line);margin-top:16px;padding-top:15px}.price-row>div:first-child{display:flex;flex-direction:column}.price-row small{color:var(--muted);font-size:9px}.price-row strong{font-size:20px;margin-top:3px}.bid-count{display:flex;align-items:baseline;gap:4px}.bid-count small{font-size:17px;color:var(--ink);font-weight:900}.timer-row{margin-top:13px;padding:11px 12px;border-radius:12px;background:#f3f6ff;display:flex;justify-content:space-between;font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:800}.timer-row strong{font-size:11px;color:var(--orange)}.empty-state{padding:55px;text-align:center;background:rgba(255,255,255,.6);border:1px dashed var(--line2);border-radius:24px}.empty-state>span{font-size:30px}.empty-state h3{margin:10px 0 5px}.empty-state p{margin:0;color:var(--muted);font-size:12px}.span-all{grid-column:1/-1}.category-section{background:linear-gradient(180deg,#fff8f2,#eef2ff);border-block:1px solid rgba(245,161,38,.07)}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.category-card{min-height:235px;display:flex;gap:20px;padding:26px;border-radius:25px;background:rgba(255,255,255,.78);border:1px solid var(--line);transition:.25s;position:relative;overflow:hidden}.category-card:before{content:"";position:absolute;width:130px;height:130px;border-radius:50%;background:var(--accent);opacity:.08;right:-40px;bottom:-50px}.category-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent),transparent 70%)}.category-icon{width:68px;height:68px;border-radius:22px;background:color-mix(in srgb,var(--accent),white 84%);display:grid;place-items:center;font-size:34px;flex:none}.category-card small{font-size:8px;color:var(--muted);font-weight:900;letter-spacing:.12em}.category-card h3{font-size:26px;margin:6px 0 8px;letter-spacing:-1px}.category-card p{font-size:11px;color:var(--muted);line-height:1.6;min-height:52px}.category-card strong{font-size:11px}.category-card strong span{color:var(--accent)}
.how-section{background:#1f2f69;color:white}.how-section .section-wrap{padding-top:95px;padding-bottom:95px}.how-intro{text-align:center;max-width:700px;margin:0 auto 42px}.how-intro .eyebrow{color:var(--orange2)}.how-intro h2{font-size:45px;letter-spacing:-2.2px;margin:10px 0}.how-intro h2 em{font-style:normal;color:var(--orange2)}.how-intro p{color:#8791ae}.how-tabs{display:inline-flex;margin-top:22px;padding:5px;border-radius:14px;background:#263873}.how-tabs button{border:0;background:transparent;color:#a89d96;padding:10px 14px;border-radius:10px;font-size:11px;font-weight:800}.how-tabs button.active{background:white;color:var(--ink)}.how-flow{display:none;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:16px}.how-flow.active{display:grid}.how-flow>div{min-height:180px;padding:22px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:#202f67;position:relative}.how-flow>div>b{position:absolute;top:17px;right:17px;color:#596486;font-size:20px}.how-flow>div>span{width:42px;height:42px;border-radius:13px;background:#25356f;color:var(--orange2);display:grid;place-items:center}.how-flow h3{font-size:17px;margin:20px 0 8px}.how-flow p{font-size:10px;line-height:1.65;color:#8791ae;margin:0}.how-flow>i{color:#626d8e;font-style:normal}.trust-section{background:#fff}.trust-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}.trust-copy h2{font-size:48px;letter-spacing:-2.5px;margin:9px 0 17px}.trust-copy h2 em{font-style:normal;color:var(--orange)}.trust-copy p{color:var(--muted);font-size:13px;line-height:1.8;margin-bottom:25px}.trust-list{border-top:1px solid var(--line)}.trust-list>div{display:grid;grid-template-columns:45px 1fr 32px;gap:15px;padding:20px 0;border-bottom:1px solid var(--line);align-items:center}.trust-list>div>span{font-size:9px;color:var(--muted);font-weight:900}.trust-list h3{margin:0 0 5px;font-size:15px}.trust-list p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}.trust-list b{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:var(--green-soft);color:var(--green);font-size:11px}.cta-section{padding:0 28px 90px}.cta-section>div{max-width:1264px;margin:auto;border-radius:28px;background:linear-gradient(135deg,#f5a126,#ff9a5b);color:#fff;padding:35px 40px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;box-shadow:0 30px 60px rgba(245,161,38,.22)}.cta-section>div>span{width:65px;height:65px;border-radius:20px;background:rgba(255,255,255,.18);display:grid;place-items:center;font-size:30px}.cta-section small{font-size:8px;letter-spacing:.16em;font-weight:900;opacity:.75}.cta-section h2{margin:4px 0 0;font-size:26px}.site-footer{max-width:1320px;margin:auto;padding:50px 28px 55px;border-top:1px solid var(--line);display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:50px}.site-footer>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.site-footer>div:first-child p{max-width:330px;color:var(--muted);font-size:10px;line-height:1.7}.site-footer strong{font-size:10px;letter-spacing:.1em;text-transform:uppercase}.site-footer a,.site-footer span{font-size:10px;color:var(--muted)}
/* auth */
.auth-page{min-height:calc(100vh - 83px);display:grid;grid-template-columns:1fr 1fr}.auth-visual{position:relative;background:radial-gradient(circle at 65% 38%,rgba(255,255,255,.9),transparent 32%),linear-gradient(145deg,#eef2ff,#ffe3d1);padding:70px clamp(30px,5vw,90px);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.auth-visual:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(31,47,105,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(31,47,105,.022) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,black,transparent)}.auth-visual>div{position:relative;z-index:2}.auth-visual h1{font-size:48px;line-height:1;letter-spacing:-2.5px;max-width:550px;margin:10px 0}.auth-visual h1 em{color:var(--orange);font-style:normal}.auth-visual p{color:var(--muted);font-size:12px;line-height:1.7;max-width:500px}.auth-orbit{width:330px;height:330px;border-radius:50%;border:1px dashed rgba(245,161,38,.25);align-self:center;position:relative;animation:rotateSlow 28s linear infinite}.auth-paw{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:92px;height:92px;background:rgba(255,255,255,.78);border-radius:30px;display:grid;place-items:center;font-size:39px;box-shadow:var(--shadow);animation:counterRotate 28s linear infinite}.auth-fish,.auth-bird,.auth-cat{position:absolute;width:64px;height:64px;border-radius:21px;background:#fff;box-shadow:var(--shadow-sm);display:grid;place-items:center;font-size:31px;animation:counterRotate 28s linear infinite}.auth-fish{left:-18px;top:55%}.auth-bird{right:8px;top:5%}.auth-cat{right:-24px;bottom:10%}.auth-panel{padding:45px clamp(28px,6vw,90px);display:flex;flex-direction:column;background:rgba(255,255,255,.62)}.auth-back{font-size:10px;color:var(--muted);font-weight:750}.auth-form{max-width:500px;width:100%;margin:auto}.auth-form>.brand{margin-bottom:42px}.auth-heading h2{font-size:34px;letter-spacing:-1.5px;margin:7px 0}.auth-heading p{font-size:11px;color:var(--muted);margin-bottom:26px}.auth-form form,.verify-card form,.action-panel form,.dash-card form,.add-category-card form,.category-admin-card details form{display:flex;flex-direction:column;gap:14px}label{display:flex;flex-direction:column;gap:7px;font-size:10px;font-weight:800;color:#5e534d}input,textarea,select{width:100%;border:1px solid var(--line2);background:#fff;border-radius:12px;padding:12px 13px;color:var(--ink);outline:none;transition:.2s}input:focus,textarea:focus,select:focus{border-color:rgba(245,161,38,.5);box-shadow:0 0 0 3px rgba(245,161,38,.08)}textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.password-wrap{position:relative}.password-wrap button{position:absolute;right:7px;top:7px;width:31px;height:31px;border:0;background:var(--bg);border-radius:9px}.form-between{display:flex;justify-content:space-between;align-items:center;font-size:10px}.form-between>a,.auth-switch a{color:var(--orange);font-weight:800}.check{display:flex;flex-direction:row;align-items:flex-start;gap:8px;font-weight:650;color:var(--muted);line-height:1.5}.check input{width:auto;margin-top:2px;accent-color:var(--orange)}.terms{font-size:9px;margin:4px 0}.auth-switch{text-align:center;color:var(--muted);font-size:10px;margin-top:20px}.simple-auth{min-height:calc(100vh - 83px);display:grid;place-items:center;padding:45px 20px}.verify-card{width:min(480px,100%);padding:38px;background:rgba(255,255,255,.9);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:26px;text-align:center}.verify-card>.brand{margin-bottom:28px}.verify-icon{width:64px;height:64px;margin:0 auto 18px;display:grid;place-items:center;border-radius:21px;background:var(--orange-soft);font-size:28px}.verify-card h1{font-size:30px;margin:8px 0}.verify-card>p{font-size:11px;color:var(--muted);line-height:1.6;margin-bottom:20px}.otp-input{font-size:28px;text-align:center;letter-spacing:.42em;padding-left:.42em;font-weight:900}
/* browse/detail */
.page-hero,.browse-hero{max-width:1320px;margin:auto;padding:80px 28px 55px}.page-hero{text-align:center;max-width:850px}.page-hero h1,.browse-hero h1{font-size:58px;letter-spacing:-3px;margin:8px 0 13px}.page-hero h1 em,.browse-hero h1 em{font-style:normal;color:var(--orange)}.page-hero p,.browse-hero p{font-size:13px;color:var(--muted);line-height:1.7}.process-columns{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding-top:30px}.process-column{background:#fff;border:1px solid var(--line);border-radius:26px;padding:30px}.process-column.seller{background:#fff7f1}.process-title span{font-size:8px;color:var(--orange);font-weight:900;letter-spacing:.16em}.process-title h2{font-size:30px;margin:6px 0 22px}.process-step{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:18px 0;border-top:1px solid var(--line)}.process-step>b{font-size:9px;color:var(--orange)}.process-step h3{margin:0 0 6px;font-size:14px}.process-step p{margin:0;color:var(--muted);font-size:10px;line-height:1.6}.rules-banner{max-width:1264px;margin:0 auto 90px;padding:0 28px}.rules-banner>div{padding:26px;background:var(--ink);color:#fff;border-radius:22px;display:flex;gap:18px}.rules-banner>div>span{font-size:26px}.rules-banner h2{font-size:20px;margin:0 0 6px}.rules-banner p{margin:0;color:#b8aba4;font-size:10px;line-height:1.7}.browse-hero{display:flex;justify-content:space-between;align-items:end;gap:40px}.browse-hero h1{margin-bottom:5px}.browse-search{min-width:min(520px,45vw);display:flex;align-items:center;padding:7px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-sm)}.browse-search>span{padding:0 8px;color:var(--muted)}.browse-search input{border:0;box-shadow:none!important;background:transparent}.browse-layout{display:grid;grid-template-columns:245px 1fr;gap:30px;padding-top:20px}.filter-card{align-self:start;padding:20px;background:#fff;border:1px solid var(--line);border-radius:20px;position:sticky;top:105px}.filter-title{display:flex;justify-content:space-between;margin-bottom:18px}.filter-title strong{font-size:13px}.filter-title a{font-size:9px;color:var(--orange);font-weight:800}.filter-card form{display:flex;flex-direction:column;gap:14px}.filter-note{display:flex;gap:9px;border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.filter-note span{color:var(--orange)}.filter-note p{font-size:9px;color:var(--muted);line-height:1.5;margin:0}.result-head{display:flex;justify-content:space-between;margin-bottom:18px;font-size:10px;color:var(--muted)}.result-head strong{font-size:14px;color:var(--ink)}.pagination-wrap{margin-top:26px}.pagination{display:flex;align-items:center;justify-content:center;gap:7px}.pagination a,.pagination span{min-width:34px;height:34px;padding:0 10px;border:1px solid var(--line);background:#fff;border-radius:10px;display:grid;place-items:center;font-size:10px;font-weight:800}.pagination .current{background:var(--orange);color:#fff;border-color:var(--orange)}.pagination .disabled{opacity:.35}.pagination .dots{border:0;background:transparent}
.auction-detail-wrap{max-width:1320px;margin:auto;padding:35px 28px 90px}.breadcrumb{display:flex;gap:8px;align-items:center;font-size:9px;color:var(--muted);margin-bottom:20px}.breadcrumb b{color:var(--ink)}.auction-detail-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(390px,.85fr);gap:30px}.gallery{min-width:0}.main-media{height:560px;border-radius:26px;overflow:hidden;background:#f6eee8;position:relative}.main-media img{width:100%;height:100%;object-fit:cover}.media-count{position:absolute;right:15px;bottom:15px;padding:7px 10px;border-radius:10px;background:rgba(255,255,255,.85);font-size:8px;font-weight:800}.thumbs{display:flex;gap:9px;margin-top:10px;overflow:auto}.thumbs button{width:76px;height:65px;border:2px solid transparent;border-radius:13px;padding:0;overflow:hidden;background:#fff}.thumbs button:hover{border-color:var(--orange)}.thumbs img{width:100%;height:100%;object-fit:cover}.bid-panel{background:#fff;border:1px solid var(--line);border-radius:26px;padding:28px;box-shadow:var(--shadow-sm);align-self:start;position:sticky;top:105px}.bid-status-row{display:flex;justify-content:space-between}.icon-action{width:38px;height:38px;border:1px solid var(--line);background:#fff;border-radius:12px;font-size:20px}.icon-action.on{color:#df5d5d;background:#fff0ef}.category-label{display:block;color:var(--muted);font-size:9px;margin-top:18px}.bid-panel h1{font-size:32px;line-height:1.08;letter-spacing:-1.5px;margin:7px 0 15px}.seller-inline{display:flex;align-items:center;gap:10px;padding-bottom:18px;border-bottom:1px solid var(--line)}.seller-inline>div{display:flex;flex-direction:column;gap:2px}.seller-inline strong{font-size:11px}.seller-inline small{font-size:8px;color:var(--muted)}.verified-dot{margin-left:auto;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue);font-size:9px}.avatar{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--orange),var(--orange2));color:#fff;display:grid;place-items:center;font-weight:900;flex:none}.avatar.small{width:32px;height:32px;border-radius:10px;font-size:10px}.avatar.xl{width:62px;height:62px;border-radius:20px;font-size:21px}.avatar.xxl{width:84px;height:84px;border-radius:27px;font-size:28px}.current-price{padding:21px 0 15px;display:flex;flex-direction:column}.current-price small{font-size:9px;color:var(--muted)}.current-price strong{font-size:38px;letter-spacing:-1.7px;margin:3px 0}.current-price span{font-size:9px;color:var(--muted)}.big-timer{background:var(--ink);color:#fff;border-radius:16px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between}.big-timer small{color:#b8aaa2;font-size:8px;text-transform:uppercase;letter-spacing:.1em}.big-timer strong{font-size:18px;letter-spacing:.08em}.bid-box{margin-top:15px;padding:16px;border-radius:17px;background:#f3f6ff;border:1px solid rgba(245,161,38,.11)}.minimum-line{display:flex;justify-content:space-between;font-size:9px;margin-bottom:10px}.minimum-line span{color:var(--muted)}.money-input{display:flex;align-items:center;background:#fff;border:1px solid var(--line2);border-radius:13px;padding-left:12px;margin-bottom:9px}.money-input>span{font-size:11px;font-weight:900;color:var(--muted)}.money-input input{border:0;box-shadow:none!important;font-size:16px;font-weight:900}.money-input>div{display:flex;padding-right:6px;gap:4px}.money-input button{width:29px;height:29px;border:0;border-radius:9px;background:var(--bg);font-weight:900}.bid-box p{font-size:8px;color:var(--muted);text-align:center;margin:8px 0 0}.bid-box p a{color:var(--orange)}.upcoming-box,.ended-box{margin-top:15px;padding:15px;border-radius:15px;background:var(--blue-soft);display:flex;gap:10px}.ended-box{background:var(--green-soft)}.upcoming-box strong,.ended-box strong{font-size:11px}.upcoming-box p,.ended-box p{font-size:9px;color:var(--muted);margin:4px 0 0}.detail-columns{display:grid;grid-template-columns:1fr 360px;gap:28px;margin-top:30px}.detail-main{display:flex;flex-direction:column;gap:20px}.content-card,.history-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:27px}.history-card{align-self:start}.card-heading h2{font-size:26px}.attribute-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.attribute-grid>div{padding:14px;border-radius:13px;background:#f7f8ff;border:1px solid var(--line);display:flex;flex-direction:column;gap:4px}.attribute-grid small{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.attribute-grid strong{font-size:11px}.description-box{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.description-box h3{font-size:13px}.description-box p{font-size:11px;color:var(--muted);line-height:1.75}.seller-card-large{display:flex;align-items:center;gap:15px;margin-top:20px}.seller-card-large h3{margin:0 0 5px}.seller-card-large h3 i{font-style:normal;color:var(--blue)}.seller-card-large p{margin:0;color:var(--muted);font-size:9px}.seller-card-large>div>div{display:flex;gap:15px;margin-top:8px;font-size:9px;font-weight:800}.bid-history>div{display:grid;grid-template-columns:35px 1fr auto;gap:9px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.bid-avatar{width:32px;height:32px;border-radius:10px;background:var(--bg2);display:grid;place-items:center;color:var(--orange);font-weight:900}.bid-history>div>div{display:flex;flex-direction:column}.bid-history strong{font-size:10px}.bid-history small{font-size:8px;color:var(--muted)}.bid-history b{font-size:11px}.no-bids{font-size:10px;color:var(--muted)}.history-note{display:flex;gap:8px;padding:13px;margin-top:15px;background:var(--blue-soft);border-radius:12px}.history-note span{color:var(--blue)}.history-note p{font-size:8px;line-height:1.5;color:#557383;margin:0}
/* app shell */
.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) 1fr}.sidebar{height:100vh;position:sticky;top:0;padding:22px 16px;background:rgba(255,255,255,.78);backdrop-filter:blur(20px);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:90}.sidebar-brand{padding:2px 10px 25px}.sidebar-brand .brand-mark{width:38px;height:38px}.sidebar-brand .brand-copy strong{font-size:20px}.sidebar-kicker{margin:0 10px 8px;color:var(--orange);font-size:7px;font-weight:900;letter-spacing:.16em}.sidebar-nav{display:flex;flex-direction:column;gap:3px}.sidebar-nav>a{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:11px;font-size:10px;font-weight:750;color:#6c6059;transition:.2s}.sidebar-nav>a>span{width:22px;text-align:center;font-size:14px}.sidebar-nav>a:hover{background:#f3f6ff;color:var(--orange)}.sidebar-nav>a.active{background:linear-gradient(135deg,var(--orange),var(--orange2));color:#fff;box-shadow:0 8px 18px rgba(245,161,38,.18)}.nav-label{font-size:7px;color:#b1a59e;letter-spacing:.15em;font-weight:900;margin:15px 11px 5px}.sidebar-foot{margin-top:auto;padding:13px 10px;border-top:1px solid var(--line)}.sidebar-foot a{font-size:9px;color:var(--muted)}.app-main{min-width:0}.app-header{height:74px;position:sticky;top:0;z-index:70;background:rgba(249,251,255,.76);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);padding:0 28px;display:flex;align-items:center;gap:15px}.app-search{width:min(440px,45vw);display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:13px;padding:0 10px}.app-search span{color:var(--muted)}.app-search input{border:0;background:transparent;box-shadow:none!important;padding:10px;font-size:10px}.app-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.profile-menu{position:relative}.profile-menu>button{border:0;background:transparent;display:flex;align-items:center;gap:9px;padding:4px}.profile-copy{display:flex;flex-direction:column;text-align:left}.profile-copy strong{font-size:10px}.profile-copy small{font-size:8px;color:var(--muted)}.profile-dropdown{display:none;position:absolute;right:0;top:48px;width:170px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);padding:6px;z-index:100}.profile-dropdown.open{display:block}.profile-dropdown a,.profile-dropdown button{width:100%;display:block;text-align:left;border:0;background:transparent;padding:9px;border-radius:8px;font-size:9px}.profile-dropdown a:hover,.profile-dropdown button:hover{background:var(--bg)}.admin-chip{font-size:7px;letter-spacing:.14em;font-weight:900;background:var(--ink);color:#fff;padding:7px 9px;border-radius:8px}.mobile-menu{display:none;border:0;background:none}.app-content{max-width:1500px;margin:auto;padding:28px}.page-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}.page-head h1{font-size:32px;letter-spacing:-1.5px;margin:5px 0}.page-head h1 span{font-size:24px}.page-head p{font-size:10px;color:var(--muted);margin:0}.head-actions{display:flex;align-items:center;gap:10px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric-card{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:18px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 7px 25px rgba(31,47,105,.035);transition:.2s}.metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.metric-icon{width:41px;height:41px;border-radius:13px;display:grid;place-items:center;font-weight:900}.metric-icon.blue{background:var(--blue-soft);color:var(--blue)}.metric-icon.pink{background:#fff0ef;color:#db6d67}.metric-icon.yellow{background:var(--yellow-soft);color:#d69a28}.metric-icon.green{background:var(--green-soft);color:var(--green)}.metric-icon.red{background:var(--red-soft);color:var(--red)}.metric-card>div{display:flex;flex-direction:column}.metric-card small{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.metric-card strong{font-size:25px;line-height:1.1}.metric-card p{font-size:8px;color:var(--muted);margin:3px 0 0}.metric-card>b{color:#c2b7b0}.dashboard-grid{display:grid;grid-template-columns:1.5fr .75fr;gap:16px;margin-top:16px}.dash-card,.listing-table-card{background:#fff;border:1px solid var(--line);border-radius:19px;padding:20px;box-shadow:0 7px 28px rgba(31,47,105,.035)}.dash-card-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}.dash-card-head h2{font-size:20px;margin:4px 0}.dash-card-head>a{font-size:9px;color:var(--orange);font-weight:800}.compact-auction{display:grid;grid-template-columns:56px minmax(140px,1fr) auto auto auto;gap:14px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.compact-auction img{width:56px;height:49px;object-fit:cover;border-radius:11px}.compact-auction>div{display:flex;flex-direction:column}.compact-main span{font-size:11px;font-weight:850}.compact-auction small{font-size:8px;color:var(--muted)}.compact-auction strong{font-size:10px}.good-text,.bad-text{font-size:8px;font-weight:900;border-radius:8px;padding:5px 7px}.good-text{background:var(--green-soft);color:var(--green)}.bad-text{background:var(--red-soft);color:var(--red)}.mini-empty{padding:25px;text-align:center;color:var(--muted);font-size:10px}.mini-empty span{font-size:20px}.mini-empty a{color:var(--orange);font-weight:800}.seller-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.seller-stats>div{padding:13px;border-radius:13px;background:#f7f8ff;display:flex;justify-content:space-between;align-items:center}.seller-stats span{font-size:8px;color:var(--muted)}.seller-stats strong{font-size:16px}.app-content>.dash-card{margin-top:16px}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:760px}.table-wrap th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);font-size:7px;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}.table-wrap td{padding:12px;border-bottom:1px solid var(--line);font-size:9px}.table-wrap tr:last-child td{border-bottom:0}.table-wrap td>a,.table-action{color:var(--orange);font-weight:800}.table-pet,.user-cell{display:flex;align-items:center;gap:10px}.table-pet img{width:44px;height:40px;border-radius:9px;object-fit:cover}.table-pet>div,.user-cell>div{display:flex;flex-direction:column}.table-pet strong,.user-cell strong{font-size:10px}.table-pet small,.user-cell small{font-size:7px;color:var(--muted)}.status-badge{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:5px 8px;border-radius:99px;background:#f4f1ef;color:#756860;font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.status-live,.status-paid,.status-completed,.status-delivered{background:var(--green-soft);color:#338058}.status-scheduled,.status-pending,.status-pending_review,.status-waiting_payment,.status-waiting_shipment,.status-processing{background:var(--yellow-soft);color:#9b6d16}.status-rejected,.status-cancelled,.status-expired,.status-failed,.status-disputed{background:var(--red-soft);color:#b6534b}.status-shipped{background:var(--blue-soft);color:#3984ad}.status-sold{background:var(--orange-soft);color:var(--orange)}.member-cards{grid-template-columns:repeat(3,1fr)}.win-list{display:flex;flex-direction:column;gap:10px}.win-card{display:grid;grid-template-columns:90px 1fr auto 30px;align-items:center;gap:16px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:16px}.win-card img{width:90px;height:72px;border-radius:12px;object-fit:cover}.win-card small{font-size:7px;color:var(--orange);font-weight:900}.win-card h3{font-size:14px;margin:3px 0}.win-card p{font-size:9px;color:var(--muted);margin:0}.listing-table-card{padding:8px 12px}
/* wizard */
.rejection-banner{display:flex;gap:13px;padding:15px 17px;margin-bottom:18px;border-radius:15px;background:var(--red-soft);border:1px solid rgba(223,105,95,.18)}.rejection-banner>span{width:28px;height:28px;border-radius:50%;background:var(--red);color:white;display:grid;place-items:center;font-weight:900}.rejection-banner strong{font-size:10px}.rejection-banner p{margin:3px 0 0;font-size:9px;color:#8e4b46}.listing-wizard{max-width:980px;margin:auto}.wizard-progress{display:flex;align-items:center;justify-content:center;margin-bottom:22px}.wizard-progress button{border:0;background:none;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:8px;font-weight:800}.wizard-progress button b{width:25px;height:25px;border-radius:50%;background:#e7ebf7;display:grid;place-items:center}.wizard-progress button.active{color:var(--orange)}.wizard-progress button.active b{background:var(--orange);color:white}.wizard-progress i{height:1px;width:45px;background:var(--line2)}.wizard-card{display:none;background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:var(--shadow-sm)}.wizard-card.active{display:block;animation:fadeUp .25s}.wizard-heading h2{font-size:26px;letter-spacing:-1px;margin:6px 0}.wizard-heading p{font-size:10px;color:var(--muted);margin:0 0 24px}.pet-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.pet-selector label{position:relative;padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff;cursor:pointer;align-items:flex-start}.pet-selector input{position:absolute;opacity:0}.pet-selector label:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent),transparent 87%)}.pet-select-icon{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent),white 86%);font-size:27px}.pet-selector strong{font-size:15px;margin-top:12px}.pet-selector small{font-size:8px;color:var(--muted);line-height:1.5}.pet-selector label>b{position:absolute;right:14px;top:14px;width:22px;height:22px;border-radius:50%;background:#eee;color:#aaa;display:grid;place-items:center}.pet-selector label:has(input:checked)>b{background:var(--accent);color:#fff}.wizard-actions{display:flex;justify-content:space-between;margin-top:26px;padding-top:18px;border-top:1px solid var(--line)}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.upload-box{min-height:135px;border:1px dashed var(--line2);border-radius:16px;align-items:center;justify-content:center;text-align:center;background:#f8faff;cursor:pointer}.upload-box:hover{border-color:var(--orange)}.upload-box>span{font-size:20px;color:var(--orange)}.upload-box input{display:none}.upload-box small{font-size:8px;color:var(--muted)}.existing-media{display:flex;gap:7px;margin-top:10px}.existing-media img{width:70px;height:55px;border-radius:10px;object-fit:cover}.attribute-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.dynamic-placeholder{grid-column:1/-1;padding:30px;text-align:center;background:var(--bg);border-radius:15px;color:var(--muted);font-size:10px}.money-setting{display:grid;grid-template-columns:1fr 1fr;gap:14px}.money-field{display:flex;align-items:center;border:1px solid var(--line2);border-radius:12px;padding-left:12px}.money-field span{font-size:10px;color:var(--muted);font-weight:900}.money-field input{border:0;box-shadow:none!important}.duration-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.duration-options>label{cursor:pointer}.duration-options input{display:none}.duration-options span{padding:15px;border:1px solid var(--line);border-radius:13px;display:flex;flex-direction:column}.duration-options input:checked+span{border-color:var(--orange);background:#f3f6ff}.duration-options strong{font-size:11px}.duration-options small{font-size:7px;color:var(--muted)}.rule-note,.integration-note{display:flex;gap:9px;padding:13px;margin-top:18px;border-radius:13px;background:var(--blue-soft);color:#5972a8;font-size:8px;line-height:1.5}.submit-summary{display:flex;align-items:center;gap:17px;padding:25px;background:linear-gradient(135deg,#f3f6ff,#fff0e5);border-radius:18px;margin:10px 0 20px}.summary-paw{width:62px;height:62px;border-radius:20px;background:#fff;display:grid;place-items:center;font-size:30px}.submit-summary h3{margin:0 0 5px}.submit-summary p{font-size:9px;color:var(--muted);line-height:1.6;margin:0}.detail-dashboard-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.listing-preview{display:grid;grid-template-columns:240px 1fr;gap:20px}.listing-preview>img{width:240px;height:200px;border-radius:16px;object-fit:cover}.listing-preview span{font-size:8px;color:var(--orange);font-weight:900}.listing-preview h2{font-size:22px;margin:7px 0}.listing-preview p{font-size:9px;color:var(--muted);line-height:1.7;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.listing-preview>div>strong{font-size:13px}.timeline{display:flex;flex-direction:column}.timeline>div{display:grid;grid-template-columns:18px 1fr;gap:10px;position:relative;padding-bottom:15px}.timeline>div:before{content:"";position:absolute;left:5px;top:12px;bottom:0;width:1px;background:var(--line2)}.timeline>div:last-child:before{display:none}.timeline>div>span{width:11px;height:11px;border-radius:50%;background:var(--orange);margin-top:3px;z-index:2}.timeline strong{font-size:9px}.timeline p{font-size:8px;color:var(--muted);margin:2px 0}.timeline small{font-size:7px;color:var(--muted2)}.info-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}.info-strip>div{background:#fff;padding:14px;display:flex;flex-direction:column}.info-strip small{font-size:7px;color:var(--muted);text-transform:uppercase}.info-strip strong{font-size:10px;margin-top:3px}.info-strip.vertical{grid-template-columns:1fr;margin-top:15px}
/* transactions/settings */
.transaction-progress{display:flex;align-items:center;max-width:820px;margin:0 auto 25px}.transaction-progress>div{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:85px}.transaction-progress>div>span{width:30px;height:30px;border-radius:50%;background:#e7ebf7;color:#8f8178;display:grid;place-items:center;font-size:9px;font-weight:900}.transaction-progress>div.done>span{background:var(--green);color:#fff}.transaction-progress strong{font-size:7px;color:var(--muted)}.transaction-progress>i{flex:1;height:2px;background:#e7ebf7}.transaction-progress>i.done{background:var(--green)}.transaction-grid{display:grid;grid-template-columns:1fr 360px;gap:16px}.transaction-grid>div{display:flex;flex-direction:column;gap:16px}.transaction-item{display:flex;align-items:center;gap:18px}.transaction-item img{width:150px;height:125px;border-radius:15px;object-fit:cover}.transaction-item small{font-size:8px;color:var(--orange)}.transaction-item h2{margin:5px 0;font-size:20px}.transaction-item p{font-size:9px;color:var(--muted)}.transaction-item strong{font-size:18px}.party-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.party-grid>div{display:flex;align-items:center;gap:10px;padding:13px;border-radius:13px;background:#f7f8ff}.party-grid>div>div{display:flex;flex-direction:column}.party-grid small{font-size:7px;color:var(--orange);font-weight:900}.party-grid strong{font-size:10px}.party-grid p{font-size:8px;color:var(--muted);margin:2px 0}.shipment-ticket{display:grid;grid-template-columns:1fr 1fr;gap:10px}.shipment-ticket>div{padding:14px;background:var(--blue-soft);border-radius:13px;display:flex;flex-direction:column}.shipment-ticket small{font-size:7px;color:#5f8191}.shipment-ticket strong{font-size:11px}.action-panel{background:var(--ink);color:#fff;border-radius:20px;padding:23px;align-self:start}.action-panel .eyebrow{color:var(--orange2)}.action-panel h2{font-size:22px;margin:7px 0}.action-panel>p{font-size:9px;color:#9ca7c5;line-height:1.6}.action-panel label{color:#c9bab2}.action-panel input,.action-panel select,.action-panel textarea{background:#263873;border-color:#453a34;color:#fff}.amount-due{display:flex;flex-direction:column;padding:16px;border-radius:14px;background:#263873;margin:18px 0}.amount-due small{font-size:8px;color:#a89b93}.amount-due strong{font-size:25px}.complete-mark{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:var(--green);font-size:25px;margin:25px auto}.settings-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.profile-hero{display:flex;align-items:center;gap:16px;margin-bottom:22px}.profile-hero h2{margin:0 0 3px}.profile-hero p{font-size:9px;color:var(--muted);margin:0 0 7px}.verified-chip{font-size:7px;color:#3d8a5d;background:var(--green-soft);padding:5px 7px;border-radius:8px;font-weight:900}.address-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.address-card{padding:16px;border:1px solid var(--line);border-radius:15px;background:#f8faff}.address-card>span{font-size:7px;color:var(--orange);font-weight:900}.address-card>strong{display:block;margin-top:5px}.address-card p{font-size:9px;color:var(--muted);line-height:1.6}.address-card.add{background:#fff}.notification-list{display:flex;flex-direction:column;gap:8px}.notification-row{display:grid;grid-template-columns:42px 1fr 25px;gap:12px;align-items:center;padding:14px;background:#fff;border:1px solid var(--line);border-radius:15px}.notification-row.unread{border-left:3px solid var(--orange);background:#f8faff}.notification-icon{width:40px;height:40px;border-radius:13px;background:var(--orange-soft);color:var(--orange);display:grid;place-items:center;font-weight:900}.notification-row strong{font-size:10px}.notification-row p{font-size:9px;color:var(--muted);margin:3px 0}.notification-row small{font-size:7px;color:var(--muted2)}
/* admin */
.admin-mode{--bg:#f8f7f5}.admin-mode .sidebar{background:#1f2f69;border-color:#2f2824;color:white}.admin-mode .sidebar .brand-copy strong{color:#fff}.admin-mode .sidebar .brand-copy small{color:#7f726b}.admin-mode .sidebar-nav>a{color:#a99d96}.admin-mode .sidebar-nav>a:hover{background:#2d2723;color:#fff}.admin-mode .sidebar-nav>a.active{background:#fff;color:var(--ink);box-shadow:none}.admin-mode .nav-label{color:#655951}.admin-mode .sidebar-foot{border-color:#332b27}.admin-mode .sidebar-foot a{color:#8b7e76}.admin-live-chip{display:flex;align-items:center;gap:7px;font-size:8px;font-weight:800;padding:8px 10px;border-radius:99px;background:var(--green-soft);color:#3d7b55}.admin-live-chip i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(89,185,127,.1)}.admin-kpi-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--ink);border-radius:18px;margin-top:15px;overflow:hidden}.admin-kpi-strip>div{padding:18px;border-right:1px solid #1b2a5f;display:flex;flex-direction:column}.admin-kpi-strip>div:last-child{border-right:0}.admin-kpi-strip small{font-size:7px;color:#8e8179;text-transform:uppercase;letter-spacing:.1em}.admin-kpi-strip strong{font-size:21px;color:white;margin:4px 0}.admin-kpi-strip span{font-size:7px;color:#766a63}.moderation-list>a{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.moderation-list img{width:56px;height:48px;border-radius:10px;object-fit:cover}.moderation-list>a>div{display:flex;flex-direction:column}.moderation-list strong{font-size:10px}.moderation-list span,.moderation-list small{font-size:7px;color:var(--muted)}.moderation-list>a>b{font-size:8px;color:var(--orange)}.mini-transactions>a{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.mini-transactions>a>div{display:flex;flex-direction:column}.mini-transactions strong{font-size:9px}.mini-transactions small{font-size:8px;color:var(--muted)}.filter-tabs{display:flex;gap:5px;margin-bottom:14px;overflow:auto}.filter-tabs a{padding:8px 11px;border-radius:9px;background:#fff;border:1px solid var(--line);font-size:8px;font-weight:800;color:var(--muted)}.filter-tabs a.active{background:var(--ink);color:#fff}.moderation-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px}.moderation-grid>div,.moderation-grid>aside{display:flex;flex-direction:column;gap:16px}.admin-gallery>img{width:100%;height:380px;border-radius:16px;object-fit:cover}.admin-gallery>div{display:flex;gap:7px;margin-top:8px}.admin-gallery>div img{width:70px;height:55px;border-radius:9px;object-fit:cover}.admin-attrs{grid-template-columns:repeat(3,1fr)}.seller-risk{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.seller-risk>div{padding:10px;border-radius:11px;background:var(--bg);display:flex;flex-direction:column}.seller-risk small{font-size:7px;color:var(--muted)}.seller-risk strong{font-size:10px}.admin-review-panel details{border-top:1px solid #3b332e;padding-top:13px;margin-top:13px}.admin-review-panel summary{font-size:9px;font-weight:900;cursor:pointer;color:#fff;margin-bottom:12px}.danger-summary{color:#f59189!important}.review-checks{display:grid;grid-template-columns:1fr 1fr;gap:6px}.review-checks>div{padding:7px;border-radius:8px;background:#263873;font-size:7px;color:#9ca7c5}.category-admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.category-admin-card{border-top:3px solid var(--accent)}.category-admin-head{display:flex;gap:14px}.category-admin-head .category-icon{width:58px;height:58px;border-radius:18px}.category-admin-head small{font-size:7px;color:var(--green);font-weight:900}.category-admin-head h2{font-size:20px;margin:3px 0}.category-admin-head p{font-size:8px;color:var(--muted);line-height:1.5}.attribute-list{margin-top:18px}.attribute-list-head{display:flex;justify-content:space-between;font-size:8px;padding-bottom:8px;border-bottom:1px solid var(--line)}.attribute-list>div:not(.attribute-list-head){display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}.attribute-list>div>div{display:flex;flex-direction:column}.attribute-list strong{font-size:9px}.attribute-list small{font-size:7px;color:var(--muted)}.category-admin-card details{margin-top:12px}.category-admin-card summary{font-size:9px;font-weight:900;color:var(--orange);cursor:pointer}.category-admin-card details form{margin-top:13px}.inline-checks{display:flex;gap:15px}.add-category-card>span{font-size:30px;color:var(--orange)}.add-category-card h2{font-size:20px;margin:8px 0}.add-category-card>p{font-size:9px;color:var(--muted)}.row-actions{display:flex;align-items:center;gap:8px}.inline-search{display:flex;gap:7px}.inline-search input{width:240px}.risk-count{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#f2efed;font-weight:900}.risk-count.has-risk{background:var(--red-soft);color:var(--red)}.admin-kpi-strip.mini{margin:0;background:#f7f3f0}.admin-kpi-strip.mini>div{border-color:var(--line)}.admin-kpi-strip.mini strong{color:var(--ink)}.strike-list>div{display:flex;gap:10px;padding:10px 0;border-top:1px solid var(--line)}.strike-list>div>span{width:27px;height:27px;border-radius:9px;background:var(--red-soft);color:var(--red);display:grid;place-items:center;font-weight:900}.strike-list>div>div{display:flex;flex-direction:column}.strike-list strong{font-size:9px}.strike-list small{font-size:7px;color:var(--muted)}.admin-status-list>div{display:grid;grid-template-columns:100px 1fr 1fr;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.admin-status-list>div>span{font-size:9px;font-weight:900}.admin-status-list small{font-size:8px;color:var(--muted)}.audit-list{display:flex;flex-direction:column}.audit-list>div{display:grid;grid-template-columns:15px 1fr minmax(0,360px);gap:12px;padding:13px 0;border-bottom:1px solid var(--line);align-items:start}.audit-dot{width:8px;height:8px;border-radius:50%;background:var(--orange);margin-top:5px}.audit-list>div>div{display:flex;flex-direction:column}.audit-list strong{font-size:9px}.audit-list p{font-size:8px;margin:2px 0;color:var(--muted)}.audit-list small{font-size:7px;color:var(--muted2)}.audit-list code{font-size:7px;background:#efecea;padding:7px;border-radius:7px;overflow:auto}
/* animations */
@keyframes float{50%{transform:translateY(-8px)}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes petBob{50%{transform:translateY(-7px) rotate(2deg)}}@keyframes bubble{0%{transform:translate(0,0);opacity:0}20%{opacity:.7}100%{transform:translate(12px,-110px);opacity:0}}@keyframes sparkle{50%{transform:scale(1.25) rotate(10deg);opacity:.75}}@keyframes rotateSlow{to{transform:rotate(360deg)}}@keyframes counterRotate{to{transform:rotate(-360deg)}}@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
/* responsive */
@media(max-width:1180px){.hero-section{grid-template-columns:1fr .8fr;gap:30px}.hero-copy h1{font-size:64px}.hero-orbit{width:390px}.auction-grid{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(3,1fr)}.metric-grid{grid-template-columns:repeat(2,1fr)}.member-cards{grid-template-columns:repeat(2,1fr)}.detail-columns{grid-template-columns:1fr}.history-card{width:100%}.dashboard-grid,.detail-dashboard-grid{grid-template-columns:1fr}.moderation-grid{grid-template-columns:1fr}.moderation-grid>aside{display:grid;grid-template-columns:1fr 1fr}.transaction-grid{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}}
@media(max-width:900px){.site-nav nav{display:none}.public-menu{display:block}.mobile-public-nav.open{display:flex;position:absolute;top:82px;left:0;right:0;background:#fff;padding:15px 22px;flex-direction:column;gap:12px;border-bottom:1px solid var(--line)}.hero-section{grid-template-columns:1fr;padding-top:45px;text-align:center}.hero-copy{display:flex;flex-direction:column;align-items:center}.hero-copy h1{font-size:clamp(52px,12vw,75px)}.hero-art{margin-top:-15px}.hero-orbit{width:min(480px,80vw)}.trust-grid{grid-template-columns:1fr;gap:35px}.how-flow{grid-template-columns:1fr 1fr!important}.how-flow>i{display:none}.category-grid{grid-template-columns:1fr}.process-columns{grid-template-columns:1fr}.browse-hero{display:block}.browse-search{min-width:0;width:100%;margin-top:20px}.browse-layout{grid-template-columns:1fr}.filter-card{position:static}.auction-detail-grid{grid-template-columns:1fr}.bid-panel{position:static}.main-media{height:470px}.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-280px;width:260px;transition:.25s;box-shadow:20px 0 50px rgba(0,0,0,.12)}.sidebar.open{left:0}.mobile-menu{display:block}.app-header{padding:0 18px}.profile-copy{display:none}.app-content{padding:20px}.auth-page{grid-template-columns:1fr}.auth-visual{display:none}.auth-panel{min-height:calc(100vh - 83px)}.category-admin-grid{grid-template-columns:1fr}}
@media(max-width:650px){.site-nav{height:68px;padding:0 15px}.site-nav .brand-copy small{display:none}.nav-actions .btn-ghost,.login-link{display:none}.nav-actions .btn-primary{padding:9px 11px;font-size:10px}.brand-mark{width:36px;height:36px;border-radius:12px}.brand-copy strong{font-size:19px}.mobile-public-nav.open{top:68px}.hero-section{padding:45px 18px 55px;min-height:auto}.hero-copy h1{font-size:52px;letter-spacing:-3px}.hero-copy>p{font-size:12px}.hero-proof{gap:14px}.hero-proof strong{font-size:18px}.hero-proof span{font-size:7px}.hero-art{display:none}.section-wrap{padding:60px 16px}.section-head{align-items:flex-start}.section-head h2{font-size:28px}.auction-grid,.auction-grid.two-col,.member-cards{grid-template-columns:1fr}.auction-media{height:230px}.how-intro h2,.trust-copy h2{font-size:35px}.how-flow{grid-template-columns:1fr!important}.category-card{min-height:0}.cta-section{padding:0 15px 60px}.cta-section>div{grid-template-columns:1fr;text-align:center;justify-items:center;padding:28px}.site-footer{padding:35px 18px;grid-template-columns:1fr 1fr}.site-footer>div:first-child{grid-column:1/-1}.page-hero,.browse-hero{padding:55px 18px 35px}.page-hero h1,.browse-hero h1{font-size:42px}.process-columns{padding:20px 15px 60px}.rules-banner{padding:0 15px}.auction-detail-wrap{padding:22px 14px 60px}.main-media{height:330px;border-radius:19px}.bid-panel{padding:20px}.bid-panel h1{font-size:26px}.current-price strong{font-size:31px}.attribute-grid,.admin-attrs{grid-template-columns:1fr 1fr}.detail-columns{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}.app-search{display:none}.app-actions{margin-left:auto}.app-content{padding:15px}.dashboard-grid{grid-template-columns:1fr}.compact-auction{grid-template-columns:52px 1fr auto}.compact-auction>div:nth-of-type(2),.compact-auction>div:nth-of-type(3){display:none}.seller-stats{grid-template-columns:1fr 1fr}.form-grid,.money-setting,.attribute-form-grid{grid-template-columns:1fr}.wizard-card{padding:19px}.wizard-progress button span{display:none}.wizard-progress i{width:20px}.pet-selector{grid-template-columns:1fr}.upload-grid{grid-template-columns:1fr}.duration-options{grid-template-columns:1fr}.listing-preview{grid-template-columns:1fr}.listing-preview>img{width:100%;height:220px}.info-strip{grid-template-columns:1fr 1fr}.transaction-progress>div{min-width:58px}.transaction-progress strong{display:none}.party-grid,.shipment-ticket,.address-grid{grid-template-columns:1fr}.moderation-grid>aside{display:flex}.review-checks{grid-template-columns:1fr}.admin-gallery>img{height:260px}.admin-kpi-strip{grid-template-columns:1fr 1fr}.admin-kpi-strip>div{border-bottom:1px solid #1b2a5f}.inline-search{width:100%}.inline-search input{width:100%}.audit-list>div{grid-template-columns:12px 1fr}.audit-list code{grid-column:2}.auth-panel{padding:28px 20px}.auth-form>.brand{margin-bottom:30px}.auth-heading h2{font-size:28px}.verify-card{padding:27px 20px}.site-footer{gap:25px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* LelangPet V7.1.1 sidebar overflow hardening */
.sidebar{
    height:100vh;
    height:100dvh;
    max-height:100dvh;
    overflow:hidden;
}
.sidebar-brand,.sidebar-kicker,.sidebar-foot{flex:0 0 auto}
.sidebar-nav{
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    overflow-x:hidden;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
    scrollbar-width:thin;
    scrollbar-color:rgba(108,96,89,.28) transparent;
    padding-right:5px;
    padding-bottom:12px;
}
.sidebar-nav>a,.sidebar-nav>.nav-label{flex:0 0 auto}
.sidebar-nav::-webkit-scrollbar{width:6px}
.sidebar-nav::-webkit-scrollbar-track{background:transparent}
.sidebar-nav::-webkit-scrollbar-thumb{background:rgba(108,96,89,.22);border-radius:999px}
.sidebar-nav::-webkit-scrollbar-thumb:hover{background:rgba(108,96,89,.38)}
.sidebar-foot{
    margin-top:0;
    padding-top:13px;
    padding-bottom:max(13px,env(safe-area-inset-bottom));
    background:linear-gradient(to bottom,rgba(255,255,255,.72),rgba(255,255,255,.96));
    backdrop-filter:blur(12px);
}
.admin-mode .sidebar-nav{scrollbar-color:rgba(255,255,255,.2) transparent}
.admin-mode .sidebar-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.16)}
.admin-mode .sidebar-nav::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.28)}
.admin-mode .sidebar-foot{background:linear-gradient(to bottom,rgba(31,47,105,.72),rgba(31,47,105,.96))}
@media(max-width:900px){
    .sidebar{
        top:0;
        bottom:0;
        padding-top:max(22px,env(safe-area-inset-top));
        max-height:none;
    }
    .sidebar-nav{padding-bottom:18px}
}


/* ===== ux-finish.css ===== */
/* LelangPet Finishing Layer v3
   Loaded after app.css so the original visual identity stays intact. */

:root{
  --lp-ease:cubic-bezier(.22,.72,.18,1);
  --lp-ease-out:cubic-bezier(.16,1,.3,1);
  --lp-glass:rgba(255,255,255,.78);
  --lp-overlay:rgba(33,28,25,.28);
  --lp-focus:0 0 0 4px rgba(245,161,38,.12);
}

/* Typography refinement: keep hierarchy without making every label look bold. */
body{font-weight:400;letter-spacing:-.003em}
h1,h2,h3,h4,h5,h6{font-weight:720;text-wrap:balance}
strong,b{font-weight:650}
.eyebrow,.hero-kicker,.live-pill,.category-pill,.sidebar-kicker,.nav-label{font-weight:700;letter-spacing:.14em}
.btn{font-weight:650;letter-spacing:-.01em}
label{font-weight:600}
.brand-copy strong{font-weight:760}
.site-nav nav a,.login-link,.text-link,.link-button,.link-danger{font-weight:600}
.hero-copy h1{font-weight:730}
.hero-proof strong,.current-price strong,.amount-due strong{font-weight:720}
.metric-card strong,.seller-stats strong,.admin-kpi-strip strong{font-weight:690}
.table-wrap th{font-weight:650}
.compact-main span,.table-pet strong,.notification-row strong{font-weight:620}
.profile-copy strong{font-weight:620}

/* Accessible interactive polish. */
a,button,input,textarea,select,.auction-card,.category-card,.dash-card,.metric-card{outline:none}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{
  box-shadow:var(--lp-focus)!important;
  outline:2px solid rgba(245,161,38,.35)!important;
  outline-offset:2px;
}
button:disabled,.btn[aria-disabled="true"]{cursor:not-allowed;opacity:.66;transform:none!important}

/* Page boot / navigation transition. */
#lpBootLoader,#lpPageTransition{
  position:fixed;inset:0;z-index:2000;display:grid;place-items:center;
  background:rgba(249,251,255,.88);backdrop-filter:blur(14px);
  transition:opacity .28s var(--lp-ease),visibility .28s var(--lp-ease);
}
#lpBootLoader.is-hidden,#lpPageTransition.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.lp-loader-card{
  min-width:178px;padding:18px 20px;border:1px solid var(--line);border-radius:20px;
  background:rgba(255,255,255,.86);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:13px;
}
.lp-loader-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--orange),var(--orange2));display:grid;place-items:center;color:white;position:relative;box-shadow:0 10px 28px rgba(245,161,38,.22)}
.lp-loader-mark svg{width:22px;fill:#fff;animation:lpPawPulse 1.15s ease-in-out infinite}
.lp-loader-copy{display:flex;flex-direction:column;gap:4px}
.lp-loader-copy strong{font-size:12px;font-weight:680}
.lp-loader-copy span{font-size:9px;color:var(--muted)}
.lp-progress{position:absolute;left:0;right:0;top:0;height:3px;overflow:hidden;background:rgba(245,161,38,.08)}
.lp-progress:after{content:"";display:block;height:100%;width:34%;background:linear-gradient(90deg,transparent,var(--orange),var(--orange2),transparent);animation:lpProgress 1.05s linear infinite}
.lp-transition-skeleton{position:absolute;inset:auto 5vw 8vh;display:grid;grid-template-columns:1.25fr .75fr;gap:18px;opacity:.28;pointer-events:none}
.lp-transition-skeleton>div{height:110px;border-radius:22px;background:linear-gradient(105deg,#fff3df 8%,#fff 18%,#fff3df 33%);background-size:240% 100%;animation:lpShimmer 1.35s linear infinite}

/* Global modal system: replaces native alert/confirm UX. */
#lpModalRoot{position:fixed;inset:0;z-index:2100;display:none;align-items:center;justify-content:center;padding:18px}
#lpModalRoot.is-open{display:flex}
.lp-modal-backdrop{position:absolute;inset:0;background:var(--lp-overlay);backdrop-filter:blur(8px);animation:lpFade .18s ease both}
.lp-modal{
  position:relative;width:min(460px,100%);max-height:min(86vh,700px);overflow:auto;
  border:1px solid rgba(31,47,105,.1);border-radius:26px;background:rgba(255,255,255,.96);
  box-shadow:0 34px 110px rgba(56,37,26,.24);padding:24px;animation:lpModalIn .34s var(--lp-ease-out) both;
}
.lp-modal-icon{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;margin-bottom:16px;background:var(--orange-soft);color:var(--orange);font-size:23px}
.lp-modal-icon.danger{background:var(--red-soft);color:var(--red)}
.lp-modal-icon.success{background:var(--green-soft);color:var(--green)}
.lp-modal-kicker{font-size:8px;color:var(--orange);letter-spacing:.14em;font-weight:700;text-transform:uppercase}
.lp-modal h3{font-size:24px;letter-spacing:-.8px;margin:6px 0 9px}
.lp-modal p{margin:0;color:var(--muted);font-size:11px;line-height:1.7;white-space:pre-line}
.lp-modal-slot{margin-top:15px}
.lp-modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px;padding-top:17px;border-top:1px solid var(--line)}
.lp-modal-close{position:absolute;right:15px;top:15px;width:34px;height:34px;border:0;border-radius:11px;background:var(--bg);font-size:17px;color:var(--muted);transition:.2s var(--lp-ease)}
.lp-modal-close:hover{background:var(--orange-soft);color:var(--orange);transform:rotate(4deg)}
body.lp-modal-open{overflow:hidden}

/* Toast stack. */
#lpToastStack{position:fixed;right:18px;bottom:18px;z-index:2200;display:flex;flex-direction:column;gap:9px;width:min(360px,calc(100vw - 36px));pointer-events:none}
.lp-toast{pointer-events:auto;display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.94);box-shadow:0 16px 55px rgba(50,34,24,.14);backdrop-filter:blur(14px);animation:lpToastIn .35s var(--lp-ease-out) both}
.lp-toast.is-leaving{animation:lpToastOut .24s ease both}
.lp-toast-icon{width:35px;height:35px;border-radius:12px;display:grid;place-items:center;background:var(--green-soft);color:var(--green);font-weight:700}
.lp-toast-error .lp-toast-icon{background:var(--red-soft);color:var(--red)}
.lp-toast-warning .lp-toast-icon{background:var(--yellow-soft);color:#a86b0a}
.lp-toast-info .lp-toast-icon{background:var(--blue-soft);color:#395ea8}
.lp-toast-copy strong{display:block;font-size:10px;font-weight:650;margin-bottom:2px}
.lp-toast-copy span{display:block;font-size:9px;line-height:1.45;color:var(--muted)}
.lp-toast button{width:26px;height:26px;border:0;background:transparent;border-radius:8px;color:var(--muted)}

/* Button / form loading. */
.lp-busy{position:relative;pointer-events:none}
.lp-busy .lp-button-label{opacity:.55}
.lp-spinner{display:inline-block;width:15px;height:15px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:lpSpin .7s linear infinite;vertical-align:-2px}
.lp-btn-spinner{margin-right:2px}
form.lp-submitting{pointer-events:none}
form.lp-submitting input,form.lp-submitting textarea,form.lp-submitting select{opacity:.78}

/* Skeletons and async content. */
.lp-skeleton{position:relative;overflow:hidden;background:#eef2fa!important;color:transparent!important;border-color:transparent!important}
.lp-skeleton:after,.lp-image-loading:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.62),transparent);animation:lpSkeleton 1.25s infinite}
.lp-skeleton-line{height:11px;border-radius:7px;background:#e4e9f5;overflow:hidden;position:relative}
.lp-skeleton-line.w70{width:70%}.lp-skeleton-line.w45{width:45%}.lp-skeleton-line.w90{width:90%}
.lp-attribute-skeleton{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:13px}
.lp-attribute-skeleton>div{height:66px;border-radius:14px;background:linear-gradient(100deg,#eef2fb 10%,#f7f8ff 20%,#eef2fb 35%);background-size:220% 100%;animation:lpShimmer 1.25s linear infinite}
img[data-lp-image]{transition:opacity .35s var(--lp-ease),transform .45s var(--lp-ease)}
img[data-lp-image].is-loading{opacity:.18}
img[data-lp-image].is-ready{opacity:1}

/* Reveal animation. JS only adds the hidden state when IntersectionObserver is available. */
.lp-reveal-ready{opacity:0;transform:translateY(14px) scale(.992);transition:opacity .58s var(--lp-ease-out),transform .58s var(--lp-ease-out)}
.lp-reveal-ready.lp-reveal-in{opacity:1;transform:none}
.auction-card,.category-card,.metric-card,.dash-card,.content-card,.listing-table-card,.action-panel{will-change:transform}
.auction-card:hover,.category-card:hover,.metric-card:hover{transform:translateY(-4px)}
.dash-card,.content-card,.listing-table-card,.action-panel{transition:transform .26s var(--lp-ease),box-shadow .26s var(--lp-ease),border-color .26s var(--lp-ease)}
.dash-card:hover,.content-card:hover{border-color:rgba(245,161,38,.12);box-shadow:0 16px 45px rgba(31,47,105,.06)}

/* Hero and pet micro-motion. */
.hero-orbit{animation:lpHeroFloat 7s ease-in-out infinite}
.center-paw{animation:lpCenterFloat 4.8s ease-in-out infinite}
.pet-node{transition:transform .35s var(--lp-ease),box-shadow .35s var(--lp-ease)}
.pet-node:hover{box-shadow:0 18px 45px rgba(31,47,105,.11)}
.mini-auction{animation:lpMiniCard 5.6s ease-in-out infinite}
.live-dot{position:relative}
.live-dot:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#df5a51;left:-1px;top:1px;animation:lpLivePulse 1.8s infinite;opacity:.4}

/* Header / navigation smoothness. */
.site-header,.app-header{transition:background .25s var(--lp-ease),box-shadow .25s var(--lp-ease),border-color .25s var(--lp-ease)}
body.lp-scrolled .site-header,body.lp-scrolled .app-header{background:rgba(249,251,255,.92);box-shadow:0 8px 30px rgba(31,47,105,.04)}
.profile-dropdown{transform-origin:top right;transition:opacity .18s ease,transform .18s var(--lp-ease);opacity:0;transform:translateY(-5px) scale(.98);pointer-events:none}
.profile-dropdown.open{opacity:1;transform:none;pointer-events:auto}
#lpSidebarBackdrop{display:none;position:fixed;inset:0;z-index:89;background:rgba(33,28,25,.22);backdrop-filter:blur(4px)}
#lpSidebarBackdrop.open{display:block;animation:lpFade .2s ease both}

/* Forms: softer labels and better feedback. */
input,textarea,select{transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,transform .2s ease}
input:hover,textarea:hover,select:hover{border-color:rgba(31,47,105,.2)}
input:focus,textarea:focus,select:focus{background:#fff;transform:translateY(-1px)}
.lp-invalid{border-color:rgba(223,105,95,.72)!important;box-shadow:0 0 0 3px rgba(223,105,95,.09)!important}
.lp-field-error{font-size:8px;color:var(--red);margin-top:-2px;animation:lpFadeUp .2s ease both}
.password-wrap button{transition:.2s var(--lp-ease)}
.password-wrap button:hover{background:var(--orange-soft);color:var(--orange)}

/* Auth finishing. */
.auth-panel{position:relative;overflow:hidden}
.auth-panel:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-140px;top:-130px;background:rgba(43,68,143,.07);filter:blur(6px);pointer-events:none}
.auth-form{position:relative;z-index:1;animation:lpAuthIn .55s var(--lp-ease-out) both}
.auth-visual>div:last-child{animation:lpFadeUp .7s .08s var(--lp-ease-out) both}
.auth-orbit{box-shadow:inset 0 0 70px rgba(255,255,255,.52)}
.auth-paw{animation:counterRotate 28s linear infinite,lpPawBreathe 3.8s ease-in-out infinite}
.auth-form form .btn{min-height:45px}
/* Upload preview. */
.lp-upload-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}
.lp-upload-preview-item{position:relative;aspect-ratio:1;border-radius:13px;overflow:hidden;background:var(--bg2);border:1px solid var(--line)}
.lp-upload-preview-item img,.lp-upload-preview-item video{width:100%;height:100%;object-fit:cover}
.lp-upload-preview-item span{position:absolute;left:7px;bottom:7px;max-width:calc(100% - 14px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7px;background:rgba(33,28,25,.72);color:white;padding:4px 6px;border-radius:7px}
.upload-box.is-dragging{border-color:var(--orange);background:var(--orange-soft);transform:translateY(-2px)}

/* Flash messages enter softly and are also mirrored as toasts by JS. */
.flash{animation:lpFlashIn .35s var(--lp-ease-out) both}

/* Custom error pages. */
.lp-error-page{min-height:calc(100vh - 160px);display:grid;place-items:center;padding:50px 18px}
.lp-error-card{width:min(620px,100%);text-align:center;padding:42px;border:1px solid var(--line);border-radius:30px;background:rgba(255,255,255,.82);box-shadow:var(--shadow);backdrop-filter:blur(12px)}
.lp-error-code{font-size:72px;line-height:1;color:var(--orange);font-weight:760;letter-spacing:-5px}
.lp-error-card h1{font-size:30px;margin:12px 0 8px}
.lp-error-card p{font-size:11px;color:var(--muted);line-height:1.7;max-width:460px;margin:0 auto 22px}
.lp-error-pet{font-size:42px;animation:lpPawBreathe 3s ease-in-out infinite}

/* Responsive finishing. */
@media(max-width:900px){
  #lpSidebarBackdrop{z-index:89}.sidebar{z-index:90}
  .lp-transition-skeleton{grid-template-columns:1fr}
  .lp-upload-preview{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:650px){
  #lpToastStack{right:12px;bottom:12px;width:calc(100vw - 24px)}
  .lp-modal{padding:20px;border-radius:22px}
  .lp-modal-actions{flex-direction:column-reverse}.lp-modal-actions .btn{width:100%}
  .lp-transition-skeleton{inset:auto 14px 7vh}
  .lp-upload-preview{grid-template-columns:repeat(2,1fr)}
  .lp-error-card{padding:30px 20px}.lp-error-code{font-size:58px}
}

@keyframes lpSpin{to{transform:rotate(360deg)}}
@keyframes lpProgress{from{transform:translateX(-120%)}to{transform:translateX(390%)}}
@keyframes lpSkeleton{100%{transform:translateX(100%)}}
@keyframes lpShimmer{0%{background-position:120% 0}100%{background-position:-120% 0}}
@keyframes lpFade{from{opacity:0}to{opacity:1}}
@keyframes lpFadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes lpModalIn{from{opacity:0;transform:translateY(12px) scale(.965)}to{opacity:1;transform:none}}
@keyframes lpToastIn{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
@keyframes lpToastOut{to{opacity:0;transform:translateX(14px) scale(.97)}}
@keyframes lpPawPulse{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.08) rotate(-4deg)}}
@keyframes lpPawBreathe{0%,100%{scale:1}50%{scale:1.045}}
@keyframes lpHeroFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes lpCenterFloat{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-54%) scale(1.035)}}
@keyframes lpMiniCard{0%,100%{translate:0 0}50%{translate:0 -5px}}
@keyframes lpLivePulse{0%{box-shadow:0 0 0 0 rgba(223,90,81,.3)}70%{box-shadow:0 0 0 8px rgba(223,90,81,0)}100%{box-shadow:0 0 0 0 rgba(223,90,81,0)}}
@keyframes lpAuthIn{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}
@keyframes lpFlashIn{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}

@media(prefers-reduced-motion:reduce){
  #lpBootLoader,#lpPageTransition,.lp-modal,.lp-toast,.lp-reveal-ready,.hero-orbit,.center-paw,.mini-auction,.auth-form,.auth-visual>div:last-child{animation:none!important;transition:none!important;transform:none!important}
  .lp-reveal-ready{opacity:1!important}
}


/* ===== media-gallery-v4.css ===== */
/* =========================================================
   LelangPet V4 — Real Media Gallery
   Loaded after the base theme so it can polish without
   destabilising the existing design system.
   ========================================================= */

:root {
    --lp-gallery-radius: 26px;
    --lp-gallery-shadow: 0 24px 70px rgba(74, 50, 36, .12);
}

.lp-media-gallery {
    width: 100%;
    min-width: 0;
}

.lp-gallery-stage {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 3;
    min-height: 420px;
    overflow: hidden;
    border-radius: var(--lp-gallery-radius);
    background:
        radial-gradient(circle at 20% 10%, rgba(245,161,38,.12), transparent 42%),
        linear-gradient(145deg, #f3f6ff, #e6ebf7);
    box-shadow: var(--lp-gallery-shadow);
    isolation: isolate;
}

.lp-gallery-stage::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background: linear-gradient(180deg, transparent 55%, rgba(24,18,15,.22));
    pointer-events: none;
}

.lp-gallery-slide {
    position: absolute;
    inset: 0;
    z-index: 1;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    transform: scale(1.018);
    transition:
        opacity .46s cubic-bezier(.2,.8,.2,1),
        transform .7s cubic-bezier(.2,.8,.2,1),
        visibility .46s;
    pointer-events: none;
}

.lp-gallery-slide.is-active {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    pointer-events: auto;
}

.lp-gallery-slide img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    opacity: 0;
    transform: scale(1.015);
    filter: saturate(.96);
    transition: opacity .35s ease, transform .8s cubic-bezier(.2,.8,.2,1);
}

.lp-gallery-slide img.is-loaded,
.lp-gallery-slide img[data-gallery-image]:not([loading="lazy"]) {
    opacity: 1;
    transform: scale(1);
}

.lp-gallery-nav,
.lp-gallery-expand {
    position: absolute;
    z-index: 6;
    border: 1px solid rgba(255,255,255,.32);
    background: rgba(22,18,16,.44);
    color: #fff;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 10px 30px rgba(0,0,0,.14);
    transition: transform .2s ease, background .2s ease, opacity .2s ease;
}

.lp-gallery-nav {
    top: 50%;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    transform: translateY(-50%);
    display: grid;
    place-items: center;
    cursor: pointer;
}

.lp-gallery-nav span {
    transform: translateY(-1px);
    font-size: 30px;
    line-height: 1;
    font-weight: 400;
}

.lp-gallery-nav.is-prev { left: 16px; }
.lp-gallery-nav.is-next { right: 16px; }

.lp-gallery-nav:hover {
    background: rgba(245,161,38,.88);
    transform: translateY(-50%) scale(1.06);
}

.lp-gallery-meta {
    position: absolute;
    z-index: 5;
    left: 16px;
    bottom: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.lp-gallery-count,
.lp-gallery-photo-badge {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 12px;
    border: 1px solid rgba(255,255,255,.24);
    border-radius: 999px;
    color: #fff;
    background: rgba(22,18,16,.46);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    font-size: 10px;
    font-weight: 650;
    letter-spacing: .02em;
}

.lp-gallery-expand {
    right: 16px;
    bottom: 16px;
    min-height: 36px;
    padding: 0 12px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    cursor: pointer;
}

.lp-gallery-expand span { font-size: 16px; }
.lp-gallery-expand small { font-size: 9px; font-weight: 700; }

.lp-gallery-expand:hover {
    background: rgba(245,161,38,.9);
    transform: translateY(-2px);
}

.lp-gallery-thumbs {
    display: flex;
    gap: 9px;
    margin-top: 11px;
    padding: 2px 1px 6px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
    scrollbar-color: rgba(245,161,38,.4) transparent;
}

.lp-gallery-thumb {
    position: relative;
    flex: 0 0 86px;
    width: 86px;
    height: 66px;
    padding: 0;
    overflow: hidden;
    border: 2px solid transparent;
    border-radius: 14px;
    background: #e8edf8;
    cursor: pointer;
    opacity: .64;
    transform: translateY(0);
    transition: opacity .2s ease, transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.lp-gallery-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.lp-gallery-thumb span {
    position: absolute;
    right: 5px;
    bottom: 5px;
    min-width: 22px;
    height: 19px;
    display: grid;
    place-items: center;
    padding: 0 5px;
    border-radius: 999px;
    color: #fff;
    background: rgba(25,20,17,.52);
    font-size: 7px;
    font-weight: 700;
    backdrop-filter: blur(8px);
}

.lp-gallery-thumb:hover,
.lp-gallery-thumb.is-active {
    opacity: 1;
    transform: translateY(-2px);
}

.lp-gallery-thumb.is-active {
    border-color: var(--orange);
    box-shadow: 0 8px 20px rgba(245,161,38,.18);
}

/* Cards gain a quiet second-photo reveal instead of cartoon-like media. */
.auction-media {
    position: relative;
    background: #e5eaf6;
}

.auction-media > img {
    transition: opacity .5s cubic-bezier(.2,.8,.2,1), transform .7s cubic-bezier(.2,.8,.2,1);
}

.auction-media .auction-media-secondary {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
}

.auction-card:hover .auction-media-primary {
    opacity: 0;
    transform: scale(1.025);
}

.auction-card:hover .auction-media-secondary {
    opacity: 1;
    transform: scale(1.018);
}

.auction-topline,
.auction-photo-count {
    z-index: 4;
}

.auction-photo-count {
    position: absolute;
    left: 12px;
    bottom: 12px;
    min-height: 28px;
    padding: 0 9px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border-radius: 999px;
    color: #fff;
    background: rgba(23,18,15,.5);
    border: 1px solid rgba(255,255,255,.22);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    font-size: 8px;
    font-weight: 700;
}

/* Real-photo hero. */
.hero-real-stage {
    width: min(100%, 520px);
    min-height: 500px;
    position: relative;
    margin-left: auto;
}

.hero-real-main {
    position: absolute;
    inset: 30px 38px 36px 44px;
    overflow: hidden;
    border-radius: 32px;
    box-shadow: 0 35px 90px rgba(77,52,38,.18);
    background: #e4e9f5;
    transform: rotate(1.25deg);
    animation: lpRealHeroFloat 7s ease-in-out infinite;
}

.hero-real-main img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    filter: saturate(.96) contrast(1.02);
}

.hero-real-main::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 52%, rgba(19,14,12,.62));
}

.hero-real-info {
    position: absolute;
    z-index: 3;
    left: 24px;
    right: 24px;
    bottom: 24px;
    color: #fff;
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 16px;
}

.hero-real-info small {
    display: block;
    margin-bottom: 4px;
    font-size: 8px;
    letter-spacing: .12em;
    font-weight: 800;
}

.hero-real-info strong {
    display: block;
    max-width: 260px;
    font-size: clamp(17px,2vw,23px);
    line-height: 1.05;
    letter-spacing: -.04em;
}

.hero-real-price {
    text-align: right;
    white-space: nowrap;
}

.hero-real-price b {
    display: block;
    font-size: 15px;
    font-weight: 750;
}

.hero-real-float {
    position: absolute;
    z-index: 5;
    width: 112px;
    aspect-ratio: 1;
    overflow: hidden;
    border: 6px solid rgba(255,255,255,.92);
    border-radius: 25px;
    background: #e4e9f5;
    box-shadow: 0 20px 50px rgba(60,41,31,.16);
}

.hero-real-float img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-real-float.one {
    left: 0;
    top: 8px;
    transform: rotate(-8deg);
    animation: lpMiniFloatOne 6s ease-in-out infinite;
}

.hero-real-float.two {
    right: 0;
    bottom: 4px;
    transform: rotate(7deg);
    animation: lpMiniFloatTwo 6.8s ease-in-out infinite;
}

.hero-real-live {
    position: absolute;
    z-index: 6;
    right: 10px;
    top: 50px;
    padding: 9px 12px;
    border-radius: 999px;
    color: #fff;
    background: rgba(24,18,15,.58);
    border: 1px solid rgba(255,255,255,.26);
    backdrop-filter: blur(12px);
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .09em;
    box-shadow: 0 12px 30px rgba(0,0,0,.12);
}

.hero-real-live i {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 5px;
    border-radius: 50%;
    background: #66dc8e;
    box-shadow: 0 0 0 5px rgba(102,220,142,.15);
}

@keyframes lpRealHeroFloat {
    0%,100% { transform: translateY(0) rotate(1.25deg); }
    50% { transform: translateY(-7px) rotate(.5deg); }
}

@keyframes lpMiniFloatOne {
    0%,100% { transform: translateY(0) rotate(-8deg); }
    50% { transform: translateY(7px) rotate(-5deg); }
}

@keyframes lpMiniFloatTwo {
    0%,100% { transform: translateY(0) rotate(7deg); }
    50% { transform: translateY(-8px) rotate(4deg); }
}

/* Existing-photo manager in seller wizard. */
.lp-existing-media-wrap {
    margin-top: 16px;
    padding: 16px;
    border: 1px solid var(--line);
    border-radius: 20px;
    background: rgba(255,255,255,.54);
}

.lp-existing-media-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 11px;
}

.lp-existing-media-head h3 {
    margin: 0 0 3px;
    font-size: 14px;
    font-weight: 720;
}

.lp-existing-media-head p,
.lp-media-limit-note {
    margin: 0;
    color: var(--muted);
    font-size: 9px;
    line-height: 1.5;
}

.lp-existing-media-grid,
.lp-new-photo-preview {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(125px, 1fr));
    gap: 10px;
}

.lp-existing-photo,
.lp-new-photo-card {
    position: relative;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: #fff;
    transition: opacity .2s ease, transform .2s ease, border-color .2s ease;
}

.lp-existing-photo.is-removed {
    opacity: .36;
    transform: scale(.98);
}

.lp-existing-photo img,
.lp-new-photo-card img {
    width: 100%;
    aspect-ratio: 1.25;
    object-fit: cover;
    display: block;
}

.lp-existing-photo-actions {
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
}

.lp-cover-radio,
.lp-remove-photo {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 8px;
    font-weight: 650;
}

.lp-cover-radio input {
    accent-color: var(--orange);
}

.lp-remove-photo {
    border: 0;
    background: transparent;
    color: #b74e43;
    cursor: pointer;
}

.lp-new-photo-preview {
    margin-top: 12px;
}

.lp-new-photo-card {
    animation: lpPreviewIn .28s ease both;
}

.lp-new-photo-card span {
    display: block;
    padding: 7px 8px 8px;
    overflow: hidden;
    color: var(--muted);
    font-size: 7.5px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lp-new-photo-card button {
    position: absolute;
    right: 7px;
    top: 7px;
    width: 25px;
    height: 25px;
    border: 1px solid rgba(255,255,255,.4);
    border-radius: 50%;
    color: #fff;
    background: rgba(26,20,17,.58);
    backdrop-filter: blur(8px);
    cursor: pointer;
}

.lp-new-photo-card:first-child::after {
    content: "Cover baru";
    position: absolute;
    left: 7px;
    top: 7px;
    padding: 5px 7px;
    border-radius: 999px;
    color: #fff;
    background: rgba(245,161,38,.92);
    font-size: 7px;
    font-weight: 750;
}

@keyframes lpPreviewIn {
    from { opacity: 0; transform: translateY(6px) scale(.98); }
    to { opacity: 1; transform: none; }
}

/* Lightbox */
body.lp-lightbox-open { overflow: hidden; }

.lp-gallery-lightbox {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: grid;
    place-items: center;
    padding: 20px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .24s ease, visibility .24s;
}

.lp-gallery-lightbox.is-open {
    opacity: 1;
    visibility: visible;
}

.lp-gallery-lightbox-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(18,14,12,.88);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.lp-gallery-lightbox-dialog {
    position: relative;
    z-index: 2;
    width: min(1100px, 96vw);
    max-height: 94vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 26px;
    background: #15204a;
    box-shadow: 0 40px 100px rgba(0,0,0,.46);
    transform: translateY(14px) scale(.985);
    transition: transform .3s cubic-bezier(.2,.8,.2,1);
}

.lp-gallery-lightbox.is-open .lp-gallery-lightbox-dialog {
    transform: none;
}

.lp-gallery-lightbox-head {
    min-height: 62px;
    padding: 11px 14px 11px 18px;
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    gap: 14px;
    color: #fff;
}

.lp-gallery-lightbox-head small {
    display: block;
    margin-bottom: 2px;
    color: rgba(255,255,255,.48);
    font-size: 7px;
    letter-spacing: .16em;
    font-weight: 750;
}

.lp-gallery-lightbox-head strong {
    display: block;
    font-size: 13px;
    font-weight: 650;
}

.lp-gallery-lightbox-head > span {
    color: rgba(255,255,255,.7);
    font-size: 10px;
}

.lp-gallery-lightbox-head button {
    width: 38px;
    height: 38px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 50%;
    color: #fff;
    background: rgba(255,255,255,.06);
    font-size: 20px;
    cursor: pointer;
}

.lp-gallery-lightbox-stage {
    position: relative;
    min-height: 0;
    flex: 1;
    display: grid;
    place-items: center;
    background: #0e1735;
}

.lp-gallery-lightbox-stage > img {
    display: block;
    max-width: 100%;
    max-height: calc(94vh - 105px);
    object-fit: contain;
    opacity: 0;
    transform: scale(.99);
    transition: opacity .2s ease, transform .25s ease;
}

.lp-gallery-lightbox-stage > img.is-ready {
    opacity: 1;
    transform: none;
}

.lp-lightbox-nav {
    position: absolute;
    z-index: 3;
    top: 50%;
    width: 46px;
    height: 46px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 50%;
    color: #fff;
    background: rgba(26,20,17,.5);
    backdrop-filter: blur(10px);
    font-size: 28px;
    cursor: pointer;
    transform: translateY(-50%);
}

.lp-lightbox-nav.is-prev { left: 14px; }
.lp-lightbox-nav.is-next { right: 14px; }

.lp-gallery-lightbox-hint {
    padding: 8px 14px 10px;
    color: rgba(255,255,255,.42);
    background: #15204a;
    text-align: center;
    font-size: 7.5px;
}

/* Member/admin detail grid should respect a larger real gallery. */
.listing-preview-v4 {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(250px, .95fr);
    gap: 22px;
    align-items: start;
}

.listing-preview-v4 .lp-gallery-stage {
    min-height: 330px;
}

.admin-gallery-v4 .lp-gallery-stage {
    min-height: 390px;
}

/* Photo download/source note. */



/* responsive */
@media (max-width: 980px) {
    .hero-real-stage { min-height: 430px; margin: 0 auto; }
    .hero-real-main { inset: 26px 50px 30px; }
    .hero-real-float { width: 92px; }
    .lp-gallery-stage { min-height: 360px; }
}

@media (max-width: 760px) {
    .lp-gallery-stage {
        min-height: 0;
        aspect-ratio: 1 / .82;
        border-radius: 20px;
    }

    .lp-gallery-nav {
        width: 38px;
        height: 38px;
    }

    .lp-gallery-nav.is-prev { left: 10px; }
    .lp-gallery-nav.is-next { right: 10px; }

    .lp-gallery-meta { left: 10px; bottom: 10px; }
    .lp-gallery-expand { right: 10px; bottom: 10px; }
    .lp-gallery-expand small { display: none; }
    .lp-gallery-photo-badge { display: none; }

    .lp-gallery-thumb {
        flex-basis: 72px;
        width: 72px;
        height: 56px;
        border-radius: 11px;
    }

    .listing-preview-v4 { grid-template-columns: 1fr; }

    .hero-real-stage {
        min-height: 390px;
        width: 100%;
    }

    .hero-real-main { inset: 24px 32px 32px; border-radius: 25px; }
    .hero-real-float { width: 82px; border-width: 4px; border-radius: 19px; }
    .hero-real-info { left: 16px; right: 16px; bottom: 16px; }
    .hero-real-price { display: none; }

    .lp-gallery-lightbox { padding: 0; }
    .lp-gallery-lightbox-dialog {
        width: 100vw;
        height: 100dvh;
        max-height: none;
        border-radius: 0;
    }
    .lp-gallery-lightbox-stage > img {
        max-height: calc(100dvh - 110px);
    }
}

@media (hover: none) {
    .auction-card:hover .auction-media-primary { opacity: 1; transform: none; }
    .auction-card:hover .auction-media-secondary { opacity: 0; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
    .hero-real-main,
    .hero-real-float {
        animation: none !important;
    }

    .lp-gallery-slide,
    .lp-gallery-slide img,
    .lp-gallery-lightbox,
    .lp-gallery-lightbox-dialog {
        transition-duration: .01ms !important;
    }
}


/* ===== production-polish-v5.css ===== */
/* =========================================================
   LelangPet V5 — Production UI Polish
   Final cascade layer: accessibility, optical alignment,
   human-readable type scale, consistent icon geometry.
   ========================================================= */

:root{
  --lp-text-xs:10px;
  --lp-text-sm:11.5px;
  --lp-text-md:12.5px;
  --lp-text-body:14px;
  --lp-text-lg:15px;
  --lp-focus:0 0 0 3px rgba(245,161,38,.15);
}

/* Baseline readability */
body{font-size:14px;line-height:1.55}
button,input,select,textarea{font-size:13px}
small{line-height:1.45}
.ui-icon{display:block;flex:0 0 auto;pointer-events:none}

/* Header / navigation optical alignment */
.header-icon{
  width:42px;height:42px;display:inline-grid;place-items:center;
  padding:0;line-height:0;vertical-align:middle;
  color:#626c89;
}
.header-icon .ui-icon{width:19px;height:19px}
.header-icon:hover{color:var(--orange);border-color:rgba(245,161,38,.22);background:#fff}
.header-icon .notification-count-badge{
  position:absolute;
  right:-4px;top:-5px;
  min-width:18px;height:18px;padding:0 4px;
  display:grid;place-items:center;
  border-radius:999px;
  background:var(--orange);
  color:#fff;
  font-size:9px;font-weight:800;line-height:1;
  box-shadow:0 0 0 2px var(--bg);
}

/* Defensive fallback: empty badge can never render as an orange dot. */
.header-icon .notification-count-badge:empty{display:none!important}
.nav-actions,.app-actions{align-items:center}
.public-bell{display:inline-grid!important;place-items:center!important}
.mobile-menu,.public-menu{
  width:42px;height:42px;padding:0;place-items:center;border-radius:12px;
  color:#56607f;
}
.mobile-menu{align-items:center;justify-content:center}
.mobile-menu .ui-icon,.public-menu .ui-icon{width:21px;height:21px}
.app-search>span{display:grid;place-items:center;line-height:0}
.app-search>span .ui-icon{width:17px;height:17px}
.profile-menu>button>span:last-child{display:grid;place-items:center}
.profile-menu>button>span:last-child .ui-icon{width:16px;height:16px}

/* Sidebar: replace glyph feel with geometrically consistent icons */
.sidebar-nav>a>span{
  width:24px;height:24px;display:grid;place-items:center;text-align:center;
}
.sidebar-nav>a>span .ui-icon{width:16px;height:16px}
.sidebar-nav>a{font-size:12.5px;line-height:1.25;padding:10px 11px}
.sidebar-kicker,.nav-label{font-size:9px;letter-spacing:.12em}
.sidebar-foot a{font-size:11px}
.admin-chip{font-size:9px;padding:7px 10px}
.app-search input{font-size:12.5px}
.profile-copy strong{font-size:12px}
.profile-copy small{font-size:10px}
.profile-dropdown a,.profile-dropdown button{font-size:11.5px}

/* Public nav */
.brand-copy small{font-size:9px}
.site-nav nav a,.login-link{font-size:13px}
.mobile-public-nav a{font-size:13px}

/* Page hierarchy */
.eyebrow{font-size:9.5px;letter-spacing:.14em}
.page-head p{font-size:12.5px;line-height:1.6}
.page-head h1{line-height:1.05}
.dash-card-head>a,.section-head>a,.text-link{font-size:11.5px}

/* Dashboard metrics: fix the too-small labels/descriptions */
.metric-card{min-height:94px;padding:19px}
.metric-card small{
  font-size:11px;line-height:1.25;letter-spacing:.045em;
  text-transform:none;font-weight:650;color:#697391;
}
.metric-card strong{font-size:28px;margin-top:2px}
.metric-card p{font-size:11.5px;line-height:1.35;margin-top:4px;color:#7a84a1}
.metric-card>b{display:grid;place-items:center;width:28px;height:28px}
.metric-card>b .ui-icon{width:17px;height:17px}
.metric-icon{width:43px;height:43px}
.metric-icon .ui-icon{width:18px;height:18px}
.seller-stats span{font-size:11px}
.seller-stats strong{font-size:18px}

/* Member lists / compact auctions */
.compact-main span{font-size:12.5px}
.compact-auction small{font-size:10.5px}
.compact-auction strong{font-size:11.5px}
.good-text,.bad-text{font-size:9.5px}
.mini-empty,.empty-state{font-size:11.5px;line-height:1.6}

/* Cards & marketplace */
.live-pill,.category-pill{font-size:9.5px}
.auction-photo-count{font-size:9.5px}
.price-row small,.current-price small,.current-price span{font-size:10.5px}
.category-card small,.hero-proof span,.mini-auction small,.live-dot{font-size:9.5px}
.hero-real-info small,.hero-real-live{font-size:9.5px}
.lp-gallery-count,.lp-gallery-photo-badge{font-size:10.5px}
.lp-gallery-expand small{font-size:10px}

/* Tables should remain dense, not microscopic */
.table-wrap th{font-size:9.5px;letter-spacing:.075em}
.table-wrap td{font-size:11.5px;line-height:1.45}
.table-pet strong,.user-cell strong{font-size:11.5px}
.table-pet small,.user-cell small{font-size:9.5px}
.status-badge{font-size:9px;padding:6px 9px}

/* Transaction / admin / audit */
.info-strip small,.party-grid small,.shipment-ticket small,.amount-due small,
.admin-kpi-strip small,.admin-kpi-strip span,.timeline small,.notification-row small,
.win-card small,.strike-list small,.audit-list small,.attribute-list small{
  font-size:9.5px;
}
.attribute-grid small,.bid-history small,.big-timer small,.admin-status-list small,
.history-note p,.timeline p,.audit-list p,.party-grid p,.transaction-item small{
  font-size:10.5px;
}
.notification-row p,.transaction-item p,.address-card p,.win-card p,
.seller-card-large p,.profile-hero p,.rejection-banner p,.action-panel>p{
  font-size:11.5px;line-height:1.55;
}
.notification-row strong,.audit-list strong,.timeline strong,.strike-list strong{
  font-size:11.5px;
}
.audit-list code{font-size:9.5px}

/* Forms / wizard */
label{font-size:12px}
.terms,.form-between,.auth-switch,.auth-back{font-size:11px}
.upload-box small,.pet-selector small,.duration-options small,
.lp-existing-media-head p,.lp-media-limit-note{font-size:10.5px}
.wizard-progress button{font-size:10px}
.lp-cover-radio,.lp-remove-photo{font-size:10px}
.lp-new-photo-card span{font-size:9.5px}
.lp-new-photo-card:first-child::after{font-size:9px}
.lp-field-error{font-size:10px;line-height:1.35}

/* Toast / modal / errors */
.lp-loader-copy strong{font-size:12.5px}
.lp-loader-copy span{font-size:10.5px}
.lp-modal-kicker{font-size:9.5px}
.lp-modal p{font-size:12px}
.lp-toast-copy strong{font-size:11.5px}
.lp-toast-copy span{font-size:10.5px}
.lp-error-card p{font-size:12px}
.lp-gallery-lightbox-head small{font-size:9px}
.lp-gallery-lightbox-head>span{font-size:11px}
.lp-gallery-lightbox-hint{font-size:9.5px}

/* Gallery: perfectly symmetric SVG navigation */
.lp-gallery-nav,.lp-lightbox-nav{
  display:grid;place-items:center;padding:0;line-height:0;
}
.lp-gallery-nav svg{width:21px;height:21px}
.lp-lightbox-nav svg{width:23px;height:23px}
.lp-gallery-nav span,.lp-lightbox-nav span{display:contents}
.lp-gallery-expand span{display:grid;place-items:center;line-height:0}
.lp-gallery-expand .ui-icon{width:16px;height:16px}
.lp-gallery-lightbox-head button{
  display:grid;place-items:center;padding:0;line-height:0;
}
.lp-gallery-lightbox-head button svg{width:19px;height:19px}

/* Focus visibility & accessible pointer targets */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:none;box-shadow:var(--lp-focus);
}
.sidebar-nav>a:focus-visible,.header-icon:focus-visible,.lp-gallery-nav:focus-visible,
.lp-gallery-thumb:focus-visible,.lp-lightbox-nav:focus-visible{
  outline:2px solid rgba(245,161,38,.55);outline-offset:2px;
}
.notification-action{
  width:100%;border:0;background:transparent;padding:0;margin:0;text-align:left;color:inherit;
}
.notification-action .notification-row{width:100%}


/* Remaining micro-copy normalized: no production UI below ~9px. */
.cta-section small,.process-title span,
.media-count,.seller-inline small,.bid-box p,.rule-note,.integration-note,.listing-preview span,
.transaction-progress strong,.verified-chip,.address-card>span,.admin-live-chip,
.moderation-list span,.moderation-list small,.moderation-list>a>b,.mini-transactions small,
.filter-tabs a,.seller-risk small,.review-checks>div,.category-admin-head small,
.category-admin-head p,.attribute-list-head,.lp-gallery-thumb span{
  font-size:9.5px;
}

/* Small screens remain readable without blowing up layouts */
@media(max-width:650px){
  body{font-size:13.5px}
  .sidebar-nav>a{font-size:12px}
  .page-head p{font-size:12px}
  .metric-card small{font-size:10.5px}
  .metric-card p{font-size:11px}
  .table-wrap td{font-size:11px}
  .site-nav nav a,.login-link{font-size:12px}
}

/* Touch targets */
@media(pointer:coarse){
  .header-icon,.mobile-menu,.public-menu,.lp-gallery-nav,.lp-lightbox-nav{min-width:44px;min-height:44px}
  .lp-gallery-thumb{min-height:60px}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important}
}

/* =========================================================
   LelangPet V5.0.4 — Composite form controls
   One bordered shell owns the visual focus state.
   ========================================================= */

[data-composite-control]{
  transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;
}
[data-composite-control] input,
[data-composite-control] input:focus,
[data-composite-control] input:focus-visible{
  min-width:0;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  border-radius:0!important;
}
[data-composite-control]:focus-within{
  border-color:rgba(245,161,38,.58)!important;
  box-shadow:var(--lp-focus)!important;
}

input[type="number"]{
  appearance:textfield;
  -moz-appearance:textfield;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{
  -webkit-appearance:none;
  margin:0;
}

.money-input{
  min-height:64px;
  padding:0 8px 0 14px;
  gap:0;
  overflow:visible;
}
.money-input>span{
  flex:0 0 auto;
  margin-right:2px;
  font-size:13px;
  line-height:1;
}
.money-input input{
  height:62px;
  padding:0 10px;
  font-size:18px;
  line-height:1;
  font-variant-numeric:tabular-nums;
}
.money-input>.bid-step-actions{
  display:flex;
  align-items:center;
  gap:6px;
  padding:0 0 0 9px;
  margin-left:3px;
  border-left:1px solid var(--line);
}
.money-input .bid-step-btn{
  width:38px;
  height:38px;
  flex:0 0 38px;
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  border-radius:11px;
  background:var(--bg);
  color:var(--ink);
  line-height:0;
  transition:background-color .16s ease,color .16s ease,transform .16s ease,opacity .16s ease;
}
.money-input .bid-step-btn .ui-icon{width:16px;height:16px}
.money-input .bid-step-btn:hover:not(:disabled){
  background:var(--orange-soft);
  color:var(--orange);
}
.money-input .bid-step-btn:active:not(:disabled){transform:scale(.96)}
.money-input .bid-step-btn:focus-visible{
  outline:2px solid rgba(245,161,38,.48);
  outline-offset:2px;
  box-shadow:none;
}
.money-input .bid-step-btn:disabled{
  cursor:not-allowed;
  opacity:.38;
}
.money-input.is-disabled{
  background:#f8faff;
  border-color:var(--line)!important;
  box-shadow:none!important;
}
.money-input.is-disabled input{
  color:#697391;
  -webkit-text-fill-color:#697391;
  opacity:1;
}

.money-field{
  min-height:48px;
  background:#fff;
}
.money-field>span{
  flex:0 0 auto;
  font-size:12px;
}
.money-field input{
  height:46px;
  padding:0 11px;
  font-variant-numeric:tabular-nums;
}

.app-search,
.browse-search{position:relative}
.app-search input,
.browse-search input{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  border-radius:0!important;
}
.browse-search>span,
.app-search>span{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  line-height:0;
}
.browse-search>span .ui-icon{width:18px;height:18px}

.password-wrap>input{padding-right:50px}
.password-wrap>button{
  display:grid;
  place-items:center;
  line-height:1;
}
[data-composite-control] input:disabled{cursor:not-allowed}

@media(max-width:650px){
  .money-input{
    min-height:58px;
    padding-left:12px;
  }
  .money-input input{
    height:56px;
    font-size:17px;
  }
  .money-input .bid-step-btn{
    width:36px;
    height:36px;
    flex-basis:36px;
  }
}

/* =========================================================
   LelangPet V5.0.5 — Long-content containment
   User/admin supplied text must never enlarge a grid/flex
   track beyond its card. Long unbroken tokens wrap instead.
   ========================================================= */

:is(
  .dashboard-grid,
  .detail-dashboard-grid,
  .moderation-grid,
  .transaction-grid,
  .settings-grid,
  .category-grid,
  .category-admin-grid,
  .auction-grid,
  .member-cards,
  .address-grid,
  .party-grid,
  .info-strip,
  .attribute-grid
)>*{
  min-width:0;
}

:is(
  .page-head,
  .dash-card-head,
  .listing-preview-v4,
  .listing-preview,
  .profile-hero,
  .seller-card-large,
  .rejection-banner,
  .auction-title-row,
  .price-row
)>*{
  min-width:0;
}

.listing-preview-v4>div,
.listing-preview>div,
.timeline>div>div,
.notification-row>span:nth-child(2),
.table-pet>div,
.user-cell>div,
.category-card>div,
.category-admin-head>div,
.moderation-list>a>div,
.mini-transactions>a>div,
.transaction-item>div,
.party-grid>div>div,
.shipment-ticket>div,
.address-card,
.attribute-grid>div,
.audit-list>div>div,
.strike-list>div>div{
  min-width:0;
  max-width:100%;
}

:is(
  .page-head h1,
  .page-head p,
  .listing-preview-v4 h2,
  .listing-preview-v4 p,
  .listing-preview h2,
  .listing-preview p,
  .description-box p,
  .rejection-banner p,
  .timeline strong,
  .timeline p,
  .timeline small,
  .notification-row strong,
  .notification-row p,
  .category-card h3,
  .category-card p,
  .category-admin-head h2,
  .category-admin-head p,
  .table-pet strong,
  .table-pet small,
  .user-cell strong,
  .user-cell small,
  .profile-hero h2,
  .profile-hero p,
  .address-card strong,
  .address-card p,
  .attribute-grid strong,
  .moderation-list strong,
  .moderation-list span,
  .moderation-list small,
  .mini-transactions strong,
  .seller-card-large h3,
  .seller-card-large p,
  .transaction-item h2,
  .transaction-item p,
  .party-grid strong,
  .party-grid p,
  .shipment-ticket strong,
  .info-strip strong,
  .audit-list strong,
  .audit-list p,
  .audit-list code,
  .strike-list strong,
  .strike-list small
){
  overflow-wrap:anywhere;
  word-break:break-word;
}

.listing-preview-v4 p,
.listing-preview p,
.description-box p,
.rejection-banner p,
.timeline p,
.notification-row p,
.address-card p{
  white-space:pre-wrap;
  max-width:100%;
}

.listing-preview-v4{
  width:100%;
  min-width:0;
}

.listing-preview-v4>div:last-child{
  min-width:0;
  width:100%;
  max-width:100%;
  overflow:hidden;
}

.listing-preview-v4>div:last-child p{
  display:block;
  margin:0 0 16px;
  line-height:1.7;
}

.dash-card,
.content-card,
.action-panel,
.listing-table-card{
  min-width:0;
  max-width:100%;
}

form,
label,
input,
textarea,
select{
  min-width:0;
}

.table-wrap{
  width:100%;
  max-width:100%;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
}

.audit-list code{
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  word-break:break-word;
  max-width:100%;
}

@media(max-width:650px){
  .page-head,
  .dash-card-head{
    min-width:0;
  }

  .listing-preview-v4>div:last-child{
    width:100%;
  }
}

/* =========================================================
   LelangPet V5.1.0 — Deferred explore filters
   Sidebar controls can be composed first and applied once.
   ========================================================= */
[data-explore-filter-form]{position:relative}
[data-explore-filter-form].is-dirty [data-filter-apply]{
  box-shadow:0 8px 22px rgba(52,43,38,.14);
}
.filter-apply-meta{
  min-height:18px;
  margin-top:7px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.filter-dirty-status{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:11.5px;
  line-height:1.4;
  color:var(--muted);
}
.filter-dirty-status::before{
  content:"";
  width:6px;height:6px;flex:0 0 6px;
  border-radius:999px;
  background:var(--orange);
}
.filter-deferred-hint{
  display:block;
  margin-top:6px;
  font-size:11.5px;
  line-height:1.45;
  color:var(--muted);
}
.filter-deferred-hint[hidden],
.filter-dirty-status[hidden]{display:none!important}
[data-category-specs]{transition:opacity .16s ease}
[data-category-specs].is-pending-category{
  opacity:.48;
  pointer-events:none;
}
[data-filter-apply][aria-busy="true"]{cursor:wait}

/* =========================================================
   LelangPet V5.2.0 — Production surface polish
   ========================================================= */

/* Flash messages: optically centered on every shell/page. */
.flash{
  width:min(1320px,calc(100% - 44px));
  min-height:64px;
  margin:18px auto 0!important;
  padding:14px 54px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  text-align:center;
  overflow:hidden;
  transition:opacity .2s ease,transform .2s ease;
}
.app-content>.flash{
  margin:0 auto 18px!important;
}
.flash-center{
  min-width:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin:auto;
}
.flash-symbol{
  width:28px!important;
  height:28px!important;
  flex:0 0 28px;
  display:grid!important;
  place-items:center;
  border-radius:999px;
}
.flash-symbol .ui-icon{
  width:17px;
  height:17px;
}
.flash-message{
  min-width:0;
  font-size:13px;
  font-weight:600;
  line-height:1.5;
  text-align:center;
  overflow-wrap:anywhere;
}
.flash-close{
  position:absolute;
  top:50%;
  right:16px;
  width:34px;
  height:34px;
  margin:0!important;
  padding:0;
  display:grid;
  place-items:center;
  transform:translateY(-50%);
  border:0;
  border-radius:10px;
  background:transparent;
  color:currentColor;
  cursor:pointer;
  opacity:.72;
}
.flash-close:hover{opacity:1;background:rgba(255,255,255,.42)}
.flash-close:focus-visible{
  outline:2px solid currentColor;
  outline-offset:2px;
}
.flash.is-leaving{
  opacity:0;
  transform:translateY(-6px);
}

/* Keep hero lines separate at large display sizes.
   The previous .92 line-height caused descenders/dots to visually collide. */
.hero-copy h1{
  line-height:1.02!important;
  letter-spacing:-.045em!important;
}
.hero-copy h1 em{
  line-height:inherit;
}

/* Integration/fallback notes use neutral production copy/classes. */
.integration-note{
  display:flex;
  gap:9px;
  padding:13px;
  margin-top:18px;
  border-radius:13px;
  background:var(--blue-soft);
  color:#5972a8;
  font-size:11.5px;
  line-height:1.55;
}

.media-attribution-link{
  font-size:11px;
  color:var(--muted);
  text-decoration:none;
  opacity:.82;
}
.media-attribution-link:hover{opacity:1}

@media(max-width:650px){
  .flash{
    width:calc(100% - 24px);
    min-height:58px;
    padding:12px 48px 12px 14px;
  }
  .flash-center{
    width:100%;
    justify-content:flex-start;
  }
  .flash-message{
    text-align:left;
  }
  .hero-copy h1{
    line-height:1.04!important;
    letter-spacing:-.038em!important;
  }
}

/* =========================================================
   LelangPet V5.2.4 — Auth back-link safe spacing
   Keep navigation and variable-height auth forms separated.
   ========================================================= */
.auth-panel{
  overflow-y:auto;
  scrollbar-gutter:stable;
}

.auth-panel > .auth-back{
  flex:0 0 auto;
  align-self:flex-start;
  min-height:32px;
  display:inline-flex;
  align-items:center;
  margin-bottom:clamp(30px,4vh,48px);
  position:relative;
  z-index:3;
}

.auth-panel > .auth-form{
  flex:0 0 auto;
  margin-top:auto;
  margin-bottom:auto;
}

@media(max-width:1024px){
  .auth-panel{
    min-height:calc(100vh - 83px);
    justify-content:flex-start;
  }

  .auth-panel > .auth-back{
    margin-bottom:36px;
  }

  .auth-panel > .auth-form{
    margin-top:0;
    margin-bottom:32px;
  }
}

@media(max-width:650px){
  .auth-panel{
    min-height:calc(100vh - 68px);
  }

  .auth-panel > .auth-back{
    min-height:30px;
    margin-bottom:26px;
  }

  .auth-panel > .auth-form{
    margin-bottom:24px;
  }
}


/* ===== brand-refresh-v6.css ===== */
/* LelangPet V6.1.1 — Clean Surface Theme
   Purpose: remove muddy/dirty gradients and normalize the palette so the UI feels
   cleaner, flatter, and more premium while keeping the navy–orange brand.
*/
:root{
    --lp-navy-950:#101a40;
    --lp-navy-900:#172455;
    --lp-navy-800:#1f2f69;
    --lp-navy-700:#2b448f;
    --lp-navy-600:#3c58a8;
    --lp-navy-100:#e9eefc;
    --lp-navy-50:#f5f7ff;

    --lp-orange-600:#e58d17;
    --lp-orange-500:#f5a126;
    --lp-orange-400:#ffb848;
    --lp-orange-100:#fff0d7;
    --lp-orange-50:#fff8ee;

    --bg:#f7f9ff;
    --bg2:#eef3ff;
    --paper:#ffffff;
    --paper-2:#fbfcff;
    --ink:#1f2f69;
    --muted:#677391;
    --muted2:#939db9;

    --orange:#f5a126;
    --orange2:#ffb848;
    --orange-soft:#fff0d7;
    --blue:#2b448f;
    --blue-soft:#e9eefc;
    --yellow:#ffd067;
    --yellow-soft:#fff5cf;
    --green:#2fa36a;
    --green-soft:#e9f8ef;
    --red:#cf5b5b;
    --red-soft:#ffefed;

    --line:rgba(31,47,105,.10);
    --line2:rgba(31,47,105,.16);
    --shadow:0 22px 60px rgba(31,47,105,.10);
    --shadow-sm:0 10px 28px rgba(31,47,105,.075);
}

html{background:#f7f9ff}
body{
    background:linear-gradient(180deg,#fbfcff 0%,#f7f9ff 100%);
    color:var(--ink);
}
::selection{background:rgba(43,68,143,.18);color:#0f1837}

.ambient-one{background:rgba(245,161,38,.10)!important}
.ambient-two{background:rgba(43,68,143,.08)!important}

/* brand */
.brand.brand-image{display:inline-flex;align-items:center;gap:0!important;min-width:0;max-width:100%}
.brand.brand-image .brand-lockup{display:block;height:36px;line-height:0;max-width:100%}
.brand.brand-image .brand-lockup img{display:block;width:auto;height:100%;max-width:min(100%,230px);object-fit:contain}
.site-nav .brand.brand-image .brand-lockup{height:37px}
.sidebar-brand .brand.brand-image .brand-lockup{height:34px}
.auth-form>.brand.brand-image .brand-lockup{height:46px}
.verify-card>.brand.brand-image .brand-lockup{height:44px}
.site-footer .brand.brand-image .brand-lockup{height:38px}
.brand.brand-image .brand-mark,.brand.brand-image .brand-copy{display:none!important}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* shell */
.site-header,.app-header{
    background:rgba(251,252,255,.94)!important;
    border-bottom:1px solid rgba(31,47,105,.08)!important;
    box-shadow:0 1px 0 rgba(31,47,105,.02)!important;
    backdrop-filter:saturate(1.1) blur(14px);
}
.mobile-public-nav{background:rgba(251,252,255,.98)!important;border-color:rgba(31,47,105,.08)!important}
.site-nav nav a,.login-link{color:#56607f!important}
.site-nav nav a:hover,.login-link:hover{color:var(--lp-navy-700)!important}

/* buttons */
.btn-primary{
    background:var(--lp-navy-700)!important;
    color:#fff!important;
    border:1px solid transparent!important;
    box-shadow:0 12px 26px rgba(43,68,143,.18)!important;
}
.btn-primary:hover{
    background:#3552a5!important;
    box-shadow:0 15px 32px rgba(43,68,143,.22)!important;
    filter:none!important;
}
.btn-primary:active{background:#243978!important;transform:none!important}
.btn-soft{background:#fff!important;color:var(--lp-navy-800)!important;border-color:rgba(31,47,105,.12)!important}
.btn-soft:hover{background:#f6f8ff!important;border-color:rgba(43,68,143,.18)!important}
.btn-ghost{background:transparent!important;color:var(--lp-navy-800)!important;border-color:rgba(31,47,105,.13)!important}
.btn-dark{background:var(--lp-navy-900)!important;color:#fff!important}
.text-link,.link-button,.form-between>a,.auth-switch a{color:var(--lp-navy-700)!important}
.text-link span{color:var(--lp-orange-500)!important}

/* forms */
input,textarea,select{border-color:rgba(31,47,105,.13)!important;color:#23315f!important;background:#fff!important}
input::placeholder,textarea::placeholder{color:#9aa3be!important}
input:focus,textarea:focus,select:focus{border-color:rgba(245,161,38,.58)!important;box-shadow:0 0 0 3px rgba(245,161,38,.10)!important}
.check input{accent-color:var(--lp-navy-700)!important}

/* accents */
.eyebrow,.hero-kicker,.sidebar-kicker,.page-head .eyebrow,.lp-modal-kicker,.address-card>span,.moderation-list>a>b{color:var(--lp-orange-500)!important}
.hero-kicker span{background:var(--lp-orange-500)!important}
.hero-copy h1 em,.how-intro h2 em,.trust-copy h2 em{color:var(--lp-orange-500)!important}
.muted{color:var(--muted)!important}

/* cards and sections */
.auction-card,.dash-card,.metric-card,.wizard-card,.verify-card,.notification-row,.category-admin-card,.address-card,.table-card,.listing-card,.summary-card,.settings-card,.profile-hero,.section-card,.bid-panel,.transaction-card,.info-card,.payment-card,.modal-card,.flash{
    background:var(--paper)!important;
    border-color:rgba(31,47,105,.09)!important;
    box-shadow:var(--shadow-sm)!important;
}
.auction-card:hover{box-shadow:0 18px 42px rgba(31,47,105,.11)!important}
.auction-media{background:var(--lp-navy-50)!important}

.category-pill,.mini-time,.admin-chip,.status-pill,.status-tag{background:var(--lp-navy-800)!important;color:#fff!important}
.live-pill.is-live{background:#fff5e6!important;color:#b96808!important;border-color:rgba(245,161,38,.18)!important}

/* public home */
.hero-orbit{
    background:radial-gradient(circle at 50% 46%,rgba(255,255,255,.98) 0%,rgba(244,247,255,.92) 48%,rgba(255,248,238,.72) 72%,transparent 73%)!important;
}
.orbit-ring{border-color:rgba(43,68,143,.13)!important}
.orbit-ring.r2{border-color:rgba(245,161,38,.16)!important}
.center-paw,.mini-auction,.trust-card,.step-card{background:var(--paper)!important}
.center-paw svg{fill:var(--lp-orange-500)!important}
.fish-node,.bird-node,.cat-node{background:#fff!important}

/* auth */
.auth-visual{
    background:linear-gradient(180deg,#f4f7ff 0%,#f9fbff 62%,#fffaf3 100%)!important;
}
.auth-visual:after{
    background-image:linear-gradient(rgba(31,47,105,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(31,47,105,.022) 1px,transparent 1px)!important;
}
.auth-panel{background:rgba(255,255,255,.82)!important}
.auth-back{color:#52608c!important}
.auth-heading h2,.verify-card h1{color:var(--lp-navy-800)!important}
.auth-heading p,.verify-card>p{color:#6d7798!important}
.auth-orbit{border-color:rgba(245,161,38,.22)!important}
.verify-icon,.notification-icon{background:var(--lp-orange-100)!important;color:var(--lp-orange-600)!important}

/* member shell */
.sidebar{background:rgba(255,255,255,.92)!important;border-right-color:rgba(31,47,105,.08)!important}
.sidebar-nav>a{color:#596486!important}
.sidebar-nav>a:hover{background:#f0f3ff!important;color:var(--lp-navy-700)!important}
.sidebar-nav>a.active{background:var(--lp-navy-700)!important;color:#fff!important;box-shadow:0 8px 20px rgba(43,68,143,.16)!important}
.nav-label{color:#9aa3bd!important}
.sidebar-foot{border-top-color:rgba(31,47,105,.08)!important}
.sidebar-foot a{color:#727d9e!important}
.profile-dropdown{border-color:rgba(31,47,105,.10)!important;box-shadow:0 18px 44px rgba(31,47,105,.12)!important}
.profile-dropdown a:hover,.profile-dropdown button:hover{background:#f2f5ff!important}

/* transactions */
.action-panel,.admin-kpi-strip,.admin-review-panel{background:var(--lp-navy-900)!important}
.action-panel .eyebrow{color:var(--lp-orange-400)!important}
.action-panel input,.action-panel select,.action-panel textarea,.amount-due,.review-checks>div{background:#263873!important;border-color:#3c5196!important;color:#fff!important}
.shipment-ticket>div{background:#edf2ff!important}
.shipment-ticket small{color:#6575aa!important}

/* admin */
.admin-mode .sidebar{background:#15214c!important;border-color:rgba(255,255,255,.07)!important}
.admin-mode .sidebar-nav>a{color:#c6cff4!important}
.admin-mode .sidebar-nav>a:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}
.admin-mode .sidebar-nav>a.active{background:#fff!important;color:var(--lp-navy-800)!important}
.admin-mode .nav-label,.admin-mode .sidebar-foot a{color:#94a2dc!important}
.admin-kpi-strip>div{border-color:rgba(255,255,255,.08)!important}
.filter-tabs a.active{background:var(--lp-navy-800)!important}
.audit-dot,.header-icon b{background:var(--lp-orange-500)!important}

/* feedback */
.flash-success{background:#eefaf4!important;border-color:rgba(47,163,106,.18)!important;color:#23724b!important}
.flash-success>span{background:var(--green)!important}
.flash-warning{background:#fff7df!important;border-color:rgba(245,161,38,.22)!important;color:#80530c!important}
.flash-error{background:#fff0ee!important;border-color:rgba(207,91,91,.20)!important;color:#8b4141!important}
.flash-error>span{background:var(--red)!important}

/* header controls */
.header-icon{background:rgba(255,255,255,.92)!important;border-color:rgba(31,47,105,.10)!important;color:var(--lp-navy-800)!important}
.header-icon:hover{background:#fff!important;border-color:rgba(43,68,143,.24)!important}

/* loader */
.lp-loader-mark.is-brand-image{width:58px!important;height:58px!important;padding:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important}
.lp-loader-mark.is-brand-image img{width:100%!important;height:100%!important;display:block!important;object-fit:contain!important}
.lp-loader-copy strong{color:var(--lp-navy-800)!important}

/* media gallery */
.media-gallery,.gallery-lightbox,.lp-lightbox{--gallery-ink:#101a40;--gallery-accent:var(--lp-orange-500)}

@media(max-width:900px){
    .site-nav .brand.brand-image .brand-lockup{height:33px}
    .sidebar-brand .brand.brand-image .brand-lockup{height:31px}
}
@media(max-width:650px){
    .site-nav .brand.brand-image .brand-lockup{height:30px}
    .auth-form>.brand.brand-image .brand-lockup{height:38px}
    .verify-card>.brand.brand-image .brand-lockup{height:36px}
    .site-footer .brand.brand-image .brand-lockup{height:34px}
}


/* LelangPet V6.2.3 - register checkbox alignment */
.auth-terms-row{
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:12px;
  line-height:1.55;
}
.auth-terms-row input[type="checkbox"]{
  width:18px;
  min-width:18px;
  height:18px;
  margin:0;
  padding:0;
  flex:0 0 18px;
  align-self:center;
  accent-color:var(--lp-navy-700, var(--orange));
}
.auth-terms-row .auth-terms-copy{
  display:block;
  flex:1 1 auto;
  margin:0;
}
@media (max-width:650px){
  .auth-terms-row{
    align-items:flex-start;
    gap:10px;
  }
  .auth-terms-row input[type="checkbox"]{
    margin-top:2px;
  }
}


/* ===== visual-polish-v6_2.css ===== */
/* LelangPet V6.2.0 — Visual hierarchy + feedback polish
   Loaded last. Keeps navy/orange branding clean, raises tiny admin typography,
   gives the dark admin sidebar a contrast-safe logo, and makes auth feedback obvious.
*/

:root{
    --lp-admin-navy:#172455;
    --lp-admin-navy-2:#1d2d66;
    --lp-admin-navy-3:#263b80;
    --lp-admin-text:#dce4ff;
    --lp-admin-muted:#aab7df;
    --lp-admin-label:#8fa1d6;
    --lp-surface:#ffffff;
    --lp-surface-soft:#f6f8ff;
    --lp-text:#1f2f69;
    --lp-text-soft:#667394;
    --lp-accent:#f5a126;
    --lp-danger:#c94e4e;
    --lp-danger-bg:#fff1f0;
    --lp-info:#3658a7;
    --lp-info-bg:#eef3ff;
}

/* ----------------------- Contrast-safe sidebar brand ----------------------- */
.brand-inverse{color:#fff!important;max-width:100%}
.brand-inverse .brand-lockup{display:none!important}
.brand-inverse-lockup{display:flex;align-items:center;gap:10px;min-width:0}
.brand-inverse-mark{
    width:35px;height:35px;display:grid;place-items:center;flex:0 0 35px;
    border-radius:11px;background:#fff;border:1px solid rgba(255,255,255,.82);
    box-shadow:0 8px 20px rgba(3,10,37,.18);overflow:hidden
}
.brand-inverse-mark img{width:31px;height:31px;object-fit:contain}
.brand-inverse-name{display:flex;align-items:flex-start;line-height:1;min-width:0;white-space:nowrap}
.brand-inverse-name strong{font-size:21px;letter-spacing:-.85px;font-weight:850;color:#fff}
.brand-inverse-name strong span{color:var(--lp-accent)}
.brand-inverse-name small{font-size:7px;line-height:1;margin:3px 0 0 2px;color:#b9c5e8;font-weight:800;letter-spacing:.02em}
.admin-mode .sidebar-brand{padding:3px 10px 27px}
.admin-mode .sidebar-brand .brand-inverse{width:max-content}

/* ------------------------------- Admin shell ------------------------------- */
.admin-mode .sidebar{
    background:var(--lp-admin-navy)!important;
    border-right:1px solid rgba(255,255,255,.06)!important;
    box-shadow:none!important
}
.admin-mode .sidebar-kicker{
    color:#ffb13d!important;font-size:9.5px!important;line-height:1.2;
    letter-spacing:.14em!important;margin-bottom:10px!important
}
.admin-mode .nav-label{
    color:var(--lp-admin-label)!important;font-size:9.5px!important;
    line-height:1.3;letter-spacing:.13em!important;margin-top:18px!important
}
.admin-mode .sidebar-nav{gap:4px}
.admin-mode .sidebar-nav>a{
    color:var(--lp-admin-text)!important;font-size:12.5px!important;line-height:1.35;
    min-height:44px;padding:11px 12px!important;border-radius:12px!important;font-weight:720!important
}
.admin-mode .sidebar-nav>a>span{color:#aebcf0;width:24px!important}
.admin-mode .sidebar-nav>a:hover{
    background:rgba(255,255,255,.075)!important;color:#fff!important
}
.admin-mode .sidebar-nav>a.active{
    background:#fff!important;color:var(--lp-admin-navy)!important;
    box-shadow:0 8px 20px rgba(4,12,45,.14)!important
}
.admin-mode .sidebar-nav>a.active>span{color:#3653a6!important}
.admin-mode .sidebar-foot{border-top-color:rgba(255,255,255,.08)!important}
.admin-mode .sidebar-foot a{color:#aebbea!important;font-size:10.5px!important}

.admin-mode .app-header{background:rgba(251,252,255,.97)!important}
.admin-mode .profile-copy strong{font-size:12.5px!important;color:#20284d!important}
.admin-mode .profile-copy small{font-size:10.5px!important;color:#7883a4!important}
.admin-mode .admin-chip{font-size:10px!important;letter-spacing:.12em;padding:8px 11px!important}
.admin-mode .app-search input{font-size:13px!important;color:#26325f!important}
.admin-mode .app-search input::placeholder{color:#9aa5c2!important}

/* --------------------------- Readable admin type --------------------------- */
.admin-mode .page-head{margin-bottom:28px!important}
.admin-mode .page-head .eyebrow{font-size:10.5px!important;letter-spacing:.16em!important}
.admin-mode .page-head h1{font-size:34px!important;line-height:1.05!important;letter-spacing:-1.45px!important;margin:7px 0!important}
.admin-mode .page-head p{font-size:13.5px!important;line-height:1.55!important;color:#697695!important}
.admin-mode .admin-live-chip{font-size:10.5px!important;padding:8px 12px!important}

.admin-mode .metric-grid{gap:16px!important}
.admin-mode .metric-card{min-height:126px!important;padding:21px!important;gap:14px!important}
.admin-mode .metric-card small{font-size:11px!important;line-height:1.35!important;letter-spacing:.055em!important;color:#667392!important}
.admin-mode .metric-card strong{font-size:29px!important;line-height:1.08!important;margin-top:4px!important;color:#172455!important}
.admin-mode .metric-card p{font-size:12px!important;line-height:1.45!important;margin-top:5px!important;color:#75809e!important}
.admin-mode .metric-card>b{color:#9ba6bf!important}

.admin-mode .admin-kpi-strip{
    margin-top:16px!important;background:var(--lp-admin-navy-2)!important;
    border:1px solid rgba(255,255,255,.04)!important;border-radius:18px!important;
    box-shadow:0 10px 28px rgba(23,36,85,.08)!important;overflow:hidden
}
.admin-mode .admin-kpi-strip>div{
    min-height:118px!important;padding:21px 23px!important;
    justify-content:center!important;gap:0!important;
    border-right:1px solid rgba(255,255,255,.09)!important
}
.admin-mode .admin-kpi-strip>div:last-child{border-right:0!important}
.admin-mode .admin-kpi-strip small{
    font-size:10.5px!important;line-height:1.35!important;letter-spacing:.105em!important;
    color:#b9c5e8!important;font-weight:800!important
}
.admin-mode .admin-kpi-strip strong{
    display:block;font-size:24px!important;line-height:1.15!important;
    color:#fff!important;margin:8px 0 7px!important;letter-spacing:-.45px!important
}
.admin-mode .admin-kpi-strip span{
    font-size:10.75px!important;line-height:1.45!important;color:#aab6dc!important
}

.admin-mode .dash-card{padding:22px!important}
.admin-mode .dash-card-head{margin-bottom:17px!important}
.admin-mode .dash-card-head .eyebrow{font-size:10px!important}
.admin-mode .dash-card-head h2{font-size:21px!important;line-height:1.2!important;margin:6px 0!important}
.admin-mode .dash-card-head>a{font-size:11.5px!important;color:#dd820f!important;font-weight:800!important}
.admin-mode .moderation-list strong,.admin-mode .mini-transactions strong{font-size:12.5px!important;line-height:1.35!important}
.admin-mode .moderation-list span,.admin-mode .moderation-list small,.admin-mode .mini-transactions small{font-size:10.5px!important;line-height:1.45!important;color:#75809f!important}
.admin-mode .moderation-list>a>b{font-size:10.5px!important}
.admin-mode .mini-empty p{font-size:11.5px!important;color:#72809f!important}

/* Tables, filters, details: no microscopic backoffice copy. */
.admin-mode .table-wrap th{font-size:10.5px!important;line-height:1.35!important}
.admin-mode .table-wrap td{font-size:12px!important;line-height:1.5!important}
.admin-mode .table-pet strong,.admin-mode .user-cell strong{font-size:12px!important}
.admin-mode .table-pet small,.admin-mode .user-cell small{font-size:10px!important}
.admin-mode .status-badge{font-size:9.5px!important}
.admin-mode .filter-tabs a{font-size:10.5px!important}
.admin-mode .category-admin-head small,.admin-mode .category-admin-card summary,
.admin-mode .attribute-list-head,.admin-mode .attribute-list small,
.admin-mode .seller-risk small,.admin-mode .strike-list small,
.admin-mode .admin-status-list small,.admin-mode .audit-list small{font-size:9.75px!important;line-height:1.45!important}
.admin-mode .category-admin-head p,.admin-mode .audit-list p{font-size:10.75px!important;line-height:1.55!important}
.admin-mode .attribute-list strong,.admin-mode .seller-risk strong,
.admin-mode .strike-list strong,.admin-mode .admin-status-list>div>span,
.admin-mode .audit-list strong{font-size:11px!important;line-height:1.4!important}
.admin-mode .audit-list code{font-size:10px!important;line-height:1.45!important;background:#f3f5fb!important;color:#34405e!important}

/* ------------------------------ Auth feedback ------------------------------ */
.auth-heading p{font-size:13px!important;line-height:1.6!important;color:#6b7898!important}
.auth-form form{gap:16px!important}
.auth-form label{font-size:12px!important;line-height:1.35!important;color:#3f4967!important}
.auth-form input{min-height:46px!important;font-size:13.5px!important}
.auth-form .form-between{font-size:11.5px!important}
.auth-form .auth-switch{font-size:12px!important}
.has-server-error input{
    border-color:rgba(201,78,78,.72)!important;
    box-shadow:0 0 0 3px rgba(201,78,78,.08)!important
}
.lp-server-field-error,.lp-field-error{
    display:flex;align-items:flex-start;gap:6px;margin-top:1px!important;
    color:#a33f3f!important;font-size:11.5px!important;line-height:1.45!important;font-weight:700!important
}
.lp-server-field-error:before{content:'!';display:inline-grid;place-items:center;width:17px;height:17px;flex:0 0 17px;border-radius:50%;background:#fbe0de;color:#a33f3f;font-size:10px;font-weight:900}

/* -------------------------------- Feedback -------------------------------- */
.flash{
    font-size:13px!important;line-height:1.5!important;padding:14px 16px!important;
    border-radius:14px!important;box-shadow:0 12px 32px rgba(31,47,105,.09)!important
}
.flash-center{gap:10px!important}
.flash-message{font-size:13px!important;line-height:1.5!important;font-weight:650!important}
.flash-error{background:var(--lp-danger-bg)!important;color:#8d3434!important;border-color:rgba(201,78,78,.24)!important}
.flash-info{background:var(--lp-info-bg)!important;color:#294a94!important;border:1px solid rgba(54,88,167,.18)!important}
.flash-info .flash-symbol{background:#dce6ff!important;color:#3658a7!important}
.flash[data-flash-sticky]{box-shadow:0 14px 36px rgba(145,50,50,.10)!important}
.public-mode main>.flash{max-width:760px!important;margin:16px auto 0!important}

/* Avoid hover movement creating visual jitter in dense backoffice. */
.admin-mode .metric-card:hover{transform:translateY(-2px)!important}

@media(max-width:1180px){
    .admin-mode .admin-kpi-strip>div{padding:18px!important}
    .admin-mode .admin-kpi-strip strong{font-size:22px!important}
}

@media(max-width:650px){
    .brand-inverse-name strong{font-size:20px}
    .admin-mode .admin-kpi-strip{grid-template-columns:1fr 1fr!important}
    .admin-mode .admin-kpi-strip>div{min-height:106px!important;padding:17px!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
    .admin-mode .admin-kpi-strip strong{font-size:21px!important}
    .admin-mode .page-head h1{font-size:29px!important}
    .public-mode main>.flash{margin:12px 14px 0!important}
}


/* ===== locale-polish-v6_3.css ===== */
/* LelangPet V6.3.1 — media / money / native date picker / OTP polish */

/* WhatsApp verification actions must breathe. */
.verify-card > form:first-of-type{gap:14px}
.verify-card > form + form{margin-top:14px}
.verify-card > form + form .link-button{
    min-height:40px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin:0 auto;
    padding:8px 14px;
    line-height:1.35;
}
.verify-card .otp-input{margin-bottom:2px}

/* Currency inputs: friendly presentation, raw integer submit. */
.lp-rupiah-input{
    font-variant-numeric:tabular-nums;
    letter-spacing:.01em;
}
.money-field .lp-rupiah-input,
.money-input .lp-rupiah-input{font-weight:800}

/*
 * Native date/date-time controls remain real browser controls.
 * The input is transparent and stretches over the formatted mirror, so clicking
 * anywhere still opens the browser's native calendar/time picker.
 */
.lp-native-date-wrap{
    position:relative;
    display:block;
    width:100%;
    min-width:0;
}
.lp-date-display{
    width:100%;
    min-height:44px;
    border:1px solid var(--line2);
    background:#fff;
    border-radius:12px;
    padding:12px 42px 12px 13px;
    display:flex;
    align-items:center;
    color:var(--ink);
    font-variant-numeric:tabular-nums;
    letter-spacing:.015em;
    line-height:1.25;
    transition:border-color .2s, box-shadow .2s, background .2s;
}
.lp-date-display::after{
    content:'◷';
    position:absolute;
    right:14px;
    top:50%;
    transform:translateY(-50%);
    color:var(--lp-navy-700, var(--blue));
    font-size:16px;
    pointer-events:none;
}
.lp-date-display.is-placeholder{color:#9aa3be}
.lp-native-date-wrap.is-focus .lp-date-display{
    border-color:rgba(245,161,38,.58);
    box-shadow:0 0 0 3px rgba(245,161,38,.10);
}
.lp-native-date-source{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    min-height:44px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    opacity:0 !important;
    cursor:pointer !important;
    z-index:2 !important;
}
.lp-native-date-source:disabled{cursor:not-allowed !important}
.lp-native-date-wrap:has(.lp-native-date-source:disabled) .lp-date-display{
    background:#f3f5fa;
    color:#8e97ae;
}

/* Incremental photo picking keeps a persistent queue. */
.lp-new-photo-preview:not(:empty){margin-top:14px}
.lp-media-limit-note{line-height:1.55}

@media (max-width:650px){
    .verify-card > form + form{margin-top:12px}
    .lp-date-display{min-height:46px}
}


/* V6.3.2 — make the full formatted native date field reliably clickable */
.lp-native-date-wrap{cursor:pointer}
.lp-date-display{pointer-events:none}
.lp-native-date-source{
    pointer-events:auto !important;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
}


/* ===== supervisor-revision-v6_5.css ===== */
/* LelangPet V6.5.0 - supervisor revision */

/* Readability: raise the tiny 7-10px UI layer without flattening hierarchy. */
body{font-size:15px}
.app-content,.auth-form,.verify-card,.listing-wizard,.action-panel,.dash-card{font-size:15px}
.sidebar-nav a,.profile-dropdown a,.profile-dropdown button,.btn,button,input,textarea,select,label,table{font-size:14px}
.page-head p,.dash-card p,.auth-heading p,.verify-card>p,.description-box p,.integration-note,.rule-note{font-size:14px;line-height:1.65}
.sidebar-nav .nav-label,.eyebrow{font-size:11px;letter-spacing:.09em}
small,.muted,.table-pet small,.info-strip small,.timeline small,.duration-options small,.upload-box small,.pet-selector small{font-size:12px;line-height:1.45}
.info-strip strong,.timeline strong,.rejection-banner strong{font-size:14px}
.wizard-progress button{font-size:12px}
.wizard-heading p{font-size:14px}
.dynamic-placeholder{font-size:14px}
.money-field span{font-size:13px}
.duration-options strong{font-size:14px}

.lp-upload-grid-v65{grid-template-columns:repeat(2,minmax(0,1fr))}
.lp-upload-grid-v65 [hidden]{display:none!important}
.lp-picked-file{display:block;max-width:92%;margin-top:6px;font-style:normal;font-size:11px;color:var(--lp-navy-700,#1f2f69);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lp-video-review{margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:18px;background:#fff}
.lp-video-review[hidden]{display:none}
.lp-video-review-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:10px}
.lp-video-review-head h3{margin:4px 0 0;font-size:17px}
.lp-video-review-head>strong{font-size:12px;color:var(--muted);max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lp-video-review video,.lp-listing-video-block video{display:block;width:100%;max-height:420px;border-radius:14px;background:#0b1020;object-fit:contain}
.lp-saved-documents,.lp-listing-documents>div{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.lp-saved-documents a,.lp-listing-documents a{display:inline-flex;align-items:center;min-height:38px;padding:8px 12px;border:1px solid var(--line);border-radius:11px;background:#fff;font-size:13px;font-weight:750;color:var(--lp-navy-700,#1f2f69)}
.lp-listing-video-block{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:18px;background:#fff}
.lp-listing-media-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}
.lp-listing-media-head strong{font-size:14px}
.lp-listing-documents{margin-top:14px;padding:13px;border:1px solid var(--line);border-radius:15px;background:var(--bg,#f8faff)}
.lp-duration-v65{grid-template-columns:repeat(4,1fr)}
.lp-table-sub{display:block;margin-top:3px;font-size:12px;color:var(--muted)}
.lp-info-strip-five{grid-template-columns:repeat(5,1fr)}

.lp-otp-timer{display:flex;flex-direction:column;align-items:center;gap:3px;margin:14px 0 18px;padding:13px 16px;border:1px solid var(--line);border-radius:14px;background:var(--bg,#f8faff)}
.lp-otp-timer small{font-size:11px;text-transform:uppercase;font-weight:800;color:var(--muted)}
.lp-otp-timer strong{font-size:26px;letter-spacing:.08em;color:var(--lp-navy-700,#1f2f69)}
.lp-otp-timer span{font-size:12px;color:var(--muted);text-align:center}
.verify-card form+form{margin-top:16px}

.avatar img,.lp-avatar-photo img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}
.profile-hero .avatar{overflow:hidden}

@media(max-width:900px){.lp-info-strip-five{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.lp-upload-grid-v65,.lp-duration-v65{grid-template-columns:1fr}.lp-video-review-head{flex-direction:column}.lp-video-review-head>strong{max-width:100%}.sidebar-nav a,.btn,button,input,textarea,select,label,table{font-size:14px}}
.lp-payment-breakdown{display:flex;flex-direction:column;gap:8px;margin:14px 0 16px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff}
.lp-payment-breakdown>div{display:flex;justify-content:space-between;gap:14px;align-items:center;font-size:13px}
.lp-payment-breakdown>div span{color:var(--muted)}
.lp-payment-breakdown>div strong{font-size:14px}
.lp-payment-breakdown>.is-total{margin-top:4px;padding-top:10px;border-top:1px solid var(--line)}
.lp-payment-breakdown>.is-total strong{font-size:19px;color:var(--lp-navy-700,#1f2f69)}


/* ===== final-cleanup-v6_6.css ===== */
/* LelangPet V6.6.0 — final cleanup / readability / auth feedback */

/* Primary interactive/readable text is now 15px. Secondary metadata remains clearly legible. */
body{font-size:15px;line-height:1.55}
.site-nav a,.mobile-public-nav a,.sidebar-nav a,.profile-dropdown a,.profile-dropdown button,
.btn,button,input,textarea,select,label,table,.auction-card,.content-card,.dash-card,.action-panel,
.listing-table-card,.auth-form,.verify-card,.listing-wizard{font-size:15px}
.page-head p,.dash-card p,.auth-heading p,.verify-card>p,.description-box p,.integration-note,.rule-note,
.bid-panel p,.seller-inline,.current-price span,.history-note p{font-size:14px;line-height:1.65}
small,.muted,.table-pet small,.info-strip small,.timeline small,.upload-box small,.pet-selector small,
.lp-table-sub,.profile-copy small,.auction-card small,.bid-history small{font-size:13px;line-height:1.45}
.eyebrow,.sidebar-nav .nav-label,.sidebar-kicker{font-size:12px;line-height:1.35;letter-spacing:.08em}
.info-strip strong,.timeline strong,.rejection-banner strong,.duration-options strong,.lp-listing-media-head strong{font-size:15px}

/* Register/server validation must never fail silently. */
.lp-form-errors{margin:0 0 18px;padding:14px 16px;border:1px solid rgba(185,28,28,.22);border-radius:14px;background:#fff5f5;color:#8f1d1d}
.lp-form-errors strong{display:block;font-size:15px;margin-bottom:3px}
.lp-form-errors p{margin:0 0 7px;font-size:13px;color:#9f2d2d}
.lp-form-errors ul{margin:0;padding-left:18px;display:grid;gap:3px;font-size:13px}
.lp-server-field-error,.lp-inline-error{font-size:13px;line-height:1.45;color:#b42318;font-weight:700}
.lp-inline-error{margin:12px 0;padding:10px 12px;border:1px solid rgba(185,28,28,.2);border-radius:11px;background:#fff5f5}
.has-server-error input,.has-server-error textarea,.has-server-error select{border-color:rgba(185,28,28,.5)!important;box-shadow:0 0 0 3px rgba(185,28,28,.07)!important}
.lp-terms-error{margin-top:-7px;margin-bottom:2px}
.flash-close{cursor:pointer}

/* OTP spacing/readability. */
.verify-card form+form{margin-top:18px}
.lp-otp-field{display:flex;flex-direction:column;gap:8px}
.lp-otp-timer small{font-size:12px}
.lp-otp-timer span{font-size:13px}

/* Video review readiness is explicit before advancing the wizard. */
.lp-video-review-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;max-width:48%}
.lp-video-review-meta strong{font-size:13px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}
.lp-video-review-meta span{font-size:12px;font-weight:800;color:#8a5a00}
.lp-video-review-meta span.is-ready{color:#137333}
.lp-video-review-meta span.is-error{color:#b42318}
.lp-duration-days{display:grid;grid-template-columns:minmax(0,220px) 1fr;gap:14px;align-items:end}
.lp-duration-days .duration-help{font-size:13px;color:var(--muted);line-height:1.55;padding-bottom:11px}
.lp-winner-note-warning{color:#9a6700!important}

.avatar img,.seller-inline .avatar img,.seller-card-large .avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}

@media(max-width:650px){
  .site-nav a,.mobile-public-nav a,.sidebar-nav a,.profile-dropdown a,.profile-dropdown button,
  .btn,button,input,textarea,select,label,table{font-size:15px}
  .lp-duration-days{grid-template-columns:1fr}
  .lp-duration-days .duration-help{padding-bottom:0}
  .lp-video-review-meta{align-items:flex-start;max-width:100%}
}

/* V6.6.3 — auth checkbox alignment / focus cleanup */
.form-between{align-items:center;gap:16px;flex-wrap:wrap}
.form-between .check{margin:0;align-items:center;gap:10px;line-height:1.2}
.form-between>a{margin-left:auto}
.auth-form .check{display:flex;flex-direction:row;align-items:center;gap:10px}
.auth-form .check input[type="checkbox"]{-webkit-appearance:auto;appearance:auto;width:18px!important;height:18px!important;min-width:18px!important;flex:0 0 18px;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;accent-color:var(--orange);display:block;vertical-align:middle}
.auth-form .check input[type="checkbox"]:focus,.auth-form .check input[type="checkbox"]:checked,.auth-form .check input[type="checkbox"]:active{box-shadow:none!important}
.auth-form .check input[type="checkbox"]:focus-visible{outline:2px solid rgba(77,103,183,.24);outline-offset:2px}
.auth-form .check.terms,.auth-form .auth-terms-row{align-items:center;gap:12px;margin:6px 0 4px}
.auth-form .auth-terms-copy{display:block;line-height:1.45}
@media (max-width:640px){.form-between{gap:12px}.form-between>a{margin-left:0}}

/* V6.7.0 — readability floor + marketplace revision */
body{font-size:15px;line-height:1.58}
.btn,button,input,textarea,select,label,table,.auction-card,.content-card,.dash-card,.action-panel,
.listing-table-card,.auth-form,.verify-card,.listing-wizard,.bid-panel,.profile-dropdown,.sidebar-nav a{font-size:15px!important}
small,.muted,.lp-table-sub,.profile-copy small,.table-pet small,.user-cell small,.auction-card small,
.bid-history small,.timeline small,.info-strip small,.seller-inline small,.moderation-list small,
.mini-transactions small,.strike-list small,.audit-list small,.category-admin-head small,
.attribute-list small,.lp-gallery-expand small,.lp-field-error,.lp-server-field-error{font-size:14px!important;line-height:1.5!important}
.eyebrow,.hero-kicker,.live-pill,.category-pill,.filter-tabs a,.wizard-progress button,
.admin-chip,.sidebar-kicker,.sidebar-nav .nav-label,.timer-row,.category-label,.verified-chip{font-size:13px!important;line-height:1.4!important}
.admin-mode .admin-chip,.admin-mode .dash-card-head .eyebrow{font-size:13px!important;line-height:1.4!important}
.admin-mode .table-pet small,.admin-mode .user-cell small,.admin-mode .audit-list code{font-size:14px!important;line-height:1.5!important}
.hero-proof span,.pet-node span,.mini-auction small,.live-dot,.mini-time,.auction-title-row p,
.price-row small,.timer-row strong,.category-card small,.category-card p,.category-card strong,
.how-tabs button,.how-flow p,.moderation-list strong,.moderation-list span,.moderation-list>a>b,
.mini-transactions strong,.seller-risk small,.seller-risk strong,.admin-review-panel summary,
.review-checks>div,.category-admin-head small,.category-admin-head p,.attribute-list-head,
.attribute-list strong,.category-admin-card summary,.add-category-card>p,.strike-list strong,
.admin-status-list>div>span,.audit-list strong,.audit-list p{font-size:14px!important;line-height:1.5!important}
.lp-anti-snipe-note{margin:10px 0 0;padding:10px 12px;border-radius:12px;background:#fff7e8;border:1px solid rgba(245,161,38,.2);color:#72501d;font-size:14px;font-weight:700;line-height:1.5}
.lp-bank-account-box{margin-top:4px;padding:16px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#fff,#f7f9ff)}
.lp-bank-account-box>div:first-child{margin-bottom:12px}
.lp-bank-account-box h3{margin:3px 0 4px;font-size:18px}
.lp-bank-account-box p{margin:0;color:var(--muted);font-size:14px}
.lp-bnr-alert{margin:0 0 14px;padding:14px;border-radius:14px;background:var(--red-soft);border:1px solid rgba(223,105,95,.25)}
.lp-bnr-alert strong{display:block;font-size:15px;color:#9f3029}
.lp-bnr-alert p{margin:4px 0;font-size:14px}
.lp-bnr-alert small{font-size:13px!important}
.lp-bnr-form{margin-bottom:16px}
.lp-risk-filter{margin-bottom:16px}
.lp-leaderboard-section{padding-top:38px}
.lp-leaderboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.lp-rank-panel{padding:24px;border-radius:24px;background:rgba(255,255,255,.84);border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.lp-rank-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}
.lp-rank-head h3{margin:4px 0 0;font-size:26px;letter-spacing:-1px}
.lp-rank-head p{margin:0;color:var(--muted);font-size:14px}
.lp-rank-list{display:grid;gap:8px}
.lp-rank-item{display:grid;grid-template-columns:38px 46px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px;border-radius:15px;background:var(--bg);border:1px solid var(--line)}
.lp-rank-number{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#fff;color:var(--orange);font-weight:900}
.lp-rank-item .avatar{width:42px;height:42px}
.lp-rank-copy{min-width:0;display:flex;flex-direction:column}
.lp-rank-copy strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-rank-copy small{font-size:13px!important}
.lp-rank-score{text-align:right}
.lp-rank-score strong{display:block;font-size:18px}
.lp-rank-score small{font-size:13px!important;text-transform:uppercase;letter-spacing:.05em}
.lp-pending-edit-note{margin:0 0 18px;padding:12px 14px;border-radius:13px;background:#eef4ff;border:1px solid rgba(77,103,183,.18);color:#344d91;font-size:14px;line-height:1.5}
@media(max-width:780px){.lp-leaderboard-grid{grid-template-columns:1fr}.lp-rank-item{grid-template-columns:34px 42px minmax(0,1fr) auto}.lp-bank-account-box{padding:14px}}

/* V6.7.1 — shipping, bid readiness, profile polish, readability */
.profile-hero{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;overflow:visible!important;min-height:0}
.profile-hero>div{min-width:0;max-width:100%}
.profile-hero h2{overflow-wrap:anywhere}
.profile-hero p{font-size:14px!important;line-height:1.5!important;overflow-wrap:anywhere;margin-bottom:8px}
.verified-chip{display:inline-flex;align-items:center;max-width:100%;font-size:13px!important;line-height:1.3!important;white-space:normal}
.lp-profile-readiness{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#f8faff}
.lp-profile-readiness span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;font-size:13px;font-weight:800;background:#fff;border:1px solid var(--line)}
.lp-profile-readiness .ok{color:#28784b;background:var(--green-soft)}
.lp-profile-readiness .todo{color:#9b6418;background:var(--yellow-soft)}
#bank-account,#alamat{scroll-margin-top:96px}
.lp-shipping-setting{margin-top:14px;padding:15px;border:1px solid var(--line);border-radius:15px;background:#f8faff}
.lp-shipping-setting label{margin:0}
.lp-shipping-setting p{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.55}
.lp-bid-rules-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}
.lp-bid-rules-grid>div{min-width:0;padding:10px 11px;border-radius:12px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;gap:3px}
.lp-bid-rules-grid span{font-size:13px;color:var(--muted);line-height:1.35}
.lp-bid-rules-grid strong{font-size:15px;line-height:1.35;overflow-wrap:anywhere}
.lp-bid-readiness{margin:0;padding:14px;border-radius:14px;background:#fff7e8;border:1px solid rgba(245,161,38,.22)}
.lp-bid-readiness strong{display:block;font-size:15px;margin-bottom:5px}
.lp-bid-readiness p{margin:0 0 8px!important;font-size:14px!important;color:#71532b!important}
.lp-bid-readiness ul{margin:0 0 12px;padding-left:19px;color:#71532b;font-size:14px;line-height:1.5}
.lp-bid-readiness .btn{margin-top:2px}
.lp-shipping-destination{margin-top:12px;padding:13px 14px;border-radius:13px;background:#f8faff;border:1px solid var(--line)}
.lp-shipping-destination small{display:block;margin-bottom:4px}
.lp-shipping-destination strong{display:block;font-size:15px}
.lp-shipping-destination p{margin:4px 0 0;color:var(--muted);font-size:14px;line-height:1.55}
.lp-payment-breakdown>div{font-size:14px!important}
small{font-size:14px!important;line-height:1.5!important}
.table-wrap th,.status-badge,.good-text,.bad-text,.transaction-progress strong,.address-card>span{font-size:13px!important;line-height:1.4!important}
.table-wrap td,.compact-auction strong,.party-grid strong,.shipment-ticket strong,.notification-row strong{font-size:14px!important;line-height:1.45!important}
.mini-empty,.compact-auction small,.transaction-item small,.transaction-item p,.party-grid small,.party-grid p,.shipment-ticket small,.action-panel>p,.address-card p,.notification-row p,.notification-row small{font-size:14px!important;line-height:1.5!important}
@media(max-width:720px){.lp-bid-rules-grid{grid-template-columns:1fr}.profile-hero{align-items:flex-start}.profile-hero .avatar.xxl{width:72px;height:72px;border-radius:22px}.lp-profile-readiness{align-items:stretch}.lp-profile-readiness span{width:100%}}
/* V6.7.2 — deferred shipping quote workflow */
.status-waiting_shipping_fee{background:var(--yellow-soft);color:#8a5a00}
.status-not_created{background:#f4f1ef;color:#756860}
.lp-shipping-quote-box{display:grid;gap:14px;margin-top:14px;padding:16px;border:1px solid rgba(245,161,38,.24);border-radius:16px;background:#fffaf0}
.lp-shipping-quote-box h3{margin:0;font-size:16px}
.lp-shipping-quote-box p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}
.lp-shipping-quote-box .money-field{max-width:360px}
.lp-shipping-wait{display:grid;gap:10px;padding:16px;border:1px solid rgba(245,161,38,.2);border-radius:16px;background:var(--yellow-soft)}
.lp-shipping-wait strong{font-size:16px}
.lp-shipping-wait p{margin:0;font-size:14px;line-height:1.6;color:#72561d}
.lp-pretotal{display:grid;gap:8px;margin-top:12px;padding:12px;border-radius:13px;background:#fff;border:1px solid var(--line)}
.lp-pretotal>div{display:flex;justify-content:space-between;gap:14px;font-size:14px}
.lp-pretotal .pending-total{padding-top:8px;border-top:1px dashed var(--line2);font-weight:800}
.lp-shipping-destination.is-quote-context{margin:0;padding:12px;background:#fff;border:1px solid var(--line);border-radius:13px}
.transaction-progress.is-five{grid-template-columns:auto 1fr auto 1fr auto 1fr auto 1fr auto}
@media(max-width:720px){.transaction-progress.is-five{overflow-x:auto;justify-content:flex-start;padding-bottom:6px}.transaction-progress.is-five>i{min-width:28px}.lp-pretotal>div{align-items:flex-start}.lp-shipping-quote-box .money-field{max-width:none}}
/* V6.7.3 — explicit transaction workflow + invoice */
.lp-final-total-card .lp-payment-breakdown{margin-top:4px}
.lp-payment-cta-total{display:grid;gap:3px;margin:14px 0;padding:16px;border-radius:16px;background:linear-gradient(135deg,#fff7e8,#fff);border:1px solid rgba(245,161,38,.25)}
.lp-payment-cta-total small{font-size:13px!important;color:#77571d;font-weight:800;letter-spacing:.05em}
.lp-payment-cta-total strong{font-size:26px;line-height:1.15;color:var(--text)}
.lp-invoice-page{max-width:980px;margin:0 auto}
.lp-invoice-toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}
.lp-invoice-sheet{padding:32px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow-sm)}
.lp-invoice-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.lp-invoice-head>div:first-child p{margin:8px 0 0;color:var(--muted)}
.lp-invoice-meta{text-align:right}.lp-invoice-meta h1{margin:5px 0 10px;font-size:25px}
.lp-invoice-parties{display:grid;grid-template-columns:1.2fr 1.2fr 1fr;gap:16px;padding:22px 0;border-bottom:1px solid var(--line)}
.lp-invoice-parties>div{min-width:0}.lp-invoice-parties small,.lp-invoice-address small,.lp-invoice-foot small{display:block;margin-bottom:5px;font-size:12px!important;font-weight:900;letter-spacing:.07em;color:var(--muted)}
.lp-invoice-parties strong{display:block;font-size:15px}.lp-invoice-parties p{margin:4px 0 0;color:var(--muted);font-size:14px;line-height:1.55}
.lp-invoice-item{display:flex;justify-content:space-between;gap:24px;align-items:center;margin:22px 0;padding:18px;border-radius:16px;background:var(--bg);border:1px solid var(--line)}
.lp-invoice-item small{display:block}.lp-invoice-item p{margin:3px 0 0;color:var(--muted)}.lp-invoice-item>strong{font-size:18px;white-space:nowrap}
.lp-invoice-breakdown{margin-left:auto;max-width:520px;display:grid;gap:10px}.lp-invoice-breakdown>div{display:flex;justify-content:space-between;gap:18px;font-size:14px}.lp-invoice-breakdown .is-total{margin-top:6px;padding-top:13px;border-top:2px solid var(--text);font-size:17px}
.lp-invoice-address{margin-top:24px;padding:16px;border-radius:16px;background:#f8faff;border:1px solid var(--line)}.lp-invoice-address strong{font-size:15px}.lp-invoice-address p{margin:4px 0 0;color:var(--muted)}
.lp-invoice-foot{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:14px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.lp-invoice-foot strong{display:block;overflow-wrap:anywhere}
.lp-invoice-note{margin:22px 0 0;padding-top:16px;border-top:1px dashed var(--line);color:var(--muted);font-size:13px!important;line-height:1.55}
.status-paid{background:var(--green-soft);color:#28784b}.status-pending{background:var(--yellow-soft);color:#8a5a00}
@media(max-width:720px){.lp-invoice-sheet{padding:20px}.lp-invoice-head{display:grid}.lp-invoice-meta{text-align:left}.lp-invoice-parties,.lp-invoice-foot{grid-template-columns:1fr}.lp-invoice-item{align-items:flex-start}.lp-invoice-toolbar{flex-direction:column}.lp-invoice-toolbar .btn{width:100%}}
@media print{.no-print,.sidebar,.app-header,.site-header,.site-footer{display:none!important}.app-main,.app-content,main{margin:0!important;padding:0!important}.lp-invoice-page{max-width:none}.lp-invoice-sheet{box-shadow:none;border:0;border-radius:0;padding:0}.lp-invoice-sheet *{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* V6.7.4 — admin scheduling, live sharing, auction card rules */
.lp-admin-schedule-note{display:block;margin:-4px 0 2px;color:rgba(255,255,255,.72);font-size:13px!important;line-height:1.45}
.admin-review-panel input[readonly]{cursor:not-allowed;background:rgba(255,255,255,.92);color:var(--ink)}
.lp-live-share{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;margin:14px 0 2px;padding:14px 16px;border:1px solid rgba(245,161,38,.22);border-radius:16px;background:linear-gradient(135deg,#fffaf0,#f7f9ff)}
.lp-live-share-copy{min-width:0;display:grid;gap:3px}.lp-live-share-copy>strong{font-size:16px}.lp-live-share-copy>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:13px!important}
.lp-live-share-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.lp-share-btn{min-width:42px;height:38px;padding:0 11px;border:1px solid var(--line2);border-radius:11px;background:#fff;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;font-size:13px!important;font-weight:900;text-decoration:none;cursor:pointer;transition:.2s}
.lp-share-btn:hover{transform:translateY(-1px);border-color:rgba(245,161,38,.45);color:var(--orange)}
.lp-share-btn.is-copy{min-width:auto;padding-inline:14px;background:var(--orange-soft);color:var(--orange)}
.lp-auction-rule-row{align-items:stretch;gap:16px}.auction-kb{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;min-width:0;text-align:right}.auction-kb small{font-size:13px!important}.auction-kb strong{font-size:17px!important;white-space:nowrap}
@media(max-width:720px){.lp-live-share{grid-template-columns:1fr}.lp-live-share-actions{justify-content:flex-start}.lp-auction-rule-row{align-items:flex-end}.auction-kb small{max-width:130px;white-space:normal}}

/* V6.7.5 — auction card split summary + red live countdown */
.lp-auction-meta-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-top:10px;padding-top:12px;border-top:1px solid var(--line)}
.lp-auction-meta-cell{display:grid;gap:4px;min-width:0}
.lp-auction-meta-cell small{font-size:12px!important;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.lp-auction-highest-value{font-size:20px!important;line-height:1.15;color:var(--ink)}
.lp-auction-timer-wrap{text-align:right;align-items:end}
.lp-auction-card-timer{font-size:24px!important;line-height:1.1;font-weight:900;color:#d33636;letter-spacing:.02em;font-variant-numeric:tabular-nums}
.lp-auction-timer-wrap.is-ended .lp-auction-card-timer{color:#a7acba}
@media(max-width:640px){.lp-auction-meta-grid{grid-template-columns:1fr;gap:10px}.lp-auction-timer-wrap{text-align:left;align-items:start}.lp-auction-card-timer{font-size:21px!important}}
/* V6.7.5.1 — remove legacy card footer spacing */
.auction-card .auction-bottom{display:none!important}
.lp-auction-meta-grid{margin-bottom:0!important}
.lp-auction-card-timer{white-space:nowrap}
/* V6.7.5.2 — hide stale duplicate timer-row only when new meta row exists */
.auction-card .lp-auction-meta-grid ~ .timer-row{display:none!important}
/* V6.7.6 — transaction action-panel light-card contrast */
.action-panel .lp-shipping-wait{
  background:#fff4c7!important;
  border-color:#efcd67!important;
  color:#5b4518!important;
}
.action-panel .lp-shipping-wait strong{
  color:#3f3117!important;
  font-weight:900;
}
.action-panel .lp-shipping-wait p{
  color:#6d5420!important;
}
.action-panel .lp-shipping-wait small{
  color:#7d6023!important;
  font-weight:700;
}

.action-panel .lp-pretotal{
  background:#fff!important;
  border-color:#dfe4ef!important;
  color:#1f2f69!important;
  box-shadow:0 8px 24px rgba(19,34,79,.08);
}
.action-panel .lp-pretotal>div{
  color:#1f2f69!important;
}
.action-panel .lp-pretotal span{
  color:#667293!important;
}
.action-panel .lp-pretotal strong{
  color:#1f2f69!important;
}
.action-panel .lp-pretotal .pending-total{
  border-top-color:#d9dfeb!important;
}
.action-panel .lp-pretotal .pending-total span{
  color:#8a5a00!important;
}
.action-panel .lp-pretotal .pending-total strong{
  color:#b76600!important;
}

.action-panel .lp-shipping-quote-box{
  background:#fffaf0!important;
  border-color:#efcf88!important;
  color:#1f2f69!important;
}
.action-panel .lp-shipping-quote-box h3{
  color:#1f2f69!important;
}
.action-panel .lp-shipping-quote-box p{
  color:#667293!important;
}
.action-panel .lp-shipping-quote-box label{
  color:#4c5778!important;
}
.action-panel .lp-shipping-destination.is-quote-context{
  background:#fff!important;
  border-color:#dfe4ef!important;
  color:#1f2f69!important;
}
.action-panel .lp-shipping-destination.is-quote-context small{
  color:#667293!important;
}
.action-panel .lp-shipping-destination.is-quote-context strong{
  color:#1f2f69!important;
}
.action-panel .lp-shipping-destination.is-quote-context p{
  color:#667293!important;
}

.action-panel .lp-payment-cta-total{
  color:#1f2f69!important;
}
.action-panel .lp-payment-cta-total strong{
  color:#1f2f69!important;
}
/* V6.7.6.1 - form control palette guard */
.action-panel input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
.action-panel textarea,
.action-panel select{
  background:#fff!important;
  color:#1f2f69!important;
  border-color:#d8deeb!important;
  -webkit-text-fill-color:#1f2f69!important;
  caret-color:#1f2f69!important;
  box-shadow:none;
}
.action-panel input:not([type="checkbox"]):not([type="radio"]):not([type="range"])::placeholder,
.action-panel textarea::placeholder{
  color:#8b95ad!important;
  -webkit-text-fill-color:#8b95ad!important;
  opacity:1;
}
.action-panel input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):focus,
.action-panel textarea:focus,
.action-panel select:focus{
  background:#fff!important;
  color:#1f2f69!important;
  border-color:#f0a12f!important;
  box-shadow:0 0 0 3px rgba(245,161,38,.14)!important;
  outline:none;
}
.action-panel input:disabled,
.action-panel textarea:disabled,
.action-panel select:disabled,
.action-panel input[readonly]{
  background:#f5f7fb!important;
  color:#5f6986!important;
  -webkit-text-fill-color:#5f6986!important;
  opacity:1;
}
.action-panel .input-prefix,
.action-panel .input-with-prefix,
.action-panel .money-input,
.action-panel .money-field{
  background:#fff!important;
  color:#1f2f69!important;
  border-color:#d8deeb!important;
}
.action-panel .input-prefix>span,
.action-panel .input-with-prefix>span,
.action-panel .money-input>span,
.action-panel .money-field>span,
.action-panel .input-prefix .prefix,
.action-panel .input-with-prefix .prefix{
  background:#f7f9fc!important;
  color:#667293!important;
  -webkit-text-fill-color:#667293!important;
}
.action-panel .input-prefix input,
.action-panel .input-with-prefix input,
.action-panel .money-input input,
.action-panel .money-field input{
  background:#fff!important;
  color:#1f2f69!important;
  -webkit-text-fill-color:#1f2f69!important;
}
.action-panel .lp-shipping-wait{
  background:#fff4c7!important;
  border-color:#efcd67!important;
  color:#5b4518!important;
}
.action-panel .lp-shipping-wait strong{color:#3f3117!important}
.action-panel .lp-shipping-wait p{color:#6d5420!important}
.action-panel .lp-shipping-wait small{color:#7d6023!important}
.action-panel .lp-pretotal{
  background:#fff!important;
  border-color:#dfe4ef!important;
  color:#1f2f69!important;
}
.action-panel .lp-pretotal>div,
.action-panel .lp-pretotal strong{color:#1f2f69!important}
.action-panel .lp-pretotal span{color:#667293!important}
.action-panel .lp-pretotal .pending-total span{color:#8a5a00!important}
.action-panel .lp-pretotal .pending-total strong{color:#b76600!important}
.action-panel .lp-shipping-quote-box{
  background:#fffaf0!important;
  border-color:#efcf88!important;
  color:#1f2f69!important;
}
.action-panel .lp-shipping-quote-box h3{color:#1f2f69!important}
.action-panel .lp-shipping-quote-box p{color:#667293!important}
.action-panel .lp-shipping-quote-box label{color:#4c5778!important}
.action-panel .lp-shipping-destination.is-quote-context{
  background:#fff!important;
  border-color:#dfe4ef!important;
  color:#1f2f69!important;
}
.action-panel .lp-shipping-destination.is-quote-context small{color:#667293!important}
.action-panel .lp-shipping-destination.is-quote-context strong{color:#1f2f69!important}
.action-panel .lp-shipping-destination.is-quote-context p{color:#667293!important}
.action-panel input:-webkit-autofill,
.action-panel input:-webkit-autofill:hover,
.action-panel input:-webkit-autofill:focus{
  -webkit-text-fill-color:#1f2f69!important;
  -webkit-box-shadow:0 0 0 1000px #fff inset!important;
  box-shadow:0 0 0 1000px #fff inset!important;
}
/* V6.7.6.2 - composite money input single focus ring */
.action-panel .input-prefix:focus-within,
.action-panel .input-with-prefix:focus-within,
.action-panel .money-input:focus-within,
.action-panel .money-field:focus-within{
  border-color:#f0a12f!important;
  box-shadow:0 0 0 3px rgba(245,161,38,.14)!important;
  outline:none!important;
}
.action-panel .input-prefix input:focus,
.action-panel .input-with-prefix input:focus,
.action-panel .money-input input:focus,
.action-panel .money-field input:focus{
  border-color:transparent!important;
  box-shadow:none!important;
  outline:none!important;
}
.action-panel .input-prefix>span,
.action-panel .input-with-prefix>span,
.action-panel .money-input>span,
.action-panel .money-field>span,
.action-panel .input-prefix .prefix,
.action-panel .input-with-prefix .prefix{
  border-color:#e3e7f0!important;
  box-shadow:none!important;
}
/* V6.7.6.3 - money input focus + rupiah formatting */
.action-panel .input-prefix:focus-within,
.action-panel .input-with-prefix:focus-within,
.action-panel .money-input:focus-within,
.action-panel .money-field:focus-within{
  border-color:#f0a12f!important;
  box-shadow:0 0 0 3px rgba(245,161,38,.14)!important;
  outline:none!important;
}
.action-panel .input-prefix input:focus,
.action-panel .input-with-prefix input:focus,
.action-panel .money-input input:focus,
.action-panel .money-field input:focus{
  border-color:transparent!important;
  box-shadow:none!important;
  outline:none!important;
}
.action-panel .input-prefix>span,
.action-panel .input-with-prefix>span,
.action-panel .money-input>span,
.action-panel .money-field>span,
.action-panel .input-prefix .prefix,
.action-panel .input-with-prefix .prefix{
  border-color:#e3e7f0!important;
  box-shadow:none!important;
}
.action-panel [data-money-display]{
  font-variant-numeric:tabular-nums;
  letter-spacing:.01em;
}
/* V6.7.6.4 - money input focus specificity fix */
.action-panel .money-field input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):focus,
.action-panel .money-input input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):focus,
.action-panel .input-prefix input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):focus,
.action-panel .input-with-prefix input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):focus{
  border-color:transparent!important;
  border-top-color:transparent!important;
  border-right-color:transparent!important;
  border-bottom-color:transparent!important;
  border-left-color:transparent!important;
  box-shadow:none!important;
  outline:none!important;
}
.action-panel .money-field:focus-within,
.action-panel .money-input:focus-within,
.action-panel .input-prefix:focus-within,
.action-panel .input-with-prefix:focus-within{
  border-color:#f0a12f!important;
  box-shadow:0 0 0 2px rgba(245,161,38,.14)!important;
  outline:none!important;
}
.action-panel .money-field>span,
.action-panel .money-input>span,
.action-panel .input-prefix>span,
.action-panel .input-with-prefix>span,
.action-panel .money-field .prefix,
.action-panel .input-prefix .prefix,
.action-panel .input-with-prefix .prefix{
  border-top-color:transparent!important;
  border-bottom-color:transparent!important;
  border-left-color:transparent!important;
  border-right-color:#e3e7f0!important;
  box-shadow:none!important;
}
/* V6.7.7 - transaction list + payment action spacing */
.lp-transaction-table-card{
  overflow:hidden;
}
.lp-transaction-table-card .table-wrap{
  padding:0 8px 6px;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
}
.lp-transaction-table{
  min-width:1220px;
  width:100%;
  table-layout:auto;
}
.lp-transaction-table th,
.lp-transaction-table td{
  padding:18px 16px!important;
  vertical-align:middle!important;
  line-height:1.45!important;
}
.lp-transaction-table th{
  white-space:nowrap;
}
.lp-transaction-table th:nth-child(1),
.lp-transaction-table td:nth-child(1){
  min-width:230px;
}
.lp-transaction-table th:nth-child(2),
.lp-transaction-table td:nth-child(2){
  min-width:88px;
}
.lp-transaction-table th:nth-child(3),
.lp-transaction-table td:nth-child(3){
  min-width:130px;
  white-space:nowrap;
}
.lp-transaction-table th:nth-child(4),
.lp-transaction-table td:nth-child(4){
  min-width:155px;
}
.lp-transaction-table th:nth-child(5),
.lp-transaction-table td:nth-child(5){
  min-width:180px;
}
.lp-transaction-table th:nth-child(6),
.lp-transaction-table td:nth-child(6){
  min-width:180px;
}
.lp-transaction-table th:nth-child(7),
.lp-transaction-table td:nth-child(7){
  min-width:220px;
}
.lp-transaction-table th:nth-child(8),
.lp-transaction-table td:nth-child(8){
  min-width:94px;
  text-align:right;
}
.lp-transaction-table .table-pet{
  min-width:0;
  gap:14px;
}
.lp-transaction-table .table-pet img{
  flex:0 0 52px;
  width:52px!important;
  height:52px!important;
  object-fit:cover;
}
.lp-transaction-table .table-pet>div{
  min-width:145px!important;
}
.lp-transaction-table .table-pet strong,
.lp-transaction-table .table-pet small{
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.lp-transaction-table .table-pet strong{
  display:block;
  line-height:1.4!important;
}
.lp-transaction-table .table-pet small{
  display:block;
  margin-top:3px;
}
.lp-transaction-table .status-badge{
  white-space:nowrap;
  max-width:none;
}
.lp-transaction-detail-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 10px;
  white-space:nowrap;
  font-weight:900;
}

/* Transaction detail: action controls need breathing room. */
.lp-transaction-action-panel{
  display:block;
}
.lp-transaction-action-panel>h2{
  margin-bottom:14px!important;
}
.lp-transaction-action-panel>p{
  margin-bottom:18px!important;
}
.lp-transaction-action-panel .lp-payment-cta-total{
  margin:18px 0 16px!important;
}
.lp-transaction-action-panel>.btn-block{
  margin-top:12px!important;
}
.lp-transaction-action-panel>.btn-block + .btn-block{
  margin-top:12px!important;
}
.lp-transaction-action-panel>form{
  margin-top:16px!important;
}
.lp-transaction-action-panel .integration-note{
  margin-top:16px!important;
  padding:15px 16px!important;
  line-height:1.6!important;
}
.lp-transaction-action-panel .lp-shipping-quote-box form{
  margin-top:18px!important;
}
.lp-transaction-action-panel .lp-shipping-quote-box .btn-block{
  margin-top:14px!important;
}

@media(max-width:900px){
  .lp-transaction-table{
    min-width:1120px;
  }
  .lp-transaction-table-card .table-wrap{
    padding-inline:4px;
  }
}

/* V6.7.8 — transaction logic + invoice compact print */
.lp-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 14px;
  border-radius:999px;
  font-weight:900;
  font-size:13px;
  line-height:1.2;
  letter-spacing:.02em;
  white-space:nowrap;
  text-align:center;
}
.lp-status-lg{min-height:42px;padding:10px 16px}
.lp-status--muted{background:#eef2f7;color:#72819f}
.lp-status--warning{background:#f6ebbf;color:#9b6a00}
.lp-status--info{background:#e3eaf9;color:#4374a2}
.lp-status--success{background:#dff0e6;color:#2c8a57}
.lp-status--danger{background:#fde6e6;color:#b24141}

.lp-transaction-summary-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.lp-transaction-summary-grid>div{
  border:1px solid #e2e8f4;
  background:#f8faff;
  border-radius:18px;
  padding:14px 16px;
}
.lp-transaction-summary-grid>div.is-total{
  background:#fffaf0;
  border-color:rgba(226,175,57,.3);
}
.lp-transaction-summary-grid small{
  display:block;
  margin-bottom:5px;
  color:#7481a2;
  font-weight:800;
}
.lp-transaction-summary-grid strong{
  display:block;
  color:#223770;
  font-size:18px;
  line-height:1.35;
}

.lp-transaction-screen .dash-card-head{
  margin-bottom:16px!important;
  align-items:flex-start!important;
}
.lp-transaction-screen .dash-card-head h2{
  margin:6px 0 0!important;
  line-height:1.2!important;
}
.lp-shipping-card .lp-shipping-destination,
.lp-transaction-action-panel .lp-shipping-destination{
  margin-top:8px;
}
.lp-shipment-ticket-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:14px;
}
.lp-shipment-ticket-grid .shipment-ticket{
  margin:0!important;
}
.lp-shipment-ticket-grid .shipment-ticket>div{
  padding:16px 18px!important;
  border-radius:18px!important;
  min-height:100%;
}
.lp-shipping-wait,
.lp-waiting-highlight{
  margin-top:14px;
  padding:16px 18px;
  border-radius:18px;
  border:1px solid #e2e8f4;
  background:#f7f9ff;
  color:#5f7099;
}
.lp-waiting-highlight{
  background:#fff6d6;
  border-color:rgba(226,175,57,.25);
  color:#7d6120;
}
.lp-waiting-highlight strong,
.lp-shipping-wait strong{
  display:block;
  margin-bottom:6px;
  color:inherit;
}
.lp-transaction-action-panel .btn-block + .btn-block{
  margin-top:12px!important;
}

@media(max-width:780px){
  .lp-transaction-summary-grid,
  .lp-shipment-ticket-grid{
    grid-template-columns:1fr;
  }
}

/* V6.7.9 - LIVE share app-icon polish */
.lp-live-share-actions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
.lp-live-share-actions .lp-share-btn{
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:13px!important;
  line-height:1!important;
  font-size:0!important;
  text-decoration:none!important;
}
.lp-live-share-actions .lp-share-btn .lp-share-icon{
  width:19px;
  height:19px;
  display:block;
  flex:0 0 19px;
}
.lp-live-share-actions .lp-share-btn[data-share-network="whatsapp"]{color:#209b55!important}
.lp-live-share-actions .lp-share-btn[data-share-network="facebook"]{color:#1877f2!important}
.lp-live-share-actions .lp-share-btn[data-share-network="x"]{color:#111827!important}
.lp-live-share-actions .lp-share-btn[data-share-network="telegram"]{color:#229ed9!important}
.lp-live-share-actions .lp-share-btn[data-share-network="instagram"]{color:#c13584!important}
.lp-live-share-actions .lp-share-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 18px rgba(31,47,105,.10);
}
.lp-live-share-actions .lp-share-btn:focus-visible{
  outline:3px solid rgba(245,161,38,.22)!important;
  outline-offset:2px;
}
.lp-live-share-actions .lp-share-btn.is-copy{
  width:auto!important;
  min-width:112px!important;
  padding:0 14px!important;
  gap:7px!important;
  font-size:13px!important;
  white-space:nowrap;
}
.lp-live-share-actions .lp-share-btn.is-copy .lp-share-icon{
  width:17px;
  height:17px;
  flex-basis:17px;
}
@media(max-width:560px){
  .lp-live-share-actions{gap:7px!important}
  .lp-live-share-actions .lp-share-btn{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    border-radius:12px!important;
  }
  .lp-live-share-actions .lp-share-btn.is-copy{min-width:105px!important}
}

/* V6.8.0 FINAL - seller payout + dynamic fees */
.transaction-progress.is-six{
  grid-template-columns:auto 1fr auto 1fr auto 1fr auto 1fr auto 1fr auto;
}
.lp-withdrawal-bank{
  display:grid;
  grid-template-columns:160px minmax(0,1fr);
  gap:10px 16px;
  align-items:center;
}
.lp-withdrawal-bank small{font-weight:900;color:#7481a2}
.lp-withdrawal-bank strong{color:#223770;overflow-wrap:anywhere}
.lp-withdrawal-proof{display:grid;gap:12px}
.lp-withdrawal-proof>div{
  padding:14px 16px;
  border:1px solid #e2e8f4;
  border-radius:16px;
  background:#f8faff;
}
.lp-withdrawal-proof small{
  display:block;
  margin-bottom:4px;
  color:#7481a2;
  font-weight:800;
}
.lp-withdrawal-proof strong{color:#223770}
.lp-fund-status-note{
  display:grid;
  gap:8px;
  margin-top:12px;
  padding:16px 18px;
  border-radius:18px;
  background:#fff6d6;
  border:1px solid rgba(226,175,57,.25);
  color:#7d6120;
}
.lp-fund-status-note p{margin:0;line-height:1.55}
.lp-fund-status-note strong{color:inherit}
@media(max-width:720px){
  .transaction-progress.is-six{
    overflow-x:auto;
    justify-content:flex-start;
    padding-bottom:6px;
  }
  .transaction-progress.is-six>i{min-width:28px}
  .lp-withdrawal-bank{grid-template-columns:1fr;gap:4px}
  .lp-withdrawal-bank strong{margin-bottom:10px}
}

/* V6.8.1 - LIVE share layout + invoice availability */
.lp-live-share{display:grid!important;grid-template-columns:1fr!important;gap:11px!important;align-items:stretch!important;margin:14px 0 2px!important;padding:14px!important;border:1px solid rgba(245,161,38,.26)!important;border-radius:18px!important;background:radial-gradient(circle at 0 0,rgba(245,161,38,.08),transparent 38%),linear-gradient(135deg,#fffdf9 0%,#f7f9ff 100%)!important;box-shadow:none!important}
.lp-live-share-head{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}
.lp-live-share-heading{min-width:0;display:flex;align-items:center;gap:10px}
.lp-live-share-heading>div{min-width:0;display:grid;gap:2px}
.lp-live-share-heading strong{color:#223770;font-size:16px!important;line-height:1.2}
.lp-live-share-heading small{color:#7481a2;font-size:12px!important;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-live-share-pill{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 9px;border:1px solid rgba(245,161,38,.28);border-radius:999px;background:#fff6e8;color:#e88413;font-size:11px!important;line-height:1;font-weight:950;letter-spacing:.08em}
.lp-live-share-pill i{width:7px;height:7px;border-radius:50%;background:#f59b23;box-shadow:0 0 0 4px rgba(245,155,35,.13)}
.lp-live-share-copy-btn{min-height:38px;padding:0 13px;border:1px solid rgba(245,161,38,.28);border-radius:12px;background:#fff4df;color:#e98a18;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:13px!important;font-weight:900;line-height:1;white-space:nowrap;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.lp-live-share-copy-btn .lp-share-icon{width:16px;height:16px;flex:0 0 16px}
.lp-live-share-copy-btn:hover{transform:translateY(-1px);border-color:rgba(245,161,38,.52);box-shadow:0 8px 18px rgba(31,47,105,.08)}
.lp-live-share-copy-btn:focus-visible{outline:3px solid rgba(245,161,38,.2);outline-offset:2px}
.lp-live-share-url{min-width:0;height:38px;padding:0 11px;display:flex;align-items:center;gap:8px;border:1px solid #e1e6f0;border-radius:11px;background:rgba(255,255,255,.78);color:#65749b}
.lp-live-share-url svg{width:15px;height:15px;flex:0 0 15px;color:#e98a18}
.lp-live-share-url span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px!important;font-weight:700}
.lp-live-share-actions{justify-content:flex-start!important;gap:8px!important;flex-wrap:nowrap!important}
.lp-live-share-actions .lp-share-btn{width:42px!important;min-width:42px!important;height:42px!important;border-radius:12px!important;background:#fff!important}
.lp-invoice-unavailable{display:flex;gap:11px;align-items:flex-start;margin-top:12px;padding:12px 13px;border:1px dashed #d9dfeb;border-radius:14px;background:#f8faff;color:#65749b}
.lp-invoice-unavailable svg{width:18px;height:18px;flex:0 0 18px;margin-top:1px;color:#e98a18}
.lp-invoice-unavailable>div{min-width:0;display:grid;gap:3px}
.lp-invoice-unavailable strong{color:#314577;font-size:13px!important}
.lp-invoice-unavailable p{margin:0!important;color:#7481a2!important;font-size:12px!important;line-height:1.45!important}
@media(max-width:560px){.lp-live-share{padding:12px!important}.lp-live-share-head{gap:9px}.lp-live-share-heading{gap:8px}.lp-live-share-heading small{display:none}.lp-live-share-copy-btn{min-height:36px;padding:0 11px;font-size:12px!important}.lp-live-share-pill{min-height:26px;padding:0 8px;font-size:10px!important}.lp-live-share-actions{gap:7px!important;overflow-x:auto;padding-bottom:1px;scrollbar-width:none}.lp-live-share-actions::-webkit-scrollbar{display:none}.lp-live-share-actions .lp-share-btn{width:40px!important;min-width:40px!important;height:40px!important}}
@media(max-width:390px){.lp-live-share-head{grid-template-columns:1fr;align-items:stretch}.lp-live-share-copy-btn{width:100%}}


/* ===== community-v6_8_5.css ===== */
/* V6.8.5 — community rankings, public BNR list, bid-history phone privacy */
.lp-leaderboard-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
.lp-leaderboard-actions .btn{min-height:38px;padding:9px 13px;font-size:12px}
.lp-community-hero{padding-bottom:28px}
.lp-community-page{padding-top:20px;padding-bottom:70px}
.lp-community-tabs{display:flex;gap:8px;width:max-content;max-width:100%;margin:0 0 16px;padding:5px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.8);box-shadow:var(--shadow-sm)}
.lp-community-tabs a{padding:10px 16px;border-radius:11px;color:var(--muted);font-size:12px;font-weight:900;text-decoration:none}
.lp-community-tabs a.active{background:var(--ink);color:#fff}
.lp-community-card{overflow:hidden;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.88);box-shadow:var(--shadow-sm)}
.lp-community-card-head{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:22px 24px;border-bottom:1px solid var(--line)}
.lp-community-card-head h2{margin:5px 0 0;font-size:24px;letter-spacing:-.8px}
.lp-community-card-head>span{color:var(--muted);font-size:12px;font-weight:800}
.lp-community-list,.lp-bnr-public-list{display:grid}
.lp-community-row{display:grid;grid-template-columns:42px 46px minmax(0,1fr) auto 24px;gap:12px;align-items:center;min-height:72px;padding:12px 20px;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}
.lp-community-row:last-child{border-bottom:0}.lp-community-row[href]:hover{background:#fffaf4}
.lp-community-rank{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--bg);color:var(--orange);font-weight:950}
.lp-community-row .avatar{width:42px;height:42px}
.lp-community-copy{min-width:0;display:grid;gap:3px}.lp-community-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.lp-community-copy small{color:var(--muted);font-size:12px!important}
.lp-community-score{text-align:right}.lp-community-score strong{display:block;font-size:18px}.lp-community-score small{color:var(--muted);font-size:10px!important;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.lp-community-arrow{color:var(--orange);font-weight:900;text-align:center}
.lp-bnr-public-row{display:grid;grid-template-columns:46px minmax(180px,1fr) minmax(160px,.7fr) auto;gap:14px;align-items:center;padding:14px 20px;border-bottom:1px solid var(--line)}
.lp-bnr-public-row:last-child{border-bottom:0}.lp-bnr-public-row .avatar{width:42px;height:42px}
.lp-bnr-public-copy{display:grid;gap:4px}.lp-bnr-public-copy strong{font-size:14px}.lp-bnr-public-copy small{font-size:12px!important;color:var(--muted);font-variant-numeric:tabular-nums}
.lp-bnr-public-meta{display:grid;gap:3px}.lp-bnr-public-meta small{color:var(--muted);font-size:10px!important;text-transform:uppercase;letter-spacing:.05em}.lp-bnr-public-meta strong{font-size:12px}
.lp-bnr-public-status{display:grid;gap:3px;text-align:right}.lp-bnr-public-status strong{color:#a73931;font-size:11px;letter-spacing:.06em}.lp-bnr-public-status small{color:var(--muted);font-size:10px!important}
.lp-bid-phone{font-variant-numeric:tabular-nums;font-weight:750;color:#647194}
@media(max-width:980px){.lp-bnr-public-row{grid-template-columns:46px minmax(0,1fr) auto}.lp-bnr-public-meta{grid-column:2}.lp-bnr-public-status{grid-row:1/3;grid-column:3}}
@media(max-width:650px){.lp-leaderboard-actions{justify-content:stretch}.lp-leaderboard-actions .btn{flex:1}.lp-community-tabs{width:100%}.lp-community-tabs a{flex:1;text-align:center}.lp-community-card-head{align-items:flex-start;flex-direction:column;padding:18px}.lp-community-row{grid-template-columns:34px 42px minmax(0,1fr) auto;padding:12px}.lp-community-arrow{display:none}.lp-bnr-public-row{grid-template-columns:42px minmax(0,1fr);padding:13px}.lp-bnr-public-meta{grid-column:2}.lp-bnr-public-status{grid-column:2;grid-row:auto;text-align:left}}


/* ===== layout-rhythm-v7_1_4.css ===== */
/* LelangPet V7.1.4 — production spacing / vertical rhythm QA */

:root{
  --lp-space-1:6px;
  --lp-space-2:10px;
  --lp-space-3:14px;
  --lp-space-4:18px;
  --lp-space-5:24px;
}

/* Form copy should never collide with controls or actions. */
label > small,
.form-help,
.field-help,
.input-help,
.helper-text{
  display:block;
  margin-top:2px;
  color:var(--muted,#6f7b98);
  font-size:12px;
  font-weight:500;
  line-height:1.55;
}

/* The main form stacks already use gap; keep button rhythm predictable. */
.auth-form form,
.verify-card form,
.action-panel form,
.dash-card form,
.add-category-card form,
.category-admin-card details form{
  row-gap:16px;
}

/* Give primary actions a little separation from dense field copy. */
.dash-card form > .btn-block,
.action-panel form > .btn-block,
.wizard-card form > .btn-block,
.verify-card form > .btn-block,
.auth-form form > .btn-block{
  margin-top:2px;
}

/* Text placed after a form/button needs its own breathing room. */
.dash-card > form + p,
.dash-card > form + small,
.action-panel > form + p,
.action-panel > form + small,
.btn-block + .form-help,
.btn-block + .field-help,
.btn-block + .input-help,
.btn-block + .helper-text{
  margin-top:16px!important;
}

/* Generic messages should not visually attach to the preceding button. */
form > .wallet-form-message,
form > [aria-live].form-message,
form > .form-message{
  margin-top:0;
  line-height:1.5;
}

/* Keep card sections from feeling compressed where a header is followed by content. */
.dash-card-head + form,
.dash-card-head + .form-grid,
.dash-card-head + .wallet-bank-box,
.dash-card-head + .wallet-ledger-list,
.dash-card-head + .admin-status-list{
  margin-top:4px;
}

/* Auction bid helper copy after CTA. */
.bid-box form > .btn-block + p,
.bid-box > .btn-block + p,
.bid-box > a.btn-block + p{
  margin:12px 0 0!important;
  line-height:1.55;
}

/* Inline row actions should not crash into status chips. */
.row-actions,
.wallet-row-actions{
  column-gap:10px;
  row-gap:10px;
}

/* Prevent status chips from breaking into awkward stacked labels. */
.status-badge,
.wallet-pill,
.lp-status{
  white-space:nowrap;
}

@media(max-width:650px){
  .dash-card > form + p,
  .dash-card > form + small,
  .action-panel > form + p,
  .action-panel > form + small{
    margin-top:14px!important;
  }
}


/* V9.3: legacy global form-system removed; controls are route/surface scoped in ui-*-v9-3.css. */

/* ===== marketplace-v9.css ===== */
/* LelangPet Marketplace V9 — component-specific production polish */
:root{
  --v9-ink:#1f2f69;
  --v9-text:#455373;
  --v9-muted:#74809c;
  --v9-line:#dfe5ef;
  --v9-line-strong:#cfd8e7;
  --v9-soft:#f7f9fd;
  --v9-soft-2:#f2f5fb;
  --v9-white:#fff;
  --v9-focus:0 0 0 3px rgba(31,47,105,.08);
}

/* Global rhythm: only structural elements, never generic input dimensions. */
.lp-page-head-compact,.page-head{gap:18px}
.dash-card>form,.content-card>form,.lp-shop-product-form>form,.lp-product-buy-card>form{display:grid;gap:16px}
.dash-card label,.lp-shop-product-form label,.lp-product-buy-card label{gap:8px}
.dash-card label>small,.lp-shop-product-form label>small{display:block;margin-top:1px;line-height:1.45;color:var(--v9-muted)}
.pagination-wrap{margin-top:18px}

/* Auction: compact facts, no tutorial-looking warning card. */
.lp-auction-seller-row{gap:11px;align-items:center}
.lp-auction-seller-copy{min-width:0;flex:1}
.lp-auction-seller-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.lp-auction-seller-name>span,.lp-membership-badge,.lp-membership-chip{
  display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border:1px solid #dce4f0;border-radius:999px;
  background:#f6f8fc;color:#52617f;font-size:10px;font-weight:800;letter-spacing:.02em;white-space:nowrap
}
.lp-follow-inline{margin:0!important;display:block!important}
.lp-follow-btn{height:34px;padding:0 13px;border:1px solid var(--v9-line-strong);border-radius:999px;background:#fff;color:var(--v9-ink);font:inherit;font-size:11px;font-weight:850;cursor:pointer;box-shadow:none}
.lp-follow-btn:hover{border-color:#aebbd1;background:#f8faff}
.lp-follow-btn.is-following{background:#eef2f9;border-color:#d4dceb;color:#5b6883}
.lp-auction-bid-box{display:grid;gap:12px!important;padding:16px!important;border:1px solid var(--v9-line)!important;border-radius:18px!important;background:#f8faff!important}
.lp-auction-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.lp-auction-facts>div{min-width:0;padding:13px 14px;border:1px solid #e1e6f0;border-radius:13px;background:#fff}
.lp-auction-facts span,.lp-auction-shipping-line span{display:block;color:var(--v9-muted);font-size:10px;line-height:1.35}
.lp-auction-facts strong{display:block;margin-top:4px;color:var(--v9-ink);font-size:14px;line-height:1.25}
.lp-auction-shipping-line{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 3px}
.lp-auction-shipping-line strong{color:var(--v9-text);font-size:11px;text-align:right}
.lp-auction-rule-note{display:flex;align-items:center;gap:8px;padding:0 3px;color:#687591}
.lp-auction-rule-note>span{font-size:13px;color:#8995ae}
.lp-auction-rule-note p{margin:0!important;font-size:10px!important;line-height:1.45!important;color:#687591!important}
.lp-auction-bid-box>form{display:grid;gap:11px}
.lp-auction-bid-box>form>p{margin:0!important;text-align:center;font-size:9px!important;color:#8290aa!important}

/* Search and table controls stay lightweight; never inherit money-field proportions. */
.lp-table-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 16px}
.lp-table-search{height:42px;min-width:min(340px,100%);flex:1;display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid var(--v9-line);border-radius:12px;background:#fff;color:#76839d}
.lp-table-search input{height:40px!important;min-width:0;flex:1;border:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;color:var(--v9-ink)!important}
.lp-table-toolbar>label{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;color:var(--v9-muted);font-size:10px;font-weight:750}
.lp-table-toolbar select{width:76px;height:42px!important;padding:0 28px 0 10px!important;border-radius:12px!important}
.lp-table-toolbar .btn{height:42px;min-height:42px;padding:0 16px}
.listing-table-card .table-wrap,.dash-card>.table-wrap{border-radius:14px}
.table-wrap table{min-width:720px}
.table-wrap th{white-space:nowrap}

/* PIN/security. */
.lp-security-card{display:grid;gap:0}
.lp-security-block{padding:22px 0;border-top:1px solid var(--v9-line)}
.lp-security-block:first-of-type{padding-top:4px;border-top:0}
.lp-security-block>h3,.lp-security-title h3{margin:0;color:var(--v9-ink);font-size:15px}
.lp-security-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}
.lp-security-title p{margin:4px 0 0;color:var(--v9-muted);font-size:10px}
.lp-security-state{display:inline-flex;align-items:center;min-height:25px;padding:0 9px;border-radius:999px;background:#f1f3f7;color:#7a8499;font-size:9px;font-weight:900;white-space:nowrap}
.lp-security-state.is-ready{background:#edf8f2;color:#237551}
.lp-pin-input input,.lp-security-card input[name="transaction_pin"],.lp-security-card input[name="transaction_pin_confirmation"]{letter-spacing:.22em;font-variant-numeric:tabular-nums}
.lp-pin-reset{margin-top:16px;border:1px solid var(--v9-line);border-radius:14px;background:#fafbfd;overflow:hidden}
.lp-pin-reset>summary{padding:13px 15px;cursor:pointer;color:var(--v9-text);font-size:11px;font-weight:800}
.lp-pin-reset[open]>summary{border-bottom:1px solid var(--v9-line)}
.lp-pin-reset>form{padding:15px;display:grid;gap:13px}
.lp-browser-notification-block .btn{width:max-content}

/* Membership. */
.lp-membership-overview{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}
.lp-membership-overview>div{padding:20px;border:1px solid var(--v9-line);border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(31,47,105,.04)}
.lp-membership-overview small{display:block;color:var(--v9-muted);font-size:9px;font-weight:850;letter-spacing:.08em}
.lp-membership-overview strong{display:block;margin:7px 0 3px;color:var(--v9-ink);font-size:24px}
.lp-membership-overview span{font-size:10px;color:var(--v9-muted)}
.lp-plan-current{display:inline-flex;align-items:center;min-height:34px;padding:0 13px;border:1px solid #d8e0ec;border-radius:999px;background:#fff;color:var(--v9-ink);font-size:11px;font-weight:900}
.lp-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.lp-plan-card{display:grid;gap:16px;padding:22px;border:1px solid var(--v9-line);border-radius:22px;background:#fff;box-shadow:0 12px 34px rgba(31,47,105,.05)}
.lp-plan-card.is-current{border-color:#aebbd6;box-shadow:0 14px 38px rgba(31,47,105,.08)}
.lp-plan-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.lp-plan-card-head span{display:block;color:var(--v9-muted);font-size:10px;font-weight:900;letter-spacing:.08em}
.lp-plan-card-head strong{display:block;margin-top:5px;color:var(--v9-ink);font-size:18px}
.lp-plan-card-head b{padding:5px 8px;border-radius:999px;background:#edf8f2;color:#237551;font-size:9px;letter-spacing:.06em}
.lp-plan-card>p{min-height:42px;margin:0;color:var(--v9-muted);font-size:10px;line-height:1.6}
.lp-benefit-list{display:grid;border-top:1px solid var(--v9-line)}
.lp-benefit-list>div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid #edf0f5}
.lp-benefit-list span{color:#707c95;font-size:10px}
.lp-benefit-list strong{max-width:52%;color:var(--v9-ink);font-size:10px;text-align:right}
.lp-plan-topup{display:block;text-align:center;font-size:10px;font-weight:800;color:#4e6194}
.lp-admin-two-col{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:18px;margin-bottom:18px}
.lp-admin-plan-list,.lp-attribute-stack,.lp-commission-list{display:grid;gap:14px}
.lp-admin-plan-form,.lp-commission-rule{display:grid;gap:13px;padding:17px;border:1px solid var(--v9-line);border-radius:16px;background:#fafbfd}
.lp-attribute-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #edf0f5}
.lp-attribute-row:last-child{border-bottom:0}
.lp-attribute-row>div{display:grid;gap:2px}
.lp-attribute-row small{color:var(--v9-muted);font-size:9px}
.lp-inline-switch{display:flex;align-items:center;gap:12px;justify-content:space-between}
.lp-inline-switch>input{width:96px}
.lp-admin-create-panel{margin-top:16px;border:1px solid var(--v9-line);border-radius:15px;background:#fafbfd;overflow:hidden}
.lp-admin-create-panel>summary{padding:14px 16px;cursor:pointer;color:var(--v9-ink);font-size:11px;font-weight:850}
.lp-admin-create-panel[open]>summary{border-bottom:1px solid var(--v9-line)}
.lp-admin-create-panel>form{display:grid;gap:14px;padding:16px}
.lp-benefit-matrix-card{margin-top:18px}
.lp-benefit-matrix td:first-child{min-width:190px}
.lp-benefit-matrix td:first-child strong,.lp-benefit-matrix td:first-child small{display:block}
.lp-benefit-matrix td:first-child small{margin-top:3px;color:var(--v9-muted);font-size:8px}
.lp-benefit-cell-form{display:flex;align-items:center;gap:6px;min-width:135px}
.lp-benefit-cell-form input,.lp-benefit-cell-form select{height:38px!important;min-width:0;padding:0 10px!important}
.lp-benefit-cell-form button{width:34px;height:34px;flex:0 0 34px;border:0;border-radius:10px;background:#eef2f8;color:var(--v9-ink);font-weight:900;cursor:pointer}

/* Commission configuration. */
.lp-commission-rule-title{display:flex;justify-content:space-between;align-items:center;gap:12px}
.lp-commission-rule-title strong{color:var(--v9-ink);font-size:13px}
.lp-commission-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr .7fr;gap:10px}
.lp-commission-grid label{min-width:0}

/* Seller growth + analytics. */
.lp-growth-card{margin-top:18px}
.lp-growth-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.lp-growth-actions form{display:block!important;margin:0!important}
.lp-analytics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.lp-stat-card{padding:18px;border:1px solid var(--v9-line);border-radius:17px;background:#fff;box-shadow:0 8px 24px rgba(31,47,105,.04)}
.lp-stat-card span,.lp-stat-card small{display:block;color:var(--v9-muted);font-size:9px}
.lp-stat-card strong{display:block;margin:7px 0 4px;color:var(--v9-ink);font-size:23px;line-height:1.1}
.lp-stat-card-wide{grid-column:span 2}

/* Shop public. */
.lp-shop-hero{max-width:1260px;margin:0 auto;padding:58px 28px 20px;display:flex;align-items:end;justify-content:space-between;gap:28px}
.lp-shop-hero h1{max-width:650px;margin:8px 0 7px;color:var(--v9-ink);font-size:clamp(36px,5vw,58px);letter-spacing:-2.5px;line-height:1}
.lp-shop-hero p{margin:0;color:var(--v9-muted);font-size:12px}
.lp-shop-search{width:min(430px,100%);height:54px;display:flex;align-items:center;gap:8px;padding:5px;border:1px solid var(--v9-line);border-radius:16px;background:#fff;box-shadow:0 9px 26px rgba(31,47,105,.04)}
.lp-shop-search input{height:42px!important;flex:1;min-width:0;border:0!important;padding:0 12px!important;box-shadow:none!important;outline:0!important;background:transparent!important}
.lp-shop-search .btn{height:42px;min-height:42px;padding-inline:18px}
.lp-shop-page{padding-top:28px!important}
.lp-shop-filter-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}
.lp-shop-categories{display:flex;gap:7px;align-items:center;overflow:auto;padding-bottom:2px}
.lp-shop-categories a{flex:0 0 auto;padding:9px 12px;border:1px solid var(--v9-line);border-radius:999px;background:#fff;color:#67738e;font-size:10px;font-weight:800}
.lp-shop-categories a.active{background:var(--v9-ink);border-color:var(--v9-ink);color:#fff}
.lp-shop-filter-row>select{width:auto;min-width:155px;height:40px!important;border-radius:12px!important}
.lp-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.lp-product-card{overflow:hidden;border:1px solid var(--v9-line);border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(31,47,105,.045);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.lp-product-card:hover{transform:translateY(-2px);border-color:#c7d1e1;box-shadow:0 14px 34px rgba(31,47,105,.075)}
.lp-product-media{position:relative;aspect-ratio:1.12/1;background:#f3f6fb;overflow:hidden}
.lp-product-media img{width:100%;height:100%;object-fit:cover}
.lp-product-media>span{position:absolute;right:10px;bottom:10px;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.92);color:#56627c;font-size:9px;font-weight:850}
.lp-product-copy{padding:15px}
.lp-product-copy small{color:#7a859e;font-size:9px}
.lp-product-copy h3{min-height:38px;margin:5px 0 9px;color:var(--v9-ink);font-size:14px;line-height:1.35}
.lp-product-copy strong{display:block;color:var(--v9-ink);font-size:17px}
.lp-product-copy p{margin:6px 0 0;color:var(--v9-muted);font-size:9px}
.lp-grid-empty{grid-column:1/-1}
.lp-product-detail-page{padding-top:34px!important}
.lp-product-detail-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:22px;align-items:start}
.lp-product-gallery,.lp-product-buy-card,.lp-product-description{border:1px solid var(--v9-line);border-radius:22px;background:#fff}
.lp-product-gallery{padding:14px}
.lp-product-main-image{width:100%;aspect-ratio:1.2/1;object-fit:cover;border-radius:16px;background:#f4f6fa}
.lp-product-thumbs{display:flex;gap:8px;margin-top:10px;overflow:auto}
.lp-product-thumbs img{width:64px;height:54px;object-fit:cover;border:1px solid var(--v9-line);border-radius:10px}
.lp-product-buy-card{position:sticky;top:94px;padding:24px;display:grid;gap:14px}
.lp-product-buy-card h1{margin:0;color:var(--v9-ink);font-size:28px;line-height:1.15}
.lp-product-seller{font-size:11px;color:#536593;font-weight:800}
.lp-product-price{font-size:30px;color:var(--v9-ink)}
.lp-product-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid var(--v9-line);border-radius:13px;overflow:hidden;background:var(--v9-line)}
.lp-product-meta span{padding:11px;background:#fafbfd;color:var(--v9-muted);font-size:9px}
.lp-product-meta b{display:block;margin-top:3px;color:var(--v9-ink);font-size:10px}
.lp-product-description{margin-top:20px;padding:24px}
.lp-product-description h2{margin:5px 0 10px;color:var(--v9-ink)}
.lp-product-description p{margin:0;color:var(--v9-text);font-size:11px;line-height:1.8}

/* Shop member & orders. */
.lp-cart-layout,.lp-order-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:18px;align-items:start}
.lp-cart-list,.lp-order-items{display:grid}
.lp-cart-row,.lp-order-items>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid #edf0f5}
.lp-cart-row:last-child,.lp-order-items>div:last-child{border-bottom:0}
.lp-cart-qty{display:flex;align-items:center;gap:9px}
.lp-cart-qty input{width:74px;height:40px!important}
.lp-cart-summary{position:sticky;top:92px}
.lp-order-total{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:15px;padding-top:15px;border-top:1px solid var(--v9-line)}
.lp-order-total strong{font-size:20px;color:var(--v9-ink)}
.lp-shipping-code{padding:13px;border:1px solid var(--v9-line);border-radius:13px;background:#fafbfd}
.lp-shipping-code small,.lp-shipping-code strong{display:block}
.lp-shipping-code strong{margin-top:4px;color:var(--v9-ink)}
.lp-shop-product-form{max-width:920px;margin:0 auto}
.lp-existing-product-media{display:flex;gap:8px;overflow:auto;padding:3px 0}
.lp-existing-product-media img{width:88px;height:70px;object-fit:cover;border:1px solid var(--v9-line);border-radius:12px}
.lp-category-mini-list{display:grid;margin-bottom:18px}
.lp-category-mini-list>div{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #edf0f5}

/* Wallet PIN keeps money input separate. */
.wallet-action-card .lp-pin-input,.wallet-action-card input[name="transaction_pin"]{height:48px!important;letter-spacing:.2em;font-variant-numeric:tabular-nums}

/* Admin financial settlement. */
.lp-settlement-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.lp-settlement-grid>div{padding:13px;border:1px solid var(--v9-line);border-radius:13px;background:#fafbfd}
.lp-settlement-grid small,.lp-settlement-grid strong{display:block}
.lp-settlement-grid small{font-size:8px;color:var(--v9-muted)}
.lp-settlement-grid strong{margin-top:4px;color:var(--v9-ink);font-size:11px}

@media(max-width:1100px){
  .lp-plan-grid,.lp-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lp-commission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lp-analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .lp-admin-two-col,.lp-product-detail-grid,.lp-cart-layout,.lp-order-layout{grid-template-columns:1fr}
  .lp-product-buy-card,.lp-cart-summary{position:static}
  .lp-shop-hero{padding:40px 18px 18px;flex-direction:column;align-items:stretch}
  .lp-shop-search{width:100%}
  .lp-settlement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
  .lp-auction-facts{grid-template-columns:1fr 1fr}
  .lp-auction-seller-row{align-items:flex-start;flex-wrap:wrap}
  .lp-follow-inline{margin-left:43px!important}
  .lp-shop-filter-row{align-items:stretch;flex-direction:column}
  .lp-shop-filter-row>select{width:100%}
  .lp-product-grid,.lp-plan-grid,.lp-membership-overview,.lp-analytics-grid{grid-template-columns:1fr}
  .lp-stat-card-wide{grid-column:auto}
  .lp-product-meta{grid-template-columns:1fr}
  .lp-table-toolbar{align-items:stretch}
  .lp-table-search{min-width:100%}
  .lp-table-toolbar>label{flex:1}
  .lp-table-toolbar .btn{flex:1}
  .lp-commission-grid{grid-template-columns:1fr}
  .lp-settlement-grid{grid-template-columns:1fr 1fr}
  .lp-benefit-matrix-card .table-wrap{overflow:auto}
}


/* ===== V9.1 production hardening ===== */
.lp-table-sort{display:inline-flex;align-items:center;gap:6px;color:inherit;font:inherit;text-decoration:none;white-space:nowrap}.lp-table-sort>span:last-child{font-size:10px;color:var(--muted2);opacity:.7}.lp-table-sort:hover,.lp-table-sort.is-active{color:var(--orange)}
.lp-product-media-item{position:relative;overflow:hidden;border-radius:12px;border:1px solid var(--line);background:#fff}.lp-product-media-item img{display:block;width:100%;height:86px;object-fit:cover}.lp-product-media-item form{position:absolute;right:6px;top:6px}.lp-product-media-item button{width:26px;height:26px;border:0;border-radius:9px;background:rgba(23,31,55,.82);color:#fff;display:grid;place-items:center;font-size:16px;cursor:pointer}.lp-existing-product-media{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px!important}.lp-order-cancel{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.lp-order-cancel summary{cursor:pointer;color:var(--muted);font-size:11px;font-weight:750}.lp-order-cancel form{display:grid;gap:12px;margin-top:12px}.lp-order-cancelled-note{margin-top:16px;padding:14px;border:1px solid rgba(185,28,28,.14);border-radius:14px;background:#fff7f7}.lp-order-cancelled-note strong{font-size:12px}.lp-order-cancelled-note p,.lp-order-cancelled-note small{display:block;margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.55}
@media(max-width:650px){.lp-table-toolbar{align-items:stretch}.lp-table-sort{gap:4px}.lp-product-media-item img{height:76px}}

.lp-table-clear{font-size:10px;font-weight:750;color:var(--muted);padding:8px}.lp-table-clear:hover{color:var(--orange)}


/* ===== V9.2.1 Shop UX readability + cart discoverability ===== */
/* Keep secondary information compact, but never below a comfortable reading floor. */
.lp-shop-breadcrumb,.lp-product-detail-page .breadcrumb{font-size:13px!important;line-height:1.45;gap:10px;margin-bottom:24px}
.lp-product-detail-page .breadcrumb a{font-weight:700;color:#5d6d96}.lp-product-detail-page .breadcrumb a:hover{color:var(--orange)}
.lp-product-detail-page .breadcrumb b{font-size:13px;color:var(--v9-ink)}

.lp-product-buy-card{gap:17px;padding:28px}
.lp-product-buy-card .eyebrow{font-size:12px!important;line-height:1.4;letter-spacing:.1em}
.lp-product-buy-card h1{font-size:clamp(30px,3vw,38px);line-height:1.12;letter-spacing:-.7px}
.lp-product-seller{font-size:14px!important;line-height:1.45;color:#4e628f}
.lp-product-price{font-size:clamp(34px,3.4vw,44px);line-height:1.08;letter-spacing:-1px}
.lp-product-meta span{padding:14px 13px;color:#667493;font-size:12px!important;line-height:1.35}
.lp-product-meta b{margin-top:5px;color:var(--v9-ink);font-size:14px!important;line-height:1.3}
.lp-product-buy-card label{font-size:15px!important;font-weight:750;color:#5e534d}
.lp-product-buy-card label input{font-size:16px!important;min-height:52px;margin-top:2px}
.lp-product-buy-card .btn{min-height:54px;font-size:15px!important;gap:8px}
.lp-product-buy-card .btn .ui-icon{width:18px;height:18px}

.lp-product-description{padding:28px 30px}
.lp-product-description .eyebrow{font-size:12px!important}
.lp-product-description h2{margin:7px 0 13px;font-size:26px;line-height:1.2}
.lp-product-description p{margin:0;color:#52617e;font-size:15px!important;line-height:1.75;max-width:900px}

.lp-shop-hero p{font-size:15px!important;line-height:1.65}
.lp-shop-categories a{font-size:13px!important;padding:10px 14px}
.lp-product-media>span{font-size:11px!important;padding:6px 9px}
.lp-product-copy{padding:17px}
.lp-product-copy small{font-size:12px!important;line-height:1.4}
.lp-product-copy h3{min-height:42px;margin:6px 0 10px;font-size:16px;line-height:1.35}
.lp-product-copy strong{font-size:19px;line-height:1.3}
.lp-product-copy p{margin:7px 0 0;font-size:13px!important;line-height:1.45}

/* Persistent cart entry points. */
.lp-cart-link{position:relative;text-decoration:none!important}
.lp-cart-count,.lp-cart-link .lp-cart-count{position:absolute;right:-5px;top:-6px;min-width:19px;height:19px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:var(--orange)!important;color:#fff!important;font-size:10px!important;font-weight:850;line-height:1;box-shadow:0 0 0 2px var(--bg)}
.site-header .lp-cart-count{box-shadow:0 0 0 2px rgba(249,251,255,.96)}
.lp-sidebar-count{margin-left:auto;min-width:22px;height:22px;padding:0 6px;display:grid;place-items:center;border-radius:999px;background:#eef2ff;color:#314c9b;font-size:11px;font-weight:850}
.sidebar-nav>a.active .lp-sidebar-count{background:rgba(255,255,255,.2);color:#fff}

.lp-cart-added{display:grid;gap:12px;padding:14px;border:1px solid rgba(32,125,83,.18);border-radius:15px;background:#f5fbf8}
.lp-cart-added>div{display:flex;align-items:flex-start;gap:10px}
.lp-cart-added-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:11px;background:#e5f6ed;color:#18764c}
.lp-cart-added>div>div{display:grid;gap:2px;min-width:0}
.lp-cart-added strong{font-size:14px;color:#234f3c}
.lp-cart-added span:not(.lp-cart-added-icon){font-size:12px;line-height:1.5;color:#657d73}
.lp-cart-text-link{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:-3px;padding:4px 0;color:#536593;font-size:13px;font-weight:750}
.lp-cart-text-link:hover{color:var(--orange)}
.lp-add-cart-form{margin:0}

/* Footer should read like navigation, not legal fine print. */
.site-footer{padding-top:58px;padding-bottom:62px;gap:58px}
.site-footer>div{gap:12px}
.site-footer>div:first-child p{max-width:390px;font-size:13px!important;line-height:1.7}
.site-footer strong{font-size:12px!important;line-height:1.4;letter-spacing:.09em}
.site-footer a,.site-footer span{font-size:13px!important;line-height:1.5}
.site-footer a:hover{color:var(--orange)}

@media(max-width:900px){
  .lp-product-buy-card{padding:24px}
  .lp-product-description{padding:24px}
}
@media(max-width:650px){
  .lp-product-detail-page{padding-top:22px!important}
  .lp-product-detail-page .breadcrumb{font-size:12px!important;margin-bottom:16px}
  .lp-product-buy-card{padding:22px;gap:15px}
  .lp-product-buy-card h1{font-size:30px}
  .lp-product-price{font-size:36px}
  .lp-product-meta{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lp-product-meta span{padding:12px 10px;font-size:11px!important}
  .lp-product-meta b{font-size:13px!important}
  .lp-product-description{padding:22px}
  .lp-product-description h2{font-size:23px}
  .lp-product-description p{font-size:14px!important}
  .site-footer{grid-template-columns:1fr 1fr;padding:40px 20px 46px;gap:30px 24px}
  .site-footer>div:first-child{grid-column:1/-1}
  .site-footer>div:first-child p{font-size:13px!important}
}
@media(max-width:420px){
  .lp-product-meta{grid-template-columns:1fr}
  .site-footer{grid-template-columns:1fr}
  .site-footer>div:first-child{grid-column:auto}
}

/* ===== V9.2.2 Shop UI closure ===== */
/* Product detail: readable hierarchy and predictable actions. */
.lp-product-detail-page{max-width:1360px;margin-inline:auto}
.lp-product-seller{display:inline-flex;align-items:center;gap:5px;width:max-content;max-width:100%;font-weight:650!important}
.lp-product-seller strong{font-weight:850;color:var(--v9-ink)}
.lp-product-thumbs img{cursor:pointer}
.lp-cart-text-link{justify-content:space-between!important;padding:8px 0!important;margin-top:0!important}

/* Cart: compact marketplace rows instead of an oversized image/content canvas. */
.lp-cart-page{max-width:1240px;margin:0 auto}
.lp-cart-page-head{margin-bottom:22px}
.lp-cart-page-head h1{margin-bottom:6px}
.lp-cart-layout{grid-template-columns:minmax(0,1fr) 350px;gap:22px}
.lp-cart-card{padding:24px 26px}
.lp-cart-section-head,.lp-order-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--v9-line)}
.lp-cart-section-head h2,.lp-order-section-head h2{margin:5px 0 0;color:var(--v9-ink);font-size:21px;line-height:1.2}
.lp-cart-section-head>span,.lp-order-section-head>span{flex:none;color:#667493;font-size:12px;font-weight:750}
.lp-cart-list{display:grid}
.lp-cart-item{display:grid;grid-template-columns:126px minmax(0,1fr);gap:18px;padding:20px 0;border-bottom:1px solid #edf0f5}
.lp-cart-item:last-child{padding-bottom:0;border-bottom:0}
.lp-cart-item-media{display:block;width:126px;height:126px;overflow:hidden;border:1px solid var(--v9-line);border-radius:16px;background:#f5f7fb}
.lp-cart-item-media img{display:block;width:100%;height:100%;object-fit:cover}
.lp-cart-item-body{display:grid;gap:14px;min-width:0;align-content:start}
.lp-cart-item-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;min-width:0}
.lp-cart-item-heading>div{display:grid;gap:4px;min-width:0}
.lp-cart-item-title{color:var(--v9-ink);font-size:17px;font-weight:850;line-height:1.35;overflow-wrap:anywhere}
.lp-cart-item-title:hover{color:var(--orange)}
.lp-cart-item-seller{width:max-content;max-width:100%;color:#667493;font-size:13px;font-weight:700;line-height:1.4}
.lp-cart-item-seller:hover{color:var(--orange)}
.lp-cart-item-heading>strong{flex:none;color:var(--v9-ink);font-size:18px;line-height:1.35}
.lp-cart-item-meta{display:flex;flex-wrap:wrap;gap:8px 18px;color:#6d7893;font-size:12px;line-height:1.45}
.lp-cart-item-meta span{display:inline-flex;gap:5px;align-items:center}
.lp-cart-item-meta b{color:#34436e;font-size:12px}
.lp-cart-item-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.lp-cart-qty{display:flex!important;align-items:center;gap:8px!important;margin:0!important}
.lp-cart-qty label{margin:0;color:#606c88;font-size:12px!important;font-weight:700}
.lp-cart-qty input{width:72px!important;min-width:72px!important;height:40px!important;min-height:40px!important;padding:8px 10px!important;margin:0!important;text-align:center;font-size:14px!important}
.lp-cart-qty .btn{height:40px;min-height:40px;padding:8px 13px;font-size:12px!important;border-radius:11px}
.lp-cart-item-controls>form:last-child{margin:0!important}
.lp-cart-remove{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:#bf4f4f;padding:8px 2px;font-size:12px;font-weight:800;cursor:pointer}
.lp-cart-remove:hover{color:#982f2f}
.lp-cart-remove .ui-icon{width:14px;height:14px}
.lp-cart-summary{padding:24px;display:grid;gap:18px;top:94px}
.lp-cart-summary>h2{margin:-8px 0 0;color:var(--v9-ink);font-size:21px;line-height:1.25}
.lp-cart-summary-lines{display:grid;gap:12px;padding:16px 0;border-top:1px solid var(--v9-line);border-bottom:1px solid var(--v9-line)}
.lp-cart-summary-lines>div{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#63708e;font-size:13px}
.lp-cart-summary-lines strong{color:#26386f;font-size:14px}
.lp-cart-summary-lines .total{padding-top:12px;border-top:1px dashed #dce2ee;color:var(--v9-ink);font-weight:800}
.lp-cart-summary-lines .total strong{font-size:20px}
.lp-cart-balance{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:14px;border:1px solid var(--v9-line);border-radius:14px;background:#fafbfd}
.lp-cart-balance span{color:#6a7693;font-size:12px}
.lp-cart-balance strong{color:var(--v9-ink);font-size:14px}
.lp-cart-balance small{grid-column:1/-1;color:#9a5a4d;font-size:11px;line-height:1.5}
.lp-cart-balance.is-ready{border-color:rgba(32,125,83,.14);background:#f5fbf8}
.lp-cart-summary>form{margin:0!important}
.lp-cart-summary .btn{min-height:48px;font-size:13px!important}
.lp-cart-summary-note{margin:0!important;color:#7c879f!important;font-size:11px!important;line-height:1.5!important;text-align:center}
.lp-cart-empty{display:grid;justify-items:center;gap:10px;max-width:650px;margin:38px auto;padding:48px 28px;text-align:center}
.lp-cart-empty-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:#f0f3fb;color:#40558f}
.lp-cart-empty h2{margin:4px 0 0;color:var(--v9-ink);font-size:22px}
.lp-cart-empty p{margin:0 0 8px!important;color:#74809a!important}

/* Shop orders: human-readable status and balanced detail cards. */
.lp-shop-order-tabs{margin-bottom:16px}
.lp-shop-orders-table td>small,.lp-shop-products-table td>small{display:block;margin-top:3px;color:#7a859e;font-size:11px!important}
.lp-order-page-head{align-items:center}
.lp-order-layout{grid-template-columns:minmax(0,1fr) 390px;gap:22px}
.lp-order-card,.lp-order-side{padding:24px 26px}
.lp-order-items{display:grid}
.lp-order-items>.lp-order-item-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0;border-bottom:1px solid #edf0f5}
.lp-order-items>.lp-order-item-row:last-child{border-bottom:0}
.lp-order-item-row>div{display:grid;gap:4px;min-width:0}
.lp-order-item-row>div strong{color:var(--v9-ink);font-size:15px}
.lp-order-item-row small{color:#77829b;font-size:12px;line-height:1.4}
.lp-order-item-row>strong{flex:none;color:#26386f;font-size:15px}
.lp-order-costs{display:grid;gap:9px;margin-top:15px;padding-top:15px;border-top:1px solid var(--v9-line)}
.lp-order-costs>div{display:flex;justify-content:space-between;gap:14px;color:#6b7792;font-size:12px}
.lp-order-costs strong{color:#35446f}
.lp-order-total{margin-top:13px;padding-top:15px}
.lp-order-side{display:grid;gap:16px}
.lp-order-side .lp-order-section-head{padding-bottom:14px}
.lp-order-address{padding:14px 0}
.lp-order-address strong{display:block;color:var(--v9-ink);font-size:14px}
.lp-order-address p{margin:5px 0 0!important;color:#66738f!important;font-size:13px!important;line-height:1.65!important}
.lp-order-side>form{margin:0!important}
.lp-order-ship-form{padding-top:4px}
.lp-order-cancel summary{font-size:12px!important}
.lp-order-cancelled-note strong{font-size:14px!important}
.lp-order-cancelled-note p,.lp-order-cancelled-note small{font-size:12px!important}

/* Seller product form/table readability. */
.lp-shop-product-form{padding:26px}
.lp-shop-product-form>form{gap:18px}
.lp-shop-product-form label{font-size:13px!important}
.lp-shop-product-form input,.lp-shop-product-form textarea,.lp-shop-product-form select{font-size:14px!important}
.lp-category-mini-list>div strong{font-size:13px}

@media(max-width:1000px){
  .lp-cart-layout,.lp-order-layout{grid-template-columns:1fr}
  .lp-cart-summary{position:static}
}
@media(max-width:700px){
  .lp-cart-page{max-width:none}
  .lp-cart-card,.lp-cart-summary,.lp-order-card,.lp-order-side{padding:20px}
  .lp-cart-item{grid-template-columns:92px minmax(0,1fr);gap:14px}
  .lp-cart-item-media{width:92px;height:92px;border-radius:14px}
  .lp-cart-item-heading{display:grid;gap:7px}
  .lp-cart-item-heading>strong{font-size:16px}
  .lp-cart-item-meta{grid-column:1/-1}
  .lp-cart-item-controls{grid-column:1/-1}
  .lp-order-page-head{align-items:flex-start}
}
@media(max-width:480px){
  .lp-cart-card,.lp-cart-summary,.lp-order-card,.lp-order-side{padding:18px}
  .lp-cart-item{grid-template-columns:76px minmax(0,1fr);gap:12px;padding:16px 0}
  .lp-cart-item-media{width:76px;height:76px;border-radius:12px}
  .lp-cart-item-title{font-size:15px}
  .lp-cart-item-controls{align-items:flex-end}
  .lp-cart-qty{display:grid!important;grid-template-columns:62px auto;gap:6px!important}
  .lp-cart-qty label{grid-column:1/-1}
  .lp-cart-qty input{width:62px!important;min-width:62px!important}
  .lp-cart-section-head h2,.lp-order-section-head h2,.lp-cart-summary>h2{font-size:19px}
}


/* ===== V7.1.6-R2 INPUT SHADOW CLEANUP ===== */
/*
   Final cleanup:
   - keep the existing input borders
   - remove gray/duplicate focus shadows from inner inputs
   - remove shadow from composite search/money shells
   - prevent the 1px focus jump
*/
:root{
  --lp-field-ring:none!important;
}

/* Standard form controls: border stays, shadow/ring is removed. */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]),
textarea,
select{
  box-shadow:none!important;
  -webkit-box-shadow:none!important;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]):focus,
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]):focus-visible,
textarea:focus,
textarea:focus-visible,
select:focus,
select:focus-visible{
  box-shadow:none!important;
  -webkit-box-shadow:none!important;
  outline:none!important;
  transform:none!important;
}

/* Composite controls already own their border. */
.lp-search,
.lp-money,
.lp-search--header,
.lp-search--hero,
.lp-table-search,
.app-search,
.browse-search,
.lp-shop-search{
  box-shadow:none!important;
  -webkit-box-shadow:none!important;
}

.lp-search:focus-within,
.lp-money:focus-within,
.lp-search--header:focus-within,
.lp-search--hero:focus-within,
.lp-table-search:focus-within,
.app-search:focus-within,
.browse-search:focus-within,
.lp-shop-search:focus-within{
  box-shadow:none!important;
  -webkit-box-shadow:none!important;
  outline:none!important;
}

.lp-search input,
.lp-search input:focus,
.lp-search input:focus-visible,
.lp-money input:not([type="hidden"]),
.lp-money input:not([type="hidden"]):focus,
.lp-money input:not([type="hidden"]):focus-visible,
.lp-table-search input,
.lp-table-search input:focus,
.lp-table-search input:focus-visible,
.app-search input,
.app-search input:focus,
.app-search input:focus-visible,
.browse-search input,
.browse-search input:focus,
.browse-search input:focus-visible,
.lp-shop-search input,
.lp-shop-search input:focus,
.lp-shop-search input:focus-visible{
  box-shadow:none!important;
  -webkit-box-shadow:none!important;
  outline:none!important;
  transform:none!important;
}
/* ===== V9.3.0 MEMBERSHIP ENTITLEMENTS + AUTO-PUSH ===== */
.lp-membership-policy,
.lp-admin-membership-note{
  display:grid;
  gap:6px;
  margin:0 0 18px;
  padding:15px 17px;
  border:1px solid #dce4ef;
  border-radius:15px;
  background:#f8faff;
  color:#56637e;
}
.lp-membership-policy>div{display:grid;gap:3px}
.lp-membership-policy strong,
.lp-admin-membership-note strong{color:var(--v9-ink);font-size:11px;font-weight:900}
.lp-membership-policy span,
.lp-membership-policy>small,
.lp-admin-membership-note span{font-size:10px;line-height:1.55;color:#6c7892}
.lp-admin-membership-note b{color:#315099}
.lp-benefit-list>div.is-informational{opacity:.82}
.lp-benefit-list>div>span{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.lp-benefit-kind{
  display:inline-flex;
  align-items:center;
  min-height:18px;
  padding:0 6px;
  border-radius:999px;
  font-size:7px;
  line-height:1;
  font-style:normal;
  font-weight:900;
  letter-spacing:.045em;
  text-transform:uppercase;
  vertical-align:middle;
  white-space:nowrap;
}
.lp-benefit-kind.is-system{background:#eaf3ff;color:#315da8}
.lp-benefit-kind.is-info{background:#f1f3f7;color:#78839a}
.lp-attribute-row>div>strong{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.lp-attribute-function-copy{max-width:520px;line-height:1.45!important;color:#67748e!important}
.lp-benefit-lock{font-size:9px;font-weight:800;color:#5571a9;white-space:nowrap}
.lp-custom-benefit-warning{
  padding:11px 12px;
  border:1px solid #e1e6ef;
  border-radius:11px;
  background:#fff;
  color:#6a7690;
  font-size:9px;
  line-height:1.5;
}
.lp-custom-benefit-warning strong{color:var(--v9-ink)}
.lp-benefit-matrix-card .dash-card-head p{margin:4px 0 0!important;color:var(--v9-muted)!important;font-size:9px!important;line-height:1.5!important}
.lp-plan-card>form{display:grid;gap:8px}
.lp-auto-push-state{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:0 0 14px;
  padding:11px 13px;
  border:1px solid #dbe7e1;
  border-radius:13px;
  background:#f7fcf9;
}
.lp-auto-push-state>span{display:inline-flex;align-items:center;gap:7px;color:#28704f;font-size:10px;font-weight:900;white-space:nowrap}
.lp-auto-push-state>span i{width:7px;height:7px;border-radius:50%;background:#35a46d;box-shadow:0 0 0 4px rgba(53,164,109,.10)}
.lp-auto-push-state>small{color:#697b72;font-size:9px;line-height:1.45;text-align:right}
.lp-growth-actions .btn:disabled{opacity:.52;cursor:not-allowed}
@media(max-width:700px){
  .lp-auto-push-state{align-items:flex-start;flex-direction:column;gap:5px}
  .lp-auto-push-state>small{text-align:left}
  .lp-attribute-row{grid-template-columns:minmax(0,1fr) auto}
  .lp-attribute-row>.link-button{grid-column:1/-1;justify-self:start}
}