/* JANUS additions - named classes for patterns janus.html writes as inline styles.
   Same look as the mockup; the tint-text colors additionally adapt to dark mode. */

/* Tone modifiers for .entry-tag (status/category pills) and .stat-badge */
.tone-accent  { background: var(--accent-light); color: var(--accent-text); }
.tone-success { background: var(--success-bg);   color: var(--success-text); }
.tone-danger  { background: var(--danger-bg);    color: var(--danger-text); }
.tone-sand    { background: var(--tint-sand);    color: var(--tint-sand-text); }
.tone-peri    { background: var(--tint-peri);    color: var(--tint-peri-text); }
.tone-sage    { background: var(--tint-sage);    color: var(--tint-sage-text); }
.tone-neutral { background: var(--bg-secondary); color: var(--text-secondary); }

/* Series colors for .entry-dot / .project-dot */
.series-1 { background: var(--series-1); }
.series-2 { background: var(--series-2); }
.series-3 { background: var(--series-3); }
.series-4 { background: var(--series-4); }
.series-over { background: var(--series-over); }

/* Form footer: right-aligned actions above a hairline */
.form-actions { display: flex; gap: 8px; justify-content: flex-end; padding-top: 12px; border-top: 1px solid var(--border); }
.form-group.span-2 { grid-column: 1 / -1; }

/* Small pill button inside table rows */
.btn-row { padding: 4px 11px; font-size: 11px; }

/* Customer initials badge (Kunden table) - combine with a tone-* class */
.initials {
  width: 32px; height: 32px; border-radius: 8px; flex-shrink: 0;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 12px; font-weight: 600;
}
.name-cell { display: flex; align-items: center; gap: 10px; font-weight: 500; }

/* Meta text beside progress bars */
.meta { font-size: 12px; color: var(--text-secondary); }
.meta-strong { font-size: 12px; font-weight: 600; color: var(--text-primary); }
.text-success { color: var(--success-text); }
.text-danger { color: var(--danger-text); }
.text-muted { color: var(--text-secondary); }