.birthday-panel{border:1px solid var(--line);border-radius:var(--action-radius,16px);overflow:hidden}
.birthday-panel>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-inline,8px);min-height:var(--control-target,44px);padding:var(--space-fields,12px);cursor:pointer;list-style:none}
.birthday-panel>summary::-webkit-details-marker{display:none}
.birthday-panel[data-pending=true]{border-color:var(--text-warning,#a66a00)}
.birthday-panel[data-pending=true] .birthday-panel-count{color:var(--text-warning,#a66a00)}
.birthday-panel-count{font-size:var(--type-meta);text-align:right}
.birthday-panel-body{padding:0 var(--space-fields,12px) var(--space-fields,12px)}
.birthday-group-title{font-size:var(--type-body);margin:var(--space-fields,12px) 0 var(--space-inline,8px)}
.birthday-row{display:flex;align-items:center;gap:var(--space-inline,8px);padding:var(--space-inline,8px) 0;border-bottom:1px solid var(--line)}
.birthday-row:last-child{border-bottom:0}.birthday-avatar,.birthday-recipient-icon{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:var(--surface-hover)}
.birthday-row-copy{display:grid;gap:4px;flex:1;min-width:0}.birthday-row-copy strong,.birthday-recipient strong{overflow-wrap:anywhere;font-size:var(--type-body)}
.birthday-row small,.birthday-recipient small{font-size:var(--type-meta);color:var(--text-secondary);overflow-wrap:anywhere}
.birthday-row button{flex:none;min-height:44px}.birthday-pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-inline,8px);padding-top:var(--space-inline,8px)}
.birthday-dialog.customer-dialog{width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:var(--space-fields,12px)}
.birthday-dialog-body{display:grid;gap:var(--space-fields,12px);min-width:0}.birthday-recipient{display:flex;align-items:center;gap:var(--space-inline,8px);padding-bottom:var(--space-inline,8px);border-bottom:1px solid var(--line)}
.birthday-recipient>div{display:grid;gap:4px;min-width:0}.birthday-dialog textarea,.birthday-settings textarea{width:100%;resize:vertical;min-height:120px;font:inherit}
.birthday-editor-tools,.birthday-editor-tokens{display:flex;flex-wrap:wrap;gap:var(--space-inline,8px);align-items:center}
.birthday-editor-tools .birthday-emoji{min-width:44px;min-height:44px;padding:8px}.birthday-editor-tools small{margin-left:auto}
.birthday-dialog .os-field{display:grid;gap:var(--space-inline,8px);font-size:var(--type-body)}
.birthday-dialog .customer-dialog-actions{gap:var(--space-inline,8px);padding-top:var(--space-fields,12px)}
.birthday-settings>div{display:grid;gap:var(--space-fields,12px)}.birthday-settings .os-field{display:grid;gap:8px}
.birthday-panel button:hover,.birthday-dialog button:not(.submit-button):hover,.birthday-settings button:not(.submit-button):hover{background:var(--surface-hover)}
.birthday-panel button:active,.birthday-dialog button:not(.submit-button):active{background:var(--surface-pressed)}
.birthday-pagination[hidden],.birthday-dialog [hidden],.birthday-panel [hidden],.birthday-settings [hidden]{display:none!important}
@media(max-width:420px){.birthday-row{flex-wrap:wrap}.birthday-row button{margin-left:52px}.birthday-panel>summary{align-items:flex-start;flex-direction:column}.birthday-dialog .customer-dialog-actions{display:flex;flex-wrap:wrap}.birthday-dialog .customer-dialog-actions button{flex:1}.birthday-editor-tools{gap:4px}}

.birthday-dialog .customer-dialog-header button{min-width:44px;min-height:44px}.birthday-dialog :is(input,textarea,button),.birthday-settings :is(textarea,button){font-size:var(--type-body)}

.birthday-whatsapp-icon{display:inline-block;flex:none;width:18px;height:18px;background:currentColor;mask:url(whatsapp-glyph.svg) center/contain no-repeat;-webkit-mask:url(whatsapp-glyph.svg) center/contain no-repeat}

.birthday-panel>summary{display:grid;grid-template-columns:1fr auto auto}.birthday-expand{display:grid;place-items:center}.birthday-expand .icon{width:18px;height:18px}.birthday-panel[open] .birthday-expand{transform:rotate(90deg)}
@media(max-width:420px){.birthday-panel>summary{grid-template-columns:1fr auto}.birthday-panel>summary>span:not(.birthday-expand){grid-column:1;text-align:left}.birthday-expand{grid-column:2;grid-row:1 / span 2;align-self:center}}

.birthday-audience{justify-self:start;font-size:var(--type-meta);line-height:1.3;color:var(--text-secondary);background:var(--surface-hover);border-radius:6px;padding:2px 6px}
.birthday-settings .birthday-settings-tabs{display:block;margin-bottom:var(--space-section)}.birthday-settings-tabs .app-tabs{display:flex;gap:4px}.birthday-settings-tabs .app-tabs>button{min-height:var(--control-target,44px)}