.undo-toast{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:10000;display:flex;align-items:center;gap:10px;width:min(560px,calc(100vw - 28px));padding:12px 14px;border-radius:18px;background:#fff;box-shadow:0 10px 32px rgba(0,0,0,.18);border:1px solid rgba(0,0,0,.08)}
.undo-toast>span{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:50%;background:#e8f7ec;font-weight:900}.undo-toast>div{min-width:0;flex:1}.undo-toast b,.undo-toast small{display:block}.undo-toast b{font-size:.95rem}.undo-toast small{margin-top:2px;color:#666}.undo-toast>button:not(.undo-toast-close){border:0;border-radius:999px;padding:9px 13px;font-weight:800;background:#202124;color:white;white-space:nowrap}.undo-toast-close{border:0;background:transparent;font-size:22px;line-height:1;color:#777;padding:4px;cursor:pointer}
.quick-actions .history-quick-action{transition:opacity .15s ease,transform .15s ease}
.quick-actions .history-quick-action:not(:disabled):active{transform:scale(.98)}
.quick-actions .history-quick-action:disabled{opacity:.38;cursor:default;box-shadow:none}
.quick-actions .history-quick-action:disabled span{filter:grayscale(1)}
.dynamic-summary .summary-choice-link{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;outline:2px solid transparent;outline-offset:2px}
.dynamic-summary .summary-choice-link:hover{transform:translateY(-2px);box-shadow:0 5px 14px rgba(25,55,95,.12)}
.dynamic-summary .summary-choice-link:focus-visible{outline-color:var(--blue)}
.dynamic-summary .summary-choice-link:active{transform:scale(.98)}
.custom-icon-picker{margin-top:14px}
.custom-icon-picker>label{display:block;font-weight:800;margin-bottom:8px}
.custom-icon-grid{display:flex;flex-wrap:wrap;gap:8px}
.custom-icon-choice{width:46px;height:46px;border:2px solid #dbe4ef;border-radius:14px;background:#fff;font-size:24px;display:grid;place-items:center;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}
.custom-icon-choice:hover{transform:translateY(-1px)}
.custom-icon-choice.selected{border-color:var(--pink);box-shadow:0 0 0 3px rgba(255,83,151,.12)}
.custom-icon-choice:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
@media(max-width:560px){.undo-toast{align-items:flex-start}.undo-toast>button:not(.undo-toast-close){padding:8px 11px}.custom-icon-choice{width:44px;height:44px}}