/* Shares the shell's glass surface and menu-band overlay level. */
:root { --z-header-popover: 90; }
.assigned-replies { display: flex; align-items: center; justify-content: center; min-width: 44px; }
.assigned-replies[hidden], .assigned-replies [hidden], .assigned-replies__panel[hidden], .assigned-replies__panel [hidden] { display: none !important; }
.assigned-replies__trigger {
  position: relative; display: inline-flex; align-items: center; justify-content: center;
  flex: 0 0 44px; width: 44px; min-height: 44px; padding: 10px; border-radius: 13px;
  border: 1px solid var(--stroke); background: var(--surface); color: var(--text);
  cursor: pointer; font: inherit;
}
.assigned-replies__trigger svg { display: block; width: 22px; height: 22px; }
.assigned-replies__trigger.has-credential-attention { color: var(--primary); border-color: var(--primary); background: var(--info-bg); }
.assigned-replies__trigger.has-credential-attention svg { animation: credential-bell-attention 2s ease-in-out infinite; }
.assigned-replies__trigger[data-motion-paused="true"] svg { animation-play-state: paused; }
@keyframes credential-bell-attention { 0%, 100% { opacity: 1; } 50% { opacity: .72; } }
@media (prefers-reduced-motion: reduce) { .assigned-replies__trigger.has-credential-attention svg { animation: none; } }
.assigned-replies__trigger:hover, .assigned-replies__trigger[aria-expanded="true"] { background: var(--surface-hover); border-color: var(--primary); }
.assigned-replies__trigger:active, .assigned-replies__page:active, .assigned-replies__close:active { background: var(--surface-hover); }
.assigned-replies__trigger:focus-visible, .assigned-replies__link:focus-visible, .assigned-replies__close:focus-visible, .assigned-replies__page:focus-visible { outline: 2px solid var(--focus-color); outline-offset: 2px; box-shadow: var(--focus); }
.assigned-replies__badge {
  position: absolute; top: -5px; right: -7px; min-width: 21px; height: 21px; padding: 0 5px;
  border-radius: 12px; display: inline-flex; align-items: center; justify-content: center;
  background: var(--danger); color: var(--bg-0); font-size: .75rem; font-weight: 800; line-height: 1;
}
.assigned-replies__panel {
  position: fixed; z-index: var(--z-header-popover); isolation: isolate; width: 390px;
  display: flex; flex-direction: column; padding: 16px; gap: 10px;
  overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; scrollbar-gutter: stable;
  border: 1px solid var(--stroke); border-radius: 18px; color: var(--text);
  background: var(--surface-strong); box-shadow: var(--shadow);
}
.assigned-replies__heading { display: flex; gap: 8px; align-items: center; justify-content: space-between; flex: 0 0 auto; }
.assigned-replies__heading h2 { margin: 0; font-size: 1rem; line-height: 1.35; }
.assigned-replies__credentials, .assigned-replies__tickets { display: flex; flex-direction: column; gap: 9px; min-width: 0; }
.assigned-replies__credentials + .assigned-replies__tickets:not([hidden]) { border-top: 1px solid var(--stroke); padding-top: 12px; }
.assigned-replies__section-title { margin: 0; font-size: .82rem; line-height: 1.4; color: var(--text); }
.assigned-replies__change { flex-shrink: 0; color: var(--primary); font-size: .75rem; line-height: 1.4; }
.assigned-replies__scope, .assigned-replies__date { display: block; color: var(--muted); font-size: .75rem; line-height: 1.5; overflow-wrap: anywhere; }
.assigned-replies__date { margin-top: 4px; font-variant-numeric: tabular-nums; }
.assigned-replies__close { display: inline-flex; flex: 0 0 44px; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 13px; border: 1px solid var(--stroke); background: var(--surface); color: var(--text); font-size: 1.5rem; cursor: pointer; }
.assigned-replies__close:hover, .assigned-replies__page:hover:not(:disabled) { background: var(--surface-hover); }
.assigned-replies__summary, .assigned-replies__status { margin: 0; font-size: .8rem; line-height: 1.5; color: var(--muted); overflow-wrap: anywhere; }
.assigned-replies__status { padding: 10px; border: 1px solid var(--stroke); border-radius: 12px; }
.assigned-replies__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 7px; }
.assigned-replies__item { margin: 0; padding: 0; min-width: 0; }
.assigned-replies__link { display: block; padding: 12px; border: 1px solid var(--stroke); border-radius: 13px; background: var(--surface); color: var(--text); text-decoration: none; cursor: pointer; }
.assigned-replies__link:hover { background: var(--surface-hover); border-color: var(--primary); }
.assigned-replies__row { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 5px 12px; margin-bottom: 5px; }
.assigned-replies__number { font-size: .75rem; color: var(--muted); overflow-wrap: anywhere; }
.assigned-replies__count { font-size: .75rem; color: var(--primary); }
.assigned-replies__subject { display: block; font-size: .85rem; font-weight: 650; line-height: 1.4; overflow-wrap: anywhere; }
.assigned-replies__footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-top: 3px; }
.assigned-replies__page { min-height: 44px; padding: 9px 12px; border-radius: 13px; border: 1px solid var(--stroke); background: var(--surface); color: var(--text); font: inherit; font-size: .76rem; cursor: pointer; }
.assigned-replies__page:disabled { opacity: .45; cursor: default; }
.assigned-replies__range { color: var(--muted); font-size: .75rem; text-align: center; }
@media (max-width: 400px) { .assigned-replies__panel { padding: 12px; } .assigned-replies__row { flex-direction: column; gap: 3px; } }
@media (forced-colors: active) { .assigned-replies__badge { border: 1px solid ButtonText; } .assigned-replies__link, .assigned-replies__trigger { border-color: ButtonText; } }