.copy-item-icon {
        color: #e07b38;
        font-size: 1.5rem;
    }

    .copy-item-card {
        transition: transform 0.2s ease, box-shadow 0.2s ease;
        min-height: 132px;
    }

    .copy-item-card:hover {
        transform: scale(1.05);
        cursor: pointer;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    }

    .toast-popup {
        position: fixed;
        top: 0;                      /* like your old alert */
        left: 50%;
        transform: translateX(-50%);
        margin-top: 1rem;            /* mt-3 equivalent */
        padding: .5rem 1rem;         /* py-2 px-4 */
        background-color: #198754;   /* Bootstrap alert-success */
        color: #fff;
        border-radius: .25rem;       /* same as .alert */
        box-shadow: 0 .125rem .25rem rgba(0,0,0,.075); /* shadow-sm */
        opacity: 0;                  /* hidden by default */
        transition: opacity 0.3s ease;
        z-index: 1055;               /* your old value */
        pointer-events: none;        /* no blocking clicks */
        font-weight: 500;
        text-align: center;
    }

    .toast-popup.show {
        opacity: 1;
    }
    

    .accent-orange {
        background-color: #e07b38;
    }