/* ---- menu bar ---- */
  .menubar{position:absolute;top:0;left:0;right:0;height:28px;z-index:100;
    display:flex;align-items:center;gap:2px;padding:0 12px;
    background:rgba(12,17,28,.55);backdrop-filter:blur(18px) saturate(140%);
    border-bottom:1px solid rgba(255,255,255,.06);font-size:13px}
  .menubar .apple{font-size:15px;padding:0 8px;color:var(--accent)}
  .menubar .mtitle{font-weight:700;padding:0 10px}
  .menubar .mitem{padding:2px 9px;border-radius:5px;color:var(--ink);opacity:.92}
  .menubar .mitem:hover{background:rgba(255,255,255,.12)}
  .menubar .right{margin-left:auto;display:flex;align-items:center;gap:14px;color:var(--ink)}
  .menubar .right .ic{opacity:.85;font-size:13px}
  #mbContract{font-family:var(--mono);font-size:11px;color:var(--accent);cursor:pointer;
    border:1px solid rgba(var(--accent-rgb),.4);border-radius:6px;padding:2px 8px;background:rgba(var(--accent-rgb),.08)}
  #mbContract:hover{background:rgba(var(--accent-rgb),.16)}
  #mbContract.trace-live{color:var(--red);border-color:rgba(255,95,87,.55);background:rgba(255,95,87,.08)}
  .clock{font-variant-numeric:tabular-nums;min-width:132px;text-align:right}
  /* Act tag (slice D) — the machine's own name, from act 3. Lives between the menus and .right, where
     it grows into free space instead of squeezing the status cluster. Empty acts collapse to nothing
     rather than leaving a 2px flex gap on the bar. */
  .menubar .act-tag{font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--ink);
    opacity:.45;padding:0 10px;max-width:220px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  .menubar .act-tag:empty{display:none}
  .menubar .act-tag.own{opacity:.72}
  .menubar .act-tag.own::before{content:"◆ ";font-size:8px;vertical-align:2px}
  /* A narrow window has no spare room, and the clock/battery cluster wins every time. */
  @media (max-width:900px){ .menubar .act-tag{display:none} }

  .drop{position:absolute;top:28px;z-index:120;min-width:210px;padding:6px;
    background:rgba(22,28,42,.96);backdrop-filter:blur(20px);border:1px solid var(--edge);
    border-radius:10px;box-shadow:var(--shadow);display:none;font-size:13px}
  .drop.on{display:block}
  .drop button{display:flex;justify-content:space-between;width:100%;text-align:left;
    padding:7px 10px;border-radius:6px;color:var(--ink)}
  .drop button:hover{background:var(--accent);color:#05231a}
  .drop button.dis{color:var(--ink-faint);cursor:default}
  .drop button.dis:hover{background:none;color:var(--ink-faint)}
  .drop hr{border:none;border-top:1px solid var(--edge);margin:5px 4px}
  .drop small{color:var(--ink-faint)}