/* Téléexpertise — accent blue */
:root { --accent: #1a6aad; --accent-light: #e6f1fb; --accent-dark: #114d80; }

/* ── Mock flow confrères ── */
.tlx-flow { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }
.tlx-actor { flex: 1; background: var(--d360-blue-light); border-radius: 8px; padding: 14px 8px; text-align: center; }
.tlx-avatar { font-size: 1.7rem; display: block; margin-bottom: 6px; }
.tlx-name { font-size: .68rem; font-weight: 700; line-height: 1.35; }
.tlx-name em { font-style: normal; font-weight: 500; color: var(--d360-gray-600); }
.tlx-arrow { flex: 1; text-align: center; position: relative; }
.tlx-line { height: 3px; background: var(--d360-blue); border-radius: 2px; margin: 0 4px 6px; }
.tlx-label { font-size: .62rem; font-weight: 700; color: var(--d360-blue-dark);
    text-transform: uppercase; letter-spacing: .05em; }
.tlx-status { display: flex; flex-wrap: wrap; gap: 6px; }
.tlx-chip { font-size: .64rem; font-weight: 600; border-radius: 20px; padding: 5px 10px; }
.tlx-chip.done { background: var(--d360-teal-light); color: var(--d360-teal-dark); }
.tlx-chip.now  { background: var(--d360-blue-light); color: var(--d360-blue-dark); }

/* ── Bande bientôt ── */
.soon-band { background: #fff; border: 1.5px dashed var(--accent); border-radius: var(--d360-radius);
    padding: 28px 30px; display: flex; gap: 20px; align-items: center; flex-wrap: wrap;
    justify-content: space-between; }
.soon-band h3 { font-size: 1.08rem; font-weight: 700; margin-bottom: 6px; }
.soon-band p { font-size: .87rem; color: var(--d360-gray-600); margin: 0; max-width: 580px; line-height: 1.65; }
.soon-pill { display: inline-block; background: var(--accent-light); color: var(--accent-dark);
    font-size: 11px; font-weight: 700; padding: 4px 12px; border-radius: 20px;
    text-transform: uppercase; letter-spacing: .06em; margin-bottom: 8px; }