﻿/* Connector proxy-resources: schema card with its hover/focus tooltip. */

/* Schema card — its description is revealed as a styled tooltip on hover/focus,
   not as always-visible subtext. */
.schema-card { position: relative; }
.schema-tip {
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: calc(100% + 8px);
    z-index: 50;
    padding: 10px 12px;
    border-radius: var(--r-md);
    background: var(--ava-navy-deep);
    border: 1px solid var(--ava-line-strong);
    box-shadow: var(--shadow-panel);
    color: var(--ava-text-2);
    font: 400 12px var(--font-sans);
    line-height: 1.45;
    white-space: normal;
    opacity: 0;
    visibility: hidden;
    transform: translateY(4px);
    transition: opacity var(--ava-dur-1) var(--ava-ease),
                transform var(--ava-dur-1) var(--ava-ease),
                visibility var(--ava-dur-1) var(--ava-ease);
    pointer-events: none;
}
.schema-card:hover .schema-tip,
.schema-card:focus-within .schema-tip {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
