:root{--red:#e30613;--red2:#b8000b;--soft:#fff1f2;--bg:#f5f6f8;--card:#fff;--text:#20242a;--muted:#707782;--line:#e6e8ec;--green:#18864b;--blue:#2387e8;--yellow:#f2c94c;--orange:#d66a00;--shadow:0 7px 24px #0000000a}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}.hidden{display:none!important}.app{min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:230px;background:linear-gradient(180deg,var(--red),var(--red2));color:#fff;padding:24px 14px;z-index:40}.brand{font-size:28px;font-weight:900;padding:0 10px 24px}.brand small{display:block;font-size:11px;letter-spacing:2.5px}.nav{display:grid;gap:7px}.nav button{border:0;background:transparent;color:#fff;padding:12px;border-radius:11px;text-align:left;cursor:pointer}.nav button.active,.nav button:hover{background:#ffffff25}.main{margin-left:230px;padding:24px;max-width:1500px}.top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.top h1{margin:0;color:var(--red);font-size:28px}.top p{margin:5px 0 0;color:var(--muted)}.userbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.pill{background:#fff;border:1px solid var(--line);padding:8px 11px;border-radius:999px;font-size:12px}.sync{font-weight:700}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:17px;box-shadow:var(--shadow)}.home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:18px 14px;min-height:142px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;cursor:pointer;box-shadow:var(--shadow);transition:.18s}.home-card:hover{transform:translateY(-2px);border-color:#ef9aa1}.home-card .ico{width:54px;height:54px;border-radius:17px;background:var(--soft);color:var(--red);display:grid;place-items:center;font-size:25px;font-weight:900}.home-card b{font-size:17px;margin-top:9px}.home-card small{color:var(--muted);margin-top:4px;line-height:1.25}.pace{margin-bottom:14px;padding:15px 17px;display:flex;align-items:center;justify-content:space-between;gap:12px}.pace b{display:block;font-size:17px}.pace small{color:var(--muted)}.pace-status{font-weight:800;color:var(--red);text-align:right}.pulse{animation:pulse 1.8s ease-in-out infinite;border-color:#f3a3a9!important;box-shadow:0 0 0 0 rgba(227,6,19,.22)}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(227,6,19,.16)}50%{box-shadow:0 0 0 8px rgba(227,6,19,0)}}.back{border:0;background:transparent;color:var(--red);font-weight:800;padding:6px 0;cursor:pointer;margin-bottom:8px}.form{display:grid;gap:13px;max-width:680px}.form label,.legend{font-size:12px;color:var(--muted);font-weight:800}.form input,.form select{width:100%;padding:12px;border:1px solid #daddE3;border-radius:11px;background:#fff;outline:none}.form input:focus,.form select:focus{border-color:var(--red)}.primary,.secondary{border-radius:11px;padding:11px 13px;font-weight:800;cursor:pointer}.primary{border:0;background:var(--red);color:#fff}.secondary{border:1px solid var(--red);background:#fff;color:var(--red)}.choice{display:flex;gap:8px;flex-wrap:wrap}.choice input{display:none}.choice label{border:1px solid var(--line);background:#fff;color:var(--text);padding:10px 13px;border-radius:12px;cursor:pointer;font-weight:800}.choice input:checked+label{background:var(--red);border-color:var(--red);color:#fff}.section{margin-top:14px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:700px}.table th,.table td{padding:11px 8px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}.table th{color:var(--muted);font-size:11px}.tag{display:inline-block;padding:5px 9px;border-radius:99px;background:#e9f7ef;color:var(--green);font-size:12px;font-weight:800}.tag.pending{background:#fff3dd;color:#9a5e00}.tag.connected{background:#e9f7ef;color:var(--green)}.tag.cancelled{background:#fff1f2;color:var(--red)}.meta-overview{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.compact{padding:14px}.pay{display:flex;align-items:center;gap:12px}.donut{width:58px;height:58px;border-radius:50%;position:relative;background:#e5e7eb}.donut:after{content:"";position:absolute;inset:11px;background:#fff;border-radius:50%}.legend{line-height:1.6}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.meta-card{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden;box-shadow:var(--shadow)}.meta-head{width:100%;border:0;background:#fff;padding:15px;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:8px}.meta-head b{font-size:17px}.meta-head small{display:block;color:var(--muted);margin-top:3px}.meta-detail{display:none;border-top:1px solid var(--line);padding:14px}.meta-card.open .meta-detail{display:block}.meta-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.stat{background:#f8f9fb;border-radius:11px;padding:10px}.stat small{display:block;color:var(--muted);font-size:11px}.stat b{display:block;margin-top:4px}.alerts{display:grid;gap:9px}.alert-item{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;border:1px solid #fed7aa;background:#fff8ec;border-radius:13px;padding:12px}.alert-item small{display:block;color:var(--muted);margin-top:4px}.alert-item .when{font-weight:900;color:var(--orange);white-space:nowrap}.alert-actions{grid-column:1/-1}.profile{display:flex;align-items:center;gap:14px}.avatar{width:72px;height:72px;border-radius:50%;background:#151515;color:#fff;display:grid;place-items:center;font-size:23px;font-weight:900;object-fit:cover}.profile h2{margin:0}.profile p{margin:4px 0 0;color:var(--muted)}.profile-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:14px}.profile-actions button{border:1px solid var(--line);background:#fff;border-radius:13px;padding:12px;text-align:left;cursor:pointer;font-weight:800}.profile-actions .danger{color:var(--red)}.rank-section h2{font-size:18px;color:var(--red)}.rank-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.rank-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:13px}.rank-card h3{margin:0 0 9px;font-size:15px}.rank-row{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid var(--line);font-size:13px}.rank-row:last-child{border-bottom:0}.rank-row b{white-space:nowrap}.bottom-nav{display:none}.login{position:fixed;inset:0;background:linear-gradient(150deg,#92000a,#e30613);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.login-box{width:min(430px,100%);background:#fff;border-radius:22px;padding:24px;box-shadow:0 24px 70px #0004}.login-box h1{color:var(--red);margin:0}.login-message{display:none;padding:10px 12px;border-radius:10px;font-size:13px;font-weight:700;line-height:1.35}.login-message.show{display:block}.login-message.error{background:#fff1f2;color:#a5000b;border:1px solid #ffc9ce}.login-message.ok{background:#edf9f1;color:#146b3a;border:1px solid #bfe8ce}.login-message.info{background:#f3f5f8;color:#4e5662;border:1px solid #dfe3e8}.vacation-card{display:none;margin:12px 0;padding:18px;border-radius:18px;background:linear-gradient(135deg,#fff7df,#fff1f2);border:1px solid #ffd8a8;text-align:center;overflow:hidden}.vacation-card.show{display:block;animation:vacPop .45s ease-out}.vacation-card .vac-emoji{font-size:48px;display:block;animation:vacFloat 2.2s ease-in-out infinite}.vacation-card b{display:block;color:var(--red);font-size:20px;margin:6px 0}.vacation-card p{margin:5px 0;color:#5f6670;line-height:1.45}.vacation-card small{display:block;margin-top:8px;font-weight:800;color:#8a5a00}@keyframes vacPop{from{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}@keyframes vacFloat{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-7px) rotate(3deg)}}.login-help{margin-top:13px;color:var(--muted);font-size:12px;line-height:1.45}.password-row{position:relative}.show-password{display:flex!important;align-items:center;gap:8px;color:var(--text)!important;font-size:13px!important;font-weight:700!important;cursor:pointer}.show-password input{width:18px!important;height:18px;margin:0}.access-modal{position:fixed;inset:0;background:#0009;z-index:130;display:none;align-items:center;justify-content:center;padding:18px}.access-modal.open{display:flex}.access-box{width:min(440px,100%);background:#fff;border-radius:20px;padding:22px;box-shadow:0 24px 70px #0005}.access-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.access-head h2{margin:0;color:var(--red)}.access-close{border:0;background:transparent;font-size:28px;line-height:1;cursor:pointer;color:var(--muted)}.toast{position:fixed;right:18px;bottom:18px;background:#20242a;color:#fff;padding:12px 16px;border-radius:11px;display:none;z-index:120}.empty{color:var(--muted);padding:10px 0}.manager-only,.admin-only{display:none}.show-manager{display:block}.home-card.show-manager{display:flex}.show-admin{display:block}.modal{position:fixed;inset:0;background:#0008;display:none;align-items:center;justify-content:center;padding:18px;z-index:90}.modal.open{display:flex}.modal-box{width:min(560px,100%);background:#fff;border-radius:18px;padding:18px}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head button{border:0;background:transparent;font-size:24px}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hint{font-size:12px;color:var(--muted)}.hierarchy-box{margin-bottom:14px}.crumbs{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0 12px}.crumbs button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 10px;cursor:pointer;font-size:12px;font-weight:800;color:var(--red)}.hierarchy-children{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.hierarchy-child{border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px;text-align:left;cursor:pointer}.hierarchy-child b{display:block}.hierarchy-child small{display:block;color:var(--muted);margin-top:3px}.scope-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px}.scope-metric{background:#f8f9fb;border-radius:12px;padding:10px}.scope-metric small{display:block;color:var(--muted);font-size:11px}.scope-metric b{display:block;margin-top:4px}.seller-pay{margin-top:12px;border:1px solid #ffd0d4;background:var(--soft);border-radius:14px;padding:13px}.seller-pay small{display:block;color:var(--muted)}.seller-pay strong{display:block;color:var(--red);font-size:24px;margin-top:4px} .seller-result{margin-bottom:14px;padding:16px 17px;border:1px solid #ffd0d4;background:linear-gradient(135deg,#fff,#fff3f4);border-radius:18px;box-shadow:var(--shadow)}.seller-result h2{margin:0;color:var(--red);font-size:18px}.seller-result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.seller-result-stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px}.seller-result-stat small{display:block;color:var(--muted);font-size:11px}.seller-result-stat b{display:block;margin-top:4px;font-size:16px}.seller-result-pay{margin-top:10px;background:var(--red);color:#fff;border-radius:13px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;gap:10px}.seller-result-pay small{opacity:.9}.seller-result-pay strong{font-size:22px}.seller-pay-value{display:flex;align-items:center;gap:10px}.pay-eye{width:38px;height:38px;border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.14);color:#fff;border-radius:10px;display:grid;place-items:center;font-size:19px;cursor:pointer;padding:0}.pay-eye:active{transform:scale(.96)}.seller-only{display:none}.show-seller{display:block}@media(max-width:700px){.seller-result-grid{grid-template-columns:repeat(2,1fr)}.seller-result-pay{align-items:flex-start;flex-direction:column}.seller-result-pay strong{font-size:24px}}@media(max-width:900px){.meta-grid,.rank-grid,.scope-summary{grid-template-columns:1fr}.main{padding:18px}.two{grid-template-columns:1fr}} @media(max-width:760px){.hierarchy-children{grid-template-columns:1fr}body{padding-bottom:74px}.sidebar{display:none}.main{margin-left:0;padding:14px}.top{align-items:flex-start;flex-direction:column}.top h1{font-size:24px}.userbar{width:100%}.pace{align-items:flex-start}.home-card{min-height:132px;padding:14px 8px}.home-card .ico{width:50px;height:50px}.meta-overview{grid-template-columns:1fr 1fr}.meta-grid{grid-template-columns:1fr}.profile-actions{grid-template-columns:1fr 1fr}.bottom-nav{display:grid;position:fixed;left:0;right:0;bottom:0;height:70px;background:#fff;border-top:1px solid var(--line);grid-template-columns:repeat(5,1fr);z-index:60;padding-bottom:max(3px,env(safe-area-inset-bottom))}.bottom-nav button{border:0;background:transparent;color:#59616d;font-size:10px;font-weight:800;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.bottom-nav button span{font-size:20px}.bottom-nav button.active{color:var(--red);background:var(--soft)}} @media(max-width:420px){.home-grid{gap:9px}.home-card{min-height:124px}.home-card b{font-size:15px}.meta-overview{grid-template-columns:1fr}.profile-actions{grid-template-columns:1fr}} .home-person{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%}.home-copy{min-width:0;flex:1}.home-avatar{width:78px;height:78px;border-radius:50%;object-fit:cover;background:#151515;color:#fff;display:grid;place-items:center;font-weight:900;font-size:17px;flex:0 0 auto}.home-person h1{font-size:21px!important}.home-person .role{margin:2px 0 0;color:var(--muted);font-size:12px;font-weight:800}.home-person .focus{margin:6px 0 0;color:var(--text);font-size:16px;font-weight:900;line-height:1.25}.alert-item.alert-yellow{background:#fffbea;border-color:#f4d35e}.alert-item.alert-yellow .when{color:#8a6d00}.alert-item.alert-orange{background:#fff3e8;border-color:#ffb36b}.alert-item.alert-orange .when{color:#b85b00}.alert-item.alert-red{background:#fff0f1;border-color:#ff9aa2}.alert-item.alert-red .when{color:var(--red)}.pulse-yellow{animation:pulseYellow 1.9s ease-in-out infinite}.pulse-orange{animation:pulseOrange 1.7s ease-in-out infinite}.pulse-red{animation:pulse 1.5s ease-in-out infinite}@keyframes pulseYellow{50%{box-shadow:0 0 0 8px rgba(242,201,76,0)}}@keyframes pulseOrange{50%{box-shadow:0 0 0 8px rgba(214,106,0,0)}}.whatsapp-btn{border:0;background:#168b49;color:#fff;border-radius:10px;padding:8px 10px;font-weight:800;cursor:pointer;white-space:nowrap}.profile-section{margin-top:12px}.profile-section h3{margin:0 0 10px;color:var(--red);font-size:16px}.profile-setting{display:grid;gap:8px}.profile-setting input,.profile-setting textarea{width:100%;padding:11px;border:1px solid var(--line);border-radius:11px;font:inherit}.profile-setting textarea{min-height:105px;resize:vertical}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.setting-row:last-child{border-bottom:0}.switch{width:20px;height:20px}.ceiling-burst{position:fixed;inset:0;pointer-events:none;z-index:200;overflow:hidden}.confetti{position:absolute;top:-20px;font-size:22px;animation:confettiFall 1.8s ease-out forwards}@keyframes confettiFall{to{transform:translate(var(--dx),105vh) rotate(540deg);opacity:.2}}.ceiling-pop{animation:ceilingPop .65s ease both}@keyframes ceilingPop{0%{transform:scale(.92)}55%{transform:scale(1.08)}100%{transform:scale(1)}} .seller-result-stat.result-red{background:#fff0f1;border:1px solid #ffb0b6}.seller-result-stat.result-red b{color:#c9000d}.seller-result-stat.result-yellow{background:#fff9dc;border:1px solid #efd66b}.seller-result-stat.result-yellow b{color:#7d6700}.seller-result-stat.result-green{background:#eaf8ef;border:1px solid #9ed8b5}.seller-result-stat.result-green b{color:#13703e}.seller-result-stat.result-blue{background:#eaf4ff;border:1px solid #9bc8f4}.seller-result-stat.result-blue b{color:#176db8}.calc-pay{margin-bottom:12px}.calc-pay-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.calc-pay h1{margin:4px 0;color:var(--red);font-size:32px}.eye-btn{border:1px solid var(--line);background:#fff;border-radius:50%;width:44px;height:44px;cursor:pointer;font-size:20px}.pay-progress{height:14px;background:#eceef1;border-radius:99px;overflow:hidden;margin-top:12px}.pay-progress-bar{height:100%;width:0;background:linear-gradient(90deg,var(--red),#ff6b74);border-radius:99px;transition:width .35s}.pay-progress-label{display:flex;justify-content:space-between;gap:10px;margin-top:7px;color:var(--muted);font-size:12px}.pay-progress-label b{color:var(--green)}.calc-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.calc-product{padding:14px}.calc-product h3{margin:0 0 9px}.calc-product p{margin:6px 0;font-size:13px}.calc-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:center}.calc-summary h2{margin:5px 0 0;color:var(--red)}@media(max-width:720px){.calc-product-grid{grid-template-columns:1fr}.calc-pay h1{font-size:28px}} .trustline{background:#111;color:#fff;padding:9px 12px;border-radius:12px;margin-top:7px;text-align:left;font-size:11px}.trustline .powered-brand{color:#39d353!important;font-weight:900}.demo-banner{border:1px solid #ffd1d5;background:#fff4f5;color:#a9000a;padding:10px 12px;border-radius:12px;font-size:12px;font-weight:900;letter-spacing:.2px}.demo-toolbar{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.demo-toolbar label{font-size:11px;font-weight:800;color:var(--muted)}.demo-toolbar select{display:block;width:100%;margin-top:5px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff}.demo-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:12px}.demo-kpi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px}.demo-kpi small{display:block;color:var(--muted);font-size:11px}.demo-kpi b{display:block;font-size:19px;margin-top:4px}.rank-demo-row{display:grid;grid-template-columns:56px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.rank-demo-row:last-child{border-bottom:0}.rank-pos{font-size:18px;font-weight:900;color:var(--red)}.rank-demo-row small{display:block;color:var(--muted);margin-top:2px}.rank-score{text-align:right;font-weight:900}.rank-score small{font-weight:700}.evo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}.evo-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px}.evo-card h3{margin:0 0 10px;font-size:15px}.evo-bars{display:grid;gap:8px}.evo-line{display:grid;grid-template-columns:45px 1fr 64px;gap:8px;align-items:center;font-size:12px}.evo-track{height:9px;background:#eceef1;border-radius:99px;overflow:hidden}.evo-fill{height:100%;background:var(--red);border-radius:99px}.evo-change{margin-top:9px;font-size:12px;font-weight:800}.up{color:var(--green)}.down{color:var(--red)}@media(max-width:760px){.demo-toolbar{grid-template-columns:1fr}.demo-kpis{grid-template-columns:1fr 1fr}.evo-grid{grid-template-columns:1fr}.trustline{background:#111;color:#fff;padding:9px 12px;border-radius:12px;text-align:left}.rank-demo-row{grid-template-columns:46px 1fr auto}} .status-board{margin:0 0 12px;padding:14px}.status-board h3{margin:0 0 10px;color:var(--red);font-size:15px}.status-row{display:grid;grid-template-columns:74px 1fr;gap:10px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line)}.status-row:last-child{border-bottom:0}.status-row>b{font-size:13px}.status-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.status-pill{border-radius:10px;padding:7px 6px;text-align:center;font-size:11px;font-weight:800}.status-pill.green{background:#eaf8ef;color:#13703e}.status-pill.yellow{background:#fff9dc;color:#7d6700}.status-pill.red{background:#fff0f1;color:#c9000d}.useful-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.useful-link{border:1px solid var(--line);background:#fff;border-radius:18px;padding:18px 12px;min-height:128px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;box-shadow:var(--shadow)}.useful-link .uico{font-size:30px}.useful-link b{margin-top:8px}.vpn-badge{margin-top:7px;background:#fff3dd;color:#9a5e00;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:900}.ranking-scope{margin-bottom:10px;color:var(--muted);font-size:12px;font-weight:700}.home-person h1{font-size:25px!important}.home-person .role{font-size:13px}.home-person .focus{font-size:14px!important;font-weight:800;max-width:360px}@media(max-width:700px){.home-avatar{width:74px;height:74px}.trustline{margin-top:8px;font-size:10px}.top{align-items:flex-start}.useful-grid{grid-template-columns:repeat(2,1fr)}} .routine-badge{margin-top:7px;padding:5px 9px;border-radius:999px;background:#fff0f1;color:var(--red);font-size:11px;font-weight:900}.sim-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.sim-actions button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:11px 8px;font-weight:900;cursor:pointer}.sim-actions button:hover{border-color:var(--red);color:var(--red)}.sim-result{margin-top:12px;padding:12px;border-radius:12px;background:#f8f9fb}.routine-list{display:grid;gap:9px}.routine-item{border:1px solid var(--line);background:#fff;border-radius:13px;padding:12px;text-align:left;cursor:pointer}.routine-item b{display:block}.routine-item small{display:block;color:var(--muted);margin-top:3px}@media(max-width:500px){.sim-actions{grid-template-columns:1fr}} .page-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.page-nav .back{margin:0}.home-shortcut{border:1px solid var(--line);background:#fff;color:var(--red);font-weight:800;padding:8px 11px;border-radius:10px;cursor:pointer}.fixed-scope{border:1px solid var(--line);background:#f8f9fb;border-radius:11px;padding:10px 12px;font-weight:800;color:var(--text);min-height:42px;display:flex;align-items:center} .message-badge{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:var(--red);color:#fff;font-size:10px;font-weight:900}.messages-layout{display:grid;grid-template-columns:360px 1fr;gap:12px}.message-list{display:grid;gap:8px}.message-item{border:1px solid var(--line);background:#fff;border-radius:13px;padding:11px;text-align:left;cursor:pointer}.message-item.unread{border-color:#f3a3a9;background:#fff6f7}.message-item small{display:block;color:var(--muted);margin-top:3px}.presence{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800}.presence-dot{width:8px;height:8px;border-radius:50%;background:#777}.presence.online .presence-dot{background:#1a9b55}.presence.ocupado .presence-dot{background:var(--red)}.message-compose{display:grid;gap:10px}.message-compose textarea{width:100%;min-height:110px;padding:12px;border:1px solid var(--line);border-radius:12px;resize:vertical}.emoji-row{display:flex;gap:5px;flex-wrap:wrap}.emoji-btn,.plus-btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:7px 9px;cursor:pointer}.attach-preview{font-size:12px;color:var(--muted)}.connected-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.connected-box{border:1px solid var(--line);border-radius:13px;padding:12px;text-align:center;background:#fff}.connected-box small{display:block;color:var(--muted)}.connected-box b{display:block;color:var(--red);font-size:24px;margin-top:3px}.headcount{font-weight:800;color:#555!important}.alert-extreme{border:2px solid #8b0000!important;background:#ffe7e7!important}.alert-red{border-color:#ff9aa1!important;background:#fff0f1!important}.alert-orange{border-color:#f2bd79!important;background:#fff6e8!important}.alert-yellow{border-color:#eadc83!important;background:#fffbe5!important}@media(max-width:760px){.messages-layout{grid-template-columns:1fr}.connected-strip{grid-template-columns:repeat(3,1fr)}.bottom-nav{grid-template-columns:repeat(6,1fr)!important}.bottom-nav button{font-size:9px!important}} .message-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:stretch}.message-row .message-item{min-width:0}.message-reply{border:1px solid var(--red);background:#fff;color:var(--red);border-radius:11px;padding:8px 11px;font-weight:800;cursor:pointer;align-self:center}.message-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#e30613;color:#fff;font-size:11px;font-weight:900;line-height:1;vertical-align:top}.bottom-nav button{position:relative}.bottom-nav .message-badge{position:absolute;top:2px;right:7px;border:2px solid #fff}.message-compose.replying{border-left:4px solid var(--red);padding-left:10px} @media(max-width:760px){ #home{width:100%;max-width:100%} #home>.top{width:auto;max-width:none} .home-person,.home-copy,.top,.userbar,.pace,.seller-result,.home-grid,.card{min-width:0;max-width:100%} .home-grid{width:100%} .bottom-nav{left:0!important;right:0!important;width:100%!important;max-width:100%!important} img,svg,canvas{max-width:100%} } /* v4 — metas por produto */ .premium-card-head .goal-product{font-size:12px;color:var(--prem-red);font-weight:900;background:#fff0f1;padding:5px 8px;border-radius:999px} .goal-carousel-dots{display:flex;justify-content:center;gap:6px;margin:8px 0 2px}.goal-carousel-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#d5d7db}.goal-carousel-dots button.active{width:20px;border-radius:6px;background:var(--prem-red)} .premium-goal-card.goal-switching .premium-goal-main,.premium-goal-card.goal-switching .premium-goal-note{animation:goalFade .28s ease}@keyframes goalFade{from{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:none}} @media(max-width:760px){.goal-carousel-dots{margin-top:5px}} /* Beta 1.6 — Vendas do Dia */ .daily-sales-card{width:100%;border:0;background:linear-gradient(135deg,#fff 0%,#fff8f8 100%);border-radius:18px;padding:15px 16px;margin:12px 0;box-shadow:0 7px 22px #0000000d;text-align:left;display:block;color:#222}.daily-sales-head{display:flex;align-items:center;gap:10px}.daily-sales-head>span:first-child{font-size:24px}.daily-sales-head b{font-size:16px;color:var(--red)}.daily-sales-head small{display:block;color:#777;margin-top:2px}.daily-sales-head strong{margin-left:auto;color:var(--red);font-size:13px}.daily-sales-numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:11px}.daily-sales-numbers span{background:#fff;border:1px solid #eee;border-radius:11px;padding:8px 4px;text-align:center}.daily-sales-numbers b{display:block;font-size:18px}.daily-sales-numbers small{font-size:10px;color:#777}.daily-toolbar{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;margin-bottom:12px}.daily-toolbar button{border:1px solid #ddd;background:#fff;border-radius:11px;padding:10px}.daily-toolbar input{width:100%;border:1px solid #ddd;border-radius:11px;padding:10px;font:inherit}.daily-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.daily-summary div{background:#fff;border-radius:13px;padding:10px;text-align:center;box-shadow:0 4px 14px #0000000a}.daily-summary b{display:block;font-size:21px;color:var(--red)}.daily-summary small{font-size:10px;color:#777}.daily-person{border:1px solid #eee;border-radius:14px;padding:12px;margin:9px 0;background:#fff}.daily-person-head{display:flex;justify-content:space-between;gap:8px}.daily-person small{color:#777}.daily-status{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.daily-status span{font-size:11px;background:#f6f6f6;border-radius:20px;padding:5px 8px}.calc-unavailable{padding:22px;text-align:center}.calc-unavailable .lock{font-size:34px}.calc-unavailable h2{color:var(--red);margin:8px 0}.sale-date-note{font-size:11px;color:#777;margin-top:4px} /* Web 1.6 — composição da remuneração e acompanhamento de teto */ .calc-weight-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)} .calc-weight-title b{font-size:14px}.calc-weight-title small{color:var(--muted);font-size:11px} .calc-weight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:10px} .calc-weight-card{border:1px solid var(--line);border-radius:15px;background:#fff;padding:14px 12px;text-align:center;box-shadow:0 4px 14px rgba(17,24,39,.04)} .calc-weight-card .wicon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;margin:0 auto 8px;background:#fff0f1;color:var(--red);font-size:18px;font-weight:900} .calc-weight-card b{display:block;color:var(--red);font-size:25px;line-height:1}.calc-weight-card small{display:block;color:var(--muted);font-size:11px;margin-top:6px;line-height:1.25} .ceiling-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:14px 0}.ceiling-kpi{border:1px solid var(--line);border-radius:14px;padding:13px;background:#fff}.ceiling-kpi small{display:block;color:var(--muted);font-size:11px}.ceiling-kpi b{display:block;margin-top:4px;font-size:22px;color:var(--red)} .ceiling-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff;margin-top:8px}.ceiling-row>span{min-width:0}.ceiling-row b{display:block;color:#176db8}.ceiling-row small{display:block;color:var(--muted);margin-top:3px;line-height:1.35}.ceiling-row strong{white-space:nowrap;color:var(--red);font-size:13px}.ceiling-row.hit{border-color:#f3a3a9;background:#fffafb}.ceiling-row.near{border-color:#efcf73;background:#fffdf4}.ceiling-note{margin-top:8px;color:var(--muted);font-size:11px;line-height:1.4} @media(max-width:520px){.calc-weight-grid{grid-template-columns:1fr}.calc-weight-card{display:grid;grid-template-columns:42px 58px 1fr;align-items:center;text-align:left;gap:10px;padding:11px 12px}.calc-weight-card .wicon{margin:0}.calc-weight-card b{font-size:23px}.calc-weight-card small{margin:0}.ceiling-summary{grid-template-columns:1fr 1fr}.ceiling-row{grid-template-columns:1fr}.ceiling-row strong{justify-self:start}} /* WSS Web 1.9.16 — base estável por etapas: marcas limpas + status na hierarquia */ .login-logo .brand-arrow{left:42px;top:-25px;width:55px;height:42px;transform:none;pointer-events:none} .login-logo .brand-arrow svg{width:100%;height:100%;stroke:#fff;stroke-width:5.5;fill:none;stroke-linecap:round;stroke-linejoin:round} .login-partner .claro-logo{display:inline-block;position:relative;color:#e30613;font-size:30px;font-weight:1000;letter-spacing:-2px;line-height:1;padding-right:8px} .login-partner .claro-word{display:inline-block} .login-partner .claro-rays{position:absolute;right:-4px;top:-9px;width:20px;height:20px} .login-partner .claro-rays i{position:absolute;display:block;width:8px;height:2.4px;border-radius:2px;background:#e30613;transform-origin:left center} .login-partner .claro-rays i:nth-child(1){left:2px;top:8px;transform:rotate(-155deg)} .login-partner .claro-rays i:nth-child(2){left:5px;top:4px;transform:rotate(-115deg)} .login-partner .claro-rays i:nth-child(3){left:10px;top:3px;transform:rotate(-75deg)} .login-partner .claro-rays i:nth-child(4){left:14px;top:6px;transform:rotate(-30deg)} .login-partner .claro-rays i:nth-child(5){left:15px;top:11px;transform:rotate(10deg)} .hierarchy-status{display:inline-flex!important;width:max-content;align-items:center;gap:4px;margin-top:5px;padding:4px 8px;border-radius:999px;font-size:11px!important;font-weight:850!important;line-height:1!important} .hierarchy-status.vacation{background:#fff4d8;color:#8a5a00;border:1px solid #f0d38b} .hierarchy-status.inactive{background:#f0f1f3;color:#5d626b;border:1px solid #d9dce1} .hierarchy-status.blocked{background:#fff0f1;color:#b0000d;border:1px solid #ffc8cd} .suggestion-card textarea,.admin-suggestion textarea{width:100%;padding:12px;border:1px solid #dadee5;border-radius:11px;background:#fff;resize:vertical;font:inherit}.suggestion-card select,.admin-suggestion select{width:100%;padding:11px;border:1px solid #dadee5;border-radius:11px;background:#fff}.suggestion-counter{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px}.suggestion-item,.admin-suggestion{border:1px solid var(--line);border-radius:14px;padding:12px;margin-top:9px;background:#fff}.suggestion-item-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.suggestion-item p,.admin-suggestion p{margin:8px 0;white-space:pre-wrap;line-height:1.4}.suggestion-meta{font-size:11px;color:var(--muted)}.suggestion-response{margin-top:9px;padding:10px;border-radius:11px;background:#f7f8fa;border-left:3px solid var(--red)}.suggestion-status{display:inline-block;padding:5px 9px;border-radius:999px;background:#f1f3f6;font-size:11px;font-weight:800}.admin-suggestion-grid{display:grid;grid-template-columns:180px 1fr;gap:9px}.admin-suggestion-actions{display:flex;gap:8px;align-items:end}.admin-suggestion-actions button{white-space:nowrap}@media(max-width:640px){.admin-suggestion-grid{grid-template-columns:1fr}.admin-suggestion-actions{align-items:stretch;flex-direction:column}} /* WSS Vendas Beta 1.6 — acabamento visual premium, sem alteração de regras */ :root{ --red:#cf0a17;--red2:#9f0711;--soft:#fff2f3;--bg:#f4f5f7;--card:#fff; --text:#17191d;--muted:#6f747c;--line:#e9e9ec;--green:#17814b; --shadow:0 12px 34px rgba(17,24,39,.075);--shadow-soft:0 5px 18px rgba(17,24,39,.055) } html{scroll-behavior:smooth} body{background:linear-gradient(180deg,#f7f7f8 0,#f2f3f5 100%);letter-spacing:-.006em} button,input,select,textarea{font-family:inherit} button{touch-action:manipulation} .card,.meta-card,.rank-card,.evo-card,.routine-item,.hierarchy-child,.useful-link,.message-item,.connected-box{ border-color:var(--line);box-shadow:var(--shadow-soft) } .card{border-radius:22px} .primary{min-height:46px;border-radius:14px;background:linear-gradient(135deg,var(--red),#e11b27);box-shadow:0 8px 20px rgba(207,10,23,.18);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease} .secondary{min-height:44px;border-radius:14px} .primary:active,.secondary:active,.home-card:active,.useful-link:active,.profile-actions button:active{transform:scale(.985)} .form input,.form select,.message-compose textarea,.demo-toolbar select{min-height:46px;border-radius:14px;background:#fbfbfc;border-color:#e1e3e7;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease} .form input:focus,.form select:focus,.message-compose textarea:focus,.demo-toolbar select:focus{background:#fff;border-color:#df6c74;box-shadow:0 0 0 4px rgba(207,10,23,.08);outline:0} .choice label{border-radius:14px;transition:.15s ease}.choice input:checked+label{box-shadow:0 6px 14px rgba(207,10,23,.14)} /* Desktop / notebook */ .sidebar{width:250px;background:linear-gradient(180deg,#b40814 0%,#8e0710 100%);padding:26px 16px;box-shadow:10px 0 34px rgba(71,4,10,.10)} .brand{position:relative;font-size:27px;line-height:1;padding:3px 12px 30px;letter-spacing:-1px} .brand:after{content:"Beta 1.6";display:inline-flex;margin-top:12px;padding:5px 8px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.10);font-size:10px;letter-spacing:.5px;font-weight:800} .brand small{margin-top:5px;font-size:10px;letter-spacing:3.2px;opacity:.86} .nav{gap:5px}.nav button{min-height:44px;padding:11px 13px;border-radius:13px;font-size:13px;font-weight:680;opacity:.9;transition:.15s ease} .nav button.active{background:#fff;color:#9f0711;box-shadow:0 7px 20px rgba(54,0,5,.17);opacity:1}.nav button:hover{background:rgba(255,255,255,.14);opacity:1}.nav button.active:hover{background:#fff} .main{margin-left:250px;padding:30px 34px 42px;max-width:1520px} section:not(#home){animation:wssFade .24s ease both}@keyframes wssFade{from{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:none}} .top{margin-bottom:18px}.top h1{font-size:29px;letter-spacing:-.7px;color:#222}.top p{font-size:13px} .page-nav{margin-bottom:14px}.back,.home-shortcut{border-radius:12px}.home-shortcut{box-shadow:var(--shadow-soft)} /* Home premium */ #home>.top{position:relative;overflow:hidden;display:block!important;padding:26px 28px;margin:-2px 0 18px;border-radius:28px;background:linear-gradient(135deg,#9d0610 0%,#c90b18 55%,#e01a26 100%);box-shadow:0 18px 46px rgba(144,0,11,.19);color:#fff} #home>.top:before{content:"";position:absolute;width:250px;height:250px;border-radius:50%;right:-80px;top:-150px;background:rgba(255,255,255,.08)} #home>.top:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:100px;bottom:-120px;background:rgba(255,255,255,.06)} #home .home-person{position:relative;z-index:1;align-items:center} #home .home-copy h1,#home .home-person h1{color:#fff!important;font-size:30px!important;letter-spacing:-.9px} #home .home-person .role{color:rgba(255,255,255,.86)!important;font-weight:700} #home .home-person .focus{color:#fff!important;opacity:.94;font-size:14px!important} #home .home-avatar{border:3px solid rgba(255,255,255,.78);background:#fff;color:#a00812;box-shadow:0 12px 30px rgba(72,0,6,.26)} #home .trustline{position:relative;z-index:1;width:max-content;max-width:100%;margin-top:13px;background:rgba(23,7,9,.26);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:999px;padding:8px 12px;color:rgba(255,255,255,.88)} #home .trustline .powered-brand{color:#fff!important} .pace{padding:17px 20px;border-radius:20px;background:linear-gradient(180deg,#fff,#fdfdfd)} .pace small{font-size:11px;text-transform:uppercase;letter-spacing:.7px;font-weight:800}.pace b{font-size:18px;margin-top:3px}.pace-status{padding:7px 10px;border-radius:999px;background:var(--soft);font-size:12px} .seller-result{border-radius:24px!important;overflow:hidden;box-shadow:var(--shadow)!important}.seller-result h2{font-size:18px!important;letter-spacing:-.3px} .seller-result-stat{border-radius:15px!important}.seller-result-stat b{font-size:20px!important}.seller-result-pay{border-radius:16px!important} .home-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px} .home-card{min-height:138px;border-radius:22px;padding:18px 14px;box-shadow:var(--shadow-soft);justify-content:flex-start;align-items:flex-start;text-align:left;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease} .home-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(17,24,39,.09);border-color:#e2c2c5} .home-card .ico{width:48px;height:48px;border-radius:15px;font-size:22px;background:linear-gradient(145deg,#fff0f1,#ffe4e6);box-shadow:inset 0 0 0 1px #ffdadd} .home-card b{font-size:15px;margin-top:13px}.home-card small{font-size:11px;line-height:1.35}.routine-badge{font-size:10px} /* Content cards */ .meta-card,.rank-card,.evo-card,.useful-link{border-radius:20px}.meta-head{padding:17px;border-radius:20px}.stat,.scope-metric,.sim-result{border-radius:14px} .alert-item{border-radius:16px;padding:14px}.tag{padding:5px 10px}.table th{letter-spacing:.35px}.table td{padding-top:13px;padding-bottom:13px} .profile-actions button{min-height:52px;border-radius:15px;box-shadow:var(--shadow-soft);transition:.15s ease} .useful-link{min-height:136px;transition:.16s ease}.useful-link:hover{transform:translateY(-2px);border-color:#e5c1c4}.useful-link .uico{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:var(--soft);font-size:23px} .message-item{border-radius:15px}.message-item.unread{box-shadow:0 8px 20px rgba(207,10,23,.08)}.message-reply{border-radius:13px} .connected-box{border-radius:16px;background:linear-gradient(180deg,#fff,#fafafa)} /* Mobile: iPhone + Android */ @media(max-width:760px){ html,body{width:100%;max-width:100%;overflow-x:hidden} body{background:#f5f5f7;padding-bottom:84px} .sidebar{display:none!important;width:0!important;min-width:0!important;visibility:hidden!important} .main{margin-left:0!important;width:100%!important;max-width:none!important;min-width:0!important;padding:0 12px 18px!important} .app{width:100%;max-width:100%;overflow-x:hidden} section{width:100%;max-width:100%;min-width:0} #home>.top{margin:0 -12px 14px;padding:calc(18px + env(safe-area-inset-top)) 17px 19px;border-radius:0 0 28px 28px;box-shadow:0 12px 30px rgba(144,0,11,.16)} #home .home-copy h1,#home .home-person h1{font-size:25px!important} #home .home-person .focus{margin-top:10px!important;font-size:13px!important} #home .home-avatar{width:70px;height:70px} #home .trustline{width:100%;border-radius:13px;font-size:9.5px;line-height:1.35;text-align:center} .top:not(#home>.top){padding-top:4px}.top h1{font-size:24px;letter-spacing:-.5px} .pace{margin:0 0 11px;padding:14px 15px;border-radius:17px;box-shadow:var(--shadow-soft)} .pace b{font-size:15px}.pace-status{font-size:10px;padding:6px 8px} .seller-result{border-radius:20px!important;margin-bottom:12px!important}.seller-result-grid{gap:7px!important}.seller-result-stat{padding:10px!important}.seller-result-stat b{font-size:17px!important} .home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px} .home-card{min-height:116px;padding:13px 12px;border-radius:18px;align-items:flex-start;text-align:left} .home-card .ico{width:42px;height:42px;border-radius:13px;font-size:19px}.home-card b{font-size:13.5px;margin-top:9px}.home-card small{font-size:10px;margin-top:3px}.home-card:hover{transform:none} .card{border-radius:18px;padding:15px} .page-nav{padding-top:9px}.back,.home-shortcut{min-height:38px} .form{gap:12px}.form input,.form select{font-size:16px;min-height:48px}.choice label{min-height:42px;display:flex;align-items:center} .primary,.secondary{min-height:48px} .meta-overview{gap:8px}.meta-card{border-radius:18px}.meta-head{padding:15px}.status-board{border-radius:18px} .useful-grid{gap:9px}.useful-link{min-height:112px;border-radius:18px;padding:14px 10px}.useful-link .uico{width:42px;height:42px;font-size:20px}.useful-link b{font-size:12px} .bottom-nav{height:78px!important;padding:5px 5px max(5px,env(safe-area-inset-bottom))!important;background:rgba(255,255,255,.94)!important;border-top:1px solid rgba(0,0,0,.06)!important;box-shadow:0 -8px 28px rgba(17,24,39,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)} .bottom-nav button{border-radius:13px!important;gap:3px!important;font-size:9px!important;font-weight:750!important;transition:.15s ease} .bottom-nav button span{font-size:19px!important}.bottom-nav button.active{background:#fff1f2!important;color:var(--red)!important} .bottom-nav .message-badge{top:2px!important;right:5px!important;min-width:18px;height:18px;font-size:10px} .toast{left:12px;right:12px;bottom:92px;text-align:center;border-radius:14px} .modal-box,.access-box{border-radius:22px} } @media(max-width:390px){ #home .home-avatar{width:62px;height:62px}.home-card{min-height:111px;padding:12px 10px}.home-card .ico{width:39px;height:39px}.home-card b{font-size:13px} } @media(min-width:761px) and (max-width:1120px){ .sidebar{width:218px}.main{margin-left:218px;padding:24px}.home-grid{grid-template-columns:repeat(3,minmax(0,1fr))} } @media(min-width:1121px){ #home{max-width:1180px}.messages-layout{grid-template-columns:minmax(300px,380px) minmax(420px,1fr)} } @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}} /* Interface premium fiel ao conceito aprovado */ :root{--prem-red:#c90916;--prem-red-dark:#99040d;--prem-ink:#17181b;--prem-muted:#737780;--prem-bg:#f6f6f7;--prem-line:#ececef} #home{max-width:1120px;margin:0 auto}.premium-logic-bridge{display:none!important} .premium-hero{position:relative;overflow:hidden;background:linear-gradient(145deg,#9c050e 0%,#c90a17 62%,#e11a26 100%);color:#fff;border-radius:0 0 30px 30px;padding:20px 22px 30px;margin:-30px -34px 18px;box-shadow:0 16px 40px rgba(142,0,10,.2)} .premium-hero:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;right:-80px;top:-110px;background:rgba(255,255,255,.07)} .premium-appbar{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;text-align:center;margin-bottom:24px}.premium-appbar>div strong{display:block;font-size:21px;line-height:1}.premium-appbar>div small{display:block;margin-top:5px;font-size:11px;opacity:.86}.hero-menu,.hero-bell{width:42px;height:42px;border:0;border-radius:12px;background:rgba(255,255,255,.1);color:#fff;font-size:21px}.premium-person{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:18px}.premium-person .home-copy h1{margin:0;color:#fff!important;font-size:27px!important}.premium-person .role{color:rgba(255,255,255,.9)!important;margin-top:4px}.premium-person .focus{color:rgba(255,255,255,.88)!important;font-size:12px!important;font-weight:600;margin-top:8px!important}.premium-person .home-avatar{width:76px;height:76px;background:#fff;color:#a70a13;border:3px solid #fff;box-shadow:0 9px 22px rgba(0,0,0,.16)} .premium-goal-card{background:#fff;border:1px solid var(--prem-line);border-radius:23px;padding:16px 18px;box-shadow:0 10px 28px rgba(17,24,39,.08);cursor:pointer}.premium-card-head{display:flex;align-items:center;gap:9px;font-size:13px}.premium-card-head .target-icon{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#fff0f1;color:var(--prem-red);font-weight:900}.premium-card-head>b{flex:1}.premium-card-head>span:last-child{color:var(--prem-muted);font-size:11px} .premium-goal-main{display:grid;grid-template-columns:1fr 118px 1fr;gap:8px;align-items:center;margin:15px 0}.premium-side-stat small,.premium-side-stat em{display:block;font-style:normal;color:var(--prem-muted);font-size:11px}.premium-side-stat strong{display:block;color:var(--prem-red);font-size:31px;line-height:1.05;margin:5px 0 2px}.premium-side-stat.right{text-align:right}.premium-side-stat.right strong{color:var(--prem-ink)} .premium-donut{width:112px;height:112px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--prem-red) 0deg,#e7e7e9 0deg);position:relative}.premium-donut:before{content:"";position:absolute;inset:11px;border-radius:50%;background:#fff}.premium-donut>div{position:relative;z-index:1;text-align:center}.premium-donut strong{display:block;font-size:28px}.premium-donut small{font-size:10px;color:var(--prem-muted)} .premium-goal-note{display:flex;gap:10px;align-items:center;background:#fff0f1;border-radius:13px;padding:10px 12px}.premium-goal-note>span{width:29px;height:29px;display:grid;place-items:center;background:#ffdfe2;color:var(--prem-red);border-radius:50%;font-weight:900}.premium-goal-note b{display:block;font-size:11px}.premium-goal-note small{display:block;color:#555b63;font-size:9.5px;margin-top:2px} .premium-section-title,.premium-quick-title{font-size:13px;font-weight:800;margin:17px 2px 10px}.premium-products{width:100%;border:0;background:transparent;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;text-align:left}.premium-product{background:#fff;border:1px solid var(--prem-line);border-radius:16px;padding:12px;box-shadow:0 5px 17px rgba(17,24,39,.05)}.premium-product i{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:var(--prem-red);color:#fff;font-style:normal;font-size:12px}.premium-product small{display:block;color:#333;font-size:10px;margin-top:8px}.premium-product strong{display:block;font-size:24px;line-height:1.1;margin-top:4px}.premium-product em{display:block;font-size:9px;color:var(--prem-muted);font-style:normal;margin-top:5px}.premium-product u{display:block;text-decoration:none;height:4px;background:#ececee;border-radius:99px;overflow:hidden;margin-top:8px}.premium-product u b{display:block;height:100%;width:0;background:var(--prem-red);border-radius:99px;transition:width .3s ease} .premium-fpd{width:100%;border:1px solid #f4a9ae;background:linear-gradient(90deg,#fff1f2,#fff7f7);border-radius:16px;padding:12px 13px;margin-top:13px;display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;text-align:left;color:var(--prem-ink)}.premium-fpd .fpd-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:#ffe0e3;color:var(--prem-red)}.premium-fpd b{display:block;font-size:12px}.premium-fpd small{display:block;color:#585d65;font-size:9.5px;margin-top:2px}.premium-fpd>strong{font-size:10px;color:var(--prem-red)} .premium-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.premium-quick-grid>button{min-height:102px;border:1px solid var(--prem-line);background:#fff;border-radius:17px;padding:12px;text-align:left;box-shadow:0 5px 18px rgba(17,24,39,.045);color:var(--prem-ink)}.premium-quick-grid>button>span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#fff0f1;color:var(--prem-red);font-size:15px}.premium-quick-grid b{display:block;font-size:12px;margin-top:9px}.premium-quick-grid small{display:block;color:var(--prem-muted);font-size:9px;margin-top:3px}.premium-quick-grid i{font-style:normal;display:inline-block;margin-top:6px} /* Demais telas seguem a mesma linguagem premium */ section:not(#home)>.top{background:linear-gradient(135deg,#a30610,#cf0b18);color:#fff;border-radius:20px;padding:16px 18px;box-shadow:0 10px 24px rgba(145,0,10,.12)}section:not(#home)>.top h1,section:not(#home)>.top p{color:#fff!important}.page-nav{margin-top:0}.back{color:var(--prem-red)}.card,.meta-card,.rank-card,.evo-card,.message-item,.profile-actions button{border-color:var(--prem-line);box-shadow:0 6px 20px rgba(17,24,39,.05)} .bottom-nav.premium-bottom{grid-template-columns:repeat(5,1fr)!important}.premium-bottom .premium-new-sale span{width:45px;height:45px;border-radius:50%;display:grid;place-items:center!important;background:linear-gradient(145deg,#d20a18,#a90611);color:#fff!important;font-size:28px!important;box-shadow:0 7px 17px rgba(190,4,18,.25);margin-top:-22px}.premium-bottom .premium-new-sale{color:#4e5560!important;background:transparent!important}.premium-bottom button.active{background:transparent!important;color:var(--prem-red)!important} @media(max-width:760px){body{background:var(--prem-bg)!important;padding-bottom:88px}.main{padding:0 12px 20px!important}.premium-hero{margin:0 -12px 14px;padding:calc(13px + env(safe-area-inset-top)) 16px 25px;border-radius:0 0 29px 29px}.premium-appbar{margin-bottom:20px}.premium-appbar>div strong{font-size:20px}.premium-person .home-copy h1{font-size:23px!important}.premium-person .home-avatar{width:67px;height:67px}.premium-goal-card{border-radius:19px;padding:14px}.premium-goal-main{grid-template-columns:1fr 96px 1fr;margin:13px 0}.premium-donut{width:92px;height:92px}.premium-donut:before{inset:10px}.premium-donut strong{font-size:24px}.premium-side-stat strong{font-size:27px}.premium-products{gap:7px}.premium-product{padding:10px 9px;border-radius:14px}.premium-product strong{font-size:22px}.premium-product small{font-size:9px}.premium-product em{font-size:8px}.premium-fpd{grid-template-columns:36px 1fr auto}.premium-quick-grid{grid-template-columns:repeat(2,1fr);gap:8px}.premium-quick-grid>button{min-height:94px;border-radius:15px}.premium-bottom{height:78px!important}.premium-bottom button{font-size:8.5px!important}.premium-bottom button span{font-size:18px!important}.premium-bottom .message-badge{right:8px!important;top:2px!important}section:not(#home)>.top{border-radius:0 0 20px 20px;margin:0 -12px 14px;padding:16px 16px 14px}.page-nav{padding-top:9px}.table{min-width:650px}} @media(max-width:370px){.premium-goal-main{grid-template-columns:1fr 84px 1fr}.premium-donut{width:82px;height:82px}.premium-side-stat strong{font-size:23px}.premium-product strong{font-size:20px}} /* Mobile-first: referência visual Premium aprovada. Desktop fica para uma etapa posterior. */ @media (max-width:760px){ html,body{width:100%;max-width:100%;overflow-x:hidden;background:#f5f5f5!important} .app,.main{width:100%!important;max-width:430px!important;margin:0 auto!important} .main{padding:0 14px 100px!important} #home{width:100%;max-width:none!important} .premium-hero{margin:0 -14px 0!important;padding:calc(14px + env(safe-area-inset-top)) 18px 58px!important;border-radius:0!important;box-shadow:none!important;background:linear-gradient(145deg,#a60712 0%,#c80b17 58%,#b60712 100%)!important} .premium-appbar{margin-bottom:24px!important}.premium-appbar>div strong{font-size:20px!important}.premium-appbar>div small{font-size:11px!important} .hero-menu,.hero-bell{width:38px!important;height:38px!important;border-radius:11px!important} .premium-person .home-copy h1{font-size:22px!important}.premium-person .role{font-size:14px!important}.premium-person .focus{display:none!important}.premium-person .home-avatar{width:72px!important;height:72px!important} .premium-goal-card{position:relative;margin:-36px 0 0!important;border-radius:18px!important;padding:14px 15px!important;box-shadow:0 8px 22px rgba(0,0,0,.09)!important} .premium-card-head{font-size:12px!important}.premium-goal-main{grid-template-columns:1fr 104px 1fr!important;margin:13px 0!important}.premium-donut{width:98px!important;height:98px!important}.premium-donut strong{font-size:25px!important} .premium-side-stat strong{font-size:26px!important}.premium-side-stat small,.premium-side-stat em{font-size:10px!important} .premium-goal-note{padding:9px 10px!important;border-radius:11px!important}.premium-goal-note b{font-size:10px!important}.premium-goal-note small{font-size:8.5px!important} .premium-section-title{margin:15px 1px 9px!important;font-size:12px!important}.premium-products{gap:7px!important}.premium-product{padding:10px 9px!important;border-radius:13px!important}.premium-product i{width:25px!important;height:25px!important}.premium-product strong{font-size:21px!important}.premium-product small{font-size:9px!important}.premium-product em{font-size:8px!important} .premium-fpd{margin-top:12px!important;padding:10px 11px!important;border-radius:13px!important}.premium-fpd b{font-size:11px!important}.premium-fpd small{font-size:8.5px!important}.premium-fpd>strong{font-size:9px!important} .premium-quick-title{display:none!important}.premium-quick-grid{display:none!important} .bottom-nav.premium-bottom{height:72px!important;grid-template-columns:repeat(5,1fr)!important;padding:4px 4px max(5px,env(safe-area-inset-bottom))!important}.premium-bottom button{font-size:8px!important}.premium-bottom button span{font-size:17px!important}.premium-bottom .premium-new-sale span{width:44px!important;height:44px!important;margin-top:-21px!important;font-size:27px!important} section:not(#home){padding-top:0!important}section:not(#home)>.top{margin:0 -14px 14px!important;border-radius:0!important;padding:calc(13px + env(safe-area-inset-top)) 16px 14px!important;background:linear-gradient(135deg,#a60712,#c90a17)!important} section:not(#home)>.top h1{font-size:20px!important}.page-nav{padding:8px 1px 0!important}.card{border-radius:15px!important;padding:14px!important}.form{gap:12px!important}.form input,.form select,.message-compose textarea{border-radius:10px!important;padding:11px!important}.primary,.secondary{border-radius:10px!important} } @media (min-width:761px){body:before{content:"WSS Vendas PAP — experiência responsiva";display:block;position:fixed;z-index:9999;left:50%;top:14px;transform:translateX(-50%);background:#17181b;color:#fff;padding:9px 14px;border-radius:999px;font:600 12px Inter,-apple-system,sans-serif;box-shadow:0 6px 20px #0003}} /* Mobile Premium — refinamento e menu Mais */ .more-screen{padding-bottom:10px}.more-groups{display:grid;gap:14px}.more-group{background:#fff;border:1px solid rgba(17,24,39,.06);border-radius:19px;overflow:hidden;box-shadow:0 8px 24px rgba(17,24,39,.05)}.more-group h2{margin:0;padding:13px 15px 7px;font-size:11px;letter-spacing:.85px;text-transform:uppercase;color:#858b95}.more-list{display:grid}.more-list button{min-width:0;border:0;border-top:1px solid #f0f1f3;background:#fff;padding:11px 14px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;text-align:left;color:var(--text)}.more-list button:first-child{border-top:0}.more-list button:active{background:#fafafa}.more-icon{width:38px;height:38px;border-radius:12px;background:#fff0f1;color:var(--red);display:grid;place-items:center;font-size:18px;font-weight:900}.more-list button>span:nth-child(2){min-width:0}.more-list b{display:block;font-size:14px;line-height:1.15}.more-list small{display:block;color:var(--muted);font-size:10.5px;margin-top:3px;white-space:normal}.more-list i{font-style:normal;color:#a1a6ae;font-size:22px;font-weight:400}.more-top{margin-bottom:12px!important} @media(max-width:760px){ .main{max-width:520px!important;margin:0 auto!important;padding-left:12px!important;padding-right:12px!important}.sidebar{display:none!important} .premium-hero{padding-left:17px!important;padding-right:17px!important;padding-bottom:24px!important}.premium-appbar{margin-bottom:19px!important}.premium-person{align-items:center!important}.premium-person .home-copy h1{font-size:24px!important;letter-spacing:-.55px!important}.premium-person .role{font-size:14px!important}.premium-person .focus{font-size:10.5px!important;opacity:.9}.premium-person .home-avatar{width:66px!important;height:66px!important} .premium-goal-card{padding:14px 14px 13px!important;box-shadow:0 10px 26px rgba(17,24,39,.07)!important}.premium-card-head b{font-size:14px!important}.premium-card-head>span:last-child{font-size:11px!important}.premium-goal-main{margin:12px 0!important;grid-template-columns:1fr 90px 1fr!important}.premium-donut{width:88px!important;height:88px!important}.premium-donut strong{font-size:23px!important}.premium-side-stat strong{font-size:25px!important}.premium-side-stat small,.premium-side-stat em{font-size:10px!important}.premium-goal-note{padding:10px 11px!important;border-radius:13px!important}.premium-goal-note b{font-size:11.5px!important}.premium-goal-note small{font-size:9.5px!important} .premium-section-title,.premium-quick-title{font-size:15px!important;margin-top:16px!important;margin-bottom:8px!important;letter-spacing:-.2px}.premium-products{gap:7px!important}.premium-product{padding:10px 8px 9px!important;min-height:112px!important}.premium-product i{width:30px!important;height:30px!important;font-size:14px!important}.premium-product small{font-size:9.5px!important}.premium-product strong{font-size:21px!important}.premium-product em{font-size:8.5px!important} .premium-fpd{margin-top:12px!important;padding:12px!important;border-radius:15px!important}.premium-fpd b{font-size:13.5px!important}.premium-fpd small{font-size:10px!important}.premium-fpd strong{font-size:10.5px!important} .premium-quick-grid{gap:8px!important}.premium-quick-grid>button{min-height:88px!important;padding:12px!important}.premium-quick-grid b{font-size:13px!important}.premium-quick-grid small{font-size:9.5px!important}.premium-quick-grid>button>span:first-child{width:35px!important;height:35px!important;font-size:16px!important} section:not(#home)>.top{background:linear-gradient(145deg,#d60816,#b60612)!important;color:#fff!important;box-shadow:none!important;border:0!important}.top h1{color:#fff!important;font-size:20px!important}.top p{color:rgba(255,255,255,.82)!important}.page-nav{display:flex!important;gap:8px!important}.page-nav .back,.page-nav .home-shortcut{font-size:11px!important;padding:8px 10px!important} .card{border-radius:17px!important}.form input,.form select{min-height:44px}.primary,.secondary{min-height:44px} .bottom-nav.premium-bottom{max-width:520px;left:50%!important;right:auto!important;transform:translateX(-50%);width:100%!important}.premium-bottom button{font-weight:800!important;letter-spacing:-.1px}.premium-bottom .premium-new-sale span{box-shadow:0 8px 20px rgba(190,4,18,.30)!important} .more-groups{gap:11px}.more-group{border-radius:17px}.more-list button{padding:10px 12px}.more-icon{width:36px;height:36px;border-radius:11px} } @media(min-width:761px){.more-screen{max-width:760px}} /* Ajuste de cabeçalho + Foque aqui em destaque */ @media(max-width:760px){ .premium-hero{padding-bottom:44px!important} .premium-appbar{margin-bottom:14px!important} .premium-appbar>div strong{font-size:18px!important;letter-spacing:-.25px}.premium-appbar>div small{font-size:10px!important} .premium-person{display:flex!important;flex-direction:column-reverse!important;justify-content:center!important;align-items:center!important;gap:7px!important;text-align:center!important} .premium-person .home-copy{min-width:0!important;width:100%!important}.premium-person .home-copy h1{font-size:22px!important;line-height:1.05!important;margin:0!important;white-space:normal!important}.premium-person .role{font-size:12.5px!important;line-height:1.2!important;margin-top:4px!important;white-space:normal!important}.premium-person .focus{display:none!important} .premium-person .home-avatar{width:68px!important;height:68px!important;flex:0 0 68px!important} .premium-goal-card{margin:-22px 0 0!important} .premium-routine{margin-top:10px;border:1px solid #f3c6ca;background:#fff;border-radius:15px;padding:12px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:11px;text-align:left;color:var(--text);box-shadow:0 8px 22px rgba(17,24,39,.05)} .premium-routine .routine-icon{width:44px;height:44px;border-radius:13px;background:#fff0f1;color:var(--red);display:grid;place-items:center;font-size:20px;font-weight:900}.premium-routine b{display:block;font-size:13.5px}.premium-routine small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.premium-routine .routine-home-badge{display:inline-flex;margin-top:5px;padding:4px 8px;border-radius:999px;background:#fff0f1;color:var(--red);font-size:9.5px;font-weight:800}.premium-routine>strong{font-size:10.5px;color:var(--red);white-space:nowrap} } @media(max-width:760px){ .premium-routine{width:100%!important;max-width:none!important;grid-template-columns:44px minmax(0,1fr) auto!important;padding:13px!important;border-radius:16px!important;background:linear-gradient(90deg,#fff7f7,#fff)!important} .premium-routine .routine-icon{width:42px!important;height:42px!important;border-radius:13px!important;background:#ffe8ea!important;color:var(--red)!important;font-size:24px!important;display:grid!important;place-items:center!important} .premium-routine>span:nth-child(2)>b{font-size:15px!important;line-height:1.15!important}.premium-routine>span:nth-child(2)>small{font-size:10.5px!important;color:var(--muted)!important}.premium-routine>strong{font-size:11px!important;color:var(--red)!important;white-space:nowrap!important} .routine-home-badge{display:inline-block!important;margin-top:6px!important;padding:5px 9px!important;border-radius:999px!important;background:#ffe9eb!important;color:var(--red)!important;font-size:10.5px!important;font-style:normal!important;font-weight:900!important} .routine-home-preview{grid-column:1/-1!important;margin-top:10px!important;background:#fff!important;border:1px solid #f3edef!important;border-radius:13px!important;overflow:hidden!important;text-align:left!important} .routine-preview-row{display:grid!important;grid-template-columns:26px minmax(0,1fr) auto!important;gap:9px!important;align-items:center!important;padding:9px 10px!important;border-top:1px solid #f1f1f2!important}.routine-preview-row:first-child{border-top:0!important} .routine-preview-row>b{width:24px!important;height:24px!important;border-radius:50%!important;background:#fff0f1!important;color:var(--red)!important;display:grid!important;place-items:center!important;font-size:10px!important}.routine-preview-row>span{min-width:0!important}.routine-preview-row strong{display:block!important;font-size:11px!important;line-height:1.2!important}.routine-preview-row small{display:block!important;font-size:9px!important;color:var(--muted)!important;line-height:1.25!important;margin-top:2px!important}.routine-preview-row>i{font-style:normal!important;color:#9298a1!important;font-size:19px!important}.routine-preview-empty{display:block!important;padding:11px!important;font-size:10.5px!important;font-weight:800!important;color:#37734f!important} .bottom-nav.premium-bottom button{font-size:10.5px!important;font-weight:900!important;line-height:1.05!important;color:#555d68!important}.bottom-nav.premium-bottom button span{font-size:20px!important;margin-bottom:3px!important}.bottom-nav.premium-bottom button.active{color:var(--red)!important}.bottom-nav.premium-bottom .premium-new-sale{font-size:10.5px!important;font-weight:900!important}.bottom-nav.premium-bottom .premium-new-sale span{font-size:30px!important} } /* Refinamento exclusivo do APK Android: escala premium + área segura da navegação do sistema */ @media(max-width:760px){ body.android-app{padding-bottom:calc(92px + var(--android-nav-inset,0px))!important} body.android-app .bottom-nav.premium-bottom{bottom:var(--android-nav-inset,0px)!important;height:82px!important;padding:6px 5px 7px!important} body.android-app .premium-bottom button{font-size:11px!important;font-weight:900!important;line-height:1.08!important} body.android-app .premium-bottom button span{font-size:21px!important;margin-bottom:4px!important} body.android-app .premium-bottom .premium-new-sale span{width:48px!important;height:48px!important;font-size:31px!important;margin-top:-23px!important} body.android-app .premium-person{gap:8px!important} body.android-app .premium-person .home-avatar{width:78px!important;height:78px!important;flex-basis:78px!important} body.android-app .premium-person .home-copy h1{font-size:25px!important;line-height:1.08!important;font-weight:900!important} body.android-app .premium-person .role{font-size:14px!important;line-height:1.2!important} body.android-app .premium-goal-card{padding:15px!important} body.android-app .premium-goal-title b{font-size:16px!important} body.android-app .premium-side-stat small{font-size:11px!important} body.android-app .premium-side-stat strong{font-size:29px!important} body.android-app .premium-donut strong{font-size:26px!important} body.android-app .premium-donut small{font-size:10px!important} body.android-app .premium-goal-note b{font-size:12.5px!important} body.android-app .premium-goal-note small{font-size:10.5px!important} body.android-app .premium-section-title{font-size:16px!important} body.android-app .premium-product{min-height:116px!important;padding:11px 9px 10px!important} body.android-app .premium-product i{width:32px!important;height:32px!important} body.android-app .premium-product small{font-size:10.5px!important} body.android-app .premium-product strong{font-size:24px!important} body.android-app .premium-product em{font-size:9.5px!important} body.android-app .premium-fpd b{font-size:15.5px!important} body.android-app .premium-fpd small{font-size:11px!important} body.android-app .premium-fpd strong{font-size:11.5px!important} body.android-app .premium-routine{padding:12px 13px!important} body.android-app .premium-routine>span:nth-child(2)>b{font-size:16px!important} body.android-app .premium-routine>span:nth-child(2)>small{font-size:11px!important} body.android-app .premium-routine>strong{font-size:11.5px!important} body.android-app .routine-home-badge{font-size:10.5px!important;margin-top:5px!important;padding:4px 9px!important} body.android-app .routine-home-preview{margin-top:8px!important} body.android-app .routine-preview-row{padding:7px 10px!important;gap:8px!important} body.android-app .routine-preview-row strong{font-size:11.5px!important} body.android-app .routine-preview-row small{font-size:9.5px!important;line-height:1.18!important} } :root{--android-top-inset:0px} body.android-app .premium-hero{padding-top:calc(14px + var(--android-top-inset,0px))!important} body.android-app section:not(#home) .page-nav{padding-top:calc(9px + var(--android-top-inset,0px))!important} #homeAvatarWrap,.profile #avatarWrap{cursor:pointer;touch-action:manipulation}.home-avatar,.avatar{transition:transform .16s ease,box-shadow .16s ease}#homeAvatarWrap:active .home-avatar,.profile #avatarWrap:active .avatar{transform:scale(.96)} .product-live-icon{font-style:normal!important;font-size:23px!important;line-height:1;display:grid!important;place-items:center;filter:saturate(.95);animation:productFloat 2.8s ease-in-out infinite}.premium-product:nth-child(2) .product-live-icon{animation-delay:.25s}.premium-product:nth-child(3) .product-live-icon{animation-delay:.5s}@keyframes productFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}} .avatar-preview-modal{position:fixed;inset:0;z-index:250;background:rgba(0,0,0,.88);display:none;align-items:center;justify-content:center;padding:24px}.avatar-preview-modal.open{display:flex}.avatar-preview-box{position:relative;width:min(92vw,520px);text-align:center}.avatar-preview-box img{display:block;width:min(86vw,460px);height:min(86vw,460px);max-height:70vh;object-fit:cover;border-radius:50%;margin:auto;border:5px solid #fff;box-shadow:0 24px 70px #000}.avatar-preview-close{position:absolute;right:0;top:-12px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#111;font-size:30px;line-height:1;z-index:2}.avatar-preview-name{color:#fff;font-weight:900;font-size:18px;margin-top:16px} .backup-hero{display:flex;align-items:center;justify-content:space-between;gap:14px}.backup-hero h2{margin:4px 0;color:var(--red)}.backup-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.backup-list{display:grid;gap:9px;margin-top:12px}.backup-item{border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fff}.backup-item small{display:block;color:var(--muted);margin-top:3px}.backup-item-actions{display:flex;gap:7px;flex-wrap:wrap}.security-note{border-left:4px solid var(--red)} @media(max-width:760px){.backup-hero,.backup-head,.backup-item{align-items:stretch;flex-direction:column}.backup-item-actions button{flex:1}.product-live-icon{font-size:21px!important}} /* Beta 1.6 — aplicação do visual Premium aprovado, preservando toda a lógica da 1.4 */ :root{--prem-red:#e53935;--prem-deep:#8f071c;--prem-ink:#17191d;--prem-bg:#f5f5f5;--prem-line:#ececef;--prem-muted:#6f737b} @media(max-width:760px){ html,body{background:#f4f4f5!important;color:#17191d!important} body.android-app{background:#f4f4f5!important} .main{max-width:520px!important;padding:0 12px calc(96px + var(--android-nav-inset,0px))!important} #home{padding-bottom:10px} .premium-hero{margin:0 -12px 0!important;padding:calc(13px + var(--android-top-inset,0px)) 18px 55px!important;border-radius:0!important;background: radial-gradient(circle at 78% 10%,rgba(255,255,255,.12),transparent 28%), linear-gradient(145deg,#d51924 0%,#bb0717 55%,#8e071b 100%)!important;color:#fff!important;box-shadow:none!important} .premium-appbar{display:grid!important;grid-template-columns:42px 1fr 42px!important;align-items:center!important;margin:0 0 17px!important;gap:8px!important} .premium-appbar>div{text-align:center!important;line-height:1.05!important} .premium-appbar>div strong{font-size:20px!important;font-weight:900!important;letter-spacing:-.35px!important} .premium-appbar>div small{display:block!important;font-size:10.5px!important;opacity:.9!important;margin-top:4px!important} .hero-menu,.hero-bell{width:40px!important;height:40px!important;border-radius:12px!important;background:rgba(255,255,255,.09)!important;color:#fff!important;border:1px solid rgba(255,255,255,.06)!important;font-size:22px!important;display:grid!important;place-items:center!important} .premium-person{display:grid!important;grid-template-columns:minmax(0,1fr) 78px!important;align-items:center!important;gap:14px!important;text-align:left!important;flex-direction:unset!important} .premium-person .home-copy{grid-column:1!important;grid-row:1!important;text-align:left!important} .premium-person #homeAvatarWrap{grid-column:2!important;grid-row:1!important;justify-self:end!important} .premium-person .home-copy h1{font-size:24px!important;line-height:1.08!important;font-weight:900!important;margin:0!important;letter-spacing:-.45px!important} .premium-person .role{font-size:14px!important;margin-top:5px!important;color:#fff!important;opacity:.96!important} .premium-person .focus{display:block!important;margin:7px 0 0!important;font-size:10px!important;color:rgba(255,255,255,.76)!important} .premium-person .home-avatar{width:76px!important;height:76px!important;flex-basis:76px!important;border:4px solid #fff!important;box-shadow:0 7px 22px rgba(0,0,0,.18)!important;background:#fff!important;color:#7f0b18!important} .premium-goal-card{margin:-36px 0 0!important;position:relative!important;border:1px solid #ededf0!important;border-radius:20px!important;padding:15px 15px 13px!important;background:#fff!important;box-shadow:0 10px 26px rgba(18,18,20,.08)!important} .premium-card-head{gap:8px!important}.premium-card-head .target-icon{width:30px!important;height:30px!important;background:#fff0f1!important;color:#d31121!important}.premium-card-head>b{font-size:15px!important}.premium-card-head .goal-product{color:#d31121!important;font-weight:900!important;font-size:11px!important}.premium-card-head>span:last-child{font-size:10.5px!important;color:#70747b!important} .premium-goal-main{grid-template-columns:1fr 106px 1fr!important;margin:14px 0 13px!important;align-items:center!important}.premium-donut{width:102px!important;height:102px!important}.premium-donut:before{inset:10px!important}.premium-donut strong{font-size:28px!important}.premium-donut small{font-size:10px!important}.premium-side-stat small{font-size:10.5px!important;color:#585d66!important}.premium-side-stat strong{font-size:30px!important;color:#d31121!important}.premium-side-stat.right strong{color:#17191d!important}.premium-side-stat em{font-size:9.5px!important} .premium-goal-note{border:0!important;background:#fff0f1!important;border-radius:12px!important;padding:10px 11px!important}.premium-goal-note>span{width:32px!important;height:32px!important;border-radius:10px!important;display:grid!important;place-items:center!important;background:#ffe1e4!important;color:#d31121!important;font-size:18px!important}.premium-goal-note b{font-size:11.5px!important}.premium-goal-note small{font-size:9.5px!important;color:#646972!important} .goal-carousel-dots{margin-top:9px!important} .premium-section-title{font-size:15px!important;font-weight:900!important;margin:16px 2px 9px!important;letter-spacing:-.2px!important} .premium-products{gap:8px!important}.premium-product{min-height:119px!important;padding:11px 10px 10px!important;border-radius:15px!important;border:1px solid #e9e9ec!important;background:#fff!important;box-shadow:0 6px 17px rgba(20,20,22,.045)!important}.premium-product i.product-live-icon{width:34px!important;height:34px!important;border-radius:50%!important;background:#d31121!important;color:#fff!important;font-size:19px!important;filter:none!important}.premium-product small{font-size:10px!important;color:#363a40!important;font-weight:700!important}.premium-product strong{font-size:25px!important}.premium-product em{font-size:9.5px!important}.premium-product u{height:4px!important;margin-top:9px!important;background:#efeff1!important}.premium-product u b{background:#d31121!important} .daily-sales-card{margin-top:12px!important;border-radius:15px!important;border:1px solid #ececef!important;background:#fff!important;box-shadow:0 6px 17px rgba(20,20,22,.045)!important;padding:12px!important}.daily-sales-head span:first-child{width:36px!important;height:36px!important;display:grid!important;place-items:center!important;border-radius:11px!important;background:#fff0f1!important}.daily-sales-head b{font-size:14px!important;color:#d31121!important}.daily-sales-head strong{font-size:10.5px!important;color:#d31121!important}.daily-sales-numbers{margin-top:9px!important;border-top:1px solid #f0f0f2!important;padding-top:9px!important}.daily-sales-numbers b{font-size:17px!important}.daily-sales-numbers small{font-size:8.5px!important} .premium-fpd{margin-top:11px!important;border-radius:15px!important;border:1px solid #efadb2!important;background:#fff1f2!important;padding:11px 12px!important}.premium-fpd .fpd-icon{width:36px!important;height:36px!important;background:#ffe2e5!important}.premium-fpd b{font-size:13.5px!important}.premium-fpd small{font-size:9.5px!important}.premium-fpd>strong{font-size:10px!important;background:#ffe3e6!important;padding:7px 10px!important;border-radius:999px!important} .premium-routine{margin-top:11px!important;border-radius:15px!important;background:#fff!important;border:1px solid #ececef!important;box-shadow:0 6px 17px rgba(20,20,22,.045)!important} .bottom-nav.premium-bottom{height:80px!important;background:rgba(255,255,255,.98)!important;border-top:1px solid #e9e9ec!important;box-shadow:0 -7px 24px rgba(25,25,28,.07)!important;padding:6px 5px max(7px,env(safe-area-inset-bottom))!important} .premium-bottom button{font-size:10px!important;font-weight:800!important;color:#545963!important}.premium-bottom button span{font-size:20px!important}.premium-bottom button.active{color:#d31121!important}.premium-bottom .premium-new-sale span{width:50px!important;height:50px!important;margin-top:-25px!important;background:linear-gradient(145deg,#d51a25,#a90716)!important;box-shadow:0 8px 20px rgba(170,8,22,.28)!important} section:not(#home)>.top{margin:0 -12px 15px!important;padding:calc(12px + var(--android-top-inset,0px)) 16px 14px!important;border-radius:0 0 18px 18px!important;background:linear-gradient(145deg,#d51924,#a90717)!important;box-shadow:0 6px 18px rgba(148,5,20,.14)!important} section:not(#home)>.top h1{font-size:19px!important;font-weight:900!important;color:#fff!important}.top p{font-size:10.5px!important;color:rgba(255,255,255,.82)!important} .page-nav{margin:0 -12px!important;padding:calc(8px + var(--android-top-inset,0px)) 12px 7px!important;background:#b50918!important}.page-nav .back,.page-nav .home-shortcut{color:#fff!important;background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:10px!important;padding:8px 10px!important} .card{background:#fff!important;border:1px solid #ececef!important;border-radius:16px!important;box-shadow:0 6px 18px rgba(25,25,28,.045)!important}.form input,.form select,.message-compose textarea{border-color:#e5e5e8!important;background:#fff!important}.primary{background:#d31121!important}.secondary{border-color:#d31121!important;color:#d31121!important} .more-group{border-radius:16px!important;border-color:#ececef!important;box-shadow:0 6px 18px rgba(25,25,28,.045)!important}.more-icon{background:#fff0f1!important;color:#d31121!important} } @media(max-width:370px){.premium-person{grid-template-columns:minmax(0,1fr) 68px!important}.premium-person .home-avatar{width:66px!important;height:66px!important}.premium-goal-main{grid-template-columns:1fr 88px 1fr!important}.premium-donut{width:86px!important;height:86px!important}.premium-side-stat strong{font-size:25px!important}} html,body{min-height:100%;overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent} @media(max-width:760px){body{padding-bottom:env(safe-area-inset-bottom)}.bottom-nav{padding-bottom:max(7px,env(safe-area-inset-bottom))!important}.login{padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom))}} /* iPhone/iOS PWA: mantém botões e cabeçalhos fora da área do relógio/notch/Dynamic Island. */ @supports (padding-top: env(safe-area-inset-top)) { @media (max-width:760px) { body:not(.android-app) .premium-hero { padding-top: calc(13px + env(safe-area-inset-top)) !important; } body:not(.android-app) section:not(#home) > .top { padding-top: calc(12px + env(safe-area-inset-top)) !important; } body:not(.android-app) .page-nav { padding-top: calc(8px + env(safe-area-inset-top)) !important; } body:not(.android-app) .bottom-nav.premium-bottom { padding-bottom: max(5px, env(safe-area-inset-bottom)) !important; height: calc(72px + env(safe-area-inset-bottom)) !important; } } } /* WSS Web 1.2 — layout visual padronizado + ícones vetoriais */ .wss-product-svg{width:31px;height:31px;display:block;color:#d31121} .premium-product .wss-product-svg{width:32px;height:32px;color:#d31121} .premium-product i.product-live-icon{background:#fff0f1!important;color:#d31121!important;border:1px solid #ffd5d9!important} .premium-product i.product-live-icon .wss-product-svg{width:25px;height:25px} .product-choice-label{display:flex!important;align-items:center!important;gap:9px!important;justify-content:flex-start!important} .product-choice-label .wss-product-svg{width:25px;height:25px;flex:0 0 25px} .product-choice-label .choice-text{font-weight:800} .product-choice-label.combo .combo-icons{display:inline-flex;align-items:center;gap:2px;min-width:54px} .product-choice-label.combo .wss-product-svg{width:20px;height:20px;flex-basis:20px} #sale .card{border-radius:18px!important;box-shadow:0 8px 24px rgba(20,20,22,.06)!important} #sale .top h1{font-weight:900!important;letter-spacing:-.35px} #sale .top p{opacity:.92} #sale .choice label{min-height:48px;border-radius:13px!important;transition:.18s ease} #sale .choice input:checked+label{box-shadow:0 0 0 2px rgba(211,17,33,.12) inset} .premium-section-title{font-weight:900!important} .premium-products{align-items:stretch} .premium-product{display:flex;flex-direction:column} .premium-product strong{margin-top:auto} .premium-product small{font-weight:800!important} .premium-fpd .fpd-icon{background:#fff0f1!important;color:#d31121!important;border:1px solid #ffd5d9} .premium-new-sale span{box-shadow:0 8px 22px rgba(211,17,33,.28)} /* WSS Web 1.6 — Login Comercial fiel ao mockup aprovado */ .login{position:fixed;inset:0;z-index:100;display:block;overflow-y:auto;overflow-x:hidden;padding:0;background:#fff;color:#20242a;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain} .login-box{width:100%;min-height:100%;background:#fff;border-radius:0;padding:0 20px calc(28px + env(safe-area-inset-bottom));box-shadow:none;display:flex;flex-direction:column;align-items:center} .login-hero{width:calc(100% + 40px);margin:0 -20px 28px;padding:calc(52px + env(safe-area-inset-top)) 24px 56px;min-height:285px;color:#fff;text-align:center;position:relative;overflow:hidden;background:linear-gradient(145deg,#a0000a 0%,#df0613 70%,#bb000c 100%);border-radius:0 0 50% 16% / 0 0 17% 7%} .login-hero:before{content:"";position:absolute;left:26px;top:calc(24px + env(safe-area-inset-top));width:62px;height:48px;opacity:.28;background-image:radial-gradient(circle,#ff6c73 2.2px,transparent 2.6px);background-size:15px 15px} .login-hero:after{content:"";position:absolute;right:13px;bottom:36px;width:245px;height:135px;opacity:.15;background:linear-gradient(135deg,transparent 0 42%,#fff 43% 46%,transparent 47%),linear-gradient(90deg,transparent 0 13%,#fff 13% 18%,transparent 18% 29%,#fff 29% 36%,transparent 36% 48%,#fff 48% 57%,transparent 57% 70%,#fff 70% 82%,transparent 82%);transform:skewY(-12deg)} .login-brand{position:relative;z-index:2;display:inline-block} .login-logo{font-size:70px;line-height:.84;font-weight:1000;letter-spacing:-6px;text-shadow:0 5px 16px #5b000555;position:relative} .login-logo .brand-arrow{position:absolute;left:46px;top:-28px;width:45px;height:47px;transform:rotate(-5deg)} .login-logo .brand-arrow svg{width:100%;height:100%;stroke:#fff;stroke-width:8;fill:none;stroke-linecap:round;stroke-linejoin:round} .login-logo-sub{font-size:29px;font-weight:950;letter-spacing:8px;margin-top:15px} .login-hero p{position:relative;z-index:2;margin:13px 0 0;font-size:16px;font-weight:500} .login-content{width:min(470px,100%);text-align:center} .login-content h1{margin:0;color:#17191d;font-size:27px;font-weight:950;letter-spacing:-.6px} .login-subtitle{margin:6px 0 22px;color:#7a7f87;font-size:15px} .login .form{max-width:none;gap:11px} .login-field{position:relative;display:block} .login-field .field-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#e30613;z-index:2;width:24px;height:24px;display:grid;place-items:center} .login-field .field-icon svg,.login-field .eye-btn svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round} .login-field input{height:58px!important;padding:12px 53px!important;border:1px solid #e1e3e7!important;border-radius:14px!important;box-shadow:0 5px 16px #0000000a;background:#fff!important;font-size:16px!important;font-weight:650;color:#23262b!important} .login-field input::placeholder{color:#9ca0a7!important;font-weight:650;opacity:1} .login-field input:focus{border-color:#e30613!important;box-shadow:0 0 0 3px #e3061312} .login-field .eye-btn{position:absolute;right:17px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#858a91;width:28px;height:28px;padding:2px;cursor:pointer} .login-forgot{text-align:right;margin:-1px 4px 4px}.login-forgot button{border:0;background:transparent;color:#d80a18;font-size:12.5px;font-weight:850;padding:4px;cursor:pointer} .login #loginBtn{height:56px;border-radius:14px;background:linear-gradient(90deg,#ef0716,#d9000e);font-size:18px;font-weight:900;box-shadow:0 9px 22px #e3061330;display:flex;align-items:center;justify-content:center;gap:10px} .login #loginBtn .enter-icon{width:25px;height:25px}.login #loginBtn .enter-icon svg{width:100%;height:100%;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round} .login-security{display:flex;align-items:center;justify-content:center;gap:9px;color:#707782;font-size:11.5px;margin:17px 0 16px;white-space:nowrap}.login-security:before,.login-security:after{content:"";height:1px;background:#d7d9dd;flex:1}.login-security .shield{color:#e30613;width:20px;height:20px;flex:0 0 20px}.login-security .shield svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round} .login-benefits{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:#fff;border:1px solid #eceef1;border-radius:17px;padding:16px 4px 17px;box-shadow:0 9px 24px #00000010} .login-benefit{padding:0 9px;min-width:0}.login-benefit+.login-benefit{border-left:1px solid #e7e8eb}.login-benefit .benefit-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;margin:0 auto 8px;background:linear-gradient(145deg,#f1111c,#d9000e);color:#fff}.login-benefit .benefit-icon svg{width:28px;height:28px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.login-benefit b{display:block;color:#d80a18;font-size:12.5px}.login-benefit small{display:block;color:#565c65;font-size:9.2px;line-height:1.35;margin-top:5px} .login-slogan{margin:24px 0 4px;text-align:center;text-transform:uppercase;font-weight:1000;line-height:1.07;letter-spacing:-.5px}.login-slogan .line1{display:block;font-size:20px;color:#17191d}.login-slogan .divider{display:flex;align-items:center;justify-content:center;gap:8px;margin:8px auto 5px;width:92px}.login-slogan .divider:before,.login-slogan .divider:after{content:"";height:2px;background:#e30613;flex:1}.login-slogan .divider i{width:6px;height:6px;border-radius:50%;background:#e30613}.login-slogan .line2{display:block;font-size:25px;color:#17191d}.login-slogan .multi{color:#e30613;font-size:34px;font-style:italic;display:inline-block;margin-left:6px;border-bottom:3px solid #e30613;padding:0 4px 2px 0;transform:skewX(-4deg)} .login-partner{margin-top:21px;display:flex;align-items:center;justify-content:center;gap:14px}.login-partner .claro-logo{position:relative;color:#e30613;font-size:30px;font-weight:1000;letter-spacing:-2px;line-height:1}.login-partner .claro-rays{position:absolute;right:-13px;top:-7px;width:17px;height:17px}.login-partner .claro-rays i{position:absolute;display:block;width:9px;height:2.5px;border-radius:2px;background:#e30613;transform-origin:left center}.login-partner .claro-rays i:nth-child(1){left:4px;top:0;transform:rotate(-58deg)}.login-partner .claro-rays i:nth-child(2){left:8px;top:6px;transform:rotate(0deg)}.login-partner .claro-rays i:nth-child(3){left:4px;top:12px;transform:rotate(58deg)}.login-partner .copy{text-align:left;font-size:10.5px;line-height:1.25;color:#333}.login-partner .copy b{display:block}#loginMessage{margin-top:4px} @media(max-width:390px){.login-hero{min-height:257px;padding-top:calc(45px + env(safe-area-inset-top));padding-bottom:49px}.login-logo{font-size:62px}.login-logo .brand-arrow{left:41px;top:-25px;width:40px}.login-logo-sub{font-size:25px}.login-hero p{font-size:15px}.login-content h1{font-size:25px}.login-benefit{padding:0 5px}.login-benefit small{font-size:8.2px}.login-slogan .line1{font-size:18px}.login-slogan .line2{font-size:22px}.login-slogan .multi{font-size:31px}.login-partner .claro-logo{font-size:28px}} @media(min-width:700px){.login-box{padding-bottom:40px}.login-hero{min-height:300px;border-radius:0 0 45% 15% / 0 0 25% 9%}.login-content{width:min(560px,92vw)}} /* WSS Web 1.9.16 — identidade visual aprovada: WSS Vendas PAP + logo Claro oficial fornecido */ .login-hero{background:#fff!important;color:#20242a!important;border-radius:0 0 42px 42px!important;box-shadow:0 10px 26px rgba(22,24,28,.06)!important;padding-top:calc(34px + env(safe-area-inset-top))!important;padding-bottom:28px!important;min-height:285px!important} .login-hero:before{left:24px!important;top:calc(24px + env(safe-area-inset-top))!important;width:64px!important;height:50px!important;opacity:.16!important;background-image:radial-gradient(circle,#e30613 2.1px,transparent 2.6px)!important} .login-hero:after{right:-18px!important;bottom:-20px!important;width:230px!important;height:120px!important;opacity:.055!important;background:linear-gradient(135deg,transparent 0 42%,#e30613 43% 46%,transparent 47%),linear-gradient(90deg,transparent 0 13%,#e30613 13% 18%,transparent 18% 29%,#e30613 29% 36%,transparent 36% 48%,#e30613 48% 57%,transparent 57% 70%,#e30613 70% 82%,transparent 82%)!important} .login-brand{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important} .login-brand-image{display:block;width:min(390px,calc(100vw - 48px));max-width:100%;height:auto;max-height:220px;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.08))} .login-hero p{color:#5f6670!important;font-weight:700!important;margin-top:4px!important} .login-partner{gap:12px!important;margin-top:19px!important} .login-partner .claro-logo-image{display:block;width:92px;height:auto;object-fit:contain;flex:0 0 auto} .login-partner .copy{font-size:10.5px!important} @media(max-width:390px){.login-hero{min-height:250px!important;padding-top:calc(30px + env(safe-area-inset-top))!important;padding-bottom:24px!important}.login-brand-image{width:min(320px,calc(100vw - 52px));max-height:178px}.login-partner .claro-logo-image{width:84px}} @media(min-width:700px){.login-hero{min-height:300px!important;border-radius:0 0 46px 46px!important}.login-brand-image{width:430px;max-height:240px}} /* Android/PWA scroll fix: content scrolls freely while bottom navigation remains fixed */ html,body{min-height:100%;height:auto!important;overflow-x:hidden;overflow-y:auto!important;overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y!important} .app,.main,main,section{touch-action:pan-y!important}.main{padding-bottom:calc(108px + env(safe-area-inset-bottom))!important}.bottom-nav{position:fixed!important} @media(max-width:760px){body{overflow-y:auto!important;position:static!important}.app{min-height:100dvh!important;height:auto!important;overflow:visible!important}.main{min-height:100dvh!important;height:auto!important;overflow:visible!important;padding-bottom:calc(112px + env(safe-area-inset-bottom))!important}main section{min-height:auto!important;overflow:visible!important}.table-wrap{overflow-x:auto!important;overflow-y:visible!important;max-height:none!important}} .login-street-carousel{width:100%;margin:2px 0 18px} .login-street-frame{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:16/9;background:#161616} .login-street-slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .45s ease} .login-street-slide.is-on{opacity:1;z-index:1} .login-street-slide img{width:100%;height:100%;object-fit:cover;display:block} .login-street-slide figcaption{position:absolute;left:0;right:0;bottom:0;padding:34px 16px 14px;background:linear-gradient(transparent,rgba(0,0,0,.78));color:#fff;text-align:left} .login-street-slide figcaption strong{display:block;font-size:15px;line-height:1.15;font-weight:950;text-transform:uppercase;letter-spacing:-.2px} .login-street-slide figcaption span{display:block;margin-top:4px;font-size:12px;font-weight:650;opacity:.95} .login-street-dots{display:flex;justify-content:center;gap:6px;margin-top:9px} .login-street-dots button{width:7px;height:7px;border:0;border-radius:50%;background:#d5d8dd;padding:0;cursor:pointer} .login-street-dots button.is-on{background:#e30613;width:16px;border-radius:99px} .login-purpose{margin-top:18px;padding:17px;border-radius:18px;background:linear-gradient(145deg,#fff6f7,#fff);border:1px solid #f2d9dc}.login-purpose>strong{display:block;text-align:center;color:var(--red);font-size:13px;letter-spacing:.6px;margin-bottom:10px}.login-purpose p{margin:8px 0;color:#4e5662;font-size:12px;line-height:1.42}.login-purpose b{color:#20242a}.login-message{white-space:pre-line} /* Foque Aqui */ .premium-routine{border-color:#efb9be!important;background:linear-gradient(100deg,#fff2f3,#fff)!important}.premium-routine .routine-icon{background:#e30613!important;color:#fff!important}.routine-home-preview{display:grid!important}.focus-headline{display:flex;align-items:center;gap:10px;margin-bottom:12px}.focus-headline .focus-target{width:48px;height:48px;border-radius:15px;background:#fff0f1;color:var(--red);display:grid;place-items:center;font-size:25px}.focus-headline h2{margin:0;color:#20242a;font-size:20px}.focus-headline p{margin:3px 0 0;color:var(--muted);font-size:12px}.focus-list{display:grid;gap:10px}.focus-item{width:100%;border:1px solid var(--line);background:#fff;border-radius:15px;padding:13px;text-align:left;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center}.focus-item .fi{width:38px;height:38px;border-radius:12px;background:#fff1f2;color:var(--red);display:grid;place-items:center}.focus-item b{display:block;font-size:13px}.focus-item small{display:block;color:var(--muted);font-size:10.5px;margin-top:3px;line-height:1.3}.focus-item.good .fi{background:#eaf8ef;color:#18864b}.focus-item.warn .fi{background:#fff5e6;color:#c76a00}.focus-item.critical .fi{background:#ffe8ea;color:#b8000b}.focus-item>i{font-style:normal;color:#aaa;font-size:20px} /* Reports hub */ .report-intro{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.report-intro small{color:var(--muted)}.report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.report-card{border:1px solid var(--line);background:#fff;border-radius:17px;padding:15px;text-align:left;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:11px;box-shadow:var(--shadow)}.report-card .ri{width:44px;height:44px;border-radius:13px;background:#fff0f1;color:var(--red);display:grid;place-items:center;font-size:21px}.report-card b{display:block;font-size:14px}.report-card small{display:block;color:var(--muted);font-size:10.5px;margin-top:3px;line-height:1.25}.report-card i{font-style:normal;color:#a0a5ad;font-size:22px}.report-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:12px}.report-kpi{background:#fff;border:1px solid var(--line);border-radius:15px;padding:13px}.report-kpi small{display:block;color:var(--muted);font-size:10px}.report-kpi b{display:block;font-size:22px;color:var(--red);margin-top:4px}.report-table{width:100%;border-collapse:collapse;min-width:560px}.report-table th,.report-table td{padding:10px 8px;border-bottom:1px solid var(--line);text-align:left;font-size:12px}.report-table th{font-size:10px;color:var(--muted);text-transform:uppercase}.report-title{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:12px}.report-title h2{margin:0;color:var(--red);font-size:20px}.report-title p{margin:4px 0 0;color:var(--muted);font-size:11px}.report-note{font-size:11px;color:var(--muted);line-height:1.4}.report-pill{display:inline-flex;padding:4px 8px;border-radius:999px;background:#fff0f1;color:var(--red);font-size:10px;font-weight:800} /* Next month goal */ .next-goal-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.next-goal-head h2{margin:2px 0;color:var(--red);font-size:18px}.next-goal-head p{margin:4px 0;color:var(--muted);font-size:11px}.next-goal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:13px}.next-goal-grid label{font-size:11px;color:var(--muted);font-weight:800}.next-goal-grid input{width:100%;margin-top:5px;padding:11px;border:1px solid var(--line);border-radius:11px;background:#fff}.next-goal-actions{display:flex;justify-content:flex-end;margin-top:11px}.next-goal-saved{color:var(--green);font-size:11px;font-weight:800} .pending-age{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:800}.pending-age.normal{background:#edf9f1;color:#18864b}.pending-age.attention{background:#fff5df;color:#9a5e00}.pending-age.critical{background:#ffe8ea;color:#b8000b} @media(max-width:760px){.report-grid{grid-template-columns:1fr}.report-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.next-goal-grid{grid-template-columns:1fr}.report-card{padding:13px}.focus-headline h2{font-size:18px}} /* Web 1.9.16 — tela inicial aprovada: Foque Aqui primeiro + meta interativa */ #home .home-focus-card{position:relative;margin:-36px 0 14px;border:1px solid #ececef;background:#fff;border-radius:20px;padding:16px;box-shadow:0 10px 26px rgba(18,18,20,.08);display:block;width:100%;text-align:left;color:var(--prem-ink)} #home .home-focus-top{display:flex;align-items:center;gap:10px;margin-bottom:5px} #home .home-focus-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fff0f1;color:var(--prem-red);font-size:20px;flex:0 0 38px} #home .home-focus-title{font-size:19px;font-weight:900;color:var(--prem-red);flex:1} #home .home-focus-today{font-style:normal;font-size:10px;font-weight:800;color:var(--prem-red);background:#fff0f1;border-radius:999px;padding:5px 9px} #home .home-focus-link{font-size:10.5px;font-weight:900;color:var(--prem-red);white-space:nowrap} #home .home-focus-sub{display:block;color:var(--prem-muted);font-size:11px;margin:0 0 10px 48px} #home .routine-home-badge{display:none!important} #home .routine-home-preview{display:grid!important;gap:0!important;margin:0!important} #home .routine-preview-row{display:grid!important;grid-template-columns:40px minmax(0,1fr) 18px!important;gap:10px!important;align-items:center!important;padding:10px 0!important;border-top:1px solid #eee!important} #home .routine-preview-row:first-child{border-top:0!important} #home .routine-preview-row>b{width:36px;height:36px;border-radius:50%;background:#fff1f2;color:var(--prem-red);display:grid;place-items:center;font-size:12px} #home .routine-preview-row span strong{display:block;font-size:12.5px;line-height:1.2;color:#25282e} #home .routine-preview-row span small{display:block;font-size:10px;line-height:1.3;color:var(--prem-muted);margin-top:3px} #home .routine-preview-row>i{font-style:normal;color:#bbb;font-size:18px} #home .premium-goal-card{margin:0 0 14px!important;cursor:default!important} #home .premium-card-head{flex-wrap:wrap} #home .goal-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:11px 0 2px} #home .goal-tab{border:1px solid #ececef;background:#fff;color:#555d68;border-radius:999px;padding:7px 5px;font-size:9.5px;font-weight:900;min-width:0} #home .goal-tab.active{background:var(--prem-red);border-color:var(--prem-red);color:#fff} #home .goal-carousel-dots{display:none!important} #home .premium-products{cursor:default} #home .premium-product{cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease} #home .premium-product:active{transform:scale(.98)} #home .premium-product.is-selected{border-color:#ef9aa1;box-shadow:0 5px 18px rgba(227,6,19,.10)} #home .daily-sales-numbers{grid-template-columns:repeat(3,1fr)!important} @media(max-width:760px){ #home .home-focus-card{margin:-36px 0 12px!important;border-radius:18px;padding:14px!important} #home .home-focus-title{font-size:18px}.home-focus-sub{font-size:10.5px!important} #home .routine-preview-row{grid-template-columns:38px minmax(0,1fr) 14px!important;padding:9px 0!important} #home .goal-tabs{gap:5px}.home-focus-link{font-size:9.5px!important} } .assistant-pref{margin-top:14px;padding:14px;border:1px solid #eee;border-radius:16px;background:#fafafa}.assistant-pref b{display:block;color:var(--red);margin-bottom:4px}.assistant-pref .switch-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:10px}.assistant-pref input[type=checkbox]{width:22px;height:22px;accent-color:var(--red)} .assistant-avatar{--shirt:#e30613;width:76px;height:76px;border-radius:50%;position:relative;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#f2f2f4);box-shadow:0 8px 22px #0002;border:3px solid #fff;overflow:hidden}.assistant-avatar .head{width:32px;height:34px;border-radius:46% 46% 44% 44%;background:#e8b68d;position:absolute;top:10px;z-index:2}.assistant-avatar.feminino .head:before{content:'';position:absolute;inset:-7px -7px 7px;border-radius:48% 48% 42% 42%;background:#3b2922;z-index:-1}.assistant-avatar.masculino .head:before{content:'';position:absolute;left:2px;right:2px;top:-5px;height:11px;border-radius:50% 50% 35% 35%;background:#352820;z-index:-1}.assistant-avatar .body{width:58px;height:42px;border-radius:42% 42% 16% 16%;background:var(--shirt);position:absolute;bottom:-9px}.assistant-avatar.role-supervisor{--shirt:#8a8f98}.assistant-avatar.role-coordenador{--shirt:#191919}.assistant-avatar.role-gerente,.assistant-avatar.role-gerente_territorial,.assistant-avatar.role-gerente_operacoes,.assistant-avatar.role-diretor,.assistant-avatar.role-admin{--shirt:#fff}.assistant-avatar.personalized{background:#eee}.assistant-avatar.personalized img{width:100%;height:100%;object-fit:cover;display:block}.assistant-avatar.personalized:after{display:none}.assistant-avatar.listening{animation:assistantPulse 1s infinite}.assistant-avatar.speaking{animation:assistantTalk .55s infinite alternate}.assistant-avatar.processing{animation:assistantThink 1.4s linear infinite}@keyframes assistantPulse{50%{box-shadow:0 0 0 10px rgba(227,6,19,.14),0 8px 22px #0002}}@keyframes assistantTalk{to{transform:scale(1.06)}}@keyframes assistantThink{to{transform:rotate(360deg)}} .assistant-pref{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.assistant-pref>b,.assistant-pref>span{display:block}.assistant-pref .switch-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:11px}.assistant-pref .switch-row label{font-size:13px;font-weight:850;line-height:1.3}.assistant-avatar-preview{display:none;align-items:center;gap:12px;margin-top:12px;padding:10px;border:1px solid var(--line);border-radius:14px;background:#fafafa}.assistant-avatar-preview.show{display:flex}.assistant-avatar-preview img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 5px 14px #0002}.assistant-avatar-preview b,.assistant-avatar-preview small{display:block}.assistant-avatar-preview small{color:var(--muted);margin-top:3px}.assistant-avatar-progress{margin-top:9px;font-size:11px;font-weight:800;color:var(--muted)}.assistant-avatar-progress.working{color:var(--red)}.assistant-avatar-progress.ok{color:var(--green)} .voice-fab[hidden]{display:none!important} .voice-fab{padding:0!important;display:grid;place-items:center;overflow:visible!important}.voice-fab .assistant-avatar{width:70px;height:70px;border-width:2px}.voice-fab .assistant-avatar .head{transform:scale(.78);transform-origin:top center}.voice-fab .assistant-avatar .body{width:46px;height:34px}.voice-stage{display:grid;justify-items:center;gap:14px;padding:18px 6px}.voice-stage .assistant-avatar{width:122px;height:122px}.voice-stage .assistant-avatar .head{transform:scale(1.45);transform-origin:top center;top:14px}.voice-stage .assistant-avatar .body{width:92px;height:64px;bottom:-15px}.voice-stage .assistant-avatar.personalized:after{height:34px}.voice-state{font-size:17px;font-weight:900;text-align:center}.voice-substate{font-size:12px;color:var(--muted);text-align:center;min-height:18px}.voice-tap{display:none!important}.voice-box.voice-only{padding:20px}.voice-box.voice-only .voice-head{margin-bottom:4px}.voice-box.voice-only .voice-role-mini{font-size:11px;color:var(--muted);text-align:center}.voice-answer{display:none!important}.voice-actions{display:flex!important;justify-content:center!important}.voice-actions .voice-repeat{display:none!important}.voice-listen{min-width:160px}.voice-hint{display:none!important} .assistant-avatar.official{background:linear-gradient(145deg,#fff,#ffecee);border-color:#fff}.assistant-avatar.official img{width:100%;height:100%;object-fit:cover;object-position:center 16%;display:block}.assistant-avatar.official .head,.assistant-avatar.official .body{display:none!important} .voice-fab{position:fixed;right:18px;bottom:102px;z-index:280;width:72px;height:72px;border:0;border-radius:50%;background:var(--red);color:#fff;font-size:27px;box-shadow:0 10px 28px #0003;cursor:pointer}.voice-panel{position:fixed;inset:0;z-index:260;background:#0008;display:none;align-items:flex-end;justify-content:center;padding:16px}.voice-panel.open{display:flex}.voice-fab.open{z-index:300}.voice-box{width:min(520px,100%);background:#fff;border-radius:24px;padding:18px;box-shadow:0 24px 70px #0005}.voice-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.voice-head h2{margin:0;color:var(--red);font-size:19px}.voice-close{border:0;background:transparent;font-size:28px;color:var(--muted)}.voice-status{margin:12px 0;padding:12px;border-radius:14px;background:#f7f7f8;font-weight:800}.voice-answer{min-height:52px;line-height:1.45;color:#454b54}.voice-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.voice-actions button{padding:12px;border-radius:13px;font-weight:900}.voice-listen{border:0;background:var(--red);color:#fff}.voice-repeat{border:1px solid var(--red);background:#fff;color:var(--red)}.voice-hint{font-size:11px;color:var(--muted);margin-top:10px}.wss-voice-highlight{position:relative!important;z-index:240!important;outline:4px solid #ffb4ba!important;box-shadow:0 0 0 8px rgba(227,6,19,.16),0 10px 30px #0002!important;animation:wssVoicePulse 1.1s ease-in-out infinite!important}@keyframes wssVoicePulse{50%{outline-color:var(--red);box-shadow:0 0 0 13px rgba(227,6,19,.08),0 10px 30px #0002}}@media(min-width:761px){.voice-fab{bottom:24px}.voice-panel{align-items:center}} @media(max-width:760px){.voice-fab{width:68px;height:68px;right:14px;bottom:94px}.voice-fab .assistant-avatar{width:66px;height:66px}.voice-panel{inset:auto 88px 92px auto;width:144px;height:auto;padding:0;background:transparent;display:none;pointer-events:none}.voice-panel.open{display:block}.voice-box.voice-only{position:relative;width:144px;padding:3px 2px 5px;background:transparent;border:0;border-radius:0;box-shadow:none;pointer-events:auto}.voice-head{position:absolute;z-index:3;right:0;top:-6px;margin:0!important}.voice-head>div{display:none}.voice-close{display:grid;place-items:center;width:36px;height:36px;padding:0;border-radius:50%;background:#fff;color:#747b84;font-size:24px;line-height:1;box-shadow:0 3px 10px #0003;touch-action:manipulation}.voice-stage{gap:5px;padding:0}.voice-stage .assistant-avatar{width:82px;height:82px;border-width:3px;box-shadow:0 8px 24px #0003}.voice-state{padding:3px 7px;border-radius:999px;background:#fff;color:#222;font-size:11px;line-height:1.2;box-shadow:0 3px 12px #0002;white-space:nowrap}.voice-box.voice-only .voice-role-mini,.voice-actions{display:none!important}} /* Web 1.9.16 — Home por perfil. Vendedor segue o layout aprovado. */ .seller-home-197{display:none;margin:0 0 14px}.seller-only.show-seller.seller-home-197{display:block!important} /* 1.9.16: exibição resiliente no iOS — a Home do vendedor depende também da classe do próprio #home, não apenas de show-seller. */ #home.home-seller-197 .seller-home-197{display:block!important} .seller-home-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:17px 3px 10px}.seller-home-title-row h2{margin:0;color:#171b22;font-size:20px;letter-spacing:-.35px}.seller-home-title-row small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.seller-home-title-row button{border:0;background:transparent;color:var(--red);font-weight:900;font-size:12px;padding:6px} .seller-goal-197{display:grid;grid-template-columns:minmax(0,1fr) 108px;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:19px;padding:17px;box-shadow:var(--shadow)}.seller-goal-copy>small{display:inline-flex;background:#fff0f1;color:var(--red);border-radius:999px;padding:5px 9px;font-size:10px;font-weight:900}.seller-goal-copy>span{display:block;color:#69707a;font-size:12px;margin-top:10px}.seller-goal-copy>strong{display:block;font-size:30px;line-height:1.05;margin-top:5px;color:#151920}.seller-goal-copy>strong b{color:var(--red)}.seller-goal-copy>strong em{font-style:normal;font-weight:900}.seller-goal-copy p{margin:8px 0 0;color:#747b84;font-size:10.5px;line-height:1.35} .seller-donut-197{width:100px;height:100px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--red) 0deg,#ededf0 0deg);transition:background .3s ease}.seller-donut-197:before{content:"";position:absolute}.seller-donut-197>div{width:76px;height:76px;border-radius:50%;background:#fff;display:grid;place-content:center;text-align:center;box-shadow:inset 0 0 0 1px #f1f1f2}.seller-donut-197 b{font-size:22px;color:#181b21}.seller-donut-197 small{font-size:8px;color:#777d85} .seller-kpi-grid-197{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px}.seller-kpi-grid-197 button{border:1px solid var(--line);background:#fff;border-radius:16px;padding:13px;text-align:left;display:grid;grid-template-columns:38px 1fr;gap:9px;align-items:center;box-shadow:var(--shadow);min-width:0}.seller-kpi-grid-197 button>span{width:38px;height:38px;border-radius:50%;background:#fff0f1;color:var(--red);display:grid;place-items:center;font-size:17px}.seller-kpi-grid-197 small{display:block;color:#2b3037;font-size:10px;font-weight:800;line-height:1.2}.seller-kpi-grid-197 b{display:block;color:var(--red);font-size:23px;line-height:1;margin-top:4px}.seller-kpi-grid-197 em{display:block;color:#858b93;font-size:8.5px;font-style:normal;margin-top:4px}.seller-alert-197{width:100%;border:1px solid var(--line);background:#fff;border-radius:16px;margin-top:10px;padding:13px 14px;display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;text-align:left;box-shadow:var(--shadow)}.seller-alert-197>span{font-size:22px}.seller-alert-197 b{display:block;font-size:12px}.seller-alert-197 small{display:block;color:var(--muted);font-size:9.5px;margin-top:3px}.seller-alert-197>strong{color:var(--red);font-size:25px}.seller-product-dots-197{display:flex;justify-content:center;gap:6px;margin:10px 0 2px}.seller-product-dots-197 i{width:6px;height:6px;border-radius:50%;background:#d9dbe0;transition:.2s}.seller-product-dots-197 i.active{width:19px;border-radius:999px;background:var(--red)} #home.home-seller-197>#homeDailySalesCard,#home.home-seller-197>#homeAlertsCard{display:none!important} #home.home-seller-197>.premium-quick-title{margin-top:15px!important} #home:not(.home-seller-197) .seller-home-197{display:none!important} /* Lideranças mantêm a mesma linguagem visual, com informação consolidada da hierarquia. */ #home.home-leader-197 #leaderHomePanel{border-radius:19px;border:1px solid var(--line);box-shadow:var(--shadow);background:#fff} #home.home-leader-197 .leader-home-head h2{color:#171b22!important} @media(max-width:390px){.seller-goal-197{grid-template-columns:minmax(0,1fr) 92px}.seller-donut-197{width:88px;height:88px}.seller-donut-197>div{width:66px;height:66px}.seller-goal-copy>strong{font-size:27px}.seller-kpi-grid-197 button{padding:11px}.seller-kpi-grid-197 b{font-size:21px}} .wss-admin-home{display:none;margin:0 0 16px}.wss-admin-home.show{display:block}.wss-master{border:1px solid #d7e8dc;background:linear-gradient(135deg,#fff,#f3fbf6);border-radius:20px;padding:16px;margin-bottom:12px;box-shadow:var(--shadow-soft)}.wss-master-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.wss-master-head h2{margin:0;font-size:17px}.wss-master-head small{color:var(--muted)}.wss-health{font-size:11px;font-weight:900;padding:6px 9px;border-radius:999px}.wss-health.ok{background:#e9f7ef;color:var(--green)}.wss-master-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.wss-master-grid>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px}.wss-master-grid small{display:block;color:var(--muted);font-size:9px}.wss-master-grid b{display:block;margin-top:3px;font-size:12px}.wss-master-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.wss-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.wss-admin-card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:15px;text-align:left;box-shadow:var(--shadow-soft);cursor:pointer}.wss-admin-card span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--soft);font-size:19px}.wss-admin-card b{display:block;margin-top:10px;font-size:14px}.wss-admin-card small{display:block;color:var(--muted);font-size:10px;margin-top:4px;line-height:1.35}.wss-admin-card strong{display:inline-flex;margin-top:8px;padding:4px 8px;border-radius:999px;background:#fff1f2;color:var(--red);font-size:10px}.wss-admin-suggestions{margin-top:10px;border:1px solid #f2c4c7;background:linear-gradient(135deg,#fff,#fff4f5);border-radius:18px;padding:15px}.wss-admin-suggestions-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.wss-admin-suggestions-head h2{margin:0;font-size:16px}.wss-admin-suggestions-head small{color:var(--muted)}.wss-admin-suggestions-list{display:grid;gap:7px;margin-top:10px}.wss-admin-suggestion{border:1px solid var(--line);background:#fff;border-radius:13px;padding:10px}.wss-admin-suggestion b{display:block;font-size:12px}.wss-admin-suggestion small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.wss-admin-only-home-hidden{display:none!important}.wss-whats-box{max-height:80vh;overflow:auto}.wss-whats-box h2{margin:0;color:var(--red);font-size:18px}.wss-whats-box .modal-head small{color:var(--muted)}.wss-whats-list{display:grid;gap:9px;margin-top:14px}.wss-whats-item{border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff}.wss-whats-item time{display:block;color:var(--red);font-size:9px;font-weight:900}.wss-whats-item b{display:block;margin-top:3px;font-size:13px}.wss-whats-item small{display:block;color:var(--muted);font-size:10px;margin-top:4px;line-height:1.4}.wss-sales-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}.wss-sales-toolbar input,.wss-sales-toolbar select{min-height:42px;border:1px solid var(--line);border-radius:12px;padding:9px 11px;background:#fff}.wss-sales-toolbar input{flex:1;min-width:180px}.wss-timeline{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:8px;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff}.wss-timeline.status-conectado{background:#eefaf2;border-color:#a9d9b9}.wss-timeline.status-pendente{background:#fff9dc;border-color:#ead46d}.wss-timeline.status-cancelado{background:#fff0f1;border-color:#eaa0a7}.wss-timeline span{font-size:10px;padding:5px 7px;border-radius:999px;background:#f1f2f4;color:#666}.wss-timeline .sale-date.active{background:#fff0f1;color:var(--red);font-weight:800}.wss-timeline .status-pill-sales.pending.active{background:#fff1a8;color:#7d6700;font-weight:900}.wss-timeline .status-pill-sales.connected.active{background:#ccefd8;color:#13703e;font-weight:900}.wss-timeline .status-pill-sales.canceled.active{background:#ffd9dd;color:#b0000b;font-weight:900}.wss-pace-card{margin-top:10px;border:1px solid var(--line);background:#fff;border-radius:16px;padding:12px}.wss-pace-card b{display:block;font-size:13px}.wss-pace-card small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.wss-leader-exception{margin:10px 0;border:1px solid #f2c4c7;background:#fff7f8;border-radius:16px;padding:12px}.wss-leader-exception b{display:block;font-size:13px}.wss-leader-exception small{display:block;color:var(--muted);font-size:10px;margin-top:4px}@media(max-width:760px){.wss-master-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wss-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wss-admin-card{border-radius:15px;padding:12px}.wss-admin-suggestions{border-radius:15px}.wss-sales-toolbar{display:grid;grid-template-columns:1fr 1fr}.wss-sales-toolbar input{grid-column:1/-1;width:100%}} /* Gláucia: estados visuais inequívocos no avatar oficial (Ouvindo → Pensando → Respondendo). */ .assistant-avatar.official{overflow:visible;isolation:isolate;transition:filter .2s ease,box-shadow .2s ease,transform .2s ease} .assistant-avatar.official img{border-radius:50%;position:relative;z-index:1;transition:filter .2s ease,transform .2s ease} .assistant-avatar.official::before,.assistant-avatar.official::after{pointer-events:none;position:absolute;z-index:3;opacity:0;transition:opacity .16s ease} .assistant-avatar.official.listening,.assistant-avatar.official.processing,.assistant-avatar.official.speaking{animation:none!important} .assistant-avatar.official.listening{box-shadow:0 0 0 5px rgba(227,6,19,.12),0 8px 22px #0002} .assistant-avatar.official.listening::before{content:'';inset:-7px;border-radius:50%;border:3px solid rgba(227,6,19,.42);opacity:1;animation:wssAvatarListenRing 1s ease-out infinite} .assistant-avatar.official.processing{box-shadow:0 0 0 5px rgba(242,201,76,.18),0 8px 22px #0002} .assistant-avatar.official.processing img{animation:wssAvatarThinkTilt 1.05s ease-in-out infinite;filter:saturate(.9) brightness(.98)} .assistant-avatar.official.processing::before{content:'';inset:-7px;border-radius:50%;border:3px solid rgba(242,201,76,.28);border-top-color:#d69a00;border-right-color:#d69a00;opacity:1;animation:wssAvatarThinkOrbit .8s linear infinite} .assistant-avatar.official.processing::after{content:'•••';right:-9px;top:-8px;min-width:28px;height:22px;padding:0 6px;border-radius:999px;background:#fff;color:#c88700;display:grid;place-items:center;font-size:12px;font-weight:900;letter-spacing:2px;box-shadow:0 4px 12px #0002;opacity:1;animation:wssAvatarThinkDots 1s ease-in-out infinite} .assistant-avatar.official.speaking{box-shadow:0 0 0 5px rgba(35,135,232,.15),0 8px 22px #0002} .assistant-avatar.official.speaking img{animation:wssAvatarSpeakNod .5s ease-in-out infinite alternate} .assistant-avatar.official.speaking::after{content:'≋';right:-8px;bottom:-6px;width:28px;height:24px;border-radius:999px;background:#fff;color:#2387e8;display:grid;place-items:center;font-size:22px;font-weight:900;line-height:1;box-shadow:0 4px 12px #0002;opacity:1;animation:wssAvatarSpeakWave .55s ease-in-out infinite alternate} @keyframes wssAvatarListenRing{0%{transform:scale(.92);opacity:.7}70%,100%{transform:scale(1.12);opacity:0}} @keyframes wssAvatarThinkOrbit{to{transform:rotate(360deg)}} @keyframes wssAvatarThinkTilt{0%,100%{transform:rotate(-2deg) scale(1)}50%{transform:rotate(2deg) scale(.985)}} @keyframes wssAvatarThinkDots{0%,100%{transform:translateY(0);opacity:.65}50%{transform:translateY(-2px);opacity:1}} @keyframes wssAvatarSpeakNod{from{transform:scale(1)}to{transform:scale(1.035)}} @keyframes wssAvatarSpeakWave{from{transform:scale(.9);opacity:.65}to{transform:scale(1.08);opacity:1}} @media(prefers-reduced-motion:reduce){.assistant-avatar.official.listening::before,.assistant-avatar.official.processing::before,.assistant-avatar.official.processing::after,.assistant-avatar.official.speaking img,.assistant-avatar.official.speaking::after{animation:none!important}} /* 2026.09.09.6 — hotfix de tela branca após sessão autenticada. O login aprovado usa display:block!important e o fluxo legado esconde por inline style. Quando esse inline style está presente, garantimos que o app volte a ficar visível. */ html body #login[style*="display: none"],html body #login[style*="display:none"]{display:none!important;visibility:hidden!important;pointer-events:none!important} body:has(#login[style*="display: none"]),body:has(#login[style*="display:none"]){overflow:auto!important} body:has(#login[style*="display: none"]) > :not(#login):not(script),body:has(#login[style*="display:none"]) > :not(#login):not(script){visibility:visible!important} /* Login fiel às referências aprovadas: apenas as fotografias alternam. */ .login{position:fixed!important;inset:0!important;z-index:100!important;display:block!important;overflow-y:auto!important;overflow-x:hidden!important;padding:0!important;background:#f3f4f6!important;color:#17191d!important;-webkit-overflow-scrolling:touch} .login-box{width:min(100%,520px)!important;min-height:100dvh!important;margin:0 auto!important;padding:0 24px calc(28px + env(safe-area-inset-bottom))!important;background:#fff!important;border-radius:0!important;box-shadow:0 0 36px rgba(17,24,39,.08)!important;display:flex!important;flex-direction:column!important;align-items:center!important} .login-hero{width:100%!important;min-height:0!important;margin:0!important;padding:calc(22px + env(safe-area-inset-top)) 0 13px!important;background:#fff!important;color:#17191d!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important} .login-hero:before,.login-hero:after{display:none!important;content:none!important} .login-brand{display:flex!important;width:100%!important;align-items:center!important;justify-content:center!important} .login-brand-image{display:block!important;width:min(232px,72vw)!important;max-width:100%!important;height:auto!important;max-height:128px!important;object-fit:contain!important;filter:none!important} .login-content{width:100%!important;max-width:none!important;text-align:center!important} .login-content h1{margin:2px 0 0!important;color:#111318!important;font-size:clamp(22px,6vw,27px)!important;font-weight:900!important;letter-spacing:-.55px!important;line-height:1.15!important} .login-subtitle{margin:7px 0 19px!important;color:#737985!important;font-size:15px!important;line-height:1.35!important} .login .form{width:100%!important;max-width:none!important;gap:11px!important} .login-field{position:relative!important;display:block!important} .login-field .field-icon{left:17px!important;width:24px!important;height:24px!important;color:#ed0b18!important} .login-field input{width:100%!important;height:58px!important;padding:12px 52px!important;border:1px solid #dfe2e7!important;border-radius:11px!important;background:#fff!important;box-shadow:0 3px 12px rgba(17,24,39,.035)!important;color:#262a31!important;font-size:16px!important;font-weight:500!important} .login-field input::placeholder{color:#747b88!important;font-weight:500!important;opacity:1!important} .login-field input:focus{border-color:#e30613!important;box-shadow:0 0 0 3px rgba(227,6,19,.10)!important;outline:0!important} .login-field .eye-btn{right:15px!important;width:30px!important;height:30px!important;color:#778092!important} .login-forgot{margin:-1px 0 3px!important;text-align:right!important} .login-forgot button{padding:5px 0!important;color:#e30613!important;font-size:12.5px!important;font-weight:800!important} .login #loginBtn{width:100%!important;height:56px!important;border-radius:10px!important;background:linear-gradient(90deg,#f20b18 0%,#df0613 100%)!important;box-shadow:0 8px 18px rgba(227,6,19,.22)!important;font-size:18px!important} .login-security{margin:15px 0 14px!important;gap:8px!important;color:#6f7682!important;font-size:11.5px!important;white-space:normal!important} .login-security:before,.login-security:after{display:none!important;content:none!important} .login-security .shield{width:20px!important;height:20px!important} .login-street-carousel{position:relative!important;width:calc(100% + 48px)!important;margin:0 -24px!important;background:#171717!important} .login-street-frame{position:relative!important;width:100%!important;aspect-ratio:941/1672!important;border-radius:0!important;overflow:hidden!important;background:#171717!important} .login-street-slide{position:absolute!important;inset:0!important;margin:0!important;opacity:0!important;transition:opacity .55s ease!important;pointer-events:none!important} .login-street-slide.is-on{z-index:1!important;opacity:1!important;pointer-events:auto!important} .login-street-slide img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important} .login-street-slide figcaption{display:none!important} .login-street-slide figcaption{position:absolute!important;left:0!important;right:0!important;bottom:0!important;padding:72px 18px 38px!important;background:linear-gradient(transparent,rgba(0,0,0,.84))!important;color:#fff!important;text-align:left!important} .login-street-slide figcaption strong{display:block!important;width:min(75%,310px)!important;font-size:clamp(20px,5.7vw,27px)!important;line-height:1.03!important;font-weight:950!important;letter-spacing:-.6px!important;text-transform:uppercase!important} .login-street-slide figcaption span{display:block!important;margin-top:9px!important;font-size:13px!important;font-weight:500!important;line-height:1.25!important} .login-street-dots{position:absolute!important;z-index:3!important;left:50%!important;bottom:13px!important;display:flex!important;justify-content:center!important;gap:9px!important;margin:0!important;transform:translateX(-50%)!important} .login-street-dots button{width:9px!important;height:9px!important;padding:0!important;border:0!important;border-radius:999px!important;background:rgba(255,255,255,.62)!important;box-shadow:0 1px 4px rgba(0,0,0,.25)!important;transition:width .25s ease,background .25s ease!important} .login-street-dots button.is-on{width:23px!important;background:#f20b18!important} .login-benefits{width:calc(100% + 48px)!important;margin:0 -24px!important;padding:18px 15px 15px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important} .login-benefit{min-width:0!important;padding:0 4px!important} .login-benefit+.login-benefit{border-left:0!important} .login-benefit .benefit-icon{width:48px!important;height:48px!important;margin:0 auto 8px!important;background:linear-gradient(145deg,#f21320,#dd0613)!important} .login-benefit .benefit-icon svg{width:27px!important;height:27px!important} .login-benefit b{display:block!important;color:#17191d!important;font-size:12.5px!important;line-height:1.15!important;font-weight:850!important} .login-benefit small{display:block!important;margin-top:5px!important;color:#676e7a!important;font-size:9px!important;line-height:1.27!important} .login-purpose{width:100%!important;margin:0!important;padding:5px 0 1px!important;background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important} .login-purpose>strong{display:block!important;margin:0 0 4px!important;color:#ed0b18!important;text-align:center!important;font-size:15px!important;line-height:1.2!important;font-weight:950!important;letter-spacing:.1px!important} .login-purpose .purpose-lead{margin:0 0 11px!important;color:#6a707c!important;text-align:center!important;font-size:11.5px!important;line-height:1.35!important} .login-purpose .purpose-row{display:grid!important;grid-template-columns:27px minmax(0,1fr)!important;gap:7px!important;align-items:start!important;width:min(100%,390px)!important;margin:7px auto!important;text-align:left!important} .login-purpose .purpose-row>span{font-size:20px!important;line-height:1.15!important;text-align:center!important} .login-purpose .purpose-row p{margin:0!important;color:#69707c!important;font-size:11.5px!important;line-height:1.4!important} .login-purpose .purpose-row p b{color:#20242a!important} .login-purpose .purpose-row-last p b{display:block!important;margin-top:2px!important;text-align:center!important;color:#17191d!important} .login-message{white-space:pre-line!important} @media(max-width:390px){ .login-box{padding-left:20px!important;padding-right:20px!important} .login-brand-image{width:min(214px,72vw)!important} .login-content h1{font-size:22px!important} .login-subtitle{font-size:14px!important} .login-street-carousel,.login-benefits{width:calc(100% + 40px)!important;margin-left:-20px!important;margin-right:-20px!important} .login-street-slide figcaption{padding-left:15px!important;padding-right:15px!important} .login-benefits{padding-left:9px!important;padding-right:9px!important} .login-benefit small{font-size:8.4px!important} .login-purpose>strong{font-size:14px!important} } @media(min-width:521px){ .login-box{border-left:1px solid #eceef1!important;border-right:1px solid #eceef1!important} } @media(prefers-reduced-motion:reduce){ .login-street-slide{transition:none!important} } body::before{display:none!important;content:none!important} body:has(#login:not(.hidden)){overflow:hidden!important} body:has(#login:not(.hidden)) > :not(#login):not(script){visibility:hidden!important} html body #login.wss-login-clean{padding:0!important;background:#f3f4f6!important;align-items:flex-start!important;overflow-x:hidden!important;overflow-y:auto!important} html body #login.wss-login-clean .login-box{width:min(100%,520px)!important;min-height:100dvh!important;margin:0 auto!important;padding:0 24px calc(28px + env(safe-area-inset-bottom))!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:0 0 36px rgba(17,24,39,.08)!important} html body #login.wss-login-clean .login-hero{width:100%!important;margin:0!important;padding:calc(22px + env(safe-area-inset-top)) 0 13px!important;background:#fff!important} html body #login.wss-login-clean .login-brand{margin:0!important;padding:0!important} .login-brand-mark{display:flex;align-items:center;justify-content:center;gap:8px;width:min(265px,78vw);margin:0 auto 12px;color:#0b0c0e} .login-brand-chart{display:block;width:73px;height:67px;flex:0 0 auto} .login-brand-words{display:flex;flex-direction:column;align-items:center;line-height:.86} .login-brand-words>b{font-size:60px;font-weight:1000;letter-spacing:-6px;color:#08090b} .login-brand-words>b span{color:#e30613} .login-brand-words>small{margin-top:9px;font-size:18px;font-weight:950;letter-spacing:1.7px;color:#111} html body #login.wss-login-clean .login-security{margin:0!important;padding:11px 0 12px!important;border:0!important} @media(max-width:390px){ html body #login.wss-login-clean .login-box{padding-left:18px!important;padding-right:18px!important} .login-brand-mark{gap:6px;width:min(238px,80vw)} .login-brand-chart{width:62px;height:58px} .login-brand-words>b{font-size:52px} .login-brand-words>small{font-size:15px} } /* Composição aprovada: arte primeiro, autenticação preservada e apoio visual abaixo. */ body:has(#login:not(.hidden)) #wssUpdateNotice{display:none!important} html body #login.wss-login-clean .login-box{width:min(100%,560px)!important;padding:0 22px calc(24px + env(safe-area-inset-bottom))!important} html body #login.wss-login-clean .login-hero, html body #login.wss-login-clean .login-content>h1, html body #login.wss-login-clean .login-subtitle{display:none!important} html body #login.wss-login-clean .login-content{padding-top:calc(18px + env(safe-area-inset-top))!important} html body #login.wss-login-clean .login-street-carousel{width:100%!important;margin:0 0 8px!important;background:#fff!important} html body #login.wss-login-clean .login-street-frame{width:100%!important;aspect-ratio:941/1672!important;border-radius:16px!important;background:#171717!important} html body #login.wss-login-clean .login-street-slide img{width:100%!important;height:100%!important;object-fit:contain!important} html body #login.wss-login-clean .login-street-dots{position:static!important;margin:10px 0 0!important;transform:none!important} html body #login.wss-login-clean .login-street-dots button{width:9px!important;height:9px!important;background:#9da3ae!important;box-shadow:none!important} html body #login.wss-login-clean .login-street-dots button.is-on{width:9px!important;background:#ed0b18!important} html body #login.wss-login-clean .form{margin-top:14px!important} html body #login.wss-login-clean #loginBtn .enter-icon{order:2!important} html body #login.wss-login-clean .login-security{padding:12px 0 13px!important;color:#747a86!important;font-size:13px!important} html body #login.wss-login-clean .login-security .shield svg{display:none!important} html body #login.wss-login-clean .login-security .shield{position:relative;width:20px!important;height:20px!important;border:2px solid #747a86;border-radius:3px;margin-top:4px} html body #login.wss-login-clean .login-security .shield:before{content:"";position:absolute;left:3px;right:3px;top:-9px;height:10px;border:2px solid #747a86;border-bottom:0;border-radius:8px 8px 0 0} html body #login.wss-login-clean .login-benefits{width:100%!important;margin:0!important;padding:0!important;gap:10px!important;background:#fff!important} html body #login.wss-login-clean .login-benefit{min-height:126px!important;padding:13px 8px 11px!important;border:0!important;border-radius:15px!important;background:linear-gradient(145deg,#fff4f5,#fff0f2)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important} html body #login.wss-login-clean .login-benefit+.login-benefit{border-left:0!important} html body #login.wss-login-clean .login-benefit .benefit-icon{width:43px!important;height:43px!important;margin:0 auto 6px!important;background:transparent!important;color:#dc0714!important} html body #login.wss-login-clean .login-benefit .benefit-icon svg{width:38px!important;height:38px!important;stroke:#dc0714!important;stroke-width:2.8!important} html body #login.wss-login-clean .login-benefit b{color:#111827!important;font-size:14px!important;font-weight:950!important} html body #login.wss-login-clean .login-benefit small{color:#273142!important;font-size:11px!important;line-height:1.25!important} html body #login.wss-login-clean .login-purpose{position:relative!important;width:100%!important;min-height:96px!important;margin:15px 0 0!important;padding:13px 18px!important;border:0!important;border-radius:15px!important;background:linear-gradient(100deg,#b80a11,#ee0b19)!important;color:#fff!important;display:grid!important;grid-template-columns:58px 1px minmax(0,1fr)!important;gap:15px!important;align-items:center!important;overflow:hidden!important} html body #login.wss-login-clean .purpose-calendar{width:56px;height:56px;z-index:1} html body #login.wss-login-clean .purpose-calendar svg{width:100%;height:100%;fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round} html body #login.wss-login-clean .purpose-divider{width:1px;height:58px;background:rgba(255,255,255,.8);z-index:1} html body #login.wss-login-clean .purpose-copy{z-index:1;text-align:left} html body #login.wss-login-clean .purpose-copy strong{display:block;color:#fff!important;font-size:15px!important;line-height:1.18;font-weight:950} html body #login.wss-login-clean .purpose-copy small{display:block;margin-top:5px;color:#fff!important;font-size:11.5px;line-height:1.25} html body #login.wss-login-clean .purpose-bars{position:absolute;right:14px;bottom:0;height:76px;display:flex;align-items:flex-end;gap:7px;opacity:.16} html body #login.wss-login-clean .purpose-bars i{display:block;width:20px;background:#fff;border-radius:3px 3px 0 0} html body #login.wss-login-clean .purpose-bars i:nth-child(1){height:25px}.purpose-bars i:nth-child(2){height:40px}.purpose-bars i:nth-child(3){height:57px}.purpose-bars i:nth-child(4){height:73px} @media(max-width:390px){ html body #login.wss-login-clean .login-box{padding-left:14px!important;padding-right:14px!important} html body #login.wss-login-clean .login-content{padding-top:calc(12px + env(safe-area-inset-top))!important} html body #login.wss-login-clean .login-street-frame{border-radius:14px!important} html body #login.wss-login-clean .login-benefits{gap:7px!important} html body #login.wss-login-clean .login-benefit{min-height:116px!important;padding-left:5px!important;padding-right:5px!important} html body #login.wss-login-clean .login-benefit b{font-size:12.2px!important} html body #login.wss-login-clean .login-benefit small{font-size:9.2px!important} html body #login.wss-login-clean .login-purpose{grid-template-columns:48px 1px minmax(0,1fr)!important;gap:10px!important;padding:12px!important} html body #login.wss-login-clean .purpose-calendar{width:46px;height:46px} html body #login.wss-login-clean .purpose-copy strong{font-size:12.5px!important} html body #login.wss-login-clean .purpose-copy small{font-size:10px!important} } html body #login.hidden,html body #login[style*="display: none"],html body #login[style*="display:none"]{display:none!important;visibility:hidden!important;pointer-events:none!important}body:has(#login[style*="display: none"]),body:has(#login[style*="display:none"]){overflow:auto!important}body:has(#login[style*="display: none"]) > :not(#login):not(script),body:has(#login[style*="display:none"]) > :not(#login):not(script){visibility:visible!important} /* WSS 2.0 — estrutura visual canônica das telas operacionais */ .home-quick-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;width:100%;margin:0 0 15px} .home-mini-card{position:relative;width:100%;min-width:0;min-height:118px;border:1px solid #efadb4;background:linear-gradient(145deg,#fffafa,#fff);border-radius:18px;padding:13px 12px;display:grid;grid-template-columns:38px minmax(0,1fr) 14px;gap:9px;align-items:center;text-align:left;box-shadow:0 8px 22px rgba(17,24,39,.05);color:#20242a;cursor:pointer} .home-mini-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fff0f1;color:#d31121;font-size:21px;font-weight:900} .home-mini-copy{min-width:0}.home-mini-copy b{display:block;color:#d31121;font-size:14px;line-height:1.18;letter-spacing:-.1px}.home-mini-copy small{display:block;margin-top:5px;color:#666d76;font-size:10.5px;line-height:1.3}.home-mini-arrow{font-size:23px;color:#d31121;align-self:center}.connected-word{color:#18864b!important;font-weight:900!important} .home-connected-card[data-tone="ok"]{border-color:#b9dfc7;background:linear-gradient(145deg,#f7fcf9,#fff)}.home-connected-card[data-tone="ok"] .home-mini-icon{background:#e9f7ef;color:#18864b}.home-connected-card[data-tone="ok"] .home-mini-arrow{color:#18864b} .home-radar-card{border:1.5px solid #d31121!important;background:linear-gradient(145deg,#fff6f7,#ffffff)!important;box-shadow:0 8px 24px rgba(211,17,33,.12)!important} .home-radar-card .home-mini-icon{background:linear-gradient(135deg,#e30613,#b8000b)!important;color:#fff!important;box-shadow:0 3px 10px rgba(227,6,19,.3)} .home-radar-card .home-mini-copy b{color:#c9000d!important;font-size:14.5px!important;font-weight:900!important;display:flex;align-items:center;gap:5px} .home-radar-card .home-mini-copy small{color:#3f3f46!important;font-weight:600!important} .home-radar-card .home-mini-arrow{color:#d31121!important;font-weight:900} .home-radar-badge{display:inline-block;background:#e30613;color:#fff;font-size:9px;font-weight:900;padding:1px 6px;border-radius:999px;letter-spacing:.04em;text-transform:uppercase;line-height:1.2} .seller-kpi-grid-197.seller-kpi-grid-focused{grid-template-columns:repeat(2,minmax(0,1fr))!important}.seller-kpi-grid-197.seller-kpi-grid-focused button{display:grid!important} .seller-utility-197>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fff0f1;font-size:20px}.seller-calculator-197>span{background:#e9f7ef}.seller-links-197{margin-top:8px!important}.seller-links-197>span{background:#eef5ff} .bottom-nav.premium-bottom button span svg{width:24px;height:24px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.bottom-nav.premium-bottom button[data-go="more"] span svg circle{fill:currentColor;stroke:none}.bottom-nav.premium-bottom button span{display:grid;place-items:center;min-height:27px} /* Home vendedor: dias restantes dentro do cabeçalho, entre nome e avatar. */ @media(max-width:760px){ #home .premium-person:has(#wssHomeSalesDays.show){display:grid!important;grid-template-columns:minmax(0,1fr) 92px 68px!important;gap:8px!important;align-items:center!important;text-align:left!important} #home .premium-person:has(#wssHomeSalesDays.show) .home-copy{grid-column:1!important;grid-row:1!important;min-width:0!important;width:auto!important;text-align:left!important} #home .premium-person:has(#wssHomeSalesDays.show) .home-copy h1{font-size:20px!important;line-height:1.08!important;letter-spacing:-.35px!important} #home .premium-person:has(#wssHomeSalesDays.show) .role{font-size:12.5px!important} #home .premium-person:has(#wssHomeSalesDays.show) .focus{display:block!important;font-size:9.5px!important;margin-top:6px!important} #home .premium-person:has(#wssHomeSalesDays.show) #homeAvatarWrap{grid-column:3!important;grid-row:1!important;justify-self:end!important} #home .premium-person:has(#wssHomeSalesDays.show) .home-avatar{width:66px!important;height:66px!important;flex-basis:66px!important} #home #wssHomeSalesDays{display:none!important;grid-column:2!important;grid-row:1!important;justify-self:end!important;position:relative!important;width:92px!important;min-width:92px!important;height:68px!important;min-height:68px!important;margin:0!important;padding:8px 7px 8px 30px!important;border-radius:16px!important;background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.3)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;color:#fff!important;align-items:flex-start!important;justify-content:center!important;flex-direction:column!important;text-align:left!important;line-height:1!important} #home #wssHomeSalesDays.show{display:flex!important} #home #wssHomeSalesDays:before{content:"";position:absolute;left:9px;top:24px;width:14px;height:14px;border:2px solid rgba(255,255,255,.95);border-radius:4px} #home #wssHomeSalesDays:after{content:"";position:absolute;left:9px;top:29px;width:14px;border-top:2px solid rgba(255,255,255,.95)} #home #wssHomeSalesDays b{font-size:23px!important;font-weight:950!important;line-height:.95!important;margin:0!important;color:#fff!important} #home #wssHomeSalesDays small{font-size:8.4px!important;font-weight:850!important;line-height:1.08!important;margin:3px 0 0!important;max-width:52px!important;color:rgba(255,255,255,.96)!important;letter-spacing:0!important} .home-quick-actions{gap:9px}.home-mini-card{min-height:116px;padding:12px 10px;grid-template-columns:34px minmax(0,1fr) 12px;gap:7px}.home-mini-icon{width:34px;height:34px;font-size:19px}.home-mini-copy b{font-size:13px}.home-mini-copy small{font-size:9.8px} } @media(max-width:370px){ #home .premium-person:has(#wssHomeSalesDays.show){grid-template-columns:minmax(0,1fr) 84px 62px!important;gap:7px!important} #home .premium-person:has(#wssHomeSalesDays.show) .home-copy h1{font-size:18.5px!important} #home .premium-person:has(#wssHomeSalesDays.show) .home-avatar{width:60px!important;height:60px!important;flex-basis:60px!important} #home #wssHomeSalesDays{width:84px!important;min-width:84px!important;height:64px!important;min-height:64px!important;padding-left:28px!important} #home #wssHomeSalesDays b{font-size:21px!important}#home #wssHomeSalesDays small{font-size:7.9px!important;max-width:49px!important} } /* Minhas Vendas: um único painel de pagamento + realizado e um único controle de período. */ #wssSalesTopDashboard{margin:0 0 12px} .wss-sales-top-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.25fr);gap:10px} .wss-sales-top-card{background:#fff;border:1px solid var(--line,#e6e8ec);border-radius:17px;padding:12px;box-shadow:var(--shadow,0 7px 24px #0000000a);min-width:0} .wss-sales-top-title{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:900;color:#20242a;margin-bottom:9px}.wss-sales-top-title .ico{color:var(--red,#e30613);font-size:17px} .wss-pay-mini{display:grid;gap:9px}.wss-pay-mini-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 8px;border-radius:9px;font-size:12px;font-weight:800;border-bottom:1px solid #f0f1f3}.wss-pay-mini-row:last-child{border-bottom:0}.wss-pay-mini-row strong{font-size:14px}.wss-pay-mini-row.pay-dcc{background:#eef5ff;color:#246fcf}.wss-pay-mini-row.pay-pix{background:#eaf8ef;color:#18864b}.wss-pay-mini-row.pay-boleto{background:#fff4e6;color:#d97706} .wss-realized-mini{display:grid;gap:5px}.wss-realized-row{display:grid;grid-template-columns:34px minmax(0,1fr) 48px;gap:7px;align-items:center;padding:5px 0}.wss-realized-label{font-weight:950;font-size:13px}.wss-realized-copy{min-width:0}.wss-realized-copy small{display:block;color:#707782;font-size:9.5px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .wss-realized-track{height:6px;background:#e8ebef;border-radius:999px;overflow:hidden;margin-top:5px}.wss-realized-track i{display:block;height:100%;background:var(--red,#e30613);border-radius:inherit}.wss-realized-pct{justify-self:end;min-width:42px;text-align:center;padding:6px 5px;border-radius:10px;background:#fff0f1;color:var(--red,#e30613);font-size:13px;font-weight:950} #wssSalesPeriodTabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:0 0 11px} #wssSalesPeriodTabs button{min-width:0;border:0;background:transparent;color:#606773;border-radius:999px;padding:9px 4px;font-size:10.5px;font-weight:850;cursor:pointer} #wssSalesPeriodTabs button.active{background:var(--red,#d31121);color:#fff} #wssSalesToolbar{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin:0 0 12px!important} #wssSalesToolbar #wssSalesPeriod{display:none!important} #wssSalesToolbar input,#wssSalesToolbar select{width:100%!important;min-height:46px!important;border:1px solid var(--line,#e6e8ec)!important;border-radius:14px!important;padding:10px 13px!important;background:#fff!important;font-size:14px!important} #goals.wss-sales-screen2 .meta-overview,#goals.wss-sales-screen2 #salesStatusBoard,#goals.wss-sales-screen2 #metaGrid,#goals.wss-sales-screen2 #wssPeriodSummary,#goals.wss-sales-screen2 #wssGoalPace{display:none!important} #wssSalesBrowser{margin:0 0 12px!important}.wss-sales-found{display:flex;align-items:baseline;gap:4px;flex-wrap:wrap;margin-bottom:10px}.wss-sales-found>b{font-size:15px}.wss-sales-found>small{color:var(--muted,#69707a);font-size:11px} .wss-sale-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.wss-sale-actions .danger{color:#b0000b!important;border-color:#b0000b!important}.wss-sale-locked{display:block;margin-top:6px;color:var(--muted,#69707a)} @media(max-width:390px){.wss-sales-top-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:7px}.wss-sales-top-card{padding:10px 9px}.wss-sales-top-title{font-size:11.5px}.wss-pay-mini-row{font-size:10.5px}.wss-pay-mini-row strong{font-size:12px}.wss-realized-row{grid-template-columns:24px minmax(0,1fr) 42px;gap:5px}.wss-realized-label{font-size:12px}.wss-realized-copy small{font-size:8.6px}.wss-realized-pct{font-size:11.5px;min-width:38px}#wssSalesPeriodTabs button{font-size:9.5px;padding:8px 2px}} /* Nova Venda: campos simples; combinações são seleção múltipla de BL, TV e Multi. */ #sale .form>label{display:block} #sale .wss-date-field{position:relative;display:flex;align-items:center;width:100%;min-height:52px;border:1px solid #e5e5e8;border-radius:14px;background:#fff;padding:0 42px 0 14px;margin-top:5px;overflow:hidden} #sale .wss-date-field:after{content:"⌄";position:absolute;right:15px;top:50%;transform:translateY(-52%);font-size:20px;color:#69707a;pointer-events:none} #sale .wss-date-display{display:block;width:100%;font-size:16px;font-weight:700;color:#17191d} #sale .wss-date-field input[type="date"]{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important} #sale .wss-product-choice{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important} #sale .wss-product-choice input{position:absolute!important;opacity:0!important;pointer-events:none!important} #sale .wss-product-choice label{min-height:48px!important;display:grid!important;place-items:center!important;border:1px solid #e4e5e8!important;border-radius:13px!important;background:#fff!important;color:#20242a!important;font-size:14px!important;font-weight:850!important;padding:9px 8px!important;text-align:center!important} #sale .wss-product-choice input:checked+label{border-color:var(--red,#d31121)!important;background:#fff0f1!important;color:var(--red,#d31121)!important;box-shadow:0 0 0 1px var(--red,#d31121)!important} #sale .sale-date-note{display:block;margin-top:5px;color:#747b84;font-size:10.5px;line-height:1.35} /* Leader Bottom Nav: central Radar PAP button replacing Nova Venda slot */ .leader-bottom-only{display:none!important} .premium-leader-radar span{ width:45px;height:45px;border-radius:50%;display:grid;place-items:center!important; background:linear-gradient(145deg,#065f46,#047857);color:#fff!important;font-size:22px!important; box-shadow:0 7px 17px rgba(4,120,87,.28);margin-top:-22px; } .premium-leader-radar{color:#4e5560!important;background:transparent!important;font-size:10px!important;font-weight:900!important} /* WSS 2.0 — barra inferior equilibrada para perfis de liderança */ @media(max-width:760px){ .bottom-nav.premium-bottom.leader-bottom{ grid-template-columns:repeat(5,minmax(0,1fr))!important; height:78px!important; padding:6px 6px max(7px,env(safe-area-inset-bottom))!important; } .bottom-nav.premium-bottom.leader-bottom .premium-new-sale{display:none!important} .bottom-nav.premium-bottom.leader-bottom .leader-bottom-only{display:flex!important;flex-direction:column;align-items:center;justify-content:center} .bottom-nav.premium-bottom.leader-bottom button{ min-width:0!important; padding:5px 2px!important; font-size:10px!important; font-weight:900!important; line-height:1.05!important; gap:3px!important; justify-self:stretch!important; } .bottom-nav.premium-bottom.leader-bottom button span{ font-size:20px!important; line-height:1!important; margin:0 0 3px!important; } .bottom-nav.premium-bottom.leader-bottom .premium-leader-radar span{ width:44px!important;height:44px!important;margin-top:-21px!important;font-size:22px!important; } body.android-app .bottom-nav.premium-bottom.leader-bottom{ grid-template-columns:repeat(5,minmax(0,1fr))!important; height:82px!important; padding:6px 6px 7px!important; } body.android-app .bottom-nav.premium-bottom.leader-bottom button{font-size:10.5px!important} body.android-app .bottom-nav.premium-bottom.leader-bottom button span{font-size:21px!important} } /* Admin Home: dedicated operational focus. Admin does not inherit seller/leader performance cards. */ .admin-home-focus{display:none;margin:0 0 16px} .admin-home-focus.show-admin{display:block} .admin-home-focus-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px} .admin-home-focus-head h2{margin:0;font-size:18px;color:var(--prem-ink,#171b22)} .admin-home-focus-head small{display:block;margin-top:3px;color:var(--muted)} .admin-home-focus-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px} .admin-home-focus-grid>button{border:1px solid var(--line);background:#fff;border-radius:18px;padding:15px;text-align:left;box-shadow:var(--shadow);cursor:pointer;color:var(--text)} .admin-home-focus-grid>button>span{width:40px;height:40px;border-radius:12px;background:var(--soft);color:var(--red);display:grid;place-items:center;font-size:19px} .admin-home-focus-grid b{display:block;margin-top:10px;font-size:14px} .admin-home-focus-grid small{display:block;margin-top:4px;color:var(--muted);font-size:10px;line-height:1.4} .admin-home-focus-grid strong{display:inline-block;margin-top:9px;color:var(--red);font-size:10px} #home.admin-home-mode #homeRoutineCard, #home.admin-home-mode .premium-goal-card, #home.admin-home-mode .premium-section-title, #home.admin-home-mode .premium-products, #home.admin-home-mode #leaderHomePanel, #home.admin-home-mode #homeDailySalesCard, #home.admin-home-mode #homeAlertsCard, #home.admin-home-mode .premium-quick-title, #home.admin-home-mode .premium-quick-grid{display:none!important} @media(max-width:760px){.admin-home-focus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:390px){.admin-home-focus-grid{grid-template-columns:1fr}} /* Admin mobile nav: four real columns, no reserved gap from the retired Nova Venda slot. */ .admin-bottom-only{display:none!important} @media(max-width:760px){ .bottom-nav.premium-bottom.admin-bottom{ grid-template-columns:repeat(4,minmax(0,1fr))!important; height:78px!important; padding:6px 8px max(7px,env(safe-area-inset-bottom))!important; } .bottom-nav.premium-bottom.admin-bottom .premium-new-sale, .bottom-nav.premium-bottom.admin-bottom [data-go="more"]{display:none!important} .bottom-nav.premium-bottom.admin-bottom .admin-bottom-only{display:flex!important} .bottom-nav.premium-bottom.admin-bottom button{ min-width:0!important; padding:5px 2px!important; font-size:10.5px!important; font-weight:900!important; line-height:1.05!important; gap:3px!important; justify-self:stretch!important; } .bottom-nav.premium-bottom.admin-bottom button span{ font-size:21px!important; line-height:1!important; margin:0 0 3px!important; } body.android-app .bottom-nav.premium-bottom.admin-bottom{ grid-template-columns:repeat(4,minmax(0,1fr))!important; height:82px!important; padding:6px 8px 7px!important; } }