/* PEM SySO UX V2 · Final demo-ready visual gate
   Loaded after ux_v2_bundle.css in packaged UX V2 previews. */

[hidden]{display:none!important}
.pem-v2-edition{display:none!important}

/* Search: exactly one icon, painted as the input background. */
.pem-global-search::before,.pem-global-search::after,
.topbar .search::before,.topbar .search::after{content:none!important;display:none!important}
.pem-global-search-kbd,.pem-enterprise-search-icon,.pem-commercial-search-icon,.pem-demo-search-icon{display:none!important;visibility:hidden!important}
.pem-global-search,.topbar .search{position:relative!important}
.pem-global-search input,.topbar .search input{
  appearance:none!important;-webkit-appearance:none!important;
  box-sizing:border-box!important;padding-left:46px!important;padding-right:16px!important;text-indent:0!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2360758e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m16 16 4 4'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:15px 50%!important;background-size:18px 18px!important;
}
.pem-global-search input::-webkit-search-decoration,
.pem-global-search input::-webkit-search-cancel-button,
.pem-global-search input::-webkit-search-results-button,
.pem-global-search input::-webkit-search-results-decoration,
.topbar .search input::-webkit-search-decoration,
.topbar .search input::-webkit-search-cancel-button,
.topbar .search input::-webkit-search-results-button,
.topbar .search input::-webkit-search-results-decoration{-webkit-appearance:none!important;appearance:none!important;display:none!important}

