/* ============================================================
   The Pilot Light — Cadeo's omnipresent presence (assistant)
   ============================================================ */
.sidebar-pilot-light {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: transparent;
    border-radius: var(--radius-md, 10px);
    color: var(--text-secondary, #6b7280);
    cursor: pointer;
    padding: 0;
    position: relative;
    transition: background var(--transition-fast), box-shadow var(--transition-smooth);
}
.sidebar-pilot-light svg {
    width: 22px;
    height: 22px;
    opacity: 0.6; /* boring at rest — a pilot light is invisible until you need it */
    transition: opacity var(--transition-fast), color var(--transition-fast);
}
.sidebar-pilot-light:hover {
    background: rgba(74, 144, 217, 0.06);
}
.sidebar-pilot-light:hover svg {
    opacity: 1;
    color: var(--text-primary, #1A1A2E);
}
.sidebar-pilot-light:focus-visible {
    outline: var(--focus-outline);
    outline-offset: var(--focus-outline-offset);
}
/* Listening — the sheet is open */
.sidebar-pilot-light.is-active {
    background: #4A90D9;
}
.sidebar-pilot-light.is-active svg {
    opacity: 1;
    color: #fff;
}
/* Proactive — a whisper is live: a 1px hairline ring that holds still */
.sidebar-pilot-light.has-whisper {
    box-shadow: 0 0 0 1px #4A90D9;
}
/* Inviting — one slow breath, once per session, never loops */
@keyframes cadeo-pilot-breath {
    0%   { opacity: 0.6; }
    50%  { opacity: 1; }
    100% { opacity: 0.6; }
}
.sidebar-pilot-light.is-inviting svg {
    animation: cadeo-pilot-breath 2400ms var(--ease-in-out);
}
@media (prefers-reduced-motion: reduce) {
    .sidebar-pilot-light.is-inviting svg { animation: none; }
}

/* The whisper — one line, slides out of the rail. Never a badge, never a bubble. */
.cadeo-whisper {
    position: fixed;
    z-index: calc(var(--z-layer-sheet) + 100);
    max-width: 280px;
    padding: 10px 14px;
    background: var(--bg-card, #fff);
    color: var(--text-primary, #1A1A2E);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-2);
    font-size: var(--font-size-sm);
    line-height: 1.4;
    cursor: pointer;
    opacity: 0;
    transform: translateX(-8px);
    transition: opacity var(--transition-normal), transform var(--transition-normal);
    pointer-events: none;
}
.cadeo-whisper.is-visible {
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto;
}