.notification-heading{background:radial-gradient(circle at 90% 0,rgba(216,243,106,.25),transparent 28%),linear-gradient(125deg,#fff,#f4f5e9)}
.notification-version{display:grid;min-width:150px;padding:14px 18px;border:1px solid rgba(23,63,50,.12);border-radius:18px;background:rgba(255,255,255,.75);box-shadow:var(--shadow-soft)}
.notification-version small,.notification-version span{font-size:11px;color:var(--muted)}.notification-version strong{font:600 28px/1 'Newsreader',serif;color:var(--forest)}
.notification-layout{display:grid;grid-template-columns:minmax(300px,420px) minmax(0,1fr);gap:18px;align-items:start}
.notification-compose,.notification-history{padding:22px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.82);box-shadow:var(--shadow-soft)}
.notification-compose{position:sticky;top:18px;display:grid;gap:15px}.notification-compose>header,.notification-history>header{display:flex;align-items:center;gap:12px}.notification-history>header{position:sticky;z-index:5;top:18px;justify-content:space-between;margin:-8px -8px 16px;padding:8px;border:1px solid rgba(23,63,50,.08);border-radius:15px;background:rgba(251,250,244,.94);box-shadow:0 12px 28px rgba(23,63,50,.09);backdrop-filter:blur(12px)}.notification-history-tools{display:flex;align-items:center;gap:8px}.notification-history-tools label{display:flex;align-items:center;gap:7px;width:min(260px,30vw);padding:8px 11px;border:1px solid var(--line);border-radius:10px;background:#fff}.notification-history-tools label:focus-within{border-color:var(--forest);box-shadow:0 0 0 3px rgba(23,63,50,.07)}.notification-history-tools label .icon{width:15px;height:15px;color:var(--muted)}.notification-history-tools input{min-width:0;width:100%;padding:0;border:0;background:transparent;color:var(--ink);font:inherit;font-size:12px;outline:0}.notification-history-tools .secondary-button{flex:0 0 auto;padding:9px 11px;border-radius:10px}
.notification-compose h2,.notification-history h2{margin:0;font-size:25px}.notification-signal{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:var(--forest);color:#fff}.notification-signal .icon{width:22px;height:22px}
.notification-audience-field .select2-container{width:100%!important}.notification-audience-field .select2-selection--single{height:47px;border:1px solid var(--line)!important;border-radius:11px!important;background:#fff!important;outline:0}.notification-audience-field .select2-selection__rendered{height:45px;padding:0 42px 0 14px!important;color:var(--ink)!important;font-size:14px;line-height:45px!important}.notification-audience-field .select2-selection__arrow{top:9px!important;right:10px!important}.notification-audience-field .select2-container--focus .select2-selection--single,.notification-audience-field .select2-container--open .select2-selection--single{border-color:var(--forest)!important;box-shadow:0 0 0 3px rgba(23,63,50,.07)}
.notification-targets{display:grid;gap:8px}.notification-targets[hidden]{display:none}.notification-targets-heading,.notification-targets-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.notification-targets-heading>span{font-weight:600}.notification-targets-heading>strong{padding:4px 8px;border-radius:999px;background:#edf2d6;color:var(--forest);font-size:11px;white-space:nowrap}.notification-targets-footer>small{color:var(--muted);font-size:11px;line-height:1.35}.notification-targets-footer>span{display:flex;gap:5px;flex:0 0 auto}.notification-targets-footer button{padding:4px 7px;border:0;border-radius:7px;background:transparent;color:var(--forest);font-size:10px;font-weight:700;cursor:pointer}.notification-targets-footer button:hover{background:#edf2d6}.notification-targets-footer button:disabled{opacity:.35;cursor:default}.notification-targets .select2-container{width:100%!important;min-width:0}.notification-targets .select2-selection--multiple{min-height:47px;padding:5px 7px;border:1px solid var(--line)!important;border-radius:11px!important;background:#fff!important;outline:0}.notification-targets .select2-container--focus .select2-selection--multiple,.notification-targets .select2-container--open .select2-selection--multiple{border-color:var(--forest)!important;box-shadow:0 0 0 3px rgba(23,63,50,.07)}.notification-targets .select2-selection__rendered{display:flex!important;align-items:center;flex-wrap:wrap;gap:4px;padding:0!important}.notification-targets .select2-selection__choice{display:inline-flex!important;align-items:center;min-height:28px;margin:0!important;padding:3px 8px 3px 5px!important;border:0!important;border-radius:8px!important;background:#e9f1c5!important;color:var(--forest)!important;font-size:12px}.notification-targets .select2-selection__choice__remove{position:static!important;order:-1;margin:0 5px 0 0!important;padding:0!important;border:0!important;color:var(--forest)!important;font-size:16px;line-height:1}.notification-targets .select2-search--inline{flex:1;min-width:120px}.notification-targets .select2-search__field{width:100%!important;min-height:28px;margin:0!important;padding:2px 4px!important;font-size:13px!important}.notification-compose .select2-dropdown{overflow:hidden;border:1px solid rgba(23,63,50,.18);border-radius:12px;background:#fff;box-shadow:0 18px 42px rgba(23,63,50,.2)}.notification-compose .select2-search--dropdown{padding:9px}.notification-compose .select2-search--dropdown .select2-search__field{padding:9px 11px;border:1px solid var(--line);border-radius:9px;outline:0}.notification-compose .select2-search--dropdown .select2-search__field:focus{border-color:var(--forest);box-shadow:0 0 0 3px rgba(216,243,106,.25)}.notification-compose .select2-results__option{padding:9px 12px;font-size:13px}.notification-compose .select2-results__option--highlighted[aria-selected]{background:var(--forest);color:#fff}@media(max-width:520px){.notification-targets-footer{align-items:flex-start;flex-direction:column}.notification-targets-footer>span{align-self:flex-end}}
.notification-check{display:flex;gap:11px;padding:13px;border:1px solid rgba(23,63,50,.12);border-radius:15px;background:#f2f5e8}.notification-check input{width:18px;height:18px;accent-color:var(--forest)}.notification-check span{display:grid}.notification-check small{color:var(--muted)}.notification-check.danger{background:#fff2ec;border-color:#e9c2b4}
.notification-list{display:grid;gap:10px}.notification-entry{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:15px;border:1px solid var(--line);border-radius:16px;background:#fff}.notification-entry-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#edf6bd;color:var(--forest);font-size:20px}.notification-entry header,.notification-entry footer{display:flex;justify-content:space-between;gap:10px}.notification-entry time,.notification-entry footer{font-size:11px;color:var(--muted)}.notification-entry p{margin:5px 0 9px}.notification-entry footer{justify-content:flex-start;flex-wrap:wrap}.notification-entry footer b{color:var(--forest)}.notification-empty{padding:36px;text-align:center;color:var(--muted)}
.notification-delivery{margin-top:10px}.notification-delivery summary,.notification-delivery-static{display:flex;align-items:center;gap:7px;list-style:none;cursor:pointer}.notification-delivery summary::-webkit-details-marker{display:none}.delivery-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:700}.delivery-badge .icon{width:13px;height:13px}.delivery-badge.done{background:#e5f2d7;color:#37662b}.delivery-badge.pending{background:#f7eadb;color:#9a5a20}.delivery-chevron{width:14px;height:14px;margin-left:auto;color:var(--muted);transition:transform .2s}.notification-delivery[open] .delivery-chevron{transform:rotate(180deg)}
.delivery-people{display:grid;gap:8px;margin-top:9px;padding:10px;border-radius:12px;background:#f7f8f2}.delivery-people p{display:flex;gap:8px;margin:0}.delivery-people p>span:last-child{display:grid;gap:1px}.delivery-people small{color:var(--muted);line-height:1.45}.person-state{display:grid;place-items:center;flex:0 0 25px;height:25px;border-radius:8px}.person-state .icon{width:13px;height:13px}.person-state.done{background:#e5f2d7;color:#37662b}.person-state.pending{background:#f7eadb;color:#9a5a20}
.notification-push{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:10px 0}.delivery-badge.error{background:#fde2d8;color:#a64225}.notification-retry{padding:5px 10px;border:1px solid rgba(23,63,50,.25);border-radius:999px;background:#fff;color:var(--forest);font-size:11px;font-weight:700;cursor:pointer}.notification-retry:hover{background:#edf6bd}.notification-retry:disabled{opacity:.6;cursor:wait}
@media(max-width:900px){.notification-layout{grid-template-columns:1fr}.notification-compose,.notification-history>header{position:static}.notification-heading{align-items:flex-start}.notification-version{min-width:120px}.notification-history>header{align-items:flex-start;flex-direction:column;margin:0 0 16px}.notification-history-tools{width:100%}.notification-history-tools label{flex:1;width:auto}}@media(max-width:520px){.notification-history-tools{align-items:stretch;flex-direction:column}.notification-history-tools .secondary-button{justify-content:center}}