145 lines
2.8 KiB
CSS
145 lines
2.8 KiB
CSS
/* Compact LOTL tier badge — agent cards, headers, remote actions */
|
|
.lotl-tier-badge,
|
|
.cn-lotl {
|
|
font-size: 0.62rem;
|
|
font-family: var(--font-tech);
|
|
letter-spacing: 0.05em;
|
|
padding: 1px 5px;
|
|
border-radius: 3px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.cn-lotl {
|
|
align-self: flex-start;
|
|
}
|
|
|
|
.lotl-tier-badge--active,
|
|
.cn-lotl.lotl-active {
|
|
color: var(--neon-cyan);
|
|
background: rgba(0, 245, 255, 0.12);
|
|
border: 1px solid rgba(0, 245, 255, 0.28);
|
|
}
|
|
|
|
.lotl-tier-badge--fail,
|
|
.cn-lotl.lotl-fail {
|
|
color: #ff8866;
|
|
background: rgba(255, 100, 0, 0.12);
|
|
border: 1px solid rgba(255, 136, 68, 0.35);
|
|
}
|
|
|
|
.lotl-tier-badge--idle,
|
|
.cn-lotl.lotl-idle {
|
|
color: var(--text-muted);
|
|
background: rgba(255, 255, 255, 0.06);
|
|
}
|
|
|
|
/* Vulnerability risk chip — Crucible / fleet cards (authorized recon only) */
|
|
.vuln-risk-badge,
|
|
.cn-vuln-risk {
|
|
font-size: 0.62rem;
|
|
font-family: var(--font-tech);
|
|
letter-spacing: 0.05em;
|
|
padding: 1px 5px;
|
|
border-radius: 3px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.vuln-risk-high {
|
|
color: #ff6688;
|
|
background: rgba(255, 60, 90, 0.14);
|
|
border: 1px solid rgba(255, 80, 110, 0.4);
|
|
}
|
|
|
|
.vuln-risk-med {
|
|
color: #ffaa44;
|
|
background: rgba(255, 140, 0, 0.12);
|
|
border: 1px solid rgba(255, 170, 68, 0.35);
|
|
}
|
|
|
|
.vuln-risk-low {
|
|
color: #88ccff;
|
|
background: rgba(80, 160, 255, 0.1);
|
|
border: 1px solid rgba(100, 180, 255, 0.3);
|
|
}
|
|
|
|
.vuln-risk-clear {
|
|
color: var(--text-muted);
|
|
background: rgba(255, 255, 255, 0.05);
|
|
}
|
|
|
|
/* Tier attempt list — reuses Crucible rich-terminal palette */
|
|
.lotl-attempts-block {
|
|
margin: 0.35rem 0 0.5rem;
|
|
padding: 0.45rem 0.65rem;
|
|
border-left: 2px solid rgba(0, 245, 255, 0.35);
|
|
background: rgba(0, 0, 0, 0.35);
|
|
border-radius: 0 4px 4px 0;
|
|
font-family: var(--font-tech);
|
|
font-size: 0.74rem;
|
|
max-width: 720px;
|
|
}
|
|
|
|
.lotl-attempts-title {
|
|
color: var(--neon-cyan);
|
|
font-weight: 700;
|
|
letter-spacing: 0.1em;
|
|
font-size: 0.7rem;
|
|
margin-bottom: 0.35rem;
|
|
}
|
|
|
|
.lotl-attempts-list {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.2rem;
|
|
}
|
|
|
|
.lotl-attempt-row {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: baseline;
|
|
gap: 0.35rem 0.5rem;
|
|
padding: 0.15rem 0;
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.04);
|
|
}
|
|
|
|
.lotl-attempt-row:last-child {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.lotl-attempt-icon {
|
|
width: 1rem;
|
|
flex-shrink: 0;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.lotl-attempt-icon.ok { color: var(--neon-green); }
|
|
.lotl-attempt-icon.fail { color: #ff6666; }
|
|
|
|
.lotl-attempt-tier {
|
|
font-weight: 600;
|
|
color: #e8e8e8;
|
|
min-width: 5.5rem;
|
|
}
|
|
|
|
.lotl-attempt-dur {
|
|
color: var(--text-muted);
|
|
font-size: 0.68rem;
|
|
}
|
|
|
|
.lotl-attempt-err {
|
|
color: #ffaa88;
|
|
font-size: 0.68rem;
|
|
flex: 1 1 100%;
|
|
padding-left: 1.35rem;
|
|
word-break: break-word;
|
|
}
|
|
|
|
.lotl-attempts-empty {
|
|
color: var(--text-muted);
|
|
font-style: italic;
|
|
font-size: 0.72rem;
|
|
}
|