/* Visual polish v10: active mission, weekly sales score and readable analytics. */
#sgl-app .sgl-view[data-view="home"]>.sgl-section-title{position:relative;display:flex;align-items:center;justify-content:center;gap:16px;margin:24px 0 18px}
#sgl-app .sgl-view[data-view="home"]>.sgl-section-title:before{content:"MISIÓN ACTIVA";position:absolute;top:-12px;padding:5px 16px;border:2px solid #ffe27a;border-radius:999px;background:linear-gradient(#ffca36,#e77d00);box-shadow:0 4px 0 #8d4100;color:#fff;text-shadow:0 2px 2px #713000;font:900 10px/1 var(--sgl-font,system-ui);letter-spacing:.16em;z-index:2}
#sgl-app .sgl-view[data-view="home"]>.sgl-section-title h1{margin:0;padding:17px 48px 12px;border:3px solid #4bc9ff;border-radius:18px;background:linear-gradient(180deg,#0d4387,#071f4e);box-shadow:0 7px 0 #031533,0 0 24px rgba(31,160,255,.22);color:#fff;font-size:24px;text-shadow:0 2px 2px #031535}
#sgl-app .sgl-view[data-view="home"]>.sgl-section-title>span{max-width:230px;height:4px;border:0;border-radius:99px;background:linear-gradient(90deg,transparent,#28a8ff,#ffd23f)}
#sgl-app .sgl-view[data-view="home"]>.sgl-section-title>span:last-child{background:linear-gradient(90deg,#ffd23f,#28a8ff,transparent)}

#sgl-app .sgl-opportunity-card{isolation:isolate;position:relative;min-height:350px;border:4px solid #45bdff;border-radius:28px;background:radial-gradient(circle at 18% 30%,rgba(39,164,255,.24),transparent 25%),linear-gradient(135deg,#0b3977 0,#071d49 50%,#041633 100%);box-shadow:0 11px 0 #03122b,0 24px 50px rgba(3,20,54,.32),inset 0 0 0 2px rgba(255,255,255,.1);overflow:hidden;color:#fff}
#sgl-app .sgl-opportunity-card:before{content:"OBJETIVO PRIORITARIO";position:absolute;top:0;left:50%;transform:translateX(-50%);min-width:230px;padding:8px 20px 10px;border:0 solid #ffe998;border-width:0 3px 3px;border-radius:0 0 16px 16px;background:linear-gradient(#ffd849,#e98a00);box-shadow:0 5px 0 #8e4600;color:#fff;text-align:center;text-shadow:0 2px 2px #7b3800;font:1000 11px/1 var(--sgl-font,system-ui);letter-spacing:.12em;z-index:4}
#sgl-app .sgl-opportunity-card:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.15;background-image:linear-gradient(rgba(91,194,255,.45) 1px,transparent 1px),linear-gradient(90deg,rgba(91,194,255,.45) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,#000,transparent 70%)}
#sgl-app .sgl-lead-portrait{width:220px;height:220px;border:7px solid #e8f8ff;background:linear-gradient(145deg,#37c7ff,#075fdc);box-shadow:0 0 0 5px #0d85f5,0 0 0 11px rgba(39,169,255,.18),0 14px 28px rgba(0,8,30,.45)}
#sgl-app .sgl-lead-portrait:before{content:"★ LEAD ACTIVO ★";position:absolute;left:50%;bottom:-27px;transform:translateX(-50%);width:max-content;padding:7px 15px;border:2px solid #fff0a0;border-radius:999px;background:linear-gradient(#ffdb49,#ed9000);box-shadow:0 4px 0 #8b4800;color:#fff;text-shadow:0 1px 2px #6b3500;font:900 10px/1 var(--sgl-font,system-ui);letter-spacing:.1em}
#sgl-app .sgl-lead-portrait>i{width:48px;height:48px;background:linear-gradient(#36bbff,#086bed);border:4px solid #fff;color:#ffe25a;box-shadow:0 4px 0 #06489e}
#sgl-app .sgl-opportunity-info{position:relative;padding:26px 0}
#sgl-app .sgl-opportunity-info h2{margin:0 0 25px;color:#fff;font-size:clamp(32px,3vw,52px);line-height:1.02;text-shadow:0 3px 0 #031531,0 0 20px rgba(63,181,255,.22)}
#sgl-app .sgl-info-grid>div{min-height:74px;border:2px solid #2c77bd;border-radius:16px;background:linear-gradient(145deg,rgba(22,75,133,.88),rgba(5,35,79,.92));box-shadow:0 5px 0 #03152f,inset 0 1px rgba(255,255,255,.12);color:#fff}
#sgl-app .sgl-info-grid>div>i{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:linear-gradient(#34c5ff,#0872ec);box-shadow:0 4px 0 #044a9a;color:#fff}
#sgl-app .sgl-info-grid>div span{color:#97cfff}
#sgl-app .sgl-info-grid>div strong{margin-top:4px;color:#fff;font-weight:900}
#sgl-app .sgl-info-grid>div strong.sgl-red{color:#ffcf4b!important}
#sgl-app .sgl-opportunity-actions{align-self:stretch;padding:45px 24px 20px;border-left:2px solid rgba(72,177,255,.35);background:linear-gradient(90deg,rgba(4,22,53,.12),rgba(2,13,35,.48))}
#sgl-app .sgl-opportunity-actions>a{border-width:3px;border-radius:19px;box-shadow:0 7px 0 rgba(0,25,84,.9),0 12px 22px rgba(0,0,0,.22)}
#sgl-app .sgl-opportunity-actions>a:hover{transform:translateY(-3px);filter:saturate(1.15) brightness(1.06)}
#sgl-app .sgl-next-button{border:2px solid #49bfff!important;background:linear-gradient(#123f7b,#082653)!important;box-shadow:0 5px 0 #02132f!important;color:#dff5ff!important;font-weight:900!important}

