.c50-switcher{position:sticky;top:-24px;z-index:15;background:#fffdf8;padding:14px 0 15px;margin-bottom:20px;border-bottom:1px solid #dce4cf}.c50-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:7px;border-radius:16px;background:#315b4c}.c50-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:45px;border:0;border-radius:11px;background:transparent;color:#f2f6e9;font-size:14px;padding:8px 5px;transition:background .18s,color .18s,box-shadow .18s}.c50-tabs button.active{background:#fffdf8;color:#284c39;box-shadow:0 3px 10px #16322640}.c50-tabs .j32-icon{width:19px;height:19px;filter:brightness(0) invert(1)}.c50-tabs .active .j32-icon{filter:none}.c50-switcher p{font-size:14px;color:#3e5946;line-height:1.5;margin:12px 0 5px}.c50-switcher small{font-size:12px;line-height:1.4;color:#6b7864;display:block}.c50-help{font-size:13px;line-height:1.55;color:#61725a;margin:8px 0 16px}.c50-durations{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.c50-durations button{min-height:42px;padding:8px 12px;background:#f0f5e5;border:1px solid #d7e1c8;border-radius:10px;color:#38563f;font-size:14px}.c50-durations button.active{background:#315b4c;color:#fffdf8;border-color:#315b4c}.c50-steps{display:grid;gap:9px;margin:10px 0}.c50-steps>div{display:flex;align-items:center;gap:8px}.c50-steps input{flex:1;min-width:0}.c50-steps button{height:44px;width:44px;flex-shrink:0;border:1px solid #e5d2dc;border-radius:10px;color:#865b70;background:#f8ecf2;font-size:20px}.c50-add-step{min-height:44px;font-size:14px}#nvTaskSteps[hidden]{display:none!important}.c50-tabs button:focus-visible{outline:3px solid #b4d68a;outline-offset:1px}
@media(max-width:600px){.c50-switcher{top:-18px;padding-top:10px}.c50-tabs{display:flex;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#bbd3a2 #315b4c}.c50-tabs button{flex-shrink:0;padding:10px 13px}.c50-switcher small{display:none}.c50-switcher p{margin-bottom:0}.c50-durations button{flex:1;padding:8px}.c50-help{font-size:14px}}
@media(prefers-reduced-motion:reduce){.c50-tabs button{transition:none}}

.c50-categories{display:flex;flex-wrap:wrap;gap:10px}.c50-categories button{background:var(--rhythm-bg);color:#293f37;border:2px solid transparent;border-left-color:var(--rhythm);border-radius:12px;min-height:46px;padding:10px 20px;font-size:16px;cursor:pointer}.c50-categories button[aria-pressed=true]{border-color:var(--rhythm);box-shadow:0 0 0 2px var(--rhythm-bg);font-weight:700}.c50-categories button:focus-visible{outline:3px solid #315b4c;outline-offset:3px}

.c50-categories button{margin:0;align-self:stretch}