.sidebar .brand{font-size:0!important;color:transparent!important;background:transparent url('/jp-leiloes-logo.svg?v=20260930-6') center/contain no-repeat!important;border-radius:0;overflow:visible;filter:drop-shadow(0 3px 8px #0006);height:132px;margin:0 4px 18px;padding:0!important}.sidebar .brand span{display:none!important}.login-brand,.login-brand .brand,.login-mobile-brand{display:none!important}.login-page .auth-tabs{display:none!important}.login-page .login-shell{display:flex!important;justify-content:center!important;align-items:center!important;min-height:auto!important;background:#f5f8f6!important;padding:54px 24px 70px!important;box-sizing:border-box!important}.login-page .login-card{width:min(680px,100%)!important;max-width:680px!important;margin:0 auto!important}.login-page #publicAuctions:has(> .auction-public-card:only-child){display:flex!important;justify-content:center!important}.login-page #publicAuctions>.auction-public-card:only-child{width:min(500px,100%)!important;max-width:500px!important}.login-page .auction-cover{height:240px!important;background:#f3f7f5!important;padding:12px 28px!important;box-sizing:border-box!important}.login-page .auction-cover img{width:88%!important;max-width:420px!important;height:100%!important;object-fit:contain!important;object-position:center!important;display:block!important;margin:0 auto!important}.market .cover{height:210px!important;background:#f3f7f5!important;padding:12px 22px!important;box-sizing:border-box!important}.market .cover img{width:90%!important;max-width:520px!important;height:100%!important;object-fit:contain!important;object-position:center!important;border-radius:10px!important}.catalog{align-items:stretch!important;grid-auto-rows:1fr}.catalog .product{height:100%;display:flex;flex-direction:column}.catalog .product>div:last-child{display:flex;flex-direction:column;flex:1}.catalog .product h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:35px;max-height:35px}.catalog .product .price{margin-top:2px}.catalog .product .timer{min-height:14px}.catalog .product .primary:first-of-type{margin-top:auto}.catalog .product .whatsapp{margin-top:8px}@media(max-width:650px){.sidebar .brand{height:116px}.login-page .login-shell{padding:32px 14px 44px!important}.login-page #publicAuctions>.auction-public-card:only-child{width:100%!important}.login-page .auction-cover{height:220px!important;padding:10px 18px!important}.login-page .auction-cover img{width:94%!important;max-width:none!important}.market .cover{height:190px!important;padding:10px 14px!important}.market .cover img{width:96%!important;max-width:none!important}.catalog .product h3{min-height:32px;max-height:32px}}
/* Painel moderno */
:root{--jp-green:#18c86b;--jp-forest:#071f16;--jp-bg:#f4f7f5;--jp-line:#e3ebe6;--jp-text:#102019;--jp-muted:#738279;--jp-shadow:0 14px 34px rgba(8,39,27,.08)}body:not(.public-lot){background:var(--jp-bg);color:var(--jp-text)}body:not(.public-lot) .sidebar{width:270px;background:linear-gradient(180deg,#071f16 0%,#0a2a1e 100%);padding:20px 16px 18px;border-right:1px solid rgba(255,255,255,.06);box-shadow:12px 0 34px rgba(4,24,16,.08);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}body:not(.public-lot) .sidebar::-webkit-scrollbar{width:6px}body:not(.public-lot) .sidebar::-webkit-scrollbar-track{background:transparent}body:not(.public-lot) .sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.16);border-radius:999px}body:not(.public-lot) main{margin-left:270px}body:not(.public-lot) .sidebar .brand{height:100px!important;min-height:100px!important;flex:0 0 auto;margin:0 0 12px!important;padding:0 10px 12px!important;border-bottom:1px solid rgba(255,255,255,.08);filter:none!important}body:not(.public-lot) #nav{display:grid;gap:5px;flex:0 0 auto}body:not(.public-lot) #nav button{min-height:42px;border-radius:13px;padding:10px 14px;color:#c5d6cd;font-size:14px;font-weight:700;transition:.18s ease}body:not(.public-lot) #nav button:hover{background:rgba(255,255,255,.07);color:#fff;transform:translateX(2px)}body:not(.public-lot) #nav button.active{background:linear-gradient(135deg,rgba(28,84,58,.95),rgba(20,63,45,.95));color:#fff;box-shadow:inset 0 0 0 1px rgba(53,224,126,.08)}body:not(.public-lot) .nav-submenu{margin:4px 0 6px 18px!important;padding-left:12px!important;border-left:1px solid rgba(74,232,137,.28)!important}body:not(.public-lot) .nav-submenu button{min-height:36px!important;font-size:13px!important;padding:8px 12px!important}body:not(.public-lot) .store{margin-top:14px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:13px 15px;flex:0 0 auto}body:not(.public-lot) header{height:92px;padding:0 34px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--jp-line);position:sticky;top:0;z-index:4}body:not(.public-lot) header h1{font-size:25px;letter-spacing:-.02em}body:not(.public-lot) header p{font-size:13px;color:var(--jp-muted);margin-top:5px}body:not(.public-lot) .user{gap:10px}body:not(.public-lot) .user>span{background:#f5f8f6;border:1px solid #e6ece8;border-radius:999px;padding:9px 13px;color:#42564b;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body:not(.public-lot) .user>b{width:38px;height:38px;display:grid;place-items:center;padding:0;background:linear-gradient(135deg,#dcfae8,#c5f4d7);color:#0f7f43;box-shadow:inset 0 0 0 1px #bfe9cf}body:not(.public-lot) .logout-btn{border-radius:11px;padding:9px 13px;background:#fff;border:1px solid #dfe7e2;font-weight:700}body:not(.public-lot) #app{padding:30px 34px 46px;max-width:1700px;margin:0 auto}body:not(.public-lot) .cards{gap:16px}body:not(.public-lot) .card{position:relative;overflow:hidden;border:1px solid var(--jp-line);border-radius:20px;padding:22px 22px 20px;background:linear-gradient(180deg,#fff,#fbfdfc);box-shadow:var(--jp-shadow);min-height:142px;transition:.18s ease}body:not(.public-lot) .card:after{content:"";position:absolute;right:-24px;top:-26px;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,rgba(24,200,107,.13),rgba(24,200,107,0) 70%)}body:not(.public-lot) .card:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(8,39,27,.11)}body:not(.public-lot) .card small{font-size:12px;color:#6e7f75;font-weight:700;text-transform:uppercase;letter-spacing:.045em}body:not(.public-lot) .card h2{font-size:31px;letter-spacing:-.035em;margin:15px 0 7px;color:#0d2118}body:not(.public-lot) .card .up{display:inline-flex;align-items:center;gap:5px;background:#eaf9f0;border-radius:999px;padding:6px 9px;color:#128047;font-weight:800;font-size:11px}body:not(.public-lot) .panels{grid-template-columns:minmax(0,1.5fr) minmax(320px,.9fr);gap:16px;margin-top:16px}body:not(.public-lot) .panel,body:not(.public-lot) .auction-head,body:not(.public-lot) .lot-main,body:not(.public-lot) .bidbox{border:1px solid var(--jp-line);border-radius:20px;background:#fff;box-shadow:var(--jp-shadow);padding:24px}body:not(.public-lot) .panel h3{font-size:20px;letter-spacing:-.02em;margin:0 0 18px}body:not(.public-lot) .panel>b{font-size:18px;display:block;margin-bottom:10px}body:not(.public-lot) .panel .muted{line-height:1.6;color:#74827a}body:not(.public-lot) .row{padding:16px 0;border-color:#edf2ef}body:not(.public-lot) .badge{background:#e9f9ef;color:#0d8142;border:1px solid #d8f2e2;font-weight:800}body:not(.public-lot) .primary,body:not(.public-lot) .bidbtn{background:linear-gradient(135deg,#1ad16f,#13b75d);box-shadow:0 9px 22px rgba(24,184,93,.18);border-radius:12px;transition:.18s ease}body:not(.public-lot) .primary:hover,body:not(.public-lot) .bidbtn:hover{transform:translateY(-1px)}body:not(.public-lot) table{border:1px solid var(--jp-line);border-radius:18px;box-shadow:var(--jp-shadow)}body:not(.public-lot) th{background:#f8fbf9}body:not(.public-lot) .product{border-radius:18px;border-color:var(--jp-line);box-shadow:0 10px 28px rgba(8,39,27,.06)}body:not(.public-lot) dialog{border-radius:22px;border:1px solid #e5ede8}@media(max-width:900px){body:not(.public-lot) .sidebar{width:270px}body:not(.public-lot) main{margin-left:270px}body:not(.public-lot) .panels{grid-template-columns:1fr}}@media(max-width:650px){body:not(.public-lot) .sidebar{width:min(78vw,290px);padding-top:14px;padding-bottom:14px}body:not(.public-lot) .sidebar .brand{height:82px!important;min-height:82px!important;margin-bottom:8px!important;padding-bottom:8px!important}body:not(.public-lot) #nav button{min-height:40px;padding:9px 12px}body:not(.public-lot) .nav-submenu button{min-height:34px!important;padding:7px 10px!important}body:not(.public-lot) main{margin-left:0}body:not(.public-lot) header{height:76px;padding:0 16px}body:not(.public-lot) header h1{font-size:20px}body:not(.public-lot) #app{padding:18px 14px 34px}body:not(.public-lot) .card{min-height:125px;padding:19px}body:not(.public-lot) .card h2{font-size:27px}body:not(.public-lot) .panel{padding:19px}.user>span{display:none!important}}
/* Corrige logo duplicada no menu lateral */
body:not(.public-lot) .sidebar .brand{background:none!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;padding:4px 8px 12px!important}body:not(.public-lot) .sidebar .brand img{display:block!important;width:auto!important;max-width:210px!important;height:78px!important;object-fit:contain!important;object-position:center!important;margin:0 auto!important} @media(max-width:650px){body:not(.public-lot) .sidebar .brand{height:88px!important;min-height:88px!important;padding:4px 8px 8px!important}body:not(.public-lot) .sidebar .brand img{height:68px!important;max-width:190px!important}}

/* Página pública de lote — visual premium azul */
.public-lot{background:#f7f9fc!important;color:#0f2447}
.public-lot main{margin-left:0!important}
.public-lot #app{max-width:1540px!important;padding:0 28px 48px!important}
.public-auction-header{height:76px;display:grid;grid-template-columns:250px minmax(260px,470px) 1fr auto;align-items:center;gap:28px;background:#fff;border-bottom:1px solid #e8edf5;margin:0 -28px;padding:0 max(28px,calc((100vw - 1484px)/2));position:sticky;top:0;z-index:20;box-shadow:0 4px 18px rgba(16,63,133,.04)}
.public-auction-logo img{display:block;width:205px;height:58px;object-fit:contain}
.public-auction-search{height:46px;border:1px solid #dce4ef;border-radius:9px;background:#f6f8fb;display:flex;align-items:center;gap:10px;padding:0 15px;color:#4b617f;font-size:14px}
.public-auction-search:first-letter{font-size:22px;color:#134dab}
.public-auction-nav{display:flex;align-items:center;gap:28px;justify-content:center}
.public-auction-nav a,.public-account-link{color:#0c2044;text-decoration:none;font-weight:750;font-size:14px}
.public-account-link{padding:12px 15px;border-radius:999px;background:#eef4ff;color:#0d4eae}
.public-auction-breadcrumb{height:62px;display:flex;align-items:center;gap:12px;color:#62738e;font-size:13px}
.public-auction-breadcrumb a{color:#476384;text-decoration:none}
.public-auction-breadcrumb b{color:#10254d}
.public-auction-breadcrumb button{margin-left:auto;border:0;background:transparent;color:#174f9e;font-weight:750;cursor:pointer}
.public-lot .public-auction-layout{grid-template-columns:minmax(0,1.65fr) minmax(390px,.95fr)!important;gap:24px!important;align-items:start}
.public-lot .public-lot-card{padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;position:relative;overflow:visible!important}
.public-media-shell{position:relative;background:#fff;border:1px solid #e7edf5;border-radius:18px;overflow:hidden;box-shadow:0 14px 40px rgba(19,77,160,.07)}
.public-lot .public-media-shell .hero-img,.public-lot .public-media-shell .hero-photo{height:540px!important;margin:0!important;border-radius:0!important;background:#f5f7fa!important;object-fit:contain!important}
.public-live-badge{position:absolute;z-index:3;left:20px;top:18px;padding:8px 12px;border-radius:999px;background:#ff3038;color:#fff;font-size:13px;font-weight:900;letter-spacing:.02em;box-shadow:0 8px 18px rgba(255,48,56,.25)}
.public-lot-info{margin-top:14px;background:#fff;border:1px solid #e7edf5;border-radius:18px;padding:22px 24px;box-shadow:0 10px 28px rgba(19,77,160,.05)}
.public-lot-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:28px}
.public-lot-heading small{font-size:11px;font-weight:900;color:#6b7e99}
.public-lot-heading h2{margin:4px 0 0!important;font-size:29px!important;line-height:1.16;letter-spacing:-.03em;color:#0d2150}
.public-valuation{min-width:190px;padding-left:24px;border-left:1px solid #e3e9f2;text-align:right;display:grid;gap:4px}
.public-valuation span{font-size:13px;color:#64748b}
.public-valuation b{font-size:24px;color:#102652}
.public-description{margin-top:20px;padding-top:18px;border-top:1px solid #edf1f6}
.public-description h3{font-size:16px;margin:0 0 9px;color:#102652}
.public-description p{margin:0!important;color:#4f6078!important;line-height:1.65}
.public-lot .public-lot-info>.whatsapp{margin:18px 0 0!important;background:#25D366!important}
.public-bid-column{display:grid;gap:16px;align-self:start}
.public-lot .public-bid-column .bidbox{position:sticky;top:92px;padding:28px 30px!important;border:1px solid #e4eaf3!important;border-radius:18px!important;box-shadow:0 14px 38px rgba(19,77,160,.075)!important;text-align:left!important}
.public-lot .bidbox>small{font-size:12px;color:#65758e!important}
.public-lot .bigprice{font-size:62px!important;line-height:1;color:#0752b9!important;margin:12px 0 10px!important;letter-spacing:-.045em}
.public-next-bid{font-size:15px;color:#64748b;margin:0 0 9px}
.public-next-bid b{color:#0752b9;font-size:17px}
.public-leader{font-size:14px;color:#4d5f79;margin:0}
.public-leader b{color:#17253f}
.public-lot .bidbox hr{margin:22px 0 16px!important;border-top-color:#e7edf5!important}
.public-time-box{padding:14px 18px;background:linear-gradient(180deg,#f1fbf6,#edf9f3);border-radius:14px;text-align:center}
.public-time-box small{display:block;color:#119b51;font-weight:900;font-size:13px}
.public-lot .public-time-box .bigtime{font-size:38px!important;color:#0ba34e!important;line-height:1;margin:8px 0 6px}
.public-time-box span{font-size:12px;color:#718078}
.public-lot .register-call,.public-lot .logged{margin-top:14px!important}
.public-lot .public-slide-bid{height:72px!important;margin-top:14px!important;border-radius:36px!important;background:linear-gradient(90deg,#0564e8,#2487ff)!important;color:#fff!important;border:0!important;display:grid;grid-template-columns:56px 1fr 42px;align-items:center;gap:10px;padding:8px 12px 8px 8px!important;box-shadow:0 12px 25px rgba(14,97,224,.23)!important}
.slide-circle{width:54px;height:54px;border-radius:50%;background:#fff;color:#0d63df;display:grid;place-items:center;font-size:34px;font-weight:400}
.public-slide-bid>span:nth-child(2){font-size:15px;font-weight:850;text-align:center}
.slide-gavel{font-size:22px;text-align:center}
.public-lot .public-bid-history{width:100%!important;margin:0!important;padding:20px 22px!important;border:1px solid #e4eaf3!important;border-radius:18px!important;box-shadow:0 10px 28px rgba(19,77,160,.06)!important}
.history-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:6px}
.history-head h3{font-size:17px;margin:0!important;color:#102652}
.history-head span{font-size:11px;color:#3d6fb2}
.public-bid-history .row{padding:11px 10px!important;border-bottom:1px solid #edf1f6!important}
.public-bid-history .row b{color:#17253f}
.public-bid-history .leader-row{background:#e9f2ff;border-radius:9px;border-bottom:0!important;color:#0c4fae}
.public-bid-history .leader-row b{color:#0752b9}
@media(max-width:1100px){
  .public-auction-header{grid-template-columns:210px 1fr auto;gap:16px}.public-auction-nav{display:none}
  .public-lot .public-auction-layout{grid-template-columns:1fr!important}
  .public-bid-column{grid-template-columns:1fr 1fr}.public-lot .public-bid-column .bidbox{position:static}
}
@media(max-width:760px){
  .public-lot #app{padding:0 12px 30px!important}
  .public-auction-header{height:64px;margin:0 -12px;padding:0 14px;grid-template-columns:1fr auto}.public-auction-logo img{width:155px;height:48px}.public-auction-search{display:none}.public-account-link{font-size:12px}
  .public-auction-breadcrumb{height:52px;font-size:12px}.public-auction-breadcrumb a:nth-of-type(2),.public-auction-breadcrumb span:nth-of-type(1){display:none}
  .public-lot .public-media-shell .hero-img,.public-lot .public-media-shell .hero-photo{height:330px!important}
  .public-lot-info{padding:18px 16px}.public-lot-heading{display:grid;gap:14px}.public-lot-heading h2{font-size:23px!important}.public-valuation{min-width:0;padding:12px 0 0;border-left:0;border-top:1px solid #edf1f6;text-align:left}
  .public-bid-column{grid-template-columns:1fr}.public-lot .public-bid-column .bidbox{padding:22px 18px!important}.public-lot .bigprice{font-size:46px!important}
  .public-lot .public-slide-bid{grid-template-columns:50px 1fr 34px;height:66px!important}.slide-circle{width:48px;height:48px}.public-slide-bid>span:nth-child(2){font-size:13px}
}


/* Lance por gesto: arrastar para confirmar */
.public-slide-bid{
  position:relative;
  overflow:hidden;
  width:100%;
  min-height:72px;
  margin-top:14px;
  border-radius:22px;
  background:linear-gradient(90deg,#18c86b,#16b85f);
  color:#fff;
  display:block;
  user-select:none;
  -webkit-user-select:none;
  touch-action:none;
  cursor:default;
  box-shadow:0 12px 25px rgba(24,184,93,.22);
}
.public-lot .public-slide-bid{
  background:linear-gradient(90deg,#0564e8,#2487ff)!important;
  border-radius:36px!important;
  min-height:72px!important;
}
.slide-fill{
  position:absolute;
  inset:0 auto 0 0;
  width:70px;
  background:rgba(255,255,255,.13);
  border-radius:inherit;
  pointer-events:none;
}
.slide-circle{
  position:absolute;
  left:8px;
  top:50%;
  width:56px;
  height:56px;
  border-radius:50%;
  background:#fff;
  color:#1162d8;
  display:grid;
  place-items:center;
  font-size:34px;
  font-weight:800;
  line-height:1;
  transform:translate3d(0,-50%,0);
  box-shadow:0 5px 14px rgba(0,0,0,.18);
  cursor:grab;
  z-index:3;
  touch-action:none;
  will-change:transform;
}
.public-slide-bid.dragging .slide-circle{cursor:grabbing;box-shadow:0 7px 20px rgba(0,0,0,.24)}
.slide-label{
  position:absolute;
  inset:0 64px 0 74px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-size:16px;
  font-weight:850;
  line-height:1.2;
  pointer-events:none;
  z-index:1;
  transition:opacity .12s linear;
}
.slide-gavel{
  position:absolute;
  right:18px;
  top:50%;
  transform:translateY(-50%);
  font-size:22px;
  pointer-events:none;
  z-index:1;
}
.public-slide-bid:before{
  content:"› › ›";
  position:absolute;
  left:76px;
  top:50%;
  transform:translateY(-50%);
  color:rgba(255,255,255,.45);
  font-size:19px;
  letter-spacing:5px;
  animation:jpSlideHint 1.25s ease-in-out infinite;
  pointer-events:none;
}
.public-slide-bid.confirmed{filter:saturate(1.08)}
.public-slide-bid.confirmed:after{
  content:"✓";
  position:absolute;
  right:22px;
  top:50%;
  transform:translateY(-50%);
  font-size:24px;
  font-weight:900;
}
.public-slide-bid.confirmed .slide-gavel{opacity:0}
@keyframes jpSlideHint{
  0%,100%{opacity:.25;transform:translate(0,-50%)}
  50%{opacity:.8;transform:translate(8px,-50%)}
}
@media(max-width:760px){
  .public-slide-bid{min-height:66px;border-radius:20px}
  .public-lot .public-slide-bid{min-height:66px!important}
  .slide-circle{width:50px;height:50px;font-size:30px}
  .slide-label{inset:0 50px 0 66px;font-size:13px}
  .slide-gavel{right:14px;font-size:19px}
  .public-slide-bid:before{left:64px;font-size:16px;letter-spacing:3px}
}
@media(prefers-reduced-motion:reduce){
  .public-slide-bid:before{animation:none}
}


/* Dashboard profissional */
body:not(.public-lot) #app{max-width:1500px}
.dash-welcome{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:4px 2px 20px}
.dash-welcome h2{margin:4px 0 6px;font-size:28px;letter-spacing:-.03em;color:#10251b}
.dash-welcome p{margin:0;color:#6d7d74}
.dash-eyebrow{display:inline-block;font-size:11px;font-weight:900;letter-spacing:.13em;color:#11834b}
.dash-top-actions,.dash-actions{display:flex;gap:10px;flex-wrap:wrap}
.dash-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}
.dash-metric{position:relative;display:flex;align-items:flex-start;gap:14px;padding:22px;border:1px solid #e2eae5;border-radius:20px;background:linear-gradient(145deg,#fff,#fbfefc);box-shadow:0 14px 34px rgba(10,55,36,.06);overflow:hidden}
.dash-metric:after{content:"";position:absolute;right:-34px;top:-40px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(24,200,107,.16),rgba(24,200,107,0) 68%)}
.dash-metric-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#e8f8ef;color:#0f8a4d;font-weight:900;font-size:20px;flex:0 0 auto}
.dash-metric small{display:block;color:#718078;font-size:11px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.dash-metric h3{margin:7px 0 5px;font-size:30px;line-height:1;color:#0f251a;letter-spacing:-.035em}
.dash-metric span{font-size:12px;color:#557064}
.dash-main-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.75fr);gap:18px;margin-bottom:18px}
.dash-bottom-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:18px}
.dash-live-panel,.dash-quick-panel,.dash-activity,.dash-health{border-radius:20px!important;border:1px solid #e2eae5!important;box-shadow:0 14px 34px rgba(10,55,36,.055)!important}
.dash-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.dash-panel-head h3{margin:5px 0 0;font-size:21px;color:#10251b}
.dash-live-pill{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:#e7f8ee;color:#0b8a48;font-size:11px;font-weight:900;letter-spacing:.04em}
.dash-countdown{display:grid;justify-items:end;gap:4px;padding:10px 12px;border-radius:14px;background:#f3f8f5}
.dash-countdown small{font-size:10px;font-weight:850;color:#76857d}
.dash-countdown b{font-size:20px;color:#12864c;letter-spacing:.02em}
.dash-auction-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}
.dash-auction-stats>div{padding:15px;border-radius:14px;background:#f7faf8;border:1px solid #edf2ef}
.dash-auction-stats small{display:block;color:#738179;font-size:11px;margin-bottom:5px}
.dash-auction-stats b{font-size:18px;color:#14271d}
.dash-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dash-quick-grid button{appearance:none;border:1px solid #e2eae5;border-radius:14px;background:#fbfdfc;padding:14px;text-align:left;display:grid;gap:5px;cursor:pointer;transition:.18s ease}
.dash-quick-grid button:hover{transform:translateY(-2px);border-color:#bfe7cf;box-shadow:0 8px 20px rgba(11,105,59,.08)}
.dash-quick-grid button span{font-size:21px;color:#16a35c}
.dash-quick-grid button b{font-size:14px;color:#172a20}
.dash-quick-grid button small{font-size:11px;color:#7b8a82;line-height:1.35}
.dash-activity-list{display:grid}
.dash-activity-item{display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #edf2ef}
.dash-activity-item:last-child{border-bottom:0}
.dash-activity-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#edf8f2;color:#11834b;font-weight:900}
.dash-activity-icon.paid{background:#eaf4ff;color:#1c68bd}
.dash-activity-icon.win{background:#fff7df;color:#a66e00}
.dash-activity-icon.participant{background:#f2ecff;color:#7253b9}
.dash-activity-item b{font-size:13px;color:#14271d}
.dash-activity-item p{margin:3px 0 0;color:#697970;font-size:12px}
.dash-activity-item time{font-size:11px;color:#8a9690;white-space:nowrap}
.dash-text-btn{border:0;background:transparent;color:#13804a;font-weight:800;cursor:pointer}
.dash-empty{padding:20px;border-radius:14px;background:#f8faf9;color:#75827c;font-size:13px}
.dash-health{align-self:start}
.dash-health-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #edf2ef}
.dash-health-row:last-child{border-bottom:0}
.dash-health-row span{display:flex;align-items:center;gap:9px;color:#50645a}
.dash-health-row i{width:9px;height:9px;border-radius:50%;background:#1bc66a;box-shadow:0 0 0 4px rgba(27,198,106,.1)}
.dash-health-row i.warn{background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.12)}
.dash-health-row b{color:#14271d}
@media(max-width:1180px){
 .dash-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .dash-main-grid,.dash-bottom-grid{grid-template-columns:1fr}
}
@media(max-width:720px){
 .dash-welcome{align-items:flex-start;flex-direction:column}.dash-welcome h2{font-size:24px}.dash-top-actions{width:100%}.dash-top-actions button{flex:1}
 .dash-metrics{grid-template-columns:1fr}.dash-metric{padding:18px}
 .dash-auction-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .dash-panel-head{align-items:flex-start}.dash-countdown{justify-items:start}
 .dash-quick-grid{grid-template-columns:1fr}
 .dash-activity-item{grid-template-columns:34px 1fr}.dash-activity-item time{grid-column:2}
}


/* =========================================================
   JP LEILÕES — SYSTEM UI V2
   Padronização visual completa do painel
   ========================================================= */
:root{
  --jp-v2-bg:#f6f8f7;
  --jp-v2-surface:#ffffff;
  --jp-v2-surface-soft:#f9fbfa;
  --jp-v2-forest:#071d15;
  --jp-v2-forest-2:#0b2b20;
  --jp-v2-green:#18c86b;
  --jp-v2-green-2:#12ad59;
  --jp-v2-green-soft:#e9f9f0;
  --jp-v2-text:#12231a;
  --jp-v2-muted:#6d7f75;
  --jp-v2-line:#e3ebe6;
  --jp-v2-danger:#c2413b;
  --jp-v2-warning:#a66b06;
  --jp-v2-radius:18px;
  --jp-v2-shadow:0 12px 32px rgba(11,48,32,.07);
  --jp-v2-shadow-hover:0 18px 42px rgba(11,48,32,.11);
}

body:not(.public-lot){
  background:
    radial-gradient(circle at 78% -10%,rgba(24,200,107,.055),transparent 23%),
    var(--jp-v2-bg);
}

/* Estrutura */
body:not(.public-lot) .sidebar{
  width:278px;
  padding:18px 14px 16px;
  background:linear-gradient(180deg,#061b13 0%,#09271c 72%,#0b2d20 100%);
  border-right:1px solid rgba(255,255,255,.055);
  box-shadow:18px 0 50px rgba(5,27,19,.09);
}
body:not(.public-lot) main{margin-left:278px}
body:not(.public-lot) .sidebar .brand{
  height:92px!important;
  min-height:92px!important;
  margin:0 6px 14px!important;
  border-bottom:1px solid rgba(255,255,255,.075);
}
body:not(.public-lot) #nav{gap:4px}
body:not(.public-lot) #nav button{
  position:relative;
  min-height:44px;
  padding:11px 13px;
  border-radius:12px;
  font-size:13.5px;
  font-weight:720;
  letter-spacing:.005em;
  color:#bfd0c7;
}
body:not(.public-lot) #nav button:before{
  content:"";
  position:absolute;
  left:0;
  top:10px;
  bottom:10px;
  width:3px;
  border-radius:99px;
  background:transparent;
}
body:not(.public-lot) #nav button:hover{
  background:rgba(255,255,255,.055);
  color:#fff;
  transform:none;
}
body:not(.public-lot) #nav button.active{
  color:#fff;
  background:linear-gradient(90deg,rgba(30,108,72,.54),rgba(22,69,48,.55));
  box-shadow:inset 0 0 0 1px rgba(59,226,132,.08);
}
body:not(.public-lot) #nav button.active:before{background:var(--jp-v2-green)}
body:not(.public-lot) .nav-parent .chev{opacity:.72}
body:not(.public-lot) .nav-submenu{
  margin:3px 0 6px 20px!important;
  padding-left:11px!important;
  border-left:1px solid rgba(49,214,117,.22)!important;
}
body:not(.public-lot) .nav-submenu button{
  min-height:35px!important;
  padding:8px 11px!important;
  font-size:12.5px!important;
  border-radius:10px!important;
}
body:not(.public-lot) .store{
  margin-top:18px;
  padding:14px;
  border-radius:14px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.075);
}
body:not(.public-lot) .store small{letter-spacing:.12em;color:#799789}
body:not(.public-lot) .store strong{font-size:13px}
body:not(.public-lot) .store span{font-size:10.5px;color:#4bdd93}

/* Topbar */
body:not(.public-lot) header{
  min-height:88px;
  height:auto;
  padding:17px 32px;
  background:rgba(255,255,255,.93);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(220,231,225,.92);
  box-shadow:0 4px 22px rgba(16,48,33,.025);
}
body:not(.public-lot) header>div:first-of-type{min-width:0}
body:not(.public-lot) header h1{
  color:#102219;
  font-size:24px;
  font-weight:850;
  letter-spacing:-.035em;
}
body:not(.public-lot) header p{
  margin-top:4px;
  color:#75857c;
  font-size:12.5px;
}
body:not(.public-lot) .user{
  gap:8px;
  margin-left:auto;
}
body:not(.public-lot) .user>span{
  max-width:260px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid #e5ece8;
  background:#fafcfb;
  color:#42564b;
  font-size:12px;
}
body:not(.public-lot) .user>b{
  width:36px;height:36px;
  border-radius:12px;
  background:linear-gradient(145deg,#d9f9e5,#c8f1d7);
  color:#0c8144;
}
body:not(.public-lot) .logout-btn{
  min-height:36px;
  border-radius:10px;
  font-size:12px;
  padding:8px 11px;
  color:#52655a;
  background:#fff;
}

/* Conteúdo */
body:not(.public-lot) #app{
  max-width:1580px;
  padding:28px 32px 52px;
}
body:not(.public-lot) .panel,
body:not(.public-lot) .card,
body:not(.public-lot) .auction-head,
body:not(.public-lot) .lot-main,
body:not(.public-lot) .bidbox,
body:not(.public-lot) .wallet-card{
  border:1px solid var(--jp-v2-line)!important;
  background:var(--jp-v2-surface)!important;
  border-radius:var(--jp-v2-radius)!important;
  box-shadow:var(--jp-v2-shadow)!important;
}
body:not(.public-lot) .panel{
  padding:22px;
}
body:not(.public-lot) .panel+.panel{margin-top:16px}
body:not(.public-lot) .panel h2,
body:not(.public-lot) .panel h3{
  color:var(--jp-v2-text);
  letter-spacing:-.025em;
}
body:not(.public-lot) .panel h2{font-size:24px}
body:not(.public-lot) .panel h3{font-size:18px;margin:0 0 14px}
body:not(.public-lot) .muted{color:var(--jp-v2-muted)!important;line-height:1.55}
body:not(.public-lot) .row{
  gap:18px;
  padding:14px 0;
  border-color:#edf2ef!important;
}
body:not(.public-lot) .row>span:first-child{color:#53665c}
body:not(.public-lot) .row>b{color:#15271e}

/* Cards e KPIs */
body:not(.public-lot) .cards,
body:not(.public-lot) .wallet-grid,
body:not(.public-lot) .winner-summary,
body:not(.public-lot) .history-summary{
  gap:14px!important;
}
body:not(.public-lot) .card,
body:not(.public-lot) .wallet-card{
  min-height:124px;
  padding:19px!important;
}
body:not(.public-lot) .card small,
body:not(.public-lot) .wallet-card small{
  color:#74847b!important;
  font-size:10.5px!important;
  font-weight:850!important;
  text-transform:uppercase;
  letter-spacing:.075em;
}
body:not(.public-lot) .card h2,
body:not(.public-lot) .wallet-card h2{
  margin:11px 0 5px!important;
  font-size:28px!important;
  line-height:1.05;
  color:#102219!important;
}
body:not(.public-lot) .card:hover,
body:not(.public-lot) .wallet-card:hover{
  transform:translateY(-2px);
  box-shadow:var(--jp-v2-shadow-hover)!important;
}

/* Botões */
body:not(.public-lot) button,
body:not(.public-lot) a{ -webkit-tap-highlight-color:transparent }
body:not(.public-lot) .primary,
body:not(.public-lot) .bidbtn{
  min-height:42px;
  padding:11px 16px;
  border-radius:11px!important;
  background:linear-gradient(135deg,var(--jp-v2-green),var(--jp-v2-green-2))!important;
  color:#fff!important;
  border:0!important;
  font-weight:800;
  box-shadow:0 8px 20px rgba(24,184,93,.18)!important;
}
body:not(.public-lot) .primary:hover,
body:not(.public-lot) .bidbtn:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 25px rgba(24,184,93,.24)!important;
}
body:not(.public-lot) .ghost{
  min-height:42px;
  padding:10px 15px;
  border-radius:11px!important;
  border:1px solid #dce6e0!important;
  background:#fff!important;
  color:#324b3f;
  font-weight:750;
  cursor:pointer;
}
body:not(.public-lot) .ghost:hover{background:#f8fbf9!important;border-color:#cbd9d1!important}
body:not(.public-lot) .whatsapp{
  border-radius:11px!important;
  background:#21c866!important;
  font-weight:800;
  box-shadow:0 8px 18px rgba(37,211,102,.16);
}
body:not(.public-lot) .mini{min-height:34px;padding:7px 10px}

/* Toolbars */
body:not(.public-lot) .toolbar{
  gap:14px;
  margin-bottom:16px;
  padding:14px;
  background:#fff;
  border:1px solid var(--jp-v2-line);
  border-radius:15px;
  box-shadow:0 8px 24px rgba(11,48,32,.04);
}
body:not(.public-lot) .search{flex:1;min-width:220px;max-width:480px}

/* Inputs e formulários */
body:not(.public-lot) input,
body:not(.public-lot) select,
body:not(.public-lot) textarea{
  width:auto;
  min-height:44px;
  border:1px solid #dce6e0;
  border-radius:11px;
  padding:10px 13px;
  background:#fff;
  color:#16271f;
  outline:none;
  box-shadow:0 1px 0 rgba(0,0,0,.01);
  transition:border-color .15s,box-shadow .15s,background .15s;
}
body:not(.public-lot) input:focus,
body:not(.public-lot) select:focus,
body:not(.public-lot) textarea:focus{
  border-color:#6fd69a;
  box-shadow:0 0 0 4px rgba(24,200,107,.09);
  background:#fff;
}
body:not(.public-lot) label{
  color:#344a3e;
  font-size:12px;
  font-weight:750;
}
body:not(.public-lot) label small{color:#7d8c84}
body:not(.public-lot) .grid2{gap:14px}

/* Tabelas */
body:not(.public-lot) table{
  border-collapse:separate!important;
  border-spacing:0!important;
  overflow:hidden;
  border:1px solid var(--jp-v2-line)!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(11,48,32,.045)!important;
}
body:not(.public-lot) th{
  padding:12px 14px!important;
  background:#f7faf8!important;
  border-bottom:1px solid #e7eee9!important;
  color:#708077!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.07em;
  text-transform:uppercase;
}
body:not(.public-lot) td{
  padding:14px!important;
  border-bottom:1px solid #edf2ef!important;
  color:#2d4237;
  vertical-align:middle;
}
body:not(.public-lot) tbody tr:hover td{background:#fbfdfc}
body:not(.public-lot) tbody tr:last-child td{border-bottom:0!important}
body:not(.public-lot) .thumb{
  width:58px;
  height:46px;
  border-radius:9px;
  border:1px solid #e7ece9;
  background:#f7faf8;
}

/* Badges */
body:not(.public-lot) .badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:5px 9px;
  border-radius:999px!important;
  background:var(--jp-v2-green-soft)!important;
  color:#0e8043!important;
  border:1px solid #d5f0df!important;
  font-size:10.5px!important;
  font-weight:850!important;
}
body:not(.public-lot) .warn,
body:not(.public-lot) .badge.warn{
  background:#fff6e8!important;
  color:#956008!important;
  border-color:#f2dfb7!important;
}

/* Catálogo / produtos */
body:not(.public-lot) .catalog{
  gap:14px;
  margin-top:16px;
}
body:not(.public-lot) .product{
  border-radius:16px!important;
  border:1px solid var(--jp-v2-line)!important;
  background:#fff;
  box-shadow:0 8px 24px rgba(11,48,32,.055)!important;
  transition:.18s ease;
}
body:not(.public-lot) .product:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 34px rgba(11,48,32,.10)!important;
}
body:not(.public-lot) .product .photo,
body:not(.public-lot) .product .lot-img{
  height:145px;
  background:#f6f9f7;
}
body:not(.public-lot) .product>div:last-child{padding:13px!important}
body:not(.public-lot) .product small{
  color:#6f8077;
  font-size:9.5px;
  font-weight:850;
  letter-spacing:.06em;
}
body:not(.public-lot) .product h3{
  margin:6px 0 8px;
  color:#172920;
  font-size:14px;
}
body:not(.public-lot) .product p{color:#74847b!important}
body:not(.public-lot) .product .price{
  color:#11884a;
  font-size:20px;
  letter-spacing:-.02em;
}
body:not(.public-lot) .product .timer{
  padding:7px 9px;
  border-radius:9px;
  background:#f0f8f4;
  color:#11864a;
  text-align:center;
}

/* Modal */
body:not(.public-lot) dialog{
  width:min(560px,calc(100vw - 30px));
  max-height:calc(100dvh - 30px);
  padding:0;
  border:1px solid #dfe8e3!important;
  border-radius:20px!important;
  overflow:auto;
  box-shadow:0 26px 80px rgba(5,27,19,.28)!important;
}
body:not(.public-lot) dialog::backdrop{
  background:rgba(4,26,18,.62)!important;
  backdrop-filter:blur(4px);
}
body:not(.public-lot) #lotForm,
body:not(.public-lot) #registerForm{
  gap:15px;
  padding:22px;
}
body:not(.public-lot) .modal-head{
  align-items:center;
  padding-bottom:12px;
  border-bottom:1px solid #edf2ef;
}
body:not(.public-lot) .modal-head h2{
  font-size:22px;
  letter-spacing:-.03em;
  color:#12241b;
}
body:not(.public-lot) .modal-head button{
  width:34px;height:34px;
  border-radius:10px;
  display:grid;
  place-items:center;
  color:#607168;
  background:#f6f9f7;
  cursor:pointer;
}

/* Configurações, plano e carteira */
body:not(.public-lot) #mpConnectionPanel,
body:not(.public-lot) #clientFeePanel{
  position:relative;
  overflow:hidden;
}
body:not(.public-lot) #mpConnectionPanel:before,
body:not(.public-lot) #clientFeePanel:before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:3px;
  background:linear-gradient(90deg,var(--jp-v2-green),#76e6a6);
}
body:not(.public-lot) .wallet-note{
  border-radius:13px!important;
  background:#f7faf8!important;
  border:1px solid #e4ece7!important;
  color:#5a6e63!important;
}
body:not(.public-lot) .wallet-table-wrap,
body:not(.public-lot) .history-table-wrap,
body:not(.public-lot) .winner-table-wrap{overflow:auto}

/* Arrematantes/compradores */
body:not(.public-lot) .winner-send-panel{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  background:linear-gradient(135deg,#f7fcf9,#eef9f3)!important;
}
body:not(.public-lot) .winner-send-main{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 14px;
  border-radius:11px;
  text-decoration:none;
  background:#20c866;
  color:#fff;
  font-weight:850;
  white-space:nowrap;
}
body:not(.public-lot) .winner-actions{display:flex;gap:7px;flex-wrap:wrap}
body:not(.public-lot) .winner-notify{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:7px 9px;
  border-radius:9px;
  text-decoration:none;
  font-size:11px;
  font-weight:800;
  border:1px solid #dfe8e3;
  background:#fff;
}
body:not(.public-lot) .winner-notify.whatsapp{background:#eafaf0;color:#158448;border-color:#d4efdf}

/* Estado vazio */
body:not(.public-lot) .panel>p:only-child,
body:not(.public-lot) .dash-empty{
  color:#75847c;
}

/* Mobile */
@media(max-width:900px){
  body:not(.public-lot) .sidebar{width:278px}
  body:not(.public-lot) main{margin-left:278px}
  body:not(.public-lot) .catalog{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
  body:not(.public-lot) .sidebar{
    width:min(84vw,300px);
    padding:12px;
    z-index:30;
  }
  body:not(.public-lot) .sidebar .brand{
    height:78px!important;
    min-height:78px!important;
  }
  body:not(.public-lot) main{margin-left:0}
  body:not(.public-lot) header{
    min-height:72px;
    padding:12px 14px;
    gap:10px;
  }
  body:not(.public-lot) header h1{font-size:19px}
  body:not(.public-lot) header p{font-size:11px}
  body:not(.public-lot) #menu{
    display:grid;
    place-items:center;
    width:38px;height:38px;
    border-radius:11px;
    background:#f3f7f5;
    color:#18392a;
  }
  body:not(.public-lot) .logout-btn{display:none}
  body:not(.public-lot) #app{padding:18px 12px 36px}
  body:not(.public-lot) .toolbar{padding:11px}
  body:not(.public-lot) .search{max-width:none;width:100%}
  body:not(.public-lot) .catalog{grid-template-columns:1fr!important}
  body:not(.public-lot) .product .photo,
  body:not(.public-lot) .product .lot-img{height:190px}
  body:not(.public-lot) .grid2{grid-template-columns:1fr!important}
  body:not(.public-lot) .winner-send-panel{align-items:stretch;flex-direction:column}
  body:not(.public-lot) .winner-send-main{width:100%}
  body:not(.public-lot) table{min-width:720px}
  body:not(.public-lot) dialog{width:calc(100vw - 18px)}
  body:not(.public-lot) #lotForm,
  body:not(.public-lot) #registerForm{padding:18px}
}


/* Guia inicial do vendedor */
.seller-guide{margin:0 0 18px;padding:20px;border:1px solid #dcebe3;border-radius:18px;background:linear-gradient(135deg,#ffffff,#f4fbf7);box-shadow:0 12px 30px rgba(10,55,36,.055)}
.seller-guide-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.seller-guide-head small{color:#11834b;font-size:10px;font-weight:900;letter-spacing:.12em}
.seller-guide-head h3{margin:5px 0 4px;font-size:20px;color:#12251b}
.seller-guide-head p{margin:0;color:#718078;font-size:13px}
.seller-guide-close{width:34px;height:34px;border:1px solid #e0e8e3;border-radius:10px;background:#fff;color:#607168;font-size:20px;cursor:pointer}
.seller-guide-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.seller-guide-steps button{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid #e3ebe6;border-radius:14px;background:#fff;text-align:left;cursor:pointer}
.seller-guide-steps button:hover{border-color:#bfe6cf;box-shadow:0 8px 20px rgba(12,91,53,.06)}
.seller-guide-steps button>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:#e9f9f0;color:#118149;font-weight:900}
.seller-guide-steps button.done>span{background:#18c86b;color:#fff}
.seller-guide-steps b{display:block;color:#182a21;font-size:13px}
.seller-guide-steps small{display:block;color:#7b8982;font-size:11px;line-height:1.35;margin-top:3px}

/* Confiança e compartilhamento da oferta pública */
.public-seller-card{margin-top:18px;padding:14px 16px;border:1px solid #e4eaf3;border-radius:14px;background:#f8fbff;display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center}
.public-seller-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e8f8ef;color:#0b914c;font-weight:900}
.public-seller-card small{display:block;color:#6f7f96;font-size:10px;font-weight:900;letter-spacing:.08em}
.public-seller-card b{display:block;color:#13284c;font-size:15px;margin:2px 0}
.public-seller-card span{display:block;color:#6b7890;font-size:12px}
.public-seller-card>strong{padding:6px 9px;border-radius:999px;background:#e8f8ef;color:#0c8245;font-size:10px}
.public-rules{margin-top:18px;padding-top:18px;border-top:1px solid #edf1f6}
.public-rules h3{margin:0 0 10px;color:#102652;font-size:15px}
.public-rules>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.public-rules span{padding:10px 12px;border-radius:10px;background:#f7f9fc;color:#53647c;font-size:12px;line-height:1.4}
.public-share-actions{display:flex;gap:10px;margin-top:18px}
.public-share-actions .whatsapp,.public-copy-link{flex:1;min-height:44px;border-radius:11px;font-weight:800;cursor:pointer}
.public-copy-link{border:1px solid #dbe4ef;background:#fff;color:#174f9e}
.public-floating-whatsapp{position:fixed;right:22px;bottom:22px;z-index:30;width:58px;height:58px;border-radius:50%;border:0;background:#25d366;color:#fff;font-size:25px;box-shadow:0 14px 30px rgba(37,211,102,.28);cursor:pointer}
@media(max-width:900px){.seller-guide-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){
  .seller-guide{padding:16px}
  .seller-guide-steps{grid-template-columns:1fr}
  .public-rules>div{grid-template-columns:1fr}
  .public-share-actions{flex-direction:column}
  .public-seller-card{grid-template-columns:36px 1fr}
  .public-seller-card>strong{grid-column:2;justify-self:start}
  .public-floating-whatsapp{right:14px;bottom:14px;width:54px;height:54px}
}


/* Dashboard mais limpo */
.dash-compact-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.dash-compact-metrics article{padding:16px 17px;border:1px solid #e4ebe7;border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(11,48,32,.045)}
.dash-compact-metrics small{display:block;color:#76857d;font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.dash-compact-metrics b{display:block;margin:6px 0 3px;color:#12241b;font-size:25px;line-height:1.05;letter-spacing:-.03em}
.dash-compact-metrics span{font-size:11px;color:#74827a}

.dash-focus-sale{padding:22px!important;margin-bottom:16px}
.dash-focus-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.dash-focus-head h2{margin:7px 0 5px;font-size:23px}
.dash-focus-head p{margin:0;color:#718078;font-size:13px}
.dash-focus-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:20px 0 16px;border:1px solid #edf2ef;border-radius:14px;overflow:hidden;background:#fafcfb}
.dash-focus-stats>div{padding:14px 16px}
.dash-focus-stats>div+div{border-left:1px solid #edf2ef}
.dash-focus-stats span{display:block;color:#74827a;font-size:11px;margin-bottom:4px}
.dash-focus-stats b{font-size:18px;color:#14271d}
.dash-focus-actions{display:flex;gap:9px;flex-wrap:wrap}
.dash-focus-actions .primary,.dash-focus-actions .ghost,.dash-focus-actions .whatsapp{min-height:40px;padding:9px 14px}

.dash-clean-activity{padding:20px 22px!important}
.dash-clean-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px}
.dash-clean-head small{color:#11834b;font-size:10px;font-weight:900;letter-spacing:.11em}
.dash-clean-head h3{margin:4px 0 0!important;font-size:18px!important}
.dash-clean-activity .dash-activity-item{padding:10px 0}
.dash-clean-activity .dash-activity-icon{width:32px;height:32px;border-radius:10px}
.dash-clean-activity .dash-activity-item p{margin-top:2px}
.dash-clean-activity .dash-activity-item time{font-size:10px}

/* Menu lateral simplificado */
.nav-secondary-group{display:flex;flex-direction:column}
.nav-secondary-toggle{display:flex!important;align-items:center;justify-content:space-between}
.nav-secondary-toggle>span{font-size:11px;opacity:.7;transition:.18s}
.nav-secondary-group.open .nav-secondary-toggle>span{transform:rotate(180deg)}
.nav-secondary-body{display:none;flex-direction:column;gap:3px;margin:3px 0 0 14px;padding-left:10px;border-left:1px solid rgba(75,223,137,.2)}
.nav-secondary-group.open .nav-secondary-body{display:flex}
.nav-secondary-body button{min-height:36px!important;padding:8px 11px!important;font-size:12.5px!important;color:#a9bdb2!important}
body:not(.public-lot) .store{margin-top:10px!important;padding:10px 12px!important}
body:not(.public-lot) .store small{font-size:9px!important}
body:not(.public-lot) .store span{font-size:9.5px!important}

@media(max-width:1050px){
 .dash-compact-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
 .dash-compact-metrics{grid-template-columns:1fr 1fr;gap:9px}
 .dash-compact-metrics article{padding:13px}
 .dash-compact-metrics b{font-size:20px}
 .dash-focus-head{flex-direction:column}
 .dash-countdown{justify-items:start}
 .dash-focus-stats{grid-template-columns:1fr 1fr}
 .dash-focus-stats>div:nth-child(3){border-left:0;border-top:1px solid #edf2ef}
 .dash-focus-stats>div:nth-child(4){border-top:1px solid #edf2ef}
 .dash-focus-actions>*{flex:1 1 calc(50% - 9px)}
 .dash-clean-head{align-items:flex-start;flex-direction:column}
}


/* Ajustes finos do dashboard */
.dash-focus-sale{padding:18px 20px!important}
.dash-focus-head h2{font-size:22px!important;margin-top:6px!important}
.dash-focus-stats{margin:16px 0 14px!important}
.dash-focus-stats>div{padding:12px 14px!important}
.dash-focus-actions .whatsapp{
  order:-1;
  background:#20c866!important;
  box-shadow:0 8px 18px rgba(37,211,102,.16)!important;
}
.dash-focus-actions .primary,
.dash-focus-actions .ghost{
  box-shadow:none!important;
}
.dash-clean-head h3{font-size:17px!important}
.dash-clean-activity{padding:18px 20px!important}
body:not(.public-lot) .nav-submenu button{color:#afc1b7!important}

@media(max-width:650px){
  body:not(.public-lot) .sidebar{overflow-y:auto!important;overscroll-behavior:contain!important}
  .nav-secondary-group.open .nav-secondary-body{display:flex!important}
  .nav-secondary-group.open{padding-bottom:8px}
}

#mobileMenuBackdrop{display:none}
@media(max-width:650px){
  #mobileMenuBackdrop{
    position:fixed;
    inset:0;
    z-index:29;
    border:0;
    padding:0;
    margin:0;
    background:rgba(3,18,13,.42);
    backdrop-filter:blur(1.5px);
    opacity:0;
    pointer-events:none;
    transition:opacity .18s ease;
  }
  #mobileMenuBackdrop.show{
    display:block;
    opacity:1;
    pointer-events:auto;
  }
  body:not(.public-lot) .sidebar{z-index:30!important}
}


/* Centraliza o modal de novo produto no celular */
@media(max-width:650px){
  body:not(.public-lot) dialog#modal,
  body:not(.public-lot) dialog#registerModal,
  body:not(.public-lot) dialog#firstAuctionModal{
    position:fixed!important;
    inset:50% auto auto 50%!important;
    transform:translate(-50%,-50%)!important;
    width:min(94vw,520px)!important;
    max-width:94vw!important;
    max-height:88dvh!important;
    margin:0!important;
    padding:0!important;
    border-radius:20px!important;
    overflow:auto!important;
  }
  body:not(.public-lot) dialog#modal form,
  body:not(.public-lot) dialog#registerModal form,
  body:not(.public-lot) dialog#firstAuctionModal form{
    width:100%!important;
    max-width:100%!important;
    padding:18px!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  body:not(.public-lot) dialog input,
  body:not(.public-lot) dialog select,
  body:not(.public-lot) dialog textarea{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  body:not(.public-lot) dialog input[type="file"]{
    display:block!important;
    width:100%!important;
    font-size:14px!important;
    padding:10px!important;
    overflow:hidden!important;
  }
  body:not(.public-lot) dialog .modal-head{
    position:sticky;
    top:0;
    z-index:2;
    background:#fff;
    padding-top:2px;
  }
  body:not(.public-lot) dialog .actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }
  body:not(.public-lot) dialog .actions button{
    width:100%!important;
    min-width:0!important;
  }
}


/* Correção definitiva dos modais no celular */
@media(max-width:650px){
  body:not(.public-lot) dialog[open]{
    position:fixed!important;
    inset:0!important;
    transform:none!important;
    width:calc(100vw - 24px)!important;
    max-width:480px!important;
    height:auto!important;
    max-height:calc(100dvh - 24px)!important;
    margin:auto!important;
    padding:0!important;
    box-sizing:border-box!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    border-radius:18px!important;
  }
  body:not(.public-lot) dialog[open] form{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:18px!important;
    box-sizing:border-box!important;
  }
  body:not(.public-lot) dialog[open] .grid2{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  body:not(.public-lot) dialog[open] label,
  body:not(.public-lot) dialog[open] input,
  body:not(.public-lot) dialog[open] select,
  body:not(.public-lot) dialog[open] textarea{
    min-width:0!important;
    max-width:100%!important;
    width:100%!important;
    box-sizing:border-box!important;
  }
  body:not(.public-lot) dialog[open] input[type="file"]{
    white-space:normal!important;
    overflow:hidden!important;
  }
  body:not(.public-lot) dialog[open] .modal-head{
    width:100%!important;
    box-sizing:border-box!important;
  }
}


/* Produtos: layout realmente responsivo no celular, sem zoom/horizontal */
@media(max-width:650px){
  html,body{max-width:100%;overflow-x:hidden!important}
  body:not(.public-lot) main,
  body:not(.public-lot) header,
  body:not(.public-lot) #app{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  body:not(.public-lot) #app{overflow-x:hidden!important}
  body:not(.public-lot) .toolbar{
    width:100%!important;
    min-width:0!important;
  }
  body:not(.public-lot) .toolbar .search,
  body:not(.public-lot) .toolbar button{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  body:not(.public-lot) #ltable{
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
  }
  body:not(.public-lot) #ltable table{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    border:0!important;
    box-shadow:none!important;
    background:transparent!important;
    overflow:visible!important;
  }
  body:not(.public-lot) #ltable thead{display:none!important}
  body:not(.public-lot) #ltable tbody{
    display:grid!important;
    gap:12px!important;
    width:100%!important;
  }
  body:not(.public-lot) #ltable tr{
    display:grid!important;
    grid-template-columns:68px minmax(0,1fr)!important;
    gap:8px 12px!important;
    width:100%!important;
    padding:14px!important;
    border:1px solid #e3ebe6!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 8px 22px rgba(11,48,32,.05)!important;
    box-sizing:border-box!important;
  }
  body:not(.public-lot) #ltable td{
    display:block!important;
    width:auto!important;
    min-width:0!important;
    padding:0!important;
    border:0!important;
    overflow-wrap:anywhere!important;
  }
  body:not(.public-lot) #ltable td:nth-child(1){
    grid-row:1 / span 4!important;
    grid-column:1!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    font-size:28px!important;
  }
  body:not(.public-lot) #ltable td:nth-child(1) .thumb{
    width:68px!important;
    height:68px!important;
    border-radius:12px!important;
    object-fit:cover!important;
  }
  body:not(.public-lot) #ltable td:nth-child(2){
    grid-column:2!important;
    font-size:14px!important;
    line-height:1.35!important;
  }
  body:not(.public-lot) #ltable td:nth-child(3),
  body:not(.public-lot) #ltable td:nth-child(4){
    grid-column:2!important;
    display:grid!important;
    grid-template-columns:110px minmax(0,1fr)!important;
    gap:8px!important;
    align-items:center!important;
    font-size:13px!important;
  }
  body:not(.public-lot) #ltable td:nth-child(3)::before{
    content:"Avaliação";
    color:#738178;
    font-size:11px;
    font-weight:800;
  }
  body:not(.public-lot) #ltable td:nth-child(4)::before{
    content:"Oferta atual";
    color:#738178;
    font-size:11px;
    font-weight:800;
  }
  body:not(.public-lot) #ltable td:nth-child(5){
    grid-column:2!important;
  }
  body:not(.public-lot) #ltable td:nth-child(6){
    grid-column:1 / -1!important;
    margin-top:4px!important;
  }
  body:not(.public-lot) #ltable td:nth-child(6) .whatsapp{
    width:100%!important;
    min-height:42px!important;
  }
}


/* Acabamento final do menu e dashboard */
body:not(.public-lot) .sidebar .brand{
  height:104px!important;
  min-height:104px!important;
  margin:0 6px 10px!important;
}
body:not(.public-lot) .sidebar .brand img{
  max-width:178px!important;
  max-height:98px!important;
}
.nav-secondary-group:not(.open) .nav-secondary-body{display:none!important}
.nav-secondary-body button{white-space:normal;line-height:1.25}
.dash-focus-sale{margin-bottom:12px!important}
.dash-clean-activity{margin-top:0!important}
@media(max-width:650px){
  .dash-focus-sale{padding:16px!important}
  .dash-focus-head h2{font-size:20px!important}
  .dash-focus-head p{font-size:12px!important;line-height:1.45}
  .dash-focus-stats{margin:14px 0 12px!important}
  .dash-focus-stats>div{padding:10px 12px!important}
  .dash-focus-stats span{font-size:10px!important}
  .dash-focus-stats b{font-size:16px!important}
  .dash-focus-actions{gap:8px!important}
  .dash-focus-actions>*{
    flex:1 1 calc(50% - 8px)!important;
    min-height:38px!important;
    padding:8px 10px!important;
    font-size:12px!important;
  }
  .dash-clean-activity{padding:16px!important}
}


/* Restaura logo do painel administrativo */
.platform-admin-page .sidebar .brand{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:104px!important;
  min-height:104px!important;
  margin:0 6px 10px!important;
  padding:4px 8px 12px!important;
  overflow:visible!important;
  background:transparent url('/jp-leiloes-logo.svg?v=20261010-1') center/178px auto no-repeat!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  filter:none!important;
}
.platform-admin-page .sidebar .brand span{display:none!important}
@media(max-width:650px){
  .platform-admin-page .sidebar .brand{
    height:88px!important;
    min-height:88px!important;
    background-size:150px auto!important;
  }
}


/* Revisão geral da experiência no celular */
@media(max-width:650px){
  html,body{
    width:100%;
    max-width:100%;
    overflow-x:hidden!important;
    background:#f4f7f5!important;
  }

  body:not(.public-lot) main{
    width:100%!important;
    max-width:100%!important;
    min-height:100dvh;
    overflow-x:hidden!important;
  }

  body:not(.public-lot) header{
    position:sticky!important;
    top:0!important;
    z-index:20!important;
    height:72px!important;
    min-height:72px!important;
    padding:0 14px!important;
    gap:10px!important;
    background:rgba(255,255,255,.96)!important;
    backdrop-filter:blur(14px)!important;
  }

  body:not(.public-lot) #menu{
    display:grid!important;
    place-items:center!important;
    flex:0 0 42px!important;
    width:42px!important;
    height:42px!important;
    border-radius:13px!important;
    background:#eef4f1!important;
    color:#173c2b!important;
    font-size:24px!important;
  }

  body:not(.public-lot) header>div:nth-child(2){
    min-width:0!important;
    flex:1!important;
  }

  body:not(.public-lot) header h1{
    font-size:20px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body:not(.public-lot) header p{
    font-size:11px!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    margin-top:4px!important;
  }

  body:not(.public-lot) .user{
    margin-left:auto!important;
    gap:6px!important;
    flex:0 0 auto!important;
  }

  body:not(.public-lot) .user>span,
  body:not(.public-lot) .logout-btn{
    display:none!important;
  }

  body:not(.public-lot) .user>b{
    display:grid!important;
    width:42px!important;
    height:42px!important;
    padding:0!important;
    font-size:14px!important;
  }

  body:not(.public-lot) #app{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:16px 12px 28px!important;
    margin:0!important;
  }

  body:not(.public-lot) .panel,
  body:not(.public-lot) .card,
  body:not(.public-lot) .auction-head,
  body:not(.public-lot) .lot-main,
  body:not(.public-lot) .bidbox{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    border-radius:16px!important;
    box-sizing:border-box!important;
  }

  body:not(.public-lot) .panel{
    padding:16px!important;
  }

  body:not(.public-lot) .cards{
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }

  body:not(.public-lot) .card{
    min-height:112px!important;
    padding:15px!important;
  }

  body:not(.public-lot) .card small{
    font-size:10px!important;
  }

  body:not(.public-lot) .card h2{
    font-size:21px!important;
    margin:8px 0 4px!important;
  }

  body:not(.public-lot) .toolbar{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
    margin-bottom:14px!important;
  }

  body:not(.public-lot) .toolbar>*{
    min-width:0!important;
    max-width:100%!important;
  }

  body:not(.public-lot) .toolbar button,
  body:not(.public-lot) .toolbar .primary,
  body:not(.public-lot) .toolbar .ghost,
  body:not(.public-lot) .toolbar .whatsapp{
    width:100%!important;
  }

  body:not(.public-lot) .search,
  body:not(.public-lot) input,
  body:not(.public-lot) select,
  body:not(.public-lot) textarea{
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    font-size:16px!important;
  }

  body:not(.public-lot) .primary,
  body:not(.public-lot) .ghost,
  body:not(.public-lot) .whatsapp,
  body:not(.public-lot) .bidbtn{
    min-height:44px!important;
    border-radius:12px!important;
  }

  body:not(.public-lot) .dash-compact-metrics{
    grid-template-columns:1fr 1fr!important;
    gap:9px!important;
    margin-bottom:12px!important;
  }

  body:not(.public-lot) .dash-compact-metrics article{
    min-width:0!important;
    padding:13px!important;
    border-radius:15px!important;
  }

  body:not(.public-lot) .dash-compact-metrics b{
    font-size:20px!important;
  }

  body:not(.public-lot) .dash-compact-metrics span{
    display:block!important;
    line-height:1.35!important;
  }

  body:not(.public-lot) .dash-focus-sale{
    padding:15px!important;
    border-radius:17px!important;
  }

  body:not(.public-lot) .dash-focus-head{
    gap:10px!important;
  }

  body:not(.public-lot) .dash-focus-head h2{
    font-size:20px!important;
    line-height:1.2!important;
  }

  body:not(.public-lot) .dash-focus-stats{
    grid-template-columns:1fr 1fr!important;
    margin:13px 0 12px!important;
  }

  body:not(.public-lot) .dash-focus-stats>div{
    padding:11px!important;
  }

  body:not(.public-lot) .dash-focus-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }

  body:not(.public-lot) .dash-focus-actions>*{
    width:100%!important;
    min-width:0!important;
    min-height:42px!important;
    padding:8px!important;
    font-size:12px!important;
  }

  body:not(.public-lot) .dash-clean-activity{
    padding:15px!important;
  }

  body:not(.public-lot) .dash-activity-item{
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:start!important;
  }

  body:not(.public-lot) .dash-activity-item time{
    grid-column:2!important;
    justify-self:start!important;
    margin-top:-4px!important;
  }

  body:not(.public-lot) table:not(#ltable table){
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }

  body:not(.public-lot) th,
  body:not(.public-lot) td{
    white-space:nowrap;
  }

  body:not(.public-lot) .sidebar{
    width:min(84vw,310px)!important;
    max-width:310px!important;
    height:100dvh!important;
    padding:12px 12px 14px!important;
    box-shadow:18px 0 40px rgba(0,0,0,.2)!important;
  }

  body:not(.public-lot) .sidebar .brand{
    height:78px!important;
    min-height:78px!important;
    margin:0 4px 8px!important;
  }

  body:not(.public-lot) .sidebar .brand img{
    max-width:150px!important;
    max-height:72px!important;
  }

  body:not(.public-lot) #nav{
    gap:4px!important;
  }

  body:not(.public-lot) #nav button{
    min-height:42px!important;
    padding:9px 11px!important;
    border-radius:11px!important;
    font-size:13px!important;
  }

  body:not(.public-lot) .nav-submenu{
    margin-left:12px!important;
    padding-left:9px!important;
  }

  body:not(.public-lot) .nav-submenu button,
  body:not(.public-lot) .nav-secondary-body button{
    min-height:38px!important;
    font-size:12.5px!important;
  }

  body:not(.public-lot) .store{
    margin-top:10px!important;
  }

  body:not(.public-lot) dialog[open]{
    width:calc(100vw - 20px)!important;
    max-width:520px!important;
    max-height:calc(100dvh - 20px)!important;
    border-radius:18px!important;
  }

  body:not(.public-lot) dialog[open] form{
    padding:16px!important;
  }

  body:not(.public-lot) dialog[open] .modal-head h2{
    font-size:22px!important;
    line-height:1.2!important;
  }

  body:not(.public-lot) dialog[open] .actions{
    grid-template-columns:1fr!important;
  }

  body:not(.public-lot) dialog[open] .actions button{
    min-height:46px!important;
  }
}

@media(max-width:390px){
  body:not(.public-lot) .cards,
  body:not(.public-lot) .dash-compact-metrics{
    grid-template-columns:1fr!important;
  }
  body:not(.public-lot) .dash-focus-actions{
    grid-template-columns:1fr!important;
  }
}


/* Gestão de lances */
.bid-history-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.bid-history-head h3{margin:0 0 4px}
.bid-admin-list{display:flex;flex-direction:column;border-top:1px solid #e8eeea}
.bid-admin-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid #e8eeea}
.bid-admin-main{min-width:0;display:flex;flex-direction:column;gap:3px}
.bid-admin-main strong{font-size:14px;color:#102a20}
.bid-admin-main span{font-size:13px;color:#536b5f;white-space:normal;overflow-wrap:anywhere}
.bid-admin-main small{font-size:11px;color:#87968e}
.bid-admin-value{font-size:16px;color:#0b8f4d;white-space:nowrap}
.bid-delete-btn{border:1px solid #fecaca;background:#fff7f7;color:#b42318;border-radius:10px;padding:9px 12px;font-weight:800;cursor:pointer}
.bid-delete-btn:hover{background:#fee2e2}
@media(max-width:650px){
  .bid-history-head{flex-direction:column;gap:8px}
  .bid-admin-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:13px 0}
  .bid-admin-value{align-self:start}
  .bid-delete-btn{grid-column:1/-1;width:100%;min-height:42px}
}
