/* Game HUD v5: mission map, player navigation, progress and analytics. */
:root{--sgl-game-navy:#061a3a;--sgl-game-blue:#0878ff;--sgl-game-cyan:#22d8ff;--sgl-game-gold:#ffc83d;--sgl-game-ink:#07162f;--sgl-game-panel:#f9fcff}
.sgl-sidebar{background:radial-gradient(circle at 30% 8%,#164f8e 0,transparent 24%),linear-gradient(180deg,#082d59 0,#03172f 58%,#020e20 100%);border-right:2px solid #36bfff;box-shadow:12px 0 32px #03162f35;overflow:hidden}
.sgl-sidebar:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(#48cfff18 1px,transparent 1px),linear-gradient(90deg,#48cfff18 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(#000,transparent 72%)}
.sgl-sidebar-brand{position:relative;margin:15px 10px 20px;padding:11px 12px;min-height:70px;border:1px solid #48cfff70;border-radius:18px;background:linear-gradient(145deg,#15599b,#092e60);box-shadow:inset 0 1px #ffffff35,0 7px 0 #03172f,0 11px 20px #0005;gap:12px}
#sgl-sidebar-toggle{position:relative;flex:0 0 48px;width:48px;height:48px;border:2px solid #7ee8ff;border-radius:14px;color:#fff;background:linear-gradient(180deg,#27bfff,#0871ef);box-shadow:inset 0 2px #fff8,0 5px 0 #06468f,0 7px 14px #0005;cursor:pointer;transition:transform .18s,filter .18s}
#sgl-sidebar-toggle:hover{filter:brightness(1.15);transform:translateY(-2px)}#sgl-sidebar-toggle:active{transform:translateY(3px);box-shadow:inset 0 2px 6px #00377c,0 2px 0 #06468f}
#sgl-sidebar-toggle i{font-size:21px;filter:drop-shadow(0 2px #07529d)}
.sgl-sidebar-brand strong{display:block;color:#fff;font-size:22px;line-height:1.05;letter-spacing:-.02em;text-shadow:0 2px 0 #032a5b,0 0 14px #54dbff65}
.sgl-sidebar-brand strong:after{content:"CENTRO DE MISIONES";display:block;margin-top:7px;color:#78e8ff;font:800 9px/1.1 system-ui,sans-serif;letter-spacing:.16em}
.sgl-nav{position:relative;padding:0 8px;gap:8px}.sgl-nav button,.sgl-nav a{position:relative;min-height:54px;border:1px solid #3baee866;border-radius:15px;background:linear-gradient(180deg,#103c6a,#09294d);box-shadow:inset 0 1px #ffffff18,0 4px 0 #03172e;color:#ddecff;transition:.18s ease;overflow:visible}
.sgl-nav button:hover,.sgl-nav a:hover{transform:translateX(3px);border-color:#5fe6ff;background:linear-gradient(180deg,#1763a7,#0d3f75)}
.sgl-nav button.is-active,.sgl-nav a.is-active{color:#fff;border-color:#8cecff;background:linear-gradient(180deg,#21a8ff,#0868e9);box-shadow:inset 0 2px #ffffff70,0 5px 0 #06449b,0 0 22px #1dbbff65}
.sgl-nav button.is-active:after,.sgl-nav a.is-active:after{content:"";position:absolute;right:-7px;width:14px;height:14px;rotate:45deg;background:#0b70ee;border-top:1px solid #8cecff;border-right:1px solid #8cecff}
.sgl-nav i{width:38px;height:38px;display:grid;place-items:center;border:1px solid #70dcff60;border-radius:12px;background:#061d3d99;box-shadow:inset 0 1px #fff3}.sgl-nav .is-active i{background:#ffffff22;border-color:#a7f3ff;filter:drop-shadow(0 2px #0755aa)}
.sgl-sidebar-user{position:relative;margin:12px 10px 16px;padding:13px;border:1px solid #47c8ff66;border-radius:17px;background:linear-gradient(145deg,#123d6a,#061e3e);box-shadow:inset 0 1px #fff2,0 5px 0 #020d1d}
.sgl-sidebar-user img{border:3px solid #35c9ff;box-shadow:0 0 0 3px #0a4f91,0 0 16px #31d1ff88}.sgl-sidebar-user>a{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#09284d;color:#bcecff;border:1px solid #37bce566}
.sgl-sidebar.is-collapsed .sgl-sidebar-brand{padding:9px 5px;justify-content:center}.sgl-sidebar.is-collapsed .sgl-sidebar-brand strong{display:none}
.sgl-opportunity-card,.sgl-client-panel,.sgl-contact-panel,.sgl-panel-box,.sgl-workspace-card{border:2px solid #b9dcff;border-radius:22px;background:linear-gradient(180deg,#fff,#f5faff);box-shadow:inset 0 1px #fff,0 8px 0 #c4daeb,0 18px 32px #173d6820}
.sgl-aircall-auto,.sglm-aircall-auto{display:flex;align-items:center;gap:12px;margin:4px 0 16px;padding:12px 13px;border:1px solid #7edfff;border-radius:14px;background:linear-gradient(145deg,#e8faff,#d9efff);box-shadow:0 4px 0 #b5d8ec;color:#093263}.sgl-aircall-auto>i,.sglm-aircall-auto>i{flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;border:2px solid #a8f4ff;border-radius:12px;background:linear-gradient(#25cfff,#0874ed);color:#fff;box-shadow:0 4px 0 #0750a1}.sgl-aircall-auto span,.sglm-aircall-auto span{display:grid;gap:2px}.sgl-aircall-auto small,.sglm-aircall-auto small{color:#55708e}.sgl-mission-close{border-color:#56cfff;background:linear-gradient(180deg,#fff,#effaff)}
.sgl-client-panel{overflow:hidden}.sgl-client-panel>h2{color:#08204a;text-shadow:0 2px #fff}.sgl-client-panel dl{margin:18px 12px;display:grid;gap:8px}.sgl-client-panel dl>div{padding:11px 12px;border:1px solid #d5e7fa;border-radius:13px;background:linear-gradient(180deg,#fff,#eef6ff);box-shadow:0 3px 0 #d5e4f2}.sgl-history{border-top:2px solid #b9dcff;background:#eef7ff}.sgl-history>div{margin:8px 10px;border:1px solid #bcdafa!important;border-radius:13px;background:#fff!important;box-shadow:0 3px 0 #c8ddef}
.sgl-level-track{position:relative;display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:20px;padding:44px 35px 32px;border:2px solid #3f98e9!important;border-radius:25px!important;background:radial-gradient(circle at 50% -20%,#1969b7 0,transparent 43%),linear-gradient(180deg,#0b386c,#061d40 72%,#04152e)!important;box-shadow:inset 0 2px #86dfff55,inset 0 -7px #020d21,0 10px 0 #b7ccdf,0 18px 35px #071b3c35!important;overflow-x:auto;color:#fff}
.sgl-level-track:before{content:"";position:absolute;top:88px;left:8%;right:8%;height:12px;border:2px solid #325981;border-radius:20px;background:repeating-linear-gradient(90deg,#637991 0 14px,#344a64 14px 27px);box-shadow:inset 0 2px 4px #0008,0 0 12px #25cfff20}
.sgl-level-node{position:relative;z-index:1;min-width:120px;text-align:center;color:#fff}.sgl-level-node>i{position:relative;width:90px;height:104px;margin:0 auto 15px;display:grid;place-items:center;border:4px solid #ffda61;border-radius:0!important;clip-path:polygon(50% 0,92% 19%,84% 72%,50% 100%,16% 72%,8% 19%);background:linear-gradient(145deg,#2cdfff 0,#0879f4 46%,#123c91 100%)!important;color:#fff!important;font-size:31px;box-shadow:none!important;filter:drop-shadow(0 7px 0 #031631) drop-shadow(0 0 10px #29cfff80)}
.sgl-level-node>i:after{content:"";position:absolute;inset:9px;clip-path:inherit;border:2px solid #ffffff70;background:linear-gradient(145deg,#ffffff2b,transparent 52%);pointer-events:none}
.sgl-level-node>b{position:absolute;top:-17px;left:50%;translate:-50% 0;z-index:3;min-width:32px;height:32px;padding:0 8px;display:grid;place-items:center;border:2px solid #fff2aa;border-radius:50%;background:linear-gradient(#ffe96f,#f4a800);color:#573100;box-shadow:0 4px 0 #9a5600,0 0 12px #ffd94d99;font-weight:1000}
.sgl-level-node>strong{display:block;color:#fff;font-size:17px;text-shadow:0 2px #020d22}.sgl-level-node>span{display:inline-block;margin-top:7px;padding:4px 9px;border-radius:20px;background:#0a7757;border:1px solid #42f2b3;color:#bffff0;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.sgl-level-node.is-locked>i{border-color:#708197;background:linear-gradient(145deg,#52677e,#283c55 55%,#17283d)!important;color:#9daabd!important;filter:drop-shadow(0 7px 0 #020b18)}.sgl-level-node.is-locked>b{border-color:#b9c2cc;background:linear-gradient(#9eacba,#596879);color:#eef2f6;box-shadow:0 4px 0 #263748}.sgl-level-node.is-locked>strong{color:#aebdd0}.sgl-level-node.is-locked>span{background:#26384f;border-color:#64758a;color:#aebbd0}
.sgl-level-node:not(.is-locked):not(:first-child)>i{animation:sglMissionPulse 2.4s infinite}@keyframes sglMissionPulse{50%{filter:drop-shadow(0 7px 0 #031631) drop-shadow(0 0 19px #29cfff)}}
.sgl-view[data-view="progress"]{background:radial-gradient(circle at 80% 0,#dff4ff,#f5f9ff 38%,#eef4fb);padding-bottom:35px}.sgl-view[data-view="progress"] .sgl-page-heading{border:2px solid #41bdfb;background:linear-gradient(135deg,#155aa0,#061f47);box-shadow:inset 0 2px #ffffff3b,0 7px 0 #04152f,0 14px 28px #0b387433;border-radius:22px}.sgl-view[data-view="progress"] .sgl-page-heading h1{color:#fff;text-shadow:0 2px #03152f}.sgl-double-goal-title strong{padding:13px 30px;border:2px solid #ffe079;border-radius:18px;background:linear-gradient(#17498a,#092957);box-shadow:0 5px 0 #031b3c,0 0 16px #ffc42c55;color:#fff}.sgl-goal-grid{gap:24px}.sgl-goal-card{position:relative;padding:32px!important;border:3px solid var(--mission-color,#1686ff)!important;border-radius:25px!important;background:linear-gradient(180deg,#fff,#f1f8ff)!important;box-shadow:inset 0 2px #fff,0 8px 0 color-mix(in srgb,var(--mission-color,#1686ff) 35%,#9db4c9),0 17px 28px #12375c22!important}.sgl-goal-card.management{--mission-color:#1478f2}.sgl-goal-card.sales{--mission-color:#22ad53}.sgl-goal-card:before{content:"MISIÓN OPERATIVA";position:absolute;top:-17px;left:28px;padding:8px 19px;border:2px solid #fff;border-radius:14px;background:var(--mission-color);color:#fff;box-shadow:0 4px 0 color-mix(in srgb,var(--mission-color) 65%,#001a3e);font:1000 11px/1 system-ui;letter-spacing:.12em}.sgl-goal-card.sales:before{content:"MISIÓN COMERCIAL"}.sgl-ring{border:10px solid #dfe8f4!important;box-shadow:inset 0 0 0 6px #fff,0 0 0 3px var(--mission-color),0 7px 15px #173b6325;background:radial-gradient(circle,#fff 56%,#e9f4ff 58%)}.sgl-goal-card li{margin:9px 0;padding:11px 13px;border:1px solid #d3e5f7;border-radius:13px;background:linear-gradient(#fff,#eef6ff);box-shadow:0 3px 0 #d3e1ef}.sgl-warning{border:2px solid #ff6b62!important;border-radius:18px!important;background:linear-gradient(#fff3ee,#ffe3de)!important;box-shadow:0 5px 0 #e8a29c;color:#bd271d!important;text-shadow:0 1px #fff}
.sgl-analytics-view{background:radial-gradient(circle at 75% -5%,#164a85 0,transparent 28%),linear-gradient(180deg,#071c3c,#04132c);min-height:100%;color:#fff}.sgl-analytics-view .sgl-section-heading h1,.sgl-analytics-view .sgl-analytics-panel h2{color:#fff;text-shadow:0 2px #020b1b}.sgl-analytics-view .sgl-section-heading p,.sgl-analytics-view .sgl-analytics-panel>p{color:#a9c9e9}.sgl-analytics-kpis article{position:relative;border:2px solid #328dd0;border-radius:18px;background:linear-gradient(145deg,#113d70,#08264b);box-shadow:inset 0 1px #fff3,0 6px 0 #020d21,0 12px 20px #0004}.sgl-analytics-kpis article:after{content:"+ XP";position:absolute;right:10px;top:9px;color:#72e8ff;font-size:8px;font-weight:1000;letter-spacing:.08em}.sgl-analytics-kpis i{border:2px solid #a2efff;box-shadow:inset 0 2px #fff6,0 4px 0 #034a9b,0 0 14px #21ceff55}.sgl-analytics-kpis span,.sgl-analytics-kpis small{color:#a9c8e8}.sgl-analytics-kpis strong{color:#fff;text-shadow:0 2px #020c1e}.sgl-analytics-panel{position:relative;border:2px solid #328dd0;border-radius:21px;background:linear-gradient(180deg,#0d315c,#071e3e);box-shadow:inset 0 1px #ffffff30,0 7px 0 #020d20,0 15px 26px #0004;overflow:hidden}.sgl-analytics-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(#45cfff10 1px,transparent 1px),linear-gradient(90deg,#45cfff10 1px,transparent 1px);background-size:28px 28px}.sgl-daily-chart{position:relative;border-bottom:2px solid #3f719f;background:repeating-linear-gradient(0deg,#46cfff10 0 1px,transparent 1px 38px);border-radius:12px 12px 0 0}.sgl-day-bars b,.sgl-day-bars i{width:14px;border:1px solid #9ff3ff;background:linear-gradient(90deg,#0b65df,#2bbfff,#0b65df);box-shadow:0 0 12px #20cfff99}.sgl-day-bars i{border-color:#a9ffd8;background:linear-gradient(90deg,#0c976c,#4befae,#0c976c);box-shadow:0 0 12px #2ceba088}.sgl-day-column small{color:#c1d8ee}.sgl-type-row{color:#d9eaff}.sgl-type-row>div{height:14px;padding:2px;background:#031126;border:1px solid #376b9c}.sgl-type-row b{background:linear-gradient(90deg,#0873f7,#23d8ff,#ffe16a);box-shadow:0 0 11px #18c8ff}.sgl-personal-funnel>div{border:1px solid #8cecff;box-shadow:inset 0 1px #fff5,0 4px 0 #023775,0 0 14px #20cfff45;background:linear-gradient(90deg,#0759cb,#11bfff)}
@media(max-width:900px){.sgl-level-track{grid-template-columns:repeat(6,130px);padding-inline:24px}.sgl-sidebar-brand strong{font-size:18px}.sgl-goal-grid{grid-template-columns:1fr}.sgl-analytics-kpis{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){.sgl-level-node>i{animation:none!important}}