.email-template-modal-grid{grid-template-columns:1fr 1fr;gap:20px;min-height:420px;display:grid}@media (max-width:900px){.email-template-modal-grid{grid-template-columns:1fr}}.email-template-modal-editor{max-height:70vh;padding-right:8px;overflow-y:auto}.email-template-modal-preview{flex-direction:column;min-height:0;display:flex}.email-template-preview-frame{border:1px solid var(--border-color,#e5e7eb);background:#fff;border-radius:0;flex-direction:column;flex:1;display:flex;overflow:hidden}.email-template-preview-subject{border-bottom:1px solid var(--border-color,#e5e7eb);background:#f9fafb;padding:10px 14px;font-size:13px}.email-template-preview-body{color:#111827;flex:1;max-height:50vh;padding:16px;font-size:14px;line-height:1.5;overflow:auto}.email-template-preview-source{white-space:pre-wrap;word-break:break-word;background:#f3f4f6;border-radius:0;flex:1;max-height:50vh;margin:0;padding:12px;font-size:12px;overflow:auto}.email-template-preview-modal-frame{max-height:65vh}.email-template-preview-modal-frame .email-template-preview-body{max-height:calc(65vh - 48px)}.email-notification-audience-page{-webkit-overflow-scrolling:touch;width:100%}.invoice-page-content.email-notification-audience-page.app-scroll-page{flex:none;min-height:auto;overflow:auto visible}.email-notification-audience-page .email-audience-layout{width:100%;min-width:720px;max-width:none;padding-bottom:1.5rem}.email-audience-group-block{margin-bottom:.25rem}.email-audience-group-title{margin-bottom:.75rem}.email-audience-event-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1.25rem;display:grid}.email-audience-event-card{height:100%;margin-bottom:0}.email-audience-hero .ant-card-body,.email-audience-hero>.card-body{padding:1.15rem 1.25rem}.email-audience-hero-inner{justify-content:space-between;align-items:flex-start;gap:1.25rem;display:flex}.email-audience-hero-copy{flex:1;min-width:0}.email-audience-hero-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--primary-color,#1a5f9f);background:color-mix(in srgb, var(--primary-color,#1a5f9f) 12%, transparent);border:1px solid color-mix(in srgb, var(--primary-color,#1a5f9f) 22%, var(--border-color));align-items:center;gap:.45rem;margin-bottom:.55rem;padding:.2rem .55rem;font-size:.7rem;font-weight:700;display:inline-flex}.email-audience-hero-badge .anticon,.email-audience-hero-badge i{font-size:.85rem}.email-audience-hero-copy p{color:var(--text-secondary,#6c757d);max-width:42rem;margin:0;font-size:.875rem;line-height:1.55}.email-audience-hero-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.email-audience-group .ant-card-head,.email-audience-group>.card-header{background:linear-gradient(90deg, color-mix(in srgb, var(--primary-color,#1a5f9f) 8%, var(--bg-card,#fff)) 0%, transparent 70%)}.email-audience-event{border-top:1px solid var(--border-color,#e5e7eb);padding:1.15rem 1.25rem;transition:background .15s}.email-audience-event:first-child{border-top:none}.email-audience-event:hover{background:color-mix(in srgb, var(--bg-secondary,#f8f9fa) 70%, transparent)}.email-audience-event-main{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.9rem;display:flex}.email-audience-event-main .setting-text h3{font-size:.95rem}.email-audience-event-main .setting-text p{max-width:36rem}.email-audience-mode-tag{flex-shrink:0;font-weight:600;border:1px solid color-mix(in srgb, var(--primary-color,#1a5f9f) 28%, var(--border-color))!important;background:color-mix(in srgb, var(--primary-color,#1a5f9f) 10%, transparent)!important;color:var(--primary-color,#1a5f9f)!important;border-radius:0!important;margin:0!important}.email-audience-event-controls{flex-direction:column;gap:.65rem;padding-left:54px;display:flex}.email-audience-segmented{max-width:100%}.email-audience-segmented.btn-group{flex-wrap:wrap;gap:0;width:100%;display:flex}.email-audience-segmented.btn-group>.btn{white-space:nowrap;flex:auto;min-width:7.5rem;font-size:.8125rem;font-weight:600;border-radius:0!important}.email-audience-mode-help{color:var(--text-secondary,#98a6ad);margin:0;font-size:.78rem;line-height:1.45}.email-audience-user-picker{background:color-mix(in srgb, var(--primary-color,#1a5f9f) 5%, var(--bg-card,#fff));border:1px solid color-mix(in srgb, var(--primary-color,#1a5f9f) 18%, var(--border-color));border-left:3px solid var(--primary-color,#1a5f9f);flex-direction:column;gap:.4rem;padding:.85rem 1rem;display:flex}.email-audience-user-label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary,#6c757d);font-size:.72rem;font-weight:700}.email-audience-user-select{width:100%}@media (max-width:1100px){.email-audience-event-grid{grid-template-columns:1fr}}@media (max-width:768px){.email-audience-hero-inner{flex-direction:column;align-items:stretch}.email-audience-hero-actions{justify-content:stretch}.email-audience-hero-actions>*{flex:calc(50% - .25rem)}.email-audience-hero-actions .btn,.email-audience-hero-actions button{justify-content:center;width:100%}.email-audience-event{padding:1rem}.email-audience-event-main{flex-direction:column;align-items:stretch;gap:.65rem}.email-audience-mode-tag{align-self:flex-start}.email-audience-event-controls{padding-left:0}.email-audience-segmented.btn-group>.btn{flex:calc(50% - 1px);min-width:0}}@media (max-width:480px){.email-audience-hero-actions>*,.email-audience-segmented.btn-group>.btn{flex:100%}}