/* XCompute app menu in the main navigation. Native <details>, so it works without script. */
.xc-menu{position:relative;display:inline-block}
.xc-menu>summary{list-style:none;cursor:pointer}
.xc-menu>summary::-webkit-details-marker{display:none}
.xc-menu>summary::after{content:" \25BE";font-size:.8em}
.xc-menu-list{position:absolute;right:0;z-index:50;min-width:220px;display:flex;flex-direction:column;padding:.5rem 0;background:var(--panel-bg,#fff);border:1px solid #cbd5e1;border-radius:.5rem;box-shadow:0 8px 24px rgba(15,23,42,.14)}
.xc-menu-list a{padding:.45rem 1rem;text-decoration:none;color:inherit}
.xc-menu-list a:hover,.xc-menu-list a:focus-visible{background:rgba(148,163,184,.18)}
.xc-menu-group{padding:.6rem 1rem .2rem;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;opacity:.75}
.xc-close-all{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:36px;min-height:36px;padding:6px;border:0;border-radius:.35rem;background:transparent;color:#475569;cursor:pointer}
.xc-close-all:hover{background:#f1f5f9;color:#475569}
.xc-close-all:focus-visible{outline:2px solid currentColor;outline-offset:2px}

.xc-instructions { max-width: 32rem; border: 1px solid #cbd5e1; border-radius: .75rem; padding: 1.25rem 1.5rem; }
.xc-instructions::backdrop { background: rgba(15, 23, 42, .45); }
.xc-instructions h2 { font-size: 1.25rem; margin: 0 0 .5rem; }
.xc-instructions ol { padding-left: 1.25rem; }
.xc-instructions ol li { margin-bottom: .35rem; }
.xc-instructions-stop { display: flex; gap: .5rem; align-items: center; font-size: .9rem; margin-top: .75rem; }
.xc-instructions-actions { display: flex; justify-content: flex-end; margin-top: 1rem; }