/* Quiet status tiles, shared by vessel totals and the explicitly scoped personal view. */
#seafix-demo .sf-statistics-section-title {
  margin: 0 0 14px; color: var(--sf-heading); font-size: 16px; line-height: 1.4; font-weight: 650;
}
#seafix-demo .sf-statistics-grid { gap: 8px; }
#seafix-demo .sf-statistic {
  --sf-statistic-tint: light-dark(#ededf0, #2b2b31);
  min-width: 0; padding: 15px 7px 16px; border: 1px solid transparent;
  border-radius: 14px; background: var(--sf-statistic-tint); text-align: center;
}
#seafix-demo .sf-statistic + .sf-statistic { border-left: 1px solid transparent; }
#seafix-demo .sf-statistic:first-child, #seafix-demo .sf-statistic:last-child { padding-inline: 7px; }
#seafix-demo .sf-statistic--new { --sf-statistic-tint: light-dark(#e7f2ec, #22372e); }
#seafix-demo .sf-statistic--work { --sf-statistic-tint: light-dark(#faf2d8, #3b3420); }
#seafix-demo .sf-statistic--done { --sf-statistic-tint: light-dark(#e8edf8, #253047); }
#seafix-demo .sf-statistic--cancelled { --sf-statistic-tint: light-dark(#ececf0, #2f3036); }
#seafix-demo .sf-statistic--urgent { --sf-statistic-tint: light-dark(#f8e8eb, #422930); }
#seafix-demo .sf-statistic dt { min-height: 2.8em; display: grid; align-items: center; font-size: 11px; font-weight: 500; white-space: normal; overflow-wrap: anywhere; }
#seafix-demo .sf-statistic dt::before { content: none; }
#seafix-demo .sf-statistic dd { margin-top: 10px; font-size: clamp(23px, 2.15vw, 30px); }
#seafix-demo .sf-personal-statistics { margin-top: 30px; padding-top: 25px; border-top: 1px solid var(--sf-line); }
#seafix-demo .sf-personal-statistics[hidden] { display: none; }
#seafix-demo .sf-personal-statistics .sf-statistics-section-title { margin-bottom: 6px; }
#seafix-demo .sf-statistics-scope { margin: 0; max-width: 62ch; color: var(--sf-muted); font-size: 12px; line-height: 1.6; }
#seafix-demo .sf-statistics-position { margin: 7px 0 15px; color: var(--sf-text); font-size: 12px; line-height: 1.5; }
#seafix-demo .sf-personal-statistics[aria-busy="true"] dd { color: var(--sf-muted); }
@media (max-width: 479px) {
  #seafix-demo .sf-statistics-grid { gap: 5px; }
  #seafix-demo .sf-statistic { padding: 12px 3px; border-radius: 10px; }
  #seafix-demo .sf-statistic:first-child, #seafix-demo .sf-statistic:last-child { padding-inline: 3px; }
  #seafix-demo .sf-statistic dt { font-size: 10px; }
  #seafix-demo .sf-statistic dd { margin-top: 5px; font-size: 23px; }
}
@media (forced-colors: active) {
  #seafix-demo .sf-statistic, #seafix-demo .sf-statistic + .sf-statistic { border-color: CanvasText; }
}