/* Agent Manager and Inventory Events global visual fallback. */
.agent-hero { align-items:flex-start; background:linear-gradient(135deg,#10243a,#123e54 54%,#0f766e); border-radius:18px; box-shadow:0 14px 32px rgba(13,48,72,.16); color:#fff; display:flex; justify-content:space-between; margin-bottom:18px; overflow:hidden; padding:27px 30px; position:relative; }.agent-hero:after { background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12); border-radius:50%; content:""; height:270px; position:absolute; right:-80px; top:-165px; width:270px; }.agent-hero h3 { color:#fff; font-size:1.7rem; margin:5px 0 7px; position:relative; z-index:1; }.agent-hero p { color:#d9f0ef; font-size:.92rem; margin:0; max-width:660px; position:relative; z-index:1; }.agent-kicker,.section-eyebrow { font-size:.69rem; font-weight:750; letter-spacing:.1em; text-transform:uppercase; }.agent-kicker { align-items:center; color:#96eee4; display:flex; gap:7px; position:relative; z-index:1; }.agent-hero-actions { align-items:center; display:flex; flex-shrink:0; gap:10px; position:relative; z-index:1; }.workspace-chip { align-items:center; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.15); border-radius:999px; color:#f1ffff; display:inline-flex; font-size:.78rem; font-weight:650; gap:6px; padding:8px 11px; }.live-update { align-items:center; color:#d9f0ef; display:inline-flex; font-size:.75rem; font-weight:700; gap:6px; }.live-update i { animation:isg-blink 1.15s infinite; background:#55e0b9; border-radius:50%; height:7px; width:7px; }
.agent-metrics { margin:0 0 22px; }.agent-metrics .agent-metric { align-items:center; border:1px solid #e3eaf0; box-shadow:0 2px 10px rgba(16,24,40,.035); display:flex; gap:13px; min-height:100px; padding:17px; }.agent-metric span,.agent-metric small { color:#667085; display:block; font-size:.74rem; line-height:1.25; }.agent-metric span { font-weight:700; letter-spacing:.025em; text-transform:uppercase; }.agent-metric strong { color:#172b3a; display:block; font-size:1.55rem; letter-spacing:-.04em; line-height:1.15; margin:3px 0; }.agent-metrics .metric-icon { align-items:center; border-radius:12px; display:flex; flex:0 0 43px; height:43px; justify-content:center; width:43px; }.agent-metrics .metric-icon i { font-size:22px; }.agent-metrics .metric-icon.teal { background:#d9f5f1; color:#087c71; }.agent-metrics .metric-icon.green { background:#e4f7ec; color:#198754; }.agent-metrics .metric-icon.blue { background:#e8f1ff; color:#286cc8; }.agent-metrics .metric-icon.violet { background:#f0eaff; color:#7652bf; }.agent-metrics .metric-icon.amber { background:#fff2d9; color:#b76b00; }
.agent-section { margin-bottom:26px; }.section-heading { align-items:flex-end; display:flex; justify-content:space-between; margin:0 0 11px; }.section-eyebrow { color:#0b8176; display:block; margin-bottom:4px; }.section-heading h4 { font-size:1.08rem; margin:0; }.section-heading p { font-size:.84rem; margin:4px 0 0; }.agent-panel,.scan-launcher { padding:22px; }.panel-footer { align-items:center; border-top:1px solid #edf0f3; color:#6a7887; display:flex; font-size:.78rem; justify-content:space-between; margin-top:3px; padding-top:16px; }.panel-footer span { align-items:center; display:inline-flex; gap:6px; }.panel-footer i { color:#0f766e; }.agent-setup-guide { background:linear-gradient(105deg,#f0f8ff,#f9fcff); border:1px solid #d9e9f6; margin-bottom:13px; padding:17px 19px; }.setup-guide-title { align-items:center; color:#1d4d75; display:flex; gap:10px; }.setup-guide-title>i { background:#dbeeff; border-radius:9px; color:#1769aa; font-size:24px; padding:8px; }.setup-guide-title strong,.setup-guide-title span { display:block; }.setup-guide-title strong { font-size:.95rem; }.setup-guide-title span { color:#58728a; font-size:.78rem; margin-top:2px; }.setup-guide-steps { display:grid; gap:15px; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:15px; }.setup-guide-steps>div { align-items:flex-start; display:flex; gap:8px; }.setup-guide-steps b { align-items:center; background:#1769aa; border-radius:50%; color:#fff; display:inline-flex; flex:0 0 22px; font-size:.72rem; height:22px; justify-content:center; }.setup-guide-steps p { margin:0; }.setup-guide-steps strong,.setup-guide-steps span { display:block; }.setup-guide-steps strong { color:#294c6a; font-size:.8rem; }.setup-guide-steps span { color:#60758a; font-size:.75rem; line-height:1.38; margin-top:2px; }.setup-guide-steps code { background:#e2f0fb; border-radius:4px; color:#155d99; font-size:.72rem; padding:1px 3px; }
.scan-state,.connection-badge { align-items:center; border-radius:999px; display:inline-flex; font-size:.75rem; font-weight:700; gap:6px; padding:5px 8px; white-space:nowrap; }.scan-state { background:#f1f4f7; color:#516170; padding:7px 10px; }.scan-state i,.connection-badge i { background:#98a2b3; border-radius:50%; display:inline-block; height:7px; width:7px; }.scan-state.is-running { background:#e1f6f1; color:#0b7469; }.scan-state.is-running i { animation:isg-blink 1.15s infinite; background:#14a58e; }.job-status-badge,.mode-badge,.disabled-badge { border-radius:999px; display:inline-block; font-size:.72rem; font-weight:700; padding:5px 8px; white-space:nowrap; }.job-status-badge.idle { background:#f1f4f7; color:#637384; }.job-status-badge.queued { background:#fff4dc; color:#a46100; }.job-status-badge.scanning { background:#e1f6f1; color:#08786d; }.job-status-badge.finished,.connection-badge.online { background:#e4f7ec; color:#177a4c; }.job-status-badge.failed,.connection-badge.offline { background:#fff0f1; color:#b52e43; }.connection-badge.online i { background:#1ca15e; }.connection-badge.offline i { background:#d94b5a; }.connection-badge.neutral { background:#f1f4f7; color:#637384; }.agent-grid { margin:0; overflow-x:auto!important; }.agent-grid .rz-grid-table { min-width:980px; }.agent-fleet-grid .rz-grid-table { min-width:760px; }.agent-identity strong,.agent-identity small { display:block; }.agent-identity strong { color:#24364a; font-weight:700; }.agent-identity small,.relay-endpoint-note { color:#7a8794; font-size:.73rem; margin-top:3px; }.endpoint-value { color:#34566f; display:inline-block; max-width:330px; overflow:hidden; text-overflow:ellipsis; vertical-align:middle; white-space:nowrap; }.mode-badge { background:#e8f1ff; color:#285da7; }.disabled-badge { background:#fff1dd; color:#a45b00; margin-left:5px; }.agent-actions { display:inline-flex; gap:5px; }.agent-actions .rz-button { min-width:34px; padding:0 8px!important; }
.events-hero { align-items:center; background:linear-gradient(118deg,#102f4a,#12606d 58%,#148472); border-radius:18px; box-shadow:0 14px 30px rgba(16,62,85,.18); color:#f8fbff; display:flex; gap:1.5rem; justify-content:space-between; margin-bottom:1.1rem; padding:1.4rem 1.6rem; }.events-hero h2 { color:#f8fbff; font-size:1.55rem; letter-spacing:-.025em; margin:.15rem 0 .28rem; }.events-hero p { color:rgba(247,252,255,.82); margin:0; }.events-kicker { align-items:center; color:#baf4e6!important; display:flex; font-size:.68rem; font-weight:800; gap:.4rem; letter-spacing:.12em; }.events-kicker span { background:#77f0c5; border-radius:50%; box-shadow:0 0 0 4px rgba(119,240,197,.18); height:.42rem; width:.42rem; }.events-hero .rz-button { border-radius:9px; font-size:.78rem; font-weight:700; }.events-summary { display:grid; gap:1rem; grid-template-columns:repeat(4,minmax(0,1fr)); margin-bottom:1rem; }.events-summary>div { align-items:center; background:#fff; border:1px solid #e0e8ef; border-radius:14px; box-shadow:0 3px 13px rgba(28,54,72,.05); display:flex; gap:.75rem; padding:.9rem 1rem; }.summary-icon { align-items:center; border-radius:10px; display:flex; height:2.3rem; justify-content:center; width:2.3rem; }.summary-icon.all { background:#e0f6f2; color:#097c70; }.summary-icon.server { background:#e4efff; color:#2869b0; }.summary-icon.network { background:#ede5ff; color:#7248ba; }.summary-icon.agents { background:#fff0d1; color:#a86a04; }.events-summary p { margin:0; }.events-summary small { color:#718297; display:block; font-size:.68rem; font-weight:700; }.events-summary strong { color:#1b3345; display:block; font-size:1.2rem; line-height:1.15; margin-top:.08rem; }.events-toolbar { color:#728397; display:flex; font-size:.75rem; justify-content:space-between; margin:.4rem .2rem .7rem; }.event-list { display:grid; gap:.75rem; }.event-card { background:#fff; border:1px solid #e0e8ef; border-left:4px solid #e2a52b; border-radius:13px; box-shadow:0 3px 13px rgba(28,54,72,.05); display:grid; grid-template-columns:3.15rem minmax(0,1fr); overflow:hidden; }.event-card.tone-up { border-left-color:#22a06b; }.event-card.tone-down { border-left-color:#d9534f; }.event-card.tone-new { border-left-color:#e58b12; }.event-leading { align-items:center; display:flex; flex-direction:column; padding-top:1.15rem; position:relative; }.event-icon { align-items:center; border-radius:10px; display:flex; height:2.15rem; justify-content:center; width:2.15rem; z-index:1; }.event-icon.server { background:#e4efff; color:#2869b0; }.event-icon.network { background:#eee5ff; color:#7045b8; }.event-icon.tone-up { background:#ddf6e9; color:#16794c; }.event-icon.tone-down { background:#ffe3e0; color:#bd3f37; }.event-icon.tone-new { background:#fff0d1; color:#a86a04; }.event-line { background:#e6edf0; bottom:0; top:3.3rem; width:1px; }.event-content { min-width:0; padding:1rem 1.15rem 1.15rem .05rem; }.event-content header { align-items:flex-start; display:flex; gap:1rem; justify-content:space-between; }.event-tags { display:flex; flex-wrap:wrap; gap:.35rem; }.event-kind,.event-severity { border-radius:99px; font-size:.63rem; font-weight:800; letter-spacing:.035em; padding:.22rem .5rem; }.event-kind { background:#eaf2f5; color:#486575; }.event-severity { background:#fff1d7; color:#a86b08; }.event-severity.tone-up { background:#ddf6e9; color:#16794c; }.event-severity.tone-down { background:#ffe3e0; color:#bd3f37; }.event-severity.tone-new { background:#fff0d1; color:#a86a04; }.event-content h3 { color:#203848; font-size:1rem; margin:.38rem 0 .12rem; }.event-title { color:#63788a; font-size:.77rem; margin:0; }.event-content time { color:#728397; flex:0 0 auto; font-size:.72rem; white-space:nowrap; }.event-meta { display:flex; flex-wrap:wrap; gap:.6rem 1rem; margin-top:.75rem; }.event-meta span { align-items:center; color:#6b8091; display:flex; font-size:.7rem; gap:.25rem; }.event-meta strong { color:#30485a; font-weight:700; }.event-details { display:grid; gap:.55rem; grid-template-columns:minmax(210px,.7fr) minmax(0,1.3fr); margin-top:.75rem; }.event-details section { background:#f6f9fa; border:1px solid #e7eef1; border-radius:9px; min-width:0; padding:.55rem .65rem; }.event-details p { align-items:center; color:#6b8994; display:flex; font-size:.6rem; font-weight:800; gap:.22rem; letter-spacing:.055em; margin:0 0 .32rem; }.event-details strong { color:#294252; display:block; font-size:.72rem; line-height:1.32; overflow-wrap:anywhere; }.event-details span { color:#748698; display:block; font-size:.66rem; line-height:1.3; margin-top:.32rem; }.event-fields { display:flex; flex-wrap:wrap; gap:.3rem; }.event-fields span { background:#e9f0f2; border-radius:5px; color:#365363!important; font-size:.67rem!important; font-weight:700; line-height:1.25!important; margin:0!important; padding:.26rem .38rem; }.events-empty { align-items:center; background:#fff; border:1px solid #e0e8ef; border-radius:14px; display:flex; flex-direction:column; justify-content:center; margin-top:1rem; min-height:250px; padding:2rem; text-align:center; }.events-empty i { color:#36a68c; font-size:2rem; }.events-empty h3 { color:#243d4e; margin:.8rem 0 .3rem; }.events-empty p { color:#718397; margin:0; max-width:420px; }
@keyframes isg-blink { 50% { opacity:.35; transform:scale(.75); } } @media(max-width:1000px) { .events-summary { grid-template-columns:repeat(2,1fr); }.event-details { grid-template-columns:1fr; } } @media(max-width:760px) { .agent-hero { gap:20px; padding:22px; }.agent-hero-actions,.panel-footer,.section-heading { align-items:flex-start; flex-direction:column; }.agent-hero-actions { width:100%; }.panel-footer { gap:12px; }.section-heading { gap:8px; }.setup-guide-steps { grid-template-columns:1fr; }.agent-grid .rz-grid-table { min-width:700px; } } @media(max-width:640px) { .events-hero { align-items:flex-start; border-radius:12px; flex-direction:column; padding:1.2rem; }.events-summary { grid-template-columns:1fr; }.events-toolbar { gap:.4rem; flex-direction:column; }.event-card { grid-template-columns:2.7rem minmax(0,1fr); }.event-content { padding-right:.8rem; }.event-content header { gap:.5rem; flex-direction:column; }.event-content time { order:-1; }.event-meta { gap:.35rem .7rem; } }