.header-tools { display:flex; align-items:center; gap:var(--space-2); }
.notification-bell { position:relative; }
.notification-bell > summary { list-style:none; display:flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; cursor:pointer; border:1px solid var(--line); border-radius:var(--radius); position:relative; }
.notification-bell > summary::-webkit-details-marker { display:none; }
.notification-counter { position:absolute; top:-6px; right:-6px; border-radius:20px; padding:2px 6px; min-width:20px; background:#a52929; color:#fff; font-size:.75rem; font-weight:700; text-align:center; }
.notification-counter[hidden] { display:none; }
.notification-preview { position:absolute; z-index:40; right:0; top:calc(100% + 10px); width:min(360px,calc(100vw - 2rem)); background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow); padding:var(--space-4); }
.notification-preview h2 { font-size:1.1rem; margin:0 0 var(--space-3); }
[data-notification-preview] { max-height:60vh; overflow-y:auto; margin-bottom:var(--space-3); }
.notification-preview-item { display:flex; flex-direction:column; gap:4px; padding:var(--space-3); min-height:44px; border-bottom:1px solid var(--line); text-decoration:none; color:var(--ink); overflow-wrap:anywhere; }
.notification-preview-item small { color:var(--muted); }
.notification-preview-item.is-unread,.notification-item.is-unread { background:var(--unread-bg); border-left:3px solid var(--brand); }
.notification-list { display:grid; gap:var(--space-3); }
.notification-filters { grid-template-columns:repeat(2,minmax(0,1fr)); padding:var(--space-4); }
.notification-filters > .button { grid-column:1 / -1; }
@media(min-width:768px) { .notification-filters { grid-template-columns:repeat(3,minmax(0,1fr)); } .notification-filters > .button { grid-column:auto; } }
.notification-item h2 { font-size:1.15rem; margin-block:var(--space-3); overflow-wrap:anywhere; }
.notification-item h2 a { display:inline-block; padding-block:8px; min-height:44px; }
.notification-meta,.notification-tools,.notification-actions { display:flex; align-items:center; flex-wrap:wrap; gap:var(--space-3); }
.notification-meta { font-size:.85rem; color:var(--muted); }
.notification-actions { margin-top:var(--space-4); }
.notification-actions form { margin:0; }
.notification-detail .plain-text,.notification-item .plain-text { overflow-wrap:anywhere; }
.mention-results { display:grid; gap:var(--space-2); margin-top:var(--space-2); }
.mention-results[hidden],[data-message-recipients][hidden],[data-message-confirm-all][hidden] { display:none; }
@media(min-width:1051px) { .header-tools { order:3; } }
@media(max-width:1050px) {
  .site-header .header-inner.has-notifications { column-gap:var(--space-2); }
  .site-header .has-notifications > .brand { flex:1 1 0; min-width:0; }
  .site-header .has-notifications .brand-logo { width:min(300px,100%); }
  .header-tools { margin-left:auto; flex-shrink:0; flex-wrap:nowrap; }
  .header-tools .nav-toggle { white-space:nowrap; }
}
@media(max-width:767px) { .header-inner.has-notifications { padding-block:var(--space-3); } }
@media(max-width:430px) { .has-notifications .brand { font-size:.95rem; gap:6px; } .has-notifications .brand-mark { width:25px; height:25px; } .header-tools .nav-toggle { padding-inline:8px; } }

@media(max-width:1050px) { .notification-preview { position:fixed; left:1rem; right:1rem; top:80px; width:auto; } }

/* Recipient lookup reuses the compact mention results and existing button styling. */
.recipient-chips { list-style:none; padding:0; margin:var(--space-3) 0; display:flex; flex-wrap:wrap; gap:var(--space-2); }
.recipient-chips li { display:flex; align-items:center; flex-wrap:wrap; gap:var(--space-2); max-width:100%; padding:var(--space-2); background:var(--soft); border-radius:var(--radius-sm); }
.recipient-chips span { overflow-wrap:anywhere; flex:1; min-width:0; }
.recipient-search-row { display:flex; align-items:center; gap:var(--space-2); }
.recipient-search-row input { min-width:0; flex:1; }
.recipient-picker .mention-results button { text-align:left; white-space:normal; overflow-wrap:anywhere; }

