/* P5 shell: top bar give-way (REVIEW-1 MAJOR-5), builds on B-26 r2. Net, always on: no sideways scroll, a chip is whole or wraps out whole. */
.topbar{overflow-x:clip}
.topbar .stats{flex:0 100 auto;flex-wrap:wrap;align-content:flex-start;height:36px;min-width:min-content;row-gap:36px;overflow:clip;overflow-clip-margin:4px}
.topbar .bar-actions{min-width:0}
.topbar:not(.p5-fit) .account{flex-shrink:10}
.topbar .sync-chip:not(.sync-dot){flex:0 1 auto;min-width:28px;flex-wrap:wrap;justify-content:center;row-gap:28px;overflow:clip;overflow-clip-margin:4px}
.topbar .sync-chip .i{flex:none;width:var(--icon-sm);height:var(--icon-sm)}
.topbar .sync-dot{width:28px;height:28px;padding:0;justify-content:center;flex:none;border-radius:var(--r-sm)}
.topbar.p5-fitting .stats,.topbar.p5-fitting .sync-chip{flex-shrink:0!important;min-width:max-content!important}
.topbar.p5-fitting .sync-chip.net-chip{min-width:140px!important}   /* DR1-9: the «Server unavailable» chip measures at its resting width while «Checking…» shows, so fitBar pins that, not the shorter word */
.topbar.p5-fitting .stats{flex-wrap:nowrap}
.topbar .stats .stat.p5-folded,.topbar .p5-more[hidden]{display:none}
.topbar .stat b{font:500 var(--fs-2)/1 var(--mono);color:var(--text)}
.topbar .stat .lbl{color:var(--text-2)}
.topbar .p5-more{box-sizing:border-box;height:36px;min-height:0;margin:0;justify-content:center;min-width:44px;padding:0 var(--s-3);color:var(--text);font:500 var(--fs-2)/1 var(--mono);cursor:pointer}
.p5-more[aria-expanded=true]{background:var(--raised);border-color:var(--line-strong)}
.p5-morepop{position:absolute;z-index:var(--z-tip);display:grid;justify-items:start;gap:var(--s-2);padding:var(--s-2);border-radius:var(--r-3);background:var(--raised);border:1px solid var(--line-strong);box-shadow:var(--shadow-1)}
.p5-morepop .stat{flex:none}
/* the red chip: nothing to use and nobody to run it (conn-blocked) */
.stat.bad{border-color:var(--red-line-strong)}
.stat.bad b{color:var(--red)}
.stat .tm-need .i{width:var(--icon-sm);height:var(--icon-sm);color:var(--amber)}
.stat .tm-need{margin-left:0}
.account.open,.account:has([aria-expanded=true]){background:var(--raised)}
/* shell-backups: the last copy in a plate */
.p5-bkplate{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3);margin-bottom:var(--s-4);border:1px solid var(--line);border-radius:var(--r-3);background:rgb(var(--p-mist) / .05)}
.p5-bkplate .dlg-text{margin:0;color:var(--text);font-weight:600;font-size:var(--fs-3);line-height:20px}
.p5-bkplate .bk-note{color:var(--text-2);font-weight:400;font-size:var(--fs-2);line-height:18px}
.p5-bkplate .bk-note[hidden]{display:none}
.p5-bkic{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--surface);color:var(--text-3);box-shadow:var(--edge-strong)}
.p5-bkic.ok{background:var(--green-soft,rgba(88,214,141,.14));color:var(--green);box-shadow:none}
.p5-bkic.bad{background:var(--red-soft,rgba(255,107,107,.14));color:var(--red);box-shadow:none}
.p5-bkic .i{width:var(--icon-sm);height:var(--icon-sm)}
.p5-avnote{margin:var(--s-4) 0 0;font-size:var(--fs-3);line-height:20px}