#sgl-app .sgl-status-board .sgl-sales-stat{isolation:isolate;position:relative;padding:20px 20px 16px!important;border:3px solid #f6c342!important;border-radius:20px!important;background:radial-gradient(circle at 100% 0,rgba(255,209,61,.22),transparent 38%),linear-gradient(145deg,#123c78,#071d49)!important;box-shadow:0 7px 0 #041331,inset 0 0 0 1px rgba(255,240,163,.2)!important;color:#fff!important;overflow:hidden}
#sgl-app .sgl-status-board .sgl-sales-stat:before{content:"META SEMANAL";position:absolute;right:-32px;top:12px;transform:rotate(35deg);width:130px;padding:4px 0;background:#f3aa16;color:#fff;text-align:center;text-shadow:0 1px #874600;font-size:9px;font-weight:1000;letter-spacing:.08em}
#sgl-app .sgl-sales-stat>span{color:#65dbff!important;font-size:12px!important;font-weight:1000!important;letter-spacing:.08em;text-transform:uppercase}
#sgl-app .sgl-sales-stat>strong{display:flex!important;align-items:baseline;gap:6px;margin:7px 0 10px!important;color:#fff!important;font-size:18px!important}
#sgl-app .sgl-sales-stat>strong b:first-child{color:#45d8ff!important;font-size:45px!important;line-height:.9;text-shadow:0 3px 0 #054d86}
#sgl-app .sgl-sales-stat>strong b:last-child{color:#ffe16b!important;font-size:25px!important}
#sgl-app .sgl-weekly-sales-split{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;margin:2px 0 10px!important}
#sgl-app .sgl-weekly-sales-split>span{display:flex!important;align-items:center;justify-content:center;gap:4px;min-height:38px;padding:6px 8px!important;border:2px solid #2b75bb!important;border-radius:12px!important;background:linear-gradient(#174d89,#0a2d60)!important;box-shadow:0 3px 0 #031631!important;color:#dff5ff!important;font-size:11px!important;white-space:nowrap}
#sgl-app .sgl-weekly-sales-split i{color:#52d8ff!important}
#sgl-app .sgl-weekly-sales-split b{color:#fff!important;font-size:14px!important}
#sgl-app .sgl-sales-stat .sgl-progress{height:10px!important;border:2px solid #386a9b!important;background:#031633!important;box-shadow:inset 0 2px 4px rgba(0,0,0,.55)!important}
#sgl-app .sgl-sales-stat .sgl-progress i{background:linear-gradient(90deg,#22c6ff,#ffd83e)!important;box-shadow:0 0 10px #36cfff}
#sgl-app .sgl-sales-stat>small{display:block;margin-top:8px;color:#bddfff!important;font-weight:800!important}

