/* What Central adds to panel.css: a top bar instead of the panel's sidebar. */
.central-bar { position: sticky; top: 0; z-index: 30; display: flex; align-items: center; gap: 18px; padding: 8px 24px; min-height: 56px;
    background: var(--material-chrome); -webkit-backdrop-filter: blur(24px) saturate(1.8); backdrop-filter: blur(24px) saturate(1.8); border-bottom: 1px solid var(--border); }
.central-bar .brand { padding: 0; }
.central-nav { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; flex: 1; min-width: 0; }
.central-nav a { padding: 6px 12px; border-radius: 8px; color: var(--text); font-weight: 450; }
.central-nav a:hover { background: var(--fill-weak); color: var(--text); }
.central-nav a.active { background: var(--accent); color: var(--on-accent); font-weight: 550; }
.user-menu { position: relative; margin-left: auto; }
.user-menu summary { list-style: none; display: flex; align-items: center; gap: 8px; cursor: pointer; padding: 4px 8px; border-radius: 10px; }
.user-menu summary::-webkit-details-marker { display: none; }
.user-menu summary:hover { background: var(--fill-weak); }
.user-menu-items { position: absolute; right: 0; top: calc(100% + 6px); min-width: 180px; padding: 6px; border-radius: 12px; background: var(--material-pop);
    -webkit-backdrop-filter: blur(40px) saturate(1.8); backdrop-filter: blur(40px) saturate(1.8); box-shadow: var(--shadow-pop); display: flex; flex-direction: column; }
.user-menu-items a { padding: 8px 10px; border-radius: 8px; color: var(--text); }
.user-menu-items a:hover { background: var(--fill-weak); color: var(--text); }
.central-main { padding: 20px 24px 56px; max-width: 1200px; margin: 0 auto; }
.narrow { max-width: 420px; }
@media (max-width: 700px) {
    .central-bar { padding: 8px 16px; gap: 10px; flex-wrap: wrap; }
    .central-nav { order: 3; flex-basis: 100%; }
    .user-name { display: none; }
    .central-main { padding: 16px 16px 48px; }
}

/* Start page and public status */
.board-card { margin-bottom: 16px; }
.board-card .panel-head { flex-wrap: wrap; gap: 8px 12px; }
.board-state { margin-left: auto; }
.board-manage { font-weight: 550; white-space: nowrap; }
.board-manage:only-child { margin-left: auto; }
.quick-actions { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
.quick-actions select { width: auto; }
.public-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.public-head h1 { margin: 0; }
.board-card code { font-size: var(--fs-sm); }
.switch-list { display: flex; flex-direction: column; }