/* Pre-launch presentation stays scoped to the affected components. */
.admin-shortcuts { padding-bottom:var(--space-4); }
.admin-overview-link { display:inline-flex; align-items:center; min-height:44px; font-weight:600; }
.admin-shortcut-groups { display:grid; gap:var(--space-4); }
.admin-shortcut-group { min-width:0; border-top:1px solid var(--line); padding-top:var(--space-3); }
.admin-shortcut-group summary { font-size:.82rem; color:var(--muted); }
.admin-shortcut-group ul { list-style:none; padding:0; margin:0; }
.admin-shortcut-group a { display:flex; align-items:center; min-height:44px; border-radius:var(--radius-sm); padding:var(--space-2); text-decoration:none; font-size:.9rem; }
.admin-shortcut-group a:hover { background:var(--soft); }
.role-selector .field { max-width:360px; }
.permission-groups { display:grid; gap:var(--space-4); align-items:start; }
.permission-group { border:1px solid var(--line); border-radius:var(--radius-sm); min-width:0; }
.permission-group summary { display:flex; justify-content:space-between; align-items:center; gap:var(--space-2); padding:var(--space-3) var(--space-4); flex-wrap:wrap; }
.permission-group summary::before { content:'›'; }
.permission-group[open] summary::before { transform:rotate(90deg); }
.permission-group summary > span:first-of-type { flex:1; }
.permission-group fieldset { margin:0; padding:0 var(--space-4) var(--space-3); }
.permission-group .checkbox-row { border-top:1px solid var(--line); font-size:.9rem; }
.permission-group[hidden],.permission-group .checkbox-row[hidden] { display:none; }
.role-create { max-width:680px; }
.role-create form { margin-top:var(--space-4); }
.closure-overview .closure-notices { margin-top:0; grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); }
.closure-overview .closure-notice { padding:var(--space-4); box-shadow:none; }
.closure-overview .closure-notice.is-planned { background:var(--canvas); }
.recipient-picker--compact .recipient-search { position:relative; }
.recipient-picker--compact .mention-results { position:absolute; inset-inline:0; top:100%; max-height:280px; overflow-y:auto; z-index:5; padding:var(--space-2); border:1px solid var(--line); border-radius:var(--radius-sm); background:var(--surface); box-shadow:var(--shadow); }
.recipient-picker--compact .recipient-chips:empty { display:none; }
.recipient-picker--compact .recipient-chips li { padding:var(--space-1) var(--space-2); }
.recipient-picker--compact .recipient-chips .button { min-height:44px; padding:var(--space-1) var(--space-2); background:transparent; border-color:transparent; font-size:.82rem; }
.recipient-picker--compact [data-recipient-status]:empty { margin:0; }
.recipient-picker--compact .recipient-search { margin-top:var(--space-3); }
.issue-assignment form { display:grid; gap:var(--space-3); align-items:end; }
.issue-assignment { padding:var(--space-4); }
.issue-assignment .field-hint { font-size:.82rem; }
.issue-assignment .recipient-picker { margin:0; }
.issue-assignment form > .button { justify-self:start; }
.issue-detail-stack { display:flex; flex-direction:column; gap:var(--space-6); min-width:0; }
.issue-history-link { display:grid; gap:var(--space-1); padding-block:var(--space-2); min-height:44px; text-decoration:none; border-radius:var(--radius-sm); }
.issue-history-link:hover { background:var(--soft); }
.issue-history details summary { font-size:.86rem; }
.issue-history td { vertical-align:top; }
.issue-history .issue-change { margin:0; }
.issue-history .issue-change + .issue-change { margin-top:var(--space-3); }
.issue-history .issue-change h3 { font-size:.82rem; margin-bottom:var(--space-1); }
.issue-history .issue-inline-value { margin:0; }
.issue-history .responsive-table td > * { min-width:0; }
.issue-change { margin:var(--space-3) 0 0; font-size:.9rem; }
.issue-change h3 { font-size:.95rem; margin:0 0 var(--space-2); }
.issue-value-diff,.issue-assignment-diff { display:grid; gap:var(--space-3); margin:0; }
.issue-value-diff dt { color:var(--muted); font-size:.8rem; }
.issue-value-diff dd { margin:0; overflow-wrap:anywhere; }
.issue-assignment-diff ul { margin:var(--space-1) 0 0; padding-left:var(--space-4); }
.issue-change details[open] summary { margin-bottom:var(--space-3); }
.issue-comments .issue-comment-divider { border:0; border-top:1px solid var(--line); margin-block:var(--space-6); }
.duty-section-nav { display:flex; flex-wrap:wrap; gap:var(--space-2); margin-bottom:var(--space-6); }
.duty-section-nav a { display:inline-flex; align-items:center; min-height:44px; padding:var(--space-2) var(--space-3); border:1px solid var(--line); border-radius:var(--radius-sm); text-decoration:none; font-size:.86rem; background:var(--surface); }
.duty-information { display:grid; gap:var(--space-3); margin:0; }
.duty-information > div { display:block; border:0; padding:0; }
.duty-information dd { margin:0; }
.duty-workflow .recipient-picker { margin-bottom:0; }
.duty-checklist progress { width:100%; height:8px; accent-color:var(--brand); display:block; margin-bottom:var(--space-3); }
.duty-check-group { margin-top:var(--space-6); }
.duty-check-group .section-heading { margin-bottom:var(--space-3); }
.duty-check-group h3 { margin:0; font-size:1rem; }
.duty-check-rows { display:grid; gap:var(--space-3); }
.duty-check-row { min-width:0; border:1px solid var(--line); border-radius:var(--radius-sm); padding:var(--space-3) var(--space-4); margin:0; }
.duty-check-row legend { padding-inline:var(--space-2); margin:0; font-size:.95rem; }
.duty-check-row.is-answered { background:var(--canvas); }
.duty-check-description { margin-block:var(--space-1) var(--space-3); line-height:1.45; }
.duty-check-fields { display:grid; gap:var(--space-3); }
.duty-check-fields .field { margin:0; }
.duty-check-fields label { font-size:.8rem; }
.duty-check-result { margin:var(--space-2) 0; font-weight:600; }
.duty-check-row > p:last-child { margin-bottom:0; }
.duty-workflow .duty-note-grid { grid-template-columns:1fr; }
.duty-linked-issues { border-top:1px solid var(--line); padding-top:var(--space-2); }
.duty-completion .field { max-width:360px; }
@media(min-width:600px) {
  .duty-information { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .duty-check-fields { grid-template-columns:minmax(180px,.65fr) minmax(0,1fr); }
}
@media(min-width:768px) {
  .admin-shortcut-groups,.permission-groups { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .admin-shortcut-group a { min-height:36px; padding-block:var(--space-1); }
  .issue-assignment form { grid-template-columns:minmax(0,680px) auto; }
  .issue-value-diff,.issue-assignment-diff { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .duty-workflow .duty-note-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .closure-overview .closure-times { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(min-width:1200px) {
  .admin-shortcut-groups { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .duty-information { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .duty-check-rows { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (min-width:1024px) { .range-summary-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }