/* "Open items for you" — the header count and its list. 29 October 2026:
 *   "i want to assign open items to people so that they can see ... which open items they have,
 *    you can create a menu item at teh top so that people can see their open items with the link
 *    to the pleace"
 * Built to match the comment queue beside it, because they answer the same question — is anything
 * waiting for me in here — and two different-looking answers to one question is how a header
 * stops being read.
 */
#navItems{font:inherit;font-size:12px;cursor:pointer;border:1px solid transparent;background:none;
  color:inherit;opacity:.8;padding:2px 8px;border-radius:999px;min-height:28px}
#navItems.itwait{opacity:1;background:rgba(198,160,58,.18);border-color:rgba(198,160,58,.5);font-weight:500}
#navItems:hover{border-color:rgba(198,160,58,.7)}

#itemsPanel{position:fixed;right:16px;top:58px;z-index:95;width:min(440px,calc(100vw - 32px));
  max-height:min(72vh,700px);overflow:auto;background:#fff;border:1px solid var(--line,#e3ddd2);
  border-radius:10px;box-shadow:0 16px 40px rgba(40,30,10,.18);padding:14px 16px}
#itemsPanel h4{margin:0 0 4px}
#itemsPanel .olist{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:10px}
#itemsPanel .oitem{border:1px solid var(--line,#e3ddd2);border-left:3px solid var(--prog,#c6a03a);
  border-radius:8px;padding:8px 10px}
#itemsPanel .oi-h{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
#itemsPanel .oi-h a{font-weight:500}
#itemsPanel .oi-s{margin:3px 0 0;font-size:12px}
#itemsPanel .oi-w{margin:4px 0 8px;font-size:13px;white-space:pre-wrap}
#itemsPanel .oi-a{display:flex;gap:6px;flex-wrap:wrap}
@media (max-width:640px){
  #itemsPanel{right:8px;left:8px;width:auto;top:52px;max-height:76vh}
  #itemsPanel .oi-a .btn{min-height:36px}
}

/* Whose it is, on the mark and in the step's own box. */
.drawer .revc .asgnw{font-style:normal;font-weight:600;margin-left:5px;padding-left:5px;
  border-left:1px solid currentColor;opacity:.85}
.drawer .revbox .asgn{display:inline-flex;align-items:center;gap:5px;margin-left:10px}
/* Tokens, not #fff and `inherit` — the same light-only fault the lane picker had, and the same
   white-on-white in dark mode. 3 November 2026. */
.drawer .revbox .asgn select{font:inherit;font-size:11.5px;padding:2px 6px;min-height:26px;
  border:1px solid var(--rule-strong);border-radius:6px;background:var(--ground);color:var(--ink);max-width:190px}
@media (max-width:640px){
  .drawer .revbox .asgn{display:flex;margin:6px 0 0}
  .drawer .revbox .asgn select{min-height:34px;max-width:100%}
}