/*Remove default width limit for jQuery-UI tooltips */
.ui-tooltip-custom{
    max-width:66vw !important;
    z-index:100000;/*above cy-panzoom=99999*/
    padding:4px;
    font-size:75%;
}

.ui-tooltip-custom svg{
    max-width:15vw;
    max-height:4em;
}

.ui-tooltip-custom table, .ui-tooltip-custom p {
    margin-bottom:0;
}

.ui-tooltip-custom table td, .ui-tooltip-custom th {
    max-width:16vw;
    white-space: nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
}

.ui-tooltip-custom table caption {
    padding:0;
    font-style: italic;
    font-weight: bold;
}

.ui-tooltip-custom .ui-tooltip-custom-mol-only svg{
    max-width:30vw;
    max-height:30vh;
}

td.metabolomics-td-wrap-anywhere{
    overflow-wrap: anywhere;
}

.cytoscape-navigator{
    position: absolute;
    max-width: 30%;
    max-height: 30%;
    background-color: white;
}

.cytoscape-navigatorView {
    background-color: rgba(18, 65, 145, 0.5);
}


/* ===== MS²KOSMOS shared brand bar ===== */
.kosmos-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.55rem clamp(1rem,4vw,2.5rem);background:linear-gradient(92deg,#080a18,#0e1230 60%,#120a2e);border-bottom:1px solid rgba(124,92,255,.25);box-shadow:0 2px 18px -8px rgba(124,92,255,.6)}
.kosmos-brand{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none;font-size:1.15rem}
.kosmos-brand:hover{opacity:.92}
.kosmos-mark{width:28px;height:28px;flex:none;filter:drop-shadow(0 0 6px rgba(124,92,255,.55))}
.kosmos-wordmark{font-family:'Space Grotesk',system-ui,sans-serif;font-weight:700;letter-spacing:.02em;background:linear-gradient(92deg,#c7b8ff,#7c5cff 40%,#22d3ee);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;white-space:nowrap}
.kosmos-wordmark sup{font-size:.7em;top:-.5em;padding:0 .02em}
.kosmos-links{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}
.kosmos-links a{color:#aeb6da;text-decoration:none;font-weight:500;font-size:.9rem;padding:.38rem .8rem;border-radius:999px;font-family:'Inter',system-ui,sans-serif;transition:color .15s,background .15s}
.kosmos-links a:hover{color:#fff;background:rgba(124,92,255,.16)}
.kosmos-links a.active{color:#fff;background:rgba(124,92,255,.22)}
.kosmos-links a.cta{color:#fff;background:linear-gradient(92deg,#7c5cff,#5b7cff)}
.kosmos-links a.cta:hover{filter:brightness(1.08)}