/* Marina — demonstrated coherent-count rail placement.
   Load after rail-messaging.css and workspace-phone-rail.css.
   The host supplies original authorized totals. No arithmetic, read/clear,
   action, collapse preference, label or callback changes are made here. */
.office-console-shell .rail .rail-permanent>.rail-clear-notifications:has(>.count) {
  grid-template-columns:22px minmax(0,1fr) max-content;
}
.office-console-shell .rail .rail-clear-notifications:has(>.count)>.rail-icon {
  grid-column:1;grid-row:1;
}
.office-console-shell .rail .rail-clear-notifications:has(>.count)>.rail-name {
  grid-column:2;grid-row:1;
}
.office-console-shell .rail .rail-clear-notifications>.count {
  display:block;grid-column:3;grid-row:1;justify-self:end;align-self:center;
  min-width:0;margin:0;padding:0 2px;white-space:nowrap;color:inherit;
  font:600 .75rem/1.4 var(--sans);font-variant-numeric:tabular-nums;
}
.office-console-shell .rail .rail-group[open]>.rail-group-head>.rail-group-unread {
  display:block;
}
.office-console-shell .rail .rail-group-head>.rail-group-unread {
  grid-column:3;grid-row:1;white-space:nowrap;
}