/* Extends the canonical DONE. theme; no independent palette or scrollbar owner. */
.connection-banner{display:flex;flex-wrap:wrap;gap:8px 20px;padding:14px 24px;background:var(--doneAccentSoft);border-bottom:1px solid var(--doneHairline);color:var(--doneInk);font-size:13px;line-height:1.7}
.connection-banner strong{flex-shrink:0;color:var(--doneAccent)}
.login-layout{min-height:calc(100dvh - 74px)}
.check-label{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer}
.check-label input{width:20px;height:20px;accent-color:var(--doneAccent)}
#tasks li{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--doneHairline);padding:18px 0}
#tasks li>div{min-width:0;overflow-wrap:anywhere}
#tasks strong{font-size:16px;line-height:1.7}
#tasks small{font-size:13px;line-height:1.8;margin-top:6px}
#tasks button{flex-shrink:0}
@media(max-width:700px){.connection-banner{padding:12px 16px}#tasks li{align-items:flex-start;flex-direction:column}}