.plan-completion-toggle{display:flex;align-items:center;gap:9px;width:100%;margin-top:9px;padding:9px 10px;border:1px solid #d9deea;border-radius:11px;color:#4d5870;background:#f8f9fc;text-align:left;transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease}
.plan-completion-toggle:hover{border-color:#8d84ec;background:#f3f1ff;transform:translateY(-1px)}
.plan-completion-toggle:disabled{cursor:wait;opacity:.65;transform:none}
.plan-completion-box{flex:0 0 auto;display:grid;place-items:center;width:25px;height:25px;border:2px solid #aeb5c7;border-radius:8px;color:transparent;background:#fff;font-size:15px;font-weight:900;transition:.2s ease}
.plan-completion-toggle>span:last-child{display:grid;gap:2px;min-width:0}
.plan-completion-toggle strong{font-size:11px}.plan-completion-toggle small{color:#68718a;font-size:9px;line-height:1.35;overflow-wrap:anywhere}
.plan-completion-toggle.is-complete{border-color:#9bd8c3;color:#126d50;background:#edfbf6}
.plan-completion-toggle.is-complete .plan-completion-box{border-color:#1c9b70;color:#fff;background:#1c9b70;box-shadow:0 5px 14px #1c9b7033}
.plan-task-completed{border-color:#b8dfd1!important;background:linear-gradient(145deg,#fff,#f0fbf7)!important}
.plan-task-completed>strong,.plan-task-completed>span:not(.plan-completion-box){color:#31745d}