/* Shared, unboxed SOW indicators. Keep a readable intrinsic width in tables;
   overflow belongs to the existing table scroller, not inside a status label. */
html:root .sow-status.sow-indicator {
  display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;
  width:max-content;max-width:none;min-height:20px;padding:0;margin:0;
  border:0;border-radius:0;background:transparent;box-shadow:none;
  color:var(--sow-color);font-size:13px;font-weight:600;line-height:20px;
  letter-spacing:normal;text-transform:none;white-space:nowrap;
}
html:root .sow-status.sow-indicator svg {
  display:block;width:16px;height:16px;flex:0 0 16px;
  background:none;border:0;border-radius:0;box-shadow:none;
}
html:root .sow-status.sow-indicator>span { white-space:nowrap; }
html:root .sow-status.sow-indicator.no_date,
html:root .sow-status.sow-indicator.complete { color:var(--muted); }
/* Darker foregrounds retain contrast without a badge fill in light mode. */
html:not([data-theme="dark"]) .sow-indicator:is(.healthy,.days_30) { --sow-color:#087844; }
html:not([data-theme="dark"]) .sow-indicator.days_15 { --sow-color:#8a5700; }
html:not([data-theme="dark"]) .sow-indicator.days_5 { --sow-color:#a84613; }
html:not([data-theme="dark"]) .sow-indicator.expired { --sow-color:#bd2334; }