/* === 🎂 ПОЗДРАВЛЯТОР — карточка-черновик в сообщении + модалка «задать ДР» === */

/* --- Карточка-черновик (в «Мой АЯ») --- */
.aya-bday {
    border: 1px solid #e2ebee;
    background: linear-gradient(180deg, #fbfdfe 0%, #f4f9fa 100%);
    border-radius: 16px;
    padding: 14px 14px 12px;
    max-width: 420px;
    box-shadow: 0 2px 10px rgba(10, 124, 136, .06);
}
.aya-bday-loading { color: #5a6b74; font-size: 14px; }
.aya-bday-head { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; }
.aya-bday-emoji { font-size: 22px; line-height: 1; }
.aya-bday-title { font-size: 15px; font-weight: 600; color: #0b1620; line-height: 1.3; }
.aya-bday-tone { font-size: 12.5px; color: #5a6b74; margin-bottom: 8px; }
.aya-bday-tone-name { color: #0a7c88; font-weight: 600; }
.aya-bday-draft {
    background: #fff; border: 1px solid #e6eef1; border-radius: 12px;
    padding: 11px 12px; margin-bottom: 12px;
}
.aya-bday-text { font-size: 14.5px; line-height: 1.5; color: #0b1620; white-space: pre-wrap; word-break: break-word; }
.aya-bday-actions { display: flex; flex-direction: column; gap: 8px; }
.aya-bday-btn {
    width: 100%; border-radius: 11px; padding: 11px 12px;
    font-size: 14.5px; font-weight: 600; cursor: pointer;
    border: 1px solid transparent; transition: background .12s ease, opacity .12s ease;
}
.aya-bday-btn:disabled { opacity: .55; cursor: default; }
.aya-bday-send { background: #0a7c88; color: #fff; border-color: #0a7c88; }
.aya-bday-send:active { background: #096975; }
.aya-bday-rewrite { background: #eaf6f7; color: #0a7c88; border-color: #bfe3e6; }
.aya-bday-rewrite:active { background: #dceff1; }
.aya-bday-tone-btn { background: #f4f7f9; color: #33454f; border-color: #dbe4e8; }
.aya-bday-tone-btn:active { background: #e9eef1; }
.aya-bday-hint { margin-top: 9px; font-size: 11.5px; color: #8496a0; text-align: center; }

/* --- Модалка «задать ДР контакта» --- */
.aya-bday-ov {
    position: fixed; inset: 0; z-index: 4200;
    background: rgba(0,0,0,.42);
    display: flex; align-items: center; justify-content: center; padding: 18px;
    animation: attachFade .14s ease;
}
.aya-bday-modal {
    width: 100%; max-width: 400px;
    background: #fff; border-radius: 18px; padding: 20px 18px 16px;
    box-shadow: 0 12px 48px rgba(0,0,0,.28); text-align: center;
}
.aya-bday-modal-hero { font-size: 40px; line-height: 1; margin-bottom: 8px; }
.aya-bday-modal-title { font-size: 18px; font-weight: 600; color: #0b1620; margin-bottom: 6px; }
.aya-bday-modal-sub { font-size: 13.5px; line-height: 1.45; color: #5a6b74; margin-bottom: 16px; }
.aya-bday-date {
    width: 100%; border: 1px solid #d5dee2; background: #f4f7f9; color: #0b1620;
    border-radius: 12px; padding: 12px; font-size: 15px; margin-bottom: 16px;
    -webkit-appearance: none; appearance: none;
}
.aya-bday-modal-row { display: flex; gap: 10px; }
.aya-bday-modal-cancel, .aya-bday-modal-save {
    flex: 1; border-radius: 12px; padding: 13px; font-size: 15px; font-weight: 600; cursor: pointer;
}
.aya-bday-modal-cancel { border: 1px solid #d5dee2; background: #f4f7f9; color: #33454f; }
.aya-bday-modal-save { border: none; background: #0a7c88; color: #fff; }
.aya-bday-modal-save:disabled { opacity: .6; cursor: default; }

/* --- Тёмная тема --- */
body.dark-theme .aya-bday {
    border-color: #24303a;
    background: linear-gradient(180deg, #161f29 0%, #141b24 100%);
    box-shadow: none;
}
body.dark-theme .aya-bday-loading { color: #9fb0bb; }
body.dark-theme .aya-bday-title { color: #e7edf3; }
body.dark-theme .aya-bday-tone { color: #9fb0bb; }
body.dark-theme .aya-bday-tone-name { color: #4fc3cf; }
body.dark-theme .aya-bday-draft { background: #101821; border-color: #24303a; }
body.dark-theme .aya-bday-text { color: #e7edf3; }
body.dark-theme .aya-bday-send { background: #0a7c88; border-color: #0a7c88; color: #fff; }
body.dark-theme .aya-bday-rewrite { background: #14232a; color: #4fc3cf; border-color: #24606a; }
body.dark-theme .aya-bday-tone-btn { background: #1c2530; color: #cdd8df; border-color: #2a3542; }
body.dark-theme .aya-bday-hint { color: #6f8290; }

body.dark-theme .aya-bday-modal { background: #161D27; }
body.dark-theme .aya-bday-modal-title { color: #e7edf3; }
body.dark-theme .aya-bday-modal-sub { color: #9fb0bb; }
body.dark-theme .aya-bday-date { background: #1c2530; color: #e7edf3; border-color: #2a3542; }
body.dark-theme .aya-bday-modal-cancel { background: #1c2530; color: #cdd8df; border-color: #2a3542; }