/* Kelp para concesionarios · Alertas y trabajo. Lo propio de la página; el resto es expert-workers.css y chat.css.
   La conversación del hero es WhatsApp: tu mensaje va en su verde */
.rep-me { background: #D9FDD3; color: #111; }

/* Vigila: el panel de lo que Kelp sigue y los avisos que salen de él */
.vg-grid { position: absolute; left: 0; top: 23px; width: 358px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.vg-t { height: 116px; padding: 12px 14px; border-radius: 14px; display: grid; align-content: start; gap: 6px; transition: box-shadow .3s; }
.vg-h { display: flex; align-items: center; gap: 7px; }
.vg-h small { font-size: 11px; font-weight: 600; color: var(--ink-3); }
.vg-i { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 6px; background: var(--foam-2); color: var(--teal); }
.vg-i .ic { width: 13px; height: 13px; }
.vg-st { width: 8px; height: 8px; margin-left: auto; border-radius: 50%; background: rgb(1 33 32 / .15); transition: background-color .3s, box-shadow .3s; }
.vg-t b { font-size: 13.5px; font-weight: 600; line-height: 1.3; }
.vg-v { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 15px; font-weight: 600; font-variant-numeric: tabular-nums; }
.vg-sw { display: inline-grid; }
.vg-sw > * { grid-area: 1 / 1; }
.vg-sp { width: 60px; height: 20px; flex: none; }
.vg-sp polyline { fill: none; stroke: var(--teal); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.vg-t.ok .vg-st { background: #2F9C77; box-shadow: 0 0 0 3px rgb(47 156 119 / .18); }
.vg-t.warn { box-shadow: 0 0 0 1.5px #E7B25C, var(--shadow-card); }
.vg-t.warn .vg-st { background: #D99A45; box-shadow: 0 0 0 3px rgb(217 154 69 / .25); }
.vg-t.warn .vg-v { color: var(--ember-ink); }
.vg-dn { stroke-dasharray: 1; stroke-dashoffset: 1; }
.vg-t.warn .vg-dn { stroke: #D99A45; }
.vg-t.bad { box-shadow: 0 0 0 1.5px #D9826F, var(--shadow-card); }
.vg-t.bad .vg-st { background: #C9553F; box-shadow: 0 0 0 3px rgb(201 85 63 / .22); }
.vg-t.bad .vg-v { color: #B3412E; }
.vg-lines { position: absolute; inset: 0; width: 600px; height: 420px; overflow: visible; }
.vg-lines path { fill: none; stroke: var(--teal); stroke-width: 1.5; opacity: .5; }
.vg-a { position: absolute; left: 392px; width: 208px; padding: 12px 14px; border-radius: 14px; }
.vg-ah { display: flex; align-items: center; gap: 7px; margin-bottom: 8px; }
.vg-ah .kbot { width: 22px; height: 22px; border-radius: 50%; }
.vg-ah b { font-size: 13px; font-weight: 600; }
.vg-ah .tag { margin-left: auto; }
.vg-a p { font-size: 13px; line-height: 1.45; }
.vg-bad { background: #FBE3DD; color: #B3412E; }