/* HookCloud Flow Admin M4.25 — atividade online e operações em andamento */
.admin-live-activity{display:grid;gap:18px;margin:18px 0;padding:22px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 96%,#0879ce 4%),var(--surface));box-shadow:var(--shadow-sm)}
.admin-live-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.admin-live-head h2{margin:3px 0 5px;font-size:clamp(20px,2vw,28px)}.admin-live-head p{margin:0;color:var(--muted);max-width:760px}.admin-live-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.admin-live-controls label{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:13px;white-space:nowrap}.admin-live-controls input{accent-color:var(--primary)}
.admin-live-notice{padding:11px 14px;border:1px solid color-mix(in srgb,#10b981 38%,var(--line));border-radius:14px;background:color-mix(in srgb,#10b981 10%,var(--surface));color:color-mix(in srgb,#047857 84%,var(--text));font-weight:750}
.admin-live-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.admin-live-metric{display:grid;gap:3px;min-height:108px;padding:15px;border:1px solid var(--line);border-radius:16px;background:var(--surface-soft)}.admin-live-metric strong{font-size:28px;line-height:1}.admin-live-metric span{font-weight:800}.admin-live-metric small{color:var(--muted);line-height:1.35}.admin-live-metric.tone-success{border-color:color-mix(in srgb,#10b981 35%,var(--line))}.admin-live-metric.tone-warning{border-color:color-mix(in srgb,#f59e0b 40%,var(--line))}.admin-live-metric.tone-danger{border-color:color-mix(in srgb,#e23f5f 45%,var(--line))}.admin-live-metric.tone-info{border-color:color-mix(in srgb,#0ea5e9 38%,var(--line))}.admin-live-metric.tone-purple{border-color:color-mix(in srgb,#7c3aed 35%,var(--line))}
.admin-live-chart{display:grid;gap:9px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface-soft)}.admin-live-bar-row{display:grid;grid-template-columns:minmax(150px,220px) 1fr 42px;gap:12px;align-items:center;font-size:13px}.admin-live-bar-row>span{color:var(--muted);font-weight:700}.admin-live-bar-row>b{text-align:right}.admin-live-bar-track{height:10px;border-radius:999px;background:color-mix(in srgb,var(--line) 66%,transparent);overflow:hidden}.admin-live-bar-track i{display:block;height:100%;min-width:0;border-radius:inherit;background:linear-gradient(90deg,#0879ce,#00a5d9)}.admin-live-bar-track .bar-action{background:linear-gradient(90deg,#7c3aed,#a855f7)}.admin-live-bar-track .bar-today{background:linear-gradient(90deg,#0f9f74,#10b981)}.admin-live-bar-track .bar-progress,.admin-live-bar-track .bar-jobs{background:linear-gradient(90deg,#d97706,#f59e0b)}
.admin-live-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-live-grid>section{min-width:0;border:1px solid var(--line);border-radius:16px;background:var(--surface-soft);overflow:hidden}.admin-live-grid>section>header{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid var(--line)}.admin-live-grid h3{margin:0;font-size:15px}.admin-live-grid>section>header span{display:grid;place-items:center;min-width:28px;height:26px;padding:0 8px;border-radius:999px;background:var(--surface-strong);font-weight:850}.admin-live-list{max-height:310px;overflow:auto}
.admin-live-person,.admin-live-connection,.admin-live-job{display:grid;grid-template-columns:auto minmax(0,1.1fr) minmax(0,.9fr) auto;gap:10px;align-items:center;padding:12px 14px;border-bottom:1px solid color-mix(in srgb,var(--line) 78%,transparent);color:var(--text);text-decoration:none}.admin-live-connection,.admin-live-job{grid-template-columns:minmax(0,1fr) auto auto}.admin-live-person:last-child,.admin-live-connection:last-child,.admin-live-job:last-child{border-bottom:0}.admin-live-person:hover,.admin-live-connection:hover,.admin-live-job:hover{background:color-mix(in srgb,var(--primary) 7%,var(--surface))}.admin-live-person>span,.admin-live-connection>span,.admin-live-job>span{display:grid;gap:2px;min-width:0}.admin-live-person strong,.admin-live-connection strong,.admin-live-job strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-live-person small,.admin-live-connection small,.admin-live-job small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-live-person b{font-size:12px}.admin-live-dot{width:9px;height:9px;border-radius:50%;background:#10b981;box-shadow:0 0 0 4px color-mix(in srgb,#10b981 17%,transparent)}.admin-live-person.is-inactive .admin-live-dot{background:#94a3b8;box-shadow:none}.admin-live-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px}
@media(max-width:1180px){.admin-live-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.admin-live-head{flex-direction:column}.admin-live-controls{justify-content:flex-start}.admin-live-grid{grid-template-columns:1fr}.admin-live-bar-row{grid-template-columns:120px 1fr 34px}.admin-live-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.admin-live-activity{padding:16px}.admin-live-metrics{grid-template-columns:1fr}.admin-live-bar-row{grid-template-columns:1fr 36px}.admin-live-bar-track{grid-column:1/-1}.admin-live-person{grid-template-columns:auto minmax(0,1fr) auto}.admin-live-person>span:nth-child(3){grid-column:2/-1}.admin-live-footer{align-items:flex-start;flex-direction:column}}