File size: 1,115 Bytes
58a4476 86f402d 58a4476 86f402d 58a4476 86f402d 58a4476 86f402d 58a4476 86f402d 58a4476 86f402d 58a4476 86f402d 58a4476 86f402d 58a4476 86f402d 58a4476 86f402d 58a4476 86f402d 58a4476 86f402d 58a4476 86f402d 58a4476 86f402d 58a4476 86f402d 58a4476 86f402d 58a4476 86f402d | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 | /* ─── Tool status line ────────────────────────────────────────────────────── */
.tool-line {
display: flex;
align-items: center;
gap: 8px;
padding: 4px 0;
}
.tool-line-indicator {
flex-shrink: 0;
display: flex;
align-items: center;
}
.tool-dot {
width: 6px;
height: 6px;
border-radius: 50%;
}
.dot-green { background: #22c55e; }
.dot-amber { background: #f59e0b; }
.dot-red { background: #ef4444; }
.dot-blue { background: #3b82f6; }
.tool-spinner {
display: inline-block;
width: 10px;
height: 10px;
border: 1.5px solid #dddddd;
border-top-color: #888888;
border-radius: 50%;
animation: tool-spin 0.8s linear infinite;
}
@keyframes tool-spin {
to { transform: rotate(360deg); }
}
.tool-line-label {
font-size: 0.8125rem;
color: #888888;
}
.tool-line-status {
font-size: 0.75rem;
color: #bbbbbb;
}
.tool-line-summary {
font-size: 0.8125rem;
color: #555555;
font-weight: 500;
}
.tool-line-error {
font-size: 0.75rem;
color: #ef4444;
}
|