/* Contextual Back is navigation, not a competing primary CTA. */
.pem-global-back,.pem-root-back,.pem-demo-back,[data-pem-navigation-geometry="back"]{
  appearance:none!important;
  width:108px!important;min-width:108px!important;max-width:108px!important;
  height:40px!important;min-height:40px!important;max-height:40px!important;
  padding:0 12px!important;margin:0!important;
  border:1px solid #d7e2ee!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important;
  color:#0c2b50!important;font-size:14px!important;font-weight:800!important;line-height:1!important;
}
.pem-global-back:hover,.pem-root-back:hover,.pem-demo-back:hover,[data-pem-navigation-geometry="back"]:hover{background:#eef6ff!important;border-color:#b8d3ee!important;text-decoration:none!important}

/* Canonical page title inserted when a legacy layout suppressed the H1. */
.pem-demo-page-header{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:20px!important;margin:0 0 16px!important;padding:0 0 12px!important;border-bottom:1px solid #dfe7f0!important}
.pem-demo-page-header-main{min-width:0;max-width:850px}
.pem-demo-eyebrow{display:block;margin:0 0 5px;color:#4f6d8e;font-size:11px;font-weight:800;letter-spacing:.075em;text-transform:uppercase}
.pem-demo-page-header h1{display:block!important;margin:0!important;color:#10233f!important;font-size:clamp(24px,2vw,32px)!important;line-height:1.12!important;letter-spacing:-.018em!important}
.pem-demo-page-header p{margin:6px 0 0!important;color:#65778d!important;line-height:1.45!important;max-width:760px}
.pem-demo-page-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.pem-demo-superseded{display:none!important}

/* MOC: remove decorative pseudo-badge that can cover copy. */
html.pem-enterprise-ui body.pem-route-moc .notice,
body.pem-route-moc .notice{padding:11px 13px!important}
html.pem-enterprise-ui body.pem-route-moc .notice::before,
body.pem-route-moc .notice::before{content:none!important;display:none!important}

/* Help belongs to the label it explains, and must remain visibly legible. */
.pem-demo-label-with-help{display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important}
.pem-help-trigger,.pem-method-help.pem-demo-help,.pem-help-trigger.pem-demo-help{position:static!important;inset:auto!important;transform:none!important;width:24px!important;min-width:24px!important;height:24px!important;min-height:24px!important;padding:0!important;margin:0!important;display:inline-grid!important;place-items:center!important;border:1px solid #bfd0e2!important;border-radius:50%!important;background:#f8fbfe!important;color:#315f91!important;font-size:12px!important;font-weight:800!important;line-height:1!important;box-shadow:none!important}
.pem-help-trigger svg,.pem-method-help.pem-demo-help svg,.pem-help-trigger.pem-demo-help svg{display:none!important}
.pem-help-trigger::before,.pem-method-help.pem-demo-help::before,.pem-help-trigger.pem-demo-help::before{content:'i';display:block!important;color:currentColor!important;font:800 12px/1 Arial,sans-serif!important}
.pem-help-trigger:focus,.pem-method-help.pem-demo-help:focus,.pem-help-trigger.pem-demo-help:focus{outline:3px solid rgba(31,111,199,.48)!important;outline-offset:2px!important;box-shadow:none!important}

/* Disabled EPP: only the canonical demo header and state may remain visible. */
body.pem-demo-ppe-disabled main.shell > :not(#pemDemoPpeHeader):not(#pemDemoPpeDisabled){display:none!important}
body.pem-demo-ppe-disabled #pemEnterprisePpeDisabled,
body.pem-demo-ppe-disabled #pemPpeDisabled,
body.pem-demo-ppe-disabled .pem-page-header:not(#pemDemoPpeHeader),
body.pem-demo-ppe-disabled .pem-commercial-page-header,
body.pem-demo-ppe-disabled [data-pem-commercial-header],
body.pem-demo-ppe-disabled .pem-demo-hide-when-disabled{display:none!important}
#pemDemoPpeHeader{display:flex!important}
#pemDemoPpeDisabled{display:block!important}
.pem-demo-disabled-state{max-width:760px;margin:22px auto;padding:28px;border:1px solid #d8e3ef;border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(15,45,85,.04);text-align:center}
.pem-demo-disabled-state .pem-demo-state-icon{width:44px;height:44px;margin:0 auto 12px;border-radius:14px;display:grid;place-items:center;background:#eef5fc;color:#315f91;font-weight:900;font-size:18px}
.pem-demo-disabled-state h2{margin:0;color:#10233f;font-size:20px}
.pem-demo-disabled-state p{max-width:620px;margin:8px auto 0;color:#65778d;line-height:1.5}
.pem-demo-disabled-state .pem-demo-state-actions{display:flex;justify-content:center;gap:8px;margin-top:16px;flex-wrap:wrap}

/* Investigation workspace: an intentional empty state, never a tall blank canvas. */
#workspace.pem-demo-empty-workspace{min-height:0!important;height:auto!important;padding:34px 26px!important;display:grid!important;place-items:center!important;text-align:center!important;border-style:dashed!important;background:#fbfdff!important}
#workspace.pem-demo-empty-workspace>.pem-demo-workspace-message{margin:0!important;max-width:620px!important;color:#65778d!important;font-size:14px!important;line-height:1.5!important}
#workspace.pem-demo-empty-workspace>.pem-demo-workspace-message::before{content:'Seleccioná una investigación para ver su análisis y trazabilidad.';display:block;margin-bottom:6px;color:#10233f;font-size:18px;font-weight:800}
#workspace.pem-demo-empty-workspace>.pem-demo-workspace-message{font-size:0!important}
#workspace.pem-demo-empty-workspace>.pem-demo-workspace-message::after{content:'También podés iniciar una nueva investigación desde el panel de la izquierda.';display:block;color:#65778d;font-size:14px;font-weight:400}

/* Preserve commercial focus and touch geometry. */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid rgba(31,111,199,.34)!important;outline-offset:2px!important}

/* Final hardening: these selectors intentionally outrank Enterprise Design System rules. */
html.pem-enterprise-ui .pem-enterprise-search-icon,
html.pem-enterprise-ui .pem-commercial-search-icon,
html.pem-enterprise-ui .pem-demo-search-icon,
html.pem-enterprise-ui .pem-global-search-kbd{display:none!important;visibility:hidden!important}
html.pem-enterprise-ui .pem-global-search::before,
html.pem-enterprise-ui .pem-global-search::after,
html.pem-enterprise-ui .topbar .search::before,
html.pem-enterprise-ui .topbar .search::after{content:none!important;display:none!important}
html.pem-enterprise-ui .pem-global-search input,
html.pem-enterprise-ui .topbar .search input{
  padding-left:46px!important;text-indent:0!important;appearance:none!important;-webkit-appearance:none!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2360758e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m16 16 4 4'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:15px 50%!important;background-size:18px 18px!important;
}

/* Standalone shell has extra Enterprise specificity: force a single clean search geometry. */
html.pem-enterprise-ui body.pem-standalone-shell .pem-global-topbar .pem-global-search::before,
html.pem-enterprise-ui body.pem-standalone-shell .pem-global-topbar .pem-global-search::after{content:none!important;display:none!important}
html.pem-enterprise-ui body.pem-standalone-shell .pem-global-topbar .pem-global-search .pem-enterprise-search-icon,
html.pem-enterprise-ui body.pem-standalone-shell .pem-global-topbar .pem-global-search .pem-commercial-search-icon,
html.pem-enterprise-ui body.pem-standalone-shell .pem-global-topbar .pem-global-search .pem-demo-search-icon,
html.pem-enterprise-ui body.pem-standalone-shell .pem-global-topbar .pem-global-search .pem-global-search-kbd{display:none!important;visibility:hidden!important}
html.pem-enterprise-ui body.pem-standalone-shell .pem-global-topbar .pem-global-search input{
  padding:0 16px 0 48px!important;
  text-indent:0!important;
  appearance:none!important;-webkit-appearance:none!important;
  background-color:#fbfcfe!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2360758e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m16 16 4 4'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:16px 50%!important;background-size:18px 18px!important;
}

html.pem-enterprise-ui body.pem-standalone-shell .pem-global-topbar .pem-global-back,
html.pem-enterprise-ui body.pem-standalone-shell .pem-global-topbar .pem-demo-back,
html.pem-enterprise-ui .topbar .pem-root-back,
html.pem-enterprise-ui .topbar .pem-demo-back{
  width:108px!important;min-width:108px!important;max-width:108px!important;
  height:40px!important;min-height:40px!important;max-height:40px!important;padding:0 12px!important;margin:0!important;
  border:1px solid #d7e2ee!important;background:#fff!important;box-shadow:none!important;border-radius:10px!important;
  color:#0c2b50!important;font-size:14px!important;font-weight:800!important;
}

html.pem-enterprise-ui .pem-method-help.pem-demo-help,
html.pem-enterprise-ui .pem-help-trigger.pem-demo-help{
  position:static!important;inset:auto!important;transform:none!important;
  width:24px!important;min-width:24px!important;height:24px!important;min-height:24px!important;
  padding:0!important;margin:0!important;border:1px solid #bfd0e2!important;border-radius:50%!important;
  background:#f8fbfe!important;color:#315f91!important;box-shadow:none!important;
  display:inline-grid!important;place-items:center!important;vertical-align:middle!important;
}
html.pem-enterprise-ui .pem-method-help.pem-demo-help svg,
html.pem-enterprise-ui .pem-help-trigger.pem-demo-help svg{display:none!important}
html.pem-enterprise-ui .pem-method-help.pem-demo-help::before,
html.pem-enterprise-ui .pem-help-trigger.pem-demo-help::before{content:'i'!important;display:block!important;font:800 12px/1 Arial,sans-serif!important;color:#315f91!important}

html.pem-enterprise-ui .kpi.pem-demo-help-card,
html.pem-enterprise-ui .metric.pem-demo-help-card,
html.pem-enterprise-ui .pem-summary-metric.pem-demo-help-card{position:relative!important;padding-right:42px!important}
html.pem-enterprise-ui .kpi.pem-demo-help-card>.pem-demo-help,
html.pem-enterprise-ui .metric.pem-demo-help-card>.pem-demo-help,
html.pem-enterprise-ui .pem-summary-metric.pem-demo-help-card>.pem-demo-help{position:absolute!important;top:10px!important;right:10px!important;left:auto!important;bottom:auto!important;margin:0!important}

/* Notification utility must read as a bell, never as a stray dot. */
html.pem-enterprise-ui .top-actions .pem-demo-bell,
html.pem-enterprise-ui .pem-global-topbar .pem-demo-bell{appearance:none!important;border:0!important;background:transparent!important;box-shadow:none!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:8px!important;display:grid!important;place-items:center!important;color:#24415f!important;border-radius:50%!important}
html.pem-enterprise-ui .top-actions .pem-demo-bell:hover,
html.pem-enterprise-ui .pem-global-topbar .pem-demo-bell:hover{background:#eef5fc!important}
html.pem-enterprise-ui .top-actions .pem-demo-bell svg,
html.pem-enterprise-ui .pem-global-topbar .pem-demo-bell svg{display:block!important;width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}

@media(max-width:900px){
  .pem-demo-page-header{flex-direction:column;gap:12px;margin-bottom:14px}
  .pem-demo-page-header-actions{width:100%;justify-content:flex-start}
}
@media(max-width:620px){
  .pem-demo-page-header h1{font-size:24px!important}
  .pem-demo-page-header-actions{display:grid;grid-template-columns:1fr;width:100%}
  .pem-demo-page-header-actions .btn,.pem-demo-page-header-actions a.btn{width:100%!important}
  .pem-demo-disabled-state{padding:20px 16px}
}


/* BRAND FIX 2026-10-02: approved PEM SySO lockup.
   Expanded desktop shell uses the full horizontal logo; collapsed shell keeps the mark only. */
@media (min-width:901px){
  html.pem-enterprise-ui:not(.pem-sidebar-collapsed) .sidebar>.brand,
  html.pem-enterprise-ui:not(.pem-sidebar-collapsed) .pem-global-brand{
    justify-content:center!important;
    min-height:72px!important;
    padding:10px 12px!important;
  }
  html.pem-enterprise-ui:not(.pem-sidebar-collapsed) .sidebar>.brand .shield,
  html.pem-enterprise-ui:not(.pem-sidebar-collapsed) .pem-global-logo{
    width:190px!important;
    min-width:190px!important;
    max-width:190px!important;
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
    flex:0 0 190px!important;
    background:#fff url('/static/pem_syso_logo.png') center/contain no-repeat!important;
    border-radius:10px!important;
  }
  html.pem-enterprise-ui:not(.pem-sidebar-collapsed) .sidebar>.brand>div:last-child,
  html.pem-enterprise-ui:not(.pem-sidebar-collapsed) .pem-global-brand-copy{
    display:none!important;
  }
  html.pem-enterprise-ui.pem-sidebar-collapsed .sidebar>.brand .shield,
  html.pem-enterprise-ui.pem-sidebar-collapsed .pem-global-logo{
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    flex:0 0 40px!important;
    background:#fff url('/static/pem_syso_mark.png') center/contain no-repeat!important;
  }
}