/* NEXEI v299 - sidebar do Canvas medida em runtime, exclusão segura de workflow e diagnóstico de segurança. */

/* A largura é capturada antes da primeira interação e aplicada como inline !important pelo JS v299. */
@media (min-width:701px){
  html body.canvas-shell-v299 aside.sidebar.sidebar-lock-v299,
  html body.canvas-shell-v299 aside.sidebar.sidebar-lock-v299:hover,
  html body.canvas-shell-v299 aside.sidebar.sidebar-lock-v299:focus,
  html body.canvas-shell-v299 aside.sidebar.sidebar-lock-v299:focus-within{
    box-sizing:border-box!important;
    width:220px!important;
    min-width:220px!important;
    max-width:220px!important;
    flex:0 0 220px!important;
    left:0!important;
    right:auto!important;
    transform:none!important;
    translate:none!important;
    scale:1!important;
    transition:none!important;
    animation:none!important;
    overflow:hidden!important;
  }
  html body.canvas-shell-v299 aside.sidebar.sidebar-lock-v299::before,
  html body.canvas-shell-v299 aside.sidebar.sidebar-lock-v299::after,
  html body.canvas-shell-v299 aside.sidebar.sidebar-lock-v299:hover::before,
  html body.canvas-shell-v299 aside.sidebar.sidebar-lock-v299:hover::after{
    content:none!important;
    display:none!important;
  }
  html body.canvas-shell-v299 aside.sidebar.sidebar-lock-v299 *,
  html body.canvas-shell-v299 aside.sidebar.sidebar-lock-v299:hover *{
    transform:none!important;
    animation:none!important;
  }
  html body.canvas-shell-v299 aside.sidebar.sidebar-lock-v299 .brand,
  html body.canvas-shell-v299 aside.sidebar.sidebar-lock-v299:hover .brand{
    width:100%!important;
    padding:0!important;
    margin:0 0 30px!important;
    justify-content:flex-start!important;
    gap:12px!important;
  }
  html body.canvas-shell-v299 aside.sidebar.sidebar-lock-v299 nav,
  html body.canvas-shell-v299 aside.sidebar.sidebar-lock-v299:hover nav{
    width:100%!important;
    display:grid!important;
    gap:8px!important;
  }
  html body.canvas-shell-v299 aside.sidebar.sidebar-lock-v299 nav a,
  html body.canvas-shell-v299 aside.sidebar.sidebar-lock-v299:hover nav a{
    width:100%!important;
    min-height:42px!important;
    padding:11px 12px!important;
    justify-content:flex-start!important;
    gap:10px!important;
  }
  html body.canvas-shell-v299 aside.sidebar.sidebar-lock-v299 .brand>div:not(.brand-mark),
  html body.canvas-shell-v299 aside.sidebar.sidebar-lock-v299:hover .brand>div:not(.brand-mark),
  html body.canvas-shell-v299 aside.sidebar.sidebar-lock-v299 .nav-text,
  html body.canvas-shell-v299 aside.sidebar.sidebar-lock-v299:hover .nav-text,
  html body.canvas-shell-v299 aside.sidebar.sidebar-lock-v299 .user-card,
  html body.canvas-shell-v299 aside.sidebar.sidebar-lock-v299:hover .user-card{
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  html body.canvas-shell-v299 aside.sidebar.sidebar-lock-v299 .user-card,
  html body.canvas-shell-v299 aside.sidebar.sidebar-lock-v299:hover .user-card{
    position:absolute!important;
    left:16px!important;
    right:16px!important;
    bottom:18px!important;
    width:auto!important;
    height:auto!important;
    min-height:76px!important;
    margin:0!important;
    padding:12px 13px!important;
    overflow:visible!important;
    transition:none!important;
  }
  html body.canvas-shell-v299 main.main.main-lock-v299,
  html body.canvas-shell-v299 aside.sidebar.sidebar-lock-v299:hover ~ main.main.main-lock-v299,
  html body.canvas-shell-v299 aside.sidebar.sidebar-lock-v299:focus-within ~ main.main.main-lock-v299{
    box-sizing:border-box!important;
    margin-left:220px!important;
    width:calc(100vw - 220px)!important;
    max-width:calc(100vw - 220px)!important;
    transform:none!important;
    translate:none!important;
    transition:none!important;
    animation:none!important;
  }
}

.workflow-card-actions-v291{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important}
.workflow-delete-form{margin:0!important}
.workflow-delete-form .danger{background:#fff1f2!important;color:#be123c!important;border:1px solid #fecdd3!important;box-shadow:none!important}
.workflow-delete-form .danger:hover{background:#ffe4e6!important}

.security-diagnostic-v299{display:grid;gap:18px}
.security-summary-v299{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:12px}
.security-summary-v299>div{display:grid;gap:5px;padding:18px;border:1px solid #dbe6f5;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05)}
.security-summary-v299 b{font-size:28px}.security-summary-v299 span{color:#64748b;font-size:12px;font-weight:750}
.security-summary-v299 .ok b{color:#15803d}.security-summary-v299 .warn b{color:#b45309}.security-summary-v299 .fail b{color:#be123c}
.security-check-list-v299{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.security-check-v299{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:16px;border:1px solid #dbe6f5;border-radius:17px;background:#fff}
.security-check-v299 h3{margin:0 0 5px;font-size:14px}.security-check-v299 p{margin:0;color:#52627a;font-size:12px;line-height:1.45}
.security-check-v299 code{display:block;margin-top:9px;padding:8px 10px;border-radius:10px;background:#f8fafc;color:#334155;font-size:10px;white-space:normal;overflow-wrap:anywhere}
.security-check-icon-v299{display:grid;place-items:center;width:34px;height:34px;border-radius:999px;font-weight:900}
.security-check-v299.ok .security-check-icon-v299{background:#dcfce7;color:#15803d}.security-check-v299.warn .security-check-icon-v299{background:#fef3c7;color:#b45309}.security-check-v299.fail .security-check-icon-v299{background:#ffe4e6;color:#be123c}
.security-notes-v299{padding:17px;border:1px solid #cfe0f7;border-radius:17px;background:#f8fbff}.security-notes-v299 h3{margin-top:0}.security-notes-v299 p{margin:8px 0;color:#475569;line-height:1.5;font-size:13px}
@media(max-width:900px){.security-summary-v299,.security-check-list-v299{grid-template-columns:1fr}}