/* Reference validated by PedroB: white header, colored dot + label, number below,
   fine vertical separators; never a colored card for a header counter. */
.form-counters{display:flex;align-items:stretch;justify-content:flex-end;gap:0;background:var(--surface,#fff);color:var(--ink,#17202b)}
.form-counters>.form-counter{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:4px 24px;min-width:120px;box-sizing:border-box;border:0;border-left:1px solid var(--line,#dce3eb);background:transparent;border-radius:0}
.form-counters>.form-counter:first-child{border-left:0}
.form-counters .form-counter-label{display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;white-space:nowrap}
.form-counters .form-counter-dot{width:12px;height:12px;min-width:12px;display:inline-block;border-radius:50%;background:#2176d2}
.form-counters .form-counter.green .form-counter-dot{background:#00ad35}
.form-counters .form-counter.red .form-counter-dot{background:#ff3355}
.form-counters .form-counter.amber .form-counter-dot{background:#eeac00}
.form-counters .form-counter.blue .form-counter-dot{background:#2176d2}
.form-counters>.form-counter>strong{font-size:30px;font-weight:700;line-height:1.1;color:inherit}
@media(max-width:650px){.form-counters{width:100%;justify-content:flex-start}.form-counters>.form-counter{min-width:0;flex:1;padding:4px 10px}.form-counters .form-counter-label{font-size:12px;gap:6px}.form-counters>.form-counter>strong{font-size:25px}}

/* Client group: direct associated companies, mother excluded. */
html body #detailDialog#detailDialog.client-workspace>.dialog-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important}
html body #detailDialog #clientGroupCounter{margin-left:auto;flex:0 0 auto;background:transparent}
html body #detailDialog #clientGroupCounter .form-counter{gap:7px;padding:0 20px;min-width:160px}
html body #detailDialog #clientGroupCounter strong{font-size:24px}
@media(max-width:650px){html body #detailDialog #clientGroupCounter{width:auto}html body #detailDialog #clientGroupCounter .form-counter{min-width:0;padding:0 4px}html body #detailDialog #clientGroupCounter .form-counter-label{white-space:normal}}