/* White controls bar under the header: labels, buttons, hidden-columns notice, columns popover. */

/* controls bar (project page) */
.ctrls{flex:none;background:var(--panel);border-bottom:1px solid var(--line)}
.cr{display:flex;align-items:center;gap:10px 16px;min-height:46px;padding-block:7px;flex-wrap:wrap}
.cl{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink3)}
.cnt{font-size:13px;color:var(--ink2)}
.cnt b{color:var(--ink);font-weight:600}
.hid{font-family:var(--mono);font-size:10.5px;color:var(--ink2);border-left:2px solid var(--accent);padding-left:9px;display:flex;align-items:center;gap:10px}
.hid button{all:unset;cursor:pointer;text-decoration:underline;text-underline-offset:3px;color:var(--ink)}
.hid button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.cr .right{margin-left:auto;display:flex;gap:8px;position:relative}
.btn{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;background:transparent;border:1px solid var(--line2);color:var(--ink2);padding:6px 11px;cursor:pointer;white-space:nowrap}
.btn:hover,.btn[aria-expanded="true"]{color:var(--ink);border-color:var(--ink3);background:var(--panel-hi)}
.pop{position:absolute;top:calc(100% + 6px);right:0;z-index:20;width:260px;background:var(--panel);border:1px solid var(--line2);box-shadow:var(--shadow);padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.pop .cl{margin-bottom:6px}
.pop label{display:flex;align-items:center;gap:9px;font-size:13.5px;padding:4px 0;cursor:pointer}
.pop label.lock{color:var(--ink3);cursor:default}
.pop label span{flex:1;min-width:0;overflow-wrap:anywhere}
.pop input{accent-color:var(--accent);width:15px;height:15px;margin:0;flex:none}
.pop .rm{all:unset;cursor:pointer;font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}
.pop .rm:hover{color:var(--ink);text-decoration:underline}
.pop .rm:focus-visible{outline:2px solid var(--accent)}