/* Personal shortcuts share shell theme tokens in light and dark modes. */
.sr2-pin-control { display: inline-flex; align-items: center; position: relative; }
.sr2-pin-control .sc-pin-toggle {
  width: auto; min-width: 44px; min-height: 44px; gap: .35rem;
  padding: .4rem .65rem; font-size: 1rem; white-space: nowrap;
}
.sr2-pin-control .sc-pin-toggle:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.sr2-pin-control .sc-pin-toggle:disabled { cursor: wait; opacity: .65; }
.sr2-pin-control [data-pin-feedback]:not(:empty) {
  position: absolute; top: 100%; right: 0; z-index: 5;
  width: max-content; max-width: min(20rem, 80vw); padding: .4rem .6rem;
  color: var(--text); background: var(--card-bg); border: 1px solid var(--border-2);
  border-radius: .35rem; font-size: 1rem;
}

/* My Work's supervisor backlog remains legible beside its label in both themes. */
a[href="/customers/needs-supervisor/"] .sr2-sb-badge {
  display: inline-block;
  margin-inline-start: .5rem;
  padding: .1rem .45rem;
  border-radius: 1rem;
  background: var(--scott-primary);
  color: var(--scott-on-primary);
}

/* Keep the header pin legible on customer/supervisor and queue surfaces (3028). */
.sc-pin-toggle.sr2-header-home {
  color: var(--text);
}

/* SR-2 dispatch notification bell; shared menu owns its own styles. */


/* 2576 — shell notification bell: same chrome as the Menu trigger, with an
   unread count pinned to the top-right corner. */
.sr2-shell-bell {
  align-items: center;
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: .65rem;
  color: var(--text);
  display: inline-flex;
  justify-content: center;
  min-height: 2.5rem;
  min-width: 2.5rem;
  padding: .45rem .7rem;
  position: relative;
  text-decoration: none;
}

.sr2-shell-bell:hover {
  background: var(--accent-soft);
  color: var(--accent-fg);
}

.sr2-shell-bell__count {
  background: var(--danger, #dc2626);
  border-radius: 999px;
  color: #fff;
  font-size: .7rem;
  font-weight: 700;
  line-height: 1;
  min-width: 1.25rem;
  padding: .2rem .4rem;
  position: absolute;
  right: -.4rem;
  text-align: center;
  top: -.4rem;
}

.sr2-shell-bell__count--empty {
  display: none;
}
/* The two-layer menu uses the card surface, not the classic navy sidebar.
   Its footer must use the matching theme foreground as well. */
body.sc-two-layer .sr2-sb-foot button.sr2-sb-item {
  color: var(--text);
  background: var(--card-bg);
}
body.sc-two-layer .sr2-sb-foot button.sr2-sb-item:hover {
  color: var(--text);
  background: var(--row-hover);
}

/* Keep closed disclosure panels out of layout and keyboard navigation. */
.sc-help-menu:not([open]) .sc-help-menu__panel,
.sc-pilot-user:not([open]) .sc-pilot-mode {
  display: none;
}

.duty-admin-card {
  padding: 1rem;
  border: 1px solid var(--border-2);
  border-radius: .5rem;
  background: var(--card-bg);
  color: var(--text);
}