/* ============================================================================
   ss-app-tray.css — the portable SimpleSuite app-tray (sidebar-footer launcher).

   HUB-0023 (v1.60.0): these base rules were split OUT of the Hub-only
   ss-admin.css so a non-Hub bolt-on (InsightMent / ActionStudio / CashFlow /
   CourseForge) that renders its OWN chrome — and therefore does not enqueue
   ss-admin.css — can still style the tray emitted by
   SSH_Shell::render_app_tray(). A bolt-on enqueues this sheet via the public
   SSH_Shell::enqueue_app_tray_assets().

   The Hub console loads it too: ss-admin.css declares 'ss-app-tray' as a
   dependency, so the Hub shell's tray computed styles are UNCHANGED (same rules,
   different file). Collapsed-sidebar tray variants
   (.ss-shell--collapsed .ss-shell-app-tray, etc.) stay in ss-admin.css — they
   are Hub-shell layout state, not part of the portable primitive.

   ⚠ NAMING: `.ss-shell-app-tray` here is the always-visible launcher ROW. It is
   UNRELATED to the `.ss-tray` portaled slide-out drawer (ss-tray.css). Two
   distinct concepts that share the word "tray".
   ============================================================================ */

/* ── Sidebar footer ── */
.ss-shell-sidebar-footer {
    margin-top: auto;
    padding: 12px 16px 8px;
    border-top: 1px solid #334155;
}

.ss-shell-app-tray {
    display: flex;
    align-items: center;
    gap: 6px;
}

.ss-shell-tray-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    color: #64748b;
    text-decoration: none;
    border: 1px solid #334155;
    transition: color .12s, background .12s, border-color .12s;
}

.ss-shell-tray-icon svg {
    width: 16px;
    height: 16px;
}

.ss-shell-tray-icon:hover {
    color: #e2e8f0;
    background: #334155;
    border-color: #475569;
    text-decoration: none;
}

/* ── Disabled tray icon (v0.9.11) ────────────────────────────────
   Apps whose backing plugin is missing render as inert spans, not
   links. No hover, dimmed, "not-allowed" cursor. */
.ss-shell-tray-icon--disabled {
    opacity: 0.4;
    cursor: not-allowed;
}
.ss-shell-tray-icon--disabled:hover {
    color: #64748b;
    background: transparent;
    border-color: #334155;
}

.ss-shell-version {
    padding: 6px 0 0;
    font-size: 10px;
    color: #334155;
}