#sgl-app .sgl-analytics-kpis{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:14px}
#sgl-app .sgl-analytics-kpis>article{isolation:isolate;position:relative;display:grid!important;grid-template-columns:54px 1fr!important;grid-template-rows:auto auto auto!important;column-gap:12px!important;min-height:126px!important;padding:16px!important;border:3px solid var(--kpi-accent,#2baeff)!important;border-radius:20px!important;background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--kpi-accent,#2baeff) 22%,transparent),transparent 42%),linear-gradient(145deg,#123e7c,#071e4b)!important;box-shadow:0 7px 0 #031632,0 15px 26px rgba(2,20,53,.24),inset 0 0 0 1px rgba(255,255,255,.09)!important;color:#fff!important;overflow:hidden}
#sgl-app .sgl-analytics-kpis>article.blue{--kpi-accent:#168bff}#sgl-app .sgl-analytics-kpis>article.green{--kpi-accent:#25d47b}#sgl-app .sgl-analytics-kpis>article.cyan{--kpi-accent:#22d4e8}#sgl-app .sgl-analytics-kpis>article.lime{--kpi-accent:#79d62b}#sgl-app .sgl-analytics-kpis>article.violet{--kpi-accent:#9b67ff}#sgl-app .sgl-analytics-kpis>article.orange{--kpi-accent:#ff962c}
#sgl-app .sgl-analytics-kpis>article:after{content:"+ XP";position:absolute;right:10px;top:8px;color:var(--kpi-accent)!important;font-size:9px;font-weight:1000;letter-spacing:.08em}
#sgl-app .sgl-analytics-kpis>article>i{grid-row:1/4;align-self:center;display:grid!important;place-items:center;width:50px!important;height:50px!important;margin:0!important;border:3px solid rgba(255,255,255,.9)!important;border-radius:16px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--kpi-accent) 92%,white),color-mix(in srgb,var(--kpi-accent) 72%,#00316c))!important;box-shadow:0 5px 0 color-mix(in srgb,var(--kpi-accent) 45%,#001b42),0 0 16px color-mix(in srgb,var(--kpi-accent) 32%,transparent)!important;color:#fff!important;font-size:20px!important}
#sgl-app .sgl-analytics-kpis>article>span{align-self:end;color:#bce4ff!important;font-size:11px!important;font-weight:900!important;line-height:1.2!important;opacity:1!important}
#sgl-app .sgl-analytics-kpis>article>strong{align-self:center;margin:0!important;color:#fff!important;font-size:30px!important;font-weight:1000!important;line-height:1!important;text-shadow:0 2px 0 #03132e!important;opacity:1!important}
#sgl-app .sgl-analytics-kpis>article>small{align-self:start;color:#79c9ff!important;font-size:10px!important;font-weight:700!important;opacity:1!important}
#sgl-app .sgl-analytics-view .sgl-section-heading{border:3px solid #2f9ff1;border-radius:22px;background:linear-gradient(135deg,#0b3672,#071d49);box-shadow:0 7px 0 #031431;padding:20px 22px;color:#fff}
#sgl-app .sgl-analytics-view .sgl-section-heading h1,#sgl-app .sgl-analytics-view .sgl-section-heading p{color:#fff!important}
#sgl-app .sgl-analytics-view .sgl-section-heading .sgl-eyebrow{color:#55d5ff!important}

@media(max-width:1500px){#sgl-app .sgl-analytics-kpis{grid-template-columns:repeat(3,1fr)}#sgl-app .sgl-opportunity-card{grid-template-columns:240px minmax(0,1fr) 330px}}
@media(max-width:1050px){#sgl-app .sgl-opportunity-card{grid-template-columns:1fr;text-align:center;padding-top:48px}#sgl-app .sgl-lead-portrait{margin:auto}#sgl-app .sgl-opportunity-actions{border-left:0;border-top:2px solid rgba(72,177,255,.35)}}
@media(max-width:720px){#sgl-app .sgl-analytics-kpis{grid-template-columns:1fr 1fr}#sgl-app .sgl-analytics-kpis>article{min-width:0}.sgl-weekly-sales-split{grid-template-columns:1fr!important}}

