﻿/* =========================================================
 * Phoenix Theme - Access Toast
 * ========================================================= */

/* Toast Container */
#emap-access-toast-container {
    pointer-events: none; /* 클릭 방해 안 함 */
}

/* Toast Card */
.emap-access-toast {
    pointer-events: auto;
    background-color: var(--phoenix-body-bg, #ffffff);
    color: var(--phoenix-body-color, #344050);
    border: 1px solid var(--phoenix-border-color, #e3ebf6);
    box-shadow: 0 0.5rem 1.25rem rgba(30, 34, 40, 0.15);
    border-radius: 0.75rem;
    backdrop-filter: blur(2px);
}

    /* Avatar */
    .emap-access-toast .toast-avatar {
        border: 1px solid var(--phoenix-border-color, #e3ebf6);
        background-color: #f8f9fa;
    }

    /* Body */
    .emap-access-toast .toast-body {
        display: flex;
        flex-direction: column;
        gap: 0.125rem;
    }

    /* Title (출입자명) */
    .emap-access-toast .toast-title {
        font-size: 0.875rem;
        font-weight: 600;
        color: var(--phoenix-emphasis-color, #141824);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* Sub text (구역 · 회사 · 도어) */
    .emap-access-toast .toast-sub {
        font-size: 0.75rem;
        color: var(--phoenix-secondary-color, #6c757d);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* Hover effect (Phoenix-style subtle) */
    .emap-access-toast:hover {
        box-shadow: 0 0.75rem 1.5rem rgba(30, 34, 40, 0.18);
        transform: translateY(-1px);
    }

/* Dark mode support (Phoenix) */
[data-bs-theme="dark"] .emap-access-toast {
    background-color: #1f2530;
    border-color: #2b3340;
    color: #dee2e6;
}

    [data-bs-theme="dark"] .emap-access-toast .toast-title {
        color: #f8f9fa;
    }

    [data-bs-theme="dark"] .emap-access-toast .toast-sub {
        color: #adb5bd;
    }
