/**
 * gcc-signature.css — Chữ ký dưới chân thiệp.
 * Nạp ở CẢ create.html lẫn card.html: hai bên phải hiện y hệt nhau.
 */

.gcc-signature {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    /* Tách khỏi nội dung thiệp bằng một vạch mảnh: đây là nhãn của nền tảng,
       không phải lời của người gửi. */
    margin: 14px 12px 10px;
    padding-top: 10px;
    border-top: 1px solid currentColor;
    /* Nhạt hơn hẳn thân thiệp — có mặt nhưng không tranh chỗ với nội dung. */
    opacity: .45;
    font-size: 11px;
    line-height: 1.4;
    /* KHÔNG cho chọn/kéo: đây là nhãn gắn chết, không phải chữ để sửa. Cũng
       chặn luôn trình sửa chữ nội tuyến bắt được cú nhấp đúp vào đây. */
    user-select: none;
    -webkit-user-select: none;
    pointer-events: none;
}

.gcc-signature-avatar {
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    object-fit: cover;
    background: rgba(127, 127, 127, .25);
}

/* Chữ cái đầu — dùng khi Gravatar không tải được hoặc chưa có băm. */
.gcc-signature-chu {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 700;
}

.gcc-signature-email {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /* Địa chỉ nhường chỗ cho ngày khi hàng chật: ngày chỉ hơn chục ký tự và
       không rút gọn được, còn địa chỉ đã che sẵn nên mất vài ký tự cuối vẫn
       nhận ra chủ thiệp. */
    min-width: 0;
    max-width: 60%;
}

/* Dấu chấm ngăn — đủ để mắt tách hai mẩu thông tin mà không phải kẻ vạch. */
.gcc-signature-sep {
    flex: 0 0 auto;
    opacity: .55;
}

.gcc-signature-date {
    flex: 0 0 auto;
    white-space: nowrap;
    /* Chữ số dùng bảng đều bề rộng: ngày đổi mỗi thiệp, không đều thì hàng chữ
       ký nhảy qua nhảy lại giữa các thiệp. */
    font-variant-numeric: tabular-nums;
}