.birthday-modal{width:min(960px,calc(100vw - 32px));max-width:960px}
.birthday-channel-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}
.birthday-channel-switch button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px;border:1px solid #dbe5f1;border-radius:12px;background:#f7f9fc;color:#17365b;text-align:left}
.birthday-channel-switch button:first-child{background:#edf4ff}.birthday-channel-switch button:last-child{background:#f3efff}
.birthday-channel-switch button.active{border-color:#2d66df;box-shadow:0 0 0 2px rgba(45,102,223,.12)}
.birthday-channel-switch small,.birthday-image-panel small,.birthday-schedule small{display:block;color:#6a7f9b;font-size:.78rem}
.birthday-image-panel,.birthday-schedule{display:grid;gap:12px;margin:16px 0;padding:14px;border:1px solid #dfe8f3;border-radius:12px;background:#f8fbff}
.birthday-image-upload{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}
.birthday-image-upload input{min-width:0}
.birthday-image-list{display:grid;gap:8px}
.birthday-image-list article{display:grid;grid-template-columns:52px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:8px;border:1px solid #e2e9f2;border-radius:10px;background:#fff}
.birthday-image-list img{width:52px;height:42px;border-radius:7px;object-fit:cover;background:#eef3f9}
.birthday-image-list strong,.birthday-image-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.birthday-schedule{background:#fff8eb;border-color:#f1dfb9}
.birthday-schedule>.ppr-form{margin:0}
.birthday-modal [data-preview]{min-height:100px;padding:16px;border:1px solid #dfe8f3;border-radius:12px;background:#fff;overflow:auto}
.birthday-modal [data-preview].birthday-email-preview{min-height:320px;max-height:520px;padding:24px}
@media(max-width:700px){.birthday-modal{width:calc(100vw - 16px)}.birthday-channel-switch{grid-template-columns:1fr}.birthday-image-upload{grid-template-columns:1fr}.birthday-image-list article{grid-template-columns:44px minmax(0,1fr) auto}.birthday-image-list img{width:44px}.birthday-image-list [data-image-insert]{grid-column:2}.birthday-image-list [data-image-delete]{grid-column:3;grid-row:1}.birthday-modal [data-preview].birthday-email-preview{min-height:240px;padding:16px}}
