*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;color:#111}a{color:inherit}.admin-body{min-height:100vh;background:linear-gradient(135deg,#edf1f5,#f7f8fa);padding:22px}.admin-wrap{max-width:1120px;margin:auto}.hub-wrap{max-width:1240px;margin:auto}.hub-wrap.wide{max-width:1440px}.admin-card,.hub-card{background:rgba(255,255,255,.96);border:1px solid #dbe2ea;border-radius:28px;padding:28px;box-shadow:0 24px 64px rgba(15,23,42,.10)}.top-session{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;border-radius:16px;background:#f6f8fb;border:1px solid #dde3ea;margin-bottom:18px}.top-session nav{display:flex;gap:10px;flex-wrap:wrap}.top-session a{background:#111;color:#fff;text-decoration:none;border-radius:12px;padding:10px 14px;font-weight:800}.top-session small{display:block;color:#606874;margin-top:2px}.hub-hero,.admin-hero{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid #e4e9ef;flex-wrap:wrap}.admin-kicker{display:inline-flex;background:#111;color:#fff;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:900;letter-spacing:.5px;margin-bottom:10px}.hub-hero h1,.admin-card h1{margin:0 0 8px;font-size:36px;letter-spacing:-.8px}.hub-hero p,.admin-card p{margin:0;color:#606874;line-height:1.5}.admin-badges{display:flex;gap:10px;flex-wrap:wrap}.admin-badge{background:#fff;border:1px solid #d9e1e9;border-radius:14px;padding:10px 13px;font-weight:800;font-size:13px;box-shadow:0 8px 20px rgba(15,23,42,.05)}.form-grid{display:grid;gap:18px}.form-section{background:linear-gradient(180deg,#fff,#fafbfc);border:1px solid #d8dee6;border-radius:20px;padding:20px;margin-top:18px;box-shadow:0 8px 20px rgba(15,23,42,.04)}.form-section h2{margin:0 0 16px}.inline-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.two-one{grid-template-columns:2fr 1fr}.two-prices{grid-template-columns:1fr 1fr}label{display:block;font-weight:800;margin-bottom:14px}input,textarea,select{width:100%;margin-top:7px;border:1px solid #c9d1dc;border-radius:14px;padding:13px 14px;font-size:17px;background:#fff}textarea{resize:vertical}.checkline{grid-template-columns:1fr 1fr}.checkline label{display:flex;gap:10px;align-items:center;background:#f5f7fa;border:1px solid #dbe2ea;border-radius:14px;padding:12px}.checkline input{width:auto}.hint{background:#f6f8fb;border:1px dashed #cfd8e3;border-radius:14px;padding:12px;color:#5d6672}.btn,.btn-link{display:block;width:100%;border:0;border-radius:18px;background:#111;color:#fff;text-align:center;text-decoration:none;font-size:21px;font-weight:1000;padding:17px;cursor:pointer;box-shadow:0 14px 28px rgba(0,0,0,.16)}.btn-link{width:max-content;margin-top:18px}.model-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.model-card{background:linear-gradient(180deg,#fff,#f6f8fb);border:1px solid #dbe2ea;border-radius:18px;padding:18px;text-align:left;cursor:pointer;box-shadow:0 8px 20px rgba(15,23,42,.05)}.model-card.active{border-color:#111;box-shadow:0 16px 36px rgba(0,0,0,.12)}.model-card strong{display:block;margin-bottom:5px}.model-card span{color:#606874;font-size:13px}.ranking-panel{background:#111;color:#fff;border-radius:24px;padding:20px;margin-bottom:20px;box-shadow:0 18px 40px rgba(0,0,0,.18)}.section-title-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.ranking-panel h2{margin:0}.ranking-hint{color:#cfd5dd;font-size:13px}.ranking-list{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:16px}.rank-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:18px;padding:14px;display:flex;gap:10px;align-items:center;animation:fadeUp .45s ease both}.rank-pos{font-size:24px}.rank-info{flex:1;min-width:0}.rank-info strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-info small{color:#cfd5dd}.rank-bar{height:8px;background:rgba(255,255,255,.13);border-radius:999px;overflow:hidden;margin-top:8px}.rank-bar span{display:block;height:100%;background:#fff;border-radius:999px;animation:growBar 1s ease}.rank-points{text-align:center}.rank-points b{display:block;font-size:24px}.rank-points small{color:#cfd5dd}.role-emoji{display:inline-block}.glow{animation:glow 1.6s infinite}.pulse{animation:pulse 1.5s infinite}.swing{animation:swing 1.8s infinite}.bounce{animation:bounce 1.5s infinite}@keyframes glow{50%{filter:drop-shadow(0 0 8px #fff)}}@keyframes pulse{50%{transform:scale(1.16)}}@keyframes swing{25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}@keyframes bounce{50%{transform:translateY(-4px)}}@keyframes growBar{from{width:0}}@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}}.system-credit{margin-top:18px;color:#68717c;font-size:13px;text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat-card{background:#fff;border:1px solid #dde3eb;border-radius:18px;padding:18px;box-shadow:0 10px 24px rgba(15,23,42,.05)}.stat-card span{display:block;color:#68717c}.stat-card strong{font-size:28px}.user-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.user-admin-card{background:#fff;border:1px solid #dbe2ea;border-radius:18px;padding:16px}.user-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.user-card-head em{font-size:12px;background:#f2f5f8;border-radius:999px;padding:5px 8px}.mini-action,.danger-btn{display:inline-flex;border:0;background:#111;color:#fff;border-radius:10px;padding:9px 12px;text-decoration:none;font-weight:800;cursor:pointer}.danger-btn{background:#a40000}.table-wrap{overflow:auto}.history-table{width:100%;border-collapse:collapse;font-size:13px}.history-table th{background:#111;color:#fff;text-align:left;padding:11px}.history-table td{border-bottom:1px solid #e4e9ef;padding:10px}.history-table tr:nth-child(even){background:#fafbfd}.print-body{background:#dfe3e8;padding:18px 0 30px}.print-actions{position:fixed;left:20px;top:20px;z-index:99;display:flex;gap:10px;flex-wrap:wrap;max-width:420px;padding:12px;background:rgba(255,255,255,.92);border-radius:20px;box-shadow:0 12px 34px rgba(0,0,0,.14)}.print-actions button,.print-actions a{background:#111;color:#fff;border:0;border-radius:12px;padding:10px 14px;text-decoration:none;font-weight:800;cursor:pointer}.print-actions .secondary{background:#f1f3f5;color:#111;border:1px solid #dbe2ea}.print-actions .tip{width:100%;font-size:13px;color:#424b56}.page-a4{background:#fff;margin:0 auto;width:196mm;height:283mm;padding:2.5mm;box-shadow:0 18px 55px rgba(0,0,0,.16);overflow:hidden}.poster{border:1.05mm solid #111;border-radius:3.4mm;overflow:hidden;display:flex;flex-direction:column;width:100%;height:100%;background:#fff}.poster-head{height:34mm;display:grid;grid-template-columns:48mm 1fr;align-items:stretch;background:linear-gradient(180deg,#f9f9f9,#ececec);border-bottom:.9mm solid #111}.logo-ball{background:#000;color:#fff;border-radius:0 17mm 17mm 0;display:flex;align-items:center;justify-content:center;font-weight:1000;font-size:9mm;line-height:.95;text-align:center}.dot{font-size:9mm}.offer-title{display:flex;align-items:center;justify-content:center;font-size:18mm;font-weight:1000;letter-spacing:.55mm}.product-area{height:75mm;padding:8mm;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.product-area h1{margin:0;font-size:16mm;line-height:1.02;font-weight:1000}.product-area p{font-size:9mm;font-weight:1000;margin:3mm 0 0}.divider{height:.95mm;background:#111;margin:0 5mm}.installment-area{height:111mm;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.de-line{display:flex;align-items:center;justify-content:center;gap:3mm;margin-bottom:2mm}.de-badge,.por-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20mm;padding:1.2mm 4mm;border-radius:999px;background:#111;color:#fff;font-size:7mm;font-weight:1000}.de-value{font-size:11.5mm;font-weight:1000;text-decoration:line-through;text-decoration-thickness:.8mm}.price-line{display:flex;align-items:baseline;justify-content:center;gap:4mm}.rs{font-size:13mm;font-weight:1000}.price{font-size:49mm;line-height:.9;font-weight:1000;letter-spacing:-1.8mm}.validade-note{font-size:4.6mm;font-weight:900;margin-top:2mm}.divider.bottom{margin-top:auto}.total-area{height:42mm;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.6mm}.validade-rodape-label{background:#111;color:#fff;border-radius:999px;padding:1mm 8mm;font-size:6.7mm;font-weight:1000}.validade-footer-date{font-size:13mm!important;line-height:1;font-weight:1000}.validade-footer-note{font-size:4.6mm;font-weight:900}.login-body{min-height:100vh;background:linear-gradient(135deg,#050505 0%,#17191f 45%,#f1f4f8 45%,#fff 100%);display:flex;align-items:center;justify-content:center;padding:28px}.login-shell{width:min(1050px,100%);display:grid;grid-template-columns:1fr 1fr;gap:28px}.login-brand,.login-card{border-radius:32px;padding:32px;box-shadow:0 24px 70px rgba(0,0,0,.20)}.login-brand{background:#000;color:#fff;min-height:560px;display:flex;flex-direction:column;justify-content:space-between}.login-logo{width:180px;height:140px;background:#fff;color:#000;border-radius:0 70px 70px 0;display:flex;align-items:center;justify-content:center;font-size:46px;font-weight:1000;line-height:.85}.login-copy h1{font-size:44px;line-height:1.02}.login-kicker{display:inline-flex;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:8px 12px;font-weight:900}.login-card{background:rgba(255,255,255,.95);display:flex;flex-direction:column;justify-content:center}.login-card-head{display:flex;gap:14px;align-items:center}.lock-icon{width:54px;height:54px;border-radius:17px;background:#111;color:#fff;display:flex;align-items:center;justify-content:center}.login-form button{width:100%;border:0;border-radius:18px;background:#111;color:#fff;font-size:19px;font-weight:1000;padding:17px}.login-error{background:#fff2f2;border:1px solid #ffd0d0;color:#a40000;border-radius:14px;padding:12px;margin:12px 0;font-weight:800}@media print{@page{size:A4 portrait;margin:7mm}.no-print,.print-actions{display:none!important}html,body{background:#fff!important;padding:0!important;margin:0!important}.page-a4{box-shadow:none!important;width:196mm!important;height:283mm!important}}@media(max-width:1000px){.ranking-list,.model-grid{grid-template-columns:1fr 1fr}.user-admin-grid{grid-template-columns:1fr}.inline-fields,.two-one,.two-prices,.checkline,.stats-grid{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr}.print-actions{position:static;margin:12px auto}.page-a4{transform:scale(.42);transform-origin:top left;margin-left:0}}
.model-row{transition:all .2s ease}
.poster-parcelado .product-area h1{font-size:15.2mm!important;line-height:1.02!important}
.poster-parcelado .product-area p{font-size:10.6mm!important;line-height:1.06!important;margin-top:2.2mm!important}
.poster-parcelado .installment-area{height:111mm;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
.poster-parcelado .brush{display:inline-block;background:linear-gradient(180deg,#dcdcdc 0%,#d1d1d1 100%);border-radius:999px;padding:1.1mm 10mm;font-size:10mm;line-height:1;font-weight:1000;letter-spacing:.55mm;margin-bottom:4mm}
.poster-parcelado .brush.small{font-size:7.5mm;margin-bottom:2.4mm;padding:1mm 8.5mm}
.poster-parcelado .installment-line{height:35mm;display:flex;align-items:center;justify-content:center;gap:5mm}
.poster-parcelado .installment-x{font-size:45mm;line-height:.9;font-weight:1000;letter-spacing:-1.5mm}
.poster-parcelado .de{font-size:11mm;font-weight:1000;align-self:center;margin-top:8mm}
.poster-parcelado .price-line{display:flex;align-items:baseline;justify-content:center;gap:4mm;height:34mm}
.poster-parcelado .rs{font-size:11mm;font-weight:1000}
.poster-parcelado .price{font-size:40mm;line-height:.9;font-weight:1000;letter-spacing:-1.4mm}
.poster-parcelado .min-note{font-size:4.7mm;font-weight:900;margin-top:1mm}
@media(max-width:1000px){.model-row{display:block}}
/* v9 - Parcelado mais bonito */
.poster-parcelado{
border-color:#cfd3d8!important;
box-shadow:inset 0 0 0 .5mm #efefef;
}
.poster-parcelado .poster-head{
height:39mm!important;
grid-template-columns:54mm 1fr!important;
background:linear-gradient(180deg,#f2f2f2 0%,#e9e9e9 100%)!important;
border-bottom:.8mm solid #d8d8d8!important;
}
.poster-parcelado .logo-ball{
min-width:54mm!important;
max-width:54mm!important;
border-radius:0 19mm 19mm 0!important;
font-size:11.2mm!important;
line-height:.88!important;
letter-spacing:-.22mm!important;
}
.poster-parcelado .dot{font-size:11.2mm!important}
.poster-parcelado .offer-title{
font-size:25mm!important;
letter-spacing:.75mm!important;
color:#000!important;
}
.poster-parcelado .product-area{
height:77mm!important;
padding:7.5mm 7mm 3mm!important;
}
.poster-parcelado .product-area h1{
font-size:15.4mm!important;
line-height:1.02!important;
letter-spacing:.08mm!important;
}
.poster-parcelado .product-area p{
font-size:11.1mm!important;
line-height:1.06!important;
margin-top:2.4mm!important;
}
.poster-parcelado .divider{
margin:0 5mm!important;
height:.9mm!important;
}
.poster-parcelado .installment-area{
height:110mm!important;
}
.poster-parcelado .brush{
display:inline-block!important;
background:linear-gradient(180deg,#dddddd 0%,#d2d2d2 100%)!important;
border-radius:999px!important;
padding:1.2mm 10mm!important;
font-size:9.6mm!important;
line-height:1!important;
font-weight:1000!important;
letter-spacing:.42mm!important;
margin-bottom:3.8mm!important;
}
.poster-parcelado .installment-line{
display:flex!important;
align-items:flex-end!important;
justify-content:center!important;
gap:4mm!important;
height:33mm!important;
}
.poster-parcelado .installment-x{
font-size:42mm!important;
line-height:.88!important;
font-weight:1000!important;
letter-spacing:-1.2mm!important;
}
.poster-parcelado .de{
font-size:10.5mm!important;
line-height:1!important;
font-weight:1000!important;
margin-bottom:8.5mm!important;
}
.poster-parcelado .price-line{
display:flex!important;
align-items:baseline!important;
justify-content:center!important;
gap:3.5mm!important;
height:36mm!important;
}
.poster-parcelado .price-line .rs{
font-size:10.5mm!important;
font-weight:1000!important;
}
.poster-parcelado .price-line .price{
font-size:39mm!important;
line-height:.9!important;
letter-spacing:-1.2mm!important;
font-weight:1000!important;
}
.poster-parcelado .total-area{
height:44mm!important;
gap:2mm!important;
}
.poster-parcelado .brush.small{
font-size:7.4mm!important;
padding:1mm 8.5mm!important;
margin-bottom:0!important;
}
.poster-parcelado .total-area strong{
font-size:18mm!important;
line-height:1!important;
font-weight:1000!important;
letter-spacing:.25mm!important;
}
.poster-parcelado .min-note{
font-size:4.5mm!important;
margin-top:1.4mm!important;
}
.pro-form .form-section{
border-radius:24px!important;
box-shadow:0 12px 28px rgba(15,23,42,.05)!important;
}
.pro-form .model-card{
min-height:108px;
display:flex;
flex-direction:column;
justify-content:center;
}
.pro-form .model-card strong{font-size:16px}
.pro-form .model-card.active{
background:linear-gradient(180deg,#111 0%,#1a1a1a 100%);
color:#fff;
border-color:#111;
}
.pro-form .model-card.active span{color:#d7dde5}
.pro-form input,.pro-form textarea,.pro-form select{
border-radius:16px!important;
border-color:#cfd6df!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
.pro-form input:focus,.pro-form textarea:focus,.pro-form select:focus{
outline:none;
border-color:#111!important;
box-shadow:0 0 0 4px rgba(17,17,17,.06)!important;
}
#rowPromoPrices,#rowParceladoTop,#rowValidade,#labelParcelaMinima,#rowParceladoCalcInfo{transition:all .2s ease;}
/* v11 - Oferta parcelada estilo modelo aprovado */
.poster-parcelado{
border:1.05mm solid #bfbfbf !important;
border-radius:3.6mm !important;
box-shadow:none !important;
background:#fff !important;
}
.poster-parcelado .poster-head{
height:32mm !important;
grid-template-columns:58mm 1fr !important;
background:linear-gradient(180deg,#f1f1f1 0%,#e6e6e6 100%) !important;
border-bottom:.65mm solid #c8c8c8 !important;
}
.poster-parcelado .logo-ball{
background:#000 !important;
border-radius:0 22mm 22mm 0 !important;
font-size:13.8mm !important;
line-height:.86 !important;
letter-spacing:-.25mm !important;
padding-left:2mm !important;
}
.poster-parcelado .dot{font-size:13.8mm !important;}
.poster-parcelado .offer-title{
justify-content:flex-start !important;
padding-left:12mm !important;
font-size:26.5mm !important;
font-weight:1000 !important;
letter-spacing:.4mm !important;
color:#111 !important;
}
.poster-parcelado .product-area{
height:80mm !important;
padding:9mm 10mm 4mm !important;
}
.poster-parcelado .product-area h1{
font-size:16.2mm !important;
line-height:1.03 !important;
letter-spacing:.08mm !important;
max-width:96% !important;
}
.poster-parcelado .product-area p{
font-size:11.4mm !important;
line-height:1.06 !important;
margin-top:2.6mm !important;
max-width:96% !important;
}
.poster-parcelado .divider,
.poster-parcelado .divider.bottom{
height:.75mm !important;
background:#111 !important;
margin:0 4.5mm !important;
}
.poster-parcelado .installment-area{
height:114mm !important;
padding:6mm 0 4mm !important;
}
.poster-parcelado .brush{
background:linear-gradient(180deg,#dcdcdc 0%,#d3d3d3 100%) !important;
border-radius:999px !important;
padding:1.4mm 11mm !important;
font-size:11mm !important;
font-weight:1000 !important;
letter-spacing:.18mm !important;
margin-bottom:5mm !important;
}
.poster-parcelado .installment-line{
height:41mm !important;
gap:6mm !important;
align-items:flex-end !important;
}
.poster-parcelado .installment-x{
font-size:53mm !important;
line-height:.85 !important;
letter-spacing:-2mm !important;
font-weight:1000 !important;
}
.poster-parcelado .de{
font-size:14mm !important;
line-height:1 !important;
font-weight:1000 !important;
margin-bottom:11.5mm !important;
}
.poster-parcelado .price-line{
height:38mm !important;
gap:4mm !important;
align-items:baseline !important;
}
.poster-parcelado .price-line .rs{
font-size:14mm !important;
line-height:1 !important;
font-weight:1000 !important;
}
.poster-parcelado .price-line .price{
font-size:50mm !important;
line-height:.88 !important;
letter-spacing:-2mm !important;
font-weight:1000 !important;
}
.poster-parcelado .min-note{
margin-top:2mm !important;
font-size:5mm !important;
font-weight:900 !important;
}
.poster-parcelado .total-area{
height:46mm !important;
gap:2mm !important;
}
.poster-parcelado .brush.small{
font-size:8.2mm !important;
padding:1.3mm 9.5mm !important;
margin-bottom:0 !important;
}
.poster-parcelado .total-area strong{
font-size:22mm !important;
line-height:.95 !important;
font-weight:1000 !important;
letter-spacing:.15mm !important;
}
@media(max-width:1000px){
.page-a4{transform:scale(.48) !important; transform-origin:top left !important;}
.print-body{padding:12px 0 24px !important;}
}
/* v12 - responsividade e máscara monetária */
@media(max-width:1000px){
.print-actions{
width:calc(100vw - 18px) !important;
max-width:none !important;
padding:10px !important;
gap:8px !important;
}
.print-actions button,.print-actions a{
flex:1 1 calc(50% - 6px);
text-align:center;
justify-content:center;
display:flex;
align-items:center;
}
.print-actions .tip{font-size:12px !important;}
.page-a4{
margin-top:6px !important;
margin-left:auto !important;
margin-right:auto !important;
}
}
/* v13 - Index mais bonito + exemplos nos campos */
.creator-intro{
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
padding:18px 20px;
margin:18px 0 4px;
border-radius:24px;
background:
radial-gradient(circle at 12% 20%, rgba(255,255,255,.7), transparent 28%),
linear-gradient(135deg,#111 0%,#20242b 55%,#f0f2f5 55%,#fff 100%);
color:#fff;
box-shadow:0 18px 42px rgba(15,23,42,.14);
overflow:hidden;
}
.creator-intro strong{
display:block;
font-size:22px;
line-height:1.1;
margin-bottom:4px;
}
.creator-intro span{
display:block;
color:rgba(255,255,255,.78);
font-size:14px;
}
.creator-steps{
display:flex;
gap:8px;
flex-wrap:wrap;
justify-content:flex-end;
}
.creator-steps em{
font-style:normal;
background:rgba(255,255,255,.92);
color:#111;
border-radius:999px;
padding:9px 12px;
font-weight:900;
font-size:12px;
box-shadow:0 8px 20px rgba(0,0,0,.08);
}
.pro-form .form-section{
background:linear-gradient(180deg,#ffffff 0%,#fbfcfe 100%)!important;
border:1px solid #dce3eb!important;
border-radius:26px!important;
padding:22px!important;
}
.pro-form .form-section h2{
display:flex;
align-items:center;
gap:8px;
font-size:23px;
letter-spacing:-.35px;
}
.pro-form .form-section:nth-of-type(1) h2:before{content:"🧩";}
.pro-form .form-section:nth-of-type(2) h2:before{content:"📝";}
.pro-form .form-section:nth-of-type(3) h2:before{content:"⚙️";}
.pro-form input::placeholder,
.pro-form textarea::placeholder{
color:#9aa3af!important;
font-weight:600;
}
.pro-form input,
.pro-form textarea,
.pro-form select{
background:#fff!important;
border:1px solid #d1d9e3!important;
}
.pro-form label{
color:#1b2028;
}
.hub-card{
background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.98))!important;
}
.hub-hero{
background:linear-gradient(180deg,#fff,#f7f9fc);
border:1px solid #e0e6ee;
border-radius:24px;
padding:22px!important;
}
@media(max-width:900px){
.creator-intro{
flex-direction:column;
align-items:flex-start;
}
.creator-steps{
justify-content:flex-start;
}
}
/* v14 parte 1 - login premium, mobile app e PWA */
:root{--asun-black:#050505;--asun-graphite:#111318;--asun-yellow:#ffd23f;--asun-soft:#f6f7f9;--asun-border:#dfe5ec}.login-body-v14{min-height:100vh;overflow:hidden;background:#050505;position:relative;padding:24px}.login-aurora{position:fixed;inset:-20%;z-index:0;filter:blur(12px);opacity:.9;pointer-events:none}.login-aurora span{position:absolute;width:42vw;height:42vw;border-radius:999px;mix-blend-mode:screen;animation:auroraMove 12s ease-in-out infinite}.login-aurora span:nth-child(1){left:2%;top:8%;background:radial-gradient(circle,#ffd23f 0%,rgba(255,210,63,.32) 34%,transparent 68%)}.login-aurora span:nth-child(2){right:3%;top:18%;background:radial-gradient(circle,#ffffff 0%,rgba(255,255,255,.22) 32%,transparent 70%);animation-delay:-4s}.login-aurora span:nth-child(3){left:25%;bottom:0;background:radial-gradient(circle,#6b7280 0%,rgba(107,114,128,.24) 36%,transparent 72%);animation-delay:-8s}@keyframes auroraMove{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(7vw,-5vh,0) scale(1.16)}}.login-shell-v14{position:relative;z-index:1;width:min(1080px,100%);grid-template-columns:1.05fr .95fr;align-items:stretch}.login-brand-v14,.login-card-v14{backdrop-filter:blur(22px);border:1px solid rgba(255,255,255,.18);box-shadow:0 28px 90px rgba(0,0,0,.36)}.login-brand-v14{background:linear-gradient(145deg,rgba(0,0,0,.82),rgba(22,24,30,.72));overflow:hidden;position:relative}.login-brand-v14:before{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.08);border-radius:24px;pointer-events:none}.login-logo-v14{position:relative;z-index:1;background:#fff;color:#000;box-shadow:0 16px 46px rgba(255,210,63,.2)}.login-copy-v14{position:relative;z-index:1}.login-copy-v14 h1{font-size:48px;letter-spacing:-1.5px;margin-bottom:12px}.login-copy-v14 p{font-size:17px;color:#d8dde6;max-width:520px}.login-feature-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.login-feature-grid span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:13px 14px;font-weight:900}.install-btn,.nav-install,.app-install-card button,.mobile-bottom-nav button{border:0;background:#ffd23f;color:#111;border-radius:14px;padding:12px 16px;font-weight:1000;cursor:pointer;text-decoration:none;align-items:center;justify-content:center;box-shadow:0 12px 30px rgba(255,210,63,.24)}.login-install{position:relative;z-index:1;width:max-content}.login-card-v14{background:rgba(255,255,255,.88);border-color:rgba(255,255,255,.62)}.login-card-v14 h2{font-size:30px;margin:0}.login-card-v14 .lock-icon{background:linear-gradient(135deg,#050505,#30333b);box-shadow:0 12px 28px rgba(0,0,0,.22)}.login-card-v14 input{height:56px;border-radius:18px;background:#fff}.login-card-v14 button[type=submit]{height:58px;background:linear-gradient(135deg,#050505,#20242c);border:1px solid rgba(255,255,255,.2);box-shadow:0 16px 34px rgba(0,0,0,.23)}.admin-body-v14{background:radial-gradient(circle at top left,rgba(255,210,63,.14),transparent 28%),linear-gradient(135deg,#eef2f6,#f9fafb)}.hub-card-v14{border-radius:32px;border-color:#dfe5ec}.app-install-card{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(135deg,#111,#2a2d34);color:#fff;border-radius:22px;padding:16px 18px;margin:-6px 0 18px;box-shadow:0 18px 44px rgba(0,0,0,.18);flex-wrap:wrap}.app-install-card strong{display:block;font-size:18px}.app-install-card span{display:block;color:#d7dde6;margin-top:3px}.app-install-card small{color:#c9ced6}.top-session .nav-install{padding:10px 14px;box-shadow:none}.mobile-bottom-nav{display:none}.creator-intro{border-radius:22px!important;background:linear-gradient(135deg,#fff,#f3f5f8)!important;border:1px solid #dfe5ec!important;box-shadow:0 14px 30px rgba(15,23,42,.06)!important}.model-card{transition:.22s ease}.model-card:hover{transform:translateY(-2px)}input::placeholder,textarea::placeholder{color:#98a1ad}@media(max-width:1000px){.login-body-v14{padding:16px;overflow:auto}.login-shell-v14{display:flex;flex-direction:column;gap:16px}.login-brand-v14{min-height:auto;padding:24px}.login-logo-v14{width:142px;height:108px;font-size:36px}.login-copy-v14 h1{font-size:32px}.login-copy-v14 p{font-size:15px}.login-feature-grid{grid-template-columns:1fr 1fr;margin:18px 0}.login-card-v14{padding:24px}.login-card-v14 h2{font-size:25px}.admin-body-v14{padding:12px 12px 82px}.hub-card-v14{padding:16px;border-radius:22px}.top-session{align-items:flex-start}.top-session nav{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.top-session a,.top-session button{width:100%;text-align:center;justify-content:center}.hub-hero h1{font-size:28px}.hub-hero p{font-size:14px}.admin-badges{width:100%;display:grid;grid-template-columns:1fr 1fr}.app-install-card{align-items:flex-start}.app-install-card button{width:100%}.ranking-list{grid-template-columns:1fr!important}.rank-card{padding:12px}.model-grid{grid-template-columns:1fr!important}.model-card{min-height:86px}.form-section{padding:16px;border-radius:18px}.inline-fields,.two-one,.two-prices,.checkline,.stats-grid{grid-template-columns:1fr!important}.btn{position:sticky;bottom:70px;z-index:20}.mobile-bottom-nav{position:fixed;left:10px;right:10px;bottom:10px;z-index:60;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border:1px solid #dfe5ec;border-radius:22px;padding:8px;box-shadow:0 18px 48px rgba(15,23,42,.18)}.mobile-bottom-nav a,.mobile-bottom-nav button{border:0;border-radius:16px;background:#111;color:#fff;text-decoration:none;font-size:13px;font-weight:900;padding:11px 6px;text-align:center}.mobile-bottom-nav button{background:#ffd23f;color:#111;box-shadow:none}.creator-steps{display:grid!important;grid-template-columns:1fr 1fr;width:100%}}@media(max-width:420px){.login-feature-grid{grid-template-columns:1fr}.login-copy-v14 h1{font-size:28px}.admin-badges{grid-template-columns:1fr}.mobile-bottom-nav a,.mobile-bottom-nav button{font-size:12px}}
/* fix v14.1 - campos em maiúsculo e PNG mobile */
#p1_nome,#p1_desc{text-transform:uppercase;}
@media(max-width:1000px){
.page-a4{will-change:transform;}
}
/* v14.2 - captura PNG A4 limpa no mobile */
#pngCaptureWrap .page-a4,
#pngCaptureWrap .poster{
transform:none!important;
margin:0!important;
box-shadow:none!important;
}
#pngCaptureWrap .page-a4{
width:100%!important;
height:100%!important;
padding:0!important;
}
#pngCaptureWrap .poster{
width:100%!important;
height:100%!important;
}
/* v14.3 Parte 2 Pro - modelos separados e gerador profissional */
.form-v143 .model-fields{background:#fff;border:1px solid #e0e6ee;border-radius:18px;padding:16px;margin:14px 0;box-shadow:0 10px 22px rgba(15,23,42,.04)}
.form-v143 .calc-preview,.form-v143 .check-summary,.form-v143 .info-box{background:linear-gradient(135deg,#111,#2b2e35);color:#fff;border-radius:16px;padding:14px 16px;font-weight:800;line-height:1.35;border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 28px rgba(0,0,0,.12)}
.form-v143 .calc-preview strong,.form-v143 .check-summary strong{color:#ffd23f}.form-v143 .form-error{background:#fff0f0;border:1px solid #ffc9c9;color:#a40000;border-radius:16px;padding:14px 16px;font-weight:900;margin-top:14px}.form-v143 .config-clean{background:linear-gradient(180deg,#ffffff,#f7f9fc)}.form-v143 label small{color:#6c7581;font-weight:700}.model-grid-pro .model-card.active{background:linear-gradient(135deg,#050505,#252932)!important;color:#fff!important;transform:translateY(-2px);border-color:#050505!important}.model-grid-pro .model-card.active span{color:#d9dee7!important}.hub-hero-pro h1{font-size:42px}.creator-intro-pro{display:flex;align-items:center;justify-content:space-between;gap:18px}.creator-intro-pro strong{display:block;font-size:20px}.creator-intro-pro span{display:block;color:#5d6672;margin-top:4px}.creator-steps{display:flex;gap:8px;flex-wrap:wrap}.creator-steps em{font-style:normal;background:#111;color:#fff;border-radius:999px;padding:8px 12px;font-weight:900;font-size:13px}
/* Cartaz parcelado mais fiel ao modelo oficial */
.poster-parcelado{border:1.05mm solid #c9c9c9!important;border-radius:3.6mm!important;box-shadow:none!important;background:#fff!important}.poster-parcelado .poster-head{height:34mm!important;grid-template-columns:59mm 1fr!important;background:linear-gradient(180deg,#f2f2f2,#e6e6e6)!important;border-bottom:.75mm solid #c7c7c7!important}.poster-parcelado .logo-ball{border-radius:0 23mm 23mm 0!important;font-size:13.5mm!important;line-height:.86!important;letter-spacing:-.25mm!important;padding-left:2mm!important}.poster-parcelado .dot{font-size:13.5mm!important}.poster-parcelado .offer-title{justify-content:flex-start!important;padding-left:13mm!important;font-size:26mm!important;letter-spacing:.45mm!important;font-weight:1000!important}.poster-parcelado .product-area{height:83mm!important;padding:8mm 8mm 5mm!important}.poster-parcelado .product-area h1{font-size:16mm!important;line-height:1.04!important;letter-spacing:.08mm!important;max-width:96%!important}.poster-parcelado .product-area p{font-size:11mm!important;line-height:1.08!important;margin-top:2.5mm!important;max-width:96%!important}.poster-parcelado .divider,.poster-parcelado .divider.bottom{height:.75mm!important;background:#111!important;margin:0 5mm!important}.poster-parcelado .installment-area{height:112mm!important;padding:5mm 0 3mm!important}.poster-parcelado .brush{display:inline-block!important;background:linear-gradient(180deg,#dcdcdc,#d1d1d1)!important;border-radius:999px!important;padding:1.35mm 11mm!important;font-size:11mm!important;line-height:1!important;font-weight:1000!important;letter-spacing:.18mm!important;margin-bottom:4.5mm!important}.poster-parcelado .installment-line{display:flex!important;align-items:flex-end!important;justify-content:center!important;gap:5.5mm!important;height:39mm!important}.poster-parcelado .installment-x{font-size:51mm!important;line-height:.86!important;letter-spacing:-1.9mm!important;font-weight:1000!important}.poster-parcelado .de{font-size:13.5mm!important;line-height:1!important;font-weight:1000!important;margin-bottom:10.5mm!important}.poster-parcelado .price-line{height:39mm!important;display:flex!important;align-items:baseline!important;justify-content:center!important;gap:4mm!important}.poster-parcelado .price-line .rs{font-size:14mm!important;font-weight:1000!important}.poster-parcelado .price-line .price{font-size:50mm!important;line-height:.88!important;letter-spacing:-2mm!important;font-weight:1000!important}.poster-parcelado .min-note{font-size:4.9mm!important;font-weight:900!important;margin-top:1.5mm!important}.poster-parcelado .total-area{height:45mm!important;gap:1.8mm!important}.poster-parcelado .brush.small{font-size:8.1mm!important;padding:1.25mm 9.5mm!important;margin-bottom:0!important}.poster-parcelado .total-area strong{font-size:22mm!important;line-height:.95!important;letter-spacing:.1mm!important;font-weight:1000!important}
/* Degustação e Campanha separados */
.poster-degustacao .poster-head,.poster-campanha .poster-head{height:34mm!important}.poster-degustacao .offer-title{font-size:18mm!important}.degustacao-product,.campanha-product{height:91mm!important}.degustacao-area,.campanha-area{height:112mm;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8mm}.degustacao-badge{background:#111;color:#fff;border-radius:999px;padding:2mm 12mm;font-size:12mm;font-weight:1000;margin-bottom:8mm}.degustacao-area strong{font-size:28mm;line-height:.95;font-weight:1000}.degustacao-area span{font-size:7mm;font-weight:1000;margin-top:4mm}.degustacao-footer strong{font-size:16mm}.campanha-area .brush{font-size:8.5mm}.campanha-area strong{font-size:19mm;font-weight:1000}.poster-campanha .price{font-size:48mm}.poster-campanha .rs{font-size:14mm}
@media(max-width:1000px){.hub-hero-pro h1{font-size:30px}.creator-intro-pro{display:block}.creator-steps{margin-top:12px}.form-v143 .model-fields{padding:13px}.form-v143 .calc-preview,.form-v143 .check-summary,.form-v143 .info-box{font-size:14px}.model-grid-pro{grid-template-columns:1fr!important}.model-grid-pro .model-card{min-height:92px}.page-a4{will-change:transform}}
#pngCaptureWrap .page-a4,#pngCaptureWrap .poster{transform:none!important;box-shadow:none!important;max-width:none!important;max-height:none!important}
/* ==========================================================
V14.4 — Estabilidade A4 + Clean CSS
========================================================== */
:root{
--cartaz-ink:#050505;
--cartaz-soft:#f2f2f2;
--cartaz-border:#111;
--ui-yellow:#ffd23f;
--ui-ring:rgba(17,17,17,.10);
}
/* UI/UX - foco e botões */
.pro-form input,
.pro-form textarea,
.pro-form select{
transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease, background .18s ease;
}
.pro-form input:focus,
.pro-form textarea:focus,
.pro-form select:focus{
outline:none !important;
border-color:var(--cartaz-ink) !important;
box-shadow:0 0 0 4px var(--ui-ring) !important;
background:#fff !important;
}
.pro-form input:hover,
.pro-form textarea:hover,
.pro-form select:hover{border-color:#9aa4b2 !important;}
.model-card{position:relative;overflow:hidden;transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;}
.model-card:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(15,23,42,.10);}
.model-card.active{background:linear-gradient(135deg,#050505,#252932) !important;color:#fff !important;border-color:#050505 !important;}
.model-card.active span{color:#d8dde6 !important;}
.model-card.active:after{
content:"Selecionado";
display:inline-flex;
align-self:flex-start;
margin-top:10px;
background:var(--ui-yellow);
color:#111;
border-radius:999px;
padding:4px 9px;
font-size:12px;
font-weight:1000;
}
.btn,.print-actions button,.print-actions a{transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;}
.btn:hover,.print-actions button:hover,.print-actions a:hover{transform:translateY(-1px);filter:brightness(1.03);}
.print-actions #downloadPngBtn{background:var(--ui-yellow);color:#111;}
/* A4 previsível */
.page-a4{
width:196mm !important;
height:283mm !important;
padding:0 !important;
background:#fff !important;
overflow:hidden !important;
}
.poster{
width:100% !important;
height:100% !important;
display:grid !important;
grid-template-rows:34mm 80mm .9mm 112mm .9mm 45mm !important;
border:1.05mm solid var(--cartaz-border) !important;
border-radius:3.5mm !important;
overflow:hidden !important;
background:#fff !important;
}
.poster-head{height:auto !important;display:grid !important;grid-row:1 !important;}
.product-area{height:auto !important;grid-row:2 !important;min-height:0 !important;overflow:hidden !important;}
.poster > .divider{grid-row:3 !important;height:.9mm !important;align-self:center !important;}
.installment-area,.degustacao-area,.campanha-area{height:auto !important;grid-row:4 !important;min-height:0 !important;overflow:hidden !important;}
.poster > .divider.bottom{grid-row:5 !important;margin-top:0 !important;align-self:center !important;}
.total-area{height:auto !important;grid-row:6 !important;min-height:0 !important;overflow:hidden !important;}
.poster-validade{grid-template-rows:34mm 76mm .9mm 120mm .9mm 51mm !important;}
.poster-parcelado{grid-template-rows:34mm 82mm .9mm 112mm .9mm 53mm !important;}
.poster-degustacao{grid-template-rows:34mm 88mm .9mm 105mm .9mm 54mm !important;}
.poster-campanha{grid-template-rows:34mm 84mm .9mm 111mm .9mm 52mm !important;}
/* Auto-fit de texto do produto */
.product-area h1{max-width:98%;overflow-wrap:break-word;word-break:normal;hyphens:auto;}
.product-area p{max-width:98%;overflow-wrap:break-word;word-break:normal;}
.product-area.txt-curto h1{font-size:17mm !important;line-height:1.02 !important;}
.product-area.txt-medio h1{font-size:14.4mm !important;line-height:1.03 !important;}
.product-area.txt-longo h1{font-size:12mm !important;line-height:1.04 !important;}
.product-area.txt-extra-longo h1{font-size:9.6mm !important;line-height:1.04 !important;letter-spacing:0 !important;}
.product-area.txt-longo p{font-size:8.4mm !important;line-height:1.05 !important;}
.product-area.txt-extra-longo p{font-size:7.2mm !important;line-height:1.04 !important;}
/* Parcelado mais fiel e seguro */
.poster-parcelado .poster-head{grid-template-columns:58mm 1fr !important;background:linear-gradient(180deg,#f1f1f1,#e4e4e4) !important;border-bottom:.65mm solid #c8c8c8 !important;}
.poster-parcelado .logo-ball{border-radius:0 22mm 22mm 0 !important;font-size:13.8mm !important;line-height:.86 !important;}
.poster-parcelado .offer-title{justify-content:flex-start !important;padding-left:12mm !important;font-size:26mm !important;letter-spacing:.35mm !important;}
.poster-parcelado .product-area{padding:8mm 10mm 4mm !important;}
.poster-parcelado .brush{font-size:10.8mm !important;padding:1.35mm 11mm !important;margin-bottom:4.4mm !important;}
.poster-parcelado .installment-line{height:38mm !important;align-items:flex-end !important;gap:5mm !important;}
.poster-parcelado .installment-x{font-size:50mm !important;line-height:.86 !important;letter-spacing:-1.8mm !important;}
.poster-parcelado .de{font-size:13mm !important;margin-bottom:10.7mm !important;}
.poster-parcelado .price-line{height:37mm !important;gap:4mm !important;}
.poster-parcelado .price-line .rs{font-size:13.5mm !important;}
.poster-parcelado .price-line .price{font-size:48mm !important;line-height:.88 !important;letter-spacing:-1.8mm !important;}
.poster-parcelado .total-area strong{font-size:21mm !important;line-height:.96 !important;}
/* Promoção segura */
.poster-validade .price-special .price{font-size:46mm !important;letter-spacing:-1.6mm !important;}
.poster-validade .de-value{font-size:10.6mm !important;}
.poster-validade .validade-footer-date{font-size:12.5mm !important;}
/* Degustação / Campanha com isolamento */
.poster-degustacao .degustacao-area,
.poster-campanha .campanha-area{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:6mm;}
.poster-degustacao .degustacao-area strong{font-size:28mm;line-height:.95;}
.poster-degustacao .degustacao-badge{background:#111;color:#fff;border-radius:999px;padding:1.4mm 9mm;font-weight:1000;font-size:9mm;margin-bottom:5mm;}
.poster-degustacao .degustacao-area span{font-size:6mm;font-weight:900;margin-top:3mm;}
.poster-campanha .campanha-area .brush{font-size:8.5mm;margin-bottom:5mm;}
.poster-campanha .campanha-area strong{font-size:17mm;line-height:1;font-weight:1000;}
/* Responsivo: preview na tela, sem afetar PNG */
@media(max-width:1000px){
.page-a4{transform-origin:top center !important;margin-left:auto !important;margin-right:auto !important;}
.print-actions{position:static !important;margin:10px auto 12px !important;width:calc(100vw - 18px) !important;max-width:none !important;}
}
/* Impressão definitiva - sempre no fim */
@media print{
@page{size:A4 portrait;margin:7mm;}
*{-webkit-print-color-adjust:exact;print-color-adjust:exact;}
html,body{width:210mm;height:297mm;margin:0 !important;padding:0 !important;background:#fff !important;overflow:hidden !important;}
.no-print,.print-actions,.mobile-bottom-nav,.app-install-card,.top-session,.system-credit{display:none !important;}
.page-a4{width:196mm !important;height:283mm !important;margin:0 auto !important;padding:0 !important;box-shadow:none !important;transform:none !important;overflow:hidden !important;page-break-after:avoid !important;}
.poster{width:100% !important;height:100% !important;break-inside:avoid !important;page-break-inside:avoid !important;}
}
/* V14.5 - Ranking Pro + Login Clean */
.hub-hero-clean{align-items:center!important;margin-bottom:18px!important}
.hub-hero-clean .admin-badges{display:none!important}
.system-credit-clean{font-size:13px;color:#727b87;line-height:1.45}
.system-credit-clean span{font-weight:800;color:#111;background:linear-gradient(90deg,#111,#6b7280,#111);-webkit-background-clip:text;background-clip:text;color:transparent;animation:creditShine 4s ease-in-out infinite;background-size:220% 100%}
@keyframes creditShine{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.ranking-panel-pro{background:linear-gradient(135deg,#080808 0%,#171a21 64%,#262b34 100%)!important;border:1px solid rgba(255,255,255,.08);box-shadow:0 22px 55px rgba(0,0,0,.22)!important;position:relative;overflow:hidden}
.ranking-panel-pro:before{content:"";position:absolute;inset:-50%;background:radial-gradient(circle at 20% 20%,rgba(255,210,63,.18),transparent 32%),radial-gradient(circle at 80% 10%,rgba(255,255,255,.10),transparent 30%);pointer-events:none;animation:rankGlow 8s ease-in-out infinite}
@keyframes rankGlow{50%{transform:translate3d(3%,2%,0)}}
.ranking-panel-pro>*{position:relative;z-index:1}
.ranking-list-pro{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important}
.rank-card-pro{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:22px!important;padding:14px!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:10px!important;min-height:205px!important;position:relative!important;overflow:hidden!important;box-shadow:0 16px 34px rgba(0,0,0,.16)!important}
.rank-card-pro.rank-1{background:linear-gradient(180deg,rgba(255,210,63,.22),rgba(255,255,255,.08))!important;border-color:rgba(255,210,63,.36)!important;transform:translateY(-2px)}
.rank-medal{position:absolute;top:10px;left:10px;width:36px;height:36px;border-radius:14px;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;font-size:20px;backdrop-filter:blur(10px)}
.rank-avatar-wrap{margin-top:12px}.rank-avatar,.profile-avatar-lg{object-fit:cover;display:block;background:#fff;color:#111;border:3px solid rgba(255,255,255,.85);box-shadow:0 12px 26px rgba(0,0,0,.24)}
.rank-avatar{width:72px;height:72px;border-radius:50%}.avatar-fallback{display:flex!important;align-items:center!important;justify-content:center!important;font-weight:1000;letter-spacing:.5px;background:linear-gradient(135deg,#fff,#dfe5ec)!important;color:#111!important}.rank-avatar.avatar-fallback{width:72px;height:72px;border-radius:50%;font-size:22px}
.rank-card-pro .rank-info{width:100%;min-width:0}.rank-card-pro .rank-info strong{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-card-pro .rank-info small{display:block;color:#dbe2ea;font-size:12px;margin-top:3px}.rank-card-pro .rank-bar{width:100%;height:9px;margin-top:10px;background:rgba(255,255,255,.14)}.rank-card-pro .rank-bar span{background:linear-gradient(90deg,#ffd23f,#fff)!important}.rank-card-pro .rank-points{margin-top:auto;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.10);border-radius:16px;padding:7px 12px;min-width:86px}.rank-card-pro .rank-points b{font-size:24px}.rank-card-pro .rank-points small{color:#dbe2ea}
.admin-clean-hero{margin-bottom:18px!important}.admin-clean-hero p{max-width:620px}.section-help{margin:-4px 0 16px;color:#66717e;background:#f6f8fb;border:1px dashed #d3dbe5;border-radius:16px;padding:12px}.user-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.user-admin-card-pro{border-radius:24px!important;padding:18px!important;background:linear-gradient(180deg,#fff,#f8fafc)!important}.user-card-head-pro{display:grid!important;grid-template-columns:auto 1fr auto!important;gap:14px!important;align-items:center!important}.profile-avatar-lg{width:74px;height:74px;border-radius:24px}.profile-avatar-lg.avatar-fallback{font-size:24px}.user-card-head-pro strong{display:block}.user-card-head-pro small{display:block;color:#68717c;margin-top:3px}.status-pill{border-radius:999px;padding:6px 9px;font-size:12px;font-weight:1000}.status-pill.is-active{background:#e8fff0;color:#087b33}.status-pill.is-blocked{background:#fff1f1;color:#a40000}.remove-photo-line,.checkline-single{display:flex!important;gap:10px!important;align-items:center!important;background:#f5f7fa;border:1px solid #dfe5ec;border-radius:14px;padding:10px 12px}.remove-photo-line input,.checkline-single input{width:auto!important;margin:0!important}.secondary-action{background:#eef2f6!important;color:#111!important;border:1px solid #dbe2ea!important}.admin-filters{align-items:end}
.login-clean-body{min-height:100vh;background:#050505;display:flex;align-items:center;justify-content:center;padding:20px;overflow:hidden}.login-aurora-clean{filter:blur(18px);opacity:1}.login-clean-shell{position:relative;z-index:2;width:min(440px,100%);margin:auto}.login-clean-card{background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.52);border-radius:34px;padding:30px;box-shadow:0 34px 95px rgba(0,0,0,.42);backdrop-filter:blur(24px);text-align:center;position:relative;overflow:hidden}.login-clean-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,210,63,.22),transparent 34%,rgba(255,255,255,.24));pointer-events:none}.login-clean-card>*{position:relative;z-index:1}.login-logo-clean{margin:0 auto 18px!important;width:158px!important;height:120px!important;font-size:39px!important;box-shadow:0 18px 48px rgba(0,0,0,.18),0 0 0 8px rgba(255,255,255,.16)}.login-clean-title span{display:inline-flex;background:#111;color:#fff;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:1000;letter-spacing:.8px;text-transform:uppercase}.login-clean-title h1{font-size:40px;line-height:1;margin:12px 0 18px;letter-spacing:-1.2px}.login-form-clean{text-align:left}.login-form-clean label{font-size:14px;color:#232832}.login-form-clean input{height:58px;border-radius:19px;border:1px solid #cfd8e3;background:#fff;font-size:18px}.login-form-clean input:focus{outline:none;border-color:#111;box-shadow:0 0 0 5px rgba(17,17,17,.08)}.login-form-clean button{height:60px;border-radius:20px;background:linear-gradient(135deg,#050505,#282d36)!important;box-shadow:0 18px 34px rgba(0,0,0,.25);transition:.22s ease}.login-form-clean button:hover{transform:translateY(-1px);filter:brightness(1.08)}.login-install-clean{width:100%;margin-top:12px}.creator-credit{margin-top:18px;border-top:1px solid rgba(0,0,0,.08);padding-top:16px;display:flex;flex-direction:column;gap:2px;align-items:center}.creator-credit span{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#7b8490;font-weight:900}.creator-credit strong{font-size:18px;background:linear-gradient(90deg,#111,#ffd23f,#111);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:creditShine 3.8s ease-in-out infinite}.login-error{text-align:left}
@media(max-width:1000px){.ranking-list-pro{grid-template-columns:1fr!important}.rank-card-pro{min-height:auto!important;display:grid!important;grid-template-columns:auto auto 1fr auto!important;text-align:left!important;align-items:center!important;padding:12px!important}.rank-medal{position:static!important;width:38px;height:38px}.rank-avatar{width:54px!important;height:54px!important}.rank-avatar.avatar-fallback{width:54px!important;height:54px!important;font-size:17px}.rank-card-pro .rank-points{margin-top:0!important}.user-photo-grid{grid-template-columns:1fr!important}.user-card-head-pro{grid-template-columns:auto 1fr!important}.status-pill{grid-column:1 / -1;width:max-content}.login-clean-card{padding:24px;border-radius:28px}.login-logo-clean{width:136px!important;height:104px!important;font-size:34px!important}.login-clean-title h1{font-size:34px}}
@media(max-width:430px){.rank-card-pro{grid-template-columns:auto 1fr auto!important}.rank-medal{display:none}.rank-avatar{width:50px!important;height:50px!important}.rank-points{min-width:70px!important}.login-clean-body{padding:14px}.login-clean-card{padding:22px}.login-clean-title h1{font-size:31px}}
/* V14.6 - Histórico Pro */
.duplicate-alert{display:flex;justify-content:space-between;align-items:center;gap:12px;background:linear-gradient(135deg,#fff8dc,#fff);border:1px solid rgba(255,210,63,.5);border-radius:18px;padding:14px 16px;margin:0 0 18px;box-shadow:0 14px 28px rgba(255,210,63,.12)}
.duplicate-alert strong{font-size:16px}.duplicate-alert span{color:#606874;font-weight:700}.recent-panel-pro{background:linear-gradient(135deg,#fff,#f6f8fb);border:1px solid #dfe5ec;border-radius:24px;padding:18px;margin:18px 0;box-shadow:0 14px 32px rgba(15,23,42,.06)}
.recent-panel-pro h2{margin:0}.recent-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.recent-card{background:#fff;border:1px solid #e0e6ee;border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 20px rgba(15,23,42,.04);transition:.2s ease}.recent-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(15,23,42,.08)}
.recent-main strong{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-main span{display:block;color:#586272;font-weight:800;font-size:12px;margin-top:4px}.recent-main small{display:block;color:#798391;margin-top:4px}.recent-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.recent-actions a,.history-actions a{display:flex;align-items:center;justify-content:center;text-decoration:none;border-radius:12px;padding:9px 10px;font-weight:1000;font-size:12px;background:#111;color:#fff}.recent-actions a:nth-child(2),.history-actions a:nth-child(2){background:#f1f4f7;color:#111;border:1px solid #dbe2ea}.history-table-pro td small{display:block;color:#7a8491;margin-top:2px}.history-actions{display:flex;gap:8px;flex-wrap:wrap;min-width:170px}.history-actions a{min-width:78px}.history-table-pro th:last-child,.history-table-pro td:last-child{text-align:center}
@media(max-width:1000px){.recent-list{grid-template-columns:1fr}.recent-card{padding:13px}.duplicate-alert{flex-direction:column;align-items:flex-start}.history-actions{min-width:0}.history-table-pro{min-width:900px}}
/* v14.7 - Admin Pro + Categoria Automática */
:root{--asun-black:#050505;--asun-yellow:#ffd23f;--asun-border:#dfe5ec;--asun-muted:#68717c;--asun-card:#ffffff;}
.top-session-pro{align-items:center!important;background:rgba(255,255,255,.92)!important;backdrop-filter:blur(14px);box-shadow:0 14px 34px rgba(15,23,42,.06)}
.session-user{display:flex;align-items:center;gap:12px;min-width:0}.session-user strong{display:block;font-size:16px}.session-user small{font-size:12px;color:#68717c}.session-avatar{width:48px;height:48px;border-radius:16px;object-fit:cover;border:2px solid #fff;box-shadow:0 10px 24px rgba(15,23,42,.16);flex:0 0 48px}.session-avatar.avatar-fallback{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#111,#323640);color:#fff;font-weight:1000;font-size:17px}.top-session-pro nav a,.top-session-pro nav button{display:inline-flex;align-items:center;justify-content:center}.recent-panel-bottom{margin-top:22px!important}.app-install-card{display:none!important}.hub-hero-clean{margin-bottom:18px!important}.admin-section{background:linear-gradient(180deg,#fff,#fafbfc);border:1px solid var(--asun-border);border-radius:26px;padding:22px;margin-top:22px;box-shadow:0 18px 46px rgba(15,23,42,.06)}.admin-section h2{margin:0}.admin-section h3{margin:0 0 14px}.admin-section-nav{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 18px}.admin-section-nav a{background:#111;color:#fff;text-decoration:none;border-radius:999px;padding:10px 14px;font-weight:900;box-shadow:0 10px 24px rgba(0,0,0,.12)}.admin-hero-v147{align-items:center}.admin-actions-head{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.admin-actions-head form{margin:0}.admin-stats-v147 .stat-card{border-radius:22px;padding:20px;position:relative;overflow:hidden}.admin-stats-v147 .stat-card:after{content:"";position:absolute;right:-18px;top:-18px;width:70px;height:70px;background:rgba(255,210,63,.25);border-radius:999px}.admin-insight-grid{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:16px;margin-top:18px}.insight-card,.chart-card{background:#fff;border:1px solid #dfe5ec;border-radius:22px;padding:18px;box-shadow:0 12px 28px rgba(15,23,42,.05)}.insight-featured{background:linear-gradient(135deg,#111,#292d35);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:180px}.insight-featured span{color:#d8dde6;font-weight:800}.insight-featured strong{font-size:30px;line-height:1.05;margin:8px 0}.insight-featured small{color:#ffd23f;font-weight:900}.chart-card h3{margin:0 0 14px;font-size:17px}.admin-bar{display:grid;grid-template-columns:120px 1fr auto;gap:10px;align-items:center;margin:10px 0}.admin-bar span{font-size:12px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-bar div{height:10px;border-radius:999px;background:#edf1f5;overflow:hidden}.admin-bar b{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#111,#ffd23f);min-width:8px;animation:growBar .8s ease}.admin-bar em{font-size:12px;font-style:normal;font-weight:900;color:#68717c}.admin-filter-box{margin-top:16px!important;background:#fff!important}.history-table-pro small{display:block;color:#68717c;margin-top:4px}.history-actions{display:flex;gap:6px;flex-wrap:wrap}.history-actions a{background:#111;color:#fff;text-decoration:none;border-radius:10px;padding:7px 9px;font-weight:900;font-size:12px}.history-actions a:nth-child(2){background:#f1f3f5;color:#111;border:1px solid #dbe2ea}.secondary-action{background:#f1f3f5!important;color:#111!important;border:1px solid #dbe2ea!important}.user-admin-card-pro{border-radius:24px!important;box-shadow:0 16px 34px rgba(15,23,42,.06)!important;transition:.22s ease}.user-admin-card-pro:hover{transform:translateY(-2px);box-shadow:0 22px 42px rgba(15,23,42,.09)!important}.section-help{color:#68717c;line-height:1.45;margin-top:8px}.model-grid-pro .model-card.active::after{content:"Selecionado";display:inline-flex;width:max-content;margin-top:8px;background:#ffd23f;color:#111;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:1000}.model-grid-pro .model-card{min-height:116px}.model-grid-pro .model-card.active{background:linear-gradient(135deg,#050505,#252932)!important;color:#fff!important}.model-grid-pro .model-card.active span{color:#d9dee6!important}select#setor{font-weight:900;background:linear-gradient(180deg,#fff,#f8fafc)}
@media(max-width:1180px){.admin-insight-grid{grid-template-columns:1fr 1fr}.insight-featured{grid-column:1/-1}}
@media(max-width:1000px){.top-session-pro{display:flex!important;flex-direction:column;align-items:stretch!important}.session-user{width:100%;background:#f6f8fb;border:1px solid #e2e8f0;border-radius:18px;padding:10px}.top-session-pro nav{width:100%;grid-template-columns:1fr 1fr!important}.admin-section{padding:16px;border-radius:22px}.admin-section-nav{display:grid;grid-template-columns:1fr 1fr}.admin-section-nav a{text-align:center}.admin-insight-grid{grid-template-columns:1fr}.admin-bar{grid-template-columns:92px 1fr 54px}.admin-bar span{font-size:11px}.admin-actions-head{width:100%}.admin-actions-head .mini-action,.admin-actions-head form{width:100%}.admin-actions-head button{width:100%;justify-content:center}.history-actions a{flex:1;text-align:center}.session-avatar{width:44px;height:44px;flex-basis:44px}.mobile-bottom-nav{grid-template-columns:1.2fr 1fr 1fr 1fr!important}.mobile-bottom-nav a,.mobile-bottom-nav button{font-size:11px!important}}
@media(max-width:420px){.admin-section-nav{grid-template-columns:1fr}.admin-bar{grid-template-columns:1fr;gap:5px}.admin-bar em{text-align:right}.insight-featured strong{font-size:24px}}
/* V14.8 - Oferta pronta (substitui Degustação) */
.poster-oferta-pronta{
grid-template-rows:55mm 96mm .9mm 92mm .9mm 38mm !important;
background:#efe35a !important;
border-color:#b79a00 !important;
}
.poster-oferta-pronta .poster-head{
grid-template-columns:1fr !important;
background:#efe35a !important;
border-bottom:none !important;
}
.poster-oferta-pronta .logo-ball{display:none !important;}
.poster-oferta-pronta .offer-title{
color:#b21e3a !important;
font-size:34mm !important;
font-weight:1000 !important;
letter-spacing:.2mm !important;
}
.poster-oferta-pronta .product-area{
background:#efe35a !important;
padding:10mm 10mm 6mm !important;
}
.poster-oferta-pronta .product-area h1{
font-size:18mm !important;
line-height:1.04 !important;
font-weight:1000 !important;
color:#111 !important;
}
.poster-oferta-pronta .divider,
.poster-oferta-pronta .divider.bottom{
background:#9f8c00 !important;
height:.75mm !important;
margin:0 8mm !important;
}
.poster-oferta-pronta .oferta-pronta-price{
grid-row:4 !important;
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:center !important;
text-align:center !important;
padding:6mm 10mm !important;
background:#efe35a !important;
}
.poster-oferta-pronta .oferta-pronta-price .price-line{gap:3.5mm !important;}
.poster-oferta-pronta .oferta-pronta-price .rs{font-size:15mm !important;font-weight:1000 !important;}
.poster-oferta-pronta .oferta-pronta-price .price{font-size:55mm !important;line-height:.88 !important;letter-spacing:-1.5mm !important;color:#111 !important;}
.poster-oferta-pronta .oferta-pronta-unit{
margin-top:5mm !important;
min-width:28mm !important;
padding:2mm 8mm !important;
border:1mm solid #111 !important;
border-radius:999px !important;
font-size:12mm !important;
font-weight:1000 !important;
background:#fff4a6 !important;
color:#111 !important;
}
.poster-oferta-pronta .oferta-pronta-footer{
background:#efe35a !important;
color:#6c5a00 !important;
}
.poster-oferta-pronta .oferta-pronta-footer strong{
font-size:7mm !important;
letter-spacing:.8mm !important;
}
@media(max-width:1000px){
.poster-oferta-pronta .offer-title{font-size:28mm !important;}
.poster-oferta-pronta .product-area h1{font-size:15mm !important;}
.poster-oferta-pronta .oferta-pronta-price .price{font-size:46mm !important;}
}
/* V14.8.1 - Oferta pronta P&B para papel pré-impresso */
.poster-oferta-pronta{
grid-template-rows:55mm 78mm 109mm 41mm !important;
background:#fff !important;
border:0 !important;
border-radius:0 !important;
}
.poster-oferta-pronta .poster-head,
.poster-oferta-pronta .logo-ball,
.poster-oferta-pronta .offer-title,
.poster-oferta-pronta .divider,
.poster-oferta-pronta .divider.bottom{display:none !important;}
.poster-oferta-pronta .oferta-pronta-spacer{
grid-row:1 !important;
background:transparent !important;
}
.poster-oferta-pronta .product-area{
grid-row:2 !important;
background:#fff !important;
padding:8mm 10mm 4mm !important;
justify-content:flex-start !important;
}
.poster-oferta-pronta .product-area h1{
font-size:18mm !important;
line-height:1.02 !important;
font-weight:1000 !important;
letter-spacing:.05mm !important;
color:#111 !important;
}
.poster-oferta-pronta .oferta-pronta-price{
grid-row:3 !important;
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:center !important;
text-align:center !important;
padding:2mm 10mm 0 !important;
background:#fff !important;
}
.poster-oferta-pronta .oferta-pronta-price .price-line{
gap:4mm !important;
align-items:baseline !important;
}
.poster-oferta-pronta .oferta-pronta-price .rs{
font-size:16mm !important;
line-height:1 !important;
font-weight:1000 !important;
color:#111 !important;
}
.poster-oferta-pronta .oferta-pronta-price .price{
font-size:58mm !important;
line-height:.86 !important;
letter-spacing:-1.8mm !important;
font-weight:1000 !important;
color:#111 !important;
}
.poster-oferta-pronta .oferta-pronta-unit-wrap{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:3mm !important;
margin-top:6mm !important;
}
.poster-oferta-pronta .oferta-pronta-unit-label{
font-size:8mm !important;
font-weight:900 !important;
color:#555 !important;
letter-spacing:.5mm !important;
}
.poster-oferta-pronta .oferta-pronta-unit{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
min-width:22mm !important;
height:15mm !important;
padding:0 6mm !important;
border:1mm solid #111 !important;
border-radius:3mm !important;
background:#fff !important;
color:#111 !important;
font-size:10mm !important;
font-weight:1000 !important;
line-height:1 !important;
letter-spacing:.3mm !important;
}
.poster-oferta-pronta .oferta-pronta-footer{
grid-row:4 !important;
background:transparent !important;
}
.poster-oferta-pronta .oferta-pronta-footer strong{display:none !important;}
@media(max-width:1000px){
.poster-oferta-pronta .product-area h1{font-size:15mm !important;}
.poster-oferta-pronta .oferta-pronta-price .price{font-size:48mm !important;}
.poster-oferta-pronta .oferta-pronta-unit{min-width:20mm !important;height:13mm !important;font-size:8.4mm !important;}
}
/* V14.9 - Produtividade, central de impressao e autocomplete */
.history-search-box{display:grid;gap:6px;margin:14px 0 16px}.history-search-box input{margin:0;border-radius:18px;border:1px solid #cfd8e3;padding:14px 16px;font-size:17px;background:#fff;box-shadow:0 8px 18px rgba(15,23,42,.04)}.history-search-box small{color:#68717c;font-weight:700}.autocomplete-wrap{position:relative}.autocomplete-menu{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:50;background:#fff;border:1px solid #dbe2ea;border-radius:16px;box-shadow:0 18px 46px rgba(15,23,42,.16);overflow:hidden}.autocomplete-menu button{display:flex;width:100%;justify-content:space-between;gap:12px;align-items:center;border:0;background:#fff;padding:13px 14px;text-align:left;cursor:pointer;border-bottom:1px solid #edf1f5}.autocomplete-menu button:hover{background:#f7f9fc}.autocomplete-menu button:last-child{border-bottom:0}.autocomplete-menu strong{font-size:14px}.autocomplete-menu span{font-size:12px;color:#68717c;font-weight:800;white-space:nowrap}.recent-actions button,.history-actions button{border:0;border-radius:10px;background:#ffd23f;color:#111;font-weight:1000;padding:8px 10px;cursor:pointer;text-decoration:none}.recent-actions button.is-added,.history-actions button.is-added,.print-actions button.is-added{background:#1f9d55!important;color:#fff!important}.print-cart-panel{margin-top:20px;background:linear-gradient(135deg,#fff,#f6f8fb);border:1px solid #dfe5ec;border-radius:24px;padding:20px;box-shadow:0 14px 34px rgba(15,23,42,.07)}.cart-list{display:grid;gap:10px;margin-top:12px}.cart-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:12px 14px}.cart-row span{font-weight:900}.cart-row button{border:0;border-radius:10px;background:#f1f3f5;color:#111;font-weight:900;padding:8px 10px;cursor:pointer}.cart-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.admin-master-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:16px 0}.master-card{background:linear-gradient(135deg,#111,#2a2d34);color:#fff;border-radius:20px;padding:18px;box-shadow:0 16px 36px rgba(0,0,0,.14)}.master-card span{display:block;color:#cfd6df;font-weight:800;font-size:13px}.master-card strong{display:block;margin-top:6px;font-size:25px;line-height:1.05}.master-card small{color:#dbe2ea}.chart-card-wide{margin:16px 0}.day-chart{display:flex;align-items:end;gap:10px;min-height:150px;padding:14px 8px 4px}.day-bar{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:6px;min-width:34px;height:132px}.day-bar span{display:block;width:100%;max-width:34px;background:linear-gradient(180deg,#111,#444b57);border-radius:10px 10px 4px 4px;min-height:8px}.day-bar em{font-style:normal;font-size:11px;color:#68717c;font-weight:900}.day-bar b{font-size:13px}.batch-print-body{background:#cfd5dd}.batch-pages{display:grid;gap:10mm}.batch-page{page-break-after:always;break-after:page}.batch-page:last-child{page-break-after:auto;break-after:auto}.batch-actions{max-width:560px}.history-actions{display:flex;gap:6px;flex-wrap:wrap}.history-actions button,.history-actions a{white-space:nowrap}@media(max-width:1000px){.admin-master-grid{grid-template-columns:1fr}.cart-row{align-items:flex-start;flex-direction:column}.cart-actions .mini-action{width:100%;justify-content:center}.autocomplete-menu{position:static;margin-top:8px}.day-chart{overflow-x:auto}.day-bar{min-width:44px}.recent-actions{display:grid;grid-template-columns:1fr;gap:8px}.recent-actions button,.recent-actions a{width:100%;text-align:center;justify-content:center}}
@media print{.batch-print-body{background:#fff!important}.batch-actions{display:none!important}.batch-pages{display:block!important;gap:0!important}.batch-page{width:196mm!important;height:283mm!important;margin:0 auto!important;box-shadow:none!important;transform:none!important;page-break-after:always!important;break-after:page!important}.batch-page:last-child{page-break-after:auto!important;break-after:auto!important}}
/* V15.0 - ajustes seguros de usabilidade */
button:disabled,
.btn:disabled{
cursor:wait;
opacity:.72;
filter:saturate(.7);
}
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible{
outline:3px solid rgba(255,210,63,.9);
outline-offset:3px;
}
.recent-actions{
grid-template-columns:repeat(3,minmax(0,1fr));
}
.recent-actions button,
.recent-actions a,
.history-actions button,
.history-actions a,
.cart-row button{
min-height:40px;
line-height:1.15;
}
.check-summary,
.calc-preview,
.info-box,
.form-error{
overflow-wrap:anywhere;
}
.autocomplete-menu button{
min-height:48px;
}
.autocomplete-menu strong{
overflow:hidden;
text-overflow:ellipsis;
}
@media(max-width:1000px){
.top-session-pro nav a,
.top-session-pro nav button,
.mobile-bottom-nav a,
.mobile-bottom-nav button{
min-height:44px;
}
.btn{
min-height:58px;
}
}
/* V15.1 - Login profissional e Central de Impressao */
.login-pro-shell{
position:relative;
z-index:1;
width:min(1120px,100%);
min-height:min(720px,calc(100vh - 48px));
display:grid;
grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
gap:18px;
align-items:stretch;
}
.login-showcase,
.login-pro-card{
border:1px solid rgba(255,255,255,.18);
box-shadow:0 28px 80px rgba(0,0,0,.34);
}
.login-showcase{
position:relative;
overflow:hidden;
border-radius:32px;
padding:30px;
background:
linear-gradient(135deg,rgba(5,5,5,.96),rgba(31,35,43,.94)),
radial-gradient(circle at 20% 20%,rgba(255,210,63,.22),transparent 34%);
color:#fff;
min-height:620px;
}
.login-brand-mark{
position:relative;
z-index:2;
width:150px;
height:112px;
display:flex;
align-items:center;
justify-content:center;
background:#fff;
color:#050505;
border-radius:0 52px 52px 0;
font-size:38px;
font-weight:1000;
line-height:.86;
box-shadow:0 18px 44px rgba(0,0,0,.26);
}
.poster-stack{
position:absolute;
inset:92px 24px 146px;
perspective:1000px;
}
.animated-poster{
position:absolute;
width:min(310px,44%);
min-height:390px;
display:flex;
flex-direction:column;
justify-content:space-between;
padding:22px;
border:4px solid #111;
border-radius:8px;
background:#fff;
color:#111;
box-shadow:0 28px 70px rgba(0,0,0,.34);
transform-origin:center;
animation:posterFloat 6s ease-in-out infinite;
}
.animated-poster span{
display:inline-flex;
width:max-content;
max-width:100%;
padding:7px 10px;
border-radius:999px;
background:#111;
color:#fff;
font-size:13px;
font-weight:1000;
}
.animated-poster strong{
display:block;
font-size:52px;
line-height:1;
font-weight:1000;
overflow-wrap:anywhere;
}
.animated-poster small{
color:#424b57;
font-weight:1000;
}
.poster-one{
left:5%;
top:5%;
z-index:3;
background:linear-gradient(180deg,#fff,#f8fafc);
animation-delay:-.6s;
}
.poster-two{
right:10%;
top:15%;
z-index:2;
background:linear-gradient(180deg,#fff9d8,#fff);
transform:rotate(6deg);
animation-delay:-2.4s;
}
.poster-three{
left:31%;
bottom:0;
z-index:1;
background:linear-gradient(180deg,#eef6ff,#fff);
transform:rotate(-5deg);
animation-delay:-4s;
}
@keyframes posterFloat{
0%,100%{translate:0 0; rotate:0deg}
50%{translate:0 -14px; rotate:1.4deg}
}
.login-showcase-copy{
position:absolute;
left:30px;
right:30px;
bottom:28px;
z-index:4;
}
.login-showcase-copy span,
.central-kicker{
display:inline-flex;
width:max-content;
max-width:100%;
padding:7px 10px;
border-radius:999px;
background:#ffd23f;
color:#111;
font-size:12px;
font-weight:1000;
text-transform:uppercase;
}
.login-showcase-copy h1{
margin:12px 0 8px;
max-width:610px;
font-size:40px;
line-height:1.04;
letter-spacing:0;
}
.login-showcase-copy p{
max-width:560px;
margin:0;
color:#dce3ec;
line-height:1.5;
}
.login-pro-card{
width:100%;
border-radius:32px;
padding:30px;
}
.login-logo-compact{
width:132px!important;
height:102px!important;
font-size:34px!important;
margin:0 auto 14px!important;
}
.login-pro-title h1{
font-size:44px;
}
.login-pro-card .login-form-clean button{
background:linear-gradient(135deg,#050505,#232832)!important;
}
.print-central-panel{
position:relative;
overflow:hidden;
border-color:#cfd8e3!important;
background:linear-gradient(135deg,#ffffff 0%,#f7fafc 58%,#fff7d6 100%)!important;
}
.print-central-panel:before{
content:"";
position:absolute;
inset:0;
border-top:4px solid #ffd23f;
pointer-events:none;
}
.central-head{
position:relative;
z-index:1;
display:flex;
justify-content:space-between;
gap:18px;
align-items:center;
margin-bottom:16px;
}
.central-head h2{
margin:10px 0 6px;
font-size:28px;
letter-spacing:0;
}
.central-head p{
margin:0;
color:#596474;
line-height:1.45;
font-weight:700;
}
.central-count{
min-width:132px;
min-height:104px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
border-radius:22px;
background:#111;
color:#fff;
box-shadow:0 18px 42px rgba(0,0,0,.18);
}
.central-count strong{
font-size:42px;
line-height:1;
}
.central-count span{
color:#ffd23f;
font-size:12px;
font-weight:1000;
text-transform:uppercase;
}
.central-empty{
border:1px dashed #c9d3df;
background:rgba(255,255,255,.72);
}
.cart-list{
position:relative;
z-index:1;
}
.cart-row{
border-radius:12px!important;
box-shadow:0 10px 24px rgba(15,23,42,.05);
}
.cart-row span{
display:flex;
align-items:center;
gap:10px;
min-width:0;
}
.cart-row span b{
flex:0 0 30px;
width:30px;
height:30px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:999px;
background:#111;
color:#ffd23f;
font-size:13px;
}
.central-actions{
position:relative;
z-index:1;
}
.central-primary{
background:#111!important;
color:#fff!important;
min-height:46px;
padding-inline:18px!important;
}
.recent-actions button,
.history-actions button{
background:#ffd23f;
color:#111;
}
.print-actions-pro{
max-width:520px;
}
@media(max-width:1000px){
.login-pro-shell{
min-height:0;
display:flex;
flex-direction:column;
gap:14px;
}
.login-showcase{
min-height:430px;
padding:20px;
border-radius:26px;
}
.login-brand-mark{
width:118px;
height:88px;
font-size:30px;
}
.poster-stack{
inset:78px 14px 126px;
}
.animated-poster{
width:48%;
min-height:250px;
padding:14px;
}
.animated-poster strong{
font-size:34px;
}
.poster-three{
display:none;
}
.login-showcase-copy{
left:20px;
right:20px;
bottom:20px;
}
.login-showcase-copy h1{
font-size:27px;
}
.login-pro-card{
padding:24px;
border-radius:26px;
}
.central-head{
align-items:stretch;
flex-direction:column;
}
.central-count{
min-width:0;
min-height:78px;
flex-direction:row;
gap:10px;
}
.central-actions .mini-action{
width:100%;
justify-content:center;
}
}
@media(max-width:430px){
.login-showcase{
min-height:390px;
}
.poster-stack{
inset:76px 10px 128px;
}
.animated-poster{
min-height:215px;
}
.animated-poster span,
.animated-poster small{
font-size:10px;
}
.animated-poster strong{
font-size:29px;
}
.login-showcase-copy p{
display:none;
}
}
@media(prefers-reduced-motion:reduce){
.animated-poster{
animation:none!important;
}
}
/* V15.2 - impressao em lote: 1 cartaz por folha A4 */
.generate-actions{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
}
.generate-actions .btn{
min-height:64px;
}
.btn-queue{
background:#ffd23f!important;
color:#111!important;
border:1px solid rgba(17,17,17,.12)!important;
}
@media(max-width:1000px){
.generate-actions{
grid-template-columns:1fr;
position:sticky;
bottom:70px;
z-index:20;
}
.generate-actions .btn{
position:static!important;
}
}
@media print{
html.batch-print-html,
html.batch-print-html body.batch-print-body{
width:auto!important;
height:auto!important;
min-height:0!important;
margin:0!important;
padding:0!important;
overflow:visible!important;
background:#fff!important;
}
html.batch-print-html .batch-pages{
display:block!important;
width:196mm!important;
margin:0 auto!important;
padding:0!important;
}
html.batch-print-html .batch-page{
display:block!important;
width:196mm!important;
height:283mm!important;
margin:0 auto!important;
padding:0!important;
overflow:hidden!important;
box-shadow:none!important;
transform:none!important;
break-after:page!important;
page-break-after:always!important;
break-inside:avoid!important;
page-break-inside:avoid!important;
}
html.batch-print-html .batch-page:last-child{
break-after:auto!important;
page-break-after:auto!important;
}
html.batch-print-html .batch-page .poster{
width:100%!important;
height:100%!important;
}
}
/* V15.4 - UX operacional: preview, atalhos, barra fixa e feedback */
.live-preview-panel{
display:grid;
grid-template-columns:minmax(0,.92fr) minmax(280px,360px);
gap:18px;
align-items:center;
margin:18px 0;
padding:18px;
border:1px solid #dbe4ef;
border-radius:24px;
background:linear-gradient(135deg,#fff,#f8fbff);
box-shadow:0 16px 36px rgba(15,23,42,.06);
}
.live-preview-copy span{
display:inline-flex;
width:max-content;
max-width:100%;
padding:7px 10px;
border-radius:999px;
background:#111;
color:#ffd23f;
font-size:12px;
font-weight:1000;
text-transform:uppercase;
}
.live-preview-copy strong{
display:block;
margin-top:10px;
font-size:24px;
line-height:1.1;
}
.live-preview-copy small{
display:block;
margin-top:6px;
color:#647386;
font-weight:800;
}
.mini-poster{
width:100%;
aspect-ratio:196 / 283;
display:grid;
grid-template-rows:18% 26% 38% 18%;
overflow:hidden;
border:3px solid #111;
border-radius:10px;
background:#fff;
color:#111;
box-shadow:0 18px 42px rgba(15,23,42,.16);
}
.mini-poster-head{
display:grid;
grid-template-columns:72px 1fr;
align-items:center;
border-bottom:2px solid #111;
background:#f1f3f5;
}
.mini-poster-head span{
align-self:stretch;
display:flex;
align-items:center;
justify-content:center;
border-radius:0 34px 34px 0;
background:#000;
color:#fff;
font-weight:1000;
line-height:.86;
}
.mini-poster-head b{
text-align:center;
font-size:26px;
font-weight:1000;
overflow:hidden;
text-overflow:ellipsis;
}
.mini-product{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
padding:14px;
text-align:center;
}
.mini-product strong{
max-width:100%;
font-size:22px;
line-height:1.05;
font-weight:1000;
overflow-wrap:anywhere;
}
.mini-product small{
margin-top:5px;
max-width:100%;
color:#313846;
font-size:13px;
font-weight:900;
overflow-wrap:anywhere;
}
.mini-price-area{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:8px;
border-top:2px solid #111;
border-bottom:2px solid #111;
padding:10px;
text-align:center;
}
.mini-de{
display:flex;
align-items:center;
justify-content:center;
gap:8px;
font-weight:1000;
}
.mini-de span,
.mini-main-price span,
.mini-installments span,
.mini-footer span{
display:inline-flex;
border-radius:999px;
background:#111;
color:#fff;
padding:4px 10px;
font-size:12px;
font-weight:1000;
}
.mini-installments{
display:flex;
flex-direction:column;
align-items:center;
gap:2px;
}
.mini-installments strong{
font-size:52px;
line-height:.9;
font-weight:1000;
}
.mini-main-price strong{
display:block;
margin-top:2px;
font-size:42px;
line-height:1;
font-weight:1000;
}
.mini-footer{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:5px;
text-align:center;
}
.mini-footer strong{
font-size:22px;
line-height:1;
font-weight:1000;
}
.generate-actions{
position:sticky;
bottom:12px;
z-index:45;
padding:10px;
border:1px solid rgba(223,229,236,.9);
border-radius:22px;
background:rgba(255,255,255,.92);
backdrop-filter:blur(16px);
box-shadow:0 22px 50px rgba(15,23,42,.16);
}
.generate-actions .btn:disabled{
position:relative;
}
.generate-actions .btn:disabled:after{
content:"";
width:16px;
height:16px;
margin-left:10px;
display:inline-block;
vertical-align:-2px;
border:3px solid currentColor;
border-right-color:transparent;
border-radius:999px;
animation:spinLoad .7s linear infinite;
}
@keyframes spinLoad{to{transform:rotate(360deg)}}
.is-working-form .ranking-panel-pro{
opacity:.42;
transform:scale(.985);
filter:saturate(.72);
transition:.22s ease;
}
.queue-alert{
animation:queueFlash 1.2s ease both;
}
.queue-flash{
animation:queueFlash 1.2s ease both;
}
.count-pop{
animation:countPop .45s ease both;
}
@keyframes queueFlash{
0%{box-shadow:0 0 0 0 rgba(255,210,63,.6)}
45%{box-shadow:0 0 0 12px rgba(255,210,63,.18)}
100%{box-shadow:0 14px 34px rgba(15,23,42,.07)}
}
@keyframes countPop{
0%{transform:scale(1)}
45%{transform:scale(1.22)}
100%{transform:scale(1)}
}
@media(max-width:1000px){
.live-preview-panel{
grid-template-columns:1fr;
}
.mini-poster{
max-width:340px;
margin:auto;
}
.generate-actions{
bottom:74px;
}
}
@media(prefers-color-scheme:dark){
.admin-body-v14{
background:linear-gradient(135deg,#12161c,#1b2028);
}
.hub-card-v14,
.form-section,
.recent-panel-pro,
.print-central-panel,
.live-preview-panel{
border-color:#2f3845!important;
}
}
/* V15.5 - mobile operacional */
@media(max-width:760px){
html{
scroll-padding-top:14px;
scroll-padding-bottom:158px;
}
body.admin-body-v14{
padding:8px 8px calc(156px + env(safe-area-inset-bottom))!important;
background:#eef2f6!important;
}
.hub-wrap,
.hub-wrap.wide{
max-width:none!important;
width:100%!important;
}
.hub-card-v14{
padding:10px!important;
border-radius:18px!important;
box-shadow:none!important;
border-color:#e0e7ef!important;
}
.top-session-pro{
position:sticky;
top:6px;
z-index:70;
margin-bottom:10px!important;
padding:8px!important;
border-radius:16px!important;
box-shadow:0 10px 26px rgba(15,23,42,.12)!important;
}
.top-session-pro nav{
display:none!important;
}
.session-user{
padding:8px!important;
border-radius:14px!important;
}
.session-avatar{
width:40px!important;
height:40px!important;
flex-basis:40px!important;
border-radius:13px!important;
}
.session-user strong{
font-size:14px!important;
}
.session-user small{
font-size:11px!important;
}
.hub-hero-clean{
padding:8px 4px 12px!important;
margin-bottom:10px!important;
}
.hub-hero-pro h1{
font-size:25px!important;
line-height:1.05!important;
}
.hub-hero p,
.admin-kicker,
.creator-intro-pro,
.ranking-panel-pro{
display:none!important;
}
.form-grid{
gap:10px!important;
}
.form-section,
.recent-panel-pro,
.print-central-panel,
.live-preview-panel{
margin:10px 0!important;
padding:12px!important;
border-radius:16px!important;
box-shadow:0 8px 20px rgba(15,23,42,.05)!important;
}
.form-section h2{
font-size:18px!important;
margin-bottom:10px!important;
}
label{
margin-bottom:10px!important;
font-size:14px!important;
}
input,
textarea,
select{
min-height:48px!important;
margin-top:5px!important;
border-radius:13px!important;
padding:11px 12px!important;
font-size:16px!important;
}
textarea{
min-height:70px!important;
}
.model-grid-pro{
display:flex!important;
gap:8px!important;
overflow-x:auto!important;
padding:2px 2px 8px!important;
scroll-snap-type:x proximity;
-webkit-overflow-scrolling:touch;
}
.model-grid-pro .model-card{
flex:0 0 76%!important;
min-height:86px!important;
padding:13px!important;
border-radius:15px!important;
scroll-snap-align:start;
}
.model-grid-pro .model-card strong{
font-size:15px!important;
}
.model-grid-pro .model-card span{
font-size:12px!important;
}
.hint,
.calc-preview,
.info-box,
.check-summary{
font-size:13px!important;
padding:10px!important;
border-radius:12px!important;
}
.checkline label{
min-height:44px;
padding:10px!important;
font-size:13px!important;
}
.live-preview-panel{
grid-template-columns:1fr 150px!important;
gap:10px!important;
align-items:center!important;
}
.live-preview-copy span{
font-size:10px!important;
padding:5px 8px!important;
}
.live-preview-copy strong{
margin-top:7px!important;
font-size:16px!important;
}
.live-preview-copy small{
display:none!important;
}
.mini-poster{
max-width:150px!important;
border-width:2px!important;
border-radius:8px!important;
}
.mini-poster-head{
grid-template-columns:42px 1fr!important;
}
.mini-poster-head span{
font-size:10px!important;
}
.mini-poster-head b{
font-size:13px!important;
}
.mini-product{
padding:6px!important;
}
.mini-product strong{
font-size:12px!important;
}
.mini-product small{
font-size:8px!important;
}
.mini-price-area{
gap:3px!important;
padding:5px!important;
}
.mini-de span,
.mini-main-price span,
.mini-installments span,
.mini-footer span{
padding:2px 6px!important;
font-size:8px!important;
}
.mini-installments strong{
font-size:26px!important;
}
.mini-main-price strong{
font-size:22px!important;
}
.mini-footer strong{
font-size:11px!important;
}
.generate-actions{
position:fixed!important;
left:8px!important;
right:8px!important;
bottom:calc(72px + env(safe-area-inset-bottom))!important;
z-index:90!important;
display:grid!important;
grid-template-columns:1fr 1.15fr!important;
gap:8px!important;
padding:8px!important;
border-radius:18px!important;
background:rgba(255,255,255,.96)!important;
box-shadow:0 16px 38px rgba(15,23,42,.22)!important;
}
.generate-actions .btn{
min-height:50px!important;
padding:10px 8px!important;
border-radius:14px!important;
font-size:14px!important;
line-height:1.05!important;
box-shadow:none!important;
white-space:normal!important;
}
.btn-queue{
background:#ffd23f!important;
}
.recent-list{
gap:10px!important;
}
.recent-card{
border-radius:14px!important;
gap:10px!important;
padding:12px!important;
}
.recent-main strong{
font-size:14px!important;
}
.recent-main span,
.recent-main small{
font-size:11px!important;
}
.recent-actions{
grid-template-columns:1.15fr 1fr 1fr!important;
gap:6px!important;
}
.recent-actions button,
.recent-actions a{
min-height:42px!important;
padding:8px 6px!important;
border-radius:11px!important;
font-size:11px!important;
}
.central-head{
display:grid!important;
grid-template-columns:1fr auto!important;
align-items:center!important;
gap:10px!important;
}
.central-head h2{
margin:6px 0 3px!important;
font-size:20px!important;
}
.central-head p{
font-size:12px!important;
}
.central-count{
min-width:78px!important;
min-height:66px!important;
border-radius:16px!important;
}
.central-count strong{
font-size:30px!important;
}
.cart-row{
padding:10px!important;
border-radius:12px!important;
}
.cart-row span{
font-size:13px!important;
}
.cart-actions{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:8px!important;
}
.cart-actions .mini-action{
width:100%!important;
min-height:44px!important;
justify-content:center!important;
}
.mobile-bottom-nav{
position:fixed!important;
left:8px!important;
right:8px!important;
bottom:calc(8px + env(safe-area-inset-bottom))!important;
z-index:95!important;
height:58px!important;
display:grid!important;
grid-template-columns:repeat(4,1fr)!important;
gap:6px!important;
padding:6px!important;
border-radius:20px!important;
background:rgba(17,17,17,.94)!important;
border:1px solid rgba(255,255,255,.12)!important;
box-shadow:0 16px 36px rgba(0,0,0,.34)!important;
backdrop-filter:blur(18px);
}
.mobile-bottom-nav a,
.mobile-bottom-nav button{
position:relative;
min-height:46px!important;
padding:23px 4px 5px!important;
border-radius:15px!important;
background:transparent!important;
color:#fff!important;
font-size:10px!important;
line-height:1!important;
font-weight:900!important;
box-shadow:none!important;
}
.mobile-bottom-nav a:nth-child(1)::before{content:"+";}
.mobile-bottom-nav a:nth-child(2)::before{content:"◆";}
.mobile-bottom-nav a:nth-child(3)::before{content:"▣";}
.mobile-bottom-nav a:nth-child(4)::before{content:"↪";}
.mobile-bottom-nav a::before,
.mobile-bottom-nav button::before{
position:absolute;
top:6px;
left:50%;
transform:translateX(-50%);
display:flex;
align-items:center;
justify-content:center;
width:18px;
height:18px;
border-radius:999px;
background:#ffd23f;
color:#111;
font-size:12px;
font-weight:1000;
}
}
@media(max-width:380px){
.generate-actions .btn{
font-size:12px!important;
}
.mobile-bottom-nav a,
.mobile-bottom-nav button{
font-size:9px!important;
}
}
/* V15.6 - Navegacao mobile operacional */
.mobile-workflow-nav{
display:none;
}
#cartazForm,
#modeloCartaz,
#dadosCartaz,
#historicoRecente,
#centralImpressao{
scroll-margin-top:88px;
}
@media(max-width:760px){
.mobile-workflow-nav{
position:sticky;
top:64px;
z-index:50;
display:flex;
gap:8px;
overflow-x:auto;
padding:8px 2px 10px;
margin:0 0 8px;
background:linear-gradient(180deg,rgba(248,250,252,.98),rgba(248,250,252,.88));
backdrop-filter:blur(12px);
-webkit-overflow-scrolling:touch;
scrollbar-width:none;
}
.mobile-workflow-nav::-webkit-scrollbar{
display:none;
}
.mobile-workflow-nav a{
flex:0 0 auto;
min-width:86px;
min-height:42px;
display:inline-flex;
align-items:center;
justify-content:center;
border:1px solid #dfe5ec;
border-radius:14px;
background:#fff;
color:#111;
text-decoration:none;
font-size:13px;
font-weight:1000;
box-shadow:0 8px 18px rgba(15,23,42,.06);
}
.mobile-workflow-nav a.primary{
background:#111;
color:#fff;
border-color:#111;
}
#cartazForm,
#modeloCartaz,
#dadosCartaz,
#historicoRecente,
#centralImpressao{
scroll-margin-top:118px;
}
.mobile-bottom-nav a::before,
.mobile-bottom-nav button::before{
content:attr(data-icon)!important;
font-family:Arial, Helvetica, sans-serif;
}
}