:root{
  --psv3-bg:#05070b;
  --psv3-bg2:#070911;
  --psv3-sidebar:#181922;
  --psv3-panel:#10121a;
  --psv3-panel2:#121620;
  --psv3-border:#0b3f52;
  --psv3-border2:#0a627b;
  --psv3-cyan:#09d6ff;
  --psv3-cyan2:#00bce9;
  --psv3-green:#00d489;
  --psv3-text:#f4f7fb;
  --psv3-muted:#9aaccc;
  --psv3-muted2:#6f7d96;
  --psv3-red:#ff4966;
  --psv3-shadow:0 18px 60px rgba(0,0,0,.38);
}

html body.ps-original-shell{
  margin:0!important;
  min-height:100vh!important;
  color:var(--psv3-text)!important;
  background:var(--psv3-bg)!important;
  font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif!important;
  overflow-x:hidden!important;
}
body.ps-original-shell *{box-sizing:border-box}
body.ps-original-shell a{text-decoration:none}

/* =========================
   Sidebar inspirada en la captura
   ========================= */
body.ps-original-shell .psv3-sidebar{
  position:fixed!important;
  inset:0 auto 0 0!important;
  width:212px!important;
  height:100vh!important;
  z-index:100!important;
  display:flex!important;
  flex-direction:column!important;
  background:linear-gradient(180deg,#181922 0%,#181922 72%,#151821 100%)!important;
  border-right:1px solid #273040!important;
  color:#dbe7fb!important;
  box-shadow:none!important;
}
body.ps-original-shell .psv3-brand-wrap{
  height:76px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:14px 11px 10px 13px!important;
}
body.ps-original-shell .psv3-brand{
  min-width:0!important;
  color:var(--psv3-cyan)!important;
  line-height:1.05!important;
}
body.ps-original-shell .psv3-brand strong{
  display:block!important;
  max-width:158px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:14px!important;
  font-weight:900!important;
  letter-spacing:-.03em!important;
  color:var(--psv3-cyan)!important;
}
body.ps-original-shell .psv3-brand small{
  display:block!important;
  margin-top:4px!important;
  color:#aebbd2!important;
  font-size:9.5px!important;
  letter-spacing:.55px!important;
  font-weight:800!important;
}
body.ps-original-shell .psv3-collapse{
  width:28px!important;
  height:28px!important;
  border:0!important;
  background:transparent!important;
  color:#9aa8bd!important;
  cursor:pointer!important;
  font-size:24px!important;
  line-height:1!important;
  padding:0!important;
}
body.ps-original-shell .psv3-nav{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  padding:10px 6px 18px 5px!important;
}
body.ps-original-shell .psv3-nav a,
body.ps-original-shell .psv3-group-title,
body.ps-original-shell .psv3-sidebar-bottom a,
body.ps-original-shell .psv3-lang{
  position:relative!important;
  width:100%!important;
  min-height:39px!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:8px 12px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#aebbd2!important;
  font-size:14px!important;
  line-height:1.22!important;
  font-weight:650!important;
  text-align:left!important;
  cursor:pointer!important;
}
body.ps-original-shell .psv3-nav a.active{
  background:#142d39!important;
  color:var(--psv3-cyan)!important;
}
body.ps-original-shell .psv3-nav a.active:before{
  content:""!important;
  position:absolute!important;
  left:-5px!important;
  top:8px!important;
  bottom:8px!important;
  width:4px!important;
  border-radius:0 999px 999px 0!important;
  background:var(--psv3-cyan)!important;
  box-shadow:0 0 16px rgba(9,214,255,.55)!important;
}
body.ps-original-shell .psv3-nav a:hover,
body.ps-original-shell .psv3-group-title:hover,
body.ps-original-shell .psv3-sidebar-bottom a:hover,
body.ps-original-shell .psv3-lang:hover{
  color:#edf7ff!important;
  background:rgba(9,214,255,.06)!important;
}
body.ps-original-shell .psv3-ico{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:currentColor!important;
  opacity:.95!important;
}
body.ps-original-shell .psv3-ico.sm{width:16px!important;height:16px!important;min-width:16px!important}
body.ps-original-shell .psv3-ico svg{
  width:18px!important;
  height:18px!important;
  stroke:currentColor!important;
  fill:none!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
body.ps-original-shell .psv3-ico.sm svg{width:16px!important;height:16px!important}
body.ps-original-shell .psv3-new{
  margin-left:auto!important;
  padding:3px 7px!important;
  border-radius:999px!important;
  background:#00d489!important;
  color:#fff!important;
  font-size:9px!important;
  font-weight:900!important;
  font-style:normal!important;
}
body.ps-original-shell .psv3-count{
  margin-left:auto!important;
  width:18px!important;
  height:18px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  background:#ff4966!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:900!important;
  font-style:normal!important;
}
body.ps-original-shell .psv3-group{display:block!important;margin:6px 0 2px!important}
body.ps-original-shell .psv3-group-title b{margin-left:auto!important;color:#9aacbf!important;font-size:13px!important}
body.ps-original-shell .psv3-sub{
  min-height:28px!important;
  padding:5px 12px 5px 52px!important;
  font-size:13px!important;
  color:#aab8cf!important;
  border-radius:0!important;
}
body.ps-original-shell .psv3-sidebar-bottom{
  margin-top:auto!important;
  padding:11px 12px 12px!important;
  border-top:1px solid #293344!important;
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
}
body.ps-original-shell .psv3-locale-row{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  margin-bottom:5px!important;
}
body.ps-original-shell .psv3-lang{
  flex:1!important;
  min-height:31px!important;
  padding:5px 6px!important;
  font-size:12.5px!important;
}
body.ps-original-shell .psv3-flag{font-size:14px!important;margin-left:-5px!important}
body.ps-original-shell .psv3-lang b{font-size:13px!important;color:#eef7ff!important}
body.ps-original-shell .psv3-lang small{margin-left:auto!important;color:#a6b4c8!important}
body.ps-original-shell .psv3-theme{
  width:30px!important;
  height:30px!important;
  border:0!important;
  background:transparent!important;
  color:#c4d0df!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:pointer!important;
}
body.ps-original-shell .psv3-theme svg{width:17px!important;height:17px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important}
body.ps-original-shell .psv3-sidebar-bottom a{
  min-height:28px!important;
  padding:4px 4px!important;
  font-size:13px!important;
  border-radius:6px!important;
}

/* =========================
   Contenedor principal
   ========================= */
body.ps-original-shell .psv3-main{
  margin-left:212px!important;
  width:calc(100vw - 212px)!important;
  min-height:100vh!important;
  padding:0!important;
  background:radial-gradient(circle at 44% -180px,rgba(13,48,62,.34),transparent 42%),var(--psv3-bg)!important;
  color:var(--psv3-text)!important;
  overflow:auto!important;
}
body.ps-original-shell .psv3-main.full{margin-left:0!important;width:100vw!important}
body.ps-original-shell .psv3-dashboard{
  width:100%!important;
  max-width:1194px!important;
  margin:0 auto!important;
  padding:8px 0 124px!important;
}

/* Top announcement bars */
body.ps-original-shell .psv3-announcements{
  display:grid!important;
  gap:10px!important;
  margin:0 0 56px!important;
}
body.ps-original-shell .psv3-topbar,
body.ps-original-shell .psv3-trial{
  min-height:46px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:9px 18px!important;
  border-radius:11px!important;
  background:#071316!important;
  border:1px solid #0b5167!important;
  box-shadow:0 1px 0 rgba(255,255,255,.03) inset!important;
  color:#dcecff!important;
}
body.ps-original-shell .psv3-trial{
  min-height:73px!important;
  padding:16px 16px!important;
  background:linear-gradient(90deg,rgba(0,55,48,.33),rgba(8,25,25,.92))!important;
  border-color:#08775f!important;
}
body.ps-original-shell .psv3-topbar-left,
body.ps-original-shell .psv3-trial-left{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
  font-size:15px!important;
  color:#d9e8f7!important;
}
body.ps-original-shell .psv3-topbar-left strong,
body.ps-original-shell .psv3-trial-left strong{font-weight:850!important;color:#f2f8ff!important}
body.ps-original-shell .psv3-trial-left strong{color:#bfffe7!important;font-size:17px!important}
body.ps-original-shell .psv3-trial-left span:last-child{color:#75b7a6!important;font-weight:700!important;font-size:16px!important}
body.ps-original-shell .psv3-round-icon,
body.ps-original-shell .psv3-spark{
  width:20px!important;
  height:20px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:var(--psv3-cyan)!important;
  font-weight:900!important;
  font-size:21px!important;
}
body.ps-original-shell .psv3-spark{color:#00e89c!important;font-size:24px!important}
body.ps-original-shell .psv3-topbar-actions{display:flex!important;align-items:center!important;gap:12px!important;flex-shrink:0!important}
body.ps-original-shell .psv3-mini-btn,
body.ps-original-shell .psv3-upgrade{
  height:24px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 14px!important;
  border-radius:8px!important;
  background:var(--psv3-cyan)!important;
  color:#031019!important;
  font-size:12px!important;
  font-weight:900!important;
}
body.ps-original-shell .psv3-upgrade{
  height:36px!important;
  padding:0 17px!important;
  border-radius:8px!important;
  background:#00aa79!important;
  color:#fff!important;
  font-size:14px!important;
}
body.ps-original-shell .psv3-x,
body.ps-original-shell .psv3-card-close{
  border:0!important;
  background:transparent!important;
  color:#8796aa!important;
  font-size:23px!important;
  line-height:1!important;
  cursor:pointer!important;
  padding:0!important;
}
body.ps-original-shell .psv3-x:hover,
body.ps-original-shell .psv3-card-close:hover{color:#fff!important}

/* Header */
body.ps-original-shell .psv3-page-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
  margin:0 0 33px!important;
}
body.ps-original-shell .psv3-page-head h1{
  margin:0 0 8px!important;
  color:#f6f8fb!important;
  font-size:42px!important;
  line-height:1!important;
  letter-spacing:-.055em!important;
  font-weight:950!important;
}
body.ps-original-shell .psv3-page-head p{
  margin:0!important;
  color:#a8bfde!important;
  font-size:18px!important;
  line-height:1.35!important;
  font-weight:500!important;
}
body.ps-original-shell .psv3-new-scan{
  height:37px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  padding:0 20px!important;
  border-radius:11px!important;
  background:var(--psv3-cyan)!important;
  color:#01070c!important;
  font-weight:900!important;
  font-size:14px!important;
  box-shadow:0 10px 28px rgba(9,214,255,.18)!important;
}
body.ps-original-shell .psv3-new-scan span{font-size:19px!important;line-height:0!important}

/* Onboarding */
body.ps-original-shell .psv3-onboarding{
  position:relative!important;
  min-height:360px!important;
  padding:46px 20px 28px!important;
  margin:0 0 32px!important;
  border:1px solid #0b3b4c!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,rgba(18,20,28,.92),rgba(12,13,20,.96))!important;
  box-shadow:var(--psv3-shadow)!important;
  overflow:hidden!important;
}
body.ps-original-shell .psv3-onboarding:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:radial-gradient(circle at 52% 5%,rgba(255,255,255,.04),transparent 38%),linear-gradient(90deg,rgba(9,214,255,.03),transparent 52%)!important;
  pointer-events:none!important;
}
body.ps-original-shell .psv3-card-close{position:absolute!important;right:22px!important;top:42px!important;z-index:2!important;font-size:25px!important}
body.ps-original-shell .psv3-onboarding-head{
  position:relative!important;
  z-index:1!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin-bottom:20px!important;
  padding-left:0!important;
}
body.ps-original-shell .psv3-onboarding-icon,
body.ps-original-shell .psv3-empty-icon{
  width:40px!important;
  height:40px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  background:#0d3341!important;
  color:var(--psv3-cyan)!important;
  font-size:26px!important;
  font-weight:900!important;
  box-shadow:0 0 0 1px rgba(9,214,255,.08) inset!important;
}
body.ps-original-shell .psv3-onboarding h2{
  margin:0!important;
  color:#f3f7ff!important;
  font-size:16px!important;
  line-height:1.2!important;
  font-weight:900!important;
}
body.ps-original-shell .psv3-onboarding p{
  margin:3px 0 0!important;
  color:#9db3d1!important;
  font-size:13px!important;
  font-weight:650!important;
}
body.ps-original-shell .psv3-main-progress{
  position:relative!important;
  z-index:1!important;
  height:5px!important;
  border-radius:99px!important;
  background:#112630!important;
  margin:0 0 25px!important;
  overflow:hidden!important;
}
body.ps-original-shell .psv3-main-progress span{
  display:block!important;
  height:100%!important;
  border-radius:99px!important;
  background:var(--psv3-cyan)!important;
  box-shadow:0 0 18px rgba(9,214,255,.45)!important;
}
body.ps-original-shell .psv3-steps{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  gap:14px!important;
}
body.ps-original-shell .psv3-step{
  min-height:58px!important;
  display:grid!important;
  grid-template-columns:20px 1fr auto!important;
  align-items:center!important;
  gap:13px!important;
  padding:9px 10px!important;
  border-radius:10px!important;
  color:#eef5ff!important;
}
body.ps-original-shell a.psv3-step{color:#eef5ff!important}
body.ps-original-shell .psv3-step.active{
  min-height:59px!important;
  padding:9px 12px!important;
  border:1px solid #0a7895!important;
  background:linear-gradient(90deg,rgba(9,214,255,.09),rgba(9,214,255,.03))!important;
}
body.ps-original-shell .psv3-step-dot{
  width:19px!important;
  height:19px!important;
  border-radius:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:2px solid #8796aa!important;
  color:#001014!important;
  font-size:12px!important;
  font-weight:950!important;
}
body.ps-original-shell .psv3-step.completed .psv3-step-dot{
  border-color:#00d489!important;
  background:transparent!important;
  color:#00d489!important;
}
body.ps-original-shell .psv3-step.active .psv3-step-dot{border-color:var(--psv3-cyan)!important;background:transparent!important}
body.ps-original-shell .psv3-step strong{
  display:block!important;
  margin-bottom:2px!important;
  color:#f4f8ff!important;
  font-size:14px!important;
  font-weight:900!important;
}
body.ps-original-shell .psv3-step small{
  display:block!important;
  color:#9fb4d3!important;
  font-size:13px!important;
  font-weight:550!important;
}
body.ps-original-shell .psv3-step-action{
  display:inline-flex!important;
  align-items:center!important;
  gap:14px!important;
  height:33px!important;
  padding:0 13px!important;
  border-radius:11px!important;
  background:var(--psv3-cyan)!important;
  color:#01070c!important;
  font-size:14px!important;
  font-weight:900!important;
}
body.ps-original-shell .psv3-step-action span{font-size:20px!important;line-height:0!important}

/* KPIs */
body.ps-original-shell .psv3-kpis{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
  margin:0 0 32px!important;
}
body.ps-original-shell .psv3-kpi{
  min-height:137px!important;
  padding:20px 20px!important;
  border-radius:10px!important;
  border:1px solid #0a5168!important;
  border-top-color:var(--psv3-cyan)!important;
  background:linear-gradient(180deg,rgba(18,19,27,.96),rgba(14,15,22,.98))!important;
  box-shadow:0 18px 45px rgba(0,0,0,.28)!important;
}
body.ps-original-shell .psv3-kpi-top{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:16px!important;
}
body.ps-original-shell .psv3-kpi-top span{
  color:#9eb2d0!important;
  font-size:12px!important;
  letter-spacing:.045em!important;
  font-weight:900!important;
}
body.ps-original-shell .psv3-kpi-top i{
  color:#9facbf!important;
  font-style:normal!important;
  font-size:18px!important;
}
body.ps-original-shell .psv3-kpi strong{
  display:block!important;
  color:#fff!important;
  font-size:31px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.05em!important;
  margin-bottom:19px!important;
}
body.ps-original-shell .psv3-kpi small{
  color:#96abcc!important;
  font-size:13px!important;
  font-weight:650!important;
}

/* Recent panel */
body.ps-original-shell .psv3-recent-panel{
  min-height:405px!important;
  padding:24px 24px 28px!important;
  border:1px solid #0b3b4c!important;
  border-radius:11px!important;
  background:linear-gradient(180deg,rgba(18,20,28,.94),rgba(12,13,20,.96))!important;
  box-shadow:var(--psv3-shadow)!important;
}
body.ps-original-shell .psv3-panel-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:20px!important;
  margin-bottom:20px!important;
}
body.ps-original-shell .psv3-panel-head h2{
  margin:0 0 2px!important;
  color:#f5f8ff!important;
  font-size:18px!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:-.03em!important;
}
body.ps-original-shell .psv3-panel-head p{
  margin:0!important;
  color:#9eb0ce!important;
  font-size:15px!important;
  line-height:1.2!important;
  font-weight:600!important;
}
body.ps-original-shell .psv3-outline-btn{
  height:37px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 18px!important;
  border-radius:12px!important;
  border:1px solid #123d51!important;
  background:rgba(8,12,18,.52)!important;
  color:#f3f7ff!important;
  font-size:14px!important;
  font-weight:900!important;
}
body.ps-original-shell .psv3-outline-btn:hover{border-color:var(--psv3-cyan)!important;color:var(--psv3-cyan)!important}
body.ps-original-shell .psv3-empty-scans{
  min-height:295px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:28px!important;
}
body.ps-original-shell .psv3-empty-icon{
  width:64px!important;
  height:64px!important;
  font-size:39px!important;
  margin-bottom:21px!important;
}
body.ps-original-shell .psv3-empty-scans h3{
  margin:0 0 12px!important;
  color:#fff!important;
  font-size:20px!important;
  font-weight:950!important;
  letter-spacing:-.03em!important;
}
body.ps-original-shell .psv3-empty-scans p{
  margin:0 0 26px!important;
  color:#a5b9d8!important;
  font-size:15px!important;
  line-height:1.45!important;
  font-weight:600!important;
}
body.ps-original-shell .psv3-empty-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:15px!important;
  flex-wrap:wrap!important;
}
body.ps-original-shell .psv3-create{
  height:44px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:0 22px!important;
  border-radius:16px!important;
  background:var(--psv3-cyan)!important;
  color:#01070c!important;
  font-size:16px!important;
  font-weight:950!important;
}
body.ps-original-shell .psv3-create span{font-size:22px!important;line-height:0!important}
body.ps-original-shell .psv3-example{
  color:var(--psv3-cyan)!important;
  font-size:14px!important;
  font-weight:900!important;
}

/* Recent rows when scans exist */
body.ps-original-shell .psv3-scan-list{display:grid!important;gap:10px!important;margin-top:6px!important}
body.ps-original-shell .psv3-scan-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  padding:13px 15px!important;
  border:1px solid #113a4c!important;
  border-radius:11px!important;
  background:rgba(7,12,18,.52)!important;
  color:#edf7ff!important;
}
body.ps-original-shell .psv3-scan-row:hover{border-color:var(--psv3-cyan)!important;background:rgba(9,214,255,.055)!important}
body.ps-original-shell .psv3-scan-left{display:flex!important;align-items:center!important;gap:13px!important;min-width:0!important;flex:1!important}
body.ps-original-shell .psv3-scan-left strong{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:15px!important;font-weight:900!important;color:#fff!important}
body.ps-original-shell .psv3-scan-left small{display:block!important;color:#9fb4d1!important;font-size:12px!important;font-weight:650!important;margin-top:3px!important}
body.ps-original-shell .psv3-scan-state{width:15px!important;height:15px!important;border-radius:50%!important;border:2px solid #8b9aaf!important;flex:0 0 15px!important}
body.ps-original-shell .psv3-scan-state.done{border-color:#00d489!important;background:rgba(0,212,137,.12)!important}
body.ps-original-shell .psv3-scan-state.processing{border-color:var(--psv3-cyan)!important;background:rgba(9,214,255,.12)!important}
body.ps-original-shell .psv3-scan-state.error{border-color:#ff4966!important;background:rgba(255,73,102,.12)!important}
body.ps-original-shell .psv3-row-progress{display:block!important;height:4px!important;border-radius:999px!important;background:#102630!important;margin-top:9px!important;overflow:hidden!important;max-width:520px!important}
body.ps-original-shell .psv3-row-progress span{display:block!important;height:100%!important;background:var(--psv3-cyan)!important;border-radius:999px!important}
body.ps-original-shell .psv3-scan-right{text-align:right!important;min-width:150px!important}
body.ps-original-shell .psv3-scan-right b{display:block!important;color:#fff!important;font-size:14px!important;font-weight:900!important}
body.ps-original-shell .psv3-scan-right small{display:block!important;color:#9fb4d1!important;font-size:12px!important;font-weight:650!important;margin-top:3px!important}

/* Floating help buttons */
body.ps-original-shell .psv3-floating{
  position:fixed!important;
  right:16px!important;
  bottom:14px!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  z-index:150!important;
}
body.ps-original-shell .psv3-float{
  width:46px!important;
  height:46px!important;
  border-radius:50%!important;
  border:2px solid #dbefff!important;
  color:#01202d!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:pointer!important;
  font-weight:950!important;
  box-shadow:0 12px 32px rgba(0,0,0,.35)!important;
}
body.ps-original-shell .psv3-float.ps{background:var(--psv3-cyan)!important;font-size:12px!important}
body.ps-original-shell .psv3-float.access{background:#245bea!important;color:#fff!important;font-size:20px!important}

body.ps-original-shell [data-psv3-hidden="1"]{display:none!important}

@media (max-width:1200px){
  body.ps-original-shell .psv3-dashboard{max-width:none!important;padding:8px 20px 100px!important}
}
@media (max-width:900px){
  body.ps-original-shell .psv3-sidebar{transform:translateX(-100%)!important}
  body.ps-original-shell .psv3-main{margin-left:0!important;width:100vw!important}
  body.ps-original-shell .psv3-page-head{align-items:flex-start!important;flex-direction:column!important;margin-top:10px!important}
  body.ps-original-shell .psv3-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.ps-original-shell .psv3-topbar,
  body.ps-original-shell .psv3-trial{align-items:flex-start!important;flex-direction:column!important}
}
@media (max-width:620px){
  body.ps-original-shell .psv3-dashboard{padding:8px 12px 100px!important}
  body.ps-original-shell .psv3-page-head h1{font-size:36px!important}
  body.ps-original-shell .psv3-kpis{grid-template-columns:1fr!important}
  body.ps-original-shell .psv3-onboarding{padding:32px 14px 20px!important}
  body.ps-original-shell .psv3-step{grid-template-columns:20px 1fr!important}
  body.ps-original-shell .psv3-step-action{grid-column:2!important;width:max-content!important}
}

/* =========================
   V4 - ajustes sacados del HTML real compartido
   - variables equivalentes al shell Next
   - mini sidebar 55px con auto-hover
   - tema claro/oscuro local
   - espacios px-2/px-6/px-12 más fieles
   ========================= */
html[data-theme="dark"]{
  --bg:#06080f;
  --panel:#181922;
  --surface:#10131b;
  --border-color:#263040;
  --text:#f4f7fb;
  --text-muted:#9aa8bd;
  --color-danger:#ff4966;
}
html[data-theme="light"]{
  --bg:#f4f7fb;
  --panel:#ffffff;
  --surface:#ffffff;
  --border-color:#d8e1ee;
  --text:#101828;
  --text-muted:#667085;
  --color-danger:#e11d48;
}
html[data-theme="dark"] body.ps-original-shell{
  --psv3-bg:var(--bg);
  --psv3-sidebar:var(--panel);
  --psv3-panel:var(--surface);
  --psv3-text:var(--text);
  --psv3-muted:var(--text-muted);
}
html[data-theme="light"] body.ps-original-shell{
  --psv3-bg:var(--bg);
  --psv3-sidebar:var(--panel);
  --psv3-panel:#ffffff;
  --psv3-panel2:#ffffff;
  --psv3-border:#c7d7e7;
  --psv3-border2:#a9cfe0;
  --psv3-text:#101828;
  --psv3-muted:#526176;
  --psv3-muted2:#667085;
  background:#f4f7fb!important;
}
html[data-theme="light"] body.ps-original-shell .psv3-sidebar{
  background:#ffffff!important;
  border-right-color:#d8e1ee!important;
  color:#101828!important;
}
html[data-theme="light"] body.ps-original-shell .psv3-main{
  background:radial-gradient(circle at 44% -180px,rgba(9,214,255,.12),transparent 42%),#f4f7fb!important;
}
html[data-theme="light"] body.ps-original-shell .psv3-topbar,
html[data-theme="light"] body.ps-original-shell .psv3-trial,
html[data-theme="light"] body.ps-original-shell .psv3-onboarding,
html[data-theme="light"] body.ps-original-shell .psv3-kpi,
html[data-theme="light"] body.ps-original-shell .psv3-recent-panel{
  background:#ffffff!important;
  color:#101828!important;
  border-color:#d8e1ee!important;
  box-shadow:0 18px 45px rgba(16,24,40,.07)!important;
}
html[data-theme="light"] body.ps-original-shell .psv3-page-head h1,
html[data-theme="light"] body.ps-original-shell .psv3-onboarding h2,
html[data-theme="light"] body.ps-original-shell .psv3-step strong,
html[data-theme="light"] body.ps-original-shell .psv3-panel-head h2,
html[data-theme="light"] body.ps-original-shell .psv3-empty-scans h3,
html[data-theme="light"] body.ps-original-shell .psv3-kpi strong{
  color:#101828!important;
}
html[data-theme="light"] body.ps-original-shell .psv3-page-head p,
html[data-theme="light"] body.ps-original-shell .psv3-step small,
html[data-theme="light"] body.ps-original-shell .psv3-panel-head p,
html[data-theme="light"] body.ps-original-shell .psv3-empty-scans p,
html[data-theme="light"] body.ps-original-shell .psv3-kpi small{
  color:#526176!important;
}

/* Shell exacto: el original usa main con px-2 py-2 y contenido interno con px-6/px-12 */
body.ps-original-shell .psv3-main{padding:8px 8px 0!important;}
body.ps-original-shell .psv3-dashboard{max-width:1194px!important;padding:0 0 124px!important;}
body.ps-original-shell .psv3-announcements{margin-top:0!important;margin-bottom:56px!important;}
body.ps-original-shell .psv3-page-head{margin-left:0!important;margin-right:0!important;}
body.ps-original-shell .psv3-onboarding,
body.ps-original-shell .psv3-kpis,
body.ps-original-shell .psv3-recent-panel{margin-left:0!important;margin-right:0!important;}

/* Mini sidebar 55px, tal como aparece en el HTML original. Se expande al pasar el ratón. */
body.ps-original-shell.psv3-sidebar-mini .psv3-sidebar{
  width:55px!important;
  overflow:hidden!important;
  transition:width .22s ease!important;
}
body.ps-original-shell.psv3-sidebar-mini .psv3-main{
  margin-left:55px!important;
  width:calc(100vw - 55px)!important;
  transition:margin-left .22s ease,width .22s ease!important;
}
body.ps-original-shell.psv3-sidebar-mini .psv3-sidebar:hover{
  width:212px!important;
  box-shadow:18px 0 42px rgba(0,0,0,.26)!important;
}
body.ps-original-shell.psv3-sidebar-mini .psv3-sidebar .psv3-brand-wrap{
  align-items:center!important;
  justify-content:center!important;
  padding:14px 8px!important;
}
body.ps-original-shell.psv3-sidebar-mini .psv3-sidebar .psv3-brand strong{
  max-width:34px!important;
  font-size:12px!important;
}
body.ps-original-shell.psv3-sidebar-mini .psv3-sidebar .psv3-brand strong:before{content:"PS"!important;}
body.ps-original-shell.psv3-sidebar-mini .psv3-sidebar .psv3-brand strong{font-size:0!important;}
body.ps-original-shell.psv3-sidebar-mini .psv3-sidebar:hover .psv3-brand strong{
  font-size:14px!important;
  max-width:158px!important;
}
body.ps-original-shell.psv3-sidebar-mini .psv3-sidebar:hover .psv3-brand strong:before{content:""!important;}
body.ps-original-shell.psv3-sidebar-mini .psv3-sidebar .psv3-brand small,
body.ps-original-shell.psv3-sidebar-mini .psv3-sidebar .psv3-collapse,
body.ps-original-shell.psv3-sidebar-mini .psv3-sidebar .psv3-nav a span:not(.psv3-ico),
body.ps-original-shell.psv3-sidebar-mini .psv3-sidebar .psv3-group-title span:not(.psv3-ico),
body.ps-original-shell.psv3-sidebar-mini .psv3-sidebar .psv3-group-title b,
body.ps-original-shell.psv3-sidebar-mini .psv3-sidebar .psv3-sub,
body.ps-original-shell.psv3-sidebar-mini .psv3-sidebar .psv3-new,
body.ps-original-shell.psv3-sidebar-mini .psv3-sidebar .psv3-count,
body.ps-original-shell.psv3-sidebar-mini .psv3-sidebar .psv3-lang b,
body.ps-original-shell.psv3-sidebar-mini .psv3-sidebar .psv3-lang small,
body.ps-original-shell.psv3-sidebar-mini .psv3-sidebar .psv3-flag,
body.ps-original-shell.psv3-sidebar-mini .psv3-sidebar-bottom a span:not(.psv3-ico){
  display:none!important;
}
body.ps-original-shell.psv3-sidebar-mini .psv3-sidebar:hover .psv3-brand small,
body.ps-original-shell.psv3-sidebar-mini .psv3-sidebar:hover .psv3-collapse,
body.ps-original-shell.psv3-sidebar-mini .psv3-sidebar:hover .psv3-nav a span:not(.psv3-ico),
body.ps-original-shell.psv3-sidebar-mini .psv3-sidebar:hover .psv3-group-title span:not(.psv3-ico),
body.ps-original-shell.psv3-sidebar-mini .psv3-sidebar:hover .psv3-group-title b,
body.ps-original-shell.psv3-sidebar-mini .psv3-sidebar:hover .psv3-sub,
body.ps-original-shell.psv3-sidebar-mini .psv3-sidebar:hover .psv3-new,
body.ps-original-shell.psv3-sidebar-mini .psv3-sidebar:hover .psv3-count,
body.ps-original-shell.psv3-sidebar-mini .psv3-sidebar:hover .psv3-lang b,
body.ps-original-shell.psv3-sidebar-mini .psv3-sidebar:hover .psv3-lang small,
body.ps-original-shell.psv3-sidebar-mini .psv3-sidebar:hover .psv3-flag,
body.ps-original-shell.psv3-sidebar-mini .psv3-sidebar:hover .psv3-sidebar-bottom a span:not(.psv3-ico){
  display:inline!important;
}
body.ps-original-shell.psv3-sidebar-mini .psv3-sidebar .psv3-nav{padding-left:8px!important;padding-right:8px!important;}
body.ps-original-shell.psv3-sidebar-mini .psv3-sidebar .psv3-nav a,
body.ps-original-shell.psv3-sidebar-mini .psv3-sidebar .psv3-group-title,
body.ps-original-shell.psv3-sidebar-mini .psv3-sidebar-bottom a,
body.ps-original-shell.psv3-sidebar-mini .psv3-sidebar .psv3-lang{
  justify-content:center!important;
  padding-left:0!important;
  padding-right:0!important;
  gap:0!important;
}
body.ps-original-shell.psv3-sidebar-mini .psv3-sidebar:hover .psv3-nav a,
body.ps-original-shell.psv3-sidebar-mini .psv3-sidebar:hover .psv3-group-title,
body.ps-original-shell.psv3-sidebar-mini .psv3-sidebar:hover .psv3-sidebar-bottom a,
body.ps-original-shell.psv3-sidebar-mini .psv3-sidebar:hover .psv3-lang{
  justify-content:flex-start!important;
  padding-left:12px!important;
  padding-right:12px!important;
  gap:12px!important;
}
body.ps-original-shell.psv3-sidebar-mini .psv3-sidebar-bottom{padding-left:8px!important;padding-right:8px!important;}
body.ps-original-shell.psv3-sidebar-mini .psv3-locale-row{justify-content:center!important;}
body.ps-original-shell.psv3-sidebar-mini .psv3-theme{display:none!important;}
body.ps-original-shell.psv3-sidebar-mini .psv3-sidebar:hover .psv3-theme{display:inline-flex!important;}

/* Ajustes finos vistos en la captura: cards algo más altas y encabezado más abajo */
body.ps-original-shell .psv3-page-head{padding:0!important;margin-bottom:32px!important;}
body.ps-original-shell .psv3-page-head h1{font-size:42px!important;letter-spacing:-.055em!important;}
body.ps-original-shell .psv3-onboarding{margin-bottom:32px!important;}
body.ps-original-shell .psv3-recent-panel{margin-top:0!important;}

@media (min-width:1280px){
  body.ps-original-shell .psv3-main{padding-left:8px!important;padding-right:8px!important;}
  body.ps-original-shell .psv3-dashboard{max-width:1194px!important;}
}


/* v5 fix: menú fijo, sin modo mini para evitar doble sidebar */
body.ps-original-shell .psv3-collapse{display:none!important;}
