/* Powiadomienia 0.10.21 — panel cards like Zgłoszenia / WL Pytania. */
.notify-view>.panel{margin-top:16px}
.notify-view h3{margin:0 0 12px;font-size:15px}
.notify-bot{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;margin:0 0 8px}
.notify-bot[data-state="ok"] strong{color:var(--lime-strong)}
.notify-bot[data-state="missing"] strong,.notify-bot[data-state="rejected"] strong,.notify-warn{color:var(--amber,#e0b252)}
.notify-count-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.notify-count{border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:grid;gap:2px}
.notify-count strong{font-size:20px}
.notify-count small{color:var(--muted)}
.notify-count[data-kind="sent"] strong{color:var(--lime-strong)}
.notify-count[data-kind="blocked"] strong,.notify-count[data-kind="failed"] strong,.notify-count[data-kind="uncertain"] strong{color:var(--amber,#e0b252)}
.notify-problems{margin-top:12px}.notify-problems summary{cursor:pointer}.notify-problems li{margin:6px 0;overflow-wrap:anywhere}
.notify-compose-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.notify-compose-grid label:nth-child(n+3){grid-column:1/-1}
.notify-compose-grid input,.notify-compose-grid select,.notify-compose-grid textarea,.notify-send-row input{width:100%;box-sizing:border-box}
.notify-compose-grid textarea{resize:vertical}
.notify-preview{margin-top:12px;border:1px solid var(--line);border-radius:10px;padding:12px 14px}
.notify-counts{margin:0 0 10px;font-weight:600}
.notify-dm-preview{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:13px;color:var(--muted)}
.notify-send-row{margin-top:12px;align-items:center}.notify-send-row input{max-width:220px}
.notify-announcement{border:1px solid var(--line);border-radius:10px;padding:10px 14px;margin-bottom:8px}
.notify-announcement summary{cursor:pointer;overflow-wrap:anywhere}.notify-announcement small{color:var(--muted)}
.notify-announcement-body{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:620px){.notify-compose-grid{grid-template-columns:1fr}.notify-send-row input{max-width:none}}