/* The tooltip on a model picker's intelligence score (model-stats-tip.js). */
.model-iq[data-ii]:not(.is-empty) { cursor: help; }

.mst-card {
    position: fixed; z-index: 3000; width: 248px; padding: 10px 12px 9px;
    background: var(--chat-input-bg, #fff); color: var(--chat-text, #1f2937);
    border: 1px solid var(--chat-border, #e5e7eb); border-radius: 10px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .14), 0 1px 3px rgba(15, 23, 42, .08);
    font-size: 12px; line-height: 1.3; pointer-events: none;
    opacity: 0; transform: translateY(2px); transition: opacity .12s ease, transform .12s ease;
}
.mst-card.in { opacity: 1; transform: none; }
.mst-title { font-weight: 600; font-size: 12.5px; margin-bottom: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mst-row { display: grid; grid-template-columns: 74px 1fr 62px; align-items: center; gap: 8px; margin: 6px 0; }
.mst-name { color: var(--chat-text-secondary, #6b7280); }
.mst-track { position: relative; height: 6px; border-radius: 3px; background: rgba(127, 127, 127, .16); overflow: hidden; }
.mst-track.unknown { background: repeating-linear-gradient(90deg, rgba(127, 127, 127, .16) 0 4px, transparent 4px 7px); }
.mst-fill {
    position: absolute; inset: 0 auto 0 0; border-radius: 3px;
    background: linear-gradient(90deg, color-mix(in srgb, var(--mst-c) 70%, #fff), var(--mst-c));
}
.mst-value { text-align: right; font-variant-numeric: tabular-nums; color: var(--chat-text, #1f2937); white-space: nowrap; }
.mst-track.unknown + .mst-value { color: var(--chat-text-secondary, #6b7280); }
.mst-note { margin-top: 8px; font-size: 10.5px; color: var(--chat-text-secondary, #6b7280); }

.dark-theme .mst-card { box-shadow: 0 10px 28px rgba(0, 0, 0, .45); }
.dark-theme .mst-fill { background: linear-gradient(90deg, color-mix(in srgb, var(--mst-c) 75%, #000), var(--mst-c)); }