#notificationsView{font-size:1rem}.notification-head{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1.2rem}.notification-head h2{margin:0}.notification-head p{color:var(--muted);margin:.3rem 0}.notification-head button{border:1px solid #b9ccc0;background:#fff;color:var(--green);border-radius:10px;padding:.75rem 1rem;font-weight:700;cursor:pointer}.notification-layout{display:grid;grid-template-columns:minmax(480px,1.1fr) minmax(360px,.9fr);gap:1rem;align-items:start}.notification-layout>aside{display:grid;gap:1rem}.notification-compose{padding:1.25rem}.notification-step{display:flex;gap:.8rem;align-items:center;margin:.2rem 0 1rem}.notification-step>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e5f5e9;color:var(--green);font-weight:800}.notification-step h3,.notification-step p{margin:0}.notification-step p{font-size:.78rem;color:var(--muted);margin-top:.15rem}.audience-types{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-bottom:1rem}.audience-types button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:.9rem;text-align:left;cursor:pointer}.audience-types button.active{border-color:var(--green);background:#eff8f2;box-shadow:0 0 0 2px rgba(8,120,63,.08)}.audience-types b,.audience-types small{display:block}.audience-types small{color:var(--muted);margin-top:.2rem}.notification-field{display:grid;gap:.4rem;font-weight:700;font-size:.83rem;margin:1rem 0}.notification-field input,.notification-field select,.notification-field textarea{width:100%;border:1px solid #b9ccc0;border-radius:11px;background:#fff;padding:.8rem;font:inherit;color:var(--dark);resize:vertical}.notification-field small{text-align:right;color:var(--muted);font-weight:500}.notification-recipient-summary{padding:.85rem 1rem;background:#f0f8f2;border-radius:11px;margin:1rem 0 1.35rem}.notification-recipient-summary strong,.notification-recipient-summary small{display:block}.notification-recipient-summary small{color:var(--muted);font-size:.73rem;margin-top:.2rem}.notification-preview{border-top:1px solid var(--line);margin-top:1.2rem;padding-top:1rem}.notification-preview>span{font-size:.75rem;color:var(--muted);font-weight:700}.notification-preview article{margin-top:.5rem;padding:1rem;border-radius:13px;background:#f1f4f2}.notification-preview p{margin:.35rem 0;font-size:.85rem}.notification-preview small{color:var(--green);font-weight:700}.notification-send{width:100%;margin-top:1rem}.notification-send:disabled{opacity:.48;cursor:not-allowed}.notification-side-head{padding:1rem;border-bottom:1px solid var(--line)}.notification-side-head h3,.notification-side-head p{margin:0}.notification-side-head p{font-size:.75rem;color:var(--muted);margin-top:.2rem}.notification-side-head .input-search{margin-top:.8rem}.notification-side-head input{width:calc(100% - 2rem)}.notification-users #notificationUserList{max-height:430px;overflow:auto}.notification-users article{display:flex;gap:.7rem;padding:.85rem 1rem;border-bottom:1px solid var(--line)}.notification-users article>span{flex:0 0 36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#e6f4e9;color:var(--green);font-weight:800}.notification-users article b,.notification-users article small,.notification-users article em{display:block}.notification-users article small{color:var(--muted);font-size:.7rem;margin:.15rem 0}.notification-users article em{font-size:.68rem;color:var(--green);font-style:normal}.notification-history article{display:flex;justify-content:space-between;gap:.8rem;padding:.85rem 1rem;border-bottom:1px solid var(--line)}.notification-history b,.notification-history small{display:block}.notification-history small{font-size:.68rem;color:var(--muted);margin-top:.2rem}.notification-history strong{font-size:.75rem;color:var(--green);white-space:nowrap}.notification-empty{padding:1.3rem;text-align:center;color:var(--muted)}@media(max-width:1050px){.notification-layout{grid-template-columns:1fr}}@media(max-width:650px){.notification-head{align-items:stretch;flex-direction:column}.audience-types{grid-template-columns:1fr}.notification-compose{padding:1rem}}
#notificationsView .hidden{display:none!important}
#notificationPhoneField{padding:1rem;border:1px solid var(--line);border-radius:12px}
#notificationPhoneField button{padding:.65rem .9rem;border:1px solid var(--green);background:#fff;color:var(--green);border-radius:9px;font:inherit;cursor:pointer}
#notificationPhoneField button[aria-pressed="true"]{background:var(--green);color:#fff}
#notificationPhoneResults article{padding:1rem 0;border-top:1px solid var(--line);margin-top:1rem}
#notificationPhoneResults b,#notificationPhoneResults small,#notificationPhoneResults em{display:block;margin-bottom:.3rem;overflow-wrap:anywhere}
#notificationPhoneResults small,.notification-users article small{font-size:.875rem;line-height:1.5}
.notification-users article>div{min-width:0;overflow-wrap:anywhere}
.notification-users article .notification-user-id{font-size:.75rem}
.notification-users article em{font-size:.8